diff --git a/CLAUDE.md b/CLAUDE.md index 7fc61b5..a86f413 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -4,7 +4,7 @@ **PanConverter** is a cross-platform Markdown editor and converter powered by Pandoc, built with Electron. It provides professional-grade editing capabilities with comprehensive export options. -**Current Version**: v1.4.0 +**Current Version**: v1.5.0 **Author**: Amit Haridas (amit.wh@gmail.com) **License**: MIT **Repository**: https://github.com/amitwh/pan-converter @@ -13,10 +13,10 @@ ### Core Technologies - **Electron** - Cross-platform desktop application framework -- **Pandoc** - Universal document converter (required dependency) +- **Pandoc** - Universal document converter (required system dependency) - **marked** - Markdown parsing and rendering - **highlight.js** - Syntax highlighting -- **XLSX** - Spreadsheet export functionality +- **KaTeX** - Mathematical expression rendering - **DOMPurify** - HTML sanitization ### Application Structure @@ -109,7 +109,48 @@ gh release create v1.2.1 --title "Title" --notes "Release notes" \ ## Feature Implementation Guide -### v1.4.0 Advanced Export & Batch Processing (Latest) +### v1.5.0 Enhanced Features & Open Source Compatibility (Latest) + +#### 🔧 Export Function Fixes & Optional Advanced Options +**Export Dialog Enhancement** (`src/index.html:125-133`, `src/renderer.js:960-985`) +- Fixed export function issues after advanced export options integration +- Added optional advanced export options via checkbox toggle (unchecked by default) +- Basic export options always visible, advanced options hidden until enabled +- Clean UI separation between simple and advanced export workflows + +#### 🏗️ Open Source Compatibility & Dependency Removal +**Removed Proprietary Dependencies** (`src/main.js:430-450`, `package.json:32-37`) +- Removed bundled Pandoc binaries - now requires system-installed Pandoc +- Replaced proprietary XLSX dependency with open-source CSV export +- Removed non-essential bundled binaries to ensure open-source compatibility +- Updated export functions to use system Pandoc installation + +#### ✨ Advanced User Experience Features +**Auto-Save System** (`src/renderer.js:445-484`) +- Automatic saving every 30 seconds with visual indicators +- Smooth slide-in animation for auto-save notifications +- Prevents data loss during extended editing sessions +- Integrated with file opening and tab creation workflows + +**Enhanced Document Statistics** (`src/renderer.js:385-444`) +- Comprehensive statistics: words, characters, lines, paragraphs, sentences +- Estimated reading time calculation (200 words per minute) +- Real-time updates as user types +- Professional presentation in status bar + +**Recent Files Management** (`src/main.js:69-114`, `src/renderer.js:487-512`) +- Recent files menu with last 10 opened files +- Persistent storage via localStorage and user data directory +- Menu integration with File > Recent Files submenu +- Clear recent files functionality with menu rebuild + +**Mathematical Expression Support** (`src/renderer.js:1099-1130`, `src/renderer.js:292-306`) +- KaTeX integration for rendering mathematical expressions +- Support for multiple delimiters: $$, $, \\[\\], \\(\\) +- Real-time math rendering in preview pane +- Fallback handling for missing KaTeX library + +### v1.4.0 Advanced Export & Batch Processing #### 🔧 Fixed File Association Support **File Loading Fix** (`src/main.js:385-390`, `src/renderer.js:485-486`) @@ -377,5 +418,5 @@ gh release create v1.2.1 --title "Title" --notes "Release notes" \ --- -**Last Updated**: September 14, 2025 -**Claude Assistant**: Development completed for v1.4.0 with fixed file associations, advanced export options with templates and metadata, batch file conversion system, and enhanced UI components. \ No newline at end of file +**Last Updated**: September 15, 2025 +**Claude Assistant**: Development completed for v1.5.0 with optional advanced export options, removed proprietary dependencies for open-source compatibility, enhanced auto-save functionality, comprehensive document statistics, recent files management, and mathematical expression support using KaTeX. \ No newline at end of file diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..1d0db01 --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2024 Amit Haridas + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. \ No newline at end of file diff --git a/README.md b/README.md index 81c6419..a0306d8 100644 --- a/README.md +++ b/README.md @@ -20,11 +20,14 @@ A cross-platform Markdown editor and converter powered by Pandoc. - 👁️ **Live Preview** - See your markdown rendered in real-time with synchronized scrolling - 🎨 **Multiple Themes** - Choose from Light, Dark, Solarized, Monokai, or GitHub themes - 💾 **Auto-Save** - Never lose your work with automatic saving every 30 seconds +- 📊 **Enhanced Statistics** - Detailed document statistics including word count, character count, lines, paragraphs, sentences, and estimated reading time +- 🕒 **Recent Files** - Quick access to recently opened files via File menu +- 🧮 **Math Support** - Render mathematical expressions using KaTeX (supports $$, $, \\[\\], \\(\\) delimiters) ### 📤 Export & Conversion - 📄 **Enhanced PDF Export** - Robust PDF generation with multiple LaTeX engine fallbacks (XeLaTeX, PDFLaTeX, wkhtmltopdf) - 📄 **Document Export** - Convert to HTML, DOCX, LaTeX, RTF, ODT, EPUB, PowerPoint (PPTX), and OpenDocument Presentation (ODP) -- 📊 **Spreadsheet Export** - Export markdown tables to Excel (XLSX/XLS) and OpenDocument Spreadsheet (ODS) formats +- 📊 **Spreadsheet Export** - Export markdown tables to CSV format for compatibility with any spreadsheet application - 📥 **Document Import** - Import DOCX, ODT, RTF, HTML, PDF, and presentation files to markdown - 📋 **Table Creation Helper** - Built-in table generator for easy markdown table creation @@ -50,9 +53,9 @@ For optimal PDF export, install a LaTeX engine (recommended): Download the latest release for your platform from the [Releases](https://github.com/amitwh/pan-converter/releases) page. #### Linux -- **AppImage**: `PanConverter-1.3.1.AppImage` (universal, may require `--no-sandbox` flag) -- **Debian Package**: `pan-converter_1.3.1_amd64.deb` -- **Snap Package**: `pan-converter_1.3.1_amd64.snap` +- **AppImage**: `PanConverter-1.5.0.AppImage` (universal, may require `--no-sandbox` flag) +- **Debian Package**: `pan-converter_1.5.0_amd64.deb` +- **Snap Package**: `pan-converter_1.5.0_amd64.snap` ### Install from Source ```bash @@ -73,7 +76,9 @@ npm start ### Export Options - **Documents**: HTML, PDF, DOCX, LaTeX, RTF, ODT, EPUB - **Presentations**: PowerPoint (PPTX), OpenDocument Presentation (ODP) -- **Spreadsheets**: Excel (XLSX/XLS), OpenDocument Spreadsheet (ODS) +- **Spreadsheets**: CSV format for tables (compatible with Excel, LibreOffice, Google Sheets) +- **Advanced Export Options**: Optional template support, metadata insertion, table of contents, section numbering, and PDF-specific settings +- **Batch Conversion**: Convert entire folders of markdown files with progress tracking ### Import & Conversion - **Import Documents**: Convert DOCX, ODT, RTF, HTML, PDF, and presentation files to Markdown diff --git a/assets/icon-proper.ico b/assets/icon-proper.ico new file mode 100644 index 0000000..46ffe19 Binary files /dev/null and b/assets/icon-proper.ico differ diff --git a/assets/icon.icns b/assets/icon.icns new file mode 100644 index 0000000..68324cd Binary files /dev/null and b/assets/icon.icns differ diff --git a/assets/icon.ico b/assets/icon.ico new file mode 100644 index 0000000..5743ec5 Binary files /dev/null and b/assets/icon.ico differ diff --git a/package.json b/package.json index d2bac07..cc9d9d6 100644 --- a/package.json +++ b/package.json @@ -1,13 +1,14 @@ { "name": "pan-converter", - "version": "1.4.0", + "version": "1.5.0", "description": "Cross-platform Markdown editor and converter using Pandoc", "main": "src/main.js", "scripts": { "start": "electron .", "test": "echo \"Error: no test specified\" && exit 1", "build": "electron-builder", - "build:win": "electron-builder --win", + "build:win": "cross-env CSC_LINK=code-signing-cert.pfx CSC_KEY_PASSWORD=PanConverter2024! electron-builder --win", + "build:win-unsigned": "cross-env CSC_IDENTITY_AUTO_DISCOVERY=false electron-builder --win", "build:mac": "electron-builder --mac", "build:linux": "electron-builder --linux", "dist": "electron-builder --publish=never", @@ -23,6 +24,7 @@ "author": "Amit Haridas ", "license": "MIT", "devDependencies": { + "cross-env": "^10.0.0", "electron": "^37.4.0", "electron-builder": "^26.0.12", "sharp": "^0.34.3" @@ -32,8 +34,7 @@ "dompurify": "^3.2.6", "electron-store": "^10.1.0", "highlight.js": "^11.11.1", - "marked": "^16.2.1", - "xlsx": "^0.18.5" + "marked": "^16.2.1" }, "build": { "appId": "com.panconverter.app", @@ -58,7 +59,7 @@ { "ext": "markdown", "name": "Markdown Document", - "description": "Markdown Document", + "description": "Markdown Document", "mimeType": "text/markdown", "role": "Editor" } @@ -68,8 +69,43 @@ "icon": "assets/icon.icns" }, "win": { - "target": "nsis", - "icon": "assets/icon.ico" + "target": [ + { + "target": "nsis", + "arch": ["x64"] + }, + { + "target": "portable", + "arch": ["x64"] + }, + { + "target": "zip", + "arch": ["x64"] + } + ], + "icon": "assets/icon.png", + "artifactName": "${productName}-${version}-${arch}.${ext}", + "requestedExecutionLevel": "asInvoker", + "signAndEditExecutable": true + }, + "nsis": { + "oneClick": false, + "perMachine": false, + "allowToChangeInstallationDirectory": true, + "displayLanguageSelector": true, + "installerIcon": "assets/icon-proper.ico", + "uninstallerIcon": "assets/icon-proper.ico", + "installerHeaderIcon": "assets/icon-proper.ico", + "createDesktopShortcut": true, + "createStartMenuShortcut": true, + "shortcutName": "PanConverter", + "runAfterFinish": true, + "menuCategory": "Productivity", + "license": "LICENSE", + "warningsAsErrors": false, + "artifactName": "${productName}-Setup-${version}.${ext}", + "deleteAppDataOnUninstall": false, + "differentialPackage": true }, "linux": { "target": [ diff --git a/src/index.html b/src/index.html index e597527..4f81251 100644 --- a/src/index.html +++ b/src/index.html @@ -122,8 +122,20 @@
-
- + +
+ + Enable for templates, metadata, bibliography, and advanced PDF settings +
+ + +
diff --git a/src/main.js b/src/main.js index 004f3c8..3c1c51c 100644 --- a/src/main.js +++ b/src/main.js @@ -2,7 +2,21 @@ const { app, BrowserWindow, Menu, dialog, ipcMain, shell } = require('electron') const path = require('path'); const fs = require('fs'); const { exec } = require('child_process'); -const XLSX = require('xlsx'); + +// Get the system Pandoc path +function getPandocPath() { + // Always use system pandoc - no bundled binaries + return 'pandoc'; +} + +// Check if Pandoc is available +function checkPandocAvailable() { + return new Promise((resolve) => { + exec('pandoc --version', (error) => { + resolve(!error); + }); + }); +} // Simple storage implementation to replace electron-store const settingsPath = path.join(app.getPath('userData'), 'settings.json'); @@ -52,6 +66,53 @@ function createWindow() { // Handle pending file from file association will be handled by renderer-ready event } +function buildRecentFilesMenu() { + const recentFiles = getRecentFiles(); + + if (recentFiles.length === 0) { + return [ + { + label: 'No recent files', + enabled: false + } + ]; + } + + const recentFileItems = recentFiles.map(filePath => ({ + label: filePath.split(/[\\/]/).pop(), // Get filename only + click: () => { + if (fs.existsSync(filePath)) { + currentFile = filePath; + const content = fs.readFileSync(filePath, 'utf-8'); + mainWindow.webContents.send('file-opened', { path: filePath, content }); + } else { + dialog.showErrorBox('File Not Found', `The file "${filePath}" could not be found.`); + } + }, + toolTip: filePath // Show full path in tooltip + })); + + return [ + ...recentFileItems, + { type: 'separator' }, + { + label: 'Clear Recent Files', + click: () => { + mainWindow.webContents.send('clear-recent-files'); + } + } + ]; +} + +function getRecentFiles() { + try { + const recentFiles = JSON.parse(fs.readFileSync(path.join(app.getPath('userData'), 'recent-files.json'), 'utf-8')); + return recentFiles.filter(file => fs.existsSync(file)); + } catch (e) { + return []; + } +} + function createMenu() { const template = [ { @@ -78,6 +139,11 @@ function createMenu() { click: saveAsFile }, { type: 'separator' }, + { + label: 'Recent Files', + submenu: buildRecentFilesMenu() + }, + { type: 'separator' }, { label: 'Import Document...', accelerator: 'CmdOrCtrl+I', @@ -97,9 +163,7 @@ function createMenu() { { label: 'PowerPoint (PPTX)', click: () => exportFile('pptx') }, { label: 'OpenDocument Presentation (ODP)', click: () => exportFile('odp') }, { type: 'separator' }, - { label: 'Excel (XLSX)', click: () => exportSpreadsheet('xlsx') }, - { label: 'Excel Legacy (XLS)', click: () => exportSpreadsheet('xls') }, - { label: 'OpenDocument Spreadsheet (ODS)', click: () => exportSpreadsheet('ods') } + { label: 'CSV (Tables)', click: () => exportSpreadsheet('csv') } ] }, { type: 'separator' }, @@ -195,7 +259,7 @@ function createMenu() { type: 'info', title: 'About PanConverter', message: 'PanConverter', - detail: 'A cross-platform Markdown editor and converter using Pandoc.\n\nVersion: 1.4.0\nAuthor: Amit Haridas\nEmail: amit.wh@gmail.com\nLicense: MIT\n\nFeatures:\n• Tabbed interface for multiple files\n• Advanced markdown editing with live preview\n• Enhanced PDF export with LaTeX engines\n• File association support for .md files (Fixed in v1.4.0)\n• Advanced export options with templates and metadata\n• Batch file conversion with progress tracking\n• Improved preview typography and spacing\n• Adjustable font sizes via menu (Ctrl+Shift+Plus/Minus)\n• Complete theme support including Monokai fixes\n• Find & replace with match highlighting\n• Line numbers and auto-indentation\n• Export to multiple formats via Pandoc\n• PowerPoint & presentation export\n• Export tables to Excel/ODS spreadsheets\n• Document import & conversion\n• Table creation helper\n• Multiple themes support\n• Undo/redo functionality', + detail: 'A cross-platform Markdown editor and converter using Pandoc.\n\nVersion: 1.5.0\nAuthor: Amit Haridas\nEmail: amit.wh@gmail.com\nLicense: MIT\n\nFeatures:\n• Tabbed interface for multiple files\n• Advanced markdown editing with live preview\n• Enhanced PDF export with LaTeX engines\n• Optional advanced export options\n• Advanced export options with templates and metadata\n• Batch file conversion with progress tracking\n• Improved preview typography and spacing\n• Adjustable font sizes via menu (Ctrl+Shift+Plus/Minus)\n• Complete theme support including Monokai fixes\n• Find & replace with match highlighting\n• Line numbers and auto-indentation\n• Export to multiple formats via Pandoc\n• PowerPoint & presentation export\n• Export tables to CSV format\n• Document import & conversion\n• Table creation helper\n• Multiple themes support\n• Undo/redo functionality\n• Live word count and statistics', buttons: ['OK'] }); } @@ -270,7 +334,7 @@ function performExportWithOptions(format, options) { }); if (outputFile) { - let pandocCmd = `pandoc "${currentFile}" -o "${outputFile}"`; + let pandocCmd = `${getPandocPath()} "${currentFile}" -o "${outputFile}"`; // Add template if specified if (options.template && options.template !== 'default') { @@ -345,7 +409,7 @@ function tryPdfFallback(inputFile, outputFile, engines, index, options, lastErro const engine = engines[index]; const geometry = options.geometry || 'margin=1in'; - let pandocCmd = `pandoc "${inputFile}" --pdf-engine=${engine} -V geometry:${geometry} -o "${outputFile}"`; + let pandocCmd = `${getPandocPath()} "${inputFile}" --pdf-engine=${engine} -V geometry:${geometry} -o "${outputFile}"`; // Add all other options if (options.template && options.template !== 'default') { @@ -403,7 +467,7 @@ function importDocument() { const outputFile = inputFile.replace(/\.[^/.]+$/, '.md'); // Convert to markdown using pandoc - const pandocCmd = `pandoc "${inputFile}" -t markdown -o "${outputFile}"`; + const pandocCmd = `${getPandocPath()} "${inputFile}" -t markdown -o "${outputFile}"`; exec(pandocCmd, (error, stdout, stderr) => { if (error) { @@ -496,27 +560,36 @@ ipcMain.on('export-spreadsheet', (event, { content, format }) => { try { // Parse markdown content to extract tables const tables = extractTablesFromMarkdown(content); - + if (tables.length === 0) { dialog.showErrorBox('Export Error', 'No tables found in the markdown content'); return; } - // Create workbook - const wb = XLSX.utils.book_new(); - + // Convert tables to CSV format + let csvContent = ''; tables.forEach((table, index) => { - const ws = XLSX.utils.aoa_to_sheet(table); - XLSX.utils.book_append_sheet(wb, ws, `Table ${index + 1}`); + if (index > 0) csvContent += '\n\n'; // Separate multiple tables + if (tables.length > 1) csvContent += `"Table ${index + 1}"\n`; + + table.forEach(row => { + const csvRow = row.map(cell => { + // Escape quotes and wrap in quotes if necessary + const cleanCell = cell.replace(/"/g, '""'); + return cleanCell.includes(',') || cleanCell.includes('"') || cleanCell.includes('\n') + ? `"${cleanCell}"` : cleanCell; + }).join(','); + csvContent += csvRow + '\n'; + }); }); - // Write file - XLSX.writeFile(wb, outputFile); - + // Write CSV file + fs.writeFileSync(outputFile, csvContent, 'utf-8'); + dialog.showMessageBox(mainWindow, { type: 'info', title: 'Export Complete', - message: `Spreadsheet exported successfully to ${outputFile}`, + message: `CSV exported successfully to ${outputFile}`, buttons: ['OK'] }); } catch (error) { @@ -637,7 +710,7 @@ function performBatchConversion(inputFolder, outputFolder, format, options) { } // Build pandoc command - let pandocCmd = `pandoc "${inputFile}" -o "${outputFile}"`; + let pandocCmd = `${getPandocPath()} "${inputFile}" -o "${outputFile}"`; // Add template if specified if (options.template && options.template !== 'default') { @@ -727,6 +800,30 @@ app.on('activate', () => { } }); +// IPC handlers for recent files +ipcMain.on('save-recent-files', (event, recentFiles) => { + try { + const userDataPath = app.getPath('userData'); + const recentFilesPath = path.join(userDataPath, 'recent-files.json'); + fs.writeFileSync(recentFilesPath, JSON.stringify(recentFiles, null, 2)); + } catch (error) { + console.error('Error saving recent files:', error); + } +}); + +ipcMain.on('clear-recent-files', (event) => { + try { + const userDataPath = app.getPath('userData'); + const recentFilesPath = path.join(userDataPath, 'recent-files.json'); + fs.writeFileSync(recentFilesPath, JSON.stringify([], null, 2)); + // Rebuild menu to reflect changes + createMenu(); + event.reply('recent-files-cleared'); + } catch (error) { + console.error('Error clearing recent files:', error); + } +}); + // Handle file opening on macOS app.on('open-file', (event, filePath) => { event.preventDefault(); diff --git a/src/renderer.js b/src/renderer.js index 83bd8dc..af3cf91 100644 --- a/src/renderer.js +++ b/src/renderer.js @@ -25,6 +25,9 @@ class TabManager { this.nextTabId = 2; this.isPreviewVisible = true; this.showLineNumbers = false; + this.autoSaveInterval = null; + this.autoSaveDelay = 30000; // 30 seconds + this.recentFiles = JSON.parse(localStorage.getItem('recentFiles') || '[]'); // Initialize first tab this.tabs.set(1, { @@ -112,6 +115,7 @@ class TabManager { this.tabs.set(newTabId, tab); this.createTabElements(tab); this.switchToTab(newTabId); + this.startAutoSave(); this.updateTabBar(); } @@ -284,6 +288,22 @@ class TabManager { const html = marked.parse(tab.content); const sanitizedHtml = DOMPurify.sanitize(html); preview.innerHTML = sanitizedHtml; + + // Render math expressions if KaTeX is available + if (window.katex && window.renderMathInElement) { + try { + window.renderMathInElement(preview, { + delimiters: [ + {left: '$$', right: '$$', display: true}, + {left: '$', right: '$', display: false}, + {left: '\\[', right: '\\]', display: true}, + {left: '\\(', right: '\\)', display: false} + ] + }); + } catch (mathError) { + console.warn('Math rendering error:', mathError); + } + } } catch (error) { preview.innerHTML = '

