Export bookmarks as markdown file with clickable links

- Add export button in bookmarks section header
- Export to markdown format with file:line links
- Include bookmark notes and line content preview
- Sort bookmarks by line number
- Auto-open exported file in new tab
- Link format compatible with VSCode/editors

Author: ozgesolidkey

src/main/index.ts

@@ -701,6 +701,72 @@ ipcMain.handle('bookmark-update', async (_, bookmark: Bookmark) => {
   return { success: false, error: 'Bookmark not found' };
 });
 
+// Export bookmarks to file
+ipcMain.handle('export-bookmarks', async () => {
+  if (!currentFilePath || bookmarks.size === 0) {
+    return { success: false, error: 'No bookmarks to export' };
+  }
+
+  try {
+    const handler = getFileHandler();
+    const fileInfo = handler?.getFileInfo();
+    if (!fileInfo) {
+      return { success: false, error: 'No file info available' };
+    }
+
+    // Generate export filename
+    const currentDir = path.dirname(fileInfo.path);
+    const baseName = path.basename(fileInfo.path, path.extname(fileInfo.path));
+    const timestamp = new Date().toISOString().substring(0, 10).replace(/-/g, '');
+    const exportPath = path.join(currentDir, `${baseName}_bookmarks_${timestamp}.md`);
+
+    // Build markdown content with clickable links
+    const lines: string[] = [
+      `# Bookmarks`,
+      ``,
+      `**Source:** \`${fileInfo.path}\``,
+      `**Exported:** ${new Date().toISOString().replace('T', ' ').substring(0, 19)}`,
+      `**Total Bookmarks:** ${bookmarks.size}`,
+      ``,
+      `---`,
+      ``,
+    ];
+
+    // Sort bookmarks by line number
+    const sortedBookmarks = Array.from(bookmarks.values())
+      .sort((a, b) => a.lineNumber - b.lineNumber);
+
+    for (const bookmark of sortedBookmarks) {
+      // Get the line text
+      const [lineData] = handler?.getLines(bookmark.lineNumber, 1) || [];
+      const lineText = lineData?.text || '';
+      const truncatedText = lineText.length > 100 ? lineText.substring(0, 100) + '...' : lineText;
+
+      lines.push(`## Line ${bookmark.lineNumber + 1}`);
+      lines.push(``);
+      if (bookmark.label) {
+        lines.push(`**Note:** ${bookmark.label}`);
+        lines.push(``);
+      }
+      // File link in format that some editors/tools can open (VSCode, etc)
+      lines.push(`**Link:** \`${fileInfo.path}:${bookmark.lineNumber + 1}\``);
+      lines.push(``);
+      lines.push(`\`\`\``);
+      lines.push(truncatedText);
+      lines.push(`\`\`\``);
+      lines.push(``);
+      lines.push(`---`);
+      lines.push(``);
+    }
+
+    fs.writeFileSync(exportPath, lines.join('\n'), 'utf-8');
+
+    return { success: true, filePath: exportPath };
+  } catch (error) {
+    return { success: false, error: String(error) };
+  }
+});
+
 // === Highlights ===
 
 ipcMain.handle('highlight-add', async (_, highlight: Highlight) => {

src/preload/index.ts

@@ -61,6 +61,9 @@ const api = {
   clearBookmarks: (): Promise<{ success: boolean }> =>
     ipcRenderer.invoke('bookmark-clear'),
 
+  exportBookmarks: (): Promise<{ success: boolean; filePath?: string; error?: string }> =>
+    ipcRenderer.invoke('export-bookmarks'),
+
   // Highlights
   addHighlight: (highlight: any): Promise<{ success: boolean }> =>
     ipcRenderer.invoke('highlight-add', highlight),

src/renderer/index.html

@@ -127,6 +127,7 @@
         <div class="sidebar-section" id="section-bookmarks">
           <div class="section-header" data-section="bookmarks">
             <span class="section-title">Bookmarks</span>
+            <button id="btn-export-bookmarks" class="icon-btn" title="Export Bookmarks">&#128190;</button>
             <span class="section-toggle">&#9660;</span>
           </div>
           <div class="section-content">

src/renderer/renderer.ts

@@ -255,6 +255,7 @@ const elements = {
   patternsList: document.getElementById('patterns-list') as HTMLDivElement,
   duplicatesList: document.getElementById('duplicates-list') as HTMLDivElement,
   bookmarksList: document.getElementById('bookmarks-list') as HTMLDivElement,
+  btnExportBookmarks: document.getElementById('btn-export-bookmarks') as HTMLButtonElement,
   highlightsList: document.getElementById('highlights-list') as HTMLDivElement,
   btnAddHighlight: document.getElementById('btn-add-highlight') as HTMLButtonElement,
   statusFile: document.getElementById('status-file') as HTMLSpanElement,
@@ -3452,6 +3453,21 @@ function init(): void {
     }
   });
 
+  // Export bookmarks
+  elements.btnExportBookmarks.addEventListener('click', async () => {
+    if (state.bookmarks.length === 0) {
+      alert('No bookmarks to export');
+      return;
+    }
+    const result = await window.api.exportBookmarks();
+    if (result.success && result.filePath) {
+      // Open the exported file in a new tab
+      await loadFileAsInactiveTab(result.filePath);
+    } else if (result.error) {
+      alert(`Export failed: ${result.error}`);
+    }
+  });
+
   // Notes modal
   elements.btnSaveNotes.addEventListener('click', () => hideNotesModal(true));
   elements.btnCancelNotes.addEventListener('click', () => hideNotesModal(false));

src/renderer/styles.css

@@ -296,6 +296,25 @@ body {
   line-height: 1;
 }
 
+/* Icon button in section headers */
+.icon-btn {
+  background: none;
+  border: none;
+  color: var(--text-secondary);
+  font-size: 12px;
+  cursor: pointer;
+  padding: 2px 4px;
+  margin-left: auto;
+  margin-right: 4px;
+  opacity: 0.7;
+  transition: opacity 0.2s;
+}
+
+.icon-btn:hover {
+  opacity: 1;
+  color: var(--accent-color);
+}
+
 .section-btn:hover {
   color: var(--accent-color);
 }

src/renderer/types.d.ts

@@ -154,6 +154,7 @@ interface Api {
   updateBookmark: (bookmark: Bookmark) => Promise<{ success: boolean }>;
   listBookmarks: () => Promise<{ success: boolean; bookmarks?: Bookmark[] }>;
   clearBookmarks: () => Promise<{ success: boolean }>;
+  exportBookmarks: () => Promise<{ success: boolean; filePath?: string; error?: string }>;
 
   // Highlights
   addHighlight: (highlight: HighlightConfig) => Promise<{ success: boolean }>;