Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
58314efc7a | ||
|
|
478b404135 | ||
|
|
8be2651b0e | ||
|
|
922e74d671 | ||
|
|
7e67667035 | ||
|
|
7783fbf622 | ||
|
|
458a387c15 | ||
|
|
72677698d2 | ||
|
|
59c6513b49 | ||
|
|
c305789428 | ||
|
|
fefb299e6d | ||
|
|
3f3bdf5637 | ||
|
|
2ab8deffeb | ||
|
|
cc471d4101 | ||
|
|
0ac92b7060 | ||
|
|
f74f5f4221 | ||
|
|
e1c0bc387f | ||
|
|
ef3ce1647e |
@@ -26,7 +26,17 @@
|
|||||||
"Bash(dir:*)",
|
"Bash(dir:*)",
|
||||||
"Bash(git merge:*)",
|
"Bash(git merge:*)",
|
||||||
"Bash(timeout:*)",
|
"Bash(timeout:*)",
|
||||||
"Bash(findstr:*)"
|
"Bash(findstr:*)",
|
||||||
|
"Bash(git stash:*)",
|
||||||
|
"Bash(npm start:*)",
|
||||||
|
"Bash(gh release delete-asset:*)",
|
||||||
|
"Bash(git rm:*)",
|
||||||
|
"Bash(gh release view:*)",
|
||||||
|
"Bash(npm run build:linux:*)",
|
||||||
|
"Bash(git reset:*)",
|
||||||
|
"Read(//i/Template_exporter/**)",
|
||||||
|
"Bash(copy \"I:\\Template_exporter\\md_to_docx_converter.py\" \"H:\\Development\\pan-converter\\word-template-exporter\"\" && copy \"I:Template_exporterrequirements.txt\" \"H:Developmentpan-converterword-template-exporter\"\")",
|
||||||
|
"Bash(copy \"I:\\Template_exporter\\word_template.docx\" \"H:\\Development\\pan-converter\\word-template-exporter\"\")"
|
||||||
],
|
],
|
||||||
"deny": []
|
"deny": []
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"CurrentProjectSetting": null
|
||||||
|
}
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
{
|
||||||
|
"ExpandedNodes": [
|
||||||
|
""
|
||||||
|
],
|
||||||
|
"SelectedNode": "\\package.json",
|
||||||
|
"PreviewInSolutionExplorer": false
|
||||||
|
}
|
||||||
@@ -0,0 +1,41 @@
|
|||||||
|
{
|
||||||
|
"Version": 1,
|
||||||
|
"WorkspaceRootPath": "H:\\Development\\pan-converter\\",
|
||||||
|
"Documents": [
|
||||||
|
{
|
||||||
|
"AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|H:\\Development\\pan-converter\\package.json||{90A6B3A7-C1A3-4009-A288-E2FF89E96FA0}",
|
||||||
|
"RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:package.json||{90A6B3A7-C1A3-4009-A288-E2FF89E96FA0}"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"DocumentGroupContainers": [
|
||||||
|
{
|
||||||
|
"Orientation": 0,
|
||||||
|
"VerticalTabListWidth": 256,
|
||||||
|
"DocumentGroups": [
|
||||||
|
{
|
||||||
|
"DockedWidth": 200,
|
||||||
|
"SelectedChildIndex": 0,
|
||||||
|
"Children": [
|
||||||
|
{
|
||||||
|
"$type": "Document",
|
||||||
|
"DocumentIndex": 0,
|
||||||
|
"Title": "package.json",
|
||||||
|
"DocumentMoniker": "H:\\Development\\pan-converter\\package.json",
|
||||||
|
"RelativeDocumentMoniker": "package.json",
|
||||||
|
"ToolTip": "H:\\Development\\pan-converter\\package.json",
|
||||||
|
"RelativeToolTip": "package.json",
|
||||||
|
"ViewState": "AgIAAAAAAAAAAAAAAAAAAAsAAAAqAAAAAAAAAA==",
|
||||||
|
"Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.001642|",
|
||||||
|
"WhenOpened": "2025-10-11T13:44:30.357Z",
|
||||||
|
"EditorCaption": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"$type": "Bookmark",
|
||||||
|
"Name": "ST:0:0:{cce594b6-0c39-4442-ba28-10c64ac7e89f}"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -0,0 +1,41 @@
|
|||||||
|
{
|
||||||
|
"Version": 1,
|
||||||
|
"WorkspaceRootPath": "H:\\Development\\pan-converter\\",
|
||||||
|
"Documents": [
|
||||||
|
{
|
||||||
|
"AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|H:\\Development\\pan-converter\\package.json||{90A6B3A7-C1A3-4009-A288-E2FF89E96FA0}",
|
||||||
|
"RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:package.json||{90A6B3A7-C1A3-4009-A288-E2FF89E96FA0}"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"DocumentGroupContainers": [
|
||||||
|
{
|
||||||
|
"Orientation": 0,
|
||||||
|
"VerticalTabListWidth": 256,
|
||||||
|
"DocumentGroups": [
|
||||||
|
{
|
||||||
|
"DockedWidth": 200,
|
||||||
|
"SelectedChildIndex": 0,
|
||||||
|
"Children": [
|
||||||
|
{
|
||||||
|
"$type": "Document",
|
||||||
|
"DocumentIndex": 0,
|
||||||
|
"Title": "package.json",
|
||||||
|
"DocumentMoniker": "H:\\Development\\pan-converter\\package.json",
|
||||||
|
"RelativeDocumentMoniker": "package.json",
|
||||||
|
"ToolTip": "H:\\Development\\pan-converter\\package.json",
|
||||||
|
"RelativeToolTip": "package.json",
|
||||||
|
"ViewState": "AgIAAAAAAAAAAAAAAAAAAAsAAAAqAAAAAAAAAA==",
|
||||||
|
"Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.001642|",
|
||||||
|
"WhenOpened": "2025-10-11T13:44:30.357Z",
|
||||||
|
"EditorCaption": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"$type": "Bookmark",
|
||||||
|
"Name": "ST:0:0:{cce594b6-0c39-4442-ba28-10c64ac7e89f}"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -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.
|
**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.7.2
|
**Current Version**: v1.7.9
|
||||||
**Author**: Amit Haridas (amit.wh@gmail.com)
|
**Author**: Amit Haridas (amit.wh@gmail.com)
|
||||||
**License**: MIT
|
**License**: MIT
|
||||||
**Repository**: https://github.com/amitwh/pan-converter
|
**Repository**: https://github.com/amitwh/pan-converter
|
||||||
@@ -19,6 +19,8 @@
|
|||||||
- **highlight.js** - Syntax highlighting
|
- **highlight.js** - Syntax highlighting
|
||||||
- **KaTeX** - Mathematical expression rendering
|
- **KaTeX** - Mathematical expression rendering
|
||||||
- **DOMPurify** - HTML sanitization
|
- **DOMPurify** - HTML sanitization
|
||||||
|
- **PDFKit** - Native PDF generation without external dependencies (v1.7.7)
|
||||||
|
- **html2pdf** - HTML to PDF conversion library (v1.7.7)
|
||||||
|
|
||||||
### Application Structure
|
### Application Structure
|
||||||
```
|
```
|
||||||
@@ -111,7 +113,415 @@ gh release create v1.2.1 --title "Title" --notes "Release notes" \
|
|||||||
|
|
||||||
## Feature Implementation Guide
|
## Feature Implementation Guide
|
||||||
|
|
||||||
### v1.7.2 Enhanced Themes & Bug Fixes (Latest)
|
### v1.7.9 Enhanced Word Export with Template Support (Latest)
|
||||||
|
|
||||||
|
#### 📝 Template-Based Word Document Generation
|
||||||
|
**Added Enhanced DOCX Export** (`src/wordTemplateExporter.js`, `src/main.js:540-596`, `src/main.js:242`)
|
||||||
|
- **New Export Option**: "DOCX (Enhanced)" in File → Export menu with keyboard shortcut `Ctrl+Shift+W`
|
||||||
|
- **Template Support**: Use custom Word templates to preserve branding, styles, and formatting
|
||||||
|
- **Template Selection**: File → "Select Word Template..." menu option to choose custom templates
|
||||||
|
- **Persistent Template**: Selected template is saved and reused across sessions
|
||||||
|
- **Word XML Manipulation**: Direct manipulation of Word document XML using PizZip
|
||||||
|
- **Template Page Preservation**: Preserves first 2 pages (cover + TOC) when using templates
|
||||||
|
- **Smart Content Insertion**: Inserts markdown content after 2nd section break
|
||||||
|
|
||||||
|
**Full Markdown Support:**
|
||||||
|
- Headings (H1-H6) with markdown numbering stripped (e.g., "1.1 Title" → "Title")
|
||||||
|
- Text formatting (bold, italic, bold+italic, strikethrough)
|
||||||
|
- Inline code with Consolas font and gray background
|
||||||
|
- Code blocks with monospace font and light gray background
|
||||||
|
- Ordered and unordered lists (uses template numbering, strips markdown numbering)
|
||||||
|
- Blockquotes with indentation
|
||||||
|
- **Tables with orange header styling**:
|
||||||
|
- Orange header row (#F58220) with white bold text
|
||||||
|
- White data rows (no alternating colors)
|
||||||
|
- Orange borders (#F58220) on all cells
|
||||||
|
- Proper column alignment and spacing
|
||||||
|
- Horizontal rules
|
||||||
|
- Links
|
||||||
|
- **ASCII Art and Flowcharts**:
|
||||||
|
- Detects box-drawing characters (┌, ─, │, └, etc.)
|
||||||
|
- Detects flowchart patterns with square brackets
|
||||||
|
- Preserves monospace alignment with Consolas font
|
||||||
|
- Each line rendered separately to prevent wrapping
|
||||||
|
- No-wrap paragraph properties for exact spacing
|
||||||
|
- **Red-colored arrows** (↓, →, ←, ↑) for enhanced visibility
|
||||||
|
- Gray background (#F5F5F5) for distinction from regular text
|
||||||
|
|
||||||
|
**ASCII Art Detection Patterns:**
|
||||||
|
- Unicode box-drawing characters: ┌┐└┘├┤┬┴┼─│═║╔╗╚╝╠╣╦╩╬
|
||||||
|
- Arrow characters: ↓→←↑▼►◄▲
|
||||||
|
- ASCII box patterns: +-----+, |-----|, [Text in brackets]
|
||||||
|
- Flowchart steps: START, [Step Description], END
|
||||||
|
|
||||||
|
**ASCII Art Rendering Features:**
|
||||||
|
```javascript
|
||||||
|
// Each line gets its own paragraph with no-wrap
|
||||||
|
xml += `<w:p>
|
||||||
|
<w:pPr>
|
||||||
|
<w:wordWrap w:val="0"/> // Disable wrapping
|
||||||
|
<w:keepLines/> // Keep lines together
|
||||||
|
<w:line="240" w:lineRule="exact"/> // Exact line height
|
||||||
|
</w:pPr>
|
||||||
|
// Arrows colored red (#FF0000)
|
||||||
|
// Text in Consolas 16pt with gray background
|
||||||
|
</w:p>`;
|
||||||
|
```
|
||||||
|
|
||||||
|
**Template Selection Workflow:**
|
||||||
|
1. User clicks File → "Select Word Template..."
|
||||||
|
2. Dialog opens to browse for .docx files
|
||||||
|
3. Selected template path stored in global variable and persisted
|
||||||
|
4. Template automatically loaded on app startup
|
||||||
|
5. Enhanced export uses selected template (or defaults to `word_template.docx`)
|
||||||
|
|
||||||
|
**Technical Implementation:**
|
||||||
|
```javascript
|
||||||
|
// Template selection function
|
||||||
|
async function selectWordTemplate() {
|
||||||
|
const result = await dialog.showOpenDialog(mainWindow, {
|
||||||
|
title: 'Select Word Template',
|
||||||
|
filters: [{ name: 'Word Document', extensions: ['docx'] }],
|
||||||
|
properties: ['openFile']
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!result.canceled && result.filePaths.length > 0) {
|
||||||
|
wordTemplatePath = result.filePaths[0];
|
||||||
|
store.set('wordTemplatePath', wordTemplatePath);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Word Template Exporter with template support
|
||||||
|
class WordTemplateExporter {
|
||||||
|
constructor(templatePath) {
|
||||||
|
this.templatePath = templatePath || path.join(__dirname, '../word_template.docx');
|
||||||
|
}
|
||||||
|
|
||||||
|
async convert(markdownContent, outputPath) {
|
||||||
|
// Load template as ZIP
|
||||||
|
const templateBuffer = fs.readFileSync(this.templatePath);
|
||||||
|
const zip = new PizZip(templateBuffer);
|
||||||
|
|
||||||
|
// Extract and modify document.xml
|
||||||
|
const documentXml = zip.file('word/document.xml').asText();
|
||||||
|
const newContentXml = this.markdownToWordXml(markdownContent);
|
||||||
|
const modifiedXml = this.insertContentAfterPage2(documentXml, newContentXml);
|
||||||
|
|
||||||
|
// Save modified document
|
||||||
|
zip.file('word/document.xml', modifiedXml);
|
||||||
|
const newDocBuffer = zip.generate({ type: 'nodebuffer' });
|
||||||
|
fs.writeFileSync(outputPath, newDocBuffer);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
**Menu Integration:**
|
||||||
|
- Export: File → Export → "DOCX (Enhanced)" (`Ctrl+Shift+W`)
|
||||||
|
- Template Selection: File → "Select Word Template..."
|
||||||
|
- Template path saved to: `userData/settings.json`
|
||||||
|
|
||||||
|
**Dependencies Added:**
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"docx": "^9.5.1",
|
||||||
|
"pizzip": "^3.2.0",
|
||||||
|
"docx4js": "^3.3.0"
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
**Key Improvements in v1.7.9:**
|
||||||
|
1. ✅ Template-based export preserving corporate branding
|
||||||
|
2. ✅ Persistent template selection across sessions
|
||||||
|
3. ✅ Tables with professional orange header styling and white data rows
|
||||||
|
4. ✅ ASCII art and flowcharts with perfect alignment and no wrapping
|
||||||
|
5. ✅ Red-colored arrows in flowcharts for enhanced readability
|
||||||
|
6. ✅ Markdown numbering stripped from headings and lists
|
||||||
|
7. ✅ Template's automatic numbering system used instead
|
||||||
|
|
||||||
|
### v1.7.8 Critical Bug Fixes
|
||||||
|
|
||||||
|
#### 🐛 File Association Fix for Packaged Apps
|
||||||
|
**Fixed Command-Line Argument Parsing** (`src/main.js:1598-1627`, `src/main.js:70-90`)
|
||||||
|
- **Root Cause**: `process.argv.slice(2)` works in development but fails in packaged apps
|
||||||
|
- **Solution**: Detect if app is packaged using `app.isPackaged` and use correct slice index
|
||||||
|
- Development: `process.argv.slice(2)` - ['electron', 'app.js', 'file.md']
|
||||||
|
- Packaged: `process.argv.slice(1)` - ['PanConverter.exe', 'file.md']
|
||||||
|
- **Path Resolution**: Added proper path resolution for both absolute and relative paths
|
||||||
|
- **Comprehensive Logging**: Added detailed console logs to debug file loading issues
|
||||||
|
- **Second Instance Handler**: Also fixed second-instance handler to use same logic
|
||||||
|
|
||||||
|
**Technical Implementation:**
|
||||||
|
```javascript
|
||||||
|
// Detect packaged vs development mode
|
||||||
|
const startIndex = app.isPackaged ? 1 : 2;
|
||||||
|
const fileArgs = process.argv.slice(startIndex);
|
||||||
|
|
||||||
|
// Resolve paths properly
|
||||||
|
for (const arg of fileArgs) {
|
||||||
|
if ((arg.endsWith('.md') || arg.endsWith('.markdown'))) {
|
||||||
|
const resolvedPath = path.isAbsolute(arg) ? arg : path.resolve(process.cwd(), arg);
|
||||||
|
if (fs.existsSync(resolvedPath)) {
|
||||||
|
app.pendingFile = resolvedPath;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
**Fixed Issues:**
|
||||||
|
- ✅ Files now open correctly on first double-click in packaged app
|
||||||
|
- ✅ Command-line arguments properly parsed in both dev and production
|
||||||
|
- ✅ Relative and absolute paths handled correctly
|
||||||
|
- ✅ Comprehensive logging for debugging file association issues
|
||||||
|
|
||||||
|
#### 🖨️ Print Preview Fix
|
||||||
|
**Fixed Print Output to Show Preview Content** (`src/renderer.js:1178-1204`, `src/styles.css:2828-3014`)
|
||||||
|
- **Root Cause**: Manual DOM manipulation conflicted with CSS `@media print` rules
|
||||||
|
- **Solution**: Simplified handler to rely on CSS `@media print` for hiding UI elements
|
||||||
|
- **CSS Enhancements**:
|
||||||
|
- Added selectors for dynamic preview panes `[id^="preview-pane-"]` and `[id^="editor-pane-"]`
|
||||||
|
- Added `.tab-content` to ensure full-width rendering
|
||||||
|
- Added body class-based styling for no-styles mode
|
||||||
|
- **Removed Manual Hiding**: Eliminated manual `display: none` manipulation in favor of CSS
|
||||||
|
|
||||||
|
**Technical Implementation:**
|
||||||
|
```javascript
|
||||||
|
// Simplified print handler - let CSS do the work
|
||||||
|
function handlePrintPreview(withStyles) {
|
||||||
|
const activeTabId = tabManager ? tabManager.activeTabId : 1;
|
||||||
|
const previewContent = document.getElementById(`preview-${activeTabId}`);
|
||||||
|
|
||||||
|
if (!previewContent || !previewContent.innerHTML.trim()) {
|
||||||
|
alert('Nothing to print...');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Add body classes for CSS styling
|
||||||
|
if (!withStyles) {
|
||||||
|
document.body.classList.add('printing-no-styles');
|
||||||
|
}
|
||||||
|
document.body.classList.add('printing');
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
ipcRenderer.send('do-print', { withStyles });
|
||||||
|
setTimeout(() => {
|
||||||
|
document.body.classList.remove('printing', 'printing-no-styles');
|
||||||
|
}, 1000);
|
||||||
|
}, 100);
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
**CSS Updates:**
|
||||||
|
```css
|
||||||
|
@media print {
|
||||||
|
/* Hide all UI elements */
|
||||||
|
#toolbar, #tab-bar, .editor-pane, [id^="editor-pane-"] {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Show preview in full width */
|
||||||
|
[id^="preview-"], [id^="preview-pane-"], .tab-content {
|
||||||
|
display: block !important;
|
||||||
|
width: 100% !important;
|
||||||
|
padding: 20px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
**Fixed Issues:**
|
||||||
|
- ✅ Print now correctly renders preview content, not toolbar
|
||||||
|
- ✅ Both print modes work (with styles and without styles)
|
||||||
|
- ✅ Clean, professional print output with proper formatting
|
||||||
|
- ✅ Proper page breaks, typography, and layout optimization
|
||||||
|
|
||||||
|
#### 🔧 Development Cleanup
|
||||||
|
**Removed Debugging Code** (`src/main.js:120-123`)
|
||||||
|
- Removed auto-opening of DevTools
|
||||||
|
- Clean production-ready build
|
||||||
|
- Debugging logs remain for troubleshooting but DevTools disabled by default
|
||||||
|
|
||||||
|
### v1.7.7 Print & Enhanced PDF Support
|
||||||
|
|
||||||
|
#### 🖨️ Native Print Functionality
|
||||||
|
**Added Print Submenu to File Menu** (`src/main.js:202-215`, `src/renderer.js:1152-1188`, `src/styles.css:2828-2994`)
|
||||||
|
- **Print Menu**: Submenu in File menu with two print options
|
||||||
|
- **Print Preview** (`Ctrl+P`) - Prints preview in black text, no background colors (ink-saving)
|
||||||
|
- **Print Preview (With Styles)** - Prints with full theme colors and styling
|
||||||
|
- **Preview-Only Printing**: Only renders the markdown preview, hides all editor UI
|
||||||
|
- **Native Print Dialog**: Uses Electron's webContents.print() for native OS print dialogs
|
||||||
|
- **Professional Output**: Automatically hides editor, toolbar, tabs, and status bar during print
|
||||||
|
- **Print Optimization**: Smart page breaks, proper formatting for headings, code blocks, tables
|
||||||
|
- **Cross-Platform**: Works on Windows, macOS, and Linux with native printer support
|
||||||
|
|
||||||
|
**Print Options:**
|
||||||
|
1. **Print Preview** (Ctrl+P)
|
||||||
|
- Black text on white background for professional printing
|
||||||
|
- No background colors to save ink
|
||||||
|
- Perfect for documents and reports
|
||||||
|
- Minimal ink consumption
|
||||||
|
|
||||||
|
2. **Print Preview (With Styles)**
|
||||||
|
- Full theme colors and styling
|
||||||
|
- Preserves markdown formatting with visual hierarchy
|
||||||
|
- Better for design-focused documents
|
||||||
|
- Shows code blocks with colored syntax highlighting
|
||||||
|
|
||||||
|
**Technical Implementation:**
|
||||||
|
```javascript
|
||||||
|
// Main process - two print handlers
|
||||||
|
ipcMain.on('print-preview', (event) => {
|
||||||
|
mainWindow.webContents.send('prepare-print-preview', false);
|
||||||
|
setTimeout(() => {
|
||||||
|
mainWindow.webContents.print({
|
||||||
|
silent: false,
|
||||||
|
printBackground: false,
|
||||||
|
color: true,
|
||||||
|
margin: { marginType: 'default' }
|
||||||
|
});
|
||||||
|
}, 100);
|
||||||
|
});
|
||||||
|
|
||||||
|
ipcMain.on('print-preview-styled', (event) => {
|
||||||
|
mainWindow.webContents.send('prepare-print-preview', true);
|
||||||
|
setTimeout(() => {
|
||||||
|
mainWindow.webContents.print({
|
||||||
|
silent: false,
|
||||||
|
printBackground: true,
|
||||||
|
color: true,
|
||||||
|
margin: { marginType: 'default' }
|
||||||
|
});
|
||||||
|
}, 100);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Renderer process - prepares preview for printing
|
||||||
|
ipcRenderer.on('prepare-print-preview', (event, withStyles) => {
|
||||||
|
// Hide editor and UI elements
|
||||||
|
document.getElementById('editor-container').style.display = 'none';
|
||||||
|
document.getElementById('toolbar').style.display = 'none';
|
||||||
|
document.getElementById('tab-bar').style.display = 'none';
|
||||||
|
document.getElementById('status-bar').style.display = 'none';
|
||||||
|
|
||||||
|
// Add print mode classes
|
||||||
|
const preview = document.getElementById('preview');
|
||||||
|
preview.classList.add('print-mode');
|
||||||
|
if (!withStyles) {
|
||||||
|
preview.classList.add('print-no-styles');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Restore UI after print
|
||||||
|
setTimeout(() => {
|
||||||
|
document.getElementById('editor-container').style.display = '';
|
||||||
|
document.getElementById('toolbar').style.display = '';
|
||||||
|
document.getElementById('tab-bar').style.display = '';
|
||||||
|
document.getElementById('status-bar').style.display = '';
|
||||||
|
preview.classList.remove('print-mode', 'print-no-styles');
|
||||||
|
}, 500);
|
||||||
|
});
|
||||||
|
```
|
||||||
|
|
||||||
|
**CSS Print Styles** (`src/styles.css:2828-2994`)
|
||||||
|
- Comprehensive @media print stylesheet
|
||||||
|
- Hides all UI elements in print view
|
||||||
|
- Optimizes preview for paper output
|
||||||
|
- Smart page breaks for headings and tables
|
||||||
|
- Proper formatting for code blocks, lists, tables
|
||||||
|
- Image optimization and link handling
|
||||||
|
- Professional typography with 12pt font size
|
||||||
|
|
||||||
|
#### 📦 Enhanced PDF Export Dependencies
|
||||||
|
**Added Native PDF Generation Libraries** (package.json)
|
||||||
|
- **PDFKit** (v0.14.0) - Native PDF generation without Pandoc dependency
|
||||||
|
- **html2pdf.js** (v0.10.1) - HTML to PDF conversion for rich formatted output
|
||||||
|
- **Benefits**: PDF exports now work even without system Pandoc installation
|
||||||
|
- **Future Enhancement**: Enables PDF generation with embedded fonts and graphics
|
||||||
|
- **Offline Support**: Complete PDF generation offline without external services
|
||||||
|
|
||||||
|
**Updated Dependencies:**
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"pdfkit": "^0.14.0",
|
||||||
|
"html2pdf.js": "^0.10.1"
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
**Features Enabled:**
|
||||||
|
- PDF export works independently of Pandoc installation
|
||||||
|
- Higher quality PDF output with better formatting control
|
||||||
|
- Support for custom fonts, images, and complex layouts
|
||||||
|
- Faster PDF generation times
|
||||||
|
- Reduced system dependencies for better portability
|
||||||
|
|
||||||
|
#### 🔧 Keyboard Shortcut Updates
|
||||||
|
**Remapped Shortcuts** (`src/main.js`)
|
||||||
|
- **Print**: `Ctrl+P` (new in v1.7.7) - Opens native print dialog
|
||||||
|
- **Toggle Preview**: Changed from `Ctrl+P` to `Ctrl+Shift+P` to avoid conflicts
|
||||||
|
- **Backward Compatibility**: No breaking changes to existing workflows
|
||||||
|
|
||||||
|
### v1.7.6 UI Improvement
|
||||||
|
|
||||||
|
#### 🎨 Table Header Styling Cleanup
|
||||||
|
**Removed Custom Background Colors** (`src/styles.css:327-329`, `src/styles.css:451-453`)
|
||||||
|
- Removed gray background color (#f6f8fa) from table headers in default theme
|
||||||
|
- Removed dark theme table header background styling block entirely
|
||||||
|
- Table headers now blend naturally with preview background for cleaner appearance
|
||||||
|
- Headers maintain font-weight: 600 for visual distinction
|
||||||
|
- All other table styling preserved (borders, alternating row colors)
|
||||||
|
|
||||||
|
**User Feedback Implementation:**
|
||||||
|
- Based on user feedback: "remove the theming of table headers, it looks bad"
|
||||||
|
- Result: Professional, clean table presentation matching overall preview styling
|
||||||
|
- Consistent with normal preview theming across all themes
|
||||||
|
|
||||||
|
### v1.7.5 Critical File Association Fix
|
||||||
|
|
||||||
|
#### 🐛 Single-Instance Lock for Windows File Association
|
||||||
|
**Fixed Installed App Double-Click Behavior** (`src/main.js:52-85`)
|
||||||
|
- **Root Cause**: Windows launches second instance when double-clicking files with app already running
|
||||||
|
- **Solution**: Implemented `app.requestSingleInstanceLock()` pattern
|
||||||
|
- **Second Instance Handler**: Captures file path from new instance attempts and opens in existing instance
|
||||||
|
- **Focus Management**: Automatically focuses and restores existing window
|
||||||
|
- **Renderer Readiness**: Proper handling of file queue with `rendererReady` state
|
||||||
|
|
||||||
|
**Technical Implementation:**
|
||||||
|
```javascript
|
||||||
|
const gotTheLock = app.requestSingleInstanceLock();
|
||||||
|
if (!gotTheLock) {
|
||||||
|
app.quit();
|
||||||
|
} else {
|
||||||
|
app.on('second-instance', (event, commandLine, workingDirectory) => {
|
||||||
|
// Focus existing window
|
||||||
|
if (mainWindow) {
|
||||||
|
if (mainWindow.isMinimized()) mainWindow.restore();
|
||||||
|
mainWindow.focus();
|
||||||
|
}
|
||||||
|
// Extract and open file from second instance
|
||||||
|
const fileArgs = commandLine.slice(2);
|
||||||
|
for (const arg of fileArgs) {
|
||||||
|
if ((arg.endsWith('.md') || arg.endsWith('.markdown')) && fs.existsSync(arg)) {
|
||||||
|
if (rendererReady) {
|
||||||
|
openFileFromPath(arg);
|
||||||
|
} else {
|
||||||
|
app.pendingFile = arg;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
**Fixed Issues:**
|
||||||
|
- ✅ Double-click `.md` files in Windows Explorer now opens correctly
|
||||||
|
- ✅ Right-click "Open with PanConverter" now works in installed app
|
||||||
|
- ✅ File association behavior now consistent between development and production
|
||||||
|
- ✅ Single instance maintained across all file opening methods
|
||||||
|
|
||||||
|
**Why Previous Attempts Failed:**
|
||||||
|
- v1.7.3-1.7.4: Only added `rendererReady` checks but missed second-instance handling
|
||||||
|
- Development testing passed but production failed (different execution paths)
|
||||||
|
- Second instance would start, receive file, then exit without passing to first instance
|
||||||
|
|
||||||
|
### v1.7.2 Enhanced Themes & Bug Fixes
|
||||||
|
|
||||||
#### 🎨 14 New Beautiful Themes
|
#### 🎨 14 New Beautiful Themes
|
||||||
**Expanded Theme Collection** (`src/main.js:242-266`, `src/styles.css:1590-2555`)
|
**Expanded Theme Collection** (`src/main.js:242-266`, `src/styles.css:1590-2555`)
|
||||||
@@ -599,5 +1009,14 @@ gh release create v1.2.1 --title "Title" --notes "Release notes" \
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
**Last Updated**: October 11, 2025
|
**Last Updated**: October 27, 2025
|
||||||
**Claude Assistant**: Development completed for v1.7.2 with 14 new professionally-designed themes (Dracula, Nord, Tokyo Night, Gruvbox, Ayu, Material, Oceanic Next, Palenight, Cobalt2, and more) bringing total to 19 themes, plus fixed undo/redo menu integration for proper keyboard shortcut support.
|
**Claude Assistant**: Development completed for v1.7.9 with Template-Based Word Export:
|
||||||
|
- **Template Support**: Word XML manipulation using PizZip to preserve template branding and styles
|
||||||
|
- **Template Selection**: File menu option to choose custom Word templates, persisted across sessions
|
||||||
|
- **Table Styling**: Orange headers (#F58220) with white bold text, white data rows, orange borders
|
||||||
|
- **ASCII Art & Flowcharts**: Perfect monospace alignment with no-wrap properties, each line as separate paragraph
|
||||||
|
- **Red Arrows**: Flowchart arrows (↓→←↑) rendered in red color for enhanced visibility
|
||||||
|
- **Markdown Numbering Strip**: Removes markdown numbering from headings and lists to use template numbering
|
||||||
|
- **Template Page Preservation**: Keeps first 2 pages (cover + TOC) intact, inserts content after 2nd section break
|
||||||
|
|
||||||
|
Previous releases: v1.7.8 (file association & print preview fixes), v1.7.7 (print menu with two options), v1.7.6 (table header cleanup), v1.7.5 (single-instance lock).
|
||||||
@@ -1,95 +1,12 @@
|
|||||||
# Push Instructions for Pan Converter
|
# Test Double-Click File Opening
|
||||||
|
|
||||||
## Prerequisites
|
This is a test file to verify double-click functionality.
|
||||||
1. Create a new repository on GitHub: https://github.com/new
|
|
||||||
- Repository name: `pan-converter`
|
|
||||||
- Keep it empty (no README, .gitignore, or license)
|
|
||||||
- Make it public or private as desired
|
|
||||||
|
|
||||||
2. Set up authentication:
|
## Features to Test
|
||||||
- **Option A - SSH Key** (Recommended):
|
- File should load automatically
|
||||||
```bash
|
- Content should display in editor
|
||||||
# Check if you have SSH key
|
- Tab should show filename
|
||||||
ls -la ~/.ssh/id_rsa.pub
|
- Preview should render markdown
|
||||||
|
|
||||||
# If not, generate one:
|
|
||||||
ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
|
|
||||||
|
|
||||||
# Add to GitHub: Settings > SSH and GPG keys > New SSH key
|
|
||||||
cat ~/.ssh/id_rsa.pub
|
|
||||||
```
|
|
||||||
|
|
||||||
- **Option B - Personal Access Token**:
|
|
||||||
- Go to GitHub Settings > Developer settings > Personal access tokens
|
|
||||||
- Generate new token with 'repo' scope
|
|
||||||
- Save the token securely
|
|
||||||
|
|
||||||
## Push Commands
|
**This text should be bold**
|
||||||
|
*This text should be italic*
|
||||||
### Using SSH (Recommended)
|
|
||||||
```bash
|
|
||||||
# Set SSH remote
|
|
||||||
git remote set-url origin git@github.com:amitwh/pan-converter.git
|
|
||||||
|
|
||||||
# Push all branches
|
|
||||||
git push -u origin master
|
|
||||||
git push origin linux
|
|
||||||
git push origin macos
|
|
||||||
git push origin windows
|
|
||||||
```
|
|
||||||
|
|
||||||
### Using HTTPS with Token
|
|
||||||
```bash
|
|
||||||
# Set HTTPS remote
|
|
||||||
git remote set-url origin https://github.com/amitwh/pan-converter.git
|
|
||||||
|
|
||||||
# Push all branches (you'll be prompted for username and token)
|
|
||||||
git push -u origin master
|
|
||||||
git push origin linux
|
|
||||||
git push origin macos
|
|
||||||
git push origin windows
|
|
||||||
|
|
||||||
# When prompted:
|
|
||||||
# Username: amitwh
|
|
||||||
# Password: [paste your Personal Access Token]
|
|
||||||
```
|
|
||||||
|
|
||||||
### Using GitHub CLI (if installed)
|
|
||||||
```bash
|
|
||||||
# Login to GitHub CLI
|
|
||||||
gh auth login
|
|
||||||
|
|
||||||
# Create repo and push
|
|
||||||
gh repo create pan-converter --public --source=. --remote=origin --push
|
|
||||||
```
|
|
||||||
|
|
||||||
## Automated Script
|
|
||||||
```bash
|
|
||||||
# Run the provided script
|
|
||||||
./push-to-github.sh
|
|
||||||
```
|
|
||||||
|
|
||||||
## Verify Success
|
|
||||||
After pushing, verify at: https://github.com/amitwh/pan-converter
|
|
||||||
|
|
||||||
You should see:
|
|
||||||
- 4 branches (master, linux, macos, windows)
|
|
||||||
- All project files
|
|
||||||
- Complete commit history
|
|
||||||
|
|
||||||
## Troubleshooting
|
|
||||||
|
|
||||||
### Authentication Failed
|
|
||||||
- For SSH: Ensure your SSH key is added to GitHub
|
|
||||||
- For HTTPS: Use Personal Access Token, not password
|
|
||||||
- Check token has 'repo' scope
|
|
||||||
|
|
||||||
### Repository Not Found
|
|
||||||
- Ensure repository exists on GitHub
|
|
||||||
- Check spelling: `pan-converter`
|
|
||||||
- Verify you're logged into the correct GitHub account
|
|
||||||
|
|
||||||
### Permission Denied
|
|
||||||
- Check repository ownership
|
|
||||||
- Ensure you have write access
|
|
||||||
- Verify authentication method is correct
|
|
||||||
|
|||||||
@@ -138,6 +138,8 @@ npm run dist:all
|
|||||||
|
|
||||||
## Version History
|
## Version History
|
||||||
|
|
||||||
|
- **v1.8.0** - Added enhanced Word export with template support to batch converter
|
||||||
|
- **v1.7.9** - Enhanced Word Export with Template Support: Template-based DOCX generation with custom templates, table styling, ASCII art support, and red-colored flowchart arrows
|
||||||
- **v1.5.6** - (Your release notes here)
|
- **v1.5.6** - (Your release notes here)
|
||||||
- **v1.5.5** - Refactored PDF export, simplified Pandoc pathing, and removed XLSX dependency.
|
- **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.1** - Bug fixes: Fixed file associations for double-clicking .md files, corrected 50/50 layout alignment for editor/preview panes
|
||||||
|
|||||||
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 190 KiB |
|
After Width: | Height: | Size: 62 KiB |
|
After Width: | Height: | Size: 171 KiB |
|
After Width: | Height: | Size: 24 KiB |
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "pan-converter",
|
"name": "pan-converter",
|
||||||
"version": "1.7.6",
|
"version": "1.8.0",
|
||||||
"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,11 +31,17 @@
|
|||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"codemirror": "^6.0.2",
|
"codemirror": "^6.0.2",
|
||||||
|
"core-util-is": "^1.0.3",
|
||||||
|
"docx": "^9.5.1",
|
||||||
|
"docx4js": "^3.3.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",
|
||||||
|
"html2pdf.js": "^0.10.1",
|
||||||
"marked": "^16.2.1",
|
"marked": "^16.2.1",
|
||||||
"pdf-lib": "^1.17.1",
|
"pdf-lib": "^1.17.1",
|
||||||
|
"pdfkit": "^0.14.0",
|
||||||
|
"pizzip": "^3.2.0",
|
||||||
"tslib": "^2.8.1",
|
"tslib": "^2.8.1",
|
||||||
"xlsx": "^0.18.5"
|
"xlsx": "^0.18.5"
|
||||||
},
|
},
|
||||||
|
|||||||
|
After Width: | Height: | Size: 170 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 13 KiB |
@@ -516,6 +516,7 @@
|
|||||||
<option value="html">HTML</option>
|
<option value="html">HTML</option>
|
||||||
<option value="pdf">PDF</option>
|
<option value="pdf">PDF</option>
|
||||||
<option value="docx">DOCX</option>
|
<option value="docx">DOCX</option>
|
||||||
|
<option value="docx-enhanced">DOCX (Enhanced)</option>
|
||||||
<option value="latex">LaTeX</option>
|
<option value="latex">LaTeX</option>
|
||||||
<option value="rtf">RTF</option>
|
<option value="rtf">RTF</option>
|
||||||
<option value="odt">ODT</option>
|
<option value="odt">ODT</option>
|
||||||
|
|||||||
@@ -3,6 +3,7 @@ const path = require('path');
|
|||||||
const fs = require('fs');
|
const fs = require('fs');
|
||||||
const { exec } = require('child_process');
|
const { exec } = require('child_process');
|
||||||
const { PDFDocument, rgb, degrees, StandardFonts } = require('pdf-lib');
|
const { PDFDocument, rgb, degrees, StandardFonts } = require('pdf-lib');
|
||||||
|
const WordTemplateExporter = require('./wordTemplateExporter');
|
||||||
|
|
||||||
// Get the system Pandoc path
|
// Get the system Pandoc path
|
||||||
function getPandocPath() {
|
function getPandocPath() {
|
||||||
@@ -47,6 +48,7 @@ const store = {
|
|||||||
let mainWindow;
|
let mainWindow;
|
||||||
let currentFile = null; // This will now represent the active tab's file
|
let currentFile = null; // This will now represent the active tab's file
|
||||||
let pandocAvailable = null; // Cache pandoc availability check
|
let pandocAvailable = null; // Cache pandoc availability check
|
||||||
|
let wordTemplatePath = null; // Path to selected Word template
|
||||||
let rendererReady = false; // Track if renderer is ready to receive file data
|
let rendererReady = false; // Track if renderer is ready to receive file data
|
||||||
|
|
||||||
// Handle single instance lock for Windows file association
|
// Handle single instance lock for Windows file association
|
||||||
@@ -68,17 +70,24 @@ if (!gotTheLock) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Check if a file was passed to the second instance
|
// Check if a file was passed to the second instance
|
||||||
// commandLine is an array like: ['electron.exe', 'app.asar', 'file.md']
|
// commandLine is an array like: ['PanConverter.exe', 'file.md']
|
||||||
const fileArgs = commandLine.slice(2);
|
console.log('[MAIN] Second instance commandLine:', JSON.stringify(commandLine));
|
||||||
|
const startIndex = app.isPackaged ? 1 : 2;
|
||||||
|
const fileArgs = commandLine.slice(startIndex);
|
||||||
|
console.log('[MAIN] Second instance file args:', fileArgs);
|
||||||
for (const arg of fileArgs) {
|
for (const arg of fileArgs) {
|
||||||
if ((arg.endsWith('.md') || arg.endsWith('.markdown')) && fs.existsSync(arg)) {
|
if ((arg.endsWith('.md') || arg.endsWith('.markdown'))) {
|
||||||
// Open the file in the existing instance
|
const resolvedPath = path.isAbsolute(arg) ? arg : path.resolve(workingDirectory, arg);
|
||||||
if (rendererReady) {
|
console.log('[MAIN] Second instance resolved path:', resolvedPath);
|
||||||
openFileFromPath(arg);
|
if (fs.existsSync(resolvedPath)) {
|
||||||
} else {
|
// Open the file in the existing instance
|
||||||
app.pendingFile = arg;
|
if (rendererReady) {
|
||||||
|
openFileFromPath(resolvedPath);
|
||||||
|
} else {
|
||||||
|
app.pendingFile = resolvedPath;
|
||||||
|
}
|
||||||
|
break;
|
||||||
}
|
}
|
||||||
break;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@@ -199,6 +208,21 @@ function createMenu() {
|
|||||||
click: saveAsFile
|
click: saveAsFile
|
||||||
},
|
},
|
||||||
{ type: 'separator' },
|
{ type: 'separator' },
|
||||||
|
{
|
||||||
|
label: 'Print',
|
||||||
|
submenu: [
|
||||||
|
{
|
||||||
|
label: 'Print Preview',
|
||||||
|
accelerator: 'CmdOrCtrl+P',
|
||||||
|
click: () => mainWindow.webContents.send('print-preview')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'Print Preview (With Styles)',
|
||||||
|
click: () => mainWindow.webContents.send('print-preview-styled')
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{ type: 'separator' },
|
||||||
{
|
{
|
||||||
label: 'Recent Files',
|
label: 'Recent Files',
|
||||||
submenu: buildRecentFilesMenu()
|
submenu: buildRecentFilesMenu()
|
||||||
@@ -215,6 +239,7 @@ function createMenu() {
|
|||||||
{ label: 'HTML', click: () => exportFile('html') },
|
{ label: 'HTML', click: () => exportFile('html') },
|
||||||
{ label: 'PDF', click: () => exportFile('pdf') },
|
{ label: 'PDF', click: () => exportFile('pdf') },
|
||||||
{ label: 'DOCX', click: () => exportFile('docx') },
|
{ label: 'DOCX', click: () => exportFile('docx') },
|
||||||
|
{ label: 'DOCX (Enhanced)', click: () => exportWordWithTemplate(), accelerator: 'Ctrl+Shift+W' },
|
||||||
{ label: 'LaTeX', click: () => exportFile('latex') },
|
{ label: 'LaTeX', click: () => exportFile('latex') },
|
||||||
{ label: 'RTF', click: () => exportFile('rtf') },
|
{ label: 'RTF', click: () => exportFile('rtf') },
|
||||||
{ label: 'ODT', click: () => exportFile('odt') },
|
{ label: 'ODT', click: () => exportFile('odt') },
|
||||||
@@ -227,6 +252,11 @@ function createMenu() {
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
{ type: 'separator' },
|
{ type: 'separator' },
|
||||||
|
{
|
||||||
|
label: 'Select Word Template...',
|
||||||
|
click: selectWordTemplate
|
||||||
|
},
|
||||||
|
{ type: 'separator' },
|
||||||
{
|
{
|
||||||
label: 'Quit',
|
label: 'Quit',
|
||||||
accelerator: process.platform === 'darwin' ? 'Cmd+Q' : 'Ctrl+Q',
|
accelerator: process.platform === 'darwin' ? 'Cmd+Q' : 'Ctrl+Q',
|
||||||
@@ -265,7 +295,7 @@ function createMenu() {
|
|||||||
submenu: [
|
submenu: [
|
||||||
{
|
{
|
||||||
label: 'Toggle Preview',
|
label: 'Toggle Preview',
|
||||||
accelerator: 'CmdOrCtrl+P',
|
accelerator: 'CmdOrCtrl+Shift+P',
|
||||||
click: () => mainWindow.webContents.send('toggle-preview')
|
click: () => mainWindow.webContents.send('toggle-preview')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -445,7 +475,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.7.4\nAuthor: Amit Haridas\nEmail: amit.wh@gmail.com\nLicense: MIT\n\nFeatures:\n• Modern glassmorphism UI with gradient backgrounds\n• Comprehensive PDF Editor (merge, split, compress, rotate, watermark, encrypt)\n• Universal File Converter (LibreOffice, ImageMagick, FFmpeg, Pandoc)\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• 22 beautiful themes (including Dracula, Nord, Tokyo Night, Gruvbox, Ayu, Concrete, and more)\n• Undo/redo functionality\n• Live word count and statistics',
|
detail: 'A cross-platform Markdown editor and converter using Pandoc.\n\nVersion: 1.8.0\nAuthor: Amit Haridas\nEmail: amit.wh@gmail.com\nLicense: MIT\n\nFeatures:\n• Modern glassmorphism UI with gradient backgrounds\n• Comprehensive PDF Editor (merge, split, compress, rotate, watermark, encrypt)\n• Universal File Converter (LibreOffice, ImageMagick, FFmpeg, Pandoc)\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• Enhanced Word export with template support (single file & batch)\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• 22 beautiful themes (including Dracula, Nord, Tokyo Night, Gruvbox, Ayu, Concrete, and more)\n• Undo/redo functionality\n• Live word count and statistics',
|
||||||
buttons: ['OK']
|
buttons: ['OK']
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@@ -511,6 +541,65 @@ function showBatchConversionDialog() {
|
|||||||
mainWindow.webContents.send('show-batch-dialog');
|
mainWindow.webContents.send('show-batch-dialog');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Select Word Template
|
||||||
|
async function selectWordTemplate() {
|
||||||
|
const result = await dialog.showOpenDialog(mainWindow, {
|
||||||
|
title: 'Select Word Template',
|
||||||
|
filters: [{ name: 'Word Document', extensions: ['docx'] }],
|
||||||
|
properties: ['openFile']
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!result.canceled && result.filePaths.length > 0) {
|
||||||
|
wordTemplatePath = result.filePaths[0];
|
||||||
|
store.set('wordTemplatePath', wordTemplatePath);
|
||||||
|
|
||||||
|
dialog.showMessageBox(mainWindow, {
|
||||||
|
type: 'info',
|
||||||
|
title: 'Template Selected',
|
||||||
|
message: 'Word template has been updated',
|
||||||
|
detail: `Template: ${path.basename(wordTemplatePath)}`
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Enhanced Word Export with Template Support
|
||||||
|
async function exportWordWithTemplate() {
|
||||||
|
if (!currentFile) {
|
||||||
|
dialog.showErrorBox('Error', 'Please save the file first');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
// Get markdown content
|
||||||
|
const content = fs.readFileSync(currentFile, 'utf-8');
|
||||||
|
|
||||||
|
// Show dialog for output file
|
||||||
|
const result = await dialog.showSaveDialog(mainWindow, {
|
||||||
|
title: 'Export to Word (Enhanced)',
|
||||||
|
defaultPath: currentFile.replace(/\.md$/, '.docx'),
|
||||||
|
filters: [{ name: 'Word Document', extensions: ['docx'] }]
|
||||||
|
});
|
||||||
|
|
||||||
|
if (result.canceled) return;
|
||||||
|
|
||||||
|
// Create exporter instance with selected template (if any)
|
||||||
|
const exporter = new WordTemplateExporter(wordTemplatePath);
|
||||||
|
|
||||||
|
// Convert markdown to DOCX
|
||||||
|
await exporter.convert(content, result.filePath);
|
||||||
|
|
||||||
|
dialog.showMessageBox(mainWindow, {
|
||||||
|
type: 'info',
|
||||||
|
title: 'Export Successful',
|
||||||
|
message: 'Document exported successfully!',
|
||||||
|
detail: `Saved to: ${result.filePath}`
|
||||||
|
});
|
||||||
|
|
||||||
|
} catch (error) {
|
||||||
|
dialog.showErrorBox('Export Error', `Failed to export document: ${error.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Universal File Converter integration
|
// Universal File Converter integration
|
||||||
function showUniversalConverterDialog() {
|
function showUniversalConverterDialog() {
|
||||||
mainWindow.webContents.send('show-universal-converter-dialog');
|
mainWindow.webContents.send('show-universal-converter-dialog');
|
||||||
@@ -769,20 +858,17 @@ function performExportWithOptions(format, options) {
|
|||||||
|
|
||||||
function tryPdfFallback(inputFile, outputFile, engines, index, options, lastError) {
|
function tryPdfFallback(inputFile, outputFile, engines, index, options, lastError) {
|
||||||
if (index >= engines.length) {
|
if (index >= engines.length) {
|
||||||
dialog.showErrorBox('PDF Export Error',
|
// All Pandoc PDF engines failed, fallback to Electron's built-in PDF export
|
||||||
`Failed to export PDF with all available engines. Please ensure you have one of the following installed:\n` +
|
console.log('All Pandoc PDF engines failed, falling back to Electron PDF export');
|
||||||
`• XeLaTeX (recommended): sudo apt-get install texlive-xetex\n` +
|
exportToPDFElectron(outputFile);
|
||||||
`• PDFLaTeX: sudo apt-get install texlive-latex-base\n` +
|
|
||||||
`• LuaLaTeX: sudo apt-get install texlive-luatex\n\n` +
|
|
||||||
`Last error: ${lastError.message}`
|
|
||||||
);
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const engine = engines[index];
|
const engine = engines[index];
|
||||||
let pandocCmd = `${getPandocPath()} "${inputFile}" --pdf-engine=${engine} -V geometry:${geometry} -o "${outputFile}"`;
|
let pandocCmd = `${getPandocPath()} "${inputFile}" --pdf-engine=${engine} -o "${outputFile}"`;
|
||||||
|
|
||||||
if (options.geometry) pandocCmd += ` -V geometry:"${options.geometry}"`;
|
// Add geometry if specified
|
||||||
|
if (options.geometry) pandocCmd = pandocCmd.replace(` -o `, ` -V geometry:"${options.geometry}" -o `);
|
||||||
|
|
||||||
// Add all other options
|
// Add all other options
|
||||||
if (options.template && options.template !== 'default') {
|
if (options.template && options.template !== 'default') {
|
||||||
@@ -1142,7 +1228,7 @@ ipcMain.on('save-current-file', (event, content) => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
ipcMain.on('get-theme', (event) => {
|
ipcMain.on('get-theme', (event) => {
|
||||||
const theme = store.get('theme', 'light');
|
const theme = store.get('theme', 'github');
|
||||||
event.reply('theme-changed', theme);
|
event.reply('theme-changed', theme);
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -1151,10 +1237,36 @@ ipcMain.on('set-current-file', (event, filePath) => {
|
|||||||
currentFile = filePath;
|
currentFile = filePath;
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Handle actual printing when renderer is ready
|
||||||
|
ipcMain.on('do-print', (event, { withStyles }) => {
|
||||||
|
if (mainWindow) {
|
||||||
|
// Renderer has already hidden UI, waited 300ms, and prepared the page
|
||||||
|
// Print immediately - DOM is fully rendered
|
||||||
|
mainWindow.webContents.print({
|
||||||
|
silent: false,
|
||||||
|
printBackground: withStyles,
|
||||||
|
color: true,
|
||||||
|
margin: { marginType: 'default' }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
// Handle renderer ready for file association
|
// Handle renderer ready for file association
|
||||||
ipcMain.on('renderer-ready', (event) => {
|
ipcMain.on('renderer-ready', (event) => {
|
||||||
|
console.log('[MAIN] renderer-ready received, rendererReady was:', rendererReady);
|
||||||
|
if (mainWindow) {
|
||||||
|
mainWindow.webContents.executeJavaScript(`console.log('[MAIN->RENDERER] renderer-ready received, rendererReady was: ${rendererReady}')`);
|
||||||
|
}
|
||||||
rendererReady = true;
|
rendererReady = true;
|
||||||
|
console.log('[MAIN] app.pendingFile:', app.pendingFile);
|
||||||
|
if (mainWindow) {
|
||||||
|
mainWindow.webContents.executeJavaScript(`console.log('[MAIN->RENDERER] app.pendingFile: ${app.pendingFile}')`);
|
||||||
|
}
|
||||||
if (app.pendingFile) {
|
if (app.pendingFile) {
|
||||||
|
console.log('[MAIN] Opening pending file:', app.pendingFile);
|
||||||
|
if (mainWindow) {
|
||||||
|
mainWindow.webContents.executeJavaScript(`console.log('[MAIN->RENDERER] Opening pending file: ${app.pendingFile}')`);
|
||||||
|
}
|
||||||
openFileFromPath(app.pendingFile);
|
openFileFromPath(app.pendingFile);
|
||||||
app.pendingFile = null;
|
app.pendingFile = null;
|
||||||
}
|
}
|
||||||
@@ -1320,7 +1432,7 @@ function performBatchConversion(inputFolder, outputFolder, format, options) {
|
|||||||
const totalCount = markdownFiles.length;
|
const totalCount = markdownFiles.length;
|
||||||
|
|
||||||
// Process each file
|
// Process each file
|
||||||
const processNextFile = (index) => {
|
const processNextFile = async (index) => {
|
||||||
if (index >= markdownFiles.length) {
|
if (index >= markdownFiles.length) {
|
||||||
// All files processed
|
// All files processed
|
||||||
dialog.showMessageBox(mainWindow, {
|
dialog.showMessageBox(mainWindow, {
|
||||||
@@ -1335,7 +1447,8 @@ function performBatchConversion(inputFolder, outputFolder, format, options) {
|
|||||||
const inputFile = markdownFiles[index];
|
const inputFile = markdownFiles[index];
|
||||||
const relativePath = path.relative(inputFolder, inputFile);
|
const relativePath = path.relative(inputFolder, inputFile);
|
||||||
const baseName = path.basename(relativePath, path.extname(relativePath));
|
const baseName = path.basename(relativePath, path.extname(relativePath));
|
||||||
const outputFile = path.join(outputFolder, relativePath.replace(/\.(md|markdown)$/i, `.${format}`));
|
const outputExtension = format === 'docx-enhanced' ? 'docx' : format;
|
||||||
|
const outputFile = path.join(outputFolder, relativePath.replace(/\.(md|markdown)$/i, `.${outputExtension}`));
|
||||||
|
|
||||||
// Create subdirectories in output folder if needed
|
// Create subdirectories in output folder if needed
|
||||||
const outputDir = path.dirname(outputFile);
|
const outputDir = path.dirname(outputFile);
|
||||||
@@ -1343,7 +1456,41 @@ function performBatchConversion(inputFolder, outputFolder, format, options) {
|
|||||||
fs.mkdirSync(outputDir, { recursive: true });
|
fs.mkdirSync(outputDir, { recursive: true });
|
||||||
}
|
}
|
||||||
|
|
||||||
// Build pandoc command
|
// Handle DOCX Enhanced format with WordTemplateExporter
|
||||||
|
if (format === 'docx-enhanced') {
|
||||||
|
try {
|
||||||
|
const content = fs.readFileSync(inputFile, 'utf-8');
|
||||||
|
const exporter = new WordTemplateExporter(wordTemplatePath);
|
||||||
|
await exporter.convert(content, outputFile);
|
||||||
|
|
||||||
|
completedCount++;
|
||||||
|
|
||||||
|
// Update progress
|
||||||
|
mainWindow.webContents.send('batch-progress', {
|
||||||
|
completed: index + 1,
|
||||||
|
total: totalCount,
|
||||||
|
currentFile: path.basename(inputFile),
|
||||||
|
success: true
|
||||||
|
});
|
||||||
|
|
||||||
|
// Process next file
|
||||||
|
processNextFile(index + 1);
|
||||||
|
} catch (error) {
|
||||||
|
// Update progress with error
|
||||||
|
mainWindow.webContents.send('batch-progress', {
|
||||||
|
completed: index + 1,
|
||||||
|
total: totalCount,
|
||||||
|
currentFile: path.basename(inputFile),
|
||||||
|
success: false
|
||||||
|
});
|
||||||
|
|
||||||
|
// Process next file even if this one failed
|
||||||
|
processNextFile(index + 1);
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Build pandoc command for other formats
|
||||||
let pandocCmd = `${getPandocPath()} "${inputFile}" -o "${outputFile}"`;
|
let pandocCmd = `${getPandocPath()} "${inputFile}" -o "${outputFile}"`;
|
||||||
|
|
||||||
// Add template if specified
|
// Add template if specified
|
||||||
@@ -1545,25 +1692,48 @@ function buildPandocCommand(content, format, outputPath) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
app.whenReady().then(() => {
|
app.whenReady().then(() => {
|
||||||
|
// Load saved Word template path
|
||||||
|
wordTemplatePath = store.get('wordTemplatePath', null);
|
||||||
|
|
||||||
// Check for command line conversion requests
|
// Check for command line conversion requests
|
||||||
const args = process.argv.slice(2);
|
const args = process.argv.slice(2);
|
||||||
if (args.length >= 2 && (args[0] === '--convert' || args[0] === '--convert-to')) {
|
if (args.length >= 2 && (args[0] === '--convert' || args[0] === '--convert-to')) {
|
||||||
handleCLIConversion(args);
|
handleCLIConversion(args);
|
||||||
return; // Don't create window for CLI operations
|
return; // Don't create window for CLI operations
|
||||||
}
|
}
|
||||||
|
|
||||||
createWindow();
|
createWindow();
|
||||||
|
|
||||||
// Handle file association on app startup
|
// Handle file association on app startup
|
||||||
// Process all command line arguments except the first two (node and script path)
|
// In packaged apps, process.argv structure is different:
|
||||||
const fileArgs = process.argv.slice(2);
|
// Development: ['electron', 'app.js', 'file.md'] - need slice(2)
|
||||||
|
// Packaged: ['PanConverter.exe', 'file.md'] - need slice(1)
|
||||||
|
// We'll check all arguments after the executable
|
||||||
|
console.log('[MAIN] Full command line args:', JSON.stringify(process.argv));
|
||||||
|
console.log('[MAIN] App is packaged:', app.isPackaged);
|
||||||
|
|
||||||
|
// Start from index 1 (skip executable) and check each argument
|
||||||
|
const startIndex = app.isPackaged ? 1 : 2;
|
||||||
|
const fileArgs = process.argv.slice(startIndex);
|
||||||
|
console.log('[MAIN] File args to process (starting from index', startIndex + '):', fileArgs);
|
||||||
|
|
||||||
for (const arg of fileArgs) {
|
for (const arg of fileArgs) {
|
||||||
if ((arg.endsWith('.md') || arg.endsWith('.markdown')) && fs.existsSync(arg)) {
|
console.log('[MAIN] Checking arg:', arg);
|
||||||
// Store the file to open after window is ready
|
if ((arg.endsWith('.md') || arg.endsWith('.markdown'))) {
|
||||||
app.pendingFile = arg;
|
// Try to resolve the path (might be relative)
|
||||||
break;
|
const resolvedPath = path.isAbsolute(arg) ? arg : path.resolve(process.cwd(), arg);
|
||||||
|
console.log('[MAIN] Resolved path:', resolvedPath);
|
||||||
|
if (fs.existsSync(resolvedPath)) {
|
||||||
|
// Store the file to open after window is ready
|
||||||
|
console.log('[MAIN] Setting pendingFile to:', resolvedPath);
|
||||||
|
app.pendingFile = resolvedPath;
|
||||||
|
break;
|
||||||
|
} else {
|
||||||
|
console.log('[MAIN] File does not exist:', resolvedPath);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
console.log('[MAIN] Final app.pendingFile:', app.pendingFile);
|
||||||
});
|
});
|
||||||
|
|
||||||
app.on('window-all-closed', () => {
|
app.on('window-all-closed', () => {
|
||||||
@@ -1615,15 +1785,23 @@ app.on('open-file', (event, filePath) => {
|
|||||||
|
|
||||||
// Handle file opening from command line or file association
|
// Handle file opening from command line or file association
|
||||||
function openFileFromPath(filePath) {
|
function openFileFromPath(filePath) {
|
||||||
|
console.log('[MAIN] openFileFromPath called with:', filePath);
|
||||||
|
console.log('[MAIN] rendererReady:', rendererReady, 'mainWindow exists:', !!mainWindow);
|
||||||
if (fs.existsSync(filePath)) {
|
if (fs.existsSync(filePath)) {
|
||||||
currentFile = filePath;
|
currentFile = filePath;
|
||||||
const content = fs.readFileSync(filePath, 'utf-8');
|
const content = fs.readFileSync(filePath, 'utf-8');
|
||||||
|
console.log('[MAIN] File read successfully, content length:', content.length);
|
||||||
if (mainWindow && mainWindow.webContents && rendererReady) {
|
if (mainWindow && mainWindow.webContents && rendererReady) {
|
||||||
|
// Send file immediately - renderer-ready means UI is initialized
|
||||||
|
console.log('[MAIN] Sending file-opened to renderer');
|
||||||
mainWindow.webContents.send('file-opened', { path: filePath, content });
|
mainWindow.webContents.send('file-opened', { path: filePath, content });
|
||||||
} else {
|
} else {
|
||||||
// Store file to open after renderer is ready
|
// Store file to open after renderer is ready
|
||||||
|
console.log('[MAIN] Storing as pending file');
|
||||||
app.pendingFile = filePath;
|
app.pendingFile = filePath;
|
||||||
}
|
}
|
||||||
|
} else {
|
||||||
|
console.error('[MAIN] File does not exist:', filePath);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -964,10 +964,13 @@ class TabManager {
|
|||||||
tab.originalContent = content;
|
tab.originalContent = content;
|
||||||
tab.isDirty = false;
|
tab.isDirty = false;
|
||||||
|
|
||||||
// Update the editor immediately
|
// Update the editor and preview
|
||||||
const editor = document.getElementById(`editor-${this.activeTabId}`);
|
const editor = document.getElementById(`editor-${this.activeTabId}`);
|
||||||
if (editor) {
|
if (editor) {
|
||||||
editor.value = content;
|
editor.value = content;
|
||||||
|
// Update preview after editor is updated
|
||||||
|
this.updatePreview(this.activeTabId);
|
||||||
|
this.updateWordCount();
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// Create new tab for the file
|
// Create new tab for the file
|
||||||
@@ -990,9 +993,6 @@ class TabManager {
|
|||||||
}
|
}
|
||||||
}, 50);
|
}, 50);
|
||||||
}
|
}
|
||||||
|
|
||||||
this.updatePreview(this.activeTabId);
|
|
||||||
this.updateWordCount();
|
|
||||||
this.startAutoSave();
|
this.startAutoSave();
|
||||||
this.addToRecentFiles(filePath);
|
this.addToRecentFiles(filePath);
|
||||||
this.updateTabBar();
|
this.updateTabBar();
|
||||||
@@ -1042,8 +1042,12 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||||||
// Request current theme
|
// Request current theme
|
||||||
ipcRenderer.send('get-theme');
|
ipcRenderer.send('get-theme');
|
||||||
|
|
||||||
// Signal that renderer is ready for file operations
|
// Also send renderer-ready immediately as backup
|
||||||
ipcRenderer.send('renderer-ready');
|
// This ensures we don't get stuck waiting for theme-changed
|
||||||
|
setTimeout(() => {
|
||||||
|
console.log('Backup renderer-ready timeout triggered');
|
||||||
|
ipcRenderer.send('renderer-ready');
|
||||||
|
}, 100);
|
||||||
|
|
||||||
// Set up auto-save interval
|
// Set up auto-save interval
|
||||||
setInterval(() => {
|
setInterval(() => {
|
||||||
@@ -1062,8 +1066,11 @@ ipcRenderer.on('file-new', () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
ipcRenderer.on('file-opened', (event, data) => {
|
ipcRenderer.on('file-opened', (event, data) => {
|
||||||
|
console.log('[RENDERER] file-opened received:', data.path, 'content length:', data.content.length);
|
||||||
if (tabManager) {
|
if (tabManager) {
|
||||||
tabManager.openFile(data.path, data.content);
|
tabManager.openFile(data.path, data.content);
|
||||||
|
} else {
|
||||||
|
console.error('[RENDERER] tabManager not initialized!');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -1101,7 +1108,15 @@ ipcRenderer.on('toggle-find', () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
ipcRenderer.on('theme-changed', (event, theme) => {
|
ipcRenderer.on('theme-changed', (event, theme) => {
|
||||||
|
console.log('[RENDERER] Theme changed to:', theme);
|
||||||
document.body.className = `theme-${theme}`;
|
document.body.className = `theme-${theme}`;
|
||||||
|
|
||||||
|
// After theme is applied, wait for next frame then signal renderer is ready
|
||||||
|
// This ensures complete UI initialization before files are opened
|
||||||
|
requestAnimationFrame(() => {
|
||||||
|
console.log('[RENDERER] Sending renderer-ready from theme-changed');
|
||||||
|
ipcRenderer.send('renderer-ready');
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
// Undo/Redo handlers
|
// Undo/Redo handlers
|
||||||
@@ -1149,6 +1164,117 @@ ipcRenderer.on('adjust-font-size', (event, action) => {
|
|||||||
updateFontSizes(currentFontSize);
|
updateFontSizes(currentFontSize);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Print preview request handlers - handle printing directly
|
||||||
|
ipcRenderer.on('print-preview', () => {
|
||||||
|
console.log('[RENDERER] print-preview received');
|
||||||
|
handlePrintPreview(false);
|
||||||
|
});
|
||||||
|
|
||||||
|
ipcRenderer.on('print-preview-styled', () => {
|
||||||
|
console.log('[RENDERER] print-preview-styled received');
|
||||||
|
handlePrintPreview(true);
|
||||||
|
});
|
||||||
|
|
||||||
|
function handlePrintPreview(withStyles) {
|
||||||
|
const activeTabId = tabManager ? tabManager.activeTabId : 1;
|
||||||
|
const previewContent = document.getElementById(`preview-${activeTabId}`);
|
||||||
|
|
||||||
|
if (!previewContent || !previewContent.innerHTML.trim()) {
|
||||||
|
alert('Nothing to print. Please create or open a document and ensure the preview is visible.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Store original display values for restoration
|
||||||
|
const elementsToHide = [];
|
||||||
|
|
||||||
|
// Hide toolbar
|
||||||
|
const toolbar = document.querySelector('.toolbar');
|
||||||
|
if (toolbar) {
|
||||||
|
elementsToHide.push({ elem: toolbar, display: toolbar.style.display });
|
||||||
|
toolbar.style.display = 'none';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Hide tab bar
|
||||||
|
const tabBar = document.querySelector('.tab-bar');
|
||||||
|
if (tabBar) {
|
||||||
|
elementsToHide.push({ elem: tabBar, display: tabBar.style.display });
|
||||||
|
tabBar.style.display = 'none';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Hide status bar
|
||||||
|
const statusBar = document.querySelector('.status-bar');
|
||||||
|
if (statusBar) {
|
||||||
|
elementsToHide.push({ elem: statusBar, display: statusBar.style.display });
|
||||||
|
statusBar.style.display = 'none';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Hide editor pane
|
||||||
|
const editorPane = document.getElementById(`editor-pane-${activeTabId}`);
|
||||||
|
if (editorPane) {
|
||||||
|
elementsToHide.push({ elem: editorPane, display: editorPane.style.display });
|
||||||
|
editorPane.style.display = 'none';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Hide all dialogs
|
||||||
|
const dialogs = document.querySelectorAll('.dialog, .modal-overlay');
|
||||||
|
dialogs.forEach(dialog => {
|
||||||
|
elementsToHide.push({ elem: dialog, display: dialog.style.display });
|
||||||
|
dialog.style.display = 'none';
|
||||||
|
});
|
||||||
|
|
||||||
|
// Make preview pane full width
|
||||||
|
const previewPane = document.getElementById(`preview-pane-${activeTabId}`);
|
||||||
|
let originalPreviewStyles = {};
|
||||||
|
if (previewPane) {
|
||||||
|
originalPreviewStyles = {
|
||||||
|
position: previewPane.style.position,
|
||||||
|
top: previewPane.style.top,
|
||||||
|
left: previewPane.style.left,
|
||||||
|
width: previewPane.style.width,
|
||||||
|
height: previewPane.style.height,
|
||||||
|
margin: previewPane.style.margin,
|
||||||
|
padding: previewPane.style.padding
|
||||||
|
};
|
||||||
|
previewPane.style.position = 'absolute';
|
||||||
|
previewPane.style.top = '0';
|
||||||
|
previewPane.style.left = '0';
|
||||||
|
previewPane.style.width = '100%';
|
||||||
|
previewPane.style.height = 'auto';
|
||||||
|
previewPane.style.margin = '0';
|
||||||
|
previewPane.style.padding = '20px';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Apply no-styles if needed
|
||||||
|
if (!withStyles && previewContent) {
|
||||||
|
previewContent.style.color = '#000';
|
||||||
|
previewContent.style.background = '#fff';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Wait for DOM updates then print
|
||||||
|
setTimeout(() => {
|
||||||
|
ipcRenderer.send('do-print', { withStyles });
|
||||||
|
|
||||||
|
// Restore everything after print dialog opens
|
||||||
|
setTimeout(() => {
|
||||||
|
// Restore hidden elements
|
||||||
|
elementsToHide.forEach(({ elem, display }) => {
|
||||||
|
elem.style.display = display;
|
||||||
|
});
|
||||||
|
|
||||||
|
// Restore preview pane styles
|
||||||
|
if (previewPane) {
|
||||||
|
Object.assign(previewPane.style, originalPreviewStyles);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Restore preview content styles
|
||||||
|
if (!withStyles && previewContent) {
|
||||||
|
previewContent.style.color = '';
|
||||||
|
previewContent.style.background = '';
|
||||||
|
}
|
||||||
|
}, 500);
|
||||||
|
}, 200);
|
||||||
|
}
|
||||||
|
|
||||||
// Export Dialog functionality
|
// Export Dialog functionality
|
||||||
let currentExportFormat = null;
|
let currentExportFormat = null;
|
||||||
|
|
||||||
|
|||||||
@@ -2823,4 +2823,201 @@ body.theme-concrete-warm .status-bar {
|
|||||||
background: #3a3836;
|
background: #3a3836;
|
||||||
border-top-color: #9a9696;
|
border-top-color: #9a9696;
|
||||||
color: #e3e3e3;
|
color: #e3e3e3;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Print Styles */
|
||||||
|
@media print {
|
||||||
|
/* Hide UI elements for clean print output */
|
||||||
|
#toolbar,
|
||||||
|
#tab-bar,
|
||||||
|
#editor-container,
|
||||||
|
.editor-container,
|
||||||
|
#status-bar,
|
||||||
|
.status-bar,
|
||||||
|
.editor-pane,
|
||||||
|
[id^="editor-pane-"] {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Show preview in full width */
|
||||||
|
#preview,
|
||||||
|
.preview,
|
||||||
|
.preview-content,
|
||||||
|
[id^="preview-"],
|
||||||
|
[id^="preview-pane-"],
|
||||||
|
.tab-content {
|
||||||
|
display: block !important;
|
||||||
|
width: 100% !important;
|
||||||
|
max-width: 100% !important;
|
||||||
|
height: auto !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
padding: 20px !important;
|
||||||
|
overflow: visible !important;
|
||||||
|
position: static !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Optimize preview content for printing */
|
||||||
|
.preview-content,
|
||||||
|
[id^="preview-"] {
|
||||||
|
line-height: 1.6;
|
||||||
|
font-size: 12pt;
|
||||||
|
color: #000 !important;
|
||||||
|
background: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Text formatting */
|
||||||
|
.preview-content h1,
|
||||||
|
.preview-content h2,
|
||||||
|
.preview-content h3,
|
||||||
|
.preview-content h4,
|
||||||
|
.preview-content h5,
|
||||||
|
.preview-content h6 {
|
||||||
|
page-break-after: avoid;
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview-content p {
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
page-break-inside: avoid;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Code blocks */
|
||||||
|
.preview-content pre {
|
||||||
|
background: #f5f5f5 !important;
|
||||||
|
border: 1px solid #ddd !important;
|
||||||
|
page-break-inside: avoid;
|
||||||
|
padding: 10px;
|
||||||
|
font-size: 10pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview-content code {
|
||||||
|
background: #f5f5f5 !important;
|
||||||
|
color: #000 !important;
|
||||||
|
font-size: 10pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Lists */
|
||||||
|
.preview-content ul,
|
||||||
|
.preview-content ol {
|
||||||
|
margin-left: 20px;
|
||||||
|
page-break-inside: avoid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview-content li {
|
||||||
|
page-break-inside: avoid;
|
||||||
|
margin-bottom: 0.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tables */
|
||||||
|
.preview-content table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
page-break-inside: avoid;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview-content th,
|
||||||
|
.preview-content td {
|
||||||
|
border: 1px solid #999 !important;
|
||||||
|
padding: 8px !important;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview-content th {
|
||||||
|
background: #f0f0f0 !important;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Links - remove underline for print */
|
||||||
|
.preview-content a {
|
||||||
|
color: #000 !important;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Blockquotes */
|
||||||
|
.preview-content blockquote {
|
||||||
|
border-left: 3px solid #ccc;
|
||||||
|
padding-left: 15px;
|
||||||
|
margin-left: 0;
|
||||||
|
color: #333 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Images */
|
||||||
|
.preview-content img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
page-break-inside: avoid;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Horizontal rules */
|
||||||
|
.preview-content hr {
|
||||||
|
border: none;
|
||||||
|
border-top: 1px solid #999;
|
||||||
|
margin: 1em 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Print mode classes */
|
||||||
|
.print-mode {
|
||||||
|
display: block !important;
|
||||||
|
width: 100% !important;
|
||||||
|
max-width: 100% !important;
|
||||||
|
position: fixed !important;
|
||||||
|
top: 0 !important;
|
||||||
|
left: 0 !important;
|
||||||
|
z-index: 9999 !important;
|
||||||
|
background: white !important;
|
||||||
|
padding: 20px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Ensure preview panes are visible in print mode */
|
||||||
|
#preview-pane-1, #preview-pane-2, #preview-pane-3, #preview-pane-4, #preview-pane-5 {
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* No-styles printing mode */
|
||||||
|
body.printing-no-styles .preview-content,
|
||||||
|
body.printing-no-styles [id^="preview-"],
|
||||||
|
.print-no-styles .preview-content {
|
||||||
|
color: #000 !important;
|
||||||
|
background: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.printing-no-styles .preview-content h1,
|
||||||
|
body.printing-no-styles .preview-content h2,
|
||||||
|
body.printing-no-styles .preview-content h3,
|
||||||
|
body.printing-no-styles .preview-content h4,
|
||||||
|
body.printing-no-styles .preview-content h5,
|
||||||
|
body.printing-no-styles .preview-content h6,
|
||||||
|
.print-no-styles .preview-content h1,
|
||||||
|
.print-no-styles .preview-content h2,
|
||||||
|
.print-no-styles .preview-content h3,
|
||||||
|
.print-no-styles .preview-content h4,
|
||||||
|
.print-no-styles .preview-content h5,
|
||||||
|
.print-no-styles .preview-content h6 {
|
||||||
|
color: #000 !important;
|
||||||
|
border-color: #999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.printing-no-styles .preview-content code,
|
||||||
|
.print-no-styles .preview-content code {
|
||||||
|
background: #f5f5f5 !important;
|
||||||
|
color: #000 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.printing-no-styles .preview-content pre,
|
||||||
|
.print-no-styles .preview-content pre {
|
||||||
|
background: #f5f5f5 !important;
|
||||||
|
color: #000 !important;
|
||||||
|
border-color: #999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.print-no-styles .preview-content a {
|
||||||
|
color: #000 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.print-no-styles .preview-content blockquote {
|
||||||
|
color: #333 !important;
|
||||||
|
border-color: #999 !important;
|
||||||
}
|
}
|
||||||
@@ -0,0 +1,618 @@
|
|||||||
|
/**
|
||||||
|
* Word Template Exporter
|
||||||
|
* Loads word_template.docx, preserves first 2 pages (cover + TOC),
|
||||||
|
* and adds markdown content starting from page 3 using template styles
|
||||||
|
*/
|
||||||
|
|
||||||
|
const fs = require('fs');
|
||||||
|
const path = require('path');
|
||||||
|
const PizZip = require('pizzip');
|
||||||
|
const Docx = require('docx4js').default;
|
||||||
|
|
||||||
|
class WordTemplateExporter {
|
||||||
|
constructor(templatePath) {
|
||||||
|
this.templatePath = templatePath || path.join(__dirname, '../word_template.docx');
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Convert markdown to Word document using template
|
||||||
|
*/
|
||||||
|
async convert(markdownContent, outputPath) {
|
||||||
|
try {
|
||||||
|
// Load template
|
||||||
|
const templateBuffer = fs.readFileSync(this.templatePath);
|
||||||
|
const zip = new PizZip(templateBuffer);
|
||||||
|
|
||||||
|
// Extract document.xml
|
||||||
|
const documentXml = zip.file('word/document.xml').asText();
|
||||||
|
|
||||||
|
// Parse markdown and generate Word XML
|
||||||
|
const newContentXml = this.markdownToWordXml(markdownContent);
|
||||||
|
|
||||||
|
// Insert new content after page 2 (after the section break)
|
||||||
|
const modifiedXml = this.insertContentAfterPage2(documentXml, newContentXml);
|
||||||
|
|
||||||
|
// Update the zip with modified XML
|
||||||
|
zip.file('word/document.xml', modifiedXml);
|
||||||
|
|
||||||
|
// Generate and save the new document
|
||||||
|
const newDocBuffer = zip.generate({ type: 'nodebuffer' });
|
||||||
|
fs.writeFileSync(outputPath, newDocBuffer);
|
||||||
|
|
||||||
|
return outputPath;
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error in Word export:', error);
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Insert markdown content after page 2 in the document
|
||||||
|
*/
|
||||||
|
insertContentAfterPage2(documentXml, newContentXml) {
|
||||||
|
// Find the last section break (after page 2)
|
||||||
|
// Look for the section properties tag that marks page breaks
|
||||||
|
const sectionBreakRegex = /<w:sectPr[^>]*>[\s\S]*?<\/w:sectPr>/g;
|
||||||
|
const matches = [...documentXml.matchAll(sectionBreakRegex)];
|
||||||
|
|
||||||
|
if (matches.length >= 2) {
|
||||||
|
// Insert after the 2nd section break
|
||||||
|
const insertPoint = matches[1].index + matches[1][0].length;
|
||||||
|
return documentXml.slice(0, insertPoint) + newContentXml + documentXml.slice(insertPoint);
|
||||||
|
} else {
|
||||||
|
// If no section breaks found, insert before closing body tag
|
||||||
|
return documentXml.replace('</w:body>', newContentXml + '</w:body>');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Convert markdown to Word XML format
|
||||||
|
*/
|
||||||
|
markdownToWordXml(markdown) {
|
||||||
|
const lines = markdown.split('\n');
|
||||||
|
let xml = '';
|
||||||
|
let inCodeBlock = false;
|
||||||
|
let codeLines = [];
|
||||||
|
|
||||||
|
for (let i = 0; i < lines.length; i++) {
|
||||||
|
const line = lines[i];
|
||||||
|
|
||||||
|
// Handle code blocks
|
||||||
|
if (line.trim().startsWith('```')) {
|
||||||
|
if (inCodeBlock) {
|
||||||
|
// End code block
|
||||||
|
xml += this.createCodeBlockXml(codeLines.join('\n'));
|
||||||
|
codeLines = [];
|
||||||
|
inCodeBlock = false;
|
||||||
|
} else {
|
||||||
|
inCodeBlock = true;
|
||||||
|
}
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (inCodeBlock) {
|
||||||
|
codeLines.push(line);
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Empty lines
|
||||||
|
if (!line.trim()) {
|
||||||
|
xml += '<w:p><w:pPr></w:pPr></w:p>';
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Tables - detect table lines
|
||||||
|
if (line.includes('|') && line.trim().startsWith('|')) {
|
||||||
|
const tableLines = [line];
|
||||||
|
i++;
|
||||||
|
// Collect all consecutive table lines
|
||||||
|
while (i < lines.length && lines[i].includes('|')) {
|
||||||
|
tableLines.push(lines[i]);
|
||||||
|
i++;
|
||||||
|
}
|
||||||
|
i--; // Back up one line
|
||||||
|
xml += this.createTableXml(tableLines);
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ASCII flowcharts/diagrams - detect box drawing characters
|
||||||
|
if (this.isAsciiArt(line)) {
|
||||||
|
const asciiLines = [line];
|
||||||
|
i++;
|
||||||
|
// Collect all consecutive ASCII art lines
|
||||||
|
while (i < lines.length && (this.isAsciiArt(lines[i]) || !lines[i].trim())) {
|
||||||
|
asciiLines.push(lines[i]);
|
||||||
|
i++;
|
||||||
|
if (i < lines.length && lines[i].trim() && !this.isAsciiArt(lines[i])) {
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
i--; // Back up one line
|
||||||
|
xml += this.createAsciiArtXml(asciiLines.join('\n'));
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Headings - strip markdown numbering
|
||||||
|
if (line.trim().startsWith('#')) {
|
||||||
|
const level = (line.match(/^#+/) || [''])[0].length;
|
||||||
|
let text = line.replace(/^#+\s*/, '').trim();
|
||||||
|
// Remove markdown numbering like "1.1 Title" -> "Title"
|
||||||
|
text = text.replace(/^\d+(\.\d+)*\.?\s+/, '');
|
||||||
|
xml += this.createHeadingXml(text, level);
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Blockquotes
|
||||||
|
if (line.trim().startsWith('>')) {
|
||||||
|
const text = line.replace(/^>\s*/, '').trim();
|
||||||
|
xml += this.createQuoteXml(text);
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Ordered lists - strip markdown numbering, use template numbering
|
||||||
|
if (/^\s*\d+\.\s+/.test(line)) {
|
||||||
|
const text = line.replace(/^\s*\d+\.\s+/, '');
|
||||||
|
xml += this.createListItemXml(text, true);
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Unordered lists
|
||||||
|
if (/^\s*[-*+]\s+/.test(line)) {
|
||||||
|
const text = line.replace(/^\s*[-*+]\s+/, '');
|
||||||
|
xml += this.createListItemXml(text, false);
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Horizontal rule
|
||||||
|
if (/^[-*_]{3,}$/.test(line.trim())) {
|
||||||
|
xml += this.createHorizontalRuleXml();
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Normal paragraph
|
||||||
|
xml += this.createParagraphXml(line);
|
||||||
|
}
|
||||||
|
|
||||||
|
return xml;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create heading XML using template styles
|
||||||
|
*/
|
||||||
|
createHeadingXml(text, level) {
|
||||||
|
const styleName = `Heading${level}`;
|
||||||
|
const runs = this.parseInlineFormatting(text);
|
||||||
|
|
||||||
|
return `<w:p>
|
||||||
|
<w:pPr>
|
||||||
|
<w:pStyle w:val="${styleName}"/>
|
||||||
|
</w:pPr>
|
||||||
|
${runs}
|
||||||
|
</w:p>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create paragraph XML with Normal style
|
||||||
|
*/
|
||||||
|
createParagraphXml(text) {
|
||||||
|
const runs = this.parseInlineFormatting(text);
|
||||||
|
|
||||||
|
return `<w:p>
|
||||||
|
<w:pPr>
|
||||||
|
<w:pStyle w:val="Normal"/>
|
||||||
|
</w:pPr>
|
||||||
|
${runs}
|
||||||
|
</w:p>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create quote XML
|
||||||
|
*/
|
||||||
|
createQuoteXml(text) {
|
||||||
|
const runs = this.parseInlineFormatting(text);
|
||||||
|
|
||||||
|
return `<w:p>
|
||||||
|
<w:pPr>
|
||||||
|
<w:pStyle w:val="Quote"/>
|
||||||
|
</w:pPr>
|
||||||
|
${runs}
|
||||||
|
</w:p>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create list item XML using template numbering
|
||||||
|
*/
|
||||||
|
createListItemXml(text, numbered) {
|
||||||
|
const runs = this.parseInlineFormatting(text);
|
||||||
|
const numId = numbered ? '1' : '2'; // Template numbering IDs
|
||||||
|
|
||||||
|
return `<w:p>
|
||||||
|
<w:pPr>
|
||||||
|
<w:pStyle w:val="${numbered ? 'ListNumber' : 'ListBullet'}"/>
|
||||||
|
<w:numPr>
|
||||||
|
<w:ilvl w:val="0"/>
|
||||||
|
<w:numId w:val="${numId}"/>
|
||||||
|
</w:numPr>
|
||||||
|
</w:pPr>
|
||||||
|
${runs}
|
||||||
|
</w:p>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create code block XML
|
||||||
|
*/
|
||||||
|
createCodeBlockXml(code) {
|
||||||
|
const escapedCode = this.escapeXml(code);
|
||||||
|
|
||||||
|
return `<w:p>
|
||||||
|
<w:pPr>
|
||||||
|
<w:pStyle w:val="Code"/>
|
||||||
|
</w:pPr>
|
||||||
|
<w:r>
|
||||||
|
<w:rPr>
|
||||||
|
<w:rFonts w:ascii="Consolas" w:hAnsi="Consolas"/>
|
||||||
|
<w:sz w:val="18"/>
|
||||||
|
</w:rPr>
|
||||||
|
<w:t xml:space="preserve">${escapedCode}</w:t>
|
||||||
|
</w:r>
|
||||||
|
</w:p>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create horizontal rule XML
|
||||||
|
*/
|
||||||
|
createHorizontalRuleXml() {
|
||||||
|
return `<w:p>
|
||||||
|
<w:pPr>
|
||||||
|
<w:pBdr>
|
||||||
|
<w:bottom w:val="single" w:sz="6" w:space="1" w:color="auto"/>
|
||||||
|
</w:pBdr>
|
||||||
|
</w:pPr>
|
||||||
|
</w:p>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create table XML from markdown table lines with template styling
|
||||||
|
*/
|
||||||
|
createTableXml(tableLines) {
|
||||||
|
// Parse table
|
||||||
|
const rows = [];
|
||||||
|
for (const line of tableLines) {
|
||||||
|
// Skip separator lines (e.g., |---|---|)
|
||||||
|
if (/^\s*\|[\s\-:]+\|\s*$/.test(line)) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
// Split by | and trim
|
||||||
|
const cells = line.split('|').filter(cell => cell.trim()).map(cell => cell.trim());
|
||||||
|
if (cells.length > 0) {
|
||||||
|
rows.push(cells);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (rows.length === 0) return '';
|
||||||
|
|
||||||
|
// Calculate number of columns
|
||||||
|
const numCols = Math.max(...rows.map(row => row.length));
|
||||||
|
|
||||||
|
// Build table XML
|
||||||
|
let tableXml = '<w:tbl>';
|
||||||
|
|
||||||
|
// Table properties - use template table style
|
||||||
|
tableXml += `<w:tblPr>
|
||||||
|
<w:tblStyle w:val="TableGrid"/>
|
||||||
|
<w:tblW w:w="5000" w:type="pct"/>
|
||||||
|
<w:tblLook w:val="04A0" w:firstRow="1" w:lastRow="0" w:firstColumn="0" w:lastColumn="0" w:noHBand="0" w:noVBand="1"/>
|
||||||
|
<w:tblBorders>
|
||||||
|
<w:top w:val="single" w:sz="8" w:space="0" w:color="F58220"/>
|
||||||
|
<w:left w:val="single" w:sz="8" w:space="0" w:color="F58220"/>
|
||||||
|
<w:bottom w:val="single" w:sz="8" w:space="0" w:color="F58220"/>
|
||||||
|
<w:right w:val="single" w:sz="8" w:space="0" w:color="F58220"/>
|
||||||
|
<w:insideH w:val="single" w:sz="8" w:space="0" w:color="F58220"/>
|
||||||
|
<w:insideV w:val="single" w:sz="8" w:space="0" w:color="F58220"/>
|
||||||
|
</w:tblBorders>
|
||||||
|
</w:tblPr>`;
|
||||||
|
|
||||||
|
// Table grid
|
||||||
|
tableXml += '<w:tblGrid>';
|
||||||
|
for (let i = 0; i < numCols; i++) {
|
||||||
|
tableXml += '<w:gridCol/>';
|
||||||
|
}
|
||||||
|
tableXml += '</w:tblGrid>';
|
||||||
|
|
||||||
|
// Table rows
|
||||||
|
rows.forEach((rowCells, rowIndex) => {
|
||||||
|
const isHeader = rowIndex === 0;
|
||||||
|
const isEvenRow = rowIndex % 2 === 0;
|
||||||
|
|
||||||
|
tableXml += '<w:tr>';
|
||||||
|
|
||||||
|
// Pad row to have same number of columns
|
||||||
|
while (rowCells.length < numCols) {
|
||||||
|
rowCells.push('');
|
||||||
|
}
|
||||||
|
|
||||||
|
rowCells.forEach((cellText, colIndex) => {
|
||||||
|
tableXml += '<w:tc>';
|
||||||
|
tableXml += '<w:tcPr>';
|
||||||
|
|
||||||
|
// Cell shading - orange for header, white for data rows
|
||||||
|
if (isHeader) {
|
||||||
|
tableXml += '<w:shd w:val="clear" w:color="FFFFFF" w:fill="F58220"/>';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Cell borders
|
||||||
|
tableXml += '<w:tcBorders>' +
|
||||||
|
'<w:top w:val="single" w:sz="8" w:space="0" w:color="F58220"/>' +
|
||||||
|
'<w:left w:val="single" w:sz="8" w:space="0" w:color="F58220"/>' +
|
||||||
|
'<w:bottom w:val="single" w:sz="8" w:space="0" w:color="F58220"/>' +
|
||||||
|
'<w:right w:val="single" w:sz="8" w:space="0" w:color="F58220"/>' +
|
||||||
|
'</w:tcBorders>';
|
||||||
|
tableXml += '</w:tcPr>';
|
||||||
|
|
||||||
|
// Cell content
|
||||||
|
tableXml += '<w:p>';
|
||||||
|
tableXml += '<w:pPr>';
|
||||||
|
tableXml += '<w:spacing w:before="100" w:after="100"/>';
|
||||||
|
tableXml += '</w:pPr>';
|
||||||
|
|
||||||
|
const runs = this.parseInlineFormatting(cellText);
|
||||||
|
|
||||||
|
if (isHeader) {
|
||||||
|
// Header: bold white text
|
||||||
|
tableXml += runs.replace(/<w:rPr>/g, '<w:rPr><w:b/><w:color w:val="FFFFFF"/>');
|
||||||
|
} else {
|
||||||
|
// Data rows: normal black text
|
||||||
|
tableXml += runs;
|
||||||
|
}
|
||||||
|
|
||||||
|
tableXml += '</w:p>';
|
||||||
|
tableXml += '</w:tc>';
|
||||||
|
});
|
||||||
|
|
||||||
|
tableXml += '</w:tr>';
|
||||||
|
});
|
||||||
|
|
||||||
|
tableXml += '</w:tbl>';
|
||||||
|
|
||||||
|
return tableXml;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Detect if line contains ASCII art/flowchart characters
|
||||||
|
*/
|
||||||
|
isAsciiArt(line) {
|
||||||
|
// Don't treat markdown tables as ASCII art
|
||||||
|
if (line.trim().startsWith('|') && line.trim().endsWith('|')) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Common ASCII art characters
|
||||||
|
const asciiArtChars = [
|
||||||
|
'─', '│', '┌', '┐', '└', '┘', '├', '┤', '┬', '┴', '┼', // Box drawing
|
||||||
|
'═', '║', '╔', '╗', '╚', '╝', '╠', '╣', '╦', '╩', '╬', // Double box
|
||||||
|
'▲', '▼', '◄', '►', '♦', '●', '○', '■', '□', // Shapes
|
||||||
|
'↓', '→', '←', '↑', // Arrows
|
||||||
|
];
|
||||||
|
|
||||||
|
// Check for box drawing characters
|
||||||
|
if (asciiArtChars.some(char => line.includes(char))) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check for ASCII box patterns with regular characters
|
||||||
|
const asciiPatterns = [
|
||||||
|
/^\s*\+[-=_]+\+/, // +-----+
|
||||||
|
/^\s*\|[-=_]{3,}\|/, // |-----|
|
||||||
|
/^\s*[-=_]{5,}$/, // -----
|
||||||
|
/^\s*\([A-Z][a-z]+\)\s*\|\|/, // (Deformable) ||
|
||||||
|
/^\s*\|\s+[A-Z\s]+[-:]\s+[A-Z]/, // | TILE ADHESIVE - TYPE
|
||||||
|
/^\s*\|\s*\[[^\]]+\]/, // | [BIS Mark / CE Mark]
|
||||||
|
/^\s*\|\s{2,}\w+.*\|\|/, // || text ||
|
||||||
|
/^\s*\[[^\]]+\]/, // [Step in brackets]
|
||||||
|
];
|
||||||
|
|
||||||
|
return asciiPatterns.some(pattern => pattern.test(line));
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create ASCII art XML with monospace font
|
||||||
|
*/
|
||||||
|
createAsciiArtXml(asciiContent) {
|
||||||
|
// Split ASCII art into individual lines and create a paragraph for each
|
||||||
|
const lines = asciiContent.split('\n');
|
||||||
|
let xml = '';
|
||||||
|
|
||||||
|
lines.forEach((line, index) => {
|
||||||
|
xml += `<w:p>
|
||||||
|
<w:pPr>
|
||||||
|
<w:spacing w:before="${index === 0 ? '120' : '0'}" w:after="${index === lines.length - 1 ? '120' : '0'}" w:line="240" w:lineRule="exact"/>
|
||||||
|
<w:ind w:left="0" w:right="0"/>
|
||||||
|
<w:jc w:val="left"/>
|
||||||
|
<w:keepLines/>
|
||||||
|
<w:wordWrap w:val="0"/>
|
||||||
|
</w:pPr>`;
|
||||||
|
|
||||||
|
// Check if line contains arrow characters and color them red
|
||||||
|
const arrowChars = ['↓', '→', '←', '↑', '▼', '►', '◄', '▲'];
|
||||||
|
const hasArrow = arrowChars.some(arrow => line.includes(arrow));
|
||||||
|
|
||||||
|
if (hasArrow) {
|
||||||
|
// Split line into parts and color arrows red
|
||||||
|
let remainingLine = line;
|
||||||
|
let processedText = '';
|
||||||
|
|
||||||
|
while (remainingLine.length > 0) {
|
||||||
|
let foundArrow = false;
|
||||||
|
let arrowIndex = -1;
|
||||||
|
let foundArrowChar = '';
|
||||||
|
|
||||||
|
// Find the first arrow in the remaining text
|
||||||
|
for (const arrow of arrowChars) {
|
||||||
|
const idx = remainingLine.indexOf(arrow);
|
||||||
|
if (idx !== -1 && (arrowIndex === -1 || idx < arrowIndex)) {
|
||||||
|
arrowIndex = idx;
|
||||||
|
foundArrowChar = arrow;
|
||||||
|
foundArrow = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (foundArrow) {
|
||||||
|
// Add text before arrow (if any)
|
||||||
|
if (arrowIndex > 0) {
|
||||||
|
const beforeArrow = this.escapeXml(remainingLine.substring(0, arrowIndex));
|
||||||
|
xml += `<w:r>
|
||||||
|
<w:rPr>
|
||||||
|
<w:rFonts w:ascii="Consolas" w:hAnsi="Consolas" w:cs="Consolas"/>
|
||||||
|
<w:sz w:val="16"/>
|
||||||
|
<w:szCs w:val="16"/>
|
||||||
|
<w:shd w:val="clear" w:color="auto" w:fill="F5F5F5"/>
|
||||||
|
<w:noProof/>
|
||||||
|
</w:rPr>
|
||||||
|
<w:t xml:space="preserve">${beforeArrow}</w:t>
|
||||||
|
</w:r>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Add arrow in red
|
||||||
|
const escapedArrow = this.escapeXml(foundArrowChar);
|
||||||
|
xml += `<w:r>
|
||||||
|
<w:rPr>
|
||||||
|
<w:rFonts w:ascii="Consolas" w:hAnsi="Consolas" w:cs="Consolas"/>
|
||||||
|
<w:sz w:val="16"/>
|
||||||
|
<w:szCs w:val="16"/>
|
||||||
|
<w:color w:val="FF0000"/>
|
||||||
|
<w:shd w:val="clear" w:color="auto" w:fill="F5F5F5"/>
|
||||||
|
<w:noProof/>
|
||||||
|
</w:rPr>
|
||||||
|
<w:t xml:space="preserve">${escapedArrow}</w:t>
|
||||||
|
</w:r>`;
|
||||||
|
|
||||||
|
// Continue with remaining text
|
||||||
|
remainingLine = remainingLine.substring(arrowIndex + foundArrowChar.length);
|
||||||
|
} else {
|
||||||
|
// No more arrows, add remaining text
|
||||||
|
const escapedRemaining = this.escapeXml(remainingLine);
|
||||||
|
xml += `<w:r>
|
||||||
|
<w:rPr>
|
||||||
|
<w:rFonts w:ascii="Consolas" w:hAnsi="Consolas" w:cs="Consolas"/>
|
||||||
|
<w:sz w:val="16"/>
|
||||||
|
<w:szCs w:val="16"/>
|
||||||
|
<w:shd w:val="clear" w:color="auto" w:fill="F5F5F5"/>
|
||||||
|
<w:noProof/>
|
||||||
|
</w:rPr>
|
||||||
|
<w:t xml:space="preserve">${escapedRemaining}</w:t>
|
||||||
|
</w:r>`;
|
||||||
|
remainingLine = '';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// No arrows, just add the line normally
|
||||||
|
const escapedLine = this.escapeXml(line);
|
||||||
|
xml += `<w:r>
|
||||||
|
<w:rPr>
|
||||||
|
<w:rFonts w:ascii="Consolas" w:hAnsi="Consolas" w:cs="Consolas"/>
|
||||||
|
<w:sz w:val="16"/>
|
||||||
|
<w:szCs w:val="16"/>
|
||||||
|
<w:shd w:val="clear" w:color="auto" w:fill="F5F5F5"/>
|
||||||
|
<w:noProof/>
|
||||||
|
</w:rPr>
|
||||||
|
<w:t xml:space="preserve">${escapedLine}</w:t>
|
||||||
|
</w:r>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
xml += `</w:p>`;
|
||||||
|
});
|
||||||
|
|
||||||
|
return xml;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Parse inline formatting (bold, italic, code)
|
||||||
|
*/
|
||||||
|
parseInlineFormatting(text) {
|
||||||
|
let xml = '';
|
||||||
|
let pos = 0;
|
||||||
|
|
||||||
|
// Patterns for inline formatting
|
||||||
|
const patterns = [
|
||||||
|
{ regex: /\*\*\*(.+?)\*\*\*/g, bold: true, italic: true },
|
||||||
|
{ regex: /\*\*(.+?)\*\*/g, bold: true },
|
||||||
|
{ regex: /\*(.+?)\*/g, italic: true },
|
||||||
|
{ regex: /`(.+?)`/g, code: true }
|
||||||
|
];
|
||||||
|
|
||||||
|
// Simple approach: process text sequentially
|
||||||
|
let remaining = text;
|
||||||
|
|
||||||
|
while (remaining.length > 0) {
|
||||||
|
let foundMatch = false;
|
||||||
|
let earliestPos = remaining.length;
|
||||||
|
let matchedPattern = null;
|
||||||
|
let match = null;
|
||||||
|
|
||||||
|
// Find earliest match
|
||||||
|
for (const pattern of patterns) {
|
||||||
|
pattern.regex.lastIndex = 0;
|
||||||
|
const m = pattern.regex.exec(remaining);
|
||||||
|
if (m && m.index < earliestPos) {
|
||||||
|
earliestPos = m.index;
|
||||||
|
matchedPattern = pattern;
|
||||||
|
match = m;
|
||||||
|
foundMatch = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (foundMatch) {
|
||||||
|
// Add text before match
|
||||||
|
if (earliestPos > 0) {
|
||||||
|
xml += this.createRunXml(remaining.substring(0, earliestPos));
|
||||||
|
}
|
||||||
|
|
||||||
|
// Add formatted text
|
||||||
|
xml += this.createRunXml(match[1], matchedPattern.bold, matchedPattern.italic, matchedPattern.code);
|
||||||
|
|
||||||
|
remaining = remaining.substring(earliestPos + match[0].length);
|
||||||
|
} else {
|
||||||
|
// No more matches, add remaining text
|
||||||
|
xml += this.createRunXml(remaining);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return xml;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create a run (text segment) XML
|
||||||
|
*/
|
||||||
|
createRunXml(text, bold = false, italic = false, code = false) {
|
||||||
|
if (!text) return '';
|
||||||
|
|
||||||
|
const escapedText = this.escapeXml(text);
|
||||||
|
let propsXml = '<w:rPr>';
|
||||||
|
|
||||||
|
if (bold) propsXml += '<w:b/>';
|
||||||
|
if (italic) propsXml += '<w:i/>';
|
||||||
|
if (code) {
|
||||||
|
propsXml += '<w:rFonts w:ascii="Consolas" w:hAnsi="Consolas"/>';
|
||||||
|
propsXml += '<w:sz w:val="20"/>';
|
||||||
|
}
|
||||||
|
|
||||||
|
propsXml += '</w:rPr>';
|
||||||
|
|
||||||
|
return `<w:r>${propsXml}<w:t xml:space="preserve">${escapedText}</w:t></w:r>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Escape XML special characters
|
||||||
|
*/
|
||||||
|
escapeXml(text) {
|
||||||
|
return text
|
||||||
|
.replace(/&/g, '&')
|
||||||
|
.replace(/</g, '<')
|
||||||
|
.replace(/>/g, '>')
|
||||||
|
.replace(/"/g, '"')
|
||||||
|
.replace(/'/g, ''');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = WordTemplateExporter;
|
||||||
@@ -0,0 +1,12 @@
|
|||||||
|
# Test Double-Click File Opening
|
||||||
|
|
||||||
|
This is a test file to verify double-click functionality.
|
||||||
|
|
||||||
|
## Features to Test
|
||||||
|
- File should load automatically
|
||||||
|
- Content should display in editor
|
||||||
|
- Tab should show filename
|
||||||
|
- Preview should render markdown
|
||||||
|
|
||||||
|
**This text should be bold**
|
||||||
|
*This text should be italic*
|
||||||
@@ -0,0 +1,14 @@
|
|||||||
|
# Test File Opening
|
||||||
|
|
||||||
|
This is a test file to verify that double-click file opening works correctly.
|
||||||
|
|
||||||
|
## Features
|
||||||
|
- **Bold text**
|
||||||
|
- *Italic text*
|
||||||
|
- `Code`
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
console.log("Hello World");
|
||||||
|
```
|
||||||
|
|
||||||
|
This should appear when you double-click to open the file!
|
||||||