Error rendering preview

'; } @@ -324,10 +344,33 @@ class TabManager { updateWordCount() { const tab = this.tabs.get(this.activeTabId); if (!tab) return; - - const words = tab.content.trim().split(/\\s+/).filter(word => word.length > 0).length; - const chars = tab.content.length; - document.getElementById('word-count').textContent = `Words: ${words} | Characters: ${chars}`; + + const content = tab.content; + const words = content.trim() ? content.trim().split(/\s+/).filter(word => word.length > 0).length : 0; + const chars = content.length; + const charsNoSpaces = content.replace(/\s/g, '').length; + + // Enhanced statistics + const lines = content.split('\n').length; + const paragraphs = content.split(/\n\s*\n/).filter(p => p.trim()).length; + const readingTime = Math.ceil(words / 200); // Average reading speed: 200 words/minute + const sentences = content.split(/[.!?]+/).filter(s => s.trim()).length; + + // Update the word count display with enhanced stats + const basicStats = `Words: ${words} | Characters: ${chars} (${charsNoSpaces} no spaces)`; + const enhancedStats = `Lines: ${lines} | Paragraphs: ${paragraphs} | Sentences: ${sentences} | Reading time: ${readingTime} min`; + + document.getElementById('word-count').textContent = basicStats; + + // Add enhanced stats to a separate element + let enhancedEl = document.getElementById('enhanced-stats'); + if (!enhancedEl) { + enhancedEl = document.createElement('div'); + enhancedEl.id = 'enhanced-stats'; + enhancedEl.className = 'enhanced-stats'; + document.querySelector('.status-bar').appendChild(enhancedEl); + } + enhancedEl.textContent = enhancedStats; } setupEditorEvents() { @@ -408,7 +451,84 @@ class TabManager { this.updateWordCount(); } } - + + // Auto-save functionality + startAutoSave() { + if (this.autoSaveInterval) { + clearInterval(this.autoSaveInterval); + } + + this.autoSaveInterval = setInterval(() => { + this.performAutoSave(); + }, this.autoSaveDelay); + } + + stopAutoSave() { + if (this.autoSaveInterval) { + clearInterval(this.autoSaveInterval); + this.autoSaveInterval = null; + } + } + + performAutoSave() { + const tab = this.tabs.get(this.activeTabId); + if (!tab || !tab.filePath || !tab.content) return; + + // Only auto-save if content has changed since last save + if (tab.lastSavedContent !== tab.content) { + ipcRenderer.send('save-file', { path: tab.filePath, content: tab.content }); + tab.lastSavedContent = tab.content; + + // Show brief auto-save indicator + this.showAutoSaveIndicator(); + } + } + + showAutoSaveIndicator() { + const indicator = document.createElement('div'); + indicator.textContent = 'Auto-saved'; + indicator.className = 'auto-save-indicator'; + document.body.appendChild(indicator); + + setTimeout(() => { + indicator.classList.add('fade-out'); + setTimeout(() => { + if (indicator.parentNode) { + indicator.parentNode.removeChild(indicator); + } + }, 300); + }, 1500); + } + + // Recent files functionality + addToRecentFiles(filePath) { + if (!filePath) return; + + // Remove if already exists + this.recentFiles = this.recentFiles.filter(f => f !== filePath); + + // Add to beginning + this.recentFiles.unshift(filePath); + + // Keep only last 10 files + this.recentFiles = this.recentFiles.slice(0, 10); + + // Save to localStorage and sync with main process + localStorage.setItem('recentFiles', JSON.stringify(this.recentFiles)); + window.electronAPI.send('save-recent-files', this.recentFiles); + } + + getRecentFiles() { + return this.recentFiles.filter(file => { + // Check if file still exists (basic check by trying to access it) + try { + return file && file.length > 0; + } catch (e) { + return false; + } + }); + } + setupToolbarEvents() { // Existing toolbar setup... document.getElementById('btn-preview-toggle').addEventListener('click', () => { @@ -459,6 +579,8 @@ class TabManager { } this.restoreTabState(this.activeTabId); + this.startAutoSave(); + this.addToRecentFiles(filePath); this.updateTabBar(); } @@ -601,6 +723,13 @@ function hideExportDialog() { } function initializeExportForm(format) { + // Reset advanced export toggle to unchecked + const advancedToggle = document.getElementById('advanced-export-toggle'); + const advancedOptions = document.getElementById('advanced-export-options'); + + advancedToggle.checked = false; + advancedOptions.classList.add('hidden'); + // Reset form to defaults document.getElementById('export-template').value = 'default'; document.getElementById('custom-template-path').style.display = 'none'; @@ -635,48 +764,69 @@ function initializeExportForm(format) { } function collectExportOptions() { - const options = { - template: document.getElementById('export-template').value, - metadata: {}, - variables: {}, - toc: document.getElementById('export-toc').checked, - tocDepth: document.getElementById('export-toc-depth').value, - numberSections: document.getElementById('export-number-sections').checked, - citeproc: document.getElementById('export-citeproc').checked - }; + const advancedMode = document.getElementById('advanced-export-toggle').checked; + const options = {}; - // Collect custom template path - if (options.template === 'custom') { - options.template = document.getElementById('custom-template-path').value.trim(); + if (advancedMode) { + // Collect advanced options + options.template = document.getElementById('export-template').value; + options.metadata = {}; + options.variables = {}; + options.toc = document.getElementById('export-toc').checked; + options.tocDepth = document.getElementById('export-toc-depth').value; + options.numberSections = document.getElementById('export-number-sections').checked; + options.citeproc = document.getElementById('export-citeproc').checked; + } else { + // Collect basic options only + options.template = 'default'; + options.metadata = {}; + options.variables = {}; + options.toc = document.getElementById('basic-toc').checked; + options.tocDepth = 3; + options.numberSections = document.getElementById('basic-number-sections').checked; + options.citeproc = false; } - // Collect metadata - const metadataFields = document.querySelectorAll('.metadata-field'); - metadataFields.forEach(field => { - const key = field.querySelector('.metadata-key').value.trim(); - const value = field.querySelector('.metadata-value').value.trim(); - if (key && value) { - options.metadata[key] = value; + if (advancedMode) { + // Collect custom template path + if (options.template === 'custom') { + options.template = document.getElementById('custom-template-path').value.trim(); } - }); - // PDF-specific options - if (currentExportFormat === 'pdf') { - options.pdfEngine = document.getElementById('pdf-engine').value; - const geometrySelect = document.getElementById('pdf-geometry'); - if (geometrySelect.value === 'custom') { - options.geometry = document.getElementById('custom-geometry').value.trim() || 'margin=1in'; - } else { - options.geometry = geometrySelect.value; + // Collect metadata + const metadataFields = document.querySelectorAll('.metadata-field'); + metadataFields.forEach(field => { + const key = field.querySelector('.metadata-key').value.trim(); + const value = field.querySelector('.metadata-value').value.trim(); + if (key && value) { + options.metadata[key] = value; + } + }); + + // PDF-specific options + if (currentExportFormat === 'pdf') { + options.pdfEngine = document.getElementById('pdf-engine').value; + const geometrySelect = document.getElementById('pdf-geometry'); + if (geometrySelect.value === 'custom') { + options.geometry = document.getElementById('custom-geometry').value.trim() || 'margin=1in'; + } else { + options.geometry = geometrySelect.value; + } + } + + // Bibliography + const bibFile = document.getElementById('bibliography-file').value.trim(); + const cslFile = document.getElementById('csl-file').value.trim(); + if (bibFile) options.bibliography = bibFile; + if (cslFile) options.csl = cslFile; + } else { + // Basic mode - set default PDF options if needed + if (currentExportFormat === 'pdf') { + options.pdfEngine = 'xelatex'; + options.geometry = 'margin=1in'; } } - // Bibliography - const bibFile = document.getElementById('bibliography-file').value.trim(); - const cslFile = document.getElementById('csl-file').value.trim(); - if (bibFile) options.bibliography = bibFile; - if (cslFile) options.csl = cslFile; - return options; } @@ -697,6 +847,16 @@ document.addEventListener('DOMContentLoaded', () => { } }); + // Advanced export toggle + document.getElementById('advanced-export-toggle').addEventListener('change', (e) => { + const advancedOptions = document.getElementById('advanced-export-options'); + if (e.target.checked) { + advancedOptions.classList.remove('hidden'); + } else { + advancedOptions.classList.add('hidden'); + } + }); + // Template file input document.getElementById('template-file-input').addEventListener('change', (e) => { const file = e.target.files[0]; @@ -941,4 +1101,46 @@ if (originalExportConfirm) { currentBatchOptions = collectExportOptions(); } }); -} \ No newline at end of file +} + +// IPC event listeners for recent files functionality +if (window.electronAPI) { + window.electronAPI.on('recent-files-cleared', () => { + tabManager.recentFiles = []; + localStorage.setItem('recentFiles', JSON.stringify([])); + console.log('Recent files cleared'); + }); +} + +// Add math rendering support using KaTeX for enhanced preview +function initMathSupport() { + // Add KaTeX CSS + const katexCSS = document.createElement('link'); + katexCSS.rel = 'stylesheet'; + katexCSS.href = 'https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.css'; + katexCSS.crossOrigin = 'anonymous'; + document.head.appendChild(katexCSS); + + // Add KaTeX JS + const katexJS = document.createElement('script'); + katexJS.src = 'https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.js'; + katexJS.crossOrigin = 'anonymous'; + katexJS.onload = () => { + // Add auto-render extension + const autoRenderJS = document.createElement('script'); + autoRenderJS.src = 'https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/contrib/auto-render.min.js'; + autoRenderJS.crossOrigin = 'anonymous'; + autoRenderJS.onload = () => { + console.log('Math support (KaTeX) initialized'); + // Re-render current preview to include math + if (tabManager) { + tabManager.updatePreview(); + } + }; + document.head.appendChild(autoRenderJS); + }; + document.head.appendChild(katexJS); +} + +// Initialize math support on load +initMathSupport(); \ No newline at end of file diff --git a/src/styles.css b/src/styles.css index 16b20fe..3872772 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1406,4 +1406,181 @@ body.theme-github .line-numbers { background: #fafbfc; border-right-color: #e1e4e8; color: #586069; +} + +/* Advanced Export Toggle Styles */ +.export-mode-toggle { + border-bottom: 1px solid #ddd; + padding-bottom: 15px; + margin-bottom: 20px; +} + +.checkbox-label { + display: flex; + align-items: center; + cursor: pointer; + font-weight: 500; + margin-bottom: 5px; +} + +.checkbox-label input[type="checkbox"] { + margin-right: 10px; + transform: scale(1.2); +} + +.export-help { + color: #666; + font-size: 12px; + font-style: italic; + margin-left: 25px; +} + +.advanced-options { + transition: all 0.3s ease; + overflow: hidden; +} + +.advanced-options.hidden { + display: none; +} + +.basic-options { + background: #f8f9fa; + border: 1px solid #e9ecef; + border-radius: 6px; + padding: 15px; + margin-top: 10px; +} + +.basic-options label { + font-weight: normal; + margin-bottom: 8px; +} + +/* Theme support for advanced export toggle */ +body.theme-dark .export-mode-toggle { + border-color: #444; +} + +body.theme-dark .export-help { + color: #999; +} + +body.theme-dark .basic-options { + background: #1a1a1a; + border-color: #444; +} + +body.theme-dark .checkbox-label { + color: #f0f0f0; +} + +body.theme-solarized .export-mode-toggle { + border-color: #eee8d5; +} + +body.theme-solarized .export-help { + color: #586e75; +} + +body.theme-solarized .basic-options { + background: #fdf6e3; + border-color: #eee8d5; +} + +body.theme-monokai .export-mode-toggle { + border-color: #49483e; +} + +body.theme-monokai .export-help { + color: #75715e; +} + +body.theme-monokai .basic-options { + background: #2f2f2f; + border-color: #49483e; +} + +body.theme-github .export-mode-toggle { + border-color: #e1e4e8; +} + +body.theme-github .export-help { + color: #586069; +} + +body.theme-github .basic-options { + background: #f6f8fa; + border-color: #e1e4e8; +} + +/* Enhanced Statistics Styles */ +.enhanced-stats { + font-size: 11px; + color: #666; + padding: 2px 0; + border-top: 1px solid #ddd; + margin-top: 2px; + font-family: monospace; +} + +/* Theme support for enhanced stats */ +body.theme-dark .enhanced-stats { + color: #999; + border-color: #444; +} + +body.theme-solarized .enhanced-stats { + color: #586e75; + border-color: #eee8d5; +} + +body.theme-monokai .enhanced-stats { + color: #75715e; + border-color: #49483e; +} + +body.theme-github .enhanced-stats { + color: #586069; + border-color: #e1e4e8; +} + +/* Auto-save indicator */ +.auto-save-indicator { + position: fixed; + top: 20px; + right: 20px; + background: #28a745; + color: white; + padding: 8px 16px; + border-radius: 4px; + font-size: 12px; + font-weight: 500; + z-index: 10000; + box-shadow: 0 2px 8px rgba(0,0,0,0.2); + animation: slideInRight 0.3s ease-out; +} + +.auto-save-indicator.fade-out { + animation: fadeOut 0.3s ease-out forwards; +} + +@keyframes slideInRight { + from { + transform: translateX(100%); + opacity: 0; + } + to { + transform: translateX(0); + opacity: 1; + } +} + +@keyframes fadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } } \ No newline at end of file