mirror of
https://github.com/amitwh/markdown-converter.git
synced 2026-08-02 18:10:18 +05:30
Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
  amitwhandClaude
|
cb98549db8 | ||
|
amitwh
|
ff651e9b21 | ||
|
amitwhandClaude
|
e013e5fd69 | ||
|
amitwhandClaude
|
f7362bec46 | ||
|
amitwhandClaude
|
5a11a9af75 | ||
|
amitwh
|
8b52635032 | ||
|
amitwhandClaude
|
7e11176290 | ||
|
amitwhandClaude
|
4d5e552741 | ||
|
amitwhandClaude
|
58314efc7a | ||
|
amitwhandClaude
|
478b404135 | ||
|
amitwhandClaude
|
8be2651b0e | ||
|
amitwhandClaude
|
922e74d671 | ||
|
amitwhandClaude
|
7e67667035 | ||
|
amitwhandClaude
|
7783fbf622 | ||
|
amitwhandClaude
|
458a387c15 | ||
|
amitwhandClaude
|
72677698d2 | ||
|
amitwhandClaude
|
59c6513b49 | ||
|
amitwhandClaude
|
c305789428 | ||
|
amitwhandClaude
|
fefb299e6d | ||
|
amitwhandClaude
|
3f3bdf5637 | ||
|
amitwhandClaude
|
2ab8deffeb | ||
|
amitwhandClaude
|
cc471d4101 | ||
|
amitwh
|
0ac92b7060 |
+19
-24
File diff suppressed because one or more lines are too long
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"CurrentProjectSetting": null
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"ExpandedNodes": [
|
||||
""
|
||||
],
|
||||
"SelectedNode": "\\package.json",
|
||||
"PreviewInSolutionExplorer": false
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
Binary file not shown.
@@ -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}"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
@@ -4,7 +4,7 @@
|
||||
|
||||
**PanConverter** is a cross-platform Markdown editor and converter powered by Pandoc, built with Electron. It provides professional-grade editing capabilities with comprehensive export options.
|
||||
|
||||
**Current Version**: v1.7.7
|
||||
**Current Version**: v1.9.1
|
||||
**Author**: Amit Haridas (amit.wh@gmail.com)
|
||||
**License**: MIT
|
||||
**Repository**: https://github.com/amitwh/pan-converter
|
||||
@@ -113,7 +113,402 @@ gh release create v1.2.1 --title "Title" --notes "Release notes" \
|
||||
|
||||
## Feature Implementation Guide
|
||||
|
||||
### v1.7.7 Print & Enhanced PDF Support (Latest)
|
||||
### v1.9.1 ASCII Art & Code Block Preservation (Latest)
|
||||
|
||||
#### 🎨 Preserved ASCII Art in Exports
|
||||
**ASCII Art, Charts, Tables & Flowcharts Now Export Exactly as Previewed** (`src/wordTemplateExporter.js`, `src/main.js`)
|
||||
|
||||
**Problem Solved:**
|
||||
- Previously, ASCII art, flowcharts, and code blocks were being corrupted during export to Word and PDF
|
||||
- Line breaks, spacing, and monospace alignment were lost
|
||||
- Box-drawing characters and diagrams became unreadable
|
||||
|
||||
**Solution Implemented:**
|
||||
1. **Enhanced Word Template Exporter** (`src/wordTemplateExporter.js:259-289`)
|
||||
- Code blocks now render each line as a separate paragraph with exact spacing
|
||||
- `white-space: pre` and `word-wrap: normal` prevent text wrapping
|
||||
- Monospace font (Consolas) with consistent 18pt size
|
||||
- Light gray background (#F5F5F5) for visual distinction
|
||||
- `<w:keepLines/>` and `<w:wordWrap w:val="0"/>` preserve exact formatting
|
||||
|
||||
2. **Improved ASCII Art Detection** (`src/wordTemplateExporter.js:410-456`)
|
||||
- Extended Unicode box-drawing character support (╭╮╯╰ rounded corners, heavy box characters)
|
||||
- Additional arrow characters (↔↕⇒⇐⇓⇑)
|
||||
- More ASCII patterns detected (+---+---+, <---->, etc.)
|
||||
- Better markdown table vs ASCII art differentiation
|
||||
|
||||
3. **Enhanced PDF Export** (`src/main.js:1266-1268`, `src/main.js:1345-1347`, `src/main.js:2410-2412`)
|
||||
- Added `-V monofont="Consolas"` for monospace code blocks
|
||||
- Added `--highlight-style=tango` for syntax highlighting
|
||||
- Applied to main export, fallback export, and CLI conversion
|
||||
|
||||
4. **Electron PDF Fallback** (`src/main.js:1613-1637`)
|
||||
- Enhanced CSS for `<pre>` and `<code>` elements
|
||||
- `white-space: pre` prevents wrapping
|
||||
- `font-family: Consolas, Monaco, 'Courier New', monospace`
|
||||
- Print media query preserves formatting when printing
|
||||
|
||||
5. **HTML Export** (`src/main.js:1525-1548`)
|
||||
- Same CSS improvements as Electron PDF
|
||||
- Code blocks maintain exact preview appearance
|
||||
|
||||
**Key CSS Properties for ASCII Preservation:**
|
||||
```css
|
||||
pre {
|
||||
white-space: pre;
|
||||
word-wrap: normal;
|
||||
font-family: Consolas, Monaco, 'Courier New', monospace;
|
||||
font-size: 12px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
pre code {
|
||||
white-space: pre;
|
||||
word-wrap: normal;
|
||||
display: block;
|
||||
}
|
||||
```
|
||||
|
||||
**Word XML Properties for ASCII Preservation:**
|
||||
```xml
|
||||
<w:pPr>
|
||||
<w:spacing w:line="240" w:lineRule="exact"/>
|
||||
<w:keepLines/>
|
||||
<w:wordWrap w:val="0"/>
|
||||
</w:pPr>
|
||||
<w:rPr>
|
||||
<w:rFonts w:ascii="Consolas" w:hAnsi="Consolas" w:cs="Consolas"/>
|
||||
<w:noProof/>
|
||||
</w:rPr>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### v1.9.0 Custom Headers & Footers
|
||||
|
||||
#### 📄 Comprehensive Header & Footer System
|
||||
**Custom Headers & Footers for Standard Exports** (`src/main.js:701-853`, `src/index.html:929-1042`, `src/renderer.js:2560-2747`, `src/styles.css:3162-3432`)
|
||||
- **New Menu Option**: File → "Header & Footer Settings..." to configure headers/footers
|
||||
- **Three-Column Layout**: Left, Center, and Right positioning for both headers and footers
|
||||
- **Dynamic Field Support**: $PAGE$, $TOTAL$, $DATE$, $TIME$, $TITLE$, $AUTHOR$, $FILENAME$
|
||||
- **Logo/Image Embedding**: Upload logos to display in headers and footers
|
||||
- **Enable/Disable Toggle**: Quick on/off switch for all headers/footers
|
||||
- **Persistent Settings**: Configurations saved across sessions
|
||||
|
||||
**Format Support:**
|
||||
- **PDF Export** (Standard): LaTeX-based headers/footers using fancyhdr package with automatic page numbering
|
||||
- **DOCX Export** (Standard): Word XML manipulation with field support for PAGE and NUMPAGES
|
||||
- **ODT Export**: OpenDocument format support (similar to DOCX implementation)
|
||||
- **PowerPoint (PPTX)**: Footer text with dynamic fields on slides
|
||||
- **Batch Converter**: Full header/footer support for all batch conversions
|
||||
|
||||
**Dynamic Fields Processing:**
|
||||
- `$PAGE$` → Current page number (LaTeX: \thepage, Word: PAGE field)
|
||||
- `$TOTAL$` → Total pages (LaTeX: \pageref{LastPage}, Word: NUMPAGES field)
|
||||
- `$DATE$` → Current date (processed at export time)
|
||||
- `$TIME$` → Current time (processed at export time)
|
||||
- `$TITLE$` → Document title (from metadata or filename)
|
||||
- `$AUTHOR$` → Document author (from metadata)
|
||||
- `$FILENAME$` → File name without extension
|
||||
|
||||
**Technical Implementation:**
|
||||
```javascript
|
||||
// processDynamicFields function in main.js
|
||||
function processDynamicFields(text, metadata = {}) {
|
||||
const now = new Date();
|
||||
result = text.replace(/\$DATE\$/g, now.toLocaleDateString());
|
||||
result = result.replace(/\$TIME\$/g, now.toLocaleTimeString());
|
||||
result = result.replace(/\$TITLE\$/g, metadata.title || 'Untitled');
|
||||
// ... other replacements
|
||||
return result;
|
||||
}
|
||||
|
||||
// LaTeX header generation for PDF exports
|
||||
const latexHeader = `
|
||||
\\usepackage{fancyhdr}
|
||||
\\pagestyle{fancy}
|
||||
\\fancyhf{}
|
||||
\\lhead{${headerLeft}}
|
||||
\\chead{${headerCenter}}
|
||||
\\rhead{${headerRight}}
|
||||
\\lfoot{${footerLeft}}
|
||||
\\cfoot{${footerCenter}} // with \\thepage for page numbers
|
||||
\\rfoot{${footerRight}}
|
||||
`;
|
||||
|
||||
// Word XML generation for DOCX exports
|
||||
const footerXml = `<?xml version="1.0"?>
|
||||
<w:ftr xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main">
|
||||
<w:p><w:r><w:t>${footerLeft}</w:t></w:r></w:p>
|
||||
<w:p>
|
||||
<w:fldSimple w:instr="PAGE"/> // Page number field
|
||||
<w:r><w:t> of </w:t></w:r>
|
||||
<w:fldSimple w:instr="NUMPAGES"/> // Total pages field
|
||||
</w:p>
|
||||
<w:p><w:r><w:t>${footerRight}</w:t></w:r></w:p>
|
||||
</w:ftr>`;
|
||||
```
|
||||
|
||||
**Dialog Features:**
|
||||
- **Field Insertion Buttons**: Quick-insert dynamic fields via popup dialog
|
||||
- **Logo Upload**: Browse and select images for headers/footers
|
||||
- **Logo Preview**: Show selected logo filename
|
||||
- **Clear Buttons**: Remove uploaded logos
|
||||
- **Enable Toggle**: Disable headers/footers without losing settings
|
||||
- **Responsive Layout**: Grid-based three-column design
|
||||
- **Dark Theme Support**: Complete styling for all 22 themes
|
||||
|
||||
**Integration Points:**
|
||||
- `buildPandocCommand()` - Adds LaTeX headers for PDF exports
|
||||
- `exportWithPandoc()` - Post-processes DOCX with header/footer XML
|
||||
- `performBatchConversion()` - Batch support for all formats
|
||||
- `addHeaderFooterToDocx()` - DOCX XML manipulation using PizZip
|
||||
|
||||
**Dependencies:**
|
||||
- **PizZip** (v3.2.0) - ZIP file manipulation for DOCX/ODT
|
||||
- **fancyhdr** (LaTeX package) - Advanced headers/footers for PDF
|
||||
- **lastpage** (LaTeX package) - Total page count support
|
||||
|
||||
**Key Improvements in v1.9.0:**
|
||||
1. ✅ Professional headers/footers for all standard export formats
|
||||
2. ✅ Dynamic field support with automatic value replacement
|
||||
3. ✅ Logo/image embedding in document headers/footers
|
||||
4. ✅ Batch converter integration with full header/footer support
|
||||
5. ✅ Persistent settings across application sessions
|
||||
6. ✅ User-friendly dialog with field insertion helper
|
||||
7. ✅ Complete dark theme support
|
||||
|
||||
**Note**: Enhanced exports (DOCX Enhanced, PDF Enhanced) use Word templates which already have their own headers/footers defined in the template itself, so this feature specifically targets standard (non-templated) exports.
|
||||
|
||||
---
|
||||
|
||||
### v1.7.9 Enhanced Word Export with Template Support
|
||||
|
||||
#### 📝 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`)
|
||||
@@ -782,5 +1177,33 @@ if (!gotTheLock) {
|
||||
|
||||
---
|
||||
|
||||
**Last Updated**: October 24, 2025
|
||||
**Claude Assistant**: Development completed for v1.7.7 with enhanced print menu featuring two print options: "Print Preview" (Ctrl+P, black text, ink-saving) and "Print Preview (With Styles)" (full colors). Implemented comprehensive print handler that hides editor UI and shows only the rendered preview. Added extensive CSS print stylesheet with smart page breaks, optimized formatting for all markdown elements, and professional typography. Added PDFKit and html2pdf libraries for native PDF support without Pandoc dependency. Previous releases include v1.7.6 table header styling cleanup and v1.7.5 critical file association fix.
|
||||
## Pending Tasks & Future Enhancements
|
||||
|
||||
No pending tasks at this time. All planned v1.9.1 features have been completed.
|
||||
|
||||
### Potential Future Enhancements
|
||||
- Image embedding in headers/footers (partially implemented - logo upload UI ready)
|
||||
- Advanced page numbering formats (Roman numerals, custom prefixes)
|
||||
- First-page-different header/footer support
|
||||
- Per-section headers/footers within documents
|
||||
|
||||
---
|
||||
|
||||
**Last Updated**: December 12, 2025
|
||||
**Claude Assistant**: Development completed for v1.9.1 with ASCII Art Preservation!
|
||||
|
||||
### v1.9.1 - Latest Release Summary
|
||||
- **ASCII Art Preservation**: Code blocks, flowcharts, tables, and ASCII art now export exactly as shown in preview
|
||||
- **Enhanced Code Block Rendering**: Each line rendered separately to preserve exact spacing and alignment
|
||||
- **Monospace Font Support**: Consolas font used consistently across all export formats
|
||||
- **Improved ASCII Detection**: Extended Unicode box-drawing and arrow character support
|
||||
- **PDF Export Enhancement**: Added monofont and highlight-style options for better code rendering
|
||||
- **HTML/Electron PDF Fix**: Enhanced CSS to prevent text wrapping in code blocks
|
||||
|
||||
### Previous Releases
|
||||
- v1.9.0: Custom Headers & Footers for PDF, DOCX, ODT, PowerPoint exports
|
||||
- v1.8.3: Streamlined PDF Editor UI & Configurable Template Settings
|
||||
- v1.8.2: Enhanced PDF Export & Print Fix
|
||||
- v1.8.1: Streamlined PDF Editor UI
|
||||
- v1.8.0: Enhanced Word Export with template support (batch)
|
||||
- v1.7.9: Template-Based Word Export with ASCII art support
|
||||
+9
-92
@@ -1,95 +1,12 @@
|
||||
# Push Instructions for Pan Converter
|
||||
# Test Double-Click File Opening
|
||||
|
||||
## Prerequisites
|
||||
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
|
||||
This is a test file to verify double-click functionality.
|
||||
|
||||
2. Set up authentication:
|
||||
- **Option A - SSH Key** (Recommended):
|
||||
```bash
|
||||
# Check if you have SSH key
|
||||
ls -la ~/.ssh/id_rsa.pub
|
||||
## Features to Test
|
||||
- File should load automatically
|
||||
- Content should display in editor
|
||||
- Tab should show filename
|
||||
- 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
|
||||
|
||||
### 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
|
||||
**This text should be bold**
|
||||
*This text should be italic*
|
||||
|
||||
@@ -138,6 +138,8 @@ npm run dist:all
|
||||
|
||||
## 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.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
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 190 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 171 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
+6
-2
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "pan-converter",
|
||||
"version": "1.7.6",
|
||||
"version": "1.9.1",
|
||||
"description": "Cross-platform Markdown editor and converter using Pandoc",
|
||||
"main": "src/main.js",
|
||||
"scripts": {
|
||||
@@ -31,13 +31,17 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"codemirror": "^6.0.2",
|
||||
"core-util-is": "^1.0.3",
|
||||
"docx": "^9.5.1",
|
||||
"docx4js": "^3.3.0",
|
||||
"dompurify": "^3.2.6",
|
||||
"electron-store": "^10.1.0",
|
||||
"html2pdf.js": "^0.10.1",
|
||||
"highlight.js": "^11.11.1",
|
||||
"html2pdf.js": "^0.10.1",
|
||||
"marked": "^16.2.1",
|
||||
"pdf-lib": "^1.17.1",
|
||||
"pdfkit": "^0.14.0",
|
||||
"pizzip": "^3.2.0",
|
||||
"tslib": "^2.8.1",
|
||||
"xlsx": "^0.18.5"
|
||||
},
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 170 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
+119
-2
@@ -515,7 +515,9 @@
|
||||
<select id="batch-format">
|
||||
<option value="html">HTML</option>
|
||||
<option value="pdf">PDF</option>
|
||||
<option value="pdf-enhanced">PDF (Enhanced)</option>
|
||||
<option value="docx">DOCX</option>
|
||||
<option value="docx-enhanced">DOCX (Enhanced)</option>
|
||||
<option value="latex">LaTeX</option>
|
||||
<option value="rtf">RTF</option>
|
||||
<option value="odt">ODT</option>
|
||||
@@ -555,12 +557,12 @@
|
||||
|
||||
<!-- PDF Editor Dialog -->
|
||||
<div id="pdf-editor-dialog" class="export-dialog hidden">
|
||||
<div class="export-dialog-content">
|
||||
<div class="export-dialog-content pdf-editor-content">
|
||||
<div class="export-dialog-header">
|
||||
<h3 id="pdf-editor-title">PDF Editor</h3>
|
||||
<button id="pdf-editor-dialog-close" title="Close">×</button>
|
||||
</div>
|
||||
<div class="export-dialog-body">
|
||||
<div class="export-dialog-body pdf-editor-body">
|
||||
<!-- Merge PDFs Section -->
|
||||
<div id="pdf-merge-section" class="pdf-operation-section hidden">
|
||||
<div class="export-section">
|
||||
@@ -924,6 +926,121 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Header & Footer Configuration Dialog -->
|
||||
<div id="header-footer-dialog" class="export-dialog hidden">
|
||||
<div class="export-dialog-content" style="max-width: 700px;">
|
||||
<div class="export-dialog-header">
|
||||
<h3>Header & Footer Settings</h3>
|
||||
<button id="header-footer-close" class="dialog-close" title="Close">×</button>
|
||||
</div>
|
||||
<div class="export-dialog-body">
|
||||
<div class="hf-enable-section">
|
||||
<label>
|
||||
<input type="checkbox" id="hf-enabled" checked>
|
||||
Enable Headers and Footers
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="hf-config-content">
|
||||
<!-- Header Configuration -->
|
||||
<div class="hf-section">
|
||||
<h4>Header</h4>
|
||||
<div class="hf-row">
|
||||
<div class="hf-column">
|
||||
<label>Left</label>
|
||||
<input type="text" id="header-left" placeholder="e.g., Document Title">
|
||||
<button class="field-insert-btn" data-target="header-left" title="Insert dynamic field">+</button>
|
||||
</div>
|
||||
<div class="hf-column">
|
||||
<label>Center</label>
|
||||
<input type="text" id="header-center" placeholder="e.g., $TITLE$">
|
||||
<button class="field-insert-btn" data-target="header-center" title="Insert dynamic field">+</button>
|
||||
</div>
|
||||
<div class="hf-column">
|
||||
<label>Right</label>
|
||||
<input type="text" id="header-right" placeholder="e.g., $DATE$">
|
||||
<button class="field-insert-btn" data-target="header-right" title="Insert dynamic field">+</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hf-logo-row">
|
||||
<label>Header Logo/Image:</label>
|
||||
<button id="header-logo-browse" class="browse-btn">Browse...</button>
|
||||
<button id="header-logo-clear" class="clear-btn">Clear</button>
|
||||
<span id="header-logo-preview" class="logo-preview"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Footer Configuration -->
|
||||
<div class="hf-section">
|
||||
<h4>Footer</h4>
|
||||
<div class="hf-row">
|
||||
<div class="hf-column">
|
||||
<label>Left</label>
|
||||
<input type="text" id="footer-left" placeholder="e.g., Company Name">
|
||||
<button class="field-insert-btn" data-target="footer-left" title="Insert dynamic field">+</button>
|
||||
</div>
|
||||
<div class="hf-column">
|
||||
<label>Center</label>
|
||||
<input type="text" id="footer-center" placeholder="e.g., $PAGE$ of $TOTAL$">
|
||||
<button class="field-insert-btn" data-target="footer-center" title="Insert dynamic field">+</button>
|
||||
</div>
|
||||
<div class="hf-column">
|
||||
<label>Right</label>
|
||||
<input type="text" id="footer-right" placeholder="e.g., $AUTHOR$">
|
||||
<button class="field-insert-btn" data-target="footer-right" title="Insert dynamic field">+</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hf-logo-row">
|
||||
<label>Footer Logo/Image:</label>
|
||||
<button id="footer-logo-browse" class="browse-btn">Browse...</button>
|
||||
<button id="footer-logo-clear" class="clear-btn">Clear</button>
|
||||
<span id="footer-logo-preview" class="logo-preview"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Dynamic Fields Help -->
|
||||
<div class="hf-help">
|
||||
<p><strong>Available Dynamic Fields:</strong></p>
|
||||
<ul>
|
||||
<li><code>$PAGE$</code> - Current page number</li>
|
||||
<li><code>$TOTAL$</code> - Total page count</li>
|
||||
<li><code>$DATE$</code> - Current date</li>
|
||||
<li><code>$TIME$</code> - Current time</li>
|
||||
<li><code>$TITLE$</code> - Document title</li>
|
||||
<li><code>$AUTHOR$</code> - Document author</li>
|
||||
<li><code>$FILENAME$</code> - File name</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="export-dialog-footer">
|
||||
<button id="header-footer-cancel">Cancel</button>
|
||||
<button id="header-footer-save" class="primary">Save Settings</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Dynamic Field Picker Dialog -->
|
||||
<div id="field-picker-dialog" class="export-dialog hidden">
|
||||
<div class="export-dialog-content" style="max-width: 400px;">
|
||||
<div class="export-dialog-header">
|
||||
<h3>Insert Dynamic Field</h3>
|
||||
<button id="field-picker-close" class="dialog-close" title="Close">×</button>
|
||||
</div>
|
||||
<div class="export-dialog-body">
|
||||
<div class="field-picker-list">
|
||||
<button class="field-option" data-field="$PAGE$">Page Number</button>
|
||||
<button class="field-option" data-field="$TOTAL$">Total Pages</button>
|
||||
<button class="field-option" data-field="$DATE$">Current Date</button>
|
||||
<button class="field-option" data-field="$TIME$">Current Time</button>
|
||||
<button class="field-option" data-field="$TITLE$">Document Title</button>
|
||||
<button class="field-option" data-field="$AUTHOR$">Document Author</button>
|
||||
<button class="field-option" data-field="$FILENAME$">File Name</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="editor-container">
|
||||
<div class="tab-content active" id="tab-content-1" data-tab-id="1">
|
||||
<div id="editor-pane-1" class="pane">
|
||||
|
||||
+983
-54
File diff suppressed because it is too large
Load Diff
+229
-29
@@ -964,10 +964,13 @@ class TabManager {
|
||||
tab.originalContent = content;
|
||||
tab.isDirty = false;
|
||||
|
||||
// Update the editor immediately
|
||||
// Update the editor and preview
|
||||
const editor = document.getElementById(`editor-${this.activeTabId}`);
|
||||
if (editor) {
|
||||
editor.value = content;
|
||||
// Update preview after editor is updated
|
||||
this.updatePreview(this.activeTabId);
|
||||
this.updateWordCount();
|
||||
}
|
||||
} else {
|
||||
// Create new tab for the file
|
||||
@@ -990,9 +993,6 @@ class TabManager {
|
||||
}
|
||||
}, 50);
|
||||
}
|
||||
|
||||
this.updatePreview(this.activeTabId);
|
||||
this.updateWordCount();
|
||||
this.startAutoSave();
|
||||
this.addToRecentFiles(filePath);
|
||||
this.updateTabBar();
|
||||
@@ -1042,8 +1042,12 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
// Request current theme
|
||||
ipcRenderer.send('get-theme');
|
||||
|
||||
// Signal that renderer is ready for file operations
|
||||
// Also send renderer-ready immediately as backup
|
||||
// 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
|
||||
setInterval(() => {
|
||||
@@ -1062,8 +1066,11 @@ ipcRenderer.on('file-new', () => {
|
||||
});
|
||||
|
||||
ipcRenderer.on('file-opened', (event, data) => {
|
||||
console.log('[RENDERER] file-opened received:', data.path, 'content length:', data.content.length);
|
||||
if (tabManager) {
|
||||
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) => {
|
||||
console.log('[RENDERER] Theme changed to:', 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
|
||||
@@ -1149,43 +1164,47 @@ ipcRenderer.on('adjust-font-size', (event, action) => {
|
||||
updateFontSizes(currentFontSize);
|
||||
});
|
||||
|
||||
// Print preview handler - prepare for printing
|
||||
ipcRenderer.on('prepare-print-preview', (event, withStyles) => {
|
||||
const previewContent = document.getElementById('preview');
|
||||
// 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;
|
||||
}
|
||||
|
||||
// Hide editor and other UI elements for print
|
||||
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';
|
||||
console.log('[RENDERER] Starting print with withStyles:', withStyles);
|
||||
console.log('[RENDERER] Preview content length:', previewContent.innerHTML.length);
|
||||
|
||||
// Show preview in full width
|
||||
const preview = document.getElementById('preview');
|
||||
if (preview) {
|
||||
preview.classList.add('print-mode');
|
||||
// Add body classes for print mode - let CSS handle everything
|
||||
document.body.classList.add('printing');
|
||||
if (!withStyles) {
|
||||
preview.classList.add('print-no-styles');
|
||||
}
|
||||
document.body.classList.add('printing-no-styles');
|
||||
}
|
||||
|
||||
// Re-show everything after print
|
||||
// Wait for CSS to apply then 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 = '';
|
||||
console.log('[RENDERER] Sending do-print to main process');
|
||||
ipcRenderer.send('do-print', { withStyles });
|
||||
|
||||
const preview = document.getElementById('preview');
|
||||
if (preview) {
|
||||
preview.classList.remove('print-mode', 'print-no-styles');
|
||||
// Restore classes after print dialog opens
|
||||
setTimeout(() => {
|
||||
document.body.classList.remove('printing', 'printing-no-styles');
|
||||
console.log('[RENDERER] Print classes removed');
|
||||
}, 1000);
|
||||
}, 100);
|
||||
}
|
||||
}, 500);
|
||||
});
|
||||
|
||||
// Export Dialog functionality
|
||||
let currentExportFormat = null;
|
||||
@@ -2537,3 +2556,184 @@ function initMathSupport() {
|
||||
|
||||
// Initialize math support on load
|
||||
initMathSupport();
|
||||
|
||||
// ================================
|
||||
// Header & Footer Dialog Management
|
||||
// ================================
|
||||
|
||||
let currentFieldTarget = null; // Track which input field is being edited
|
||||
|
||||
// Open header/footer settings dialog
|
||||
function openHeaderFooterDialog() {
|
||||
const dialog = document.getElementById('header-footer-dialog');
|
||||
dialog.classList.remove('hidden');
|
||||
|
||||
// Request current settings from main process
|
||||
ipcRenderer.send('get-header-footer-settings');
|
||||
}
|
||||
|
||||
// Close header/footer settings dialog
|
||||
function closeHeaderFooterDialog() {
|
||||
const dialog = document.getElementById('header-footer-dialog');
|
||||
dialog.classList.add('hidden');
|
||||
}
|
||||
|
||||
// Open field picker dialog
|
||||
function openFieldPickerDialog(targetInputId) {
|
||||
currentFieldTarget = targetInputId;
|
||||
const dialog = document.getElementById('field-picker-dialog');
|
||||
dialog.classList.remove('hidden');
|
||||
}
|
||||
|
||||
// Close field picker dialog
|
||||
function closeFieldPickerDialog() {
|
||||
const dialog = document.getElementById('field-picker-dialog');
|
||||
dialog.classList.add('hidden');
|
||||
currentFieldTarget = null;
|
||||
}
|
||||
|
||||
// Load settings into dialog
|
||||
ipcRenderer.on('header-footer-settings-data', (event, settings) => {
|
||||
// Enable/disable checkbox
|
||||
document.getElementById('hf-enabled').checked = settings.enabled;
|
||||
|
||||
// Header fields
|
||||
document.getElementById('header-left').value = settings.header.left || '';
|
||||
document.getElementById('header-center').value = settings.header.center || '';
|
||||
document.getElementById('header-right').value = settings.header.right || '';
|
||||
|
||||
// Footer fields
|
||||
document.getElementById('footer-left').value = settings.footer.left || '';
|
||||
document.getElementById('footer-center').value = settings.footer.center || '';
|
||||
document.getElementById('footer-right').value = settings.footer.right || '';
|
||||
|
||||
// Logo previews
|
||||
if (settings.header.logo) {
|
||||
document.getElementById('header-logo-preview').textContent = path.basename(settings.header.logo);
|
||||
} else {
|
||||
document.getElementById('header-logo-preview').textContent = '';
|
||||
}
|
||||
|
||||
if (settings.footer.logo) {
|
||||
document.getElementById('footer-logo-preview').textContent = path.basename(settings.footer.logo);
|
||||
} else {
|
||||
document.getElementById('footer-logo-preview').textContent = '';
|
||||
}
|
||||
|
||||
// Update config content visibility
|
||||
toggleConfigContent();
|
||||
});
|
||||
|
||||
// Toggle config content based on enabled checkbox
|
||||
function toggleConfigContent() {
|
||||
const enabled = document.getElementById('hf-enabled').checked;
|
||||
const configContent = document.getElementById('hf-config-content');
|
||||
|
||||
if (enabled) {
|
||||
configContent.classList.remove('disabled');
|
||||
} else {
|
||||
configContent.classList.add('disabled');
|
||||
}
|
||||
}
|
||||
|
||||
// Save header/footer settings
|
||||
function saveHeaderFooterSettings() {
|
||||
const settings = {
|
||||
enabled: document.getElementById('hf-enabled').checked,
|
||||
header: {
|
||||
left: document.getElementById('header-left').value || '',
|
||||
center: document.getElementById('header-center').value || '',
|
||||
right: document.getElementById('header-right').value || '',
|
||||
logo: null // Logo paths are managed separately
|
||||
},
|
||||
footer: {
|
||||
left: document.getElementById('footer-left').value || '',
|
||||
center: document.getElementById('footer-center').value || '',
|
||||
right: document.getElementById('footer-right').value || '',
|
||||
logo: null
|
||||
}
|
||||
};
|
||||
|
||||
ipcRenderer.send('save-header-footer-settings', settings);
|
||||
closeHeaderFooterDialog();
|
||||
}
|
||||
|
||||
// Handle logo browsing - ask main process to show open dialog
|
||||
function browseForLogo(position) {
|
||||
ipcRenderer.send('browse-header-footer-logo', position);
|
||||
}
|
||||
|
||||
// Handle logo saved confirmation
|
||||
ipcRenderer.on('header-footer-logo-saved', (event, { position, path }) => {
|
||||
document.getElementById(`${position}-logo-preview`).textContent = path.split(/[\\/]/).pop();
|
||||
});
|
||||
|
||||
// Clear logo
|
||||
function clearLogo(position) {
|
||||
ipcRenderer.send('clear-header-footer-logo', position);
|
||||
document.getElementById(`${position}-logo-preview`).textContent = '';
|
||||
}
|
||||
|
||||
// Handle logo cleared confirmation
|
||||
ipcRenderer.on('header-footer-logo-cleared', (event, position) => {
|
||||
console.log(`${position} logo cleared`);
|
||||
});
|
||||
|
||||
// Insert dynamic field into input
|
||||
function insertDynamicField(field) {
|
||||
if (currentFieldTarget) {
|
||||
const input = document.getElementById(currentFieldTarget);
|
||||
const cursorPos = input.selectionStart;
|
||||
const textBefore = input.value.substring(0, cursorPos);
|
||||
const textAfter = input.value.substring(cursorPos);
|
||||
|
||||
input.value = textBefore + field + textAfter;
|
||||
input.focus();
|
||||
input.setSelectionRange(cursorPos + field.length, cursorPos + field.length);
|
||||
}
|
||||
|
||||
closeFieldPickerDialog();
|
||||
}
|
||||
|
||||
// Event Listeners for Header/Footer Dialog
|
||||
|
||||
// Close buttons
|
||||
document.getElementById('header-footer-close').addEventListener('click', closeHeaderFooterDialog);
|
||||
document.getElementById('header-footer-cancel').addEventListener('click', closeHeaderFooterDialog);
|
||||
document.getElementById('header-footer-save').addEventListener('click', saveHeaderFooterSettings);
|
||||
|
||||
// Enable/disable checkbox
|
||||
document.getElementById('hf-enabled').addEventListener('change', toggleConfigContent);
|
||||
|
||||
// Field insert buttons
|
||||
document.querySelectorAll('.field-insert-btn').forEach(btn => {
|
||||
btn.addEventListener('click', () => {
|
||||
const target = btn.getAttribute('data-target');
|
||||
openFieldPickerDialog(target);
|
||||
});
|
||||
});
|
||||
|
||||
// Logo browse buttons
|
||||
document.getElementById('header-logo-browse').addEventListener('click', () => browseForLogo('header'));
|
||||
document.getElementById('footer-logo-browse').addEventListener('click', () => browseForLogo('footer'));
|
||||
|
||||
// Logo clear buttons
|
||||
document.getElementById('header-logo-clear').addEventListener('click', () => clearLogo('header'));
|
||||
document.getElementById('footer-logo-clear').addEventListener('click', () => clearLogo('footer'));
|
||||
|
||||
// Field picker dialog
|
||||
document.getElementById('field-picker-close').addEventListener('click', closeFieldPickerDialog);
|
||||
document.querySelectorAll('.field-option').forEach(btn => {
|
||||
btn.addEventListener('click', () => {
|
||||
const field = btn.getAttribute('data-field');
|
||||
insertDynamicField(field);
|
||||
});
|
||||
});
|
||||
|
||||
// Export function to make openHeaderFooterDialog accessible globally
|
||||
window.openHeaderFooterDialog = openHeaderFooterDialog;
|
||||
|
||||
// Listen for menu command to open dialog
|
||||
ipcRenderer.on('open-header-footer-dialog', () => {
|
||||
openHeaderFooterDialog();
|
||||
});
|
||||
+457
-3
@@ -1098,6 +1098,117 @@ body.theme-dark #add-metadata-field {
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* PDF Editor Specific Styles */
|
||||
.pdf-editor-content {
|
||||
max-width: 600px !important;
|
||||
max-height: 85vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.pdf-editor-body {
|
||||
min-height: 200px;
|
||||
max-height: calc(85vh - 150px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.pdf-operation-section {
|
||||
animation: fadeIn 0.3s ease-in;
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.pdf-operation-section.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Make PDF Editor sections more compact */
|
||||
.pdf-operation-section .export-section {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.pdf-operation-section .export-section:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* File list styling for merge operation */
|
||||
.file-list {
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
min-height: 100px;
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.file-entry {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 8px;
|
||||
margin-bottom: 6px;
|
||||
background: white;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.file-entry:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.file-name {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
margin-right: 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.remove-file {
|
||||
padding: 4px 10px;
|
||||
background: #dc3545;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.remove-file:hover {
|
||||
background: #c82333;
|
||||
}
|
||||
|
||||
/* Theme support for PDF Editor */
|
||||
body.theme-dark .file-list {
|
||||
background: #1a1a1a;
|
||||
border-color: #555;
|
||||
}
|
||||
|
||||
body.theme-dark .file-entry {
|
||||
background: #2d2d2d;
|
||||
border-color: #444;
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
body.theme-dark .pdf-editor-content {
|
||||
background: #2d2d2d;
|
||||
}
|
||||
|
||||
body.theme-dark .pdf-editor-body {
|
||||
background: #2d2d2d;
|
||||
}
|
||||
|
||||
body.theme-dark .form-row button:hover,
|
||||
body.theme-dark #add-metadata-field:hover {
|
||||
background: #333;
|
||||
@@ -2833,14 +2944,34 @@ body.theme-concrete-warm .status-bar {
|
||||
#editor-container,
|
||||
.editor-container,
|
||||
#status-bar,
|
||||
.status-bar {
|
||||
.status-bar,
|
||||
.toolbar,
|
||||
.tab-bar,
|
||||
.editor-pane,
|
||||
[id^="editor-pane-"],
|
||||
.dialog,
|
||||
.modal-overlay,
|
||||
.export-dialog {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Ensure body and html take full width */
|
||||
html, body {
|
||||
width: 100% !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
/* Show preview in full width */
|
||||
#preview,
|
||||
.preview,
|
||||
.preview-content {
|
||||
.preview-content,
|
||||
[id^="preview-"],
|
||||
[id^="preview-pane-"],
|
||||
.tab-content,
|
||||
.pane {
|
||||
display: block !important;
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
@@ -2848,16 +2979,29 @@ body.theme-concrete-warm .status-bar {
|
||||
margin: 0 !important;
|
||||
padding: 20px !important;
|
||||
overflow: visible !important;
|
||||
position: static !important;
|
||||
left: auto !important;
|
||||
right: auto !important;
|
||||
top: auto !important;
|
||||
bottom: auto !important;
|
||||
}
|
||||
|
||||
/* Optimize preview content for printing */
|
||||
.preview-content {
|
||||
.preview-content,
|
||||
[id^="preview-"] {
|
||||
line-height: 1.6;
|
||||
font-size: 12pt;
|
||||
color: #000 !important;
|
||||
background: white !important;
|
||||
}
|
||||
|
||||
/* No-styles mode for printing without theme colors */
|
||||
body.printing-no-styles .preview-content,
|
||||
body.printing-no-styles [id^="preview-"] {
|
||||
color: #000 !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
/* Text formatting */
|
||||
.preview-content h1,
|
||||
.preview-content h2,
|
||||
@@ -2956,13 +3100,33 @@ body.theme-concrete-warm .status-bar {
|
||||
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,
|
||||
@@ -2973,11 +3137,13 @@ body.theme-concrete-warm .status-bar {
|
||||
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;
|
||||
@@ -2992,3 +3158,291 @@ body.theme-concrete-warm .status-bar {
|
||||
color: #333 !important;
|
||||
border-color: #999 !important;
|
||||
}
|
||||
|
||||
/* ================================
|
||||
Header & Footer Dialog Styles
|
||||
================================ */
|
||||
|
||||
.hf-enable-section {
|
||||
margin-bottom: 20px;
|
||||
padding: 15px;
|
||||
background: var(--bg-secondary, #f5f5f5);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.hf-enable-section label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.hf-enable-section input[type="checkbox"] {
|
||||
margin-right: 10px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#hf-config-content {
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
|
||||
#hf-config-content.disabled {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.hf-section {
|
||||
margin-bottom: 25px;
|
||||
padding: 20px;
|
||||
background: var(--bg-tertiary, #fafafa);
|
||||
border-radius: 8px;
|
||||
border: 1px solid var(--border-color, #e0e0e0);
|
||||
}
|
||||
|
||||
.hf-section h4 {
|
||||
margin: 0 0 15px 0;
|
||||
color: var(--text-primary, #333);
|
||||
font-size: 16px;
|
||||
border-bottom: 2px solid var(--accent-color, #007bff);
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.hf-row {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.hf-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.hf-column label {
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
color: var(--text-secondary, #666);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.hf-column input[type="text"] {
|
||||
padding: 8px 35px 8px 10px;
|
||||
border: 1px solid var(--border-color, #ccc);
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
background: var(--input-bg, white);
|
||||
color: var(--text-primary, #333);
|
||||
transition: border-color 0.2s ease;
|
||||
}
|
||||
|
||||
.hf-column input[type="text"]:focus {
|
||||
outline: none;
|
||||
border-color: var(--accent-color, #007bff);
|
||||
box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
|
||||
}
|
||||
|
||||
.field-insert-btn {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
padding: 0;
|
||||
background: var(--accent-color, #007bff);
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
line-height: 1;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.field-insert-btn:hover {
|
||||
background: var(--accent-hover, #0056b3);
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.field-insert-btn:active {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
.hf-logo-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 15px;
|
||||
background: var(--bg-secondary, #f5f5f5);
|
||||
border-radius: 6px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.hf-logo-row label {
|
||||
font-weight: 600;
|
||||
color: var(--text-secondary, #666);
|
||||
min-width: 120px;
|
||||
}
|
||||
|
||||
.hf-logo-row input[type="file"] {
|
||||
flex: 1;
|
||||
padding: 6px 10px;
|
||||
border: 1px solid var(--border-color, #ccc);
|
||||
border-radius: 4px;
|
||||
background: var(--input-bg, white);
|
||||
color: var(--text-primary, #333);
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.hf-logo-row input[type="file"]::-webkit-file-upload-button {
|
||||
padding: 5px 12px;
|
||||
background: var(--button-bg, #6c757d);
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.hf-logo-row input[type="file"]::-webkit-file-upload-button:hover {
|
||||
background: var(--button-hover, #5a6268);
|
||||
}
|
||||
|
||||
.browse-btn {
|
||||
padding: 6px 12px;
|
||||
background: var(--accent-color, #007bff);
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
transition: background 0.2s ease;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.browse-btn:hover {
|
||||
background: var(--accent-hover, #0056b3);
|
||||
}
|
||||
|
||||
.clear-btn {
|
||||
padding: 6px 12px;
|
||||
background: var(--danger-color, #dc3545);
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
transition: background 0.2s ease;
|
||||
}
|
||||
|
||||
.clear-btn:hover {
|
||||
background: var(--danger-hover, #c82333);
|
||||
}
|
||||
|
||||
.logo-preview {
|
||||
font-size: 12px;
|
||||
color: var(--text-secondary, #666);
|
||||
max-width: 150px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.hf-help {
|
||||
margin-top: 20px;
|
||||
padding: 15px;
|
||||
background: var(--info-bg, #e7f3ff);
|
||||
border-left: 4px solid var(--info-color, #007bff);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.hf-help p {
|
||||
margin: 0 0 10px 0;
|
||||
font-weight: 600;
|
||||
color: var(--text-primary, #333);
|
||||
}
|
||||
|
||||
.hf-help ul {
|
||||
margin: 0;
|
||||
padding-left: 20px;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.hf-help li {
|
||||
margin-bottom: 6px;
|
||||
color: var(--text-secondary, #555);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.hf-help code {
|
||||
background: rgba(0, 123, 255, 0.1);
|
||||
padding: 2px 6px;
|
||||
border-radius: 3px;
|
||||
font-family: 'Courier New', monospace;
|
||||
color: var(--accent-color, #007bff);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Field Picker Dialog */
|
||||
.field-picker-list {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.field-option {
|
||||
padding: 12px 16px;
|
||||
background: var(--bg-secondary, #f5f5f5);
|
||||
border: 1px solid var(--border-color, #ddd);
|
||||
border-radius: 6px;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
color: var(--text-primary, #333);
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.field-option:hover {
|
||||
background: var(--accent-color, #007bff);
|
||||
color: white;
|
||||
border-color: var(--accent-color, #007bff);
|
||||
transform: translateX(5px);
|
||||
}
|
||||
|
||||
/* Dark Theme Support for Header/Footer Dialog */
|
||||
body[data-theme="dark"] .hf-enable-section,
|
||||
body[data-theme="dark"] .hf-logo-row {
|
||||
background: #2d2d2d;
|
||||
}
|
||||
|
||||
body[data-theme="dark"] .hf-section {
|
||||
background: #252525;
|
||||
border-color: #404040;
|
||||
}
|
||||
|
||||
body[data-theme="dark"] .hf-column input[type="text"],
|
||||
body[data-theme="dark"] .hf-logo-row input[type="file"] {
|
||||
background: #2d2d2d;
|
||||
color: #e0e0e0;
|
||||
border-color: #404040;
|
||||
}
|
||||
|
||||
body[data-theme="dark"] .hf-help {
|
||||
background: rgba(0, 123, 255, 0.15);
|
||||
border-left-color: #0d6efd;
|
||||
}
|
||||
|
||||
body[data-theme="dark"] .field-option {
|
||||
background: #2d2d2d;
|
||||
border-color: #404040;
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
body[data-theme="dark"] .field-option:hover {
|
||||
background: #0d6efd;
|
||||
color: white;
|
||||
}
|
||||
@@ -0,0 +1,659 @@
|
||||
/**
|
||||
* 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, startPage = 3) {
|
||||
this.templatePath = templatePath || path.join(__dirname, '../word_template.docx');
|
||||
this.startPage = startPage; // Which page to start inserting content
|
||||
}
|
||||
|
||||
/**
|
||||
* 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 the specified start page
|
||||
const modifiedXml = this.insertContentAfterPage(documentXml, newContentXml, this.startPage);
|
||||
|
||||
// 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 the specified page in the document
|
||||
* @param {string} documentXml - The document XML
|
||||
* @param {string} newContentXml - The new content to insert
|
||||
* @param {number} afterPage - Insert content after this page number (1-based)
|
||||
*/
|
||||
insertContentAfterPage(documentXml, newContentXml, afterPage) {
|
||||
// Find section breaks that mark page boundaries
|
||||
// Look for the section properties tag that marks page breaks
|
||||
const sectionBreakRegex = /<w:sectPr[^>]*>[\s\S]*?<\/w:sectPr>/g;
|
||||
const matches = [...documentXml.matchAll(sectionBreakRegex)];
|
||||
|
||||
// Calculate which section break to insert after
|
||||
// Page 1 = before 1st section break
|
||||
// Page 2 = after 1st section break
|
||||
// Page 3 = after 2nd section break, etc.
|
||||
const sectionIndex = afterPage - 1;
|
||||
|
||||
if (matches.length >= sectionIndex && sectionIndex > 0) {
|
||||
// Insert after the specified section break
|
||||
const insertPoint = matches[sectionIndex - 1].index + matches[sectionIndex - 1][0].length;
|
||||
return documentXml.slice(0, insertPoint) + newContentXml + documentXml.slice(insertPoint);
|
||||
} else if (afterPage === 1 || matches.length === 0) {
|
||||
// Insert at the beginning (after <w:body>) or if no section breaks found
|
||||
const bodyStart = documentXml.indexOf('<w:body>') + 8;
|
||||
return documentXml.slice(0, bodyStart) + newContentXml + documentXml.slice(bodyStart);
|
||||
} else {
|
||||
// If not enough section breaks, 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 - renders each line as separate paragraph
|
||||
* to preserve exact formatting like in preview (monospace, no wrapping)
|
||||
*/
|
||||
createCodeBlockXml(code) {
|
||||
const lines = code.split('\n');
|
||||
let xml = '';
|
||||
|
||||
lines.forEach((line, index) => {
|
||||
const escapedLine = this.escapeXml(line);
|
||||
|
||||
// Each line gets its own paragraph with exact spacing and no wrapping
|
||||
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="284" w:right="0"/>
|
||||
<w:jc w:val="left"/>
|
||||
<w:keepLines/>
|
||||
<w:wordWrap w:val="0"/>
|
||||
</w:pPr>
|
||||
<w:r>
|
||||
<w:rPr>
|
||||
<w:rFonts w:ascii="Consolas" w:hAnsi="Consolas" w:cs="Consolas"/>
|
||||
<w:sz w:val="18"/>
|
||||
<w:szCs w:val="18"/>
|
||||
<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>
|
||||
</w:p>`;
|
||||
});
|
||||
|
||||
return xml;
|
||||
}
|
||||
|
||||
/**
|
||||
* 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('|')) {
|
||||
// Check if it's a proper markdown table (has multiple cells)
|
||||
const cells = line.split('|').filter(c => c.trim());
|
||||
if (cells.length >= 2) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
// Common ASCII art characters (Unicode box drawing and symbols)
|
||||
const asciiArtChars = [
|
||||
'─', '│', '┌', '┐', '└', '┘', '├', '┤', '┬', '┴', '┼', // Box drawing
|
||||
'═', '║', '╔', '╗', '╚', '╝', '╠', '╣', '╦', '╩', '╬', // Double box
|
||||
'╭', '╮', '╯', '╰', // Rounded corners
|
||||
'▲', '▼', '◄', '►', '♦', '●', '○', '■', '□', '◆', '◇', // Shapes
|
||||
'↓', '→', '←', '↑', '↔', '↕', '⇒', '⇐', '⇓', '⇑', // Arrows
|
||||
'┃', '━', '┏', '┓', '┗', '┛', '┣', '┫', '┳', '┻', '╋', // Heavy box
|
||||
'░', '▒', '▓', '█', // Shading
|
||||
];
|
||||
|
||||
// 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*\+[-=_+]+\+/, // +-----+ or +=====+
|
||||
/^\s*\|[-=_]{3,}\|/, // |-----|
|
||||
/^\s*[-=_]{5,}$/, // -----
|
||||
/^\s*\+[-]+\+[-]+\+/, // +---+---+
|
||||
/^\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*\[[^\]]+\]\s*$/, // [Step in brackets]
|
||||
/^\s*<[-=]+>/, // <----> or <====>
|
||||
/^\s*\/[-_\\\/]+\//, // /----/
|
||||
/^\s*\*[-=\*]+\*/, // *----*
|
||||
];
|
||||
|
||||
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!
|
||||
Binary file not shown.
Reference in New Issue
Block a user