mirror of
https://github.com/amitwh/markdown-converter.git
synced 2026-08-02 18:10:18 +05:30
Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
  amitwhandClaude
|
b93129bc44 | ||
|
amitwhandClaude
|
b23e60a704 | ||
|
amitwh
|
c559b34f3e |
@@ -54,8 +54,8 @@ Download the latest release for your platform from the [Releases](https://github
|
||||
|
||||
#### Linux
|
||||
- **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`
|
||||
- **Debian Package**: `pan-converter_1.5.6_amd64.deb`
|
||||
- **Snap Package**: `pan-converter_1.5.6_amd64.snap`
|
||||
|
||||
### Install from Source
|
||||
```bash
|
||||
@@ -138,6 +138,8 @@ npm run dist:all
|
||||
|
||||
## Version History
|
||||
|
||||
- **v1.5.6** - (Your release notes here)
|
||||
- **v1.5.5** - Refactored PDF export, simplified Pandoc pathing, and removed XLSX dependency.
|
||||
- **v1.3.1** - Bug fixes: Fixed file associations for double-clicking .md files, corrected 50/50 layout alignment for editor/preview panes
|
||||
- **v1.3.0** - Major update: Tabbed interface for multiple files, enhanced PDF export with LaTeX engines, fixed file associations, removed redundant converter menu, improved UI architecture
|
||||
- **v1.2.1** - Comprehensive editor enhancements: Find & Replace, Line Numbers, Undo/Redo, Auto-indentation, PowerPoint export, document conversion menu, table creation helper, spreadsheet export
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 5.5 KiB |
+13
-5
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "pan-converter",
|
||||
"version": "1.5.4",
|
||||
"version": "1.6.0",
|
||||
"description": "Cross-platform Markdown editor and converter using Pandoc",
|
||||
"main": "src/main.js",
|
||||
"scripts": {
|
||||
@@ -31,6 +31,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"codemirror": "^6.0.2",
|
||||
"convertapi": "^1.15.0",
|
||||
"dompurify": "^3.2.6",
|
||||
"electron-store": "^10.1.0",
|
||||
"highlight.js": "^11.11.1",
|
||||
@@ -44,6 +45,7 @@
|
||||
"directories": {
|
||||
"output": "dist"
|
||||
},
|
||||
"icon": "assets/icon",
|
||||
"files": [
|
||||
"src/**/*",
|
||||
"assets/**/*",
|
||||
@@ -74,20 +76,26 @@
|
||||
"target": [
|
||||
{
|
||||
"target": "nsis",
|
||||
"arch": ["x64"]
|
||||
"arch": [
|
||||
"x64"
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": "portable",
|
||||
"arch": ["x64"]
|
||||
"arch": [
|
||||
"x64"
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": "zip",
|
||||
"arch": ["x64"]
|
||||
"arch": [
|
||||
"x64"
|
||||
]
|
||||
}
|
||||
],
|
||||
"artifactName": "${productName}-${version}-${arch}.${ext}",
|
||||
"requestedExecutionLevel": "asInvoker",
|
||||
"signAndEditExecutable": true
|
||||
"signAndEditExecutable": false
|
||||
},
|
||||
"nsis": {
|
||||
"oneClick": false,
|
||||
|
||||
@@ -75,6 +75,27 @@
|
||||
<line x1="15" y1="3" x2="15" y2="21"></line>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="btn-strikethrough" title="Strikethrough">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<path d="M16 4H9a3 3 0 0 0-2.83 4"></path>
|
||||
<path d="M14 12a4 4 0 0 1 0 8H6"></path>
|
||||
<line x1="4" y1="12" x2="20" y2="12"></line>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="btn-code-block" title="Code Block">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<rect x="2" y="6" width="20" height="12" rx="2"></rect>
|
||||
<path d="m10 10-2 2 2 2"></path>
|
||||
<path d="m14 10 2 2-2 2"></path>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="btn-horizontal-rule" title="Horizontal Rule">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<line x1="3" y1="12" x2="21" y2="12"></line>
|
||||
<line x1="3" y1="6" x2="21" y2="6"></line>
|
||||
<line x1="3" y1="18" x2="21" y2="18"></line>
|
||||
</svg>
|
||||
</button>
|
||||
<div class="toolbar-separator"></div>
|
||||
<button id="btn-find" title="Find & Replace (Ctrl+F)">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
@@ -233,6 +254,58 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ConvertAPI Dialog -->
|
||||
<div id="convertapi-dialog" class="export-dialog hidden">
|
||||
<div class="export-dialog-content">
|
||||
<div class="export-dialog-header">
|
||||
<h3>ConvertAPI Conversion</h3>
|
||||
<button id="convertapi-dialog-close" title="Close">×</button>
|
||||
</div>
|
||||
<div class="export-dialog-body">
|
||||
<div class="export-section">
|
||||
<label for="convertapi-key">API Key:</label>
|
||||
<input type="text" id="convertapi-key" placeholder="Enter your ConvertAPI key">
|
||||
<small>Get your free API key at <a href="https://www.convertapi.com" target="_blank">convertapi.com</a></small>
|
||||
</div>
|
||||
|
||||
<div class="export-section">
|
||||
<label for="convertapi-from">Convert From:</label>
|
||||
<select id="convertapi-from">
|
||||
<option value="md">Markdown (MD)</option>
|
||||
<option value="docx">Word (DOCX)</option>
|
||||
<option value="pdf">PDF</option>
|
||||
<option value="html">HTML</option>
|
||||
<option value="txt">Text</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="export-section">
|
||||
<label for="convertapi-to">Convert To:</label>
|
||||
<select id="convertapi-to">
|
||||
<option value="pdf">PDF</option>
|
||||
<option value="docx">Word (DOCX)</option>
|
||||
<option value="html">HTML</option>
|
||||
<option value="txt">Text</option>
|
||||
<option value="jpg">JPG Image</option>
|
||||
<option value="png">PNG Image</option>
|
||||
<option value="epub">EPUB</option>
|
||||
<option value="odt">ODT</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div id="convertapi-progress" class="batch-progress hidden">
|
||||
<div class="progress-text">
|
||||
<span id="convertapi-status">Converting...</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="export-dialog-footer">
|
||||
<button id="convertapi-cancel">Cancel</button>
|
||||
<button id="convertapi-convert" class="primary">Convert</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Batch Conversion Dialog -->
|
||||
<div id="batch-dialog" class="batch-dialog hidden">
|
||||
<div class="batch-dialog-content">
|
||||
|
||||
+85
-50
@@ -2,29 +2,11 @@ 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() {
|
||||
// Check common Pandoc installation locations on Windows
|
||||
const commonPaths = [
|
||||
'pandoc', // System PATH
|
||||
path.join(process.env.USERPROFILE || '', 'AppData', 'Local', 'Pandoc', 'pandoc.exe'),
|
||||
path.join('C:', 'Program Files', 'Pandoc', 'pandoc.exe'),
|
||||
path.join('C:', 'Program Files (x86)', 'Pandoc', 'pandoc.exe'),
|
||||
];
|
||||
|
||||
// Try each path and return the first one that exists
|
||||
for (const pandocPath of commonPaths) {
|
||||
if (pandocPath === 'pandoc') {
|
||||
// For system PATH, we'll check in checkPandocAvailable()
|
||||
return pandocPath;
|
||||
} else if (fs.existsSync(pandocPath)) {
|
||||
return `"${pandocPath}"`;
|
||||
}
|
||||
}
|
||||
|
||||
// Fallback to system pandoc
|
||||
// Pandoc is expected to be in the system's PATH.
|
||||
// The command will be executed directly. Quoting is handled by exec.
|
||||
return 'pandoc';
|
||||
}
|
||||
|
||||
@@ -200,7 +182,6 @@ function createMenu() {
|
||||
{ label: 'OpenDocument Presentation (ODP)', click: () => exportFile('odp') },
|
||||
{ type: 'separator' },
|
||||
{ label: 'CSV (Tables)', click: () => exportSpreadsheet('csv') },
|
||||
{ label: 'XLSX (Tables)', click: () => exportSpreadsheet('xlsx') }
|
||||
]
|
||||
},
|
||||
{ type: 'separator' },
|
||||
@@ -286,6 +267,30 @@ function createMenu() {
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
label: 'ConvertAPI',
|
||||
submenu: [
|
||||
{
|
||||
label: 'Cloud Conversion...',
|
||||
click: () => showConvertAPIDialog()
|
||||
},
|
||||
{
|
||||
type: 'separator'
|
||||
},
|
||||
{
|
||||
label: 'About ConvertAPI',
|
||||
click: () => {
|
||||
dialog.showMessageBox(mainWindow, {
|
||||
type: 'info',
|
||||
title: 'About ConvertAPI',
|
||||
message: 'ConvertAPI Integration',
|
||||
detail: 'ConvertAPI provides cloud-based file conversion with support for 200+ formats.\n\nFeatures:\n• Convert between 200+ file formats\n• High-quality conversions\n• Fast processing\n• Secure cloud storage\n\nGet your free API key at:\nhttps://www.convertapi.com\n\nFree tier includes 250 conversions/month.',
|
||||
buttons: ['OK']
|
||||
});
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
label: 'Help',
|
||||
submenu: [
|
||||
@@ -296,7 +301,7 @@ function createMenu() {
|
||||
type: 'info',
|
||||
title: 'About PanConverter',
|
||||
message: 'PanConverter',
|
||||
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• Windows Explorer context menu integration\n• Tabbed interface for multiple files\n• Advanced markdown editing with live preview\n• Enhanced PDF export with built-in Electron fallback\n• File association support for .md files\n• Command-line interface for batch conversion\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\n• Live word count and statistics',
|
||||
detail: 'A cross-platform Markdown editor and converter using Pandoc.\n\nVersion: 1.6.0\nAuthor: Amit Haridas\nEmail: amit.wh@gmail.com\nLicense: MIT\n\nFeatures:\n• Windows Explorer context menu integration\n• Tabbed interface for multiple files\n• Advanced markdown editing with live preview\n• Real-time preview updates while typing\n• Full toolbar markdown editing functions\n• Enhanced PDF export with built-in Electron fallback\n• File association support for .md files\n• Command-line interface for batch conversion\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\n• Live word count and statistics',
|
||||
buttons: ['OK']
|
||||
});
|
||||
}
|
||||
@@ -362,6 +367,54 @@ function showBatchConversionDialog() {
|
||||
mainWindow.webContents.send('show-batch-dialog');
|
||||
}
|
||||
|
||||
// ConvertAPI integration
|
||||
function showConvertAPIDialog() {
|
||||
mainWindow.webContents.send('show-convertapi-dialog');
|
||||
}
|
||||
|
||||
// Handle ConvertAPI conversion
|
||||
ipcMain.on('convertapi-convert', async (event, { apiKey, fromFormat, toFormat, filePath }) => {
|
||||
try {
|
||||
const ConvertAPI = require('convertapi')(apiKey);
|
||||
|
||||
mainWindow.webContents.send('convertapi-status', 'Converting file...');
|
||||
|
||||
const result = await ConvertAPI.convert(toFormat, {
|
||||
File: filePath
|
||||
}, fromFormat);
|
||||
|
||||
// Save the converted file
|
||||
const outputPath = filePath.replace(/\.[^/.]+$/, `.${toFormat}`);
|
||||
await result.saveFiles(path.dirname(outputPath));
|
||||
|
||||
mainWindow.webContents.send('convertapi-complete', {
|
||||
success: true,
|
||||
outputPath: result.files[0].path
|
||||
});
|
||||
|
||||
dialog.showMessageBox(mainWindow, {
|
||||
type: 'info',
|
||||
title: 'Conversion Complete',
|
||||
message: 'File converted successfully!',
|
||||
detail: `Saved to: ${result.files[0].path}`,
|
||||
buttons: ['OK']
|
||||
});
|
||||
} catch (error) {
|
||||
mainWindow.webContents.send('convertapi-complete', {
|
||||
success: false,
|
||||
error: error.message
|
||||
});
|
||||
|
||||
dialog.showMessageBox(mainWindow, {
|
||||
type: 'error',
|
||||
title: 'Conversion Failed',
|
||||
message: 'ConvertAPI conversion failed',
|
||||
detail: error.message,
|
||||
buttons: ['OK']
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
function performExportWithOptions(format, options) {
|
||||
const outputFile = dialog.showSaveDialogSync(mainWindow, {
|
||||
defaultPath: currentFile.replace(/\.[^/.]+$/, `.${format}`),
|
||||
@@ -435,12 +488,12 @@ function performExportWithOptions(format, options) {
|
||||
|
||||
// Add specific options for PDF export to ensure proper generation
|
||||
if (format === 'pdf') {
|
||||
const pdfEngine = options.pdfEngine || 'xelatex';
|
||||
const geometry = options.geometry || 'margin=1in';
|
||||
pandocCmd += ` --pdf-engine=${pdfEngine} -V geometry:${geometry}`;
|
||||
const pdfEngine = options.pdfEngine || 'xelatex'; // Default to xelatex
|
||||
pandocCmd += ` --pdf-engine="${pdfEngine}"`;
|
||||
if (options.geometry) pandocCmd += ` -V geometry:"${options.geometry}"`;
|
||||
|
||||
// Try with specified PDF engine
|
||||
exec(pandocCmd, (error, stdout, stderr) => {
|
||||
exec(pandocCmd, (error) => {
|
||||
if (error) {
|
||||
// Try fallback engines if the specified one fails
|
||||
const fallbackEngines = ['pdflatex', 'lualatex'];
|
||||
@@ -450,13 +503,7 @@ function performExportWithOptions(format, options) {
|
||||
}
|
||||
});
|
||||
} else if (format === 'docx') {
|
||||
pandocCmd = `${getPandocPath()} "${currentFile}" -t docx -o "${outputFile}"`;
|
||||
exportWithPandoc(pandocCmd, outputFile, format);
|
||||
} else if (format === 'html') {
|
||||
pandocCmd = `${getPandocPath()} "${currentFile}" -t html5 --standalone -o "${outputFile}"`;
|
||||
exportWithPandoc(pandocCmd, outputFile, format);
|
||||
} else if (format === 'latex') {
|
||||
pandocCmd = `${getPandocPath()} "${currentFile}" -t latex -o "${outputFile}"`;
|
||||
pandocCmd += ' -t docx';
|
||||
exportWithPandoc(pandocCmd, outputFile, format);
|
||||
} else {
|
||||
// Generic export for other formats
|
||||
@@ -481,9 +528,10 @@ function tryPdfFallback(inputFile, outputFile, engines, index, options, lastErro
|
||||
}
|
||||
|
||||
const engine = engines[index];
|
||||
const geometry = options.geometry || 'margin=1in';
|
||||
let pandocCmd = `${getPandocPath()} "${inputFile}" --pdf-engine=${engine} -V geometry:${geometry} -o "${outputFile}"`;
|
||||
|
||||
if (options.geometry) pandocCmd += ` -V geometry:"${options.geometry}"`;
|
||||
|
||||
// Add all other options
|
||||
if (options.template && options.template !== 'default') {
|
||||
pandocCmd += ` --template="${options.template}"`;
|
||||
@@ -497,7 +545,7 @@ function tryPdfFallback(inputFile, outputFile, engines, index, options, lastErro
|
||||
}
|
||||
}
|
||||
|
||||
exec(pandocCmd, (error, stdout, stderr) => {
|
||||
exec(pandocCmd, (error) => {
|
||||
if (error) {
|
||||
tryPdfFallback(inputFile, outputFile, engines, index + 1, options, error);
|
||||
} else {
|
||||
@@ -916,20 +964,7 @@ ipcMain.on('export-spreadsheet', (event, { content, format }) => {
|
||||
});
|
||||
});
|
||||
|
||||
// Write CSV file
|
||||
fs.writeFileSync(outputFile, csvContent, 'utf-8');
|
||||
} else if (format === 'xlsx') {
|
||||
// Convert tables to XLSX format
|
||||
const workbook = XLSX.utils.book_new();
|
||||
|
||||
tables.forEach((table, index) => {
|
||||
const sheetName = tables.length > 1 ? `Table${index + 1}` : 'Table';
|
||||
const worksheet = XLSX.utils.aoa_to_sheet(table);
|
||||
XLSX.utils.book_append_sheet(workbook, worksheet, sheetName);
|
||||
});
|
||||
|
||||
// Write XLSX file
|
||||
XLSX.writeFile(workbook, outputFile);
|
||||
}
|
||||
|
||||
dialog.showMessageBox(mainWindow, {
|
||||
@@ -1092,8 +1127,8 @@ function performBatchConversion(inputFolder, outputFolder, format, options) {
|
||||
// Add PDF-specific options
|
||||
if (format === 'pdf') {
|
||||
const pdfEngine = options.pdfEngine || 'xelatex';
|
||||
const geometry = options.geometry || 'margin=1in';
|
||||
pandocCmd += ` --pdf-engine=${pdfEngine} -V geometry:${geometry}`;
|
||||
pandocCmd += ` --pdf-engine="${pdfEngine}"`;
|
||||
if (options.geometry) pandocCmd += ` -V geometry:"${options.geometry}"`;
|
||||
}
|
||||
|
||||
// Execute conversion
|
||||
|
||||
+514
-21
@@ -139,6 +139,24 @@ class TabManager {
|
||||
`;
|
||||
|
||||
document.querySelector('.editor-container').appendChild(tabContent);
|
||||
|
||||
// Directly attach input listener to the new editor
|
||||
const editor = document.getElementById(`editor-${tab.id}`);
|
||||
if (editor) {
|
||||
editor.addEventListener('input', () => {
|
||||
this.handleEditorInput(tab.id);
|
||||
});
|
||||
|
||||
// Add scroll listener for line number sync
|
||||
editor.addEventListener('scroll', () => {
|
||||
if (this.showLineNumbers && this.activeTabId === tab.id) {
|
||||
const lineNumbers = document.getElementById(`line-numbers-${tab.id}`);
|
||||
if (lineNumbers) {
|
||||
lineNumbers.scrollTop = editor.scrollTop;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
switchToTab(tabId) {
|
||||
@@ -333,11 +351,14 @@ class TabManager {
|
||||
if (!editor || !lineNumbers) return;
|
||||
|
||||
if (this.showLineNumbers) {
|
||||
const lines = editor.value.split('\\n');
|
||||
const lines = editor.value.split('\n');
|
||||
lineNumbers.innerHTML = lines.map((_, i) =>
|
||||
`<div class="line-number">${i + 1}</div>`
|
||||
).join('');
|
||||
lineNumbers.classList.remove('hidden');
|
||||
|
||||
// Sync scroll position
|
||||
lineNumbers.scrollTop = editor.scrollTop;
|
||||
} else {
|
||||
lineNumbers.classList.add('hidden');
|
||||
}
|
||||
@@ -376,24 +397,22 @@ class TabManager {
|
||||
}
|
||||
|
||||
setupEditorEvents() {
|
||||
// Set up editor events using event delegation
|
||||
document.addEventListener('input', (e) => {
|
||||
// Set up editor events using event delegation on the container
|
||||
const editorContainer = document.querySelector('.editor-container');
|
||||
if (editorContainer) {
|
||||
editorContainer.addEventListener('input', (e) => {
|
||||
if (e.target.classList.contains('editor-textarea')) {
|
||||
const tabId = parseInt(e.target.id.split('-')[1]);
|
||||
if (tabId === this.activeTabId) {
|
||||
this.handleEditorInput(tabId);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener('scroll', (e) => {
|
||||
editorContainer.addEventListener('scroll', (e) => {
|
||||
if (e.target.classList.contains('editor-textarea')) {
|
||||
const tabId = parseInt(e.target.id.split('-')[1]);
|
||||
if (tabId === this.activeTabId) {
|
||||
this.updateLineNumbers();
|
||||
}
|
||||
}, true);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
handleEditorInput(tabId) {
|
||||
@@ -401,6 +420,8 @@ class TabManager {
|
||||
if (!tab) return;
|
||||
|
||||
const editor = document.getElementById(`editor-${tabId}`);
|
||||
if (!editor) return;
|
||||
|
||||
tab.content = editor.value;
|
||||
tab.isDirty = true;
|
||||
|
||||
@@ -517,7 +538,7 @@ class TabManager {
|
||||
|
||||
// Save to localStorage and sync with main process
|
||||
localStorage.setItem('recentFiles', JSON.stringify(this.recentFiles));
|
||||
window.electronAPI.send('save-recent-files', this.recentFiles);
|
||||
ipcRenderer.send('save-recent-files', this.recentFiles);
|
||||
}
|
||||
|
||||
getRecentFiles() {
|
||||
@@ -532,40 +553,411 @@ class TabManager {
|
||||
}
|
||||
|
||||
setupToolbarEvents() {
|
||||
// Existing toolbar setup...
|
||||
// Bold
|
||||
document.getElementById('btn-bold').addEventListener('click', () => {
|
||||
this.wrapSelection('**', '**');
|
||||
});
|
||||
|
||||
// Italic
|
||||
document.getElementById('btn-italic').addEventListener('click', () => {
|
||||
this.wrapSelection('*', '*');
|
||||
});
|
||||
|
||||
// Heading
|
||||
document.getElementById('btn-heading').addEventListener('click', () => {
|
||||
this.insertAtLineStart('## ');
|
||||
});
|
||||
|
||||
// Link
|
||||
document.getElementById('btn-link').addEventListener('click', () => {
|
||||
this.wrapSelection('[', '](url)');
|
||||
});
|
||||
|
||||
// Code
|
||||
document.getElementById('btn-code').addEventListener('click', () => {
|
||||
this.wrapSelection('`', '`');
|
||||
});
|
||||
|
||||
// List
|
||||
document.getElementById('btn-list').addEventListener('click', () => {
|
||||
this.insertAtLineStart('- ');
|
||||
});
|
||||
|
||||
// Quote
|
||||
document.getElementById('btn-quote').addEventListener('click', () => {
|
||||
this.insertAtLineStart('> ');
|
||||
});
|
||||
|
||||
// Table
|
||||
document.getElementById('btn-table').addEventListener('click', () => {
|
||||
this.insertTable();
|
||||
});
|
||||
|
||||
// Strikethrough
|
||||
document.getElementById('btn-strikethrough').addEventListener('click', () => {
|
||||
this.wrapSelection('~~', '~~');
|
||||
});
|
||||
|
||||
// Code Block
|
||||
document.getElementById('btn-code-block').addEventListener('click', () => {
|
||||
this.insertCodeBlock();
|
||||
});
|
||||
|
||||
// Horizontal Rule
|
||||
document.getElementById('btn-horizontal-rule').addEventListener('click', () => {
|
||||
this.insertHorizontalRule();
|
||||
});
|
||||
|
||||
// Preview toggle
|
||||
document.getElementById('btn-preview-toggle').addEventListener('click', () => {
|
||||
this.isPreviewVisible = !this.isPreviewVisible;
|
||||
this.updatePreviewVisibility();
|
||||
});
|
||||
|
||||
// Line numbers
|
||||
document.getElementById('btn-line-numbers').addEventListener('click', () => {
|
||||
this.showLineNumbers = !this.showLineNumbers;
|
||||
this.updateLineNumbers();
|
||||
});
|
||||
}
|
||||
|
||||
// Add other toolbar events...
|
||||
// Helper function to wrap selected text
|
||||
wrapSelection(before, after) {
|
||||
const editor = document.getElementById(`editor-${this.activeTabId}`);
|
||||
if (!editor) return;
|
||||
|
||||
const start = editor.selectionStart;
|
||||
const end = editor.selectionEnd;
|
||||
const selectedText = editor.value.substring(start, end);
|
||||
const replacement = before + (selectedText || 'text') + after;
|
||||
|
||||
editor.value = editor.value.substring(0, start) + replacement + editor.value.substring(end);
|
||||
|
||||
// Update cursor position
|
||||
const newCursorPos = selectedText ? start + replacement.length : start + before.length;
|
||||
editor.selectionStart = editor.selectionEnd = newCursorPos;
|
||||
editor.focus();
|
||||
|
||||
// Trigger update
|
||||
this.handleEditorInput(this.activeTabId);
|
||||
}
|
||||
|
||||
// Helper function to insert text at the start of current line
|
||||
insertAtLineStart(prefix) {
|
||||
const editor = document.getElementById(`editor-${this.activeTabId}`);
|
||||
if (!editor) return;
|
||||
|
||||
const start = editor.selectionStart;
|
||||
const text = editor.value;
|
||||
|
||||
// Find the start of the current line
|
||||
let lineStart = text.lastIndexOf('\n', start - 1) + 1;
|
||||
|
||||
// Insert the prefix
|
||||
editor.value = text.substring(0, lineStart) + prefix + text.substring(lineStart);
|
||||
|
||||
// Update cursor position
|
||||
editor.selectionStart = editor.selectionEnd = start + prefix.length;
|
||||
editor.focus();
|
||||
|
||||
// Trigger update
|
||||
this.handleEditorInput(this.activeTabId);
|
||||
}
|
||||
|
||||
// Insert a markdown table
|
||||
insertTable() {
|
||||
const editor = document.getElementById(`editor-${this.activeTabId}`);
|
||||
if (!editor) return;
|
||||
|
||||
const table = '\n| Column 1 | Column 2 | Column 3 |\n' +
|
||||
'|----------|----------|----------|\n' +
|
||||
'| Cell 1 | Cell 2 | Cell 3 |\n' +
|
||||
'| Cell 4 | Cell 5 | Cell 6 |\n';
|
||||
|
||||
const start = editor.selectionStart;
|
||||
editor.value = editor.value.substring(0, start) + table + editor.value.substring(start);
|
||||
|
||||
// Update cursor position
|
||||
editor.selectionStart = editor.selectionEnd = start + table.length;
|
||||
editor.focus();
|
||||
|
||||
// Trigger update
|
||||
this.handleEditorInput(this.activeTabId);
|
||||
}
|
||||
|
||||
// Insert a code block
|
||||
insertCodeBlock() {
|
||||
const editor = document.getElementById(`editor-${this.activeTabId}`);
|
||||
if (!editor) return;
|
||||
|
||||
const selectedText = editor.value.substring(editor.selectionStart, editor.selectionEnd);
|
||||
const codeBlock = '\n```\n' + (selectedText || 'code here') + '\n```\n';
|
||||
|
||||
const start = editor.selectionStart;
|
||||
editor.value = editor.value.substring(0, start) + codeBlock + editor.value.substring(editor.selectionEnd);
|
||||
|
||||
// Update cursor position
|
||||
editor.selectionStart = editor.selectionEnd = start + codeBlock.length;
|
||||
editor.focus();
|
||||
|
||||
// Trigger update
|
||||
this.handleEditorInput(this.activeTabId);
|
||||
}
|
||||
|
||||
// Insert a horizontal rule
|
||||
insertHorizontalRule() {
|
||||
const editor = document.getElementById(`editor-${this.activeTabId}`);
|
||||
if (!editor) return;
|
||||
|
||||
const hr = '\n\n---\n\n';
|
||||
const start = editor.selectionStart;
|
||||
|
||||
editor.value = editor.value.substring(0, start) + hr + editor.value.substring(start);
|
||||
|
||||
// Update cursor position
|
||||
editor.selectionStart = editor.selectionEnd = start + hr.length;
|
||||
editor.focus();
|
||||
|
||||
// Trigger update
|
||||
this.handleEditorInput(this.activeTabId);
|
||||
}
|
||||
|
||||
setupFindEvents() {
|
||||
// Find dialog implementation...
|
||||
document.getElementById('btn-find').addEventListener('click', () => {
|
||||
const btnFind = document.getElementById('btn-find');
|
||||
const btnFindClose = document.getElementById('btn-find-close');
|
||||
const findInput = document.getElementById('find-input');
|
||||
const btnFindNext = document.getElementById('btn-find-next');
|
||||
const btnFindPrev = document.getElementById('btn-find-prev');
|
||||
const btnReplace = document.getElementById('btn-replace');
|
||||
const btnReplaceAll = document.getElementById('btn-replace-all');
|
||||
|
||||
if (!btnFind || !btnFindClose || !findInput || !btnFindNext || !btnFindPrev || !btnReplace || !btnReplaceAll) {
|
||||
console.error('Find dialog elements not found');
|
||||
return;
|
||||
}
|
||||
|
||||
// Show find dialog
|
||||
btnFind.addEventListener('click', () => {
|
||||
document.getElementById('find-dialog').classList.remove('hidden');
|
||||
document.getElementById('find-input').focus();
|
||||
findInput.focus();
|
||||
});
|
||||
|
||||
document.getElementById('btn-find-close').addEventListener('click', () => {
|
||||
// Close find dialog
|
||||
btnFindClose.addEventListener('click', () => {
|
||||
document.getElementById('find-dialog').classList.add('hidden');
|
||||
this.clearFindHighlights();
|
||||
});
|
||||
|
||||
// Find input change - update matches
|
||||
findInput.addEventListener('input', () => {
|
||||
this.performFind();
|
||||
});
|
||||
|
||||
// Find next
|
||||
btnFindNext.addEventListener('click', () => {
|
||||
this.findNext();
|
||||
});
|
||||
|
||||
// Find previous
|
||||
btnFindPrev.addEventListener('click', () => {
|
||||
this.findPrevious();
|
||||
});
|
||||
|
||||
// Replace
|
||||
btnReplace.addEventListener('click', () => {
|
||||
this.replaceOne();
|
||||
});
|
||||
|
||||
// Replace all
|
||||
btnReplaceAll.addEventListener('click', () => {
|
||||
this.replaceAll();
|
||||
});
|
||||
|
||||
// Enter key in find input - find next
|
||||
findInput.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Enter') {
|
||||
e.preventDefault();
|
||||
if (e.shiftKey) {
|
||||
this.findPrevious();
|
||||
} else {
|
||||
this.findNext();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
performFind() {
|
||||
const findText = document.getElementById('find-input').value;
|
||||
const tab = this.tabs.get(this.activeTabId);
|
||||
const editor = document.getElementById(`editor-${this.activeTabId}`);
|
||||
|
||||
if (!findText || !tab || !editor) {
|
||||
this.clearFindHighlights();
|
||||
const findCount = document.getElementById('find-count');
|
||||
if (findCount) {
|
||||
findCount.textContent = '0 matches';
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
const content = editor.value;
|
||||
const matches = [];
|
||||
let index = 0;
|
||||
|
||||
// Find all matches
|
||||
while ((index = content.indexOf(findText, index)) !== -1) {
|
||||
matches.push(index);
|
||||
index += findText.length;
|
||||
}
|
||||
|
||||
tab.findMatches = matches;
|
||||
tab.currentMatchIndex = matches.length > 0 ? 0 : -1;
|
||||
|
||||
// Update match count
|
||||
const findCount = document.getElementById('find-count');
|
||||
if (findCount) {
|
||||
findCount.textContent = `${matches.length} match${matches.length !== 1 ? 'es' : ''}`;
|
||||
}
|
||||
|
||||
// Highlight first match
|
||||
if (matches.length > 0) {
|
||||
this.highlightMatch(0);
|
||||
}
|
||||
}
|
||||
|
||||
findNext() {
|
||||
const tab = this.tabs.get(this.activeTabId);
|
||||
if (!tab || tab.findMatches.length === 0) return;
|
||||
|
||||
tab.currentMatchIndex = (tab.currentMatchIndex + 1) % tab.findMatches.length;
|
||||
this.highlightMatch(tab.currentMatchIndex);
|
||||
}
|
||||
|
||||
findPrevious() {
|
||||
const tab = this.tabs.get(this.activeTabId);
|
||||
if (!tab || tab.findMatches.length === 0) return;
|
||||
|
||||
tab.currentMatchIndex = tab.currentMatchIndex - 1;
|
||||
if (tab.currentMatchIndex < 0) {
|
||||
tab.currentMatchIndex = tab.findMatches.length - 1;
|
||||
}
|
||||
this.highlightMatch(tab.currentMatchIndex);
|
||||
}
|
||||
|
||||
highlightMatch(matchIndex) {
|
||||
const tab = this.tabs.get(this.activeTabId);
|
||||
const editor = document.getElementById(`editor-${this.activeTabId}`);
|
||||
const findText = document.getElementById('find-input').value;
|
||||
|
||||
if (!tab || !editor || matchIndex < 0 || matchIndex >= tab.findMatches.length) return;
|
||||
|
||||
const position = tab.findMatches[matchIndex];
|
||||
|
||||
// Select the match WITHOUT focusing (to keep focus on find input)
|
||||
editor.setSelectionRange(position, position + findText.length);
|
||||
|
||||
// Make the selection visible by briefly focusing and then restoring focus
|
||||
const findInput = document.getElementById('find-input');
|
||||
const hadFocus = document.activeElement === findInput;
|
||||
|
||||
// Temporarily focus editor to make selection visible
|
||||
editor.focus();
|
||||
|
||||
// Restore focus to find input if it had focus
|
||||
if (hadFocus) {
|
||||
setTimeout(() => {
|
||||
findInput.focus();
|
||||
// Restore cursor position in find input
|
||||
findInput.setSelectionRange(findInput.value.length, findInput.value.length);
|
||||
}, 10);
|
||||
}
|
||||
|
||||
// Scroll into view
|
||||
const lineHeight = 20; // Approximate line height
|
||||
const charPosition = position;
|
||||
const numLines = editor.value.substring(0, charPosition).split('\n').length;
|
||||
const scrollPosition = (numLines - 5) * lineHeight; // Show match 5 lines from top
|
||||
|
||||
editor.scrollTop = Math.max(0, scrollPosition);
|
||||
|
||||
// Update match counter
|
||||
const findCount = document.getElementById('find-count');
|
||||
if (findCount) {
|
||||
findCount.textContent = `Match ${matchIndex + 1} of ${tab.findMatches.length}`;
|
||||
}
|
||||
}
|
||||
|
||||
replaceOne() {
|
||||
const tab = this.tabs.get(this.activeTabId);
|
||||
const editor = document.getElementById(`editor-${this.activeTabId}`);
|
||||
const findText = document.getElementById('find-input').value;
|
||||
const replaceText = document.getElementById('replace-input').value;
|
||||
|
||||
if (!tab || !editor || tab.findMatches.length === 0 || tab.currentMatchIndex < 0) return;
|
||||
|
||||
const position = tab.findMatches[tab.currentMatchIndex];
|
||||
const before = editor.value.substring(0, position);
|
||||
const after = editor.value.substring(position + findText.length);
|
||||
|
||||
editor.value = before + replaceText + after;
|
||||
tab.content = editor.value;
|
||||
tab.isDirty = true;
|
||||
|
||||
this.updatePreview(this.activeTabId);
|
||||
this.updateWordCount();
|
||||
this.updateTabBar();
|
||||
|
||||
// Re-perform find to update matches
|
||||
this.performFind();
|
||||
}
|
||||
|
||||
replaceAll() {
|
||||
const tab = this.tabs.get(this.activeTabId);
|
||||
const editor = document.getElementById(`editor-${this.activeTabId}`);
|
||||
const findText = document.getElementById('find-input').value;
|
||||
const replaceText = document.getElementById('replace-input').value;
|
||||
|
||||
if (!tab || !editor || !findText) return;
|
||||
|
||||
// Simple replace all
|
||||
const newContent = editor.value.split(findText).join(replaceText);
|
||||
const replacedCount = tab.findMatches.length;
|
||||
|
||||
editor.value = newContent;
|
||||
tab.content = newContent;
|
||||
tab.isDirty = true;
|
||||
|
||||
this.updatePreview(this.activeTabId);
|
||||
this.updateWordCount();
|
||||
this.updateTabBar();
|
||||
|
||||
// Update match count
|
||||
document.getElementById('find-count').textContent = `Replaced ${replacedCount} match${replacedCount !== 1 ? 'es' : ''}`;
|
||||
|
||||
// Re-perform find
|
||||
this.performFind();
|
||||
}
|
||||
|
||||
clearFindHighlights() {
|
||||
const tab = this.tabs.get(this.activeTabId);
|
||||
if (tab) {
|
||||
tab.findMatches = [];
|
||||
tab.currentMatchIndex = -1;
|
||||
}
|
||||
}
|
||||
|
||||
// File operations
|
||||
openFile(filePath, content) {
|
||||
let tab = this.tabs.get(this.activeTabId);
|
||||
|
||||
// Handle both forward and back slashes for cross-platform compatibility
|
||||
const fileName = filePath.split(/[\\/]/).pop();
|
||||
|
||||
// If current tab is empty and untitled, reuse it
|
||||
if (!tab.filePath && !tab.isDirty && tab.content === '') {
|
||||
tab.filePath = filePath;
|
||||
tab.title = filePath.split('/').pop();
|
||||
tab.title = fileName;
|
||||
tab.content = content;
|
||||
tab.originalContent = content;
|
||||
tab.isDirty = false;
|
||||
@@ -574,7 +966,7 @@ class TabManager {
|
||||
this.createNewTab();
|
||||
tab = this.tabs.get(this.activeTabId);
|
||||
tab.filePath = filePath;
|
||||
tab.title = filePath.split('/').pop();
|
||||
tab.title = fileName;
|
||||
tab.content = content;
|
||||
tab.originalContent = content;
|
||||
tab.isDirty = false;
|
||||
@@ -603,6 +995,24 @@ let tabManager;
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
tabManager = new TabManager();
|
||||
|
||||
// Attach input listener to the initial editor (tab 1)
|
||||
const initialEditor = document.getElementById('editor-1');
|
||||
if (initialEditor) {
|
||||
initialEditor.addEventListener('input', () => {
|
||||
tabManager.handleEditorInput(1);
|
||||
});
|
||||
|
||||
// Add scroll listener for line number sync
|
||||
initialEditor.addEventListener('scroll', () => {
|
||||
if (tabManager.showLineNumbers && tabManager.activeTabId === 1) {
|
||||
const lineNumbers = document.getElementById('line-numbers-1');
|
||||
if (lineNumbers) {
|
||||
lineNumbers.scrollTop = initialEditor.scrollTop;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Request current theme
|
||||
ipcRenderer.send('get-theme');
|
||||
|
||||
@@ -626,7 +1036,9 @@ ipcRenderer.on('file-new', () => {
|
||||
});
|
||||
|
||||
ipcRenderer.on('file-opened', (event, data) => {
|
||||
if (tabManager) {
|
||||
tabManager.openFile(data.path, data.content);
|
||||
}
|
||||
});
|
||||
|
||||
ipcRenderer.on('file-save', () => {
|
||||
@@ -957,6 +1369,22 @@ ipcRenderer.on('show-batch-dialog', () => {
|
||||
showBatchDialog();
|
||||
});
|
||||
|
||||
// ConvertAPI dialog handlers
|
||||
ipcRenderer.on('show-convertapi-dialog', () => {
|
||||
showConvertAPIDialog();
|
||||
});
|
||||
|
||||
ipcRenderer.on('convertapi-status', (event, status) => {
|
||||
document.getElementById('convertapi-status').textContent = status;
|
||||
});
|
||||
|
||||
ipcRenderer.on('convertapi-complete', (event, result) => {
|
||||
document.getElementById('convertapi-progress').classList.add('hidden');
|
||||
if (result.success) {
|
||||
document.getElementById('convertapi-dialog').classList.add('hidden');
|
||||
}
|
||||
});
|
||||
|
||||
ipcRenderer.on('batch-progress', (event, progress) => {
|
||||
updateBatchProgress(progress);
|
||||
});
|
||||
@@ -1109,14 +1537,79 @@ if (originalExportConfirm) {
|
||||
});
|
||||
}
|
||||
|
||||
// ConvertAPI Dialog Functions
|
||||
function showConvertAPIDialog() {
|
||||
const dialog = document.getElementById('convertapi-dialog');
|
||||
dialog.classList.remove('hidden');
|
||||
|
||||
// Load saved API key if exists
|
||||
const savedKey = localStorage.getItem('convertapi-key');
|
||||
if (savedKey) {
|
||||
document.getElementById('convertapi-key').value = savedKey;
|
||||
}
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
// ConvertAPI dialog close
|
||||
const convertAPIDialogClose = document.getElementById('convertapi-dialog-close');
|
||||
if (convertAPIDialogClose) {
|
||||
convertAPIDialogClose.addEventListener('click', () => {
|
||||
document.getElementById('convertapi-dialog').classList.add('hidden');
|
||||
});
|
||||
}
|
||||
|
||||
// ConvertAPI cancel
|
||||
const convertAPICancel = document.getElementById('convertapi-cancel');
|
||||
if (convertAPICancel) {
|
||||
convertAPICancel.addEventListener('click', () => {
|
||||
document.getElementById('convertapi-dialog').classList.add('hidden');
|
||||
});
|
||||
}
|
||||
|
||||
// ConvertAPI convert
|
||||
const convertAPIConvert = document.getElementById('convertapi-convert');
|
||||
if (convertAPIConvert) {
|
||||
convertAPIConvert.addEventListener('click', () => {
|
||||
const apiKey = document.getElementById('convertapi-key').value;
|
||||
const fromFormat = document.getElementById('convertapi-from').value;
|
||||
const toFormat = document.getElementById('convertapi-to').value;
|
||||
const filePath = tabManager.getCurrentFilePath();
|
||||
|
||||
if (!apiKey) {
|
||||
alert('Please enter your ConvertAPI key');
|
||||
return;
|
||||
}
|
||||
|
||||
if (!filePath) {
|
||||
alert('Please save the file first');
|
||||
return;
|
||||
}
|
||||
|
||||
// Save API key for future use
|
||||
localStorage.setItem('convertapi-key', apiKey);
|
||||
|
||||
// Show progress
|
||||
document.getElementById('convertapi-progress').classList.remove('hidden');
|
||||
|
||||
// Send conversion request
|
||||
ipcRenderer.send('convertapi-convert', {
|
||||
apiKey,
|
||||
fromFormat,
|
||||
toFormat,
|
||||
filePath
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// IPC event listeners for recent files functionality
|
||||
if (window.electronAPI) {
|
||||
window.electronAPI.on('recent-files-cleared', () => {
|
||||
ipcRenderer.on('recent-files-cleared', () => {
|
||||
if (tabManager) {
|
||||
tabManager.recentFiles = [];
|
||||
localStorage.setItem('recentFiles', JSON.stringify([]));
|
||||
console.log('Recent files cleared');
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Add math rendering support using KaTeX for enhanced preview
|
||||
function initMathSupport() {
|
||||
|
||||
Reference in New Issue
Block a user