mirror of
https://github.com/amitwh/markdown-converter.git
synced 2026-08-03 02:11:07 +05:30
Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
17c32f0b7d | ||
|
|
b93129bc44 |
+11
-4
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "pan-converter",
|
"name": "pan-converter",
|
||||||
"version": "1.5.7",
|
"version": "1.6.1",
|
||||||
"description": "Cross-platform Markdown editor and converter using Pandoc",
|
"description": "Cross-platform Markdown editor and converter using Pandoc",
|
||||||
"main": "src/main.js",
|
"main": "src/main.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
@@ -31,6 +31,7 @@
|
|||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"codemirror": "^6.0.2",
|
"codemirror": "^6.0.2",
|
||||||
|
"convertapi": "^1.15.0",
|
||||||
"dompurify": "^3.2.6",
|
"dompurify": "^3.2.6",
|
||||||
"electron-store": "^10.1.0",
|
"electron-store": "^10.1.0",
|
||||||
"highlight.js": "^11.11.1",
|
"highlight.js": "^11.11.1",
|
||||||
@@ -75,15 +76,21 @@
|
|||||||
"target": [
|
"target": [
|
||||||
{
|
{
|
||||||
"target": "nsis",
|
"target": "nsis",
|
||||||
"arch": ["x64"]
|
"arch": [
|
||||||
|
"x64"
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"target": "portable",
|
"target": "portable",
|
||||||
"arch": ["x64"]
|
"arch": [
|
||||||
|
"x64"
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"target": "zip",
|
"target": "zip",
|
||||||
"arch": ["x64"]
|
"arch": [
|
||||||
|
"x64"
|
||||||
|
]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"artifactName": "${productName}-${version}-${arch}.${ext}",
|
"artifactName": "${productName}-${version}-${arch}.${ext}",
|
||||||
|
|||||||
@@ -75,6 +75,27 @@
|
|||||||
<line x1="15" y1="3" x2="15" y2="21"></line>
|
<line x1="15" y1="3" x2="15" y2="21"></line>
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</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>
|
<div class="toolbar-separator"></div>
|
||||||
<button id="btn-find" title="Find & Replace (Ctrl+F)">
|
<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">
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||||
@@ -233,6 +254,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</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 -->
|
<!-- Batch Conversion Dialog -->
|
||||||
<div id="batch-dialog" class="batch-dialog hidden">
|
<div id="batch-dialog" class="batch-dialog hidden">
|
||||||
<div class="batch-dialog-content">
|
<div class="batch-dialog-content">
|
||||||
|
|||||||
+80
-1
@@ -267,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',
|
label: 'Help',
|
||||||
submenu: [
|
submenu: [
|
||||||
@@ -277,7 +301,7 @@ function createMenu() {
|
|||||||
type: 'info',
|
type: 'info',
|
||||||
title: 'About PanConverter',
|
title: 'About PanConverter',
|
||||||
message: 'PanConverter',
|
message: 'PanConverter',
|
||||||
detail: 'A cross-platform Markdown editor and converter using Pandoc.\n\nVersion: 1.5.7\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',
|
detail: 'A cross-platform Markdown editor and converter using Pandoc.\n\nVersion: 1.6.1\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']
|
buttons: ['OK']
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@@ -343,6 +367,54 @@ function showBatchConversionDialog() {
|
|||||||
mainWindow.webContents.send('show-batch-dialog');
|
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) {
|
function performExportWithOptions(format, options) {
|
||||||
const outputFile = dialog.showSaveDialogSync(mainWindow, {
|
const outputFile = dialog.showSaveDialogSync(mainWindow, {
|
||||||
defaultPath: currentFile.replace(/\.[^/.]+$/, `.${format}`),
|
defaultPath: currentFile.replace(/\.[^/.]+$/, `.${format}`),
|
||||||
@@ -1294,7 +1366,14 @@ function openFileFromPath(filePath) {
|
|||||||
currentFile = filePath;
|
currentFile = filePath;
|
||||||
const content = fs.readFileSync(filePath, 'utf-8');
|
const content = fs.readFileSync(filePath, 'utf-8');
|
||||||
if (mainWindow && mainWindow.webContents) {
|
if (mainWindow && mainWindow.webContents) {
|
||||||
|
// Wait for the renderer to be fully loaded before sending file data
|
||||||
|
if (mainWindow.webContents.isLoading()) {
|
||||||
|
mainWindow.webContents.once('did-finish-load', () => {
|
||||||
|
mainWindow.webContents.send('file-opened', { path: filePath, content });
|
||||||
|
});
|
||||||
|
} else {
|
||||||
mainWindow.webContents.send('file-opened', { path: filePath, content });
|
mainWindow.webContents.send('file-opened', { path: filePath, content });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
+374
-5
@@ -146,6 +146,16 @@ class TabManager {
|
|||||||
editor.addEventListener('input', () => {
|
editor.addEventListener('input', () => {
|
||||||
this.handleEditorInput(tab.id);
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -341,11 +351,14 @@ class TabManager {
|
|||||||
if (!editor || !lineNumbers) return;
|
if (!editor || !lineNumbers) return;
|
||||||
|
|
||||||
if (this.showLineNumbers) {
|
if (this.showLineNumbers) {
|
||||||
const lines = editor.value.split('\\n');
|
const lines = editor.value.split('\n');
|
||||||
lineNumbers.innerHTML = lines.map((_, i) =>
|
lineNumbers.innerHTML = lines.map((_, i) =>
|
||||||
`<div class="line-number">${i + 1}</div>`
|
`<div class="line-number">${i + 1}</div>`
|
||||||
).join('');
|
).join('');
|
||||||
lineNumbers.classList.remove('hidden');
|
lineNumbers.classList.remove('hidden');
|
||||||
|
|
||||||
|
// Sync scroll position
|
||||||
|
lineNumbers.scrollTop = editor.scrollTop;
|
||||||
} else {
|
} else {
|
||||||
lineNumbers.classList.add('hidden');
|
lineNumbers.classList.add('hidden');
|
||||||
}
|
}
|
||||||
@@ -580,6 +593,21 @@ class TabManager {
|
|||||||
this.insertTable();
|
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
|
// Preview toggle
|
||||||
document.getElementById('btn-preview-toggle').addEventListener('click', () => {
|
document.getElementById('btn-preview-toggle').addEventListener('click', () => {
|
||||||
this.isPreviewVisible = !this.isPreviewVisible;
|
this.isPreviewVisible = !this.isPreviewVisible;
|
||||||
@@ -657,16 +685,266 @@ class TabManager {
|
|||||||
this.handleEditorInput(this.activeTabId);
|
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() {
|
setupFindEvents() {
|
||||||
// Find dialog implementation...
|
const btnFind = document.getElementById('btn-find');
|
||||||
document.getElementById('btn-find').addEventListener('click', () => {
|
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-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');
|
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
|
// File operations
|
||||||
@@ -723,6 +1001,16 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||||||
initialEditor.addEventListener('input', () => {
|
initialEditor.addEventListener('input', () => {
|
||||||
tabManager.handleEditorInput(1);
|
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
|
// Request current theme
|
||||||
@@ -1081,6 +1369,22 @@ ipcRenderer.on('show-batch-dialog', () => {
|
|||||||
showBatchDialog();
|
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) => {
|
ipcRenderer.on('batch-progress', (event, progress) => {
|
||||||
updateBatchProgress(progress);
|
updateBatchProgress(progress);
|
||||||
});
|
});
|
||||||
@@ -1233,6 +1537,71 @@ 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
|
// IPC event listeners for recent files functionality
|
||||||
ipcRenderer.on('recent-files-cleared', () => {
|
ipcRenderer.on('recent-files-cleared', () => {
|
||||||
if (tabManager) {
|
if (tabManager) {
|
||||||
|
|||||||
Reference in New Issue
Block a user