Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
9f15a02511 | ||
|
|
9799b95cea | ||
|
|
83150eea88 | ||
|
|
9b2b94ad74 | ||
|
|
17c32f0b7d | ||
|
|
b93129bc44 | ||
|
|
b23e60a704 | ||
|
|
c559b34f3e | ||
|
|
a780f2984a | ||
|
|
0c9961d412 | ||
|
|
ed7a80f99e | ||
|
|
18b7d82610 | ||
|
|
cd1f7ac37d | ||
|
|
7b8a94150a | ||
|
|
2a12a1b034 | ||
|
|
2bc3989c00 | ||
|
|
f50ffe8ed2 | ||
|
|
5376bddc59 | ||
|
|
978e642f0c | ||
|
|
00749ac52c | ||
|
|
d3b67b1388 | ||
|
|
35310beccf | ||
|
|
e1f0aafa88 | ||
|
|
aac496923e | ||
|
|
256f944b88 | ||
|
|
dbe57d2fad | ||
|
|
9a45849003 | ||
|
|
dfb603c2ea | ||
|
|
fda173d9a1 | ||
|
|
ddababf284 | ||
|
|
376fa00b08 | ||
|
|
5cbcfa466d | ||
|
|
328451f88d | ||
|
|
1b10a39b15 | ||
|
|
7fe53b4b9c | ||
|
|
edb163eab4 | ||
|
|
7131d1a38e | ||
|
|
6d3813e5e9 | ||
|
|
bfe362245d | ||
|
|
0d21ddbf15 | ||
|
|
7b5165bcb1 | ||
|
|
5c5cffed83 | ||
|
|
becfec5ae6 | ||
|
|
bd38c5342d | ||
|
|
f3e829ca63 | ||
|
|
b0a96f680a | ||
|
|
a6da95b057 |
@@ -0,0 +1,33 @@
|
|||||||
|
{
|
||||||
|
"permissions": {
|
||||||
|
"allow": [
|
||||||
|
"Bash(git checkout:*)",
|
||||||
|
"Bash(npm install)",
|
||||||
|
"Bash(npm run build:*)",
|
||||||
|
"Bash(rmdir:*)",
|
||||||
|
"Bash(powershell:*)",
|
||||||
|
"Bash(npx electron-builder:*)",
|
||||||
|
"Bash(dir dist)",
|
||||||
|
"Bash(git tag:*)",
|
||||||
|
"Bash(git push:*)",
|
||||||
|
"Bash(gh release create:*)",
|
||||||
|
"Bash(gh auth:*)",
|
||||||
|
"Bash(gh release delete:*)",
|
||||||
|
"Bash(gh release list:*)",
|
||||||
|
"Bash(gh release upload:*)",
|
||||||
|
"Bash(npm install:*)",
|
||||||
|
"Bash(npm uninstall:*)",
|
||||||
|
"Bash(git add:*)",
|
||||||
|
"Bash(git commit:*)",
|
||||||
|
"Bash(npm start)",
|
||||||
|
"Read(//h/**)",
|
||||||
|
"Bash(cd:*)",
|
||||||
|
"Bash(npm run build:win-unsigned:*)",
|
||||||
|
"Bash(dir:*)",
|
||||||
|
"Bash(git merge:*)",
|
||||||
|
"Bash(timeout:*)",
|
||||||
|
"Bash(findstr:*)"
|
||||||
|
],
|
||||||
|
"deny": []
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
name: New MCP server
|
||||||
|
version: 0.0.1
|
||||||
|
schema: v1
|
||||||
|
mcpServers:
|
||||||
|
- name: New MCP server
|
||||||
|
command: npx
|
||||||
|
args:
|
||||||
|
- -y
|
||||||
|
- <your-mcp-server>
|
||||||
|
env: {}
|
||||||
@@ -1,36 +1,18 @@
|
|||||||
node_modules/
|
node_modules/
|
||||||
dist/
|
dist/
|
||||||
*.log
|
*.log
|
||||||
.DS_Store
|
.DS_Store
|
||||||
Thumbs.db
|
Thumbs.db
|
||||||
.env
|
.env
|
||||||
.env.local
|
.env.local
|
||||||
*.swp
|
*.swp
|
||||||
*.swo
|
*.swo
|
||||||
*~
|
*~
|
||||||
.vscode/
|
.vscode/
|
||||||
.idea/
|
.idea/
|
||||||
*.iml
|
*.iml
|
||||||
out/
|
out/
|
||||||
.cache/
|
.cache/
|
||||||
.npm/
|
.npm/
|
||||||
.electron/
|
.electron/
|
||||||
package-lock.json
|
package-lock.json
|
||||||
|
|
||||||
# Screenshots and temp files
|
|
||||||
*.png.bak
|
|
||||||
Screen.png
|
|
||||||
dark.png
|
|
||||||
light.png
|
|
||||||
pdf.png
|
|
||||||
uvmodal.png
|
|
||||||
nul
|
|
||||||
*.tmp
|
|
||||||
|
|
||||||
# Development screenshots
|
|
||||||
pdf\ modal.png
|
|
||||||
|
|
||||||
# Claude/AI development files
|
|
||||||
.claude/
|
|
||||||
CLAUDE.md
|
|
||||||
agents.md
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
{
|
|
||||||
"semi": true,
|
|
||||||
"singleQuote": true,
|
|
||||||
"tabWidth": 2,
|
|
||||||
"useTabs": false,
|
|
||||||
"trailingComma": "es5",
|
|
||||||
"bracketSpacing": true,
|
|
||||||
"arrowParens": "always",
|
|
||||||
"printWidth": 100,
|
|
||||||
"endOfLine": "auto"
|
|
||||||
}
|
|
||||||
@@ -0,0 +1,569 @@
|
|||||||
|
# PanConverter - Claude Development Guide
|
||||||
|
|
||||||
|
## Project Overview
|
||||||
|
|
||||||
|
**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.1
|
||||||
|
**Author**: Amit Haridas (amit.wh@gmail.com)
|
||||||
|
**License**: MIT
|
||||||
|
**Repository**: https://github.com/amitwh/pan-converter
|
||||||
|
|
||||||
|
## Architecture & Technology Stack
|
||||||
|
|
||||||
|
### Core Technologies
|
||||||
|
- **Electron** - Cross-platform desktop application framework
|
||||||
|
- **Pandoc** - Universal document converter (required system dependency)
|
||||||
|
- **ConvertAPI** - Cloud-based file conversion (200+ formats)
|
||||||
|
- **marked** - Markdown parsing and rendering
|
||||||
|
- **highlight.js** - Syntax highlighting
|
||||||
|
- **KaTeX** - Mathematical expression rendering
|
||||||
|
- **DOMPurify** - HTML sanitization
|
||||||
|
|
||||||
|
### Application Structure
|
||||||
|
```
|
||||||
|
src/
|
||||||
|
├── main.js # Electron main process, menu system, IPC handlers
|
||||||
|
├── renderer.js # TabManager class, multi-file editing, event handling
|
||||||
|
├── index.html # Application layout with tabbed interface
|
||||||
|
├── styles.css # Base styling with multi-theme support
|
||||||
|
└── styles-modern.css # Modern glassmorphism UI design system (v1.7.1)
|
||||||
|
|
||||||
|
assets/
|
||||||
|
└── icon.png # Application icon
|
||||||
|
|
||||||
|
package.json # Dependencies and build configuration
|
||||||
|
CLAUDE.md # Development documentation for AI assistants
|
||||||
|
```
|
||||||
|
|
||||||
|
## Development Commands
|
||||||
|
|
||||||
|
### Prerequisites
|
||||||
|
```bash
|
||||||
|
# Install Node.js dependencies
|
||||||
|
npm install
|
||||||
|
|
||||||
|
# Install Pandoc (required for export functionality)
|
||||||
|
# Ubuntu/Debian:
|
||||||
|
sudo apt-get install pandoc
|
||||||
|
|
||||||
|
# macOS:
|
||||||
|
brew install pandoc
|
||||||
|
|
||||||
|
# Windows: Download from https://pandoc.org/installing.html
|
||||||
|
```
|
||||||
|
|
||||||
|
### Running the Application
|
||||||
|
```bash
|
||||||
|
# Start development server
|
||||||
|
npm start
|
||||||
|
|
||||||
|
# Start with debugging
|
||||||
|
npm start --enable-logging
|
||||||
|
```
|
||||||
|
|
||||||
|
### Building & Packaging
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Generate application icons
|
||||||
|
npm run generate-icons
|
||||||
|
|
||||||
|
# Build for current platform
|
||||||
|
npm run build
|
||||||
|
|
||||||
|
# Platform-specific builds
|
||||||
|
npm run build:win # Windows
|
||||||
|
npm run build:mac # macOS
|
||||||
|
npm run build:linux # Linux (AppImage, .deb, .snap)
|
||||||
|
|
||||||
|
# Build for all platforms
|
||||||
|
npm run dist:all
|
||||||
|
```
|
||||||
|
|
||||||
|
### Git Branch Management
|
||||||
|
```bash
|
||||||
|
# Switch to platform-specific branches
|
||||||
|
git checkout linux # Linux development
|
||||||
|
git checkout macos # macOS development
|
||||||
|
git checkout windows # Windows development
|
||||||
|
git checkout master # Main development branch
|
||||||
|
|
||||||
|
# Update all branches with latest changes
|
||||||
|
git checkout master
|
||||||
|
git push origin master
|
||||||
|
git checkout linux && git merge master && git push origin linux
|
||||||
|
git checkout macos && git merge master && git push origin macos
|
||||||
|
git checkout windows && git merge master && git push origin windows
|
||||||
|
```
|
||||||
|
|
||||||
|
### Release Management
|
||||||
|
```bash
|
||||||
|
# Create and push release tag
|
||||||
|
git tag v1.2.1 -m "Release message"
|
||||||
|
git push origin v1.2.1
|
||||||
|
|
||||||
|
# Create GitHub release with packages
|
||||||
|
gh release create v1.2.1 --title "Title" --notes "Release notes" \
|
||||||
|
"dist/PanConverter-1.2.1.AppImage" \
|
||||||
|
"dist/pan-converter_1.2.1_amd64.deb" \
|
||||||
|
"dist/pan-converter_1.2.1_amd64.snap"
|
||||||
|
```
|
||||||
|
|
||||||
|
## Feature Implementation Guide
|
||||||
|
|
||||||
|
### v1.7.1 Modern UI Design (Latest)
|
||||||
|
|
||||||
|
#### 🎨 Glassmorphism & Gradient UI
|
||||||
|
**Modern Design System** (`src/styles-modern.css`, `src/index.html:7-11`)
|
||||||
|
- **Glassmorphism Effects** - Translucent backgrounds with backdrop-filter blur
|
||||||
|
- **Animated Gradient Background** - Purple-blue gradient that shifts colors dynamically
|
||||||
|
- **CSS Custom Properties** - Centralized theming with CSS variables
|
||||||
|
- **Modern Typography** - Inter font family for UI, JetBrains Mono for code
|
||||||
|
- **Smooth Animations** - CSS transitions with cubic-bezier easing
|
||||||
|
- **Enhanced Hover Effects** - Interactive elements with scale and transform effects
|
||||||
|
- **Custom Scrollbars** - Styled scrollbars matching the modern aesthetic
|
||||||
|
- **Progress Bars** - Shimmer animations and gradient fills
|
||||||
|
|
||||||
|
**Design Features:**
|
||||||
|
- Animated gradient background (15-second color shift loop)
|
||||||
|
- Glass-effect tabs with blur and semi-transparency
|
||||||
|
- Gradient-based buttons with hover/active states
|
||||||
|
- Modern card-based dialogs with rounded corners
|
||||||
|
- Enhanced typography with gradient text for headings
|
||||||
|
- Ripple-like hover effects on interactive elements
|
||||||
|
- Theme variables for consistent colors and spacing
|
||||||
|
- Shadow effects with proper depth perception
|
||||||
|
|
||||||
|
**Technical Implementation:**
|
||||||
|
- Created comprehensive `styles-modern.css` file (780+ lines)
|
||||||
|
- Google Fonts integration (Inter, JetBrains Mono)
|
||||||
|
- CSS Grid and Flexbox for modern layouts
|
||||||
|
- backdrop-filter for glassmorphism (with fallbacks)
|
||||||
|
- CSS animations with @keyframes
|
||||||
|
- RGB/RGBA color system with opacity control
|
||||||
|
- CSS custom properties for easy theming
|
||||||
|
|
||||||
|
### v1.7.0 PDF Editor & Universal Converter
|
||||||
|
|
||||||
|
#### 📄 Comprehensive PDF Editor
|
||||||
|
**Complete PDF Manipulation Suite** (`src/main.js:1566-2068`, `src/index.html:552-921`, `src/renderer.js:1951-2429`)
|
||||||
|
- **Merge PDFs** - Combine multiple PDF files into a single document
|
||||||
|
- **Split PDF** - Split PDFs by page ranges, intervals, or file size
|
||||||
|
- **Compress PDF** - Reduce PDF file size with optimization
|
||||||
|
- **Rotate Pages** - Rotate specific pages or entire documents (90°, 180°, 270°)
|
||||||
|
- **Delete Pages** - Remove unwanted pages from PDFs
|
||||||
|
- **Reorder Pages** - Rearrange pages in any order
|
||||||
|
- **Add Watermark** - Text watermarks with customizable position, size, color, opacity
|
||||||
|
- **Password Protection** - Encrypt PDFs with user and owner passwords
|
||||||
|
- **Remove Password** - Decrypt password-protected PDFs
|
||||||
|
- **Set Permissions** - Control printing, copying, modifying, and other document permissions
|
||||||
|
|
||||||
|
**Technical Implementation:**
|
||||||
|
- Uses `pdf-lib` (v1.17.1) for all PDF operations
|
||||||
|
- Full async/await implementation for optimal performance
|
||||||
|
- Comprehensive error handling and user feedback
|
||||||
|
- Progress indicators for long-running operations
|
||||||
|
- Page range parsing (e.g., "1-5, 7, 9-12")
|
||||||
|
- RGB color conversion for watermarks
|
||||||
|
- Support for encrypted PDFs
|
||||||
|
|
||||||
|
**Watermark Features:**
|
||||||
|
- Multiple positioning options (center, diagonal, corners, top/bottom)
|
||||||
|
- Customizable font size (8-144px)
|
||||||
|
- Adjustable opacity (0-100%)
|
||||||
|
- Color picker for text color
|
||||||
|
- Apply to all pages or custom page ranges
|
||||||
|
|
||||||
|
**Security Features:**
|
||||||
|
- 128-bit and 256-bit encryption support
|
||||||
|
- User password (required to open PDF)
|
||||||
|
- Owner password (required to modify permissions)
|
||||||
|
- Granular permission controls:
|
||||||
|
- Allow/deny printing (high/low resolution)
|
||||||
|
- Allow/deny content modification
|
||||||
|
- Allow/deny content copying
|
||||||
|
- Allow/deny annotations
|
||||||
|
- Allow/deny form filling
|
||||||
|
- Allow/deny accessibility features
|
||||||
|
- Allow/deny document assembly
|
||||||
|
- Allow/deny high-quality printing
|
||||||
|
|
||||||
|
#### 🔄 Universal File Converter
|
||||||
|
**Open-Source Multi-Tool Converter** (`src/main.js:446-600`, `src/index.html:257-483`, `src/renderer.js:1372-1940`)
|
||||||
|
- **LibreOffice** - Document conversions (DOCX, PDF, ODT, RTF, TXT, HTML, XLSX, PPTX)
|
||||||
|
- **ImageMagick** - Image format conversions (JPG, PNG, GIF, TIFF, WebP, SVG, etc.)
|
||||||
|
- **FFmpeg** - Video and audio conversions (MP4, AVI, MOV, MP3, WAV, etc.)
|
||||||
|
- **Pandoc** - Document markup conversions (Markdown, HTML, LaTeX, EPUB, etc.)
|
||||||
|
|
||||||
|
**Features:**
|
||||||
|
- Single file and batch folder conversion
|
||||||
|
- Tool-specific advanced options:
|
||||||
|
- ImageMagick: Quality, DPI, resize, compression type
|
||||||
|
- FFmpeg: Video/audio codecs, bitrate, preset, framerate
|
||||||
|
- LibreOffice: Export quality, page range, bookmarks
|
||||||
|
- Automatic tool detection and availability checking
|
||||||
|
- Recursive folder processing
|
||||||
|
- 100% offline and open-source
|
||||||
|
- No API keys required
|
||||||
|
|
||||||
|
### v1.6.1 Bug Fixes
|
||||||
|
|
||||||
|
#### 🐛 File Association Rendering Fix
|
||||||
|
**Fixed Double-Click File Loading** (`src/main.js:1364-1379`)
|
||||||
|
- Fixed critical issue where files opened via double-click weren't rendering
|
||||||
|
- Added proper wait for renderer load state before sending file data
|
||||||
|
- Implemented `did-finish-load` event listener to prevent race conditions
|
||||||
|
- Files now render correctly when opened from Windows Explorer
|
||||||
|
|
||||||
|
### v1.6.0 Enhanced Markdown Editor & ConvertAPI Integration
|
||||||
|
|
||||||
|
#### ✨ Complete Markdown Toolbar
|
||||||
|
**Additional Formatting Buttons** (`src/index.html:78-98`, `src/renderer.js:596-723`)
|
||||||
|
- **Strikethrough** button - Wraps text with `~~strikethrough~~`
|
||||||
|
- **Code Block** button - Inserts fenced code blocks with triple backticks
|
||||||
|
- **Horizontal Rule** button - Adds section divider with `---`
|
||||||
|
- Complete suite of markdown formatting tools now available
|
||||||
|
|
||||||
|
#### 🔍 Fixed Find & Replace
|
||||||
|
**Focus and Highlighting Improvements** (`src/renderer.js:725-870`)
|
||||||
|
- Fixed focus issue - dialog no longer loses focus while typing
|
||||||
|
- Visual highlighting with text selection showing current match
|
||||||
|
- Smart auto-scroll to display matches prominently
|
||||||
|
- Real-time match counting: "Match X of Y"
|
||||||
|
- Replace single match or replace all functionality
|
||||||
|
- Enter/Shift+Enter keyboard navigation
|
||||||
|
|
||||||
|
#### 📏 Fixed Line Numbers
|
||||||
|
**Line Counting and Synchronization** (`src/renderer.js:337-355`)
|
||||||
|
- Fixed bug using `'\\n'` instead of `'\n'` for line splitting
|
||||||
|
- Added scroll synchronization between line numbers and editor
|
||||||
|
- Line numbers update correctly as you type
|
||||||
|
- Smooth scrolling keeps line numbers aligned
|
||||||
|
|
||||||
|
#### ☁️ ConvertAPI Cloud Integration
|
||||||
|
**200+ Format Cloud Conversion** (`src/main.js:370-416`, `src/index.html:257-307`, `src/renderer.js:1540-1603`)
|
||||||
|
- New **ConvertAPI menu** with cloud-based file conversion
|
||||||
|
- Support for 200+ file formats: MD, DOCX, PDF, HTML, JPG, PNG, EPUB, ODT
|
||||||
|
- Secure API key storage in localStorage for reuse
|
||||||
|
- Real-time conversion status and progress tracking
|
||||||
|
- Free tier: 250 conversions per month
|
||||||
|
- Professional conversion dialog with format selection
|
||||||
|
- Get API key at: https://www.convertapi.com
|
||||||
|
|
||||||
|
**Technical Implementation:**
|
||||||
|
- Installed `convertapi` npm package (v1.15.0)
|
||||||
|
- IPC handlers for cloud conversion workflow
|
||||||
|
- Error handling and user feedback dialogs
|
||||||
|
- Async/await pattern for conversion operations
|
||||||
|
|
||||||
|
### v1.5.0 Enhanced Features & Open Source Compatibility
|
||||||
|
|
||||||
|
#### 🔧 Export Function Fixes & Optional Advanced Options
|
||||||
|
**Export Dialog Enhancement** (`src/index.html:125-133`, `src/renderer.js:960-985`)
|
||||||
|
- Fixed export function issues after advanced export options integration
|
||||||
|
- Added optional advanced export options via checkbox toggle (unchecked by default)
|
||||||
|
- Basic export options always visible, advanced options hidden until enabled
|
||||||
|
- Clean UI separation between simple and advanced export workflows
|
||||||
|
|
||||||
|
#### 🏗️ Open Source Compatibility & Dependency Removal
|
||||||
|
**Removed Proprietary Dependencies** (`src/main.js:430-450`, `package.json:32-37`)
|
||||||
|
- Removed bundled Pandoc binaries - now requires system-installed Pandoc
|
||||||
|
- Replaced proprietary XLSX dependency with open-source CSV export
|
||||||
|
- Removed non-essential bundled binaries to ensure open-source compatibility
|
||||||
|
- Updated export functions to use system Pandoc installation
|
||||||
|
|
||||||
|
#### ✨ Advanced User Experience Features
|
||||||
|
**Auto-Save System** (`src/renderer.js:445-484`)
|
||||||
|
- Automatic saving every 30 seconds with visual indicators
|
||||||
|
- Smooth slide-in animation for auto-save notifications
|
||||||
|
- Prevents data loss during extended editing sessions
|
||||||
|
- Integrated with file opening and tab creation workflows
|
||||||
|
|
||||||
|
**Enhanced Document Statistics** (`src/renderer.js:385-444`)
|
||||||
|
- Comprehensive statistics: words, characters, lines, paragraphs, sentences
|
||||||
|
- Estimated reading time calculation (200 words per minute)
|
||||||
|
- Real-time updates as user types
|
||||||
|
- Professional presentation in status bar
|
||||||
|
|
||||||
|
**Recent Files Management** (`src/main.js:69-114`, `src/renderer.js:487-512`)
|
||||||
|
- Recent files menu with last 10 opened files
|
||||||
|
- Persistent storage via localStorage and user data directory
|
||||||
|
- Menu integration with File > Recent Files submenu
|
||||||
|
- Clear recent files functionality with menu rebuild
|
||||||
|
|
||||||
|
**Mathematical Expression Support** (`src/renderer.js:1099-1130`, `src/renderer.js:292-306`)
|
||||||
|
- KaTeX integration for rendering mathematical expressions
|
||||||
|
- Support for multiple delimiters: $$, $, \\[\\], \\(\\)
|
||||||
|
- Real-time math rendering in preview pane
|
||||||
|
- Fallback handling for missing KaTeX library
|
||||||
|
|
||||||
|
### v1.4.0 Advanced Export & Batch Processing
|
||||||
|
|
||||||
|
#### 🔧 Fixed File Association Support
|
||||||
|
**File Loading Fix** (`src/main.js:385-390`, `src/renderer.js:485-486`)
|
||||||
|
- Fixed timing issue with file association loading
|
||||||
|
- Added proper `renderer-ready` event to ensure TabManager is initialized
|
||||||
|
- Files now open correctly when double-clicked or opened via right-click menu
|
||||||
|
- Command-line file arguments are properly handled on startup
|
||||||
|
|
||||||
|
#### 🎛️ Advanced Export Options Dialog
|
||||||
|
**Template & Metadata Support** (`src/main.js:247-357`, `src/index.html:117-212`)
|
||||||
|
- Comprehensive export options dialog with professional UI
|
||||||
|
- Template selection (default or custom template files)
|
||||||
|
- Metadata fields (title, author, date, subject) with dynamic field addition
|
||||||
|
- Document options: Table of Contents, section numbering, citations
|
||||||
|
- PDF-specific options: Engine selection (XeLaTeX, PDFLaTeX, LuaLaTeX), custom margins
|
||||||
|
- Bibliography support: .bib, .yaml, .json files with CSL styling
|
||||||
|
- All export formats now use enhanced options dialog
|
||||||
|
|
||||||
|
#### 📁 Batch File Conversion System
|
||||||
|
**Multi-File Processing** (`src/main.js:179-186`, `src/main.js:559-690`)
|
||||||
|
- New "Batch" menu for converting entire folders
|
||||||
|
- Recursive folder processing with progress tracking
|
||||||
|
- Support for all export formats with advanced options
|
||||||
|
- Real-time progress bar and file-by-file status updates
|
||||||
|
- Maintains folder structure in output directory
|
||||||
|
- Error handling with completion statistics
|
||||||
|
|
||||||
|
#### 🎨 Enhanced UI Components
|
||||||
|
**Dialog System** (`src/styles.css:838-1361`)
|
||||||
|
- Professional modal dialogs with backdrop and animations
|
||||||
|
- Theme-aware styling for all new components
|
||||||
|
- Responsive layouts with proper accessibility
|
||||||
|
- Form validation and user feedback systems
|
||||||
|
- Progress indicators for long-running operations
|
||||||
|
|
||||||
|
### v1.3.x Tabbed Interface & Enhanced Features
|
||||||
|
|
||||||
|
#### 🗂️ Tabbed Multi-File Support (v1.3.0)
|
||||||
|
**TabManager Class** (`src/renderer.js`)
|
||||||
|
- Complete tab management system for multiple files
|
||||||
|
- Tab switching, creation, and closure
|
||||||
|
- State preservation per tab (content, cursor position, scroll)
|
||||||
|
- File path tracking for each tab
|
||||||
|
- Keyboard shortcuts: `Ctrl/Cmd+T` (new tab), `Ctrl/Cmd+W` (close tab)
|
||||||
|
|
||||||
|
#### 🎯 Enhanced PDF Export (v1.3.0)
|
||||||
|
**Multi-Engine Fallback System** (`src/main.js:239-280`)
|
||||||
|
- Primary: XeLaTeX with proper margins
|
||||||
|
- Fallback 1: PDFLaTeX
|
||||||
|
- Fallback 2: wkhtmltopdf
|
||||||
|
- Automatic engine detection and switching
|
||||||
|
|
||||||
|
#### 📁 File Association Support (v1.3.1)
|
||||||
|
**OS Integration** (`src/main.js:452-498`, `package.json:50-65`)
|
||||||
|
- Double-click .md files to open in PanConverter
|
||||||
|
- Command-line argument handling
|
||||||
|
- Pending file queue for startup loading
|
||||||
|
|
||||||
|
#### 🎨 Typography & Spacing (v1.3.2-1.3.3)
|
||||||
|
**Preview Enhancement** (`src/styles.css`)
|
||||||
|
- Restored ideal text spacing from v1.0
|
||||||
|
- Font sizes increased to 15px for better readability
|
||||||
|
- Comprehensive selector coverage for legacy and new containers
|
||||||
|
- Theme-aware typography for all content types
|
||||||
|
|
||||||
|
### v1.2.1 Comprehensive Editor Enhancements
|
||||||
|
|
||||||
|
#### ✨ Advanced Editor Features
|
||||||
|
|
||||||
|
**Find & Replace System** (`src/renderer.js:200-350`)
|
||||||
|
- Dialog-based interface with match highlighting
|
||||||
|
- Forward/backward navigation through matches
|
||||||
|
- Replace single or replace all functionality
|
||||||
|
- Real-time match counting and status display
|
||||||
|
- Escape key closes dialog
|
||||||
|
|
||||||
|
**Line Numbers** (`src/renderer.js:450-500`, `src/styles.css:517-598`)
|
||||||
|
- Toggle-able line numbers with toolbar button
|
||||||
|
- Synchronized scrolling with editor content
|
||||||
|
- Theme-aware styling for all supported themes
|
||||||
|
- Dynamic line number generation based on content
|
||||||
|
|
||||||
|
**Undo/Redo System** (`src/renderer.js:100-150`)
|
||||||
|
- Stack-based state management for editor history
|
||||||
|
- Keyboard shortcuts: `Ctrl/Cmd+Z` (undo), `Ctrl/Cmd+Shift+Z` (redo)
|
||||||
|
- Intelligent state saving on text changes
|
||||||
|
- Memory-efficient history management
|
||||||
|
|
||||||
|
**Smart Auto-Indentation** (`src/renderer.js:350-400`)
|
||||||
|
- Automatic list continuation on Enter key
|
||||||
|
- Proper indentation handling for nested lists
|
||||||
|
- Support for ordered and unordered lists
|
||||||
|
- Intelligent whitespace management
|
||||||
|
|
||||||
|
**Enhanced Keyboard Shortcuts** (`src/renderer.js:400-450`)
|
||||||
|
- `Tab`/`Shift+Tab` for line indentation/outdentation
|
||||||
|
- `Enter` for auto-continuing lists
|
||||||
|
- `Ctrl/Cmd+F` for find & replace dialog
|
||||||
|
- `Escape` for closing dialogs
|
||||||
|
|
||||||
|
**Word/Character Count** (`src/renderer.js:500-530`)
|
||||||
|
- Live counting displayed in status bar
|
||||||
|
- Updates automatically as content changes
|
||||||
|
- Word and character statistics
|
||||||
|
|
||||||
|
#### 📤 Export & Conversion Features
|
||||||
|
|
||||||
|
**PowerPoint Export** (`src/main.js:330-350`)
|
||||||
|
- Convert markdown to PPTX presentations
|
||||||
|
- Automatic slide-level formatting (`--slide-level=2`)
|
||||||
|
- Smart presentation structure handling
|
||||||
|
|
||||||
|
**Spreadsheet Export** (`src/main.js:370-457`)
|
||||||
|
- Export markdown tables to Excel (XLSX/XLS) and ODS formats
|
||||||
|
- Multi-table support with separate worksheets
|
||||||
|
- Automatic table detection and parsing
|
||||||
|
- Error handling for files without tables
|
||||||
|
|
||||||
|
**Document Import** (`src/main.js:280-315`)
|
||||||
|
- Import DOCX, ODT, RTF, HTML, PDF, PPTX, ODP files
|
||||||
|
- Automatic conversion to markdown format
|
||||||
|
- File dialog with appropriate filters
|
||||||
|
- Success notifications and error handling
|
||||||
|
|
||||||
|
**Table Creation Helper** (`src/renderer.js:600-650`)
|
||||||
|
- Built-in table generator with row/column specification
|
||||||
|
- Automatic markdown table formatting
|
||||||
|
- Proper header separation and alignment
|
||||||
|
|
||||||
|
#### 🎨 Interface & Theming
|
||||||
|
|
||||||
|
**Multi-Theme Support** (`src/styles.css:214-598`)
|
||||||
|
- Light, Dark, Solarized, Monokai, GitHub themes
|
||||||
|
- Complete theming for all UI components
|
||||||
|
- Theme-aware styling for new features (find dialog, line numbers)
|
||||||
|
- Persistent theme selection with local storage
|
||||||
|
|
||||||
|
**Enhanced UI Components** (`src/index.html:94-108`)
|
||||||
|
- Find & replace dialog with modern styling
|
||||||
|
- Toolbar buttons for all new features
|
||||||
|
- Status bar with live statistics
|
||||||
|
- Responsive layout with proper spacing
|
||||||
|
|
||||||
|
## File Structure & Key Components
|
||||||
|
|
||||||
|
### Main Process (`src/main.js`)
|
||||||
|
- **Menu System**: Comprehensive menu with file operations, editing, conversion, view options, batch processing
|
||||||
|
- **IPC Handlers**: Communication between main and renderer processes
|
||||||
|
- **File Operations**: Open, save, import/export functionality with file association support
|
||||||
|
- **Export System**: Advanced export with templates, metadata, and Pandoc integration
|
||||||
|
- **Batch Processing**: Multi-file conversion with progress tracking and error handling
|
||||||
|
- **Theme Management**: Persistent theme storage and application
|
||||||
|
- **Spreadsheet Export**: Table extraction and XLSX generation
|
||||||
|
- **About Dialog**: Application information and feature list
|
||||||
|
|
||||||
|
### Renderer Process (`src/renderer.js`)
|
||||||
|
- **Editor Initialization**: CodeMirror-like functionality with custom implementation
|
||||||
|
- **TabManager System**: Multi-file editing with state management
|
||||||
|
- **Find & Replace Engine**: Search algorithms with regex support
|
||||||
|
- **Undo/Redo Manager**: History stack management
|
||||||
|
- **Auto-indentation Logic**: Smart list continuation
|
||||||
|
- **Live Preview**: Real-time markdown rendering with DOMPurify
|
||||||
|
- **Export Dialog Management**: Advanced options collection and validation
|
||||||
|
- **Batch Conversion Interface**: Folder selection, progress tracking, and user feedback
|
||||||
|
- **Event Handling**: Keyboard shortcuts and UI interactions
|
||||||
|
- **Statistics Tracking**: Word/character counting
|
||||||
|
|
||||||
|
### Styling (`src/styles.css`)
|
||||||
|
- **Base Styles**: Application layout and typography
|
||||||
|
- **Component Styles**: Toolbar, editor, preview, dialogs
|
||||||
|
- **Theme Implementations**: Complete styling for all themes
|
||||||
|
- **Responsive Design**: Flexible layouts and proper spacing
|
||||||
|
- **Animation Support**: Smooth transitions and hover effects
|
||||||
|
|
||||||
|
### HTML Structure (`src/index.html`)
|
||||||
|
- **Toolbar**: Feature buttons with SVG icons
|
||||||
|
- **Tab Bar**: Multi-file navigation with close buttons
|
||||||
|
- **Find Dialog**: Search and replace interface
|
||||||
|
- **Export Options Dialog**: Advanced export configuration with templates and metadata
|
||||||
|
- **Batch Conversion Dialog**: Folder selection and conversion progress
|
||||||
|
- **Editor Container**: Line numbers and text editor with tab content management
|
||||||
|
- **Preview Pane**: Rendered markdown display
|
||||||
|
- **Status Bar**: Statistics and application status
|
||||||
|
|
||||||
|
## Testing & Quality Assurance
|
||||||
|
|
||||||
|
### Manual Testing Checklist
|
||||||
|
- [ ] All keyboard shortcuts work correctly
|
||||||
|
- [ ] Find & replace functions properly with edge cases
|
||||||
|
- [ ] Line numbers sync correctly with content
|
||||||
|
- [ ] Undo/redo preserves cursor position
|
||||||
|
- [ ] Auto-indentation works with various list types
|
||||||
|
- [ ] File association loading (double-click .md files)
|
||||||
|
- [ ] Export options dialog with templates and metadata
|
||||||
|
- [ ] Batch conversion with progress tracking
|
||||||
|
- [ ] All themes render correctly for new components
|
||||||
|
- [ ] Export functions work with various document formats
|
||||||
|
- [ ] Table creation and export functionality
|
||||||
|
- [ ] Cross-platform compatibility
|
||||||
|
|
||||||
|
### Known Issues & Limitations
|
||||||
|
- AppImage may require `--no-sandbox` flag on some Linux systems
|
||||||
|
- Large files (>1MB) may cause performance issues
|
||||||
|
- Windows/Mac builds require platform-specific environments
|
||||||
|
- Pandoc must be installed separately for export functionality
|
||||||
|
|
||||||
|
## Deployment & Distribution
|
||||||
|
|
||||||
|
### Release Packages
|
||||||
|
- **Linux AppImage**: Universal Linux package (self-contained)
|
||||||
|
- **Debian Package**: `.deb` for Ubuntu/Debian systems
|
||||||
|
- **Snap Package**: Universal Linux package via Snap Store
|
||||||
|
- **Future**: Windows `.exe` and macOS `.dmg` packages
|
||||||
|
|
||||||
|
### Release Process
|
||||||
|
1. Update version in `package.json`, `src/main.js`, and `README.md`
|
||||||
|
2. Commit changes and push to all platform branches
|
||||||
|
3. Build platform-specific packages
|
||||||
|
4. Create Git tag and GitHub release
|
||||||
|
5. Upload packages to GitHub release
|
||||||
|
6. Update documentation and announce release
|
||||||
|
|
||||||
|
## Contributing Guidelines
|
||||||
|
|
||||||
|
### Code Style
|
||||||
|
- Use consistent indentation (2 spaces)
|
||||||
|
- Follow JavaScript ES6+ standards
|
||||||
|
- Comment complex functionality
|
||||||
|
- Maintain separation between main and renderer processes
|
||||||
|
- Use descriptive variable and function names
|
||||||
|
|
||||||
|
### Adding New Features
|
||||||
|
1. Plan feature implementation and UI integration
|
||||||
|
2. Update relevant files (main.js, renderer.js, styles.css)
|
||||||
|
3. Test across all supported themes
|
||||||
|
4. Update documentation and README
|
||||||
|
5. Test on multiple platforms if possible
|
||||||
|
6. Submit pull request with detailed description
|
||||||
|
|
||||||
|
### Bug Reporting
|
||||||
|
- Include steps to reproduce
|
||||||
|
- Specify platform and version information
|
||||||
|
- Attach relevant screenshots or error logs
|
||||||
|
- Check existing issues before creating new ones
|
||||||
|
|
||||||
|
## Future Roadmap
|
||||||
|
|
||||||
|
### Planned Features
|
||||||
|
- [ ] Collaborative editing capabilities
|
||||||
|
- [ ] Plugin system for extensions
|
||||||
|
- [ ] Advanced markdown extensions (math, diagrams)
|
||||||
|
- [ ] Cloud synchronization options
|
||||||
|
- [ ] Mobile companion app
|
||||||
|
- [ ] Advanced export templates
|
||||||
|
- [ ] Spell check and grammar checking
|
||||||
|
- [ ] Version control integration
|
||||||
|
|
||||||
|
### Technical Improvements
|
||||||
|
- [ ] Performance optimization for large files
|
||||||
|
- [ ] Memory usage optimization
|
||||||
|
- [ ] Startup time improvements
|
||||||
|
- [ ] Better error handling and user feedback
|
||||||
|
- [ ] Automated testing suite
|
||||||
|
- [ ] Continuous integration/deployment
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
**Last Updated**: October 11, 2025
|
||||||
|
**Claude Assistant**: Development completed for v1.7.1 with modern glassmorphism UI design featuring animated gradient backgrounds, translucent glass effects, smooth animations, enhanced typography with Inter and JetBrains Mono fonts, and comprehensive CSS custom properties for consistent theming.
|
||||||
@@ -1,103 +1,103 @@
|
|||||||
# Export Functionality Fix - Summary
|
# Export Functionality Fix - Summary
|
||||||
|
|
||||||
## Issues Found and Fixed
|
## Issues Found and Fixed
|
||||||
|
|
||||||
### 1. **Primary Issue: Pandoc Installation Problem**
|
### 1. **Primary Issue: Pandoc Installation Problem**
|
||||||
- **Problem**: Pandoc is installed but has a system error (paging file too small)
|
- **Problem**: Pandoc is installed but has a system error (paging file too small)
|
||||||
- **Impact**: All pandoc-dependent exports (DOCX, LaTeX, etc.) were failing
|
- **Impact**: All pandoc-dependent exports (DOCX, LaTeX, etc.) were failing
|
||||||
- **Solution**: Added robust fallback mechanisms
|
- **Solution**: Added robust fallback mechanisms
|
||||||
|
|
||||||
### 2. **Export Function Improvements**
|
### 2. **Export Function Improvements**
|
||||||
|
|
||||||
#### Before (Issues):
|
#### Before (Issues):
|
||||||
- ❌ No pandoc availability checking
|
- ❌ No pandoc availability checking
|
||||||
- ❌ Poor error messages
|
- ❌ Poor error messages
|
||||||
- ❌ No fallback for missing pandoc
|
- ❌ No fallback for missing pandoc
|
||||||
- ❌ Limited debugging information
|
- ❌ Limited debugging information
|
||||||
|
|
||||||
#### After (Fixed):
|
#### After (Fixed):
|
||||||
- ✅ **Pandoc Detection**: Automatically checks if pandoc is available
|
- ✅ **Pandoc Detection**: Automatically checks if pandoc is available
|
||||||
- ✅ **Built-in HTML Export**: Works without pandoc using marked library
|
- ✅ **Built-in HTML Export**: Works without pandoc using marked library
|
||||||
- ✅ **Built-in PDF Export**: Works without pandoc using Electron's printToPDF
|
- ✅ **Built-in PDF Export**: Works without pandoc using Electron's printToPDF
|
||||||
- ✅ **Better Error Messages**: Clear instructions for users
|
- ✅ **Better Error Messages**: Clear instructions for users
|
||||||
- ✅ **Comprehensive Logging**: Debug information in console
|
- ✅ **Comprehensive Logging**: Debug information in console
|
||||||
- ✅ **Graceful Fallbacks**: Falls back to built-in converters when pandoc fails
|
- ✅ **Graceful Fallbacks**: Falls back to built-in converters when pandoc fails
|
||||||
|
|
||||||
## How It Works Now
|
## How It Works Now
|
||||||
|
|
||||||
### Export Process Flow:
|
### Export Process Flow:
|
||||||
1. **User clicks export** → Check if file is saved
|
1. **User clicks export** → Check if file is saved
|
||||||
2. **Select output location** → Show save dialog
|
2. **Select output location** → Show save dialog
|
||||||
3. **Check pandoc availability** → Async pandoc detection
|
3. **Check pandoc availability** → Async pandoc detection
|
||||||
4. **Choose export method**:
|
4. **Choose export method**:
|
||||||
- **If pandoc available**: Use pandoc with format-specific options
|
- **If pandoc available**: Use pandoc with format-specific options
|
||||||
- **If pandoc not available**:
|
- **If pandoc not available**:
|
||||||
- HTML → Use built-in marked converter
|
- HTML → Use built-in marked converter
|
||||||
- PDF → Use Electron's printToPDF
|
- PDF → Use Electron's printToPDF
|
||||||
- Other formats → Show helpful error with installation guide
|
- Other formats → Show helpful error with installation guide
|
||||||
|
|
||||||
### Supported Export Formats:
|
### Supported Export Formats:
|
||||||
|
|
||||||
#### ✅ **Always Work** (no pandoc required):
|
#### ✅ **Always Work** (no pandoc required):
|
||||||
- **HTML**: Built-in converter using marked library
|
- **HTML**: Built-in converter using marked library
|
||||||
- **PDF**: Built-in converter using Electron
|
- **PDF**: Built-in converter using Electron
|
||||||
|
|
||||||
#### ✅ **Work with Pandoc** (better quality):
|
#### ✅ **Work with Pandoc** (better quality):
|
||||||
- **DOCX**: Microsoft Word format
|
- **DOCX**: Microsoft Word format
|
||||||
- **LaTeX**: LaTeX document
|
- **LaTeX**: LaTeX document
|
||||||
- **RTF**: Rich Text Format
|
- **RTF**: Rich Text Format
|
||||||
- **ODT**: OpenDocument Text
|
- **ODT**: OpenDocument Text
|
||||||
- **EPUB**: E-book format
|
- **EPUB**: E-book format
|
||||||
- **PPTX**: PowerPoint presentations
|
- **PPTX**: PowerPoint presentations
|
||||||
- **ODP**: OpenDocument Presentations
|
- **ODP**: OpenDocument Presentations
|
||||||
|
|
||||||
## Testing the Fixes
|
## Testing the Fixes
|
||||||
|
|
||||||
### Manual Test Procedure:
|
### Manual Test Procedure:
|
||||||
1. **Start the application**: `npm start`
|
1. **Start the application**: `npm start`
|
||||||
2. **Open test file**: Load `test-export.md`
|
2. **Open test file**: Load `test-export.md`
|
||||||
3. **Test HTML export**: File → Export → HTML (should work)
|
3. **Test HTML export**: File → Export → HTML (should work)
|
||||||
4. **Test PDF export**: File → Export → PDF (should work)
|
4. **Test PDF export**: File → Export → PDF (should work)
|
||||||
5. **Test DOCX export**: File → Export → DOCX (will show pandoc error)
|
5. **Test DOCX export**: File → Export → DOCX (will show pandoc error)
|
||||||
|
|
||||||
### Expected Behavior:
|
### Expected Behavior:
|
||||||
- **HTML/PDF exports**: Should work immediately and create files
|
- **HTML/PDF exports**: Should work immediately and create files
|
||||||
- **Other format exports**: Should show informative error about pandoc
|
- **Other format exports**: Should show informative error about pandoc
|
||||||
- **Console logs**: Should show debug information about export process
|
- **Console logs**: Should show debug information about export process
|
||||||
|
|
||||||
## Fix Summary
|
## Fix Summary
|
||||||
|
|
||||||
### Code Changes Made:
|
### Code Changes Made:
|
||||||
1. **Added `checkPandocAvailability()` function** - Detects pandoc
|
1. **Added `checkPandocAvailability()` function** - Detects pandoc
|
||||||
2. **Added `exportToHTML()` function** - Built-in HTML export
|
2. **Added `exportToHTML()` function** - Built-in HTML export
|
||||||
3. **Added `exportToPDFElectron()` function** - Built-in PDF export
|
3. **Added `exportToPDFElectron()` function** - Built-in PDF export
|
||||||
4. **Added `exportWithPandoc()` helper** - Generic pandoc export
|
4. **Added `exportWithPandoc()` helper** - Generic pandoc export
|
||||||
5. **Added `exportWithPandocPDF()` helper** - PDF with fallbacks
|
5. **Added `exportWithPandocPDF()` helper** - PDF with fallbacks
|
||||||
6. **Improved `exportFile()` function** - Main export logic with detection
|
6. **Improved `exportFile()` function** - Main export logic with detection
|
||||||
7. **Enhanced error handling** - Better user messages
|
7. **Enhanced error handling** - Better user messages
|
||||||
8. **Added comprehensive logging** - Debug information
|
8. **Added comprehensive logging** - Debug information
|
||||||
|
|
||||||
### Files Modified:
|
### Files Modified:
|
||||||
- `src/main.js` - Enhanced export functionality
|
- `src/main.js` - Enhanced export functionality
|
||||||
- `test-export.md` - Created test file
|
- `test-export.md` - Created test file
|
||||||
- `test-export-functionality.js` - Created test script
|
- `test-export-functionality.js` - Created test script
|
||||||
|
|
||||||
## User Instructions
|
## User Instructions
|
||||||
|
|
||||||
### For Users Without Pandoc:
|
### For Users Without Pandoc:
|
||||||
- ✅ **HTML and PDF exports work perfectly**
|
- ✅ **HTML and PDF exports work perfectly**
|
||||||
- ✅ **No additional software needed**
|
- ✅ **No additional software needed**
|
||||||
- ✅ **Professional-looking output with proper styling**
|
- ✅ **Professional-looking output with proper styling**
|
||||||
|
|
||||||
### For Users Who Want All Formats:
|
### For Users Who Want All Formats:
|
||||||
1. **Install Pandoc**: Visit https://pandoc.org/installing.html
|
1. **Install Pandoc**: Visit https://pandoc.org/installing.html
|
||||||
2. **For PDF with LaTeX**: Also install MiKTeX or TeX Live
|
2. **For PDF with LaTeX**: Also install MiKTeX or TeX Live
|
||||||
3. **Restart the application** after installation
|
3. **Restart the application** after installation
|
||||||
4. **All export formats will then be available**
|
4. **All export formats will then be available**
|
||||||
|
|
||||||
## Result
|
## Result
|
||||||
🎉 **Export functionality is now working reliably!**
|
🎉 **Export functionality is now working reliably!**
|
||||||
- Built-in exports (HTML, PDF) work without any dependencies
|
- Built-in exports (HTML, PDF) work without any dependencies
|
||||||
- Clear error messages guide users for advanced formats
|
- Clear error messages guide users for advanced formats
|
||||||
- Robust error handling prevents crashes
|
- Robust error handling prevents crashes
|
||||||
- Better user experience with informative dialogs
|
- Better user experience with informative dialogs
|
||||||
@@ -1,82 +1,82 @@
|
|||||||
# GEMINI.md
|
# GEMINI.md
|
||||||
|
|
||||||
## Project Overview
|
## Project Overview
|
||||||
|
|
||||||
This project is a cross-platform Markdown editor and converter named **PanConverter**. It is built using the Electron framework, allowing it to run on Windows, macOS, and Linux. The application provides a rich text editor for writing Markdown, a live preview pane, and robust export capabilities powered by Pandoc.
|
This project is a cross-platform Markdown editor and converter named **PanConverter**. It is built using the Electron framework, allowing it to run on Windows, macOS, and Linux. The application provides a rich text editor for writing Markdown, a live preview pane, and robust export capabilities powered by Pandoc.
|
||||||
|
|
||||||
The core technologies used are:
|
The core technologies used are:
|
||||||
- **Electron:** For creating the desktop application.
|
- **Electron:** For creating the desktop application.
|
||||||
- **JavaScript:** The primary programming language.
|
- **JavaScript:** The primary programming language.
|
||||||
- **Pandoc:** For converting Markdown to various formats like PDF, DOCX, HTML, etc.
|
- **Pandoc:** For converting Markdown to various formats like PDF, DOCX, HTML, etc.
|
||||||
- **Marked:** For parsing and rendering the Markdown preview in real-time.
|
- **Marked:** For parsing and rendering the Markdown preview in real-time.
|
||||||
- **CodeMirror:** As the underlying text editor component.
|
- **CodeMirror:** As the underlying text editor component.
|
||||||
- **highlight.js:** For syntax highlighting in the editor.
|
- **highlight.js:** For syntax highlighting in the editor.
|
||||||
- **DOMPurify:** To sanitize the HTML output in the preview pane for security.
|
- **DOMPurify:** To sanitize the HTML output in the preview pane for security.
|
||||||
|
|
||||||
The application features a tabbed interface for working with multiple files, various themes, find and replace functionality, and detailed document statistics.
|
The application features a tabbed interface for working with multiple files, various themes, find and replace functionality, and detailed document statistics.
|
||||||
|
|
||||||
## Building and Running
|
## Building and Running
|
||||||
|
|
||||||
To build and run this project locally, you will need to have Node.js and npm installed.
|
To build and run this project locally, you will need to have Node.js and npm installed.
|
||||||
|
|
||||||
### Installation
|
### Installation
|
||||||
|
|
||||||
1. **Clone the repository:**
|
1. **Clone the repository:**
|
||||||
```bash
|
```bash
|
||||||
git clone https://github.com/amitwh/pan-converter.git
|
git clone https://github.com/amitwh/pan-converter.git
|
||||||
cd pan-converter
|
cd pan-converter
|
||||||
```
|
```
|
||||||
|
|
||||||
2. **Install dependencies:**
|
2. **Install dependencies:**
|
||||||
```bash
|
```bash
|
||||||
npm install
|
npm install
|
||||||
```
|
```
|
||||||
|
|
||||||
### Running the Application
|
### Running the Application
|
||||||
|
|
||||||
To run the application in development mode, use the following command:
|
To run the application in development mode, use the following command:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm start
|
npm start
|
||||||
```
|
```
|
||||||
|
|
||||||
### Building the Application
|
### Building the Application
|
||||||
|
|
||||||
You can build the application for different platforms using the scripts defined in `package.json`.
|
You can build the application for different platforms using the scripts defined in `package.json`.
|
||||||
|
|
||||||
- **Build for the current platform:**
|
- **Build for the current platform:**
|
||||||
```bash
|
```bash
|
||||||
npm run build
|
npm run build
|
||||||
```
|
```
|
||||||
|
|
||||||
- **Build for a specific platform:**
|
- **Build for a specific platform:**
|
||||||
```bash
|
```bash
|
||||||
npm run build:win # For Windows
|
npm run build:win # For Windows
|
||||||
npm run build:mac # For macOS
|
npm run build:mac # For macOS
|
||||||
npm run build:linux # For Linux
|
npm run build:linux # For Linux
|
||||||
```
|
```
|
||||||
|
|
||||||
- **Build for all platforms at once:**
|
- **Build for all platforms at once:**
|
||||||
```bash
|
```bash
|
||||||
npm run dist:all
|
npm run dist:all
|
||||||
```
|
```
|
||||||
|
|
||||||
The distributable files will be located in the `dist/` directory.
|
The distributable files will be located in the `dist/` directory.
|
||||||
|
|
||||||
### Testing
|
### Testing
|
||||||
|
|
||||||
The project does not have a dedicated test suite configured. The `test` script in `package.json` currently returns an error.
|
The project does not have a dedicated test suite configured. The `test` script in `package.json` currently returns an error.
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm test
|
npm test
|
||||||
```
|
```
|
||||||
|
|
||||||
## Development Conventions
|
## Development Conventions
|
||||||
|
|
||||||
- **Code Style:** The codebase is written in JavaScript (ES6+). There is no linter or formatter configured, but the code generally follows standard JavaScript conventions.
|
- **Code Style:** The codebase is written in JavaScript (ES6+). There is no linter or formatter configured, but the code generally follows standard JavaScript conventions.
|
||||||
- **Main vs. Renderer Process:** The application logic is split between the Electron main process (`src/main.js`) and the renderer process (`src/renderer.js`).
|
- **Main vs. Renderer Process:** The application logic is split between the Electron main process (`src/main.js`) and the renderer process (`src/renderer.js`).
|
||||||
- `src/main.js` handles window management, application menus, file system operations, and communication with the operating system.
|
- `src/main.js` handles window management, application menus, file system operations, and communication with the operating system.
|
||||||
- `src/renderer.js` manages the user interface, editor functionality, and the Markdown preview.
|
- `src/renderer.js` manages the user interface, editor functionality, and the Markdown preview.
|
||||||
- **Dependencies:** Project dependencies are managed through `package.json`. `devDependencies` are used for the build process, while `dependencies` are required for the application to run.
|
- **Dependencies:** Project dependencies are managed through `package.json`. `devDependencies` are used for the build process, while `dependencies` are required for the application to run.
|
||||||
- **User Data:** The application stores settings and recent files in the user's application data directory.
|
- **User Data:** The application stores settings and recent files in the user's application data directory.
|
||||||
- **Pandoc Integration:** The application relies on a system-installed version of Pandoc for its export functionality. It does not bundle Pandoc.
|
- **Pandoc Integration:** The application relies on a system-installed version of Pandoc for its export functionality. It does not bundle Pandoc.
|
||||||
|
|||||||
@@ -1,21 +1,21 @@
|
|||||||
MIT License
|
MIT License
|
||||||
|
|
||||||
Copyright (c) 2024 Amit Haridas
|
Copyright (c) 2024 Amit Haridas
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
in the Software without restriction, including without limitation the rights
|
in the Software without restriction, including without limitation the rights
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
furnished to do so, subject to the following conditions:
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in all
|
The above copyright notice and this permission notice shall be included in all
|
||||||
copies or substantial portions of the Software.
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
SOFTWARE.
|
SOFTWARE.
|
||||||
@@ -1,12 +1,95 @@
|
|||||||
# Test Double-Click File Opening
|
# Push Instructions for Pan Converter
|
||||||
|
|
||||||
This is a test file to verify double-click functionality.
|
## Prerequisites
|
||||||
|
1. Create a new repository on GitHub: https://github.com/new
|
||||||
## Features to Test
|
- Repository name: `pan-converter`
|
||||||
- File should load automatically
|
- Keep it empty (no README, .gitignore, or license)
|
||||||
- Content should display in editor
|
- Make it public or private as desired
|
||||||
- Tab should show filename
|
|
||||||
- Preview should render markdown
|
2. Set up authentication:
|
||||||
|
- **Option A - SSH Key** (Recommended):
|
||||||
**This text should be bold**
|
```bash
|
||||||
*This text should be italic*
|
# Check if you have SSH key
|
||||||
|
ls -la ~/.ssh/id_rsa.pub
|
||||||
|
|
||||||
|
# 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
|
||||||
@@ -1,378 +1,378 @@
|
|||||||
\hypertarget{panconverter}{%
|
\hypertarget{panconverter}{%
|
||||||
\section{PanConverter}\label{panconverter}}
|
\section{PanConverter}\label{panconverter}}
|
||||||
|
|
||||||
A cross-platform Markdown editor and converter powered by Pandoc.
|
A cross-platform Markdown editor and converter powered by Pandoc.
|
||||||
|
|
||||||
\begin{figure}
|
\begin{figure}
|
||||||
\centering
|
\centering
|
||||||
\includegraphics{assets/icon.png}
|
\includegraphics{assets/icon.png}
|
||||||
\caption{PanConverter}
|
\caption{PanConverter}
|
||||||
\end{figure}
|
\end{figure}
|
||||||
|
|
||||||
\hypertarget{features}{%
|
\hypertarget{features}{%
|
||||||
\subsection{Features}\label{features}}
|
\subsection{Features}\label{features}}
|
||||||
|
|
||||||
\hypertarget{advanced-markdown-editor}{%
|
\hypertarget{advanced-markdown-editor}{%
|
||||||
\subsubsection{✨ Advanced Markdown
|
\subsubsection{✨ Advanced Markdown
|
||||||
Editor}\label{advanced-markdown-editor}}
|
Editor}\label{advanced-markdown-editor}}
|
||||||
|
|
||||||
\begin{itemize}
|
\begin{itemize}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
🗂️ \textbf{Tabbed Interface} - Work with multiple files simultaneously
|
🗂️ \textbf{Tabbed Interface} - Work with multiple files simultaneously
|
||||||
in separate tabs
|
in separate tabs
|
||||||
\item
|
\item
|
||||||
📝 \textbf{Rich Text Editor} - Full-featured editor with syntax
|
📝 \textbf{Rich Text Editor} - Full-featured editor with syntax
|
||||||
highlighting and comprehensive toolbar
|
highlighting and comprehensive toolbar
|
||||||
\item
|
\item
|
||||||
🔍 \textbf{Find \& Replace} - Powerful search and replace with match
|
🔍 \textbf{Find \& Replace} - Powerful search and replace with match
|
||||||
highlighting and navigation
|
highlighting and navigation
|
||||||
\item
|
\item
|
||||||
🔢 \textbf{Line Numbers} - Toggle line numbers for easier code editing
|
🔢 \textbf{Line Numbers} - Toggle line numbers for easier code editing
|
||||||
and navigation
|
and navigation
|
||||||
\item
|
\item
|
||||||
↩️ \textbf{Smart Auto-Indentation} - Automatic list continuation and
|
↩️ \textbf{Smart Auto-Indentation} - Automatic list continuation and
|
||||||
intelligent indentation
|
intelligent indentation
|
||||||
\item
|
\item
|
||||||
⏪ \textbf{Undo/Redo} - Full undo/redo support with keyboard shortcuts
|
⏪ \textbf{Undo/Redo} - Full undo/redo support with keyboard shortcuts
|
||||||
\item
|
\item
|
||||||
⌨️ \textbf{Advanced Shortcuts} - Tab indentation, line selection, and
|
⌨️ \textbf{Advanced Shortcuts} - Tab indentation, line selection, and
|
||||||
smart text formatting
|
smart text formatting
|
||||||
\item
|
\item
|
||||||
📂 \textbf{File Association Support} - Open markdown files directly
|
📂 \textbf{File Association Support} - Open markdown files directly
|
||||||
from file manager
|
from file manager
|
||||||
\end{itemize}
|
\end{itemize}
|
||||||
|
|
||||||
\hypertarget{themes-interface}{%
|
\hypertarget{themes-interface}{%
|
||||||
\subsubsection{🎨 Themes \& Interface}\label{themes-interface}}
|
\subsubsection{🎨 Themes \& Interface}\label{themes-interface}}
|
||||||
|
|
||||||
\begin{itemize}
|
\begin{itemize}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
👁️ \textbf{Live Preview} - See your markdown rendered in real-time
|
👁️ \textbf{Live Preview} - See your markdown rendered in real-time
|
||||||
with synchronized scrolling
|
with synchronized scrolling
|
||||||
\item
|
\item
|
||||||
🎨 \textbf{Multiple Themes} - Choose from Light, Dark, Solarized,
|
🎨 \textbf{Multiple Themes} - Choose from Light, Dark, Solarized,
|
||||||
Monokai, or GitHub themes
|
Monokai, or GitHub themes
|
||||||
\item
|
\item
|
||||||
💾 \textbf{Auto-Save} - Never lose your work with automatic saving
|
💾 \textbf{Auto-Save} - Never lose your work with automatic saving
|
||||||
every 30 seconds
|
every 30 seconds
|
||||||
\end{itemize}
|
\end{itemize}
|
||||||
|
|
||||||
\hypertarget{export-conversion}{%
|
\hypertarget{export-conversion}{%
|
||||||
\subsubsection{📤 Export \& Conversion}\label{export-conversion}}
|
\subsubsection{📤 Export \& Conversion}\label{export-conversion}}
|
||||||
|
|
||||||
\begin{itemize}
|
\begin{itemize}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
📄 \textbf{Enhanced PDF Export} - Robust PDF generation with multiple
|
📄 \textbf{Enhanced PDF Export} - Robust PDF generation with multiple
|
||||||
LaTeX engine fallbacks (XeLaTeX, PDFLaTeX, wkhtmltopdf)
|
LaTeX engine fallbacks (XeLaTeX, PDFLaTeX, wkhtmltopdf)
|
||||||
\item
|
\item
|
||||||
📄 \textbf{Document Export} - Convert to HTML, DOCX, LaTeX, RTF, ODT,
|
📄 \textbf{Document Export} - Convert to HTML, DOCX, LaTeX, RTF, ODT,
|
||||||
EPUB, PowerPoint (PPTX), and OpenDocument Presentation (ODP)
|
EPUB, PowerPoint (PPTX), and OpenDocument Presentation (ODP)
|
||||||
\item
|
\item
|
||||||
📊 \textbf{Spreadsheet Export} - Export markdown tables to Excel
|
📊 \textbf{Spreadsheet Export} - Export markdown tables to Excel
|
||||||
(XLSX/XLS) and OpenDocument Spreadsheet (ODS) formats
|
(XLSX/XLS) and OpenDocument Spreadsheet (ODS) formats
|
||||||
\item
|
\item
|
||||||
📥 \textbf{Document Import} - Import DOCX, ODT, RTF, HTML, PDF, and
|
📥 \textbf{Document Import} - Import DOCX, ODT, RTF, HTML, PDF, and
|
||||||
presentation files to markdown
|
presentation files to markdown
|
||||||
\item
|
\item
|
||||||
📋 \textbf{Table Creation Helper} - Built-in table generator for easy
|
📋 \textbf{Table Creation Helper} - Built-in table generator for easy
|
||||||
markdown table creation
|
markdown table creation
|
||||||
\end{itemize}
|
\end{itemize}
|
||||||
|
|
||||||
\hypertarget{platform-support}{%
|
\hypertarget{platform-support}{%
|
||||||
\subsubsection{🖥️ Platform Support}\label{platform-support}}
|
\subsubsection{🖥️ Platform Support}\label{platform-support}}
|
||||||
|
|
||||||
\begin{itemize}
|
\begin{itemize}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
\textbf{Cross-Platform} - Works seamlessly on Windows, macOS, and
|
\textbf{Cross-Platform} - Works seamlessly on Windows, macOS, and
|
||||||
Linux
|
Linux
|
||||||
\end{itemize}
|
\end{itemize}
|
||||||
|
|
||||||
\hypertarget{installation}{%
|
\hypertarget{installation}{%
|
||||||
\subsection{Installation}\label{installation}}
|
\subsection{Installation}\label{installation}}
|
||||||
|
|
||||||
\hypertarget{prerequisites}{%
|
\hypertarget{prerequisites}{%
|
||||||
\subsubsection{Prerequisites}\label{prerequisites}}
|
\subsubsection{Prerequisites}\label{prerequisites}}
|
||||||
|
|
||||||
\begin{itemize}
|
\begin{itemize}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
\href{https://pandoc.org/installing.html}{Pandoc} must be installed
|
\href{https://pandoc.org/installing.html}{Pandoc} must be installed
|
||||||
for export functionality
|
for export functionality
|
||||||
|
|
||||||
\begin{itemize}
|
\begin{itemize}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
\textbf{Ubuntu/Debian}: \texttt{sudo\ apt-get\ install\ pandoc}
|
\textbf{Ubuntu/Debian}: \texttt{sudo\ apt-get\ install\ pandoc}
|
||||||
\item
|
\item
|
||||||
\textbf{macOS}: \texttt{brew\ install\ pandoc}
|
\textbf{macOS}: \texttt{brew\ install\ pandoc}
|
||||||
\item
|
\item
|
||||||
\textbf{Windows}: Download installer from Pandoc website
|
\textbf{Windows}: Download installer from Pandoc website
|
||||||
\end{itemize}
|
\end{itemize}
|
||||||
\end{itemize}
|
\end{itemize}
|
||||||
|
|
||||||
\hypertarget{pdf-export-requirements}{%
|
\hypertarget{pdf-export-requirements}{%
|
||||||
\subsubsection{PDF Export Requirements}\label{pdf-export-requirements}}
|
\subsubsection{PDF Export Requirements}\label{pdf-export-requirements}}
|
||||||
|
|
||||||
For optimal PDF export, install a LaTeX engine (recommended): -
|
For optimal PDF export, install a LaTeX engine (recommended): -
|
||||||
\textbf{Ubuntu/Debian}:
|
\textbf{Ubuntu/Debian}:
|
||||||
\texttt{sudo\ apt-get\ install\ texlive-xetex\ texlive-latex-base} -
|
\texttt{sudo\ apt-get\ install\ texlive-xetex\ texlive-latex-base} -
|
||||||
\textbf{macOS}: \texttt{brew\ install\ -\/-cask\ mactex} -
|
\textbf{macOS}: \texttt{brew\ install\ -\/-cask\ mactex} -
|
||||||
\textbf{Windows}: Install MiKTeX or TeX Live - \textbf{Alternative}:
|
\textbf{Windows}: Install MiKTeX or TeX Live - \textbf{Alternative}:
|
||||||
\texttt{sudo\ apt-get\ install\ wkhtmltopdf} (fallback option)
|
\texttt{sudo\ apt-get\ install\ wkhtmltopdf} (fallback option)
|
||||||
|
|
||||||
\hypertarget{download}{%
|
\hypertarget{download}{%
|
||||||
\subsubsection{Download}\label{download}}
|
\subsubsection{Download}\label{download}}
|
||||||
|
|
||||||
Download the latest release for your platform from the
|
Download the latest release for your platform from the
|
||||||
\href{https://github.com/amitwh/pan-converter/releases}{Releases} page.
|
\href{https://github.com/amitwh/pan-converter/releases}{Releases} page.
|
||||||
|
|
||||||
\hypertarget{linux}{%
|
\hypertarget{linux}{%
|
||||||
\paragraph{Linux}\label{linux}}
|
\paragraph{Linux}\label{linux}}
|
||||||
|
|
||||||
\begin{itemize}
|
\begin{itemize}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
\textbf{AppImage}: \texttt{PanConverter-1.3.1.AppImage} (universal,
|
\textbf{AppImage}: \texttt{PanConverter-1.3.1.AppImage} (universal,
|
||||||
may require \texttt{-\/-no-sandbox} flag)
|
may require \texttt{-\/-no-sandbox} flag)
|
||||||
\item
|
\item
|
||||||
\textbf{Debian Package}: \texttt{pan-converter\_1.3.1\_amd64.deb}
|
\textbf{Debian Package}: \texttt{pan-converter\_1.3.1\_amd64.deb}
|
||||||
\item
|
\item
|
||||||
\textbf{Snap Package}: \texttt{pan-converter\_1.3.1\_amd64.snap}
|
\textbf{Snap Package}: \texttt{pan-converter\_1.3.1\_amd64.snap}
|
||||||
\end{itemize}
|
\end{itemize}
|
||||||
|
|
||||||
\hypertarget{install-from-source}{%
|
\hypertarget{install-from-source}{%
|
||||||
\subsubsection{Install from Source}\label{install-from-source}}
|
\subsubsection{Install from Source}\label{install-from-source}}
|
||||||
|
|
||||||
\begin{Shaded}
|
\begin{Shaded}
|
||||||
\begin{Highlighting}[]
|
\begin{Highlighting}[]
|
||||||
\FunctionTok{git}\NormalTok{ clone https://github.com/amitwh/pan{-}converter.git}
|
\FunctionTok{git}\NormalTok{ clone https://github.com/amitwh/pan{-}converter.git}
|
||||||
\BuiltInTok{cd}\NormalTok{ pan{-}converter}
|
\BuiltInTok{cd}\NormalTok{ pan{-}converter}
|
||||||
\ExtensionTok{npm}\NormalTok{ install}
|
\ExtensionTok{npm}\NormalTok{ install}
|
||||||
\ExtensionTok{npm}\NormalTok{ start}
|
\ExtensionTok{npm}\NormalTok{ start}
|
||||||
\end{Highlighting}
|
\end{Highlighting}
|
||||||
\end{Shaded}
|
\end{Shaded}
|
||||||
|
|
||||||
\hypertarget{usage}{%
|
\hypertarget{usage}{%
|
||||||
\subsection{Usage}\label{usage}}
|
\subsection{Usage}\label{usage}}
|
||||||
|
|
||||||
\hypertarget{basic-workflow}{%
|
\hypertarget{basic-workflow}{%
|
||||||
\subsubsection{Basic Workflow}\label{basic-workflow}}
|
\subsubsection{Basic Workflow}\label{basic-workflow}}
|
||||||
|
|
||||||
\begin{enumerate}
|
\begin{enumerate}
|
||||||
\def\labelenumi{\arabic{enumi}.}
|
\def\labelenumi{\arabic{enumi}.}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
\textbf{Write} - Use the editor to write your Markdown content
|
\textbf{Write} - Use the editor to write your Markdown content
|
||||||
\item
|
\item
|
||||||
\textbf{Preview} - Toggle the preview pane to see rendered output
|
\textbf{Preview} - Toggle the preview pane to see rendered output
|
||||||
\item
|
\item
|
||||||
\textbf{Theme} - Choose your preferred theme from the View menu
|
\textbf{Theme} - Choose your preferred theme from the View menu
|
||||||
\item
|
\item
|
||||||
\textbf{Export} - Export your document to various formats
|
\textbf{Export} - Export your document to various formats
|
||||||
\end{enumerate}
|
\end{enumerate}
|
||||||
|
|
||||||
\hypertarget{export-options}{%
|
\hypertarget{export-options}{%
|
||||||
\subsubsection{Export Options}\label{export-options}}
|
\subsubsection{Export Options}\label{export-options}}
|
||||||
|
|
||||||
\begin{itemize}
|
\begin{itemize}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
\textbf{Documents}: HTML, PDF, DOCX, LaTeX, RTF, ODT, EPUB
|
\textbf{Documents}: HTML, PDF, DOCX, LaTeX, RTF, ODT, EPUB
|
||||||
\item
|
\item
|
||||||
\textbf{Presentations}: PowerPoint (PPTX), OpenDocument Presentation
|
\textbf{Presentations}: PowerPoint (PPTX), OpenDocument Presentation
|
||||||
(ODP)
|
(ODP)
|
||||||
\item
|
\item
|
||||||
\textbf{Spreadsheets}: Excel (XLSX/XLS), OpenDocument Spreadsheet
|
\textbf{Spreadsheets}: Excel (XLSX/XLS), OpenDocument Spreadsheet
|
||||||
(ODS)
|
(ODS)
|
||||||
\end{itemize}
|
\end{itemize}
|
||||||
|
|
||||||
\hypertarget{import-conversion}{%
|
\hypertarget{import-conversion}{%
|
||||||
\subsubsection{Import \& Conversion}\label{import-conversion}}
|
\subsubsection{Import \& Conversion}\label{import-conversion}}
|
||||||
|
|
||||||
\begin{itemize}
|
\begin{itemize}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
\textbf{Import Documents}: Convert DOCX, ODT, RTF, HTML, PDF, and
|
\textbf{Import Documents}: Convert DOCX, ODT, RTF, HTML, PDF, and
|
||||||
presentation files to Markdown
|
presentation files to Markdown
|
||||||
\item
|
\item
|
||||||
\textbf{Cross-Format Conversion}: Convert current file between
|
\textbf{Cross-Format Conversion}: Convert current file between
|
||||||
multiple formats
|
multiple formats
|
||||||
\item
|
\item
|
||||||
\textbf{Smart Presentation Handling}: Automatic slide-level formatting
|
\textbf{Smart Presentation Handling}: Automatic slide-level formatting
|
||||||
for PPTX/ODP exports
|
for PPTX/ODP exports
|
||||||
\end{itemize}
|
\end{itemize}
|
||||||
|
|
||||||
\hypertarget{table-creation}{%
|
\hypertarget{table-creation}{%
|
||||||
\subsubsection{Table Creation}\label{table-creation}}
|
\subsubsection{Table Creation}\label{table-creation}}
|
||||||
|
|
||||||
\begin{itemize}
|
\begin{itemize}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
Click the table button in the toolbar
|
Click the table button in the toolbar
|
||||||
\item
|
\item
|
||||||
Specify number of rows and columns
|
Specify number of rows and columns
|
||||||
\item
|
\item
|
||||||
Automatically generates properly formatted Markdown tables
|
Automatically generates properly formatted Markdown tables
|
||||||
\end{itemize}
|
\end{itemize}
|
||||||
|
|
||||||
\hypertarget{keyboard-shortcuts}{%
|
\hypertarget{keyboard-shortcuts}{%
|
||||||
\subsection{Keyboard Shortcuts}\label{keyboard-shortcuts}}
|
\subsection{Keyboard Shortcuts}\label{keyboard-shortcuts}}
|
||||||
|
|
||||||
\hypertarget{file-operations}{%
|
\hypertarget{file-operations}{%
|
||||||
\subsubsection{File Operations}\label{file-operations}}
|
\subsubsection{File Operations}\label{file-operations}}
|
||||||
|
|
||||||
\begin{itemize}
|
\begin{itemize}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
\texttt{Ctrl/Cmd\ +\ N} - New file/tab
|
\texttt{Ctrl/Cmd\ +\ N} - New file/tab
|
||||||
\item
|
\item
|
||||||
\texttt{Ctrl/Cmd\ +\ T} - New tab
|
\texttt{Ctrl/Cmd\ +\ T} - New tab
|
||||||
\item
|
\item
|
||||||
\texttt{Ctrl/Cmd\ +\ W} - Close current tab
|
\texttt{Ctrl/Cmd\ +\ W} - Close current tab
|
||||||
\item
|
\item
|
||||||
\texttt{Ctrl/Cmd\ +\ Tab} - Switch to next tab
|
\texttt{Ctrl/Cmd\ +\ Tab} - Switch to next tab
|
||||||
\item
|
\item
|
||||||
\texttt{Ctrl/Cmd\ +\ O} - Open file
|
\texttt{Ctrl/Cmd\ +\ O} - Open file
|
||||||
\item
|
\item
|
||||||
\texttt{Ctrl/Cmd\ +\ S} - Save file
|
\texttt{Ctrl/Cmd\ +\ S} - Save file
|
||||||
\item
|
\item
|
||||||
\texttt{Ctrl/Cmd\ +\ Shift\ +\ S} - Save as
|
\texttt{Ctrl/Cmd\ +\ Shift\ +\ S} - Save as
|
||||||
\item
|
\item
|
||||||
\texttt{Ctrl/Cmd\ +\ I} - Import document
|
\texttt{Ctrl/Cmd\ +\ I} - Import document
|
||||||
\end{itemize}
|
\end{itemize}
|
||||||
|
|
||||||
\hypertarget{editor-features}{%
|
\hypertarget{editor-features}{%
|
||||||
\subsubsection{Editor Features}\label{editor-features}}
|
\subsubsection{Editor Features}\label{editor-features}}
|
||||||
|
|
||||||
\begin{itemize}
|
\begin{itemize}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
\texttt{Ctrl/Cmd\ +\ F} - Find \& Replace
|
\texttt{Ctrl/Cmd\ +\ F} - Find \& Replace
|
||||||
\item
|
\item
|
||||||
\texttt{Ctrl/Cmd\ +\ Z} - Undo
|
\texttt{Ctrl/Cmd\ +\ Z} - Undo
|
||||||
\item
|
\item
|
||||||
\texttt{Ctrl/Cmd\ +\ Shift\ +\ Z} - Redo
|
\texttt{Ctrl/Cmd\ +\ Shift\ +\ Z} - Redo
|
||||||
\item
|
\item
|
||||||
\texttt{Tab} - Indent lines or insert 4 spaces
|
\texttt{Tab} - Indent lines or insert 4 spaces
|
||||||
\item
|
\item
|
||||||
\texttt{Shift\ +\ Tab} - Outdent selected lines
|
\texttt{Shift\ +\ Tab} - Outdent selected lines
|
||||||
\item
|
\item
|
||||||
\texttt{Enter} - Auto-continue lists with proper indentation
|
\texttt{Enter} - Auto-continue lists with proper indentation
|
||||||
\end{itemize}
|
\end{itemize}
|
||||||
|
|
||||||
\hypertarget{view-navigation}{%
|
\hypertarget{view-navigation}{%
|
||||||
\subsubsection{View \& Navigation}\label{view-navigation}}
|
\subsubsection{View \& Navigation}\label{view-navigation}}
|
||||||
|
|
||||||
\begin{itemize}
|
\begin{itemize}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
\texttt{Ctrl/Cmd\ +\ P} - Toggle preview
|
\texttt{Ctrl/Cmd\ +\ P} - Toggle preview
|
||||||
\item
|
\item
|
||||||
\texttt{Ctrl/Cmd\ +\ Enter} - Toggle preview (alternative)
|
\texttt{Ctrl/Cmd\ +\ Enter} - Toggle preview (alternative)
|
||||||
\item
|
\item
|
||||||
\texttt{Escape} - Close find dialog
|
\texttt{Escape} - Close find dialog
|
||||||
\end{itemize}
|
\end{itemize}
|
||||||
|
|
||||||
\hypertarget{building}{%
|
\hypertarget{building}{%
|
||||||
\subsection{Building}\label{building}}
|
\subsection{Building}\label{building}}
|
||||||
|
|
||||||
\begin{Shaded}
|
\begin{Shaded}
|
||||||
\begin{Highlighting}[]
|
\begin{Highlighting}[]
|
||||||
\CommentTok{\# Install dependencies}
|
\CommentTok{\# Install dependencies}
|
||||||
\ExtensionTok{npm}\NormalTok{ install}
|
\ExtensionTok{npm}\NormalTok{ install}
|
||||||
|
|
||||||
\CommentTok{\# Generate icons}
|
\CommentTok{\# Generate icons}
|
||||||
\ExtensionTok{npm}\NormalTok{ run generate{-}icons}
|
\ExtensionTok{npm}\NormalTok{ run generate{-}icons}
|
||||||
|
|
||||||
\CommentTok{\# Build for current platform}
|
\CommentTok{\# Build for current platform}
|
||||||
\ExtensionTok{npm}\NormalTok{ run build}
|
\ExtensionTok{npm}\NormalTok{ run build}
|
||||||
|
|
||||||
\CommentTok{\# Build for specific platform}
|
\CommentTok{\# Build for specific platform}
|
||||||
\ExtensionTok{npm}\NormalTok{ run build:win }\CommentTok{\# Windows}
|
\ExtensionTok{npm}\NormalTok{ run build:win }\CommentTok{\# Windows}
|
||||||
\ExtensionTok{npm}\NormalTok{ run build:mac }\CommentTok{\# macOS }
|
\ExtensionTok{npm}\NormalTok{ run build:mac }\CommentTok{\# macOS }
|
||||||
\ExtensionTok{npm}\NormalTok{ run build:linux }\CommentTok{\# Linux (generates .deb, .AppImage, and .snap)}
|
\ExtensionTok{npm}\NormalTok{ run build:linux }\CommentTok{\# Linux (generates .deb, .AppImage, and .snap)}
|
||||||
|
|
||||||
\CommentTok{\# Build for all platforms}
|
\CommentTok{\# Build for all platforms}
|
||||||
\ExtensionTok{npm}\NormalTok{ run dist:all}
|
\ExtensionTok{npm}\NormalTok{ run dist:all}
|
||||||
\end{Highlighting}
|
\end{Highlighting}
|
||||||
\end{Shaded}
|
\end{Shaded}
|
||||||
|
|
||||||
\hypertarget{version-history}{%
|
\hypertarget{version-history}{%
|
||||||
\subsection{Version History}\label{version-history}}
|
\subsection{Version History}\label{version-history}}
|
||||||
|
|
||||||
\begin{itemize}
|
\begin{itemize}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
\textbf{v1.3.1} - Bug fixes: Fixed file associations for
|
\textbf{v1.3.1} - Bug fixes: Fixed file associations for
|
||||||
double-clicking .md files, corrected 50/50 layout alignment for
|
double-clicking .md files, corrected 50/50 layout alignment for
|
||||||
editor/preview panes
|
editor/preview panes
|
||||||
\item
|
\item
|
||||||
\textbf{v1.3.0} - Major update: Tabbed interface for multiple files,
|
\textbf{v1.3.0} - Major update: Tabbed interface for multiple files,
|
||||||
enhanced PDF export with LaTeX engines, fixed file associations,
|
enhanced PDF export with LaTeX engines, fixed file associations,
|
||||||
removed redundant converter menu, improved UI architecture
|
removed redundant converter menu, improved UI architecture
|
||||||
\item
|
\item
|
||||||
\textbf{v1.2.1} - Comprehensive editor enhancements: Find \& Replace,
|
\textbf{v1.2.1} - Comprehensive editor enhancements: Find \& Replace,
|
||||||
Line Numbers, Undo/Redo, Auto-indentation, PowerPoint export, document
|
Line Numbers, Undo/Redo, Auto-indentation, PowerPoint export, document
|
||||||
conversion menu, table creation helper, spreadsheet export
|
conversion menu, table creation helper, spreadsheet export
|
||||||
\item
|
\item
|
||||||
\textbf{v1.1.0} - Added Excel/ODS spreadsheet export, updated author
|
\textbf{v1.1.0} - Added Excel/ODS spreadsheet export, updated author
|
||||||
information, renamed to PanConverter
|
information, renamed to PanConverter
|
||||||
\item
|
\item
|
||||||
\textbf{v1.0.0} - Initial release with basic markdown editing, themes,
|
\textbf{v1.0.0} - Initial release with basic markdown editing, themes,
|
||||||
and Pandoc export
|
and Pandoc export
|
||||||
\end{itemize}
|
\end{itemize}
|
||||||
|
|
||||||
\hypertarget{known-issues}{%
|
\hypertarget{known-issues}{%
|
||||||
\subsection{Known Issues}\label{known-issues}}
|
\subsection{Known Issues}\label{known-issues}}
|
||||||
|
|
||||||
\begin{itemize}
|
\begin{itemize}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
AppImage may require \texttt{-\/-no-sandbox} flag on some Linux
|
AppImage may require \texttt{-\/-no-sandbox} flag on some Linux
|
||||||
systems
|
systems
|
||||||
\item
|
\item
|
||||||
Windows/Mac builds require platform-specific build environments
|
Windows/Mac builds require platform-specific build environments
|
||||||
\item
|
\item
|
||||||
Large files may cause performance issues
|
Large files may cause performance issues
|
||||||
\end{itemize}
|
\end{itemize}
|
||||||
|
|
||||||
\hypertarget{contributing}{%
|
\hypertarget{contributing}{%
|
||||||
\subsection{Contributing}\label{contributing}}
|
\subsection{Contributing}\label{contributing}}
|
||||||
|
|
||||||
Contributions are welcome! Please feel free to submit a Pull Request to
|
Contributions are welcome! Please feel free to submit a Pull Request to
|
||||||
the \href{https://github.com/amitwh/pan-converter}{GitHub repository}.
|
the \href{https://github.com/amitwh/pan-converter}{GitHub repository}.
|
||||||
|
|
||||||
\hypertarget{license}{%
|
\hypertarget{license}{%
|
||||||
\subsection{License}\label{license}}
|
\subsection{License}\label{license}}
|
||||||
|
|
||||||
MIT License - see LICENSE file for details.
|
MIT License - see LICENSE file for details.
|
||||||
|
|
||||||
\hypertarget{author}{%
|
\hypertarget{author}{%
|
||||||
\subsection{Author}\label{author}}
|
\subsection{Author}\label{author}}
|
||||||
|
|
||||||
\textbf{Amit Haridas} -
|
\textbf{Amit Haridas} -
|
||||||
\href{mailto:amit.wh@gmail.com}{\nolinkurl{amit.wh@gmail.com}}
|
\href{mailto:amit.wh@gmail.com}{\nolinkurl{amit.wh@gmail.com}}
|
||||||
|
|
||||||
\hypertarget{acknowledgments}{%
|
\hypertarget{acknowledgments}{%
|
||||||
\subsection{Acknowledgments}\label{acknowledgments}}
|
\subsection{Acknowledgments}\label{acknowledgments}}
|
||||||
|
|
||||||
\begin{itemize}
|
\begin{itemize}
|
||||||
\tightlist
|
\tightlist
|
||||||
\item
|
\item
|
||||||
Built with \href{https://www.electronjs.org/}{Electron}
|
Built with \href{https://www.electronjs.org/}{Electron}
|
||||||
\item
|
\item
|
||||||
Markdown parsing by \href{https://marked.js.org/}{marked}
|
Markdown parsing by \href{https://marked.js.org/}{marked}
|
||||||
\item
|
\item
|
||||||
Export functionality powered by \href{https://pandoc.org/}{Pandoc}
|
Export functionality powered by \href{https://pandoc.org/}{Pandoc}
|
||||||
\item
|
\item
|
||||||
Syntax highlighting by \href{https://highlightjs.org/}{highlight.js}
|
Syntax highlighting by \href{https://highlightjs.org/}{highlight.js}
|
||||||
\item
|
\item
|
||||||
Spreadsheet export by \href{https://www.npmjs.com/package/xlsx}{XLSX}
|
Spreadsheet export by \href{https://www.npmjs.com/package/xlsx}{XLSX}
|
||||||
\item
|
\item
|
||||||
HTML sanitization by
|
HTML sanitization by
|
||||||
\href{https://www.npmjs.com/package/dompurify}{DOMPurify}
|
\href{https://www.npmjs.com/package/dompurify}{DOMPurify}
|
||||||
\end{itemize}
|
\end{itemize}
|
||||||
|
|||||||
@@ -1,165 +1,174 @@
|
|||||||
# MarkdownConverter
|
# PanConverter
|
||||||
|
|
||||||
A powerful cross-platform Markdown editor and document converter powered by Pandoc, built with Electron. 100% open-source with no proprietary dependencies.
|
A cross-platform Markdown editor and converter powered by Pandoc.
|
||||||
|
|
||||||
## Features
|

|
||||||
|
|
||||||
### Markdown Editor
|
## Features
|
||||||
<img width="1920" height="1032" alt="image" src="https://github.com/user-attachments/assets/5f53ba94-7663-47c3-b12b-b7b8bd2645aa" />
|
|
||||||
- **Multi-tab editing** - Work on multiple files simultaneously
|
### ✨ Advanced Markdown Editor
|
||||||
- **Live preview** - Real-time markdown rendering with syntax highlighting
|
- 🗂️ **Tabbed Interface** - Work with multiple files simultaneously in separate tabs
|
||||||
- **Dynamic splitter** - Drag to resize editor and preview panes
|
- 📝 **Rich Text Editor** - Full-featured editor with syntax highlighting and comprehensive toolbar
|
||||||
- **25+ themes** - Light and dark themes including Atom One Light, Dracula, Nord, Sepia, and more
|
- 🔍 **Find & Replace** - Powerful search and replace with match highlighting and navigation
|
||||||
- **Find & Replace** - Search and replace with regex support
|
- 🔢 **Line Numbers** - Toggle line numbers for easier code editing and navigation
|
||||||
- **Line numbers** - Toggle line numbers in the editor
|
- ↩️ **Smart Auto-Indentation** - Automatic list continuation and intelligent indentation
|
||||||
- **Auto-save** - Automatic saving every 30 seconds
|
- ⏪ **Undo/Redo** - Full undo/redo support with keyboard shortcuts
|
||||||
- **Math support** - KaTeX integration for mathematical expressions
|
- ⌨️ **Advanced Shortcuts** - Tab indentation, line selection, and smart text formatting
|
||||||
|
- 📂 **File Association Support** - Open markdown files directly from file manager
|
||||||
### PDF Viewer & Editor
|
|
||||||
<img width="1920" height="1032" alt="image" src="https://github.com/user-attachments/assets/f10f62be-af3d-496e-81df-37ab4f91abfd" />
|
### 🎨 Themes & Interface
|
||||||
|
- 👁️ **Live Preview** - See your markdown rendered in real-time with synchronized scrolling
|
||||||
- **Built-in PDF viewer** - Open and view PDF files directly in the app
|
- 🎨 **Multiple Themes** - Choose from Light, Dark, Solarized, Monokai, or GitHub themes
|
||||||
- **Page navigation** - Navigate pages with keyboard or buttons
|
- 💾 **Auto-Save** - Never lose your work with automatic saving every 30 seconds
|
||||||
- **Zoom controls** - Zoom in/out, fit to width, fit to page
|
- 📊 **Enhanced Statistics** - Detailed document statistics including word count, character count, lines, paragraphs, sentences, and estimated reading time
|
||||||
- **Rotation** - Rotate pages left or right
|
- 🕒 **Recent Files** - Quick access to recently opened files via File menu
|
||||||
- **PDF Editor tools**:
|
- 🧮 **Math Support** - Render mathematical expressions using KaTeX (supports $$, $, \\[\\], \\(\\) delimiters)
|
||||||
- Merge multiple PDFs
|
|
||||||
- Split PDFs by page range
|
### 📤 Export & Conversion
|
||||||
- Compress PDFs
|
- 📄 **Enhanced PDF Export** - Robust PDF generation with multiple LaTeX engine fallbacks (XeLaTeX, PDFLaTeX, wkhtmltopdf)
|
||||||
- Rotate pages
|
- 📄 **Document Export** - Convert to HTML, DOCX, LaTeX, RTF, ODT, EPUB, PowerPoint (PPTX), and OpenDocument Presentation (ODP)
|
||||||
- Delete pages
|
- 📊 **Spreadsheet Export** - Export markdown tables to CSV format for compatibility with any spreadsheet application
|
||||||
- Reorder pages
|
- 📥 **Document Import** - Import DOCX, ODT, RTF, HTML, PDF, and presentation files to markdown
|
||||||
- Add watermarks
|
- 📋 **Table Creation Helper** - Built-in table generator for easy markdown table creation
|
||||||
- Password protection
|
|
||||||
- Remove passwords
|
### 🖥️ Platform Support
|
||||||
- Set permissions
|
- **Cross-Platform** - Works seamlessly on Windows, macOS, and Linux
|
||||||
|
|
||||||
### Export Options
|
## Installation
|
||||||
- **PDF** - Export to PDF with customizable page sizes and orientation
|
|
||||||
- **DOCX** - Standard and Enhanced (template-based) Word export
|
### Prerequisites
|
||||||
- **ODT** - OpenDocument format
|
- [Pandoc](https://pandoc.org/installing.html) must be installed for export functionality
|
||||||
- **HTML** - Web-ready HTML export
|
- **Ubuntu/Debian**: `sudo apt-get install pandoc`
|
||||||
- **PowerPoint** - PPTX presentation export
|
- **macOS**: `brew install pandoc`
|
||||||
- **EPUB** - E-book format
|
- **Windows**: Download installer from Pandoc website
|
||||||
- **LaTeX** - Academic document format
|
|
||||||
- **RTF** - Rich Text Format
|
### PDF Export Requirements
|
||||||
|
For optimal PDF export, install a LaTeX engine (recommended):
|
||||||
### Advanced Features
|
- **Ubuntu/Debian**: `sudo apt-get install texlive-xetex texlive-latex-base`
|
||||||
- **Custom headers & footers** - Add headers/footers to exports with dynamic fields
|
- **macOS**: `brew install --cask mactex`
|
||||||
- **Page size configuration** - A3, A4, A5, B4, B5, Letter, Legal, Tabloid, or custom sizes
|
- **Windows**: Install MiKTeX or TeX Live
|
||||||
- **Batch conversion** - Convert entire folders of markdown files
|
- **Alternative**: `sudo apt-get install wkhtmltopdf` (fallback option)
|
||||||
- **ASCII Art Generator** - Create text banners and diagrams
|
|
||||||
- **Word templates** - Use custom Word templates for enhanced exports
|
### Download
|
||||||
- **Import documents** - Import from 30+ formats (DOCX, PDF, HTML, etc.)
|
Download the latest release for your platform from the [Releases](https://github.com/amitwh/pan-converter/releases) page.
|
||||||
|
|
||||||
## Installation
|
#### Linux
|
||||||
|
- **AppImage**: `PanConverter-1.5.0.AppImage` (universal, may require `--no-sandbox` flag)
|
||||||
### Prerequisites
|
- **Debian Package**: `pan-converter_1.5.6_amd64.deb`
|
||||||
- [Node.js](https://nodejs.org/) (v16 or later)
|
- **Snap Package**: `pan-converter_1.5.6_amd64.snap`
|
||||||
- [Pandoc](https://pandoc.org/installing.html) (required for export functionality)
|
|
||||||
|
### Install from Source
|
||||||
### Install Dependencies
|
```bash
|
||||||
```bash
|
git clone https://github.com/amitwh/pan-converter.git
|
||||||
npm install
|
cd pan-converter
|
||||||
```
|
npm install
|
||||||
|
npm start
|
||||||
### Run the Application
|
```
|
||||||
```bash
|
|
||||||
npm start
|
## Usage
|
||||||
```
|
|
||||||
|
### Basic Workflow
|
||||||
### Build for Distribution
|
1. **Write** - Use the editor to write your Markdown content
|
||||||
```bash
|
2. **Preview** - Toggle the preview pane to see rendered output
|
||||||
# Windows
|
3. **Theme** - Choose your preferred theme from the View menu
|
||||||
npm run build:win
|
4. **Export** - Export your document to various formats
|
||||||
|
|
||||||
# macOS
|
### Export Options
|
||||||
npm run build:mac
|
- **Documents**: HTML, PDF, DOCX, LaTeX, RTF, ODT, EPUB
|
||||||
|
- **Presentations**: PowerPoint (PPTX), OpenDocument Presentation (ODP)
|
||||||
# Linux
|
- **Spreadsheets**: CSV format for tables (compatible with Excel, LibreOffice, Google Sheets)
|
||||||
npm run build:linux
|
- **Advanced Export Options**: Optional template support, metadata insertion, table of contents, section numbering, and PDF-specific settings
|
||||||
```
|
- **Batch Conversion**: Convert entire folders of markdown files with progress tracking
|
||||||
|
|
||||||
## Keyboard Shortcuts
|
### Import & Conversion
|
||||||
|
- **Import Documents**: Convert DOCX, ODT, RTF, HTML, PDF, and presentation files to Markdown
|
||||||
| Action | Shortcut |
|
- **Cross-Format Conversion**: Convert current file between multiple formats
|
||||||
|--------|----------|
|
- **Smart Presentation Handling**: Automatic slide-level formatting for PPTX/ODP exports
|
||||||
| New File | Ctrl+N |
|
|
||||||
| Open File | Ctrl+O |
|
### Table Creation
|
||||||
| Open PDF | Ctrl+Shift+O |
|
- Click the table button in the toolbar
|
||||||
| Save | Ctrl+S |
|
- Specify number of rows and columns
|
||||||
| Save As | Ctrl+Shift+S |
|
- Automatically generates properly formatted Markdown tables
|
||||||
| Export | Ctrl+E |
|
|
||||||
| Print | Ctrl+P |
|
## Keyboard Shortcuts
|
||||||
| Find | Ctrl+F |
|
|
||||||
| Undo | Ctrl+Z |
|
### File Operations
|
||||||
| Redo | Ctrl+Shift+Z |
|
- `Ctrl/Cmd + N` - New file/tab
|
||||||
| New Tab | Ctrl+T |
|
- `Ctrl/Cmd + T` - New tab
|
||||||
| Close Tab | Ctrl+W |
|
- `Ctrl/Cmd + W` - Close current tab
|
||||||
| Toggle Preview | Ctrl+Shift+P |
|
- `Ctrl/Cmd + Tab` - Switch to next tab
|
||||||
| Zoom In | Ctrl+Shift++ |
|
- `Ctrl/Cmd + O` - Open file
|
||||||
| Zoom Out | Ctrl+Shift+- |
|
- `Ctrl/Cmd + S` - Save file
|
||||||
|
- `Ctrl/Cmd + Shift + S` - Save as
|
||||||
## Themes
|
- `Ctrl/Cmd + I` - Import document
|
||||||
|
|
||||||
### Light Themes
|
### Editor Features
|
||||||
- Atom One Light (Default)
|
- `Ctrl/Cmd + F` - Find & Replace
|
||||||
- GitHub Light
|
- `Ctrl/Cmd + Z` - Undo
|
||||||
- Light
|
- `Ctrl/Cmd + Shift + Z` - Redo
|
||||||
- Solarized Light
|
- `Tab` - Indent lines or insert 4 spaces
|
||||||
- Gruvbox Light
|
- `Shift + Tab` - Outdent selected lines
|
||||||
- Ayu Light
|
- `Enter` - Auto-continue lists with proper indentation
|
||||||
- Sepia
|
|
||||||
- Paper
|
### View & Navigation
|
||||||
- Rose Pine Dawn
|
- `Ctrl/Cmd + P` - Toggle preview
|
||||||
- Concrete Light
|
- `Ctrl/Cmd + Enter` - Toggle preview (alternative)
|
||||||
|
- `Escape` - Close find dialog
|
||||||
### Dark Themes
|
|
||||||
- Dark
|
## Building
|
||||||
- One Dark
|
|
||||||
- Dracula
|
```bash
|
||||||
- Nord
|
# Install dependencies
|
||||||
- Monokai
|
npm install
|
||||||
- Material
|
|
||||||
- Gruvbox Dark
|
# Generate icons
|
||||||
- Tokyo Night
|
npm run generate-icons
|
||||||
- Palenight
|
|
||||||
- Ayu Dark
|
# Build for current platform
|
||||||
- Ayu Mirage
|
npm run build
|
||||||
- Oceanic Next
|
|
||||||
- Cobalt2
|
# Build for specific platform
|
||||||
- Concrete Dark
|
npm run build:win # Windows
|
||||||
- Concrete Warm
|
npm run build:mac # macOS
|
||||||
|
npm run build:linux # Linux (generates .deb, .AppImage, and .snap)
|
||||||
## PDF Viewer
|
|
||||||
|
# Build for all platforms
|
||||||
Open PDF files directly in MarkdownConverter:
|
npm run dist:all
|
||||||
- **File > Open PDF** or **Ctrl+Shift+O**
|
```
|
||||||
- Navigate pages with arrow buttons or page input
|
|
||||||
- Zoom controls: +/- buttons, Fit Width, Fit Page
|
## Version History
|
||||||
- Rotate pages left or right
|
|
||||||
- Close PDF to return to editor
|
- **v1.5.6** - (Your release notes here)
|
||||||
|
- **v1.5.5** - Refactored PDF export, simplified Pandoc pathing, and removed XLSX dependency.
|
||||||
## Open Source
|
- **v1.3.1** - Bug fixes: Fixed file associations for double-clicking .md files, corrected 50/50 layout alignment for editor/preview panes
|
||||||
|
- **v1.3.0** - Major update: Tabbed interface for multiple files, enhanced PDF export with LaTeX engines, fixed file associations, removed redundant converter menu, improved UI architecture
|
||||||
MarkdownConverter is 100% open-source. All dependencies are permissively licensed:
|
- **v1.2.1** - Comprehensive editor enhancements: Find & Replace, Line Numbers, Undo/Redo, Auto-indentation, PowerPoint export, document conversion menu, table creation helper, spreadsheet export
|
||||||
- **Electron** - MIT License
|
- **v1.1.0** - Added Excel/ODS spreadsheet export, updated author information, renamed to PanConverter
|
||||||
- **pdf-lib** - MIT License
|
- **v1.0.0** - Initial release with basic markdown editing, themes, and Pandoc export
|
||||||
- **pdfjs-dist** - Apache 2.0 License
|
|
||||||
- **marked** - MIT License
|
## Known Issues
|
||||||
- **highlight.js** - BSD 3-Clause License
|
|
||||||
- **dompurify** - Apache 2.0/MIT License
|
- AppImage may require `--no-sandbox` flag on some Linux systems
|
||||||
- **docx** - MIT License
|
- Windows/Mac builds require platform-specific build environments
|
||||||
- **xlsx** - Apache 2.0 License (SheetJS Community Edition)
|
- Large files may cause performance issues
|
||||||
|
|
||||||
## License
|
## Contributing
|
||||||
|
|
||||||
MIT License - see LICENSE file for details.
|
Contributions are welcome! Please feel free to submit a Pull Request to the [GitHub repository](https://github.com/amitwh/pan-converter).
|
||||||
|
|
||||||
## Author
|
## License
|
||||||
|
|
||||||
Amit Haridas (amit.wh@gmail.com)
|
MIT License - see LICENSE file for details.
|
||||||
|
|
||||||
## Version
|
## Author
|
||||||
|
|
||||||
v3.0.0
|
**Amit Haridas** - [amit.wh@gmail.com](mailto:amit.wh@gmail.com)
|
||||||
|
|
||||||
|
## Acknowledgments
|
||||||
|
|
||||||
|
- Built with [Electron](https://www.electronjs.org/)
|
||||||
|
- Markdown parsing by [marked](https://marked.js.org/)
|
||||||
|
- Export functionality powered by [Pandoc](https://pandoc.org/)
|
||||||
|
- Syntax highlighting by [highlight.js](https://highlightjs.org/)
|
||||||
|
- Spreadsheet export by [XLSX](https://www.npmjs.com/package/xlsx)
|
||||||
|
- HTML sanitization by [DOMPurify](https://www.npmjs.com/package/dompurify)
|
||||||
@@ -1,166 +0,0 @@
|
|||||||
# PanConverter - Updates & Changelog
|
|
||||||
|
|
||||||
## Version 2.1.0 (December 14, 2025)
|
|
||||||
|
|
||||||
### 🎨 UI/UX Improvements
|
|
||||||
|
|
||||||
#### Subtle & Small Preview Popout Button
|
|
||||||
- Redesigned popout button with minimalist aesthetic
|
|
||||||
- Removed border for cleaner appearance
|
|
||||||
- Reduced size: 11px font, 2px×6px padding (previously 14px font, 4px×8px padding)
|
|
||||||
- Added opacity transition: 50% when idle, 100% on hover
|
|
||||||
- Subtle background effect on hover instead of heavy border styling
|
|
||||||
- **File**: `src/styles.css:195-211`
|
|
||||||
|
|
||||||
#### Simplified Table Headers in Preview
|
|
||||||
- Removed gradient background from table headers in modern theme
|
|
||||||
- Changed from `var(--primary-gradient)` (purple gradient) to simple light gray (#f0f0f0)
|
|
||||||
- Updated text color to dark (#333333) for better readability
|
|
||||||
- Clean, professional appearance matching standard themes
|
|
||||||
- **File**: `src/styles-modern.css:445-449`
|
|
||||||
|
|
||||||
### 📥 Enhanced Import Capabilities
|
|
||||||
|
|
||||||
#### Comprehensive Format-to-Markdown Conversion
|
|
||||||
Dramatically expanded the "Import Document" feature to support 30+ file formats:
|
|
||||||
|
|
||||||
**Supported Formats:**
|
|
||||||
- **Documents**: DOCX, ODT, RTF, HTML, HTM, TEX, EPUB, PDF, TXT
|
|
||||||
- **Presentations**: PPTX, ODP
|
|
||||||
- **Markup Languages**: RST, Textile, MediaWiki, Org-mode, AsciiDoc, TWiki, OPML
|
|
||||||
- **E-book Formats**: EPUB, FB2
|
|
||||||
- **LaTeX Formats**: TEX, LATEX, LTX
|
|
||||||
- **Web Formats**: HTML, HTM, XHTML
|
|
||||||
- **Wiki Formats**: MediaWiki, DokuWiki, TikiWiki, TWiki
|
|
||||||
- **Data Formats**: CSV, TSV, JSON
|
|
||||||
|
|
||||||
**Format-Specific Optimizations:**
|
|
||||||
- PDF text extraction with XeLaTeX engine
|
|
||||||
- CSV/TSV automatic table conversion
|
|
||||||
- JSON structure handling
|
|
||||||
- Improved error messages with format hints
|
|
||||||
|
|
||||||
**Access**: File → Import Document (Ctrl+I)
|
|
||||||
**File**: `src/main.js:1933-1994`
|
|
||||||
|
|
||||||
### 🎨 Exhaustive ASCII Art Generator
|
|
||||||
|
|
||||||
#### 5 New Text Banner Styles
|
|
||||||
Complete alphabet (A-Z) and numbers (0-9) support for all styles:
|
|
||||||
|
|
||||||
1. **Standard** - Classic ASCII art with slashes and underscores
|
|
||||||
2. **Banner** - Large format using # characters (7-line height)
|
|
||||||
3. **Block** - Modern Unicode block characters (█ ╔ ╗ ═ ║)
|
|
||||||
4. **Bubble** - Circular bubble letters (Ⓐ Ⓑ Ⓒ)
|
|
||||||
5. **Digital** - Digital display style (▄ ▀ ▐ ▌)
|
|
||||||
|
|
||||||
**File**: `src/renderer.js:3397-3537`
|
|
||||||
|
|
||||||
#### 19 Professional ASCII Templates
|
|
||||||
Organized into 4 categories with expanded options:
|
|
||||||
|
|
||||||
**Arrows & Flow (4 templates):**
|
|
||||||
- Arrow Right - Horizontal flow indicators
|
|
||||||
- Arrow Down - Vertical flow indicators
|
|
||||||
- Decision - Binary decision diagrams
|
|
||||||
- Process Flow - Multi-step process visualization
|
|
||||||
|
|
||||||
**Diagrams & Charts (6 templates):**
|
|
||||||
- Flowchart - Advanced flowchart with decision branches and loops
|
|
||||||
- Sequence - Sequence diagrams for User-System-Database interactions
|
|
||||||
- Network - Server-client network topology
|
|
||||||
- Hierarchy - Organizational tree structures
|
|
||||||
- Timeline - Milestone visualization with dates
|
|
||||||
- Table Simple - Basic table template with borders
|
|
||||||
|
|
||||||
**Boxes & Containers (4 templates):**
|
|
||||||
- Header - Section header with decorative borders
|
|
||||||
- Note Box - Important notes with rounded corners (┏━━┓)
|
|
||||||
- Warning Box - Warning messages with bold borders (╔═══╗)
|
|
||||||
- Info Box - Information boxes with subtle styling (╭───╮)
|
|
||||||
|
|
||||||
**Decorative Elements (6 templates):**
|
|
||||||
- Divider - Horizontal section separator (═══)
|
|
||||||
- Separator Fancy - Elegant rounded divider
|
|
||||||
- Brackets - Japanese-style brackets 【 】
|
|
||||||
- Banner Stars - Star-bordered banners
|
|
||||||
- Checklist - Task lists with ✓ checkmarks
|
|
||||||
- Progress Bar - Visual progress indicators
|
|
||||||
|
|
||||||
**Features:**
|
|
||||||
- All ASCII art automatically wrapped in code blocks for proper rendering
|
|
||||||
- Preserved formatting in markdown preview and all export formats
|
|
||||||
- Categorized template selection interface
|
|
||||||
- Real-time preview generation
|
|
||||||
|
|
||||||
**Access**: Tools → ASCII Art Generator
|
|
||||||
**Files**: `src/renderer.js:3513-3671`, `src/index.html:427-466`
|
|
||||||
|
|
||||||
### 📝 Technical Improvements
|
|
||||||
|
|
||||||
- Enhanced ASCII art detection in Word template exporter
|
|
||||||
- Improved monospace font rendering across all export formats
|
|
||||||
- Better code block preservation in PDF and Word exports
|
|
||||||
- Optimized template categorization and organization
|
|
||||||
|
|
||||||
### 🔧 Files Modified
|
|
||||||
|
|
||||||
- `src/styles.css` - Preview popout button styling
|
|
||||||
- `src/styles-modern.css` - Table header simplification
|
|
||||||
- `src/main.js` - Enhanced import function, version update
|
|
||||||
- `src/renderer.js` - ASCII art generator enhancements
|
|
||||||
- `src/index.html` - ASCII template UI organization
|
|
||||||
- `package.json` - Version bump to 2.1.0
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Version 2.0.0 (Previous Release)
|
|
||||||
|
|
||||||
### Major Features
|
|
||||||
- Export Profiles - Save and reuse export configurations
|
|
||||||
- Mermaid.js diagram support
|
|
||||||
- Command Palette (Ctrl+Shift+P)
|
|
||||||
- GitHub Light/Dark preview themes
|
|
||||||
- Table Generator
|
|
||||||
- ASCII Art Generator (basic)
|
|
||||||
- Resizable Preview Pane
|
|
||||||
- Pop-out Preview Window
|
|
||||||
- Configurable page sizes (A3-A5, B4-B5, Letter, Legal, Tabloid, Custom)
|
|
||||||
- Custom Headers & Footers for exports
|
|
||||||
- Enhanced PDF and Word export with templates
|
|
||||||
- 22 beautiful themes
|
|
||||||
|
|
||||||
### Core Capabilities
|
|
||||||
- Cross-platform markdown editor with live preview
|
|
||||||
- Universal document conversion (30+ formats)
|
|
||||||
- PDF Editor (merge, split, compress, rotate, watermark, encrypt)
|
|
||||||
- Batch file conversion
|
|
||||||
- File association support
|
|
||||||
- Advanced export options
|
|
||||||
- Multi-tab interface
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Installation & Usage
|
|
||||||
|
|
||||||
### Prerequisites
|
|
||||||
- **Pandoc** - Required for document conversion
|
|
||||||
- **Optional**: LibreOffice, ImageMagick, FFmpeg for universal converter
|
|
||||||
|
|
||||||
### Download
|
|
||||||
Get the latest release from: https://github.com/amitwh/pan-converter/releases
|
|
||||||
|
|
||||||
### Supported Platforms
|
|
||||||
- Windows (x64)
|
|
||||||
- Linux (AppImage, .deb, .snap)
|
|
||||||
- macOS (planned)
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Contributing
|
|
||||||
|
|
||||||
Contributions are welcome! Please see [CLAUDE.md](CLAUDE.md) for development guidelines.
|
|
||||||
|
|
||||||
**Author**: Amit Haridas (amit.wh@gmail.com)
|
|
||||||
**License**: MIT
|
|
||||||
**Repository**: https://github.com/amitwh/pan-converter
|
|
||||||
|
Before Width: | Height: | Size: 869 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 8.6 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 206 KiB After Width: | Height: | Size: 8.6 KiB |
@@ -0,0 +1,8 @@
|
|||||||
|
<svg width="256" height="256" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<rect width="256" height="256" rx="32" fill="#4A90E2"/>
|
||||||
|
<g transform="translate(40, 40)">
|
||||||
|
<path d="M20 40 L20 136 L80 136 L80 100 L56 100 L56 76 L80 76 L80 40 Z" fill="white" opacity="0.9"/>
|
||||||
|
<path d="M96 40 L96 136 L156 136 L156 100 L132 100 L132 88 L156 88 L156 52 L132 52 L132 40 Z" fill="white" opacity="0.9"/>
|
||||||
|
</g>
|
||||||
|
<text x="128" y="200" font-family="Arial, sans-serif" font-size="24" font-weight="bold" text-anchor="middle" fill="white">PAN</text>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 562 B |
|
Before Width: | Height: | Size: 885 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 885 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 606 B |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 206 KiB |
|
Before Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 1.0 KiB |
@@ -1,89 +0,0 @@
|
|||||||
/**
|
|
||||||
* ESLint Configuration for PanConverter
|
|
||||||
* Uses flat config format (ESLint 9+)
|
|
||||||
*/
|
|
||||||
|
|
||||||
module.exports = [
|
|
||||||
{
|
|
||||||
// Global ignores
|
|
||||||
ignores: [
|
|
||||||
'node_modules/**',
|
|
||||||
'dist/**',
|
|
||||||
'coverage/**',
|
|
||||||
'*.min.js'
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
// JavaScript files
|
|
||||||
files: ['**/*.js'],
|
|
||||||
languageOptions: {
|
|
||||||
ecmaVersion: 2022,
|
|
||||||
sourceType: 'module',
|
|
||||||
globals: {
|
|
||||||
// Node.js
|
|
||||||
require: 'readonly',
|
|
||||||
module: 'readonly',
|
|
||||||
exports: 'readonly',
|
|
||||||
__dirname: 'readonly',
|
|
||||||
__filename: 'readonly',
|
|
||||||
process: 'readonly',
|
|
||||||
Buffer: 'readonly',
|
|
||||||
console: 'readonly',
|
|
||||||
setTimeout: 'readonly',
|
|
||||||
setInterval: 'readonly',
|
|
||||||
clearTimeout: 'readonly',
|
|
||||||
clearInterval: 'readonly',
|
|
||||||
// Browser
|
|
||||||
window: 'readonly',
|
|
||||||
document: 'readonly',
|
|
||||||
localStorage: 'readonly',
|
|
||||||
alert: 'readonly',
|
|
||||||
Event: 'readonly',
|
|
||||||
CustomEvent: 'readonly',
|
|
||||||
HTMLElement: 'readonly',
|
|
||||||
MutationObserver: 'readonly',
|
|
||||||
// Electron
|
|
||||||
electronAPI: 'readonly',
|
|
||||||
// Libraries
|
|
||||||
marked: 'readonly',
|
|
||||||
DOMPurify: 'readonly',
|
|
||||||
hljs: 'readonly',
|
|
||||||
mermaid: 'readonly',
|
|
||||||
// Jest
|
|
||||||
jest: 'readonly',
|
|
||||||
describe: 'readonly',
|
|
||||||
test: 'readonly',
|
|
||||||
expect: 'readonly',
|
|
||||||
beforeEach: 'readonly',
|
|
||||||
afterEach: 'readonly',
|
|
||||||
beforeAll: 'readonly',
|
|
||||||
afterAll: 'readonly'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
rules: {
|
|
||||||
// Error prevention
|
|
||||||
'no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
|
|
||||||
'no-undef': 'error',
|
|
||||||
'no-console': 'off', // Allow console for Electron apps
|
|
||||||
|
|
||||||
// Code quality
|
|
||||||
'eqeqeq': ['warn', 'always'],
|
|
||||||
'no-var': 'warn',
|
|
||||||
'prefer-const': 'warn',
|
|
||||||
|
|
||||||
// Style (handled by Prettier)
|
|
||||||
'semi': 'off',
|
|
||||||
'quotes': 'off',
|
|
||||||
'indent': 'off',
|
|
||||||
|
|
||||||
// Async handling
|
|
||||||
'no-async-promise-executor': 'warn',
|
|
||||||
'require-await': 'off',
|
|
||||||
|
|
||||||
// Security
|
|
||||||
'no-eval': 'error',
|
|
||||||
'no-implied-eval': 'error',
|
|
||||||
'no-new-func': 'error'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
];
|
|
||||||
@@ -1,59 +0,0 @@
|
|||||||
/**
|
|
||||||
* Jest Configuration for PanConverter
|
|
||||||
* @version 2.2.0
|
|
||||||
*/
|
|
||||||
|
|
||||||
module.exports = {
|
|
||||||
// Test environment
|
|
||||||
testEnvironment: 'jsdom',
|
|
||||||
|
|
||||||
// Root directory
|
|
||||||
rootDir: '.',
|
|
||||||
|
|
||||||
// Test file patterns
|
|
||||||
testMatch: [
|
|
||||||
'**/tests/**/*.test.js',
|
|
||||||
'**/tests/**/*.spec.js'
|
|
||||||
],
|
|
||||||
|
|
||||||
// Coverage configuration
|
|
||||||
collectCoverageFrom: [
|
|
||||||
'src/**/*.js',
|
|
||||||
'!src/main.js', // Main process needs electron-mock
|
|
||||||
'!**/node_modules/**'
|
|
||||||
],
|
|
||||||
|
|
||||||
// Coverage thresholds (start low, increase over time)
|
|
||||||
coverageThreshold: {
|
|
||||||
global: {
|
|
||||||
branches: 10,
|
|
||||||
functions: 10,
|
|
||||||
lines: 10,
|
|
||||||
statements: 10
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
// Transform settings (no transpilation needed for vanilla JS)
|
|
||||||
transform: {},
|
|
||||||
|
|
||||||
// Module paths
|
|
||||||
moduleDirectories: ['node_modules', 'src'],
|
|
||||||
|
|
||||||
// Setup files
|
|
||||||
setupFilesAfterEnv: ['<rootDir>/tests/setup.js'],
|
|
||||||
|
|
||||||
// Ignore patterns
|
|
||||||
testPathIgnorePatterns: [
|
|
||||||
'/node_modules/',
|
|
||||||
'/dist/'
|
|
||||||
],
|
|
||||||
|
|
||||||
// Verbose output
|
|
||||||
verbose: true,
|
|
||||||
|
|
||||||
// Clear mocks between tests
|
|
||||||
clearMocks: true,
|
|
||||||
|
|
||||||
// Reset modules between tests
|
|
||||||
resetModules: true
|
|
||||||
};
|
|
||||||
@@ -1,181 +1,132 @@
|
|||||||
{
|
{
|
||||||
"name": "markdown-converter",
|
"name": "pan-converter",
|
||||||
"version": "3.0.0",
|
"version": "1.7.1",
|
||||||
"description": "Professional Markdown editor and universal file converter with PDF editing, batch processing, and syntax highlighting",
|
"description": "Cross-platform Markdown editor and converter using Pandoc",
|
||||||
"main": "src/main.js",
|
"main": "src/main.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"start": "electron .",
|
"start": "electron .",
|
||||||
"test": "jest",
|
"test": "echo \"Error: no test specified\" && exit 1",
|
||||||
"test:watch": "jest --watch",
|
"build": "electron-builder",
|
||||||
"test:coverage": "jest --coverage",
|
"build:win": "cross-env CSC_LINK=code-signing-cert.pfx CSC_KEY_PASSWORD=PanConverter2024! electron-builder --win",
|
||||||
"lint": "eslint src tests",
|
"build:win-unsigned": "cross-env CSC_IDENTITY_AUTO_DISCOVERY=false electron-builder --win",
|
||||||
"lint:fix": "eslint src tests --fix",
|
"build:mac": "electron-builder --mac",
|
||||||
"format": "prettier --write src tests",
|
"build:linux": "electron-builder --linux",
|
||||||
"format:check": "prettier --check src tests",
|
"dist": "electron-builder --publish=never",
|
||||||
"build": "electron-builder",
|
"dist:all": "electron-builder -mwl",
|
||||||
"build:win": "electron-builder --win",
|
"generate-icons": "node scripts/generate-icons.js"
|
||||||
"build:win-signed": "cross-env CSC_LINK=code-signing-cert.pfx CSC_KEY_PASSWORD=%CSC_KEY_PASSWORD% electron-builder --win",
|
},
|
||||||
"build:win-unsigned": "cross-env CSC_IDENTITY_AUTO_DISCOVERY=false electron-builder --win",
|
"keywords": [
|
||||||
"build:mac": "electron-builder --mac",
|
"markdown",
|
||||||
"build:linux": "electron-builder --linux",
|
"pandoc",
|
||||||
"dist": "electron-builder --publish=never",
|
"converter",
|
||||||
"dist:all": "electron-builder -mwl",
|
"editor"
|
||||||
"generate-icons": "node scripts/generate-icons.js"
|
],
|
||||||
},
|
"author": "Amit Haridas <amit.wh@gmail.com>",
|
||||||
"keywords": [
|
"license": "MIT",
|
||||||
"markdown",
|
"devDependencies": {
|
||||||
"pandoc",
|
"cross-env": "^10.0.0",
|
||||||
"converter",
|
"electron": "^37.4.0",
|
||||||
"editor",
|
"electron-builder": "^26.0.12",
|
||||||
"pdf",
|
"sharp": "^0.34.3"
|
||||||
"audio",
|
},
|
||||||
"video",
|
"dependencies": {
|
||||||
"image"
|
"codemirror": "^6.0.2",
|
||||||
],
|
"dompurify": "^3.2.6",
|
||||||
"author": "ConcreteInfo <amit.wh@gmail.com>",
|
"electron-store": "^10.1.0",
|
||||||
"license": "MIT",
|
"highlight.js": "^11.11.1",
|
||||||
"repository": {
|
"marked": "^16.2.1",
|
||||||
"type": "git",
|
"pdf-lib": "^1.17.1",
|
||||||
"url": "https://github.com/amitwh/markdown-converter"
|
"tslib": "^2.8.1",
|
||||||
},
|
"xlsx": "^0.18.5"
|
||||||
"devDependencies": {
|
},
|
||||||
"@testing-library/dom": "^10.4.1",
|
"build": {
|
||||||
"cross-env": "^10.0.0",
|
"appId": "com.panconverter.app",
|
||||||
"electron": "^37.4.0",
|
"productName": "PanConverter",
|
||||||
"electron-builder": "^26.0.12",
|
"directories": {
|
||||||
"eslint": "^9.39.2",
|
"output": "dist"
|
||||||
"eslint-config-prettier": "^10.1.8",
|
},
|
||||||
"eslint-plugin-prettier": "^5.5.4",
|
"icon": "assets/icon",
|
||||||
"jest": "^30.2.0",
|
"files": [
|
||||||
"jest-environment-jsdom": "^30.2.0",
|
"src/**/*",
|
||||||
"prettier": "^3.7.4",
|
"assets/**/*",
|
||||||
"sharp": "^0.34.3"
|
"scripts/**/*",
|
||||||
},
|
"node_modules/**/*",
|
||||||
"dependencies": {
|
"package.json"
|
||||||
"codemirror": "^6.0.2",
|
],
|
||||||
"core-util-is": "^1.0.3",
|
"fileAssociations": [
|
||||||
"docx": "^9.5.1",
|
{
|
||||||
"docx4js": "^3.3.0",
|
"ext": "md",
|
||||||
"dompurify": "^3.2.6",
|
"name": "Markdown Document",
|
||||||
"electron-store": "^10.1.0",
|
"description": "Markdown Document",
|
||||||
"highlight.js": "^11.11.1",
|
"mimeType": "text/markdown",
|
||||||
"html2pdf.js": "^0.10.1",
|
"role": "Editor"
|
||||||
"marked": "^16.2.1",
|
},
|
||||||
"pdf-lib": "^1.17.1",
|
{
|
||||||
"pdfjs-dist": "^3.11.174",
|
"ext": "markdown",
|
||||||
"pdfkit": "^0.14.0",
|
"name": "Markdown Document",
|
||||||
"pizzip": "^3.2.0",
|
"description": "Markdown Document",
|
||||||
"tslib": "^2.8.1",
|
"mimeType": "text/markdown",
|
||||||
"xlsx": "^0.18.5"
|
"role": "Editor"
|
||||||
},
|
}
|
||||||
"build": {
|
],
|
||||||
"appId": "com.concreteinfo.markdownconverter",
|
"mac": {
|
||||||
"productName": "MarkdownConverter",
|
"category": "public.app-category.productivity"
|
||||||
"directories": {
|
},
|
||||||
"output": "dist"
|
"win": {
|
||||||
},
|
"target": [
|
||||||
"icon": "assets/icon",
|
{
|
||||||
"files": [
|
"target": "nsis",
|
||||||
"src/**/*",
|
"arch": [
|
||||||
"assets/**/*",
|
"x64"
|
||||||
"scripts/**/*",
|
]
|
||||||
"node_modules/**/*",
|
},
|
||||||
"package.json"
|
{
|
||||||
],
|
"target": "portable",
|
||||||
"fileAssociations": [
|
"arch": [
|
||||||
{
|
"x64"
|
||||||
"ext": "md",
|
]
|
||||||
"name": "Markdown Document",
|
},
|
||||||
"description": "Markdown Document",
|
{
|
||||||
"mimeType": "text/markdown",
|
"target": "zip",
|
||||||
"role": "Editor"
|
"arch": [
|
||||||
},
|
"x64"
|
||||||
{
|
]
|
||||||
"ext": "markdown",
|
}
|
||||||
"name": "Markdown Document",
|
],
|
||||||
"description": "Markdown Document",
|
"artifactName": "${productName}-${version}-${arch}.${ext}",
|
||||||
"mimeType": "text/markdown",
|
"requestedExecutionLevel": "asInvoker",
|
||||||
"role": "Editor"
|
"signAndEditExecutable": false
|
||||||
},
|
},
|
||||||
{
|
"nsis": {
|
||||||
"ext": "pdf",
|
"oneClick": false,
|
||||||
"name": "PDF Document",
|
"perMachine": false,
|
||||||
"description": "PDF Document",
|
"allowToChangeInstallationDirectory": true,
|
||||||
"mimeType": "application/pdf",
|
"displayLanguageSelector": true,
|
||||||
"role": "Editor"
|
"createDesktopShortcut": true,
|
||||||
}
|
"createStartMenuShortcut": true,
|
||||||
],
|
"shortcutName": "PanConverter",
|
||||||
"mac": {
|
"runAfterFinish": true,
|
||||||
"category": "public.app-category.productivity",
|
"menuCategory": "Productivity",
|
||||||
"identity": null
|
"license": "LICENSE",
|
||||||
},
|
"warningsAsErrors": false,
|
||||||
"win": {
|
"artifactName": "${productName}-Setup-${version}.${ext}",
|
||||||
"target": [
|
"deleteAppDataOnUninstall": false,
|
||||||
{
|
"differentialPackage": true
|
||||||
"target": "nsis",
|
},
|
||||||
"arch": [
|
"linux": {
|
||||||
"x64"
|
"target": [
|
||||||
]
|
"deb",
|
||||||
},
|
"AppImage",
|
||||||
{
|
"snap"
|
||||||
"target": "portable",
|
],
|
||||||
"arch": [
|
"category": "Utility"
|
||||||
"x64"
|
},
|
||||||
]
|
"deb": {
|
||||||
},
|
"depends": [
|
||||||
{
|
"pandoc"
|
||||||
"target": "zip",
|
],
|
||||||
"arch": [
|
"description": "Markdown editor and converter using Pandoc",
|
||||||
"x64"
|
"maintainer": "Amit Haridas <amit.wh@gmail.com>"
|
||||||
]
|
}
|
||||||
}
|
}
|
||||||
],
|
}
|
||||||
"artifactName": "${productName}-${version}-${arch}.${ext}",
|
|
||||||
"requestedExecutionLevel": "asInvoker",
|
|
||||||
"signAndEditExecutable": false
|
|
||||||
},
|
|
||||||
"nsis": {
|
|
||||||
"oneClick": false,
|
|
||||||
"perMachine": false,
|
|
||||||
"allowToChangeInstallationDirectory": true,
|
|
||||||
"displayLanguageSelector": true,
|
|
||||||
"createDesktopShortcut": true,
|
|
||||||
"createStartMenuShortcut": true,
|
|
||||||
"shortcutName": "MarkdownConverter",
|
|
||||||
"runAfterFinish": true,
|
|
||||||
"menuCategory": "Productivity",
|
|
||||||
"license": "LICENSE",
|
|
||||||
"warningsAsErrors": false,
|
|
||||||
"artifactName": "${productName}-Setup-${version}.${ext}",
|
|
||||||
"deleteAppDataOnUninstall": false,
|
|
||||||
"differentialPackage": true
|
|
||||||
},
|
|
||||||
"linux": {
|
|
||||||
"target": [
|
|
||||||
"deb",
|
|
||||||
"AppImage",
|
|
||||||
"snap"
|
|
||||||
],
|
|
||||||
"category": "Utility",
|
|
||||||
"maintainer": "ConcreteInfo <amit.wh@gmail.com>"
|
|
||||||
},
|
|
||||||
"deb": {
|
|
||||||
"depends": [
|
|
||||||
"pandoc",
|
|
||||||
"ffmpeg",
|
|
||||||
"imagemagick",
|
|
||||||
"libreoffice-common"
|
|
||||||
],
|
|
||||||
"description": "Professional Markdown editor and universal file converter",
|
|
||||||
"maintainer": "ConcreteInfo <amit.wh@gmail.com>"
|
|
||||||
},
|
|
||||||
"rpm": {
|
|
||||||
"depends": [
|
|
||||||
"pandoc",
|
|
||||||
"ffmpeg",
|
|
||||||
"ImageMagick",
|
|
||||||
"libreoffice-core"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -1,83 +1,83 @@
|
|||||||
#!/bin/bash
|
#!/bin/bash
|
||||||
|
|
||||||
echo "=========================================="
|
echo "=========================================="
|
||||||
echo "Pan Converter - GitHub Push Helper"
|
echo "Pan Converter - GitHub Push Helper"
|
||||||
echo "=========================================="
|
echo "=========================================="
|
||||||
echo ""
|
echo ""
|
||||||
echo "Before running this script, please ensure:"
|
echo "Before running this script, please ensure:"
|
||||||
echo "1. You have created a repository named 'pan-converter' on GitHub"
|
echo "1. You have created a repository named 'pan-converter' on GitHub"
|
||||||
echo "2. The repository is empty (no README, .gitignore, or license)"
|
echo "2. The repository is empty (no README, .gitignore, or license)"
|
||||||
echo "3. You have set up authentication (SSH key or Personal Access Token)"
|
echo "3. You have set up authentication (SSH key or Personal Access Token)"
|
||||||
echo ""
|
echo ""
|
||||||
read -p "Have you completed the above steps? (y/n): " -n 1 -r
|
read -p "Have you completed the above steps? (y/n): " -n 1 -r
|
||||||
echo ""
|
echo ""
|
||||||
|
|
||||||
if [[ ! $REPLY =~ ^[Yy]$ ]]; then
|
if [[ ! $REPLY =~ ^[Yy]$ ]]; then
|
||||||
echo "Please complete the setup first:"
|
echo "Please complete the setup first:"
|
||||||
echo "1. Go to https://github.com/new"
|
echo "1. Go to https://github.com/new"
|
||||||
echo "2. Create a new repository named 'pan-converter'"
|
echo "2. Create a new repository named 'pan-converter'"
|
||||||
echo "3. DO NOT initialize with README, .gitignore, or license"
|
echo "3. DO NOT initialize with README, .gitignore, or license"
|
||||||
echo "4. Set up SSH key or Personal Access Token for authentication"
|
echo "4. Set up SSH key or Personal Access Token for authentication"
|
||||||
exit 1
|
exit 1
|
||||||
fi
|
fi
|
||||||
|
|
||||||
echo ""
|
echo ""
|
||||||
echo "Choose authentication method:"
|
echo "Choose authentication method:"
|
||||||
echo "1. SSH (Recommended if you have SSH keys set up)"
|
echo "1. SSH (Recommended if you have SSH keys set up)"
|
||||||
echo "2. HTTPS (Requires Personal Access Token)"
|
echo "2. HTTPS (Requires Personal Access Token)"
|
||||||
read -p "Enter your choice (1 or 2): " AUTH_CHOICE
|
read -p "Enter your choice (1 or 2): " AUTH_CHOICE
|
||||||
|
|
||||||
if [ "$AUTH_CHOICE" = "1" ]; then
|
if [ "$AUTH_CHOICE" = "1" ]; then
|
||||||
echo "Using SSH authentication..."
|
echo "Using SSH authentication..."
|
||||||
git remote set-url origin git@github.com:amitwh/pan-converter.git
|
git remote set-url origin git@github.com:amitwh/pan-converter.git
|
||||||
elif [ "$AUTH_CHOICE" = "2" ]; then
|
elif [ "$AUTH_CHOICE" = "2" ]; then
|
||||||
echo "Using HTTPS authentication..."
|
echo "Using HTTPS authentication..."
|
||||||
echo "You'll need to enter your GitHub username and Personal Access Token"
|
echo "You'll need to enter your GitHub username and Personal Access Token"
|
||||||
git remote set-url origin https://github.com/amitwh/pan-converter.git
|
git remote set-url origin https://github.com/amitwh/pan-converter.git
|
||||||
else
|
else
|
||||||
echo "Invalid choice. Exiting."
|
echo "Invalid choice. Exiting."
|
||||||
exit 1
|
exit 1
|
||||||
fi
|
fi
|
||||||
|
|
||||||
echo ""
|
echo ""
|
||||||
echo "Pushing branches to GitHub..."
|
echo "Pushing branches to GitHub..."
|
||||||
echo "=============================="
|
echo "=============================="
|
||||||
|
|
||||||
# Push master branch with upstream tracking
|
# Push master branch with upstream tracking
|
||||||
echo "Pushing master branch..."
|
echo "Pushing master branch..."
|
||||||
if git push -u origin master; then
|
if git push -u origin master; then
|
||||||
echo "✓ Master branch pushed successfully"
|
echo "✓ Master branch pushed successfully"
|
||||||
else
|
else
|
||||||
echo "✗ Failed to push master branch"
|
echo "✗ Failed to push master branch"
|
||||||
echo "Please check your authentication and try again"
|
echo "Please check your authentication and try again"
|
||||||
exit 1
|
exit 1
|
||||||
fi
|
fi
|
||||||
|
|
||||||
# Push other branches
|
# Push other branches
|
||||||
echo "Pushing linux branch..."
|
echo "Pushing linux branch..."
|
||||||
if git push origin linux; then
|
if git push origin linux; then
|
||||||
echo "✓ Linux branch pushed successfully"
|
echo "✓ Linux branch pushed successfully"
|
||||||
else
|
else
|
||||||
echo "✗ Failed to push linux branch"
|
echo "✗ Failed to push linux branch"
|
||||||
fi
|
fi
|
||||||
|
|
||||||
echo "Pushing macos branch..."
|
echo "Pushing macos branch..."
|
||||||
if git push origin macos; then
|
if git push origin macos; then
|
||||||
echo "✓ macOS branch pushed successfully"
|
echo "✓ macOS branch pushed successfully"
|
||||||
else
|
else
|
||||||
echo "✗ Failed to push macos branch"
|
echo "✗ Failed to push macos branch"
|
||||||
fi
|
fi
|
||||||
|
|
||||||
echo "Pushing windows branch..."
|
echo "Pushing windows branch..."
|
||||||
if git push origin windows; then
|
if git push origin windows; then
|
||||||
echo "✓ Windows branch pushed successfully"
|
echo "✓ Windows branch pushed successfully"
|
||||||
else
|
else
|
||||||
echo "✗ Failed to push windows branch"
|
echo "✗ Failed to push windows branch"
|
||||||
fi
|
fi
|
||||||
|
|
||||||
echo ""
|
echo ""
|
||||||
echo "=========================================="
|
echo "=========================================="
|
||||||
echo "Push complete!"
|
echo "Push complete!"
|
||||||
echo "Your repository is available at:"
|
echo "Your repository is available at:"
|
||||||
echo "https://github.com/amitwh/pan-converter"
|
echo "https://github.com/amitwh/pan-converter"
|
||||||
echo "=========================================="
|
echo "=========================================="
|
||||||
@@ -1,116 +1,116 @@
|
|||||||
# PanConverter Windows Explorer Context Menu Integration
|
# PanConverter Windows Explorer Context Menu Integration
|
||||||
|
|
||||||
This directory contains scripts to add PanConverter to the Windows Explorer context menu, allowing you to right-click on files and convert them directly without opening the full application.
|
This directory contains scripts to add PanConverter to the Windows Explorer context menu, allowing you to right-click on files and convert them directly without opening the full application.
|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
### Context Menu Options
|
### Context Menu Options
|
||||||
- **Convert with PanConverter**: Shows a format selection dialog for any supported file
|
- **Convert with PanConverter**: Shows a format selection dialog for any supported file
|
||||||
- **PanConverter > Convert to...**: Direct conversion options (for Markdown files)
|
- **PanConverter > Convert to...**: Direct conversion options (for Markdown files)
|
||||||
- PDF
|
- PDF
|
||||||
- HTML
|
- HTML
|
||||||
- DOCX
|
- DOCX
|
||||||
- LaTeX
|
- LaTeX
|
||||||
- PowerPoint
|
- PowerPoint
|
||||||
|
|
||||||
### Supported File Types
|
### Supported File Types
|
||||||
- **Markdown**: `.md`, `.markdown`
|
- **Markdown**: `.md`, `.markdown`
|
||||||
- **HTML**: `.html`, `.htm`
|
- **HTML**: `.html`, `.htm`
|
||||||
- **Documents**: `.docx`, `.odt`, `.rtf`
|
- **Documents**: `.docx`, `.odt`, `.rtf`
|
||||||
- **LaTeX**: `.tex`
|
- **LaTeX**: `.tex`
|
||||||
- **PDF**: `.pdf`
|
- **PDF**: `.pdf`
|
||||||
- **Presentations**: `.pptx`, `.ppt`, `.odp`
|
- **Presentations**: `.pptx`, `.ppt`, `.odp`
|
||||||
|
|
||||||
## Installation Methods
|
## Installation Methods
|
||||||
|
|
||||||
### Method 1: Automatic (During PanConverter Installation)
|
### Method 1: Automatic (During PanConverter Installation)
|
||||||
When installing PanConverter using the Windows installer, you'll be prompted to install context menu integration automatically.
|
When installing PanConverter using the Windows installer, you'll be prompted to install context menu integration automatically.
|
||||||
|
|
||||||
### Method 2: Manual Installation
|
### Method 2: Manual Installation
|
||||||
|
|
||||||
#### Using PowerShell (Recommended)
|
#### Using PowerShell (Recommended)
|
||||||
1. Right-click on `install-context-menu.ps1`
|
1. Right-click on `install-context-menu.ps1`
|
||||||
2. Select "Run with PowerShell"
|
2. Select "Run with PowerShell"
|
||||||
3. Follow the prompts (will request administrator privileges)
|
3. Follow the prompts (will request administrator privileges)
|
||||||
|
|
||||||
#### Using Batch File
|
#### Using Batch File
|
||||||
1. Right-click on `install-context-menu.bat`
|
1. Right-click on `install-context-menu.bat`
|
||||||
2. Select "Run as administrator"
|
2. Select "Run as administrator"
|
||||||
3. Follow the prompts
|
3. Follow the prompts
|
||||||
|
|
||||||
#### Using Registry File Directly
|
#### Using Registry File Directly
|
||||||
1. Right-click on `install-context-menu.reg`
|
1. Right-click on `install-context-menu.reg`
|
||||||
2. Select "Merge"
|
2. Select "Merge"
|
||||||
3. Confirm the registry modification
|
3. Confirm the registry modification
|
||||||
|
|
||||||
## Uninstallation
|
## Uninstallation
|
||||||
|
|
||||||
### Using PowerShell
|
### Using PowerShell
|
||||||
```powershell
|
```powershell
|
||||||
.\install-context-menu.ps1 -Uninstall
|
.\install-context-menu.ps1 -Uninstall
|
||||||
```
|
```
|
||||||
|
|
||||||
### Using Batch File
|
### Using Batch File
|
||||||
Run `uninstall-context-menu.bat` as administrator
|
Run `uninstall-context-menu.bat` as administrator
|
||||||
|
|
||||||
### Using Registry File
|
### Using Registry File
|
||||||
Run `uninstall-context-menu.reg`
|
Run `uninstall-context-menu.reg`
|
||||||
|
|
||||||
## How It Works
|
## How It Works
|
||||||
|
|
||||||
### Command Line Interface
|
### Command Line Interface
|
||||||
The context menu integration works by passing command line arguments to PanConverter:
|
The context menu integration works by passing command line arguments to PanConverter:
|
||||||
|
|
||||||
- `--convert <file>`: Shows conversion dialog for the specified file
|
- `--convert <file>`: Shows conversion dialog for the specified file
|
||||||
- `--convert-to <format> <file>`: Directly converts to the specified format
|
- `--convert-to <format> <file>`: Directly converts to the specified format
|
||||||
|
|
||||||
### Examples
|
### Examples
|
||||||
```batch
|
```batch
|
||||||
# Show conversion dialog
|
# Show conversion dialog
|
||||||
PanConverter.exe --convert "document.md"
|
PanConverter.exe --convert "document.md"
|
||||||
|
|
||||||
# Direct conversion to PDF
|
# Direct conversion to PDF
|
||||||
PanConverter.exe --convert-to pdf "document.md"
|
PanConverter.exe --convert-to pdf "document.md"
|
||||||
```
|
```
|
||||||
|
|
||||||
### Conversion Process
|
### Conversion Process
|
||||||
1. PanConverter reads the input file
|
1. PanConverter reads the input file
|
||||||
2. Creates a temporary file if needed
|
2. Creates a temporary file if needed
|
||||||
3. Uses Pandoc to convert to the target format
|
3. Uses Pandoc to convert to the target format
|
||||||
4. Saves the output in the same directory as the input file
|
4. Saves the output in the same directory as the input file
|
||||||
5. Shows a Windows notification when complete
|
5. Shows a Windows notification when complete
|
||||||
|
|
||||||
## Requirements
|
## Requirements
|
||||||
|
|
||||||
- PanConverter must be installed in the default location: `%LOCALAPPDATA%\Programs\PanConverter\`
|
- PanConverter must be installed in the default location: `%LOCALAPPDATA%\Programs\PanConverter\`
|
||||||
- Pandoc must be installed and accessible from the command line
|
- Pandoc must be installed and accessible from the command line
|
||||||
- Administrator privileges required for registry modifications
|
- Administrator privileges required for registry modifications
|
||||||
|
|
||||||
## Troubleshooting
|
## Troubleshooting
|
||||||
|
|
||||||
### Context Menu Not Appearing
|
### Context Menu Not Appearing
|
||||||
1. Ensure you ran the installation script as administrator
|
1. Ensure you ran the installation script as administrator
|
||||||
2. Try logging out and back in, or restart Windows Explorer
|
2. Try logging out and back in, or restart Windows Explorer
|
||||||
3. Check if PanConverter is installed in the expected location
|
3. Check if PanConverter is installed in the expected location
|
||||||
|
|
||||||
### Conversion Failures
|
### Conversion Failures
|
||||||
1. Verify Pandoc is installed: `pandoc --version`
|
1. Verify Pandoc is installed: `pandoc --version`
|
||||||
2. Check if the input file is not corrupted or locked
|
2. Check if the input file is not corrupted or locked
|
||||||
3. Ensure you have write permissions in the output directory
|
3. Ensure you have write permissions in the output directory
|
||||||
|
|
||||||
### Permission Errors
|
### Permission Errors
|
||||||
- The installation scripts require administrator privileges to modify the registry
|
- The installation scripts require administrator privileges to modify the registry
|
||||||
- If you get permission errors, right-click and "Run as administrator"
|
- If you get permission errors, right-click and "Run as administrator"
|
||||||
|
|
||||||
## File Descriptions
|
## File Descriptions
|
||||||
|
|
||||||
- `install-context-menu.reg`: Registry entries for context menu
|
- `install-context-menu.reg`: Registry entries for context menu
|
||||||
- `uninstall-context-menu.reg`: Registry entries removal
|
- `uninstall-context-menu.reg`: Registry entries removal
|
||||||
- `install-context-menu.ps1`: PowerShell installation script
|
- `install-context-menu.ps1`: PowerShell installation script
|
||||||
- `install-context-menu.bat`: Batch installation script
|
- `install-context-menu.bat`: Batch installation script
|
||||||
- `uninstall-context-menu.bat`: Batch uninstallation script
|
- `uninstall-context-menu.bat`: Batch uninstallation script
|
||||||
- `nsis-installer.nsh`: NSIS installer integration script
|
- `nsis-installer.nsh`: NSIS installer integration script
|
||||||
|
|
||||||
## Security Note
|
## Security Note
|
||||||
|
|
||||||
The scripts modify the Windows registry to add context menu entries. Only run these scripts if you trust the source and understand the changes being made to your system.
|
The scripts modify the Windows registry to add context menu entries. Only run these scripts if you trust the source and understand the changes being made to your system.
|
||||||
@@ -1,82 +1,43 @@
|
|||||||
/**
|
const sharp = require('sharp');
|
||||||
* Icon Generator for MarkdownConverter
|
const fs = require('fs');
|
||||||
* Generates all required icon sizes from NewIcon.jpg
|
const path = require('path');
|
||||||
*/
|
|
||||||
|
const sizes = {
|
||||||
const sharp = require('sharp');
|
'icon.png': 512,
|
||||||
const fs = require('fs');
|
'icon@2x.png': 1024,
|
||||||
const path = require('path');
|
'icon.ico': 256,
|
||||||
|
'icon.icns': 512
|
||||||
// Source image
|
};
|
||||||
const sourceImage = path.join(__dirname, '..', 'assets', 'docico1.png');
|
|
||||||
const assetsDir = path.join(__dirname, '..', 'assets');
|
const svgPath = path.join(__dirname, '..', 'assets', 'icon.svg');
|
||||||
|
const svgBuffer = fs.readFileSync(svgPath);
|
||||||
// Icon sizes needed for different platforms
|
|
||||||
const iconSizes = [16, 24, 32, 48, 64, 128, 256, 512, 1024];
|
async function generateIcons() {
|
||||||
|
for (const [filename, size] of Object.entries(sizes)) {
|
||||||
async function generateIcons() {
|
const outputPath = path.join(__dirname, '..', 'assets', filename);
|
||||||
console.log('Generating icons from docico1.png...');
|
|
||||||
|
if (filename.endsWith('.png')) {
|
||||||
// Check if source exists
|
await sharp(svgBuffer)
|
||||||
if (!fs.existsSync(sourceImage)) {
|
.resize(size, size)
|
||||||
console.error('Source image not found:', sourceImage);
|
.png()
|
||||||
process.exit(1);
|
.toFile(outputPath);
|
||||||
}
|
console.log(`Generated ${filename}`);
|
||||||
|
} else if (filename.endsWith('.ico')) {
|
||||||
try {
|
// For ICO, we'll just use the PNG version
|
||||||
// Generate main icon.png (512x512)
|
await sharp(svgBuffer)
|
||||||
await sharp(sourceImage)
|
.resize(size, size)
|
||||||
.resize(512, 512, { fit: 'contain', background: { r: 255, g: 255, b: 255, alpha: 0 } })
|
.png()
|
||||||
.png()
|
.toFile(outputPath.replace('.ico', '.png'));
|
||||||
.toFile(path.join(assetsDir, 'icon.png'));
|
console.log(`Generated ${filename.replace('.ico', '.png')} (use png2ico to convert)`);
|
||||||
console.log('Generated icon.png (512x512)');
|
} else if (filename.endsWith('.icns')) {
|
||||||
|
// For ICNS, we'll just use the PNG version
|
||||||
// Generate icon@2x.png (1024x1024)
|
await sharp(svgBuffer)
|
||||||
await sharp(sourceImage)
|
.resize(size, size)
|
||||||
.resize(1024, 1024, { fit: 'contain', background: { r: 255, g: 255, b: 255, alpha: 0 } })
|
.png()
|
||||||
.png()
|
.toFile(outputPath.replace('.icns', '.png'));
|
||||||
.toFile(path.join(assetsDir, 'icon@2x.png'));
|
console.log(`Generated ${filename.replace('.icns', '.png')} (use png2icns to convert)`);
|
||||||
console.log('Generated icon@2x.png (1024x1024)');
|
}
|
||||||
|
}
|
||||||
// Create icons directory for multi-size icons
|
}
|
||||||
const iconsDir = path.join(assetsDir, 'icons');
|
|
||||||
if (!fs.existsSync(iconsDir)) {
|
generateIcons().catch(console.error);
|
||||||
fs.mkdirSync(iconsDir, { recursive: true });
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generate all sizes
|
|
||||||
for (const size of iconSizes) {
|
|
||||||
await sharp(sourceImage)
|
|
||||||
.resize(size, size, { fit: 'contain', background: { r: 255, g: 255, b: 255, alpha: 0 } })
|
|
||||||
.png()
|
|
||||||
.toFile(path.join(iconsDir, `${size}x${size}.png`));
|
|
||||||
console.log(`Generated icons/${size}x${size}.png`);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generate favicon
|
|
||||||
await sharp(sourceImage)
|
|
||||||
.resize(32, 32, { fit: 'contain', background: { r: 255, g: 255, b: 255, alpha: 0 } })
|
|
||||||
.png()
|
|
||||||
.toFile(path.join(assetsDir, 'favicon.png'));
|
|
||||||
console.log('Generated favicon.png (32x32)');
|
|
||||||
|
|
||||||
// Generate tray icon (smaller, for system tray)
|
|
||||||
await sharp(sourceImage)
|
|
||||||
.resize(24, 24, { fit: 'contain', background: { r: 255, g: 255, b: 255, alpha: 0 } })
|
|
||||||
.png()
|
|
||||||
.toFile(path.join(assetsDir, 'tray-icon.png'));
|
|
||||||
console.log('Generated tray-icon.png (24x24)');
|
|
||||||
|
|
||||||
console.log('\nIcon generation complete!');
|
|
||||||
console.log('\nFor Windows .ico file, use an online converter or:');
|
|
||||||
console.log(' magick convert assets/icons/*.png assets/icon.ico');
|
|
||||||
console.log('\nFor macOS .icns file, use:');
|
|
||||||
console.log(' iconutil -c icns assets/icon.iconset -o assets/icon.icns');
|
|
||||||
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error generating icons:', error);
|
|
||||||
process.exit(1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
generateIcons();
|
|
||||||
@@ -1,48 +1,48 @@
|
|||||||
@echo off
|
@echo off
|
||||||
echo PanConverter Context Menu Installation
|
echo PanConverter Context Menu Installation
|
||||||
echo =====================================
|
echo =====================================
|
||||||
echo.
|
echo.
|
||||||
|
|
||||||
REM Check for administrator privileges
|
REM Check for administrator privileges
|
||||||
net session >nul 2>&1
|
net session >nul 2>&1
|
||||||
if %errorLevel% == 0 (
|
if %errorLevel% == 0 (
|
||||||
echo Running with administrator privileges...
|
echo Running with administrator privileges...
|
||||||
) else (
|
) else (
|
||||||
echo This script requires administrator privileges.
|
echo This script requires administrator privileges.
|
||||||
echo Please right-click and select "Run as administrator"
|
echo Please right-click and select "Run as administrator"
|
||||||
echo.
|
echo.
|
||||||
pause
|
pause
|
||||||
exit /b 1
|
exit /b 1
|
||||||
)
|
)
|
||||||
|
|
||||||
REM Check if PanConverter is installed
|
REM Check if PanConverter is installed
|
||||||
if not exist "%LOCALAPPDATA%\Programs\PanConverter\PanConverter.exe" (
|
if not exist "%LOCALAPPDATA%\Programs\PanConverter\PanConverter.exe" (
|
||||||
echo Warning: PanConverter not found at the expected location.
|
echo Warning: PanConverter not found at the expected location.
|
||||||
echo Please ensure PanConverter is installed before continuing.
|
echo Please ensure PanConverter is installed before continuing.
|
||||||
echo Expected location: %LOCALAPPDATA%\Programs\PanConverter\PanConverter.exe
|
echo Expected location: %LOCALAPPDATA%\Programs\PanConverter\PanConverter.exe
|
||||||
echo.
|
echo.
|
||||||
set /p continue="Continue anyway? (y/N): "
|
set /p continue="Continue anyway? (y/N): "
|
||||||
if /i not "%continue%"=="y" exit /b 1
|
if /i not "%continue%"=="y" exit /b 1
|
||||||
)
|
)
|
||||||
|
|
||||||
echo Installing context menu entries...
|
echo Installing context menu entries...
|
||||||
reg import "%~dp0install-context-menu.reg"
|
reg import "%~dp0install-context-menu.reg"
|
||||||
|
|
||||||
if %errorLevel% == 0 (
|
if %errorLevel% == 0 (
|
||||||
echo.
|
echo.
|
||||||
echo Context menu integration installed successfully!
|
echo Context menu integration installed successfully!
|
||||||
echo.
|
echo.
|
||||||
echo You can now right-click on supported files and select:
|
echo You can now right-click on supported files and select:
|
||||||
echo • "Convert with PanConverter" - Shows conversion dialog
|
echo • "Convert with PanConverter" - Shows conversion dialog
|
||||||
echo • "PanConverter > Convert to..." - Direct conversion ^(for Markdown^)
|
echo • "PanConverter > Convert to..." - Direct conversion ^(for Markdown^)
|
||||||
echo.
|
echo.
|
||||||
echo Supported file types:
|
echo Supported file types:
|
||||||
echo .md .markdown .html .htm .docx .odt .rtf .tex .pdf .pptx .ppt .odp
|
echo .md .markdown .html .htm .docx .odt .rtf .tex .pdf .pptx .ppt .odp
|
||||||
) else (
|
) else (
|
||||||
echo.
|
echo.
|
||||||
echo Failed to install context menu entries.
|
echo Failed to install context menu entries.
|
||||||
echo Please check that the registry file exists and try again.
|
echo Please check that the registry file exists and try again.
|
||||||
)
|
)
|
||||||
|
|
||||||
echo.
|
echo.
|
||||||
pause
|
pause
|
||||||
@@ -1,67 +1,67 @@
|
|||||||
# PanConverter Context Menu Installation Script
|
# PanConverter Context Menu Installation Script
|
||||||
# This script installs PanConverter context menu integration for Windows Explorer
|
# This script installs PanConverter context menu integration for Windows Explorer
|
||||||
|
|
||||||
param(
|
param(
|
||||||
[switch]$Uninstall = $false
|
[switch]$Uninstall = $false
|
||||||
)
|
)
|
||||||
|
|
||||||
# Check if running as administrator
|
# Check if running as administrator
|
||||||
if (-NOT ([Security.Principal.WindowsPrincipal] [Security.Principal.WindowsIdentity]::GetCurrent()).IsInRole([Security.Principal.WindowsBuiltInRole] "Administrator")) {
|
if (-NOT ([Security.Principal.WindowsPrincipal] [Security.Principal.WindowsIdentity]::GetCurrent()).IsInRole([Security.Principal.WindowsBuiltInRole] "Administrator")) {
|
||||||
Write-Host "This script requires Administrator privileges. Restarting with elevated permissions..." -ForegroundColor Yellow
|
Write-Host "This script requires Administrator privileges. Restarting with elevated permissions..." -ForegroundColor Yellow
|
||||||
Start-Process PowerShell -Verb RunAs "-File `"$PSCommandPath`" $(if ($Uninstall) { '-Uninstall' })"
|
Start-Process PowerShell -Verb RunAs "-File `"$PSCommandPath`" $(if ($Uninstall) { '-Uninstall' })"
|
||||||
exit
|
exit
|
||||||
}
|
}
|
||||||
|
|
||||||
$scriptDir = Split-Path -Parent $MyInvocation.MyCommand.Path
|
$scriptDir = Split-Path -Parent $MyInvocation.MyCommand.Path
|
||||||
$appPath = "${env:LOCALAPPDATA}\Programs\PanConverter\PanConverter.exe"
|
$appPath = "${env:LOCALAPPDATA}\Programs\PanConverter\PanConverter.exe"
|
||||||
|
|
||||||
if ($Uninstall) {
|
if ($Uninstall) {
|
||||||
Write-Host "Uninstalling PanConverter context menu integration..." -ForegroundColor Yellow
|
Write-Host "Uninstalling PanConverter context menu integration..." -ForegroundColor Yellow
|
||||||
$regFile = Join-Path $scriptDir "uninstall-context-menu.reg"
|
$regFile = Join-Path $scriptDir "uninstall-context-menu.reg"
|
||||||
|
|
||||||
if (Test-Path $regFile) {
|
if (Test-Path $regFile) {
|
||||||
reg import $regFile
|
reg import $regFile
|
||||||
if ($LASTEXITCODE -eq 0) {
|
if ($LASTEXITCODE -eq 0) {
|
||||||
Write-Host "PanConverter context menu has been successfully removed!" -ForegroundColor Green
|
Write-Host "PanConverter context menu has been successfully removed!" -ForegroundColor Green
|
||||||
} else {
|
} else {
|
||||||
Write-Host "Failed to remove context menu entries." -ForegroundColor Red
|
Write-Host "Failed to remove context menu entries." -ForegroundColor Red
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
Write-Host "Uninstall registry file not found: $regFile" -ForegroundColor Red
|
Write-Host "Uninstall registry file not found: $regFile" -ForegroundColor Red
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
Write-Host "Installing PanConverter context menu integration..." -ForegroundColor Yellow
|
Write-Host "Installing PanConverter context menu integration..." -ForegroundColor Yellow
|
||||||
|
|
||||||
# Check if PanConverter is installed
|
# Check if PanConverter is installed
|
||||||
if (-not (Test-Path $appPath)) {
|
if (-not (Test-Path $appPath)) {
|
||||||
Write-Host "Warning: PanConverter executable not found at: $appPath" -ForegroundColor Yellow
|
Write-Host "Warning: PanConverter executable not found at: $appPath" -ForegroundColor Yellow
|
||||||
Write-Host "Please make sure PanConverter is installed before running this script." -ForegroundColor Yellow
|
Write-Host "Please make sure PanConverter is installed before running this script." -ForegroundColor Yellow
|
||||||
$continue = Read-Host "Continue anyway? (y/N)"
|
$continue = Read-Host "Continue anyway? (y/N)"
|
||||||
if ($continue -ne 'y' -and $continue -ne 'Y') {
|
if ($continue -ne 'y' -and $continue -ne 'Y') {
|
||||||
exit
|
exit
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
$regFile = Join-Path $scriptDir "install-context-menu.reg"
|
$regFile = Join-Path $scriptDir "install-context-menu.reg"
|
||||||
|
|
||||||
if (Test-Path $regFile) {
|
if (Test-Path $regFile) {
|
||||||
reg import $regFile
|
reg import $regFile
|
||||||
if ($LASTEXITCODE -eq 0) {
|
if ($LASTEXITCODE -eq 0) {
|
||||||
Write-Host "PanConverter context menu has been successfully installed!" -ForegroundColor Green
|
Write-Host "PanConverter context menu has been successfully installed!" -ForegroundColor Green
|
||||||
Write-Host ""
|
Write-Host ""
|
||||||
Write-Host "You can now right-click on supported files (MD, HTML, DOCX, PDF, etc.) and select:" -ForegroundColor Cyan
|
Write-Host "You can now right-click on supported files (MD, HTML, DOCX, PDF, etc.) and select:" -ForegroundColor Cyan
|
||||||
Write-Host "• 'Convert with PanConverter' - Shows conversion dialog" -ForegroundColor Cyan
|
Write-Host "• 'Convert with PanConverter' - Shows conversion dialog" -ForegroundColor Cyan
|
||||||
Write-Host "• 'PanConverter > Convert to...' - Direct conversion options (for Markdown files)" -ForegroundColor Cyan
|
Write-Host "• 'PanConverter > Convert to...' - Direct conversion options (for Markdown files)" -ForegroundColor Cyan
|
||||||
Write-Host ""
|
Write-Host ""
|
||||||
Write-Host "Supported file types: .md, .markdown, .html, .htm, .docx, .odt, .rtf, .tex, .pdf, .pptx, .ppt, .odp" -ForegroundColor Gray
|
Write-Host "Supported file types: .md, .markdown, .html, .htm, .docx, .odt, .rtf, .tex, .pdf, .pptx, .ppt, .odp" -ForegroundColor Gray
|
||||||
} else {
|
} else {
|
||||||
Write-Host "Failed to install context menu entries." -ForegroundColor Red
|
Write-Host "Failed to install context menu entries." -ForegroundColor Red
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
Write-Host "Install registry file not found: $regFile" -ForegroundColor Red
|
Write-Host "Install registry file not found: $regFile" -ForegroundColor Red
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Write-Host ""
|
Write-Host ""
|
||||||
Write-Host "Press any key to exit..."
|
Write-Host "Press any key to exit..."
|
||||||
$null = $Host.UI.RawUI.ReadKey("NoEcho,IncludeKeyDown")
|
$null = $Host.UI.RawUI.ReadKey("NoEcho,IncludeKeyDown")
|
||||||
@@ -1,134 +1,134 @@
|
|||||||
Windows Registry Editor Version 5.00
|
Windows Registry Editor Version 5.00
|
||||||
|
|
||||||
; PanConverter Context Menu Integration
|
; PanConverter Context Menu Integration
|
||||||
; This registry file adds context menu options for converting files using PanConverter
|
; This registry file adds context menu options for converting files using PanConverter
|
||||||
|
|
||||||
; Add context menu for Markdown files (.md, .markdown)
|
; Add context menu for Markdown files (.md, .markdown)
|
||||||
[HKEY_CLASSES_ROOT\.md\shell\PanConverter]
|
[HKEY_CLASSES_ROOT\.md\shell\PanConverter]
|
||||||
@="Convert with PanConverter"
|
@="Convert with PanConverter"
|
||||||
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.md\shell\PanConverter\command]
|
[HKEY_CLASSES_ROOT\.md\shell\PanConverter\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.markdown\shell\PanConverter]
|
[HKEY_CLASSES_ROOT\.markdown\shell\PanConverter]
|
||||||
@="Convert with PanConverter"
|
@="Convert with PanConverter"
|
||||||
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.markdown\shell\PanConverter\command]
|
[HKEY_CLASSES_ROOT\.markdown\shell\PanConverter\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
||||||
|
|
||||||
; Add context menu for HTML files
|
; Add context menu for HTML files
|
||||||
[HKEY_CLASSES_ROOT\.html\shell\PanConverter]
|
[HKEY_CLASSES_ROOT\.html\shell\PanConverter]
|
||||||
@="Convert with PanConverter"
|
@="Convert with PanConverter"
|
||||||
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.html\shell\PanConverter\command]
|
[HKEY_CLASSES_ROOT\.html\shell\PanConverter\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.htm\shell\PanConverter]
|
[HKEY_CLASSES_ROOT\.htm\shell\PanConverter]
|
||||||
@="Convert with PanConverter"
|
@="Convert with PanConverter"
|
||||||
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.htm\shell\PanConverter\command]
|
[HKEY_CLASSES_ROOT\.htm\shell\PanConverter\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
||||||
|
|
||||||
; Add context menu for DOCX files
|
; Add context menu for DOCX files
|
||||||
[HKEY_CLASSES_ROOT\.docx\shell\PanConverter]
|
[HKEY_CLASSES_ROOT\.docx\shell\PanConverter]
|
||||||
@="Convert with PanConverter"
|
@="Convert with PanConverter"
|
||||||
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.docx\shell\PanConverter\command]
|
[HKEY_CLASSES_ROOT\.docx\shell\PanConverter\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
||||||
|
|
||||||
; Add context menu for ODT files
|
; Add context menu for ODT files
|
||||||
[HKEY_CLASSES_ROOT\.odt\shell\PanConverter]
|
[HKEY_CLASSES_ROOT\.odt\shell\PanConverter]
|
||||||
@="Convert with PanConverter"
|
@="Convert with PanConverter"
|
||||||
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.odt\shell\PanConverter\command]
|
[HKEY_CLASSES_ROOT\.odt\shell\PanConverter\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
||||||
|
|
||||||
; Add context menu for RTF files
|
; Add context menu for RTF files
|
||||||
[HKEY_CLASSES_ROOT\.rtf\shell\PanConverter]
|
[HKEY_CLASSES_ROOT\.rtf\shell\PanConverter]
|
||||||
@="Convert with PanConverter"
|
@="Convert with PanConverter"
|
||||||
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.rtf\shell\PanConverter\command]
|
[HKEY_CLASSES_ROOT\.rtf\shell\PanConverter\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
||||||
|
|
||||||
; Add context menu for LaTeX files
|
; Add context menu for LaTeX files
|
||||||
[HKEY_CLASSES_ROOT\.tex\shell\PanConverter]
|
[HKEY_CLASSES_ROOT\.tex\shell\PanConverter]
|
||||||
@="Convert with PanConverter"
|
@="Convert with PanConverter"
|
||||||
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.tex\shell\PanConverter\command]
|
[HKEY_CLASSES_ROOT\.tex\shell\PanConverter\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
||||||
|
|
||||||
; Add context menu for PDF files
|
; Add context menu for PDF files
|
||||||
[HKEY_CLASSES_ROOT\.pdf\shell\PanConverter]
|
[HKEY_CLASSES_ROOT\.pdf\shell\PanConverter]
|
||||||
@="Convert with PanConverter"
|
@="Convert with PanConverter"
|
||||||
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.pdf\shell\PanConverter\command]
|
[HKEY_CLASSES_ROOT\.pdf\shell\PanConverter\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
||||||
|
|
||||||
; Add context menu for PowerPoint files
|
; Add context menu for PowerPoint files
|
||||||
[HKEY_CLASSES_ROOT\.pptx\shell\PanConverter]
|
[HKEY_CLASSES_ROOT\.pptx\shell\PanConverter]
|
||||||
@="Convert with PanConverter"
|
@="Convert with PanConverter"
|
||||||
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.pptx\shell\PanConverter\command]
|
[HKEY_CLASSES_ROOT\.pptx\shell\PanConverter\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.ppt\shell\PanConverter]
|
[HKEY_CLASSES_ROOT\.ppt\shell\PanConverter]
|
||||||
@="Convert with PanConverter"
|
@="Convert with PanConverter"
|
||||||
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.ppt\shell\PanConverter\command]
|
[HKEY_CLASSES_ROOT\.ppt\shell\PanConverter\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
||||||
|
|
||||||
; Add context menu for OpenDocument Presentation files
|
; Add context menu for OpenDocument Presentation files
|
||||||
[HKEY_CLASSES_ROOT\.odp\shell\PanConverter]
|
[HKEY_CLASSES_ROOT\.odp\shell\PanConverter]
|
||||||
@="Convert with PanConverter"
|
@="Convert with PanConverter"
|
||||||
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.odp\shell\PanConverter\command]
|
[HKEY_CLASSES_ROOT\.odp\shell\PanConverter\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert \"%1\""
|
||||||
|
|
||||||
; Add submenu with specific conversion options for Markdown files
|
; Add submenu with specific conversion options for Markdown files
|
||||||
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu]
|
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu]
|
||||||
@="PanConverter"
|
@="PanConverter"
|
||||||
"MUIVerb"="Convert to..."
|
"MUIVerb"="Convert to..."
|
||||||
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
"Icon"="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\""
|
||||||
"SubCommands"=""
|
"SubCommands"=""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\PDF]
|
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\PDF]
|
||||||
@="PDF"
|
@="PDF"
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\PDF\command]
|
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\PDF\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert-to pdf \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert-to pdf \"%1\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\HTML]
|
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\HTML]
|
||||||
@="HTML"
|
@="HTML"
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\HTML\command]
|
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\HTML\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert-to html \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert-to html \"%1\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\DOCX]
|
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\DOCX]
|
||||||
@="DOCX"
|
@="DOCX"
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\DOCX\command]
|
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\DOCX\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert-to docx \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert-to docx \"%1\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\LaTeX]
|
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\LaTeX]
|
||||||
@="LaTeX"
|
@="LaTeX"
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\LaTeX\command]
|
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\LaTeX\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert-to latex \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert-to latex \"%1\""
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\PPTX]
|
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\PPTX]
|
||||||
@="PowerPoint"
|
@="PowerPoint"
|
||||||
|
|
||||||
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\PPTX\command]
|
[HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu\shell\PPTX\command]
|
||||||
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert-to pptx \"%1\""
|
@="\"%LOCALAPPDATA%\\Programs\\PanConverter\\PanConverter.exe\" --convert-to pptx \"%1\""
|
||||||
@@ -1,145 +1,145 @@
|
|||||||
; PanConverter NSIS Installer Include File
|
; PanConverter NSIS Installer Include File
|
||||||
; Handles context menu installation and uninstallation
|
; Handles context menu installation and uninstallation
|
||||||
|
|
||||||
!include "LogicLib.nsh"
|
!include "LogicLib.nsh"
|
||||||
!include "MUI2.nsh"
|
!include "MUI2.nsh"
|
||||||
|
|
||||||
; Custom installation page for context menu option
|
; Custom installation page for context menu option
|
||||||
Var ContextMenuCheckbox
|
Var ContextMenuCheckbox
|
||||||
Var ContextMenuState
|
Var ContextMenuState
|
||||||
|
|
||||||
Function ContextMenuPage
|
Function ContextMenuPage
|
||||||
!insertmacro MUI_HEADER_TEXT "Additional Options" "Choose additional installation options"
|
!insertmacro MUI_HEADER_TEXT "Additional Options" "Choose additional installation options"
|
||||||
|
|
||||||
nsDialogs::Create 1018
|
nsDialogs::Create 1018
|
||||||
Pop $0
|
Pop $0
|
||||||
|
|
||||||
${If} $0 == error
|
${If} $0 == error
|
||||||
Abort
|
Abort
|
||||||
${EndIf}
|
${EndIf}
|
||||||
|
|
||||||
${NSD_CreateLabel} 0 0 100% 20u "Select additional features to install:"
|
${NSD_CreateLabel} 0 0 100% 20u "Select additional features to install:"
|
||||||
Pop $0
|
Pop $0
|
||||||
|
|
||||||
${NSD_CreateCheckbox} 20u 30u 280u 15u "Add PanConverter to Windows Explorer context menu"
|
${NSD_CreateCheckbox} 20u 30u 280u 15u "Add PanConverter to Windows Explorer context menu"
|
||||||
Pop $ContextMenuCheckbox
|
Pop $ContextMenuCheckbox
|
||||||
${NSD_SetState} $ContextMenuCheckbox ${BST_CHECKED}
|
${NSD_SetState} $ContextMenuCheckbox ${BST_CHECKED}
|
||||||
|
|
||||||
${NSD_CreateLabel} 20u 50u 280u 30u "This will allow you to right-click on supported files and convert them directly using PanConverter."
|
${NSD_CreateLabel} 20u 50u 280u 30u "This will allow you to right-click on supported files and convert them directly using PanConverter."
|
||||||
Pop $0
|
Pop $0
|
||||||
|
|
||||||
nsDialogs::Show
|
nsDialogs::Show
|
||||||
FunctionEnd
|
FunctionEnd
|
||||||
|
|
||||||
Function ContextMenuPageLeave
|
Function ContextMenuPageLeave
|
||||||
${NSD_GetState} $ContextMenuCheckbox $ContextMenuState
|
${NSD_GetState} $ContextMenuCheckbox $ContextMenuState
|
||||||
FunctionEnd
|
FunctionEnd
|
||||||
|
|
||||||
; Install context menu entries
|
; Install context menu entries
|
||||||
Function InstallContextMenu
|
Function InstallContextMenu
|
||||||
${If} $ContextMenuState == ${BST_CHECKED}
|
${If} $ContextMenuState == ${BST_CHECKED}
|
||||||
DetailPrint "Installing context menu integration..."
|
DetailPrint "Installing context menu integration..."
|
||||||
|
|
||||||
; Create registry entries for context menu
|
; Create registry entries for context menu
|
||||||
WriteRegStr HKCR ".md\shell\PanConverter" "" "Convert with PanConverter"
|
WriteRegStr HKCR ".md\shell\PanConverter" "" "Convert with PanConverter"
|
||||||
WriteRegStr HKCR ".md\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
WriteRegStr HKCR ".md\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
||||||
WriteRegStr HKCR ".md\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
WriteRegStr HKCR ".md\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
||||||
|
|
||||||
WriteRegStr HKCR ".markdown\shell\PanConverter" "" "Convert with PanConverter"
|
WriteRegStr HKCR ".markdown\shell\PanConverter" "" "Convert with PanConverter"
|
||||||
WriteRegStr HKCR ".markdown\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
WriteRegStr HKCR ".markdown\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
||||||
WriteRegStr HKCR ".markdown\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
WriteRegStr HKCR ".markdown\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
||||||
|
|
||||||
; Context menu for HTML files
|
; Context menu for HTML files
|
||||||
WriteRegStr HKCR ".html\shell\PanConverter" "" "Convert with PanConverter"
|
WriteRegStr HKCR ".html\shell\PanConverter" "" "Convert with PanConverter"
|
||||||
WriteRegStr HKCR ".html\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
WriteRegStr HKCR ".html\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
||||||
WriteRegStr HKCR ".html\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
WriteRegStr HKCR ".html\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
||||||
|
|
||||||
WriteRegStr HKCR ".htm\shell\PanConverter" "" "Convert with PanConverter"
|
WriteRegStr HKCR ".htm\shell\PanConverter" "" "Convert with PanConverter"
|
||||||
WriteRegStr HKCR ".htm\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
WriteRegStr HKCR ".htm\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
||||||
WriteRegStr HKCR ".htm\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
WriteRegStr HKCR ".htm\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
||||||
|
|
||||||
; Context menu for DOCX files
|
; Context menu for DOCX files
|
||||||
WriteRegStr HKCR ".docx\shell\PanConverter" "" "Convert with PanConverter"
|
WriteRegStr HKCR ".docx\shell\PanConverter" "" "Convert with PanConverter"
|
||||||
WriteRegStr HKCR ".docx\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
WriteRegStr HKCR ".docx\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
||||||
WriteRegStr HKCR ".docx\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
WriteRegStr HKCR ".docx\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
||||||
|
|
||||||
; Context menu for ODT files
|
; Context menu for ODT files
|
||||||
WriteRegStr HKCR ".odt\shell\PanConverter" "" "Convert with PanConverter"
|
WriteRegStr HKCR ".odt\shell\PanConverter" "" "Convert with PanConverter"
|
||||||
WriteRegStr HKCR ".odt\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
WriteRegStr HKCR ".odt\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
||||||
WriteRegStr HKCR ".odt\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
WriteRegStr HKCR ".odt\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
||||||
|
|
||||||
; Context menu for RTF files
|
; Context menu for RTF files
|
||||||
WriteRegStr HKCR ".rtf\shell\PanConverter" "" "Convert with PanConverter"
|
WriteRegStr HKCR ".rtf\shell\PanConverter" "" "Convert with PanConverter"
|
||||||
WriteRegStr HKCR ".rtf\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
WriteRegStr HKCR ".rtf\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
||||||
WriteRegStr HKCR ".rtf\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
WriteRegStr HKCR ".rtf\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
||||||
|
|
||||||
; Context menu for LaTeX files
|
; Context menu for LaTeX files
|
||||||
WriteRegStr HKCR ".tex\shell\PanConverter" "" "Convert with PanConverter"
|
WriteRegStr HKCR ".tex\shell\PanConverter" "" "Convert with PanConverter"
|
||||||
WriteRegStr HKCR ".tex\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
WriteRegStr HKCR ".tex\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
||||||
WriteRegStr HKCR ".tex\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
WriteRegStr HKCR ".tex\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
||||||
|
|
||||||
; Context menu for PDF files
|
; Context menu for PDF files
|
||||||
WriteRegStr HKCR ".pdf\shell\PanConverter" "" "Convert with PanConverter"
|
WriteRegStr HKCR ".pdf\shell\PanConverter" "" "Convert with PanConverter"
|
||||||
WriteRegStr HKCR ".pdf\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
WriteRegStr HKCR ".pdf\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
||||||
WriteRegStr HKCR ".pdf\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
WriteRegStr HKCR ".pdf\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
||||||
|
|
||||||
; Context menu for PowerPoint files
|
; Context menu for PowerPoint files
|
||||||
WriteRegStr HKCR ".pptx\shell\PanConverter" "" "Convert with PanConverter"
|
WriteRegStr HKCR ".pptx\shell\PanConverter" "" "Convert with PanConverter"
|
||||||
WriteRegStr HKCR ".pptx\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
WriteRegStr HKCR ".pptx\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
||||||
WriteRegStr HKCR ".pptx\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
WriteRegStr HKCR ".pptx\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
||||||
|
|
||||||
WriteRegStr HKCR ".ppt\shell\PanConverter" "" "Convert with PanConverter"
|
WriteRegStr HKCR ".ppt\shell\PanConverter" "" "Convert with PanConverter"
|
||||||
WriteRegStr HKCR ".ppt\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
WriteRegStr HKCR ".ppt\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
||||||
WriteRegStr HKCR ".ppt\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
WriteRegStr HKCR ".ppt\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
||||||
|
|
||||||
; Context menu for ODP files
|
; Context menu for ODP files
|
||||||
WriteRegStr HKCR ".odp\shell\PanConverter" "" "Convert with PanConverter"
|
WriteRegStr HKCR ".odp\shell\PanConverter" "" "Convert with PanConverter"
|
||||||
WriteRegStr HKCR ".odp\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
WriteRegStr HKCR ".odp\shell\PanConverter" "Icon" "$INSTDIR\PanConverter.exe"
|
||||||
WriteRegStr HKCR ".odp\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
WriteRegStr HKCR ".odp\shell\PanConverter\command" "" '"$INSTDIR\PanConverter.exe" --convert "%1"'
|
||||||
|
|
||||||
; Submenu for Markdown files with direct conversion options
|
; Submenu for Markdown files with direct conversion options
|
||||||
WriteRegStr HKCR ".md\shell\PanConverterMenu" "" "PanConverter"
|
WriteRegStr HKCR ".md\shell\PanConverterMenu" "" "PanConverter"
|
||||||
WriteRegStr HKCR ".md\shell\PanConverterMenu" "MUIVerb" "Convert to..."
|
WriteRegStr HKCR ".md\shell\PanConverterMenu" "MUIVerb" "Convert to..."
|
||||||
WriteRegStr HKCR ".md\shell\PanConverterMenu" "Icon" "$INSTDIR\PanConverter.exe"
|
WriteRegStr HKCR ".md\shell\PanConverterMenu" "Icon" "$INSTDIR\PanConverter.exe"
|
||||||
WriteRegStr HKCR ".md\shell\PanConverterMenu" "SubCommands" ""
|
WriteRegStr HKCR ".md\shell\PanConverterMenu" "SubCommands" ""
|
||||||
|
|
||||||
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\PDF" "" "PDF"
|
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\PDF" "" "PDF"
|
||||||
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\PDF\command" "" '"$INSTDIR\PanConverter.exe" --convert-to pdf "%1"'
|
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\PDF\command" "" '"$INSTDIR\PanConverter.exe" --convert-to pdf "%1"'
|
||||||
|
|
||||||
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\HTML" "" "HTML"
|
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\HTML" "" "HTML"
|
||||||
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\HTML\command" "" '"$INSTDIR\PanConverter.exe" --convert-to html "%1"'
|
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\HTML\command" "" '"$INSTDIR\PanConverter.exe" --convert-to html "%1"'
|
||||||
|
|
||||||
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\DOCX" "" "DOCX"
|
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\DOCX" "" "DOCX"
|
||||||
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\DOCX\command" "" '"$INSTDIR\PanConverter.exe" --convert-to docx "%1"'
|
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\DOCX\command" "" '"$INSTDIR\PanConverter.exe" --convert-to docx "%1"'
|
||||||
|
|
||||||
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\LaTeX" "" "LaTeX"
|
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\LaTeX" "" "LaTeX"
|
||||||
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\LaTeX\command" "" '"$INSTDIR\PanConverter.exe" --convert-to latex "%1"'
|
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\LaTeX\command" "" '"$INSTDIR\PanConverter.exe" --convert-to latex "%1"'
|
||||||
|
|
||||||
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\PPTX" "" "PowerPoint"
|
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\PPTX" "" "PowerPoint"
|
||||||
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\PPTX\command" "" '"$INSTDIR\PanConverter.exe" --convert-to pptx "%1"'
|
WriteRegStr HKCR ".md\shell\PanConverterMenu\shell\PPTX\command" "" '"$INSTDIR\PanConverter.exe" --convert-to pptx "%1"'
|
||||||
|
|
||||||
DetailPrint "Context menu integration installed successfully!"
|
DetailPrint "Context menu integration installed successfully!"
|
||||||
${EndIf}
|
${EndIf}
|
||||||
FunctionEnd
|
FunctionEnd
|
||||||
|
|
||||||
; Uninstall context menu entries
|
; Uninstall context menu entries
|
||||||
Function un.RemoveContextMenu
|
Function un.RemoveContextMenu
|
||||||
DetailPrint "Removing context menu integration..."
|
DetailPrint "Removing context menu integration..."
|
||||||
|
|
||||||
; Remove context menu entries for all file types
|
; Remove context menu entries for all file types
|
||||||
DeleteRegKey HKCR ".md\shell\PanConverter"
|
DeleteRegKey HKCR ".md\shell\PanConverter"
|
||||||
DeleteRegKey HKCR ".md\shell\PanConverterMenu"
|
DeleteRegKey HKCR ".md\shell\PanConverterMenu"
|
||||||
DeleteRegKey HKCR ".markdown\shell\PanConverter"
|
DeleteRegKey HKCR ".markdown\shell\PanConverter"
|
||||||
DeleteRegKey HKCR ".html\shell\PanConverter"
|
DeleteRegKey HKCR ".html\shell\PanConverter"
|
||||||
DeleteRegKey HKCR ".htm\shell\PanConverter"
|
DeleteRegKey HKCR ".htm\shell\PanConverter"
|
||||||
DeleteRegKey HKCR ".docx\shell\PanConverter"
|
DeleteRegKey HKCR ".docx\shell\PanConverter"
|
||||||
DeleteRegKey HKCR ".odt\shell\PanConverter"
|
DeleteRegKey HKCR ".odt\shell\PanConverter"
|
||||||
DeleteRegKey HKCR ".rtf\shell\PanConverter"
|
DeleteRegKey HKCR ".rtf\shell\PanConverter"
|
||||||
DeleteRegKey HKCR ".tex\shell\PanConverter"
|
DeleteRegKey HKCR ".tex\shell\PanConverter"
|
||||||
DeleteRegKey HKCR ".pdf\shell\PanConverter"
|
DeleteRegKey HKCR ".pdf\shell\PanConverter"
|
||||||
DeleteRegKey HKCR ".pptx\shell\PanConverter"
|
DeleteRegKey HKCR ".pptx\shell\PanConverter"
|
||||||
DeleteRegKey HKCR ".ppt\shell\PanConverter"
|
DeleteRegKey HKCR ".ppt\shell\PanConverter"
|
||||||
DeleteRegKey HKCR ".odp\shell\PanConverter"
|
DeleteRegKey HKCR ".odp\shell\PanConverter"
|
||||||
|
|
||||||
DetailPrint "Context menu integration removed successfully!"
|
DetailPrint "Context menu integration removed successfully!"
|
||||||
FunctionEnd
|
FunctionEnd
|
||||||
@@ -1,32 +1,32 @@
|
|||||||
@echo off
|
@echo off
|
||||||
echo PanConverter Context Menu Uninstallation
|
echo PanConverter Context Menu Uninstallation
|
||||||
echo ========================================
|
echo ========================================
|
||||||
echo.
|
echo.
|
||||||
|
|
||||||
REM Check for administrator privileges
|
REM Check for administrator privileges
|
||||||
net session >nul 2>&1
|
net session >nul 2>&1
|
||||||
if %errorLevel% == 0 (
|
if %errorLevel% == 0 (
|
||||||
echo Running with administrator privileges...
|
echo Running with administrator privileges...
|
||||||
) else (
|
) else (
|
||||||
echo This script requires administrator privileges.
|
echo This script requires administrator privileges.
|
||||||
echo Please right-click and select "Run as administrator"
|
echo Please right-click and select "Run as administrator"
|
||||||
echo.
|
echo.
|
||||||
pause
|
pause
|
||||||
exit /b 1
|
exit /b 1
|
||||||
)
|
)
|
||||||
|
|
||||||
echo Removing context menu entries...
|
echo Removing context menu entries...
|
||||||
reg import "%~dp0uninstall-context-menu.reg"
|
reg import "%~dp0uninstall-context-menu.reg"
|
||||||
|
|
||||||
if %errorLevel% == 0 (
|
if %errorLevel% == 0 (
|
||||||
echo.
|
echo.
|
||||||
echo Context menu integration removed successfully!
|
echo Context menu integration removed successfully!
|
||||||
echo PanConverter entries have been removed from the Windows Explorer context menu.
|
echo PanConverter entries have been removed from the Windows Explorer context menu.
|
||||||
) else (
|
) else (
|
||||||
echo.
|
echo.
|
||||||
echo Failed to remove context menu entries.
|
echo Failed to remove context menu entries.
|
||||||
echo Please check that the registry file exists and try again.
|
echo Please check that the registry file exists and try again.
|
||||||
)
|
)
|
||||||
|
|
||||||
echo.
|
echo.
|
||||||
pause
|
pause
|
||||||
@@ -1,36 +1,36 @@
|
|||||||
Windows Registry Editor Version 5.00
|
Windows Registry Editor Version 5.00
|
||||||
|
|
||||||
; PanConverter Context Menu Uninstall Script
|
; PanConverter Context Menu Uninstall Script
|
||||||
; This registry file removes PanConverter context menu entries
|
; This registry file removes PanConverter context menu entries
|
||||||
|
|
||||||
; Remove context menu for Markdown files (.md, .markdown)
|
; Remove context menu for Markdown files (.md, .markdown)
|
||||||
[-HKEY_CLASSES_ROOT\.md\shell\PanConverter]
|
[-HKEY_CLASSES_ROOT\.md\shell\PanConverter]
|
||||||
[-HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu]
|
[-HKEY_CLASSES_ROOT\.md\shell\PanConverterMenu]
|
||||||
|
|
||||||
[-HKEY_CLASSES_ROOT\.markdown\shell\PanConverter]
|
[-HKEY_CLASSES_ROOT\.markdown\shell\PanConverter]
|
||||||
|
|
||||||
; Remove context menu for HTML files
|
; Remove context menu for HTML files
|
||||||
[-HKEY_CLASSES_ROOT\.html\shell\PanConverter]
|
[-HKEY_CLASSES_ROOT\.html\shell\PanConverter]
|
||||||
[-HKEY_CLASSES_ROOT\.htm\shell\PanConverter]
|
[-HKEY_CLASSES_ROOT\.htm\shell\PanConverter]
|
||||||
|
|
||||||
; Remove context menu for DOCX files
|
; Remove context menu for DOCX files
|
||||||
[-HKEY_CLASSES_ROOT\.docx\shell\PanConverter]
|
[-HKEY_CLASSES_ROOT\.docx\shell\PanConverter]
|
||||||
|
|
||||||
; Remove context menu for ODT files
|
; Remove context menu for ODT files
|
||||||
[-HKEY_CLASSES_ROOT\.odt\shell\PanConverter]
|
[-HKEY_CLASSES_ROOT\.odt\shell\PanConverter]
|
||||||
|
|
||||||
; Remove context menu for RTF files
|
; Remove context menu for RTF files
|
||||||
[-HKEY_CLASSES_ROOT\.rtf\shell\PanConverter]
|
[-HKEY_CLASSES_ROOT\.rtf\shell\PanConverter]
|
||||||
|
|
||||||
; Remove context menu for LaTeX files
|
; Remove context menu for LaTeX files
|
||||||
[-HKEY_CLASSES_ROOT\.tex\shell\PanConverter]
|
[-HKEY_CLASSES_ROOT\.tex\shell\PanConverter]
|
||||||
|
|
||||||
; Remove context menu for PDF files
|
; Remove context menu for PDF files
|
||||||
[-HKEY_CLASSES_ROOT\.pdf\shell\PanConverter]
|
[-HKEY_CLASSES_ROOT\.pdf\shell\PanConverter]
|
||||||
|
|
||||||
; Remove context menu for PowerPoint files
|
; Remove context menu for PowerPoint files
|
||||||
[-HKEY_CLASSES_ROOT\.pptx\shell\PanConverter]
|
[-HKEY_CLASSES_ROOT\.pptx\shell\PanConverter]
|
||||||
[-HKEY_CLASSES_ROOT\.ppt\shell\PanConverter]
|
[-HKEY_CLASSES_ROOT\.ppt\shell\PanConverter]
|
||||||
|
|
||||||
; Remove context menu for OpenDocument Presentation files
|
; Remove context menu for OpenDocument Presentation files
|
||||||
[-HKEY_CLASSES_ROOT\.odp\shell\PanConverter]
|
[-HKEY_CLASSES_ROOT\.odp\shell\PanConverter]
|
||||||
@@ -1,37 +1,37 @@
|
|||||||
#!/bin/bash
|
#!/bin/bash
|
||||||
|
|
||||||
# Pan Converter - Git Remote Setup Script
|
# Pan Converter - Git Remote Setup Script
|
||||||
#
|
#
|
||||||
# Instructions:
|
# Instructions:
|
||||||
# 1. Create a new repository on GitHub named "pan-converter"
|
# 1. Create a new repository on GitHub named "pan-converter"
|
||||||
# 2. Replace YOUR_GITHUB_USERNAME with your actual GitHub username
|
# 2. Replace YOUR_GITHUB_USERNAME with your actual GitHub username
|
||||||
# 3. Run this script: bash setup-upstream.sh
|
# 3. Run this script: bash setup-upstream.sh
|
||||||
|
|
||||||
GITHUB_USERNAME="amitwh"
|
GITHUB_USERNAME="amitwh"
|
||||||
REPO_NAME="pan-converter"
|
REPO_NAME="pan-converter"
|
||||||
|
|
||||||
echo "Setting up remote repository..."
|
echo "Setting up remote repository..."
|
||||||
|
|
||||||
# Add remote origin
|
# Add remote origin
|
||||||
git remote add origin "https://github.com/$GITHUB_USERNAME/$REPO_NAME.git"
|
git remote add origin "https://github.com/$GITHUB_USERNAME/$REPO_NAME.git"
|
||||||
|
|
||||||
echo "Pushing all branches to remote..."
|
echo "Pushing all branches to remote..."
|
||||||
|
|
||||||
# Push master branch
|
# Push master branch
|
||||||
git push -u origin master
|
git push -u origin master
|
||||||
|
|
||||||
# Push platform-specific branches
|
# Push platform-specific branches
|
||||||
git push origin linux
|
git push origin linux
|
||||||
git push origin macos
|
git push origin macos
|
||||||
git push origin windows
|
git push origin windows
|
||||||
|
|
||||||
echo "Repository setup complete!"
|
echo "Repository setup complete!"
|
||||||
echo ""
|
echo ""
|
||||||
echo "Your repository is now available at:"
|
echo "Your repository is now available at:"
|
||||||
echo "https://github.com/$GITHUB_USERNAME/$REPO_NAME"
|
echo "https://github.com/$GITHUB_USERNAME/$REPO_NAME"
|
||||||
echo ""
|
echo ""
|
||||||
echo "Branch structure:"
|
echo "Branch structure:"
|
||||||
echo " - master (main development)"
|
echo " - master (main development)"
|
||||||
echo " - linux (Linux-specific)"
|
echo " - linux (Linux-specific)"
|
||||||
echo " - macos (macOS-specific)"
|
echo " - macos (macOS-specific)"
|
||||||
echo " - windows (Windows-specific)"
|
echo " - windows (Windows-specific)"
|
||||||
|
|||||||
@@ -1,601 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>ASCII Art Generator - MarkdownConverter</title>
|
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
|
|
||||||
<style>
|
|
||||||
:root {
|
|
||||||
--ci-dark-gray: #464646;
|
|
||||||
--ci-medium-gray: #9a9696;
|
|
||||||
--ci-accent: #e5461f;
|
|
||||||
--ci-light-gray: #e3e3e3;
|
|
||||||
--ci-black: #0d0b09;
|
|
||||||
--ci-white: #ffffff;
|
|
||||||
--ci-bg: #f5f5f5;
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'Inter', system-ui, sans-serif;
|
|
||||||
background: var(--ci-bg);
|
|
||||||
color: var(--ci-dark-gray);
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header {
|
|
||||||
background: linear-gradient(135deg, var(--ci-dark-gray) 0%, var(--ci-black) 100%);
|
|
||||||
padding: 16px 24px;
|
|
||||||
border-bottom: 3px solid var(--ci-accent);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header h1 {
|
|
||||||
color: var(--ci-white);
|
|
||||||
font-size: 1.25rem;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
padding: 24px;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section {
|
|
||||||
background: var(--ci-white);
|
|
||||||
border-radius: 12px;
|
|
||||||
padding: 20px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-title {
|
|
||||||
font-weight: 600;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
color: var(--ci-dark-gray);
|
|
||||||
font-size: 0.95rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mode-tabs {
|
|
||||||
display: flex;
|
|
||||||
gap: 8px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mode-tab {
|
|
||||||
padding: 10px 20px;
|
|
||||||
border: 2px solid var(--ci-light-gray);
|
|
||||||
background: var(--ci-white);
|
|
||||||
border-radius: 8px;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
font-weight: 500;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mode-tab:hover {
|
|
||||||
border-color: var(--ci-accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.mode-tab.active {
|
|
||||||
background: var(--ci-accent);
|
|
||||||
border-color: var(--ci-accent);
|
|
||||||
color: var(--ci-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-group {
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-label {
|
|
||||||
display: block;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
font-weight: 500;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
color: var(--ci-dark-gray);
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-input, .form-select, .form-textarea {
|
|
||||||
width: 100%;
|
|
||||||
padding: 10px 14px;
|
|
||||||
border: 2px solid var(--ci-light-gray);
|
|
||||||
border-radius: 8px;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
font-family: inherit;
|
|
||||||
transition: border-color 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-input:focus, .form-select:focus, .form-textarea:focus {
|
|
||||||
outline: none;
|
|
||||||
border-color: var(--ci-accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-textarea {
|
|
||||||
min-height: 80px;
|
|
||||||
resize: vertical;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preview-container {
|
|
||||||
background: var(--ci-black);
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 16px;
|
|
||||||
min-height: 200px;
|
|
||||||
max-height: 350px;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preview-content {
|
|
||||||
font-family: 'JetBrains Mono', monospace;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 1.3;
|
|
||||||
color: #00ff00;
|
|
||||||
white-space: pre;
|
|
||||||
}
|
|
||||||
|
|
||||||
.template-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(4, 1fr);
|
|
||||||
gap: 8px;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.template-btn {
|
|
||||||
padding: 8px 12px;
|
|
||||||
border: 2px solid var(--ci-light-gray);
|
|
||||||
background: var(--ci-white);
|
|
||||||
border-radius: 6px;
|
|
||||||
font-size: 0.75rem;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.template-btn:hover {
|
|
||||||
border-color: var(--ci-accent);
|
|
||||||
background: rgba(229, 70, 31, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
.template-btn.active {
|
|
||||||
border-color: var(--ci-accent);
|
|
||||||
background: rgba(229, 70, 31, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
gap: 12px;
|
|
||||||
padding: 16px 24px;
|
|
||||||
background: var(--ci-white);
|
|
||||||
border-top: 1px solid var(--ci-light-gray);
|
|
||||||
position: sticky;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
padding: 10px 24px;
|
|
||||||
border-radius: 8px;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
font-weight: 500;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.2s;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary {
|
|
||||||
background: var(--ci-accent);
|
|
||||||
color: var(--ci-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary:hover {
|
|
||||||
background: #c93a18;
|
|
||||||
transform: translateY(-1px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-secondary {
|
|
||||||
background: var(--ci-light-gray);
|
|
||||||
color: var(--ci-dark-gray);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-secondary:hover {
|
|
||||||
background: #d0d0d0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mode-section {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mode-section.active {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.template-category {
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.template-category-title {
|
|
||||||
font-size: 0.8rem;
|
|
||||||
color: var(--ci-medium-gray);
|
|
||||||
margin-bottom: 8px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.05em;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="header">
|
|
||||||
<h1>ASCII Art Generator</h1>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div class="section">
|
|
||||||
<div class="mode-tabs">
|
|
||||||
<button class="mode-tab active" data-mode="text">Text Banner</button>
|
|
||||||
<button class="mode-tab" data-mode="box">Box/Frame</button>
|
|
||||||
<button class="mode-tab" data-mode="templates">Templates</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Text Banner Mode -->
|
|
||||||
<div id="text-mode" class="mode-section active">
|
|
||||||
<div class="form-group">
|
|
||||||
<label class="form-label">Text to Convert</label>
|
|
||||||
<input type="text" id="text-input" class="form-input" placeholder="Enter your text..." maxlength="30">
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label class="form-label">Style</label>
|
|
||||||
<select id="font-style" class="form-select">
|
|
||||||
<option value="standard">Standard</option>
|
|
||||||
<option value="banner">Banner</option>
|
|
||||||
<option value="block">Block</option>
|
|
||||||
<option value="bubble">Bubble</option>
|
|
||||||
<option value="digital">Digital</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Box/Frame Mode -->
|
|
||||||
<div id="box-mode" class="mode-section">
|
|
||||||
<div class="form-group">
|
|
||||||
<label class="form-label">Text Content</label>
|
|
||||||
<textarea id="box-text" class="form-textarea" placeholder="Enter text for the box..."></textarea>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label class="form-label">Box Style</label>
|
|
||||||
<select id="box-style" class="form-select">
|
|
||||||
<option value="single">Single Line</option>
|
|
||||||
<option value="double">Double Line</option>
|
|
||||||
<option value="rounded">Rounded</option>
|
|
||||||
<option value="bold">Bold</option>
|
|
||||||
<option value="ascii">ASCII (+|-)</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label class="form-label">Padding</label>
|
|
||||||
<input type="number" id="box-padding" class="form-input" min="0" max="10" value="2" style="width: 100px;">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Templates Mode -->
|
|
||||||
<div id="templates-mode" class="mode-section">
|
|
||||||
<div class="template-category">
|
|
||||||
<div class="template-category-title">Arrows & Flow</div>
|
|
||||||
<div class="template-grid">
|
|
||||||
<button class="template-btn" data-template="arrow-right">Arrow Right</button>
|
|
||||||
<button class="template-btn" data-template="arrow-down">Arrow Down</button>
|
|
||||||
<button class="template-btn" data-template="decision">Decision</button>
|
|
||||||
<button class="template-btn" data-template="process">Process Flow</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="template-category">
|
|
||||||
<div class="template-category-title">Diagrams</div>
|
|
||||||
<div class="template-grid">
|
|
||||||
<button class="template-btn" data-template="flowchart">Flowchart</button>
|
|
||||||
<button class="template-btn" data-template="sequence">Sequence</button>
|
|
||||||
<button class="template-btn" data-template="network">Network</button>
|
|
||||||
<button class="template-btn" data-template="hierarchy">Hierarchy</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="template-category">
|
|
||||||
<div class="template-category-title">Boxes & Containers</div>
|
|
||||||
<div class="template-grid">
|
|
||||||
<button class="template-btn" data-template="header">Header</button>
|
|
||||||
<button class="template-btn" data-template="note">Note Box</button>
|
|
||||||
<button class="template-btn" data-template="warning">Warning</button>
|
|
||||||
<button class="template-btn" data-template="info">Info Box</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="template-category">
|
|
||||||
<div class="template-category-title">Decorative</div>
|
|
||||||
<div class="template-grid">
|
|
||||||
<button class="template-btn" data-template="divider">Divider</button>
|
|
||||||
<button class="template-btn" data-template="separator">Separator</button>
|
|
||||||
<button class="template-btn" data-template="banner">Banner</button>
|
|
||||||
<button class="template-btn" data-template="checklist">Checklist</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="section">
|
|
||||||
<div class="section-title">Preview</div>
|
|
||||||
<div class="preview-container">
|
|
||||||
<div id="preview" class="preview-content"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="footer">
|
|
||||||
<button class="btn btn-secondary" id="btn-generate">Generate Preview</button>
|
|
||||||
<button class="btn btn-primary" id="btn-insert">Insert to Editor</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// ASCII Art Generator Logic
|
|
||||||
const FONTS = {
|
|
||||||
standard: {
|
|
||||||
height: 5,
|
|
||||||
chars: {
|
|
||||||
'A': [' /\\ ', ' / \\ ', '/----\\', '| |', '| |'],
|
|
||||||
'B': ['|----\\', '| |', '|----/', '| \\', '|----/'],
|
|
||||||
'C': ['/----\\', '| ', '| ', '| ', '\\----/'],
|
|
||||||
'D': ['|----\\', '| |', '| |', '| |', '|----/'],
|
|
||||||
'E': ['|----', '| ', '|--- ', '| ', '|----'],
|
|
||||||
'F': ['|----', '| ', '|--- ', '| ', '| '],
|
|
||||||
'G': ['/----\\', '| ', '| |--\\', '| |', '\\----/'],
|
|
||||||
'H': ['| |', '| |', '|----/', '| |', '| |'],
|
|
||||||
'I': ['|---|', ' | ', ' | ', ' | ', '|---|'],
|
|
||||||
'J': [' |', ' |', ' |', '| |', '\\---/'],
|
|
||||||
'K': ['| /', '| / ', '|-- ', '| \\ ', '| \\'],
|
|
||||||
'L': ['| ', '| ', '| ', '| ', '|----'],
|
|
||||||
'M': ['|\\ /|', '| \\/ |', '| |', '| |', '| |'],
|
|
||||||
'N': ['|\\ |', '| \\ |', '| \\ |', '| \\|', '| |'],
|
|
||||||
'O': ['/----\\', '| |', '| |', '| |', '\\----/'],
|
|
||||||
'P': ['|----\\', '| |', '|----/', '| ', '| '],
|
|
||||||
'Q': ['/----\\', '| |', '| \\ |', '| \\|', '\\----\\'],
|
|
||||||
'R': ['|----\\', '| |', '|----/', '| \\ ', '| \\ '],
|
|
||||||
'S': ['/----\\', '| ', '\\----\\', ' |', '\\----/'],
|
|
||||||
'T': ['-----', ' | ', ' | ', ' | ', ' | '],
|
|
||||||
'U': ['| |', '| |', '| |', '| |', '\\----/'],
|
|
||||||
'V': ['| |', '| |', ' \\ / ', ' \\/ ', ' '],
|
|
||||||
'W': ['| |', '| |', '| |', '| /\\ |', '|/ \\|'],
|
|
||||||
'X': ['\\ /', ' \\ / ', ' \\/ ', ' /\\ ', ' / \\ '],
|
|
||||||
'Y': ['\\ /', ' \\ / ', ' | ', ' | ', ' | '],
|
|
||||||
'Z': ['-----', ' / ', ' / ', ' / ', '-----'],
|
|
||||||
' ': [' ', ' ', ' ', ' ', ' '],
|
|
||||||
'0': ['/---\\', '| |', '| / |', '|/ |', '\\---/'],
|
|
||||||
'1': [' /| ', ' / | ', ' | ', ' | ', ' ----'],
|
|
||||||
'2': ['/---\\', ' |', ' ---/', '/ ', '-----'],
|
|
||||||
'3': ['----\\', ' |', ' ---/', ' |', '----/'],
|
|
||||||
'4': ['| |', '| |', '-----', ' |', ' |'],
|
|
||||||
'5': ['-----', '| ', '----\\', ' |', '----/'],
|
|
||||||
'6': ['/----', '| ', '|---\\', '| |', '\\---/'],
|
|
||||||
'7': ['-----', ' / ', ' / ', ' / ', '/ '],
|
|
||||||
'8': ['/---\\', '| |', ' --- ', '| |', '\\---/'],
|
|
||||||
'9': ['/---\\', '| |', '\\----', ' |', '----/']
|
|
||||||
}
|
|
||||||
},
|
|
||||||
banner: {
|
|
||||||
height: 7,
|
|
||||||
chars: {
|
|
||||||
'A': [' ##### ', ' ## ##', '## ##', '#########', '## ##', '## ##', '## ##'],
|
|
||||||
'B': ['######## ', '## ##', '## ##', '######## ', '## ##', '## ##', '######## '],
|
|
||||||
'C': [' ###### ', '## ##', '## ', '## ', '## ', '## ##', ' ###### '],
|
|
||||||
'D': ['######## ', '## ##', '## ##', '## ##', '## ##', '## ##', '######## '],
|
|
||||||
'E': ['########', '## ', '## ', '###### ', '## ', '## ', '########'],
|
|
||||||
'F': ['########', '## ', '## ', '###### ', '## ', '## ', '## '],
|
|
||||||
'G': [' ###### ', '## ##', '## ', '## ####', '## ##', '## ##', ' ###### '],
|
|
||||||
'H': ['## ##', '## ##', '## ##', '#########', '## ##', '## ##', '## ##'],
|
|
||||||
'I': ['####', ' ## ', ' ## ', ' ## ', ' ## ', ' ## ', '####'],
|
|
||||||
'J': [' ##', ' ##', ' ##', ' ##', '## ##', '## ##', ' ###### '],
|
|
||||||
'K': ['## ##', '## ## ', '## ## ', '##### ', '## ## ', '## ## ', '## ##'],
|
|
||||||
'L': ['## ', '## ', '## ', '## ', '## ', '## ', '########'],
|
|
||||||
'M': ['## ##', '### ###', '#### ####', '## ### ##', '## ##', '## ##', '## ##'],
|
|
||||||
'N': ['## ##', '### ##', '#### ##', '## ## ##', '## ####', '## ###', '## ##'],
|
|
||||||
'O': [' ####### ', '## ##', '## ##', '## ##', '## ##', '## ##', ' ####### '],
|
|
||||||
'P': ['######## ', '## ##', '## ##', '######## ', '## ', '## ', '## '],
|
|
||||||
'Q': [' ####### ', '## ##', '## ##', '## ##', '## ## ##', '## ## ', ' ##### ##'],
|
|
||||||
'R': ['######## ', '## ##', '## ##', '######## ', '## ## ', '## ## ', '## ##'],
|
|
||||||
'S': [' ###### ', '## ##', '## ', ' ###### ', ' ##', '## ##', ' ###### '],
|
|
||||||
'T': ['########', ' ## ', ' ## ', ' ## ', ' ## ', ' ## ', ' ## '],
|
|
||||||
'U': ['## ##', '## ##', '## ##', '## ##', '## ##', '## ##', ' ####### '],
|
|
||||||
'V': ['## ##', '## ##', '## ##', '## ##', ' ## ## ', ' ## ## ', ' ### '],
|
|
||||||
'W': ['## ##', '## ## ##', '## ## ##', '## ## ##', '## ## ##', '## ## ##', ' ### ### '],
|
|
||||||
'X': ['## ##', ' ## ## ', ' ## ## ', ' ### ', ' ## ## ', ' ## ## ', '## ##'],
|
|
||||||
'Y': ['## ##', ' ## ## ', ' #### ', ' ## ', ' ## ', ' ## ', ' ## '],
|
|
||||||
'Z': ['########', ' ## ', ' ## ', ' ## ', ' ## ', ' ## ', '########'],
|
|
||||||
' ': [' ', ' ', ' ', ' ', ' ', ' ', ' '],
|
|
||||||
'0': [' ###### ', '## ##', '## ##', '## ##', '## ##', '## ##', ' ###### '],
|
|
||||||
'1': [' ## ', ' #### ', ' ## ', ' ## ', ' ## ', ' ## ', ' ###### '],
|
|
||||||
'2': [' ###### ', '## ##', ' ## ', ' ## ', ' ## ', ' ## ', '########'],
|
|
||||||
'3': [' ###### ', '## ##', ' ## ', ' #### ', ' ## ', '## ##', ' ###### '],
|
|
||||||
'4': [' ## ', ' ### ', ' # ## ', ' # ## ', '########', ' ## ', ' ## '],
|
|
||||||
'5': ['########', '## ', '####### ', ' ##', ' ##', '## ##', ' ###### '],
|
|
||||||
'6': [' ###### ', '## ', '####### ', '## ##', '## ##', '## ##', ' ###### '],
|
|
||||||
'7': ['########', '## ## ', ' ## ', ' ## ', ' ## ', ' ## ', ' ## '],
|
|
||||||
'8': [' ###### ', '## ##', '## ##', ' ###### ', '## ##', '## ##', ' ###### '],
|
|
||||||
'9': [' ###### ', '## ##', '## ##', ' #######', ' ##', '## ##', ' ###### ']
|
|
||||||
}
|
|
||||||
},
|
|
||||||
block: {
|
|
||||||
height: 6,
|
|
||||||
chars: {
|
|
||||||
'A': ['█████╗ ', '██╔══██╗', '███████║', '██╔══██║', '██║ ██║', '╚═╝ ╚═╝'],
|
|
||||||
'B': ['██████╗ ', '██╔══██╗', '██████╔╝', '██╔══██╗', '██████╔╝', '╚═════╝ '],
|
|
||||||
'C': ['█████╗ ', '██╔══██╗', '██║ ', '██║ ', '╚█████╔╝', ' ╚════╝ '],
|
|
||||||
'D': ['██████╗ ', '██╔══██╗', '██║ ██║', '██║ ██║', '██████╔╝', '╚═════╝ '],
|
|
||||||
'E': ['███████╗', '██╔════╝', '█████╗ ', '██╔══╝ ', '███████╗', '╚══════╝'],
|
|
||||||
'F': ['███████╗', '██╔════╝', '█████╗ ', '██╔══╝ ', '██║ ', '╚═╝ '],
|
|
||||||
'G': ['█████╗ ', '██╔══██╗', '██║ ███', '██║ ██', '╚█████╔╝', ' ╚════╝ '],
|
|
||||||
'H': ['██╗ ██╗', '██║ ██║', '███████║', '██╔══██║', '██║ ██║', '╚═╝ ╚═╝'],
|
|
||||||
'I': ['██╗', '██║', '██║', '██║', '██║', '╚═╝'],
|
|
||||||
'J': [' ██╗', ' ██║', ' ██║', '██ ██║', '╚████╔╝', ' ╚═══╝ '],
|
|
||||||
'K': ['██╗ ██╗', '██║ ██╔╝', '█████╔╝ ', '██╔═██╗ ', '██║ ██╗', '╚═╝ ╚═╝'],
|
|
||||||
'L': ['██╗ ', '██║ ', '██║ ', '██║ ', '███████╗', '╚══════╝'],
|
|
||||||
'M': ['███╗ ███╗', '████╗ ████║', '██╔████╔██║', '██║╚██╔╝██║', '██║ ╚═╝ ██║', '╚═╝ ╚═╝'],
|
|
||||||
'N': ['███╗ ██╗', '████╗ ██║', '██╔██╗ ██║', '██║╚██╗██║', '██║ ╚████║', '╚═╝ ╚═══╝'],
|
|
||||||
'O': ['█████╗ ', '██╔══██╗', '██║ ██║', '██║ ██║', '╚█████╔╝', ' ╚════╝ '],
|
|
||||||
'P': ['██████╗ ', '██╔══██╗', '██████╔╝', '██╔═══╝ ', '██║ ', '╚═╝ '],
|
|
||||||
'Q': ['█████╗ ', '██╔══██╗', '██║ ██║', '██║ ██║', '╚██████╗', ' ╚═══██╝'],
|
|
||||||
'R': ['██████╗ ', '██╔══██╗', '██████╔╝', '██╔══██╗', '██║ ██║', '╚═╝ ╚═╝'],
|
|
||||||
'S': ['█████╗ ', '██╔══╝ ', '█████╗ ', '╚══██║ ', '█████║ ', '╚════╝ '],
|
|
||||||
'T': ['████████╗', '╚══██╔══╝', ' ██║ ', ' ██║ ', ' ██║ ', ' ╚═╝ '],
|
|
||||||
'U': ['██╗ ██╗', '██║ ██║', '██║ ██║', '██║ ██║', '╚█████╔╝', ' ╚════╝ '],
|
|
||||||
'V': ['██╗ ██╗', '██║ ██║', '██║ ██║', '╚██╗ ██╔╝', ' ╚████╔╝ ', ' ╚═══╝ '],
|
|
||||||
'W': ['██╗ ██╗', '██║ ██║', '██║ █╗ ██║', '██║███╗██║', '╚███╔███╔╝', ' ╚══╝╚══╝ '],
|
|
||||||
'X': ['██╗ ██╗', '╚██╗██╔╝', ' ╚███╔╝ ', ' ██╔██╗ ', '██╔╝ ██╗', '╚═╝ ╚═╝'],
|
|
||||||
'Y': ['██╗ ██╗', '╚██╗ ██╔╝', ' ╚████╔╝ ', ' ╚██╔╝ ', ' ██║ ', ' ╚═╝ '],
|
|
||||||
'Z': ['███████╗', '╚════██║', ' ███╔═╝', ' ██╔══╝ ', '███████╗', '╚══════╝'],
|
|
||||||
' ': [' ', ' ', ' ', ' ', ' ', ' ']
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const TEMPLATES = {
|
|
||||||
'arrow-right': ' ┌─────────────────────┐\n──▶│ Process or Action │──▶\n └─────────────────────┘',
|
|
||||||
'arrow-down': ' │\n ▼\n┌───────────────┐\n│ Process │\n└───────────────┘\n │\n ▼',
|
|
||||||
'decision': ' ╱╲\n ╱ ╲\n ╱ ? ╲\n ╱ ╲\n ╱────────╲\n ╱ ╲\n YES NO\n │ │\n ▼ ▼',
|
|
||||||
'process': '┌─────┐ ┌─────┐ ┌─────┐\n│ 1 │──▶│ 2 │──▶│ 3 │\n└─────┘ └─────┘ └─────┘',
|
|
||||||
'flowchart': '┌─────────────┐\n│ START │\n└──────┬──────┘\n │\n ▼\n┌─────────────┐\n│ Process A │\n└──────┬──────┘\n │\n ▼\n ╱────────╲\n ╱ Decision ╲\n ╲ ? ╱\n ╲────────╱\n │ │\n YES NO\n │ │\n ▼ ▼\n┌──────┐ ┌──────┐\n│ B │ │ C │\n└──────┘ └──────┘',
|
|
||||||
'sequence': ' User System Database\n │ │ │\n │ Request │ │\n ├──────────►│ │\n │ │ Query │\n │ ├──────────►│\n │ │ │\n │ │ Result │\n │ │◄──────────┤\n │ Response │ │\n │◄──────────┤ │\n │ │ │',
|
|
||||||
'network': ' ┌─────────┐\n │ Server │\n └────┬────┘\n │\n ┌─────────┼─────────┐\n │ │ │\n┌────┴────┐ ┌──┴──┐ ┌────┴────┐\n│ Client1 │ │ DB │ │ Client2 │\n└─────────┘ └─────┘ └─────────┘',
|
|
||||||
'hierarchy': ' ┌─────────┐\n │ CEO │\n └────┬────┘\n ┌─────────┼─────────┐\n │ │ │\n ┌───┴───┐ ┌───┴───┐ ┌───┴───┐\n │ VP1 │ │ VP2 │ │ VP3 │\n └───┬───┘ └───┬───┘ └───┬───┘\n │ │ │\n ┌───┴───┐ ┌───┴───┐ ┌───┴───┐\n │ Team1 │ │ Team2 │ │ Team3 │\n └───────┘ └───────┘ └───────┘',
|
|
||||||
'header': '╔════════════════════════════════════╗\n║ SECTION TITLE ║\n╚════════════════════════════════════╝',
|
|
||||||
'note': '┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓\n┃ NOTE: ┃\n┃ This is an important note ┃\n┃ that requires attention! ┃\n┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛',
|
|
||||||
'warning': '╔════════════════════════════════════╗\n║ ⚠️ WARNING ║\n║ ║\n║ Critical information here! ║\n╚════════════════════════════════════╝',
|
|
||||||
'info': '╭────────────────────────────────────╮\n│ ℹ️ INFO │\n│ │\n│ Helpful information here. │\n╰────────────────────────────────────╯',
|
|
||||||
'divider': '════════════════════════════════════════',
|
|
||||||
'separator': '╭──────────────────────────────────────╮\n│ │\n╰──────────────────────────────────────╯',
|
|
||||||
'banner': '★══════════════════════════════════════★\n║ YOUR TITLE HERE ║\n★══════════════════════════════════════★',
|
|
||||||
'checklist': '☐ Task 1 - Not completed\n☑ Task 2 - Completed \n☐ Task 3 - Not completed\n☐ Task 4 - Not completed'
|
|
||||||
};
|
|
||||||
|
|
||||||
const BOX_STYLES = {
|
|
||||||
single: { tl: '┌', tr: '┐', bl: '└', br: '┘', h: '─', v: '│' },
|
|
||||||
double: { tl: '╔', tr: '╗', bl: '╚', br: '╝', h: '═', v: '║' },
|
|
||||||
rounded: { tl: '╭', tr: '╮', bl: '╰', br: '╯', h: '─', v: '│' },
|
|
||||||
bold: { tl: '┏', tr: '┓', bl: '┗', br: '┛', h: '━', v: '┃' },
|
|
||||||
ascii: { tl: '+', tr: '+', bl: '+', br: '+', h: '-', v: '|' }
|
|
||||||
};
|
|
||||||
|
|
||||||
let currentMode = 'text';
|
|
||||||
let currentTemplate = null;
|
|
||||||
|
|
||||||
// Mode switching
|
|
||||||
document.querySelectorAll('.mode-tab').forEach(tab => {
|
|
||||||
tab.addEventListener('click', () => {
|
|
||||||
document.querySelectorAll('.mode-tab').forEach(t => t.classList.remove('active'));
|
|
||||||
tab.classList.add('active');
|
|
||||||
currentMode = tab.dataset.mode;
|
|
||||||
|
|
||||||
document.querySelectorAll('.mode-section').forEach(s => s.classList.remove('active'));
|
|
||||||
document.getElementById(currentMode + '-mode').classList.add('active');
|
|
||||||
|
|
||||||
generatePreview();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Template selection
|
|
||||||
document.querySelectorAll('.template-btn').forEach(btn => {
|
|
||||||
btn.addEventListener('click', () => {
|
|
||||||
document.querySelectorAll('.template-btn').forEach(b => b.classList.remove('active'));
|
|
||||||
btn.classList.add('active');
|
|
||||||
currentTemplate = btn.dataset.template;
|
|
||||||
generatePreview();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Generate text banner
|
|
||||||
function generateTextBanner(text, style) {
|
|
||||||
const font = FONTS[style] || FONTS.standard;
|
|
||||||
const lines = Array(font.height).fill('');
|
|
||||||
|
|
||||||
for (const char of text.toUpperCase()) {
|
|
||||||
const charArt = font.chars[char] || font.chars[' '];
|
|
||||||
if (charArt) {
|
|
||||||
for (let i = 0; i < font.height; i++) {
|
|
||||||
lines[i] += charArt[i] + ' ';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return lines.join('\n');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generate box
|
|
||||||
function generateBox(text, style, padding) {
|
|
||||||
const box = BOX_STYLES[style] || BOX_STYLES.single;
|
|
||||||
const lines = text.split('\n');
|
|
||||||
const maxLen = Math.max(...lines.map(l => l.length)) + padding * 2;
|
|
||||||
|
|
||||||
let result = box.tl + box.h.repeat(maxLen + 2) + box.tr + '\n';
|
|
||||||
|
|
||||||
// Add padding lines at top
|
|
||||||
for (let i = 0; i < Math.floor(padding / 2); i++) {
|
|
||||||
result += box.v + ' '.repeat(maxLen + 2) + box.v + '\n';
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add text lines
|
|
||||||
for (const line of lines) {
|
|
||||||
const paddedLine = ' '.repeat(padding) + line.padEnd(maxLen - padding) + ' ';
|
|
||||||
result += box.v + ' ' + paddedLine + box.v + '\n';
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add padding lines at bottom
|
|
||||||
for (let i = 0; i < Math.floor(padding / 2); i++) {
|
|
||||||
result += box.v + ' '.repeat(maxLen + 2) + box.v + '\n';
|
|
||||||
}
|
|
||||||
|
|
||||||
result += box.bl + box.h.repeat(maxLen + 2) + box.br;
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generate preview
|
|
||||||
function generatePreview() {
|
|
||||||
let result = '';
|
|
||||||
|
|
||||||
if (currentMode === 'text') {
|
|
||||||
const text = document.getElementById('text-input').value || 'HELLO';
|
|
||||||
const style = document.getElementById('font-style').value;
|
|
||||||
result = generateTextBanner(text, style);
|
|
||||||
} else if (currentMode === 'box') {
|
|
||||||
const text = document.getElementById('box-text').value || 'Your text here';
|
|
||||||
const style = document.getElementById('box-style').value;
|
|
||||||
const padding = parseInt(document.getElementById('box-padding').value) || 2;
|
|
||||||
result = generateBox(text, style, padding);
|
|
||||||
} else if (currentMode === 'templates') {
|
|
||||||
result = currentTemplate ? TEMPLATES[currentTemplate] : 'Select a template...';
|
|
||||||
}
|
|
||||||
|
|
||||||
document.getElementById('preview').textContent = result;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Event listeners for live preview
|
|
||||||
document.getElementById('text-input').addEventListener('input', generatePreview);
|
|
||||||
document.getElementById('font-style').addEventListener('change', generatePreview);
|
|
||||||
document.getElementById('box-text').addEventListener('input', generatePreview);
|
|
||||||
document.getElementById('box-style').addEventListener('change', generatePreview);
|
|
||||||
document.getElementById('box-padding').addEventListener('input', generatePreview);
|
|
||||||
|
|
||||||
document.getElementById('btn-generate').addEventListener('click', generatePreview);
|
|
||||||
|
|
||||||
document.getElementById('btn-insert').addEventListener('click', () => {
|
|
||||||
const content = document.getElementById('preview').textContent;
|
|
||||||
if (content && window.electronAPI) {
|
|
||||||
// Wrap in code block for markdown
|
|
||||||
const wrapped = '```\n' + content + '\n```';
|
|
||||||
window.electronAPI.send('insert-generated-content', wrapped);
|
|
||||||
window.close();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Initial preview
|
|
||||||
generatePreview();
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,75 +0,0 @@
|
|||||||
/* Local Font Definitions for MarkdownConverter */
|
|
||||||
|
|
||||||
/* Inter Font Family */
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Inter';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 300;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('../assets/fonts/Inter-Light.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Inter';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('../assets/fonts/Inter-Regular.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Inter';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 500;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('../assets/fonts/Inter-Medium.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Inter';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 600;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('../assets/fonts/Inter-SemiBold.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Inter';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 700;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('../assets/fonts/Inter-Bold.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
/* JetBrains Mono Font Family - For code, markdown editor, and ASCII art */
|
|
||||||
@font-face {
|
|
||||||
font-family: 'JetBrains Mono';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('../assets/fonts/JetBrainsMono-Regular.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'JetBrains Mono';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 500;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('../assets/fonts/JetBrainsMono-Medium.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'JetBrains Mono';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 600;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('../assets/fonts/JetBrainsMono-SemiBold.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'JetBrains Mono';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 700;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('../assets/fonts/JetBrainsMono-Bold.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
@@ -1,376 +0,0 @@
|
|||||||
/**
|
|
||||||
* Preload Script for PanConverter
|
|
||||||
*
|
|
||||||
* This script creates a secure bridge between the main process and renderer process.
|
|
||||||
* It exposes only specific IPC channels, preventing direct Node.js access in the renderer.
|
|
||||||
*
|
|
||||||
* Security Benefits:
|
|
||||||
* - No direct access to Node.js APIs (fs, path, child_process, etc.)
|
|
||||||
* - All IPC channels are explicitly whitelisted
|
|
||||||
* - Prevents XSS from escalating to full system access
|
|
||||||
*
|
|
||||||
* @version 2.2.0
|
|
||||||
*/
|
|
||||||
|
|
||||||
const { contextBridge, ipcRenderer } = require('electron');
|
|
||||||
|
|
||||||
// Define allowed IPC channels for security
|
|
||||||
const ALLOWED_SEND_CHANNELS = [
|
|
||||||
// File operations
|
|
||||||
'save-file',
|
|
||||||
'save-current-file',
|
|
||||||
'set-current-file',
|
|
||||||
'save-recent-files',
|
|
||||||
'clear-recent-files',
|
|
||||||
'renderer-ready',
|
|
||||||
|
|
||||||
// Theme
|
|
||||||
'get-theme',
|
|
||||||
|
|
||||||
// Print
|
|
||||||
'do-print',
|
|
||||||
|
|
||||||
// Export
|
|
||||||
'export-with-options',
|
|
||||||
'export-spreadsheet',
|
|
||||||
|
|
||||||
// Batch conversion
|
|
||||||
'batch-convert',
|
|
||||||
'select-folder',
|
|
||||||
|
|
||||||
// Universal converter
|
|
||||||
'universal-convert',
|
|
||||||
'universal-convert-batch',
|
|
||||||
|
|
||||||
// Image converter
|
|
||||||
'image-convert',
|
|
||||||
'image-batch-convert',
|
|
||||||
'image-resize',
|
|
||||||
'image-compress',
|
|
||||||
'image-rotate',
|
|
||||||
|
|
||||||
// Audio converter
|
|
||||||
'audio-convert',
|
|
||||||
'audio-batch-convert',
|
|
||||||
'audio-extract',
|
|
||||||
'audio-trim',
|
|
||||||
'audio-merge',
|
|
||||||
|
|
||||||
// Video converter
|
|
||||||
'video-convert',
|
|
||||||
'video-batch-convert',
|
|
||||||
'video-compress',
|
|
||||||
'video-trim',
|
|
||||||
'video-frames',
|
|
||||||
'video-gif',
|
|
||||||
|
|
||||||
// Header/Footer
|
|
||||||
'get-header-footer-settings',
|
|
||||||
'save-header-footer-settings',
|
|
||||||
'browse-header-footer-logo',
|
|
||||||
'save-header-footer-logo',
|
|
||||||
'clear-header-footer-logo',
|
|
||||||
|
|
||||||
// Page settings
|
|
||||||
'get-page-settings',
|
|
||||||
'update-page-settings',
|
|
||||||
|
|
||||||
// Template settings
|
|
||||||
'set-custom-start-page',
|
|
||||||
|
|
||||||
// PDF operations
|
|
||||||
'process-pdf-operation',
|
|
||||||
'get-pdf-page-count',
|
|
||||||
'select-pdf-folder',
|
|
||||||
|
|
||||||
// ASCII generator (separate window)
|
|
||||||
'open-ascii-generator',
|
|
||||||
|
|
||||||
// Table generator (separate window)
|
|
||||||
'open-table-generator',
|
|
||||||
|
|
||||||
// Insert generated content
|
|
||||||
'insert-generated-content'
|
|
||||||
];
|
|
||||||
|
|
||||||
const ALLOWED_RECEIVE_CHANNELS = [
|
|
||||||
// File operations
|
|
||||||
'file-new',
|
|
||||||
'file-opened',
|
|
||||||
'file-save',
|
|
||||||
'get-content-for-save',
|
|
||||||
'get-content-for-spreadsheet',
|
|
||||||
'recent-files-cleared',
|
|
||||||
|
|
||||||
// UI toggles
|
|
||||||
'toggle-preview',
|
|
||||||
'toggle-find',
|
|
||||||
|
|
||||||
// Theme
|
|
||||||
'theme-changed',
|
|
||||||
'theme-data',
|
|
||||||
|
|
||||||
// Edit operations
|
|
||||||
'undo',
|
|
||||||
'redo',
|
|
||||||
|
|
||||||
// Font
|
|
||||||
'adjust-font-size',
|
|
||||||
|
|
||||||
// Print
|
|
||||||
'print-preview',
|
|
||||||
'print-preview-styled',
|
|
||||||
|
|
||||||
// Export dialogs
|
|
||||||
'show-export-dialog',
|
|
||||||
'show-batch-dialog',
|
|
||||||
'show-universal-converter-dialog',
|
|
||||||
'show-table-generator',
|
|
||||||
'show-pdf-editor-dialog',
|
|
||||||
|
|
||||||
// Converter dialogs
|
|
||||||
'show-image-converter',
|
|
||||||
'show-audio-converter',
|
|
||||||
'show-video-converter',
|
|
||||||
|
|
||||||
// PDF viewer
|
|
||||||
'open-pdf-viewer',
|
|
||||||
|
|
||||||
// Conversion status
|
|
||||||
'conversion-status',
|
|
||||||
'conversion-complete',
|
|
||||||
'batch-progress',
|
|
||||||
'image-conversion-complete',
|
|
||||||
'audio-conversion-complete',
|
|
||||||
'video-conversion-complete',
|
|
||||||
|
|
||||||
// Folder selection
|
|
||||||
'folder-selected',
|
|
||||||
'pdf-folder-selected',
|
|
||||||
|
|
||||||
// Header/Footer
|
|
||||||
'header-footer-settings-data',
|
|
||||||
'header-footer-logo-selected',
|
|
||||||
'header-footer-logo-saved',
|
|
||||||
|
|
||||||
// Page settings
|
|
||||||
'page-settings-data',
|
|
||||||
|
|
||||||
// PDF operations
|
|
||||||
'pdf-page-count',
|
|
||||||
'pdf-operation-complete',
|
|
||||||
'pdf-operation-error',
|
|
||||||
|
|
||||||
// ASCII Art Generator
|
|
||||||
'show-ascii-generator-window',
|
|
||||||
'show-ascii-generator',
|
|
||||||
|
|
||||||
// Table Generator
|
|
||||||
'show-table-generator-window',
|
|
||||||
|
|
||||||
// Header/Footer dialog
|
|
||||||
'open-header-footer-dialog',
|
|
||||||
'header-footer-logo-cleared',
|
|
||||||
|
|
||||||
// PDF operation progress
|
|
||||||
'pdf-operation-progress',
|
|
||||||
|
|
||||||
// Insert content from generator windows
|
|
||||||
'insert-content'
|
|
||||||
];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Secure API exposed to renderer process
|
|
||||||
* Access via window.electronAPI in renderer
|
|
||||||
*/
|
|
||||||
contextBridge.exposeInMainWorld('electronAPI', {
|
|
||||||
// ============================================
|
|
||||||
// SEND METHODS (Renderer -> Main)
|
|
||||||
// ============================================
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Send a message to the main process
|
|
||||||
* @param {string} channel - IPC channel name
|
|
||||||
* @param {any} data - Data to send
|
|
||||||
*/
|
|
||||||
send: (channel, data) => {
|
|
||||||
if (ALLOWED_SEND_CHANNELS.includes(channel)) {
|
|
||||||
ipcRenderer.send(channel, data);
|
|
||||||
} else {
|
|
||||||
console.warn(`[Preload] Blocked send to unauthorized channel: ${channel}`);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Invoke a main process handler and get a response
|
|
||||||
* @param {string} channel - IPC channel name
|
|
||||||
* @param {any} data - Data to send
|
|
||||||
* @returns {Promise<any>} Response from main process
|
|
||||||
*/
|
|
||||||
invoke: async (channel, data) => {
|
|
||||||
if (ALLOWED_SEND_CHANNELS.includes(channel)) {
|
|
||||||
return await ipcRenderer.invoke(channel, data);
|
|
||||||
} else {
|
|
||||||
console.warn(`[Preload] Blocked invoke to unauthorized channel: ${channel}`);
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
// ============================================
|
|
||||||
// RECEIVE METHODS (Main -> Renderer)
|
|
||||||
// ============================================
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Register a listener for messages from main process
|
|
||||||
* @param {string} channel - IPC channel name
|
|
||||||
* @param {Function} callback - Function to call with received data
|
|
||||||
* @returns {Function} Cleanup function to remove listener
|
|
||||||
*/
|
|
||||||
on: (channel, callback) => {
|
|
||||||
if (ALLOWED_RECEIVE_CHANNELS.includes(channel)) {
|
|
||||||
const subscription = (event, ...args) => callback(...args);
|
|
||||||
ipcRenderer.on(channel, subscription);
|
|
||||||
|
|
||||||
// Return cleanup function
|
|
||||||
return () => {
|
|
||||||
ipcRenderer.removeListener(channel, subscription);
|
|
||||||
};
|
|
||||||
} else {
|
|
||||||
console.warn(`[Preload] Blocked listener for unauthorized channel: ${channel}`);
|
|
||||||
return () => {}; // No-op cleanup
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Register a one-time listener for messages from main process
|
|
||||||
* @param {string} channel - IPC channel name
|
|
||||||
* @param {Function} callback - Function to call with received data
|
|
||||||
*/
|
|
||||||
once: (channel, callback) => {
|
|
||||||
if (ALLOWED_RECEIVE_CHANNELS.includes(channel)) {
|
|
||||||
ipcRenderer.once(channel, (event, ...args) => callback(...args));
|
|
||||||
} else {
|
|
||||||
console.warn(`[Preload] Blocked once listener for unauthorized channel: ${channel}`);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove all listeners for a channel
|
|
||||||
* @param {string} channel - IPC channel name
|
|
||||||
*/
|
|
||||||
removeAllListeners: (channel) => {
|
|
||||||
if (ALLOWED_RECEIVE_CHANNELS.includes(channel)) {
|
|
||||||
ipcRenderer.removeAllListeners(channel);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
// ============================================
|
|
||||||
// CONVENIENCE METHODS
|
|
||||||
// ============================================
|
|
||||||
|
|
||||||
// File Operations
|
|
||||||
file: {
|
|
||||||
save: (filePath, content) => ipcRenderer.send('save-file', { path: filePath, content }),
|
|
||||||
saveCurrent: (content) => ipcRenderer.send('save-current-file', content),
|
|
||||||
setCurrent: (filePath) => ipcRenderer.send('set-current-file', filePath),
|
|
||||||
saveRecent: (recentFiles) => ipcRenderer.send('save-recent-files', recentFiles),
|
|
||||||
clearRecent: () => ipcRenderer.send('clear-recent-files'),
|
|
||||||
rendererReady: () => ipcRenderer.send('renderer-ready')
|
|
||||||
},
|
|
||||||
|
|
||||||
// Theme Operations
|
|
||||||
theme: {
|
|
||||||
get: () => ipcRenderer.send('get-theme')
|
|
||||||
},
|
|
||||||
|
|
||||||
// Print Operations
|
|
||||||
print: {
|
|
||||||
doPrint: (options) => ipcRenderer.send('do-print', options)
|
|
||||||
},
|
|
||||||
|
|
||||||
// Export Operations
|
|
||||||
export: {
|
|
||||||
withOptions: (format, options) => ipcRenderer.send('export-with-options', { format, options }),
|
|
||||||
spreadsheet: (content, format) => ipcRenderer.send('export-spreadsheet', { content, format })
|
|
||||||
},
|
|
||||||
|
|
||||||
// Batch Conversion
|
|
||||||
batch: {
|
|
||||||
convert: (inputFolder, outputFolder, format, options) => {
|
|
||||||
ipcRenderer.send('batch-convert', { inputFolder, outputFolder, format, options });
|
|
||||||
},
|
|
||||||
selectFolder: (type) => ipcRenderer.send('select-folder', type)
|
|
||||||
},
|
|
||||||
|
|
||||||
// Universal Converter
|
|
||||||
converter: {
|
|
||||||
convert: (tool, fromFormat, toFormat, filePath) => {
|
|
||||||
ipcRenderer.send('universal-convert', { tool, fromFormat, toFormat, filePath });
|
|
||||||
},
|
|
||||||
convertBatch: (tool, fromFormat, toFormat, inputFolder, outputFolder) => {
|
|
||||||
ipcRenderer.send('universal-convert-batch', { tool, fromFormat, toFormat, inputFolder, outputFolder });
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
// Header/Footer Operations
|
|
||||||
headerFooter: {
|
|
||||||
getSettings: () => ipcRenderer.send('get-header-footer-settings'),
|
|
||||||
saveSettings: (settings) => ipcRenderer.send('save-header-footer-settings', settings),
|
|
||||||
browseLogo: (position) => ipcRenderer.send('browse-header-footer-logo', position),
|
|
||||||
saveLogo: (position, filePath) => ipcRenderer.send('save-header-footer-logo', { position, filePath }),
|
|
||||||
clearLogo: (position) => ipcRenderer.send('clear-header-footer-logo', position)
|
|
||||||
},
|
|
||||||
|
|
||||||
// Page Settings
|
|
||||||
page: {
|
|
||||||
getSettings: () => ipcRenderer.send('get-page-settings'),
|
|
||||||
updateSettings: (settings) => ipcRenderer.send('update-page-settings', settings),
|
|
||||||
setCustomStartPage: (pageNumber) => ipcRenderer.send('set-custom-start-page', pageNumber)
|
|
||||||
},
|
|
||||||
|
|
||||||
// PDF Operations
|
|
||||||
pdf: {
|
|
||||||
processOperation: (data) => ipcRenderer.send('process-pdf-operation', data),
|
|
||||||
getPageCount: (filePath) => ipcRenderer.send('get-pdf-page-count', filePath),
|
|
||||||
selectFolder: (inputId) => ipcRenderer.send('select-pdf-folder', inputId)
|
|
||||||
},
|
|
||||||
|
|
||||||
// Image Converter Operations
|
|
||||||
image: {
|
|
||||||
convert: (data) => ipcRenderer.send('image-convert', data),
|
|
||||||
batchConvert: (data) => ipcRenderer.send('image-batch-convert', data),
|
|
||||||
resize: (data) => ipcRenderer.send('image-resize', data),
|
|
||||||
compress: (data) => ipcRenderer.send('image-compress', data),
|
|
||||||
rotate: (data) => ipcRenderer.send('image-rotate', data)
|
|
||||||
},
|
|
||||||
|
|
||||||
// Audio Converter Operations
|
|
||||||
audio: {
|
|
||||||
convert: (data) => ipcRenderer.send('audio-convert', data),
|
|
||||||
batchConvert: (data) => ipcRenderer.send('audio-batch-convert', data),
|
|
||||||
extract: (data) => ipcRenderer.send('audio-extract', data),
|
|
||||||
trim: (data) => ipcRenderer.send('audio-trim', data),
|
|
||||||
merge: (data) => ipcRenderer.send('audio-merge', data)
|
|
||||||
},
|
|
||||||
|
|
||||||
// Video Converter Operations
|
|
||||||
video: {
|
|
||||||
convert: (data) => ipcRenderer.send('video-convert', data),
|
|
||||||
batchConvert: (data) => ipcRenderer.send('video-batch-convert', data),
|
|
||||||
compress: (data) => ipcRenderer.send('video-compress', data),
|
|
||||||
trim: (data) => ipcRenderer.send('video-trim', data),
|
|
||||||
extractFrames: (data) => ipcRenderer.send('video-frames', data),
|
|
||||||
toGif: (data) => ipcRenderer.send('video-gif', data)
|
|
||||||
},
|
|
||||||
|
|
||||||
// Generator Windows
|
|
||||||
generators: {
|
|
||||||
openAscii: () => ipcRenderer.send('open-ascii-generator'),
|
|
||||||
openTable: () => ipcRenderer.send('open-table-generator')
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Log successful preload initialization
|
|
||||||
console.log('[Preload] Secure IPC bridge initialized');
|
|
||||||
console.log('[Preload] Allowed send channels:', ALLOWED_SEND_CHANNELS.length);
|
|
||||||
console.log('[Preload] Allowed receive channels:', ALLOWED_RECEIVE_CHANNELS.length);
|
|
||||||
@@ -1,969 +0,0 @@
|
|||||||
/**
|
|
||||||
* ConcreteInfo Theme for MarkdownConverter
|
|
||||||
* Based on logo palette: #464646, #9a9696, #e5461f, #e3e3e3, #0d0b09
|
|
||||||
* Version: 3.0.0
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
CSS Variables - ConcreteInfo Theme
|
|
||||||
============================================ */
|
|
||||||
:root {
|
|
||||||
/* Primary Colors from Logo Palette */
|
|
||||||
--ci-dark-gray: #464646;
|
|
||||||
--ci-medium-gray: #9a9696;
|
|
||||||
--ci-accent: #e5461f;
|
|
||||||
--ci-light-gray: #e3e3e3;
|
|
||||||
--ci-black: #0d0b09;
|
|
||||||
|
|
||||||
/* Extended Palette */
|
|
||||||
--ci-accent-hover: #c93a18;
|
|
||||||
--ci-accent-light: rgba(229, 70, 31, 0.1);
|
|
||||||
--ci-white: #ffffff;
|
|
||||||
--ci-bg: #f5f5f5;
|
|
||||||
--ci-border: #d0d0d0;
|
|
||||||
|
|
||||||
/* Semantic Colors */
|
|
||||||
--ci-success: #28a745;
|
|
||||||
--ci-warning: #ffc107;
|
|
||||||
--ci-danger: #dc3545;
|
|
||||||
--ci-info: #17a2b8;
|
|
||||||
|
|
||||||
/* Typography */
|
|
||||||
--font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
|
|
||||||
--font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
|
|
||||||
|
|
||||||
/* Spacing */
|
|
||||||
--spacing-xs: 4px;
|
|
||||||
--spacing-sm: 8px;
|
|
||||||
--spacing-md: 16px;
|
|
||||||
--spacing-lg: 24px;
|
|
||||||
--spacing-xl: 32px;
|
|
||||||
|
|
||||||
/* Border Radius */
|
|
||||||
--radius-sm: 4px;
|
|
||||||
--radius-md: 8px;
|
|
||||||
--radius-lg: 12px;
|
|
||||||
--radius-full: 9999px;
|
|
||||||
|
|
||||||
/* Shadows */
|
|
||||||
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
||||||
--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
||||||
--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
|
|
||||||
--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
|
|
||||||
|
|
||||||
/* Transitions */
|
|
||||||
--transition-fast: 150ms ease;
|
|
||||||
--transition-normal: 250ms ease;
|
|
||||||
--transition-slow: 350ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
ConcreteInfo Theme Application
|
|
||||||
============================================ */
|
|
||||||
body.theme-concreteinfo {
|
|
||||||
background: var(--ci-bg);
|
|
||||||
color: var(--ci-dark-gray);
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concreteinfo .toolbar {
|
|
||||||
background: linear-gradient(135deg, var(--ci-dark-gray) 0%, var(--ci-black) 100%);
|
|
||||||
border-bottom: 3px solid var(--ci-accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concreteinfo .toolbar button {
|
|
||||||
color: var(--ci-white);
|
|
||||||
background: transparent;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
transition: all var(--transition-fast);
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concreteinfo .toolbar button:hover {
|
|
||||||
background: var(--ci-accent);
|
|
||||||
border-color: var(--ci-accent);
|
|
||||||
transform: translateY(-1px);
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concreteinfo .tab-bar {
|
|
||||||
background: var(--ci-dark-gray);
|
|
||||||
border-bottom: 2px solid var(--ci-accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concreteinfo .tab {
|
|
||||||
background: var(--ci-medium-gray);
|
|
||||||
color: var(--ci-white);
|
|
||||||
border: none;
|
|
||||||
margin: 2px;
|
|
||||||
border-radius: var(--radius-sm) var(--radius-sm) 0 0;
|
|
||||||
transition: all var(--transition-fast);
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concreteinfo .tab:hover {
|
|
||||||
background: var(--ci-accent-light);
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concreteinfo .tab.active {
|
|
||||||
background: var(--ci-accent);
|
|
||||||
color: var(--ci-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concreteinfo .editor-textarea {
|
|
||||||
background: var(--ci-white);
|
|
||||||
color: var(--ci-black);
|
|
||||||
border: 1px solid var(--ci-border);
|
|
||||||
font-family: var(--font-mono);
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concreteinfo .preview-content {
|
|
||||||
background: var(--ci-white);
|
|
||||||
color: var(--ci-dark-gray);
|
|
||||||
border-left: 3px solid var(--ci-accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concreteinfo .status-bar {
|
|
||||||
background: var(--ci-dark-gray);
|
|
||||||
color: var(--ci-light-gray);
|
|
||||||
border-top: 2px solid var(--ci-accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
Modern Modal Styles
|
|
||||||
============================================ */
|
|
||||||
.modal-overlay {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
background: rgba(13, 11, 9, 0.7);
|
|
||||||
backdrop-filter: blur(4px);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
z-index: 10000;
|
|
||||||
opacity: 0;
|
|
||||||
visibility: hidden;
|
|
||||||
transition: all var(--transition-normal);
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-overlay.active {
|
|
||||||
opacity: 1;
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-content {
|
|
||||||
background: var(--ci-white);
|
|
||||||
border-radius: var(--radius-lg);
|
|
||||||
box-shadow: var(--shadow-xl);
|
|
||||||
max-width: 600px;
|
|
||||||
width: 90%;
|
|
||||||
max-height: 85vh;
|
|
||||||
overflow: hidden;
|
|
||||||
transform: scale(0.9) translateY(20px);
|
|
||||||
transition: transform var(--transition-normal);
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-overlay.active .modal-content {
|
|
||||||
transform: scale(1) translateY(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-header {
|
|
||||||
background: linear-gradient(135deg, var(--ci-dark-gray) 0%, var(--ci-black) 100%);
|
|
||||||
color: var(--ci-white);
|
|
||||||
padding: var(--spacing-md) var(--spacing-lg);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
border-bottom: 3px solid var(--ci-accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-header h3 {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 1.25rem;
|
|
||||||
font-weight: 600;
|
|
||||||
font-family: var(--font-sans);
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-close {
|
|
||||||
background: transparent;
|
|
||||||
border: none;
|
|
||||||
color: var(--ci-white);
|
|
||||||
font-size: 1.5rem;
|
|
||||||
cursor: pointer;
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
border-radius: var(--radius-full);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
transition: all var(--transition-fast);
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-close:hover {
|
|
||||||
background: var(--ci-accent);
|
|
||||||
transform: rotate(90deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-body {
|
|
||||||
padding: var(--spacing-lg);
|
|
||||||
overflow-y: auto;
|
|
||||||
max-height: 60vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-footer {
|
|
||||||
padding: var(--spacing-md) var(--spacing-lg);
|
|
||||||
background: var(--ci-light-gray);
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
gap: var(--spacing-sm);
|
|
||||||
border-top: 1px solid var(--ci-border);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
Button Styles
|
|
||||||
============================================ */
|
|
||||||
.btn {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
gap: var(--spacing-xs);
|
|
||||||
padding: var(--spacing-sm) var(--spacing-md);
|
|
||||||
font-family: var(--font-sans);
|
|
||||||
font-size: 0.875rem;
|
|
||||||
font-weight: 500;
|
|
||||||
border-radius: var(--radius-md);
|
|
||||||
border: none;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all var(--transition-fast);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary {
|
|
||||||
background: var(--ci-accent);
|
|
||||||
color: var(--ci-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary:hover {
|
|
||||||
background: var(--ci-accent-hover);
|
|
||||||
transform: translateY(-1px);
|
|
||||||
box-shadow: var(--shadow-md);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-secondary {
|
|
||||||
background: var(--ci-medium-gray);
|
|
||||||
color: var(--ci-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-secondary:hover {
|
|
||||||
background: var(--ci-dark-gray);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-outline {
|
|
||||||
background: transparent;
|
|
||||||
border: 2px solid var(--ci-accent);
|
|
||||||
color: var(--ci-accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-outline:hover {
|
|
||||||
background: var(--ci-accent);
|
|
||||||
color: var(--ci-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-ghost {
|
|
||||||
background: transparent;
|
|
||||||
color: var(--ci-dark-gray);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-ghost:hover {
|
|
||||||
background: var(--ci-light-gray);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
Form Controls
|
|
||||||
============================================ */
|
|
||||||
.form-group {
|
|
||||||
margin-bottom: var(--spacing-md);
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-label {
|
|
||||||
display: block;
|
|
||||||
margin-bottom: var(--spacing-xs);
|
|
||||||
font-weight: 500;
|
|
||||||
color: var(--ci-dark-gray);
|
|
||||||
font-size: 0.875rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-input,
|
|
||||||
.form-select {
|
|
||||||
width: 100%;
|
|
||||||
padding: var(--spacing-sm) var(--spacing-md);
|
|
||||||
font-family: var(--font-sans);
|
|
||||||
font-size: 0.875rem;
|
|
||||||
border: 2px solid var(--ci-border);
|
|
||||||
border-radius: var(--radius-md);
|
|
||||||
background: var(--ci-white);
|
|
||||||
color: var(--ci-dark-gray);
|
|
||||||
transition: all var(--transition-fast);
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-input:focus,
|
|
||||||
.form-select:focus {
|
|
||||||
outline: none;
|
|
||||||
border-color: var(--ci-accent);
|
|
||||||
box-shadow: 0 0 0 3px var(--ci-accent-light);
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-input::placeholder {
|
|
||||||
color: var(--ci-medium-gray);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
App Header with Logo
|
|
||||||
============================================ */
|
|
||||||
.app-header {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 6px 16px;
|
|
||||||
background: #ffffff;
|
|
||||||
border-bottom: 2px solid #e1e4e8;
|
|
||||||
min-height: 36px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.app-header-left {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.app-header-right {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.app-logo {
|
|
||||||
height: 22px;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.app-title {
|
|
||||||
color: #24292e;
|
|
||||||
font-size: 0.95rem;
|
|
||||||
font-weight: 600;
|
|
||||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.app-version {
|
|
||||||
color: #6a737d;
|
|
||||||
font-size: 0.7rem;
|
|
||||||
font-family: 'SFMono-Regular', Consolas, monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dark theme header adjustments */
|
|
||||||
body.theme-dark .app-header,
|
|
||||||
body.theme-dracula .app-header,
|
|
||||||
body.theme-onedark .app-header,
|
|
||||||
body.theme-tokyonight .app-header,
|
|
||||||
body.theme-monokai .app-header,
|
|
||||||
body.theme-cobalt2 .app-header,
|
|
||||||
body.theme-gruvbox-dark .app-header,
|
|
||||||
body.theme-ayu-dark .app-header,
|
|
||||||
body.theme-ayu-mirage .app-header,
|
|
||||||
body.theme-palenight .app-header,
|
|
||||||
body.theme-oceanic-next .app-header,
|
|
||||||
body.theme-nord .app-header,
|
|
||||||
body.theme-concrete-dark .app-header {
|
|
||||||
background: #1f2937;
|
|
||||||
border-bottom-color: #374151;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-dark .app-title,
|
|
||||||
body.theme-dracula .app-title,
|
|
||||||
body.theme-onedark .app-title,
|
|
||||||
body.theme-tokyonight .app-title,
|
|
||||||
body.theme-monokai .app-title,
|
|
||||||
body.theme-cobalt2 .app-title,
|
|
||||||
body.theme-gruvbox-dark .app-title,
|
|
||||||
body.theme-ayu-dark .app-title,
|
|
||||||
body.theme-ayu-mirage .app-title,
|
|
||||||
body.theme-palenight .app-title,
|
|
||||||
body.theme-oceanic-next .app-title,
|
|
||||||
body.theme-nord .app-title,
|
|
||||||
body.theme-concrete-dark .app-title {
|
|
||||||
color: #f3f4f6;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-dark .app-version,
|
|
||||||
body.theme-dracula .app-version,
|
|
||||||
body.theme-onedark .app-version,
|
|
||||||
body.theme-tokyonight .app-version,
|
|
||||||
body.theme-monokai .app-version,
|
|
||||||
body.theme-cobalt2 .app-version,
|
|
||||||
body.theme-gruvbox-dark .app-version,
|
|
||||||
body.theme-ayu-dark .app-version,
|
|
||||||
body.theme-ayu-mirage .app-version,
|
|
||||||
body.theme-palenight .app-version,
|
|
||||||
body.theme-oceanic-next .app-version,
|
|
||||||
body.theme-nord .app-version,
|
|
||||||
body.theme-concrete-dark .app-version {
|
|
||||||
color: #9ca3af;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-dark .app-logo,
|
|
||||||
body.theme-dracula .app-logo,
|
|
||||||
body.theme-onedark .app-logo,
|
|
||||||
body.theme-tokyonight .app-logo,
|
|
||||||
body.theme-monokai .app-logo,
|
|
||||||
body.theme-cobalt2 .app-logo,
|
|
||||||
body.theme-gruvbox-dark .app-logo,
|
|
||||||
body.theme-ayu-dark .app-logo,
|
|
||||||
body.theme-ayu-mirage .app-logo,
|
|
||||||
body.theme-palenight .app-logo,
|
|
||||||
body.theme-oceanic-next .app-logo,
|
|
||||||
body.theme-nord .app-logo,
|
|
||||||
body.theme-concrete-dark .app-logo {
|
|
||||||
filter: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
Converter Cards
|
|
||||||
============================================ */
|
|
||||||
.converter-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
||||||
gap: var(--spacing-md);
|
|
||||||
padding: var(--spacing-md);
|
|
||||||
}
|
|
||||||
|
|
||||||
.converter-card {
|
|
||||||
background: var(--ci-white);
|
|
||||||
border-radius: var(--radius-lg);
|
|
||||||
padding: var(--spacing-lg);
|
|
||||||
text-align: center;
|
|
||||||
border: 2px solid var(--ci-border);
|
|
||||||
transition: all var(--transition-fast);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.converter-card:hover {
|
|
||||||
border-color: var(--ci-accent);
|
|
||||||
transform: translateY(-4px);
|
|
||||||
box-shadow: var(--shadow-lg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.converter-card-icon {
|
|
||||||
font-size: 2.5rem;
|
|
||||||
margin-bottom: var(--spacing-md);
|
|
||||||
}
|
|
||||||
|
|
||||||
.converter-card-title {
|
|
||||||
font-weight: 600;
|
|
||||||
color: var(--ci-dark-gray);
|
|
||||||
margin-bottom: var(--spacing-xs);
|
|
||||||
}
|
|
||||||
|
|
||||||
.converter-card-desc {
|
|
||||||
font-size: 0.875rem;
|
|
||||||
color: var(--ci-medium-gray);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
Progress Bar
|
|
||||||
============================================ */
|
|
||||||
.progress-bar {
|
|
||||||
height: 8px;
|
|
||||||
background: var(--ci-light-gray);
|
|
||||||
border-radius: var(--radius-full);
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-fill {
|
|
||||||
height: 100%;
|
|
||||||
background: linear-gradient(90deg, var(--ci-accent) 0%, var(--ci-accent-hover) 100%);
|
|
||||||
border-radius: var(--radius-full);
|
|
||||||
transition: width var(--transition-normal);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
File Drop Zone
|
|
||||||
============================================ */
|
|
||||||
.drop-zone {
|
|
||||||
border: 2px dashed var(--ci-border);
|
|
||||||
border-radius: var(--radius-lg);
|
|
||||||
padding: var(--spacing-xl);
|
|
||||||
text-align: center;
|
|
||||||
transition: all var(--transition-fast);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.drop-zone:hover,
|
|
||||||
.drop-zone.drag-over {
|
|
||||||
border-color: var(--ci-accent);
|
|
||||||
background: var(--ci-accent-light);
|
|
||||||
}
|
|
||||||
|
|
||||||
.drop-zone-icon {
|
|
||||||
font-size: 3rem;
|
|
||||||
color: var(--ci-medium-gray);
|
|
||||||
margin-bottom: var(--spacing-md);
|
|
||||||
}
|
|
||||||
|
|
||||||
.drop-zone-text {
|
|
||||||
color: var(--ci-dark-gray);
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
|
|
||||||
.drop-zone-hint {
|
|
||||||
color: var(--ci-medium-gray);
|
|
||||||
font-size: 0.875rem;
|
|
||||||
margin-top: var(--spacing-xs);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
Syntax Highlighting for Editor
|
|
||||||
============================================ */
|
|
||||||
.editor-syntax .md-heading {
|
|
||||||
color: var(--ci-accent);
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.editor-syntax .md-bold {
|
|
||||||
color: var(--ci-dark-gray);
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.editor-syntax .md-italic {
|
|
||||||
color: var(--ci-dark-gray);
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
.editor-syntax .md-code {
|
|
||||||
background: var(--ci-light-gray);
|
|
||||||
color: var(--ci-accent);
|
|
||||||
font-family: var(--font-mono);
|
|
||||||
padding: 2px 4px;
|
|
||||||
border-radius: var(--radius-sm);
|
|
||||||
}
|
|
||||||
|
|
||||||
.editor-syntax .md-link {
|
|
||||||
color: var(--ci-info);
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.editor-syntax .md-list {
|
|
||||||
color: var(--ci-accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.editor-syntax .md-blockquote {
|
|
||||||
color: var(--ci-medium-gray);
|
|
||||||
border-left: 3px solid var(--ci-accent);
|
|
||||||
padding-left: var(--spacing-md);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
ASCII Art Generator Styles
|
|
||||||
============================================ */
|
|
||||||
.ascii-preview {
|
|
||||||
font-family: var(--font-mono);
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 1.2;
|
|
||||||
background: var(--ci-black);
|
|
||||||
color: #00ff00;
|
|
||||||
padding: var(--spacing-md);
|
|
||||||
border-radius: var(--radius-md);
|
|
||||||
overflow-x: auto;
|
|
||||||
white-space: pre;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ascii-controls {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: var(--spacing-sm);
|
|
||||||
margin-bottom: var(--spacing-md);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
Table Generator Styles
|
|
||||||
============================================ */
|
|
||||||
.table-generator-grid {
|
|
||||||
display: grid;
|
|
||||||
gap: 1px;
|
|
||||||
background: var(--ci-border);
|
|
||||||
border: 1px solid var(--ci-border);
|
|
||||||
border-radius: var(--radius-md);
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.table-generator-cell {
|
|
||||||
background: var(--ci-white);
|
|
||||||
padding: var(--spacing-sm);
|
|
||||||
min-width: 80px;
|
|
||||||
min-height: 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.table-generator-cell input {
|
|
||||||
width: 100%;
|
|
||||||
border: none;
|
|
||||||
background: transparent;
|
|
||||||
text-align: center;
|
|
||||||
font-family: var(--font-mono);
|
|
||||||
}
|
|
||||||
|
|
||||||
.table-generator-cell.header {
|
|
||||||
background: var(--ci-light-gray);
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
PDF Viewer/Editor Styles
|
|
||||||
============================================ */
|
|
||||||
.pdf-viewer {
|
|
||||||
background: var(--ci-dark-gray);
|
|
||||||
padding: var(--spacing-md);
|
|
||||||
border-radius: var(--radius-md);
|
|
||||||
min-height: 400px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pdf-page {
|
|
||||||
background: var(--ci-white);
|
|
||||||
box-shadow: var(--shadow-lg);
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pdf-toolbar {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: var(--spacing-sm);
|
|
||||||
padding: var(--spacing-sm);
|
|
||||||
background: var(--ci-light-gray);
|
|
||||||
border-radius: var(--radius-md);
|
|
||||||
margin-bottom: var(--spacing-md);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
Dark Mode for ConcreteInfo Theme
|
|
||||||
============================================ */
|
|
||||||
body.theme-concreteinfo-dark {
|
|
||||||
--ci-bg: #1a1a1a;
|
|
||||||
--ci-white: #2a2a2a;
|
|
||||||
--ci-light-gray: #3a3a3a;
|
|
||||||
--ci-border: #4a4a4a;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concreteinfo-dark .editor-textarea,
|
|
||||||
body.theme-concreteinfo-dark .preview-content {
|
|
||||||
background: #2a2a2a;
|
|
||||||
color: #e0e0e0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concreteinfo-dark .modal-content {
|
|
||||||
background: #2a2a2a;
|
|
||||||
color: #e0e0e0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concreteinfo-dark .modal-body {
|
|
||||||
background: #2a2a2a;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concreteinfo-dark .modal-footer {
|
|
||||||
background: #1a1a1a;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
Animations
|
|
||||||
============================================ */
|
|
||||||
@keyframes fadeIn {
|
|
||||||
from { opacity: 0; }
|
|
||||||
to { opacity: 1; }
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes slideUp {
|
|
||||||
from { transform: translateY(20px); opacity: 0; }
|
|
||||||
to { transform: translateY(0); opacity: 1; }
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes pulse {
|
|
||||||
0%, 100% { transform: scale(1); }
|
|
||||||
50% { transform: scale(1.05); }
|
|
||||||
}
|
|
||||||
|
|
||||||
.animate-fade-in {
|
|
||||||
animation: fadeIn var(--transition-normal);
|
|
||||||
}
|
|
||||||
|
|
||||||
.animate-slide-up {
|
|
||||||
animation: slideUp var(--transition-normal);
|
|
||||||
}
|
|
||||||
|
|
||||||
.animate-pulse {
|
|
||||||
animation: pulse 2s infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
Responsive Design
|
|
||||||
============================================ */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.modal-content {
|
|
||||||
width: 95%;
|
|
||||||
max-height: 90vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.converter-grid {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
.app-header {
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
Concrete Dark Theme
|
|
||||||
============================================ */
|
|
||||||
body.theme-concrete-dark {
|
|
||||||
background: #1a1a1a;
|
|
||||||
color: #e3e3e3;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-dark .toolbar {
|
|
||||||
background: linear-gradient(135deg, #0d0b09 0%, #1a1a1a 100%);
|
|
||||||
border-bottom: 3px solid #e5461f;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-dark .toolbar button {
|
|
||||||
color: #e3e3e3;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-dark .toolbar button:hover {
|
|
||||||
background: #e5461f;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-dark .tab-bar {
|
|
||||||
background: #0d0b09;
|
|
||||||
border-bottom: 2px solid #e5461f;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-dark .tab {
|
|
||||||
background: #2a2a2a;
|
|
||||||
color: #e3e3e3;
|
|
||||||
border-radius: 4px 4px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-dark .tab.active {
|
|
||||||
background: #464646;
|
|
||||||
border-bottom: 2px solid #e5461f;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-dark .editor-textarea,
|
|
||||||
body.theme-concrete-dark .editor-pane {
|
|
||||||
background: #1a1a1a;
|
|
||||||
color: #e3e3e3;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-dark .preview-content {
|
|
||||||
background: #1a1a1a;
|
|
||||||
color: #e3e3e3;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-dark .status-bar {
|
|
||||||
background: #0d0b09;
|
|
||||||
color: #9a9696;
|
|
||||||
border-top: 1px solid #464646;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-dark .export-dialog-content,
|
|
||||||
body.theme-concrete-dark .batch-dialog-content {
|
|
||||||
background: #2a2a2a;
|
|
||||||
color: #e3e3e3;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-dark .export-dialog-header,
|
|
||||||
body.theme-concrete-dark .batch-dialog-header {
|
|
||||||
background: #1a1a1a;
|
|
||||||
border-bottom: 2px solid #e5461f;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-dark .export-dialog-footer,
|
|
||||||
body.theme-concrete-dark .batch-dialog-footer {
|
|
||||||
background: #1a1a1a;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-dark input,
|
|
||||||
body.theme-concrete-dark select,
|
|
||||||
body.theme-concrete-dark textarea {
|
|
||||||
background: #1a1a1a;
|
|
||||||
color: #e3e3e3;
|
|
||||||
border-color: #464646;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-dark input:focus,
|
|
||||||
body.theme-concrete-dark select:focus,
|
|
||||||
body.theme-concrete-dark textarea:focus {
|
|
||||||
border-color: #e5461f;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-dark .line-numbers {
|
|
||||||
background: #0d0b09;
|
|
||||||
color: #9a9696;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
Concrete Light Theme
|
|
||||||
============================================ */
|
|
||||||
body.theme-concrete-light {
|
|
||||||
background: #f5f5f5;
|
|
||||||
color: #464646;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-light .toolbar {
|
|
||||||
background: #ffffff;
|
|
||||||
border-bottom: 3px solid #e5461f;
|
|
||||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-light .toolbar button {
|
|
||||||
color: #464646;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-light .toolbar button:hover {
|
|
||||||
background: #e5461f;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-light .tab-bar {
|
|
||||||
background: #ffffff;
|
|
||||||
border-bottom: 2px solid #e3e3e3;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-light .tab {
|
|
||||||
background: #f5f5f5;
|
|
||||||
color: #464646;
|
|
||||||
border-radius: 4px 4px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-light .tab.active {
|
|
||||||
background: #ffffff;
|
|
||||||
border-bottom: 2px solid #e5461f;
|
|
||||||
color: #e5461f;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-light .editor-textarea,
|
|
||||||
body.theme-concrete-light .editor-pane {
|
|
||||||
background: #ffffff;
|
|
||||||
color: #464646;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-light .preview-content {
|
|
||||||
background: #ffffff;
|
|
||||||
color: #464646;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-light .status-bar {
|
|
||||||
background: #ffffff;
|
|
||||||
color: #9a9696;
|
|
||||||
border-top: 1px solid #e3e3e3;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-light .export-dialog-content,
|
|
||||||
body.theme-concrete-light .batch-dialog-content {
|
|
||||||
background: #ffffff;
|
|
||||||
color: #464646;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-light .export-dialog-header,
|
|
||||||
body.theme-concrete-light .batch-dialog-header {
|
|
||||||
background: #f5f5f5;
|
|
||||||
border-bottom: 2px solid #e5461f;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-light .line-numbers {
|
|
||||||
background: #f5f5f5;
|
|
||||||
color: #9a9696;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================
|
|
||||||
Concrete Warm Theme
|
|
||||||
============================================ */
|
|
||||||
body.theme-concrete-warm {
|
|
||||||
background: #faf8f5;
|
|
||||||
color: #464646;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-warm .toolbar {
|
|
||||||
background: linear-gradient(135deg, #464646 0%, #5a5a5a 100%);
|
|
||||||
border-bottom: 3px solid #e5461f;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-warm .toolbar button {
|
|
||||||
color: #faf8f5;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-warm .toolbar button:hover {
|
|
||||||
background: #e5461f;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-warm .tab-bar {
|
|
||||||
background: #464646;
|
|
||||||
border-bottom: 2px solid #e5461f;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-warm .tab {
|
|
||||||
background: #6a6a6a;
|
|
||||||
color: #faf8f5;
|
|
||||||
border-radius: 4px 4px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-warm .tab.active {
|
|
||||||
background: #faf8f5;
|
|
||||||
color: #e5461f;
|
|
||||||
border-bottom: 2px solid #e5461f;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-warm .editor-textarea,
|
|
||||||
body.theme-concrete-warm .editor-pane {
|
|
||||||
background: #faf8f5;
|
|
||||||
color: #464646;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-warm .preview-content {
|
|
||||||
background: #faf8f5;
|
|
||||||
color: #464646;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-warm .status-bar {
|
|
||||||
background: #f0ebe4;
|
|
||||||
color: #9a9696;
|
|
||||||
border-top: 1px solid #e3e3e3;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-warm .export-dialog-content,
|
|
||||||
body.theme-concrete-warm .batch-dialog-content {
|
|
||||||
background: #faf8f5;
|
|
||||||
color: #464646;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-warm .export-dialog-header,
|
|
||||||
body.theme-concrete-warm .batch-dialog-header {
|
|
||||||
background: #f0ebe4;
|
|
||||||
border-bottom: 2px solid #e5461f;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-warm h1,
|
|
||||||
body.theme-concrete-warm h2,
|
|
||||||
body.theme-concrete-warm h3,
|
|
||||||
body.theme-concrete-warm h4,
|
|
||||||
body.theme-concrete-warm h5,
|
|
||||||
body.theme-concrete-warm h6 {
|
|
||||||
color: #e5461f;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-warm a {
|
|
||||||
color: #e5461f;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.theme-concrete-warm .line-numbers {
|
|
||||||
background: #f0ebe4;
|
|
||||||
color: #9a9696;
|
|
||||||
}
|
|
||||||
@@ -1,545 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Table Generator - MarkdownConverter</title>
|
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
|
|
||||||
<style>
|
|
||||||
:root {
|
|
||||||
--ci-dark-gray: #464646;
|
|
||||||
--ci-medium-gray: #9a9696;
|
|
||||||
--ci-accent: #e5461f;
|
|
||||||
--ci-light-gray: #e3e3e3;
|
|
||||||
--ci-black: #0d0b09;
|
|
||||||
--ci-white: #ffffff;
|
|
||||||
--ci-bg: #f5f5f5;
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'Inter', system-ui, sans-serif;
|
|
||||||
background: var(--ci-bg);
|
|
||||||
color: var(--ci-dark-gray);
|
|
||||||
min-height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header {
|
|
||||||
background: linear-gradient(135deg, var(--ci-dark-gray) 0%, var(--ci-black) 100%);
|
|
||||||
padding: 16px 24px;
|
|
||||||
border-bottom: 3px solid var(--ci-accent);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header h1 {
|
|
||||||
color: var(--ci-white);
|
|
||||||
font-size: 1.25rem;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
padding: 24px;
|
|
||||||
flex: 1;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section {
|
|
||||||
background: var(--ci-white);
|
|
||||||
border-radius: 12px;
|
|
||||||
padding: 20px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-title {
|
|
||||||
font-weight: 600;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
color: var(--ci-dark-gray);
|
|
||||||
font-size: 0.95rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.controls-row {
|
|
||||||
display: flex;
|
|
||||||
gap: 16px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.control-group {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.control-label {
|
|
||||||
font-size: 0.8rem;
|
|
||||||
font-weight: 500;
|
|
||||||
color: var(--ci-medium-gray);
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-input, .form-select {
|
|
||||||
padding: 8px 12px;
|
|
||||||
border: 2px solid var(--ci-light-gray);
|
|
||||||
border-radius: 6px;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
font-family: inherit;
|
|
||||||
transition: border-color 0.2s;
|
|
||||||
min-width: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-input:focus, .form-select:focus {
|
|
||||||
outline: none;
|
|
||||||
border-color: var(--ci-accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.checkbox-label {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 8px;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.checkbox-label input {
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
accent-color: var(--ci-accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.table-container {
|
|
||||||
overflow-x: auto;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.editable-table {
|
|
||||||
width: 100%;
|
|
||||||
border-collapse: collapse;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.editable-table th,
|
|
||||||
.editable-table td {
|
|
||||||
border: 1px solid var(--ci-light-gray);
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.editable-table th {
|
|
||||||
background: var(--ci-dark-gray);
|
|
||||||
color: var(--ci-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.editable-table input {
|
|
||||||
width: 100%;
|
|
||||||
padding: 10px 12px;
|
|
||||||
border: none;
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.editable-table input:focus {
|
|
||||||
outline: 2px solid var(--ci-accent);
|
|
||||||
outline-offset: -2px;
|
|
||||||
background: rgba(229, 70, 31, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
.editable-table th input {
|
|
||||||
color: var(--ci-white);
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.editable-table th input::placeholder {
|
|
||||||
color: rgba(255, 255, 255, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.preview-container {
|
|
||||||
background: var(--ci-black);
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 16px;
|
|
||||||
max-height: 250px;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preview-content {
|
|
||||||
font-family: 'JetBrains Mono', monospace;
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 1.4;
|
|
||||||
color: #00ff00;
|
|
||||||
white-space: pre;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
gap: 12px;
|
|
||||||
padding: 16px 24px;
|
|
||||||
background: var(--ci-white);
|
|
||||||
border-top: 1px solid var(--ci-light-gray);
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-left {
|
|
||||||
display: flex;
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-right {
|
|
||||||
display: flex;
|
|
||||||
gap: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
padding: 10px 20px;
|
|
||||||
border-radius: 8px;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
font-weight: 500;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.2s;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary {
|
|
||||||
background: var(--ci-accent);
|
|
||||||
color: var(--ci-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary:hover {
|
|
||||||
background: #c93a18;
|
|
||||||
transform: translateY(-1px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-secondary {
|
|
||||||
background: var(--ci-light-gray);
|
|
||||||
color: var(--ci-dark-gray);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-secondary:hover {
|
|
||||||
background: #d0d0d0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-outline {
|
|
||||||
background: transparent;
|
|
||||||
border: 2px solid var(--ci-accent);
|
|
||||||
color: var(--ci-accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-outline:hover {
|
|
||||||
background: var(--ci-accent);
|
|
||||||
color: var(--ci-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-sm {
|
|
||||||
padding: 6px 12px;
|
|
||||||
font-size: 0.75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.quick-templates {
|
|
||||||
display: flex;
|
|
||||||
gap: 8px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.template-chip {
|
|
||||||
padding: 6px 12px;
|
|
||||||
background: var(--ci-light-gray);
|
|
||||||
border-radius: 20px;
|
|
||||||
font-size: 0.75rem;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.2s;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.template-chip:hover {
|
|
||||||
background: var(--ci-accent);
|
|
||||||
color: var(--ci-white);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="header">
|
|
||||||
<h1>Table Generator</h1>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div class="section">
|
|
||||||
<div class="section-title">Table Settings</div>
|
|
||||||
<div class="controls-row">
|
|
||||||
<div class="control-group">
|
|
||||||
<span class="control-label">Rows</span>
|
|
||||||
<input type="number" id="rows" class="form-input" min="1" max="50" value="4" style="width: 80px;">
|
|
||||||
</div>
|
|
||||||
<div class="control-group">
|
|
||||||
<span class="control-label">Columns</span>
|
|
||||||
<input type="number" id="cols" class="form-input" min="1" max="20" value="4" style="width: 80px;">
|
|
||||||
</div>
|
|
||||||
<div class="control-group">
|
|
||||||
<span class="control-label">Alignment</span>
|
|
||||||
<select id="alignment" class="form-select">
|
|
||||||
<option value="left">Left</option>
|
|
||||||
<option value="center">Center</option>
|
|
||||||
<option value="right">Right</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div class="control-group" style="justify-content: flex-end;">
|
|
||||||
<label class="checkbox-label">
|
|
||||||
<input type="checkbox" id="has-header" checked>
|
|
||||||
Include Header Row
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="quick-templates">
|
|
||||||
<button class="template-chip" data-rows="3" data-cols="2">2-Column (3 rows)</button>
|
|
||||||
<button class="template-chip" data-rows="5" data-cols="3">3-Column (5 rows)</button>
|
|
||||||
<button class="template-chip" data-rows="4" data-cols="4">4x4 Grid</button>
|
|
||||||
<button class="template-chip" data-rows="10" data-cols="3">Data Table (10 rows)</button>
|
|
||||||
<button class="template-chip" data-rows="2" data-cols="5">Wide Table</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="section">
|
|
||||||
<div class="section-title">Edit Table Content</div>
|
|
||||||
<div class="table-container">
|
|
||||||
<table class="editable-table" id="editable-table">
|
|
||||||
<!-- Generated dynamically -->
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="section">
|
|
||||||
<div class="section-title">Markdown Preview</div>
|
|
||||||
<div class="preview-container">
|
|
||||||
<div id="preview" class="preview-content"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="footer">
|
|
||||||
<div class="footer-left">
|
|
||||||
<button class="btn btn-secondary btn-sm" id="btn-clear">Clear All</button>
|
|
||||||
<button class="btn btn-outline btn-sm" id="btn-fill-sample">Fill Sample Data</button>
|
|
||||||
</div>
|
|
||||||
<div class="footer-right">
|
|
||||||
<button class="btn btn-secondary" id="btn-copy">Copy Markdown</button>
|
|
||||||
<button class="btn btn-primary" id="btn-insert">Insert to Editor</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
let currentRows = 4;
|
|
||||||
let currentCols = 4;
|
|
||||||
let hasHeader = true;
|
|
||||||
let alignment = 'left';
|
|
||||||
|
|
||||||
// Generate the editable table
|
|
||||||
function generateEditableTable() {
|
|
||||||
const table = document.getElementById('editable-table');
|
|
||||||
hasHeader = document.getElementById('has-header').checked;
|
|
||||||
alignment = document.getElementById('alignment').value;
|
|
||||||
|
|
||||||
let html = '';
|
|
||||||
|
|
||||||
for (let i = 0; i < currentRows; i++) {
|
|
||||||
html += '<tr>';
|
|
||||||
for (let j = 0; j < currentCols; j++) {
|
|
||||||
const isHeader = hasHeader && i === 0;
|
|
||||||
const tag = isHeader ? 'th' : 'td';
|
|
||||||
const placeholder = isHeader ? `Header ${j + 1}` : `Cell ${i},${j + 1}`;
|
|
||||||
html += `<${tag}><input type="text" data-row="${i}" data-col="${j}" placeholder="${placeholder}"></${tag}>`;
|
|
||||||
}
|
|
||||||
html += '</tr>';
|
|
||||||
}
|
|
||||||
|
|
||||||
table.innerHTML = html;
|
|
||||||
|
|
||||||
// Add event listeners for live preview
|
|
||||||
table.querySelectorAll('input').forEach(input => {
|
|
||||||
input.addEventListener('input', updatePreview);
|
|
||||||
});
|
|
||||||
|
|
||||||
updatePreview();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Get table data
|
|
||||||
function getTableData() {
|
|
||||||
const data = [];
|
|
||||||
for (let i = 0; i < currentRows; i++) {
|
|
||||||
const row = [];
|
|
||||||
for (let j = 0; j < currentCols; j++) {
|
|
||||||
const input = document.querySelector(`input[data-row="${i}"][data-col="${j}"]`);
|
|
||||||
row.push(input ? input.value || '' : '');
|
|
||||||
}
|
|
||||||
data.push(row);
|
|
||||||
}
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generate markdown table
|
|
||||||
function generateMarkdown(data) {
|
|
||||||
if (data.length === 0 || data[0].length === 0) return '';
|
|
||||||
|
|
||||||
// Calculate column widths
|
|
||||||
const colWidths = [];
|
|
||||||
for (let j = 0; j < data[0].length; j++) {
|
|
||||||
let maxWidth = 3; // Minimum width for separator
|
|
||||||
for (let i = 0; i < data.length; i++) {
|
|
||||||
maxWidth = Math.max(maxWidth, (data[i][j] || '').length);
|
|
||||||
}
|
|
||||||
colWidths.push(maxWidth);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generate alignment function
|
|
||||||
const alignCell = (text, width) => {
|
|
||||||
text = text || '';
|
|
||||||
const padding = width - text.length;
|
|
||||||
if (alignment === 'center') {
|
|
||||||
const left = Math.floor(padding / 2);
|
|
||||||
const right = padding - left;
|
|
||||||
return ' '.repeat(left) + text + ' '.repeat(right);
|
|
||||||
} else if (alignment === 'right') {
|
|
||||||
return ' '.repeat(padding) + text;
|
|
||||||
}
|
|
||||||
return text + ' '.repeat(padding);
|
|
||||||
};
|
|
||||||
|
|
||||||
// Generate separator based on alignment
|
|
||||||
const getSeparator = (width) => {
|
|
||||||
if (alignment === 'center') {
|
|
||||||
return ':' + '-'.repeat(width - 2) + ':';
|
|
||||||
} else if (alignment === 'right') {
|
|
||||||
return '-'.repeat(width - 1) + ':';
|
|
||||||
}
|
|
||||||
return '-'.repeat(width);
|
|
||||||
};
|
|
||||||
|
|
||||||
let markdown = '';
|
|
||||||
const startRow = hasHeader ? 0 : -1;
|
|
||||||
|
|
||||||
for (let i = startRow; i < data.length; i++) {
|
|
||||||
if (i === -1) {
|
|
||||||
// Generate empty header for tables without header
|
|
||||||
markdown += '| ' + colWidths.map(w => ' '.repeat(w)).join(' | ') + ' |\n';
|
|
||||||
} else {
|
|
||||||
const row = data[i];
|
|
||||||
const cells = row.map((cell, j) => alignCell(cell, colWidths[j]));
|
|
||||||
markdown += '| ' + cells.join(' | ') + ' |\n';
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add separator after first row
|
|
||||||
if ((hasHeader && i === 0) || (!hasHeader && i === -1)) {
|
|
||||||
const separators = colWidths.map(w => getSeparator(w));
|
|
||||||
markdown += '| ' + separators.join(' | ') + ' |\n';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return markdown;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update preview
|
|
||||||
function updatePreview() {
|
|
||||||
const data = getTableData();
|
|
||||||
const markdown = generateMarkdown(data);
|
|
||||||
document.getElementById('preview').textContent = markdown;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Event listeners
|
|
||||||
document.getElementById('rows').addEventListener('change', (e) => {
|
|
||||||
currentRows = parseInt(e.target.value) || 4;
|
|
||||||
generateEditableTable();
|
|
||||||
});
|
|
||||||
|
|
||||||
document.getElementById('cols').addEventListener('change', (e) => {
|
|
||||||
currentCols = parseInt(e.target.value) || 4;
|
|
||||||
generateEditableTable();
|
|
||||||
});
|
|
||||||
|
|
||||||
document.getElementById('alignment').addEventListener('change', () => {
|
|
||||||
updatePreview();
|
|
||||||
});
|
|
||||||
|
|
||||||
document.getElementById('has-header').addEventListener('change', () => {
|
|
||||||
generateEditableTable();
|
|
||||||
});
|
|
||||||
|
|
||||||
// Quick templates
|
|
||||||
document.querySelectorAll('.template-chip').forEach(chip => {
|
|
||||||
chip.addEventListener('click', () => {
|
|
||||||
currentRows = parseInt(chip.dataset.rows);
|
|
||||||
currentCols = parseInt(chip.dataset.cols);
|
|
||||||
document.getElementById('rows').value = currentRows;
|
|
||||||
document.getElementById('cols').value = currentCols;
|
|
||||||
generateEditableTable();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Clear all
|
|
||||||
document.getElementById('btn-clear').addEventListener('click', () => {
|
|
||||||
document.querySelectorAll('#editable-table input').forEach(input => {
|
|
||||||
input.value = '';
|
|
||||||
});
|
|
||||||
updatePreview();
|
|
||||||
});
|
|
||||||
|
|
||||||
// Fill sample data
|
|
||||||
document.getElementById('btn-fill-sample').addEventListener('click', () => {
|
|
||||||
const sampleHeaders = ['Name', 'Description', 'Status', 'Priority', 'Due Date'];
|
|
||||||
const sampleData = [
|
|
||||||
['Task 1', 'First task description', 'In Progress', 'High', '2024-01-15'],
|
|
||||||
['Task 2', 'Second task description', 'Completed', 'Medium', '2024-01-10'],
|
|
||||||
['Task 3', 'Third task description', 'Pending', 'Low', '2024-01-20'],
|
|
||||||
['Task 4', 'Fourth task description', 'In Review', 'High', '2024-01-18']
|
|
||||||
];
|
|
||||||
|
|
||||||
for (let i = 0; i < currentRows; i++) {
|
|
||||||
for (let j = 0; j < currentCols; j++) {
|
|
||||||
const input = document.querySelector(`input[data-row="${i}"][data-col="${j}"]`);
|
|
||||||
if (input) {
|
|
||||||
if (hasHeader && i === 0) {
|
|
||||||
input.value = sampleHeaders[j % sampleHeaders.length];
|
|
||||||
} else {
|
|
||||||
const dataRow = hasHeader ? i - 1 : i;
|
|
||||||
if (dataRow < sampleData.length && j < sampleData[dataRow].length) {
|
|
||||||
input.value = sampleData[dataRow][j];
|
|
||||||
} else {
|
|
||||||
input.value = `Data ${i}-${j + 1}`;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
updatePreview();
|
|
||||||
});
|
|
||||||
|
|
||||||
// Copy markdown
|
|
||||||
document.getElementById('btn-copy').addEventListener('click', () => {
|
|
||||||
const markdown = document.getElementById('preview').textContent;
|
|
||||||
navigator.clipboard.writeText(markdown).then(() => {
|
|
||||||
const btn = document.getElementById('btn-copy');
|
|
||||||
btn.textContent = 'Copied!';
|
|
||||||
setTimeout(() => {
|
|
||||||
btn.textContent = 'Copy Markdown';
|
|
||||||
}, 2000);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Insert to editor
|
|
||||||
document.getElementById('btn-insert').addEventListener('click', () => {
|
|
||||||
const content = document.getElementById('preview').textContent;
|
|
||||||
if (content && window.electronAPI) {
|
|
||||||
window.electronAPI.send('insert-generated-content', '\n' + content + '\n');
|
|
||||||
window.close();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Initialize
|
|
||||||
generateEditableTable();
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,743 +0,0 @@
|
|||||||
/**
|
|
||||||
* 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, pageSettings = null) {
|
|
||||||
this.templatePath = templatePath || path.join(__dirname, '../word_template.docx');
|
|
||||||
this.startPage = startPage; // Which page to start inserting content
|
|
||||||
this.pageSettings = pageSettings; // Page size and orientation settings
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 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
|
|
||||||
let documentXml = zip.file('word/document.xml').asText();
|
|
||||||
|
|
||||||
// Set page size if settings provided
|
|
||||||
if (this.pageSettings) {
|
|
||||||
documentXml = this.setPageSize(documentXml);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Set page size in document XML
|
|
||||||
*/
|
|
||||||
setPageSize(documentXml) {
|
|
||||||
// Import PAGE_SIZES from main process (need to pass as parameter)
|
|
||||||
const PAGE_SIZES = {
|
|
||||||
a4: { width: 11906, height: 16838 },
|
|
||||||
a3: { width: 16838, height: 23811 },
|
|
||||||
a5: { width: 8391, height: 11906 },
|
|
||||||
b4: { width: 14170, height: 20015 },
|
|
||||||
b5: { width: 9979, height: 14170 },
|
|
||||||
letter: { width: 12240, height: 15840 },
|
|
||||||
legal: { width: 12240, height: 20160 },
|
|
||||||
tabloid: { width: 15840, height: 24480 }
|
|
||||||
};
|
|
||||||
|
|
||||||
let width, height;
|
|
||||||
const pageSize = PAGE_SIZES[this.pageSettings.size];
|
|
||||||
|
|
||||||
if (pageSize) {
|
|
||||||
width = pageSize.width;
|
|
||||||
height = pageSize.height;
|
|
||||||
} else {
|
|
||||||
// Default to A4
|
|
||||||
width = 11906;
|
|
||||||
height = 16838;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Swap dimensions for landscape
|
|
||||||
if (this.pageSettings.orientation === 'landscape') {
|
|
||||||
[width, height] = [height, width];
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update all <w:pgSz> elements in section properties
|
|
||||||
const pgSzRegex = /<w:pgSz[^>]*\/>/g;
|
|
||||||
let modifiedXml = documentXml.replace(pgSzRegex, () => {
|
|
||||||
return `<w:pgSz w:w="${width}" w:h="${height}" w:orient="${this.pageSettings.orientation}"/>`;
|
|
||||||
});
|
|
||||||
|
|
||||||
// If no pgSz found, add it to all sectPr elements
|
|
||||||
if (!pgSzRegex.test(documentXml)) {
|
|
||||||
const sectPrRegex = /<w:sectPr[^>]*>/g;
|
|
||||||
modifiedXml = modifiedXml.replace(sectPrRegex, (match) => {
|
|
||||||
return `${match}<w:pgSz w:w="${width}" w:h="${height}" w:orient="${this.pageSettings.orientation}"/>`;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
return modifiedXml;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 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)
|
|
||||||
* Background shading applied at paragraph level to extend full width
|
|
||||||
*/
|
|
||||||
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
|
|
||||||
// Shading (shd) is at paragraph level so background extends full width
|
|
||||||
xml += `<w:p>
|
|
||||||
<w:pPr>
|
|
||||||
<w:pStyle w:val="Normal"/>
|
|
||||||
<w:shd w:val="clear" w:color="auto" w:fill="F5F5F5"/>
|
|
||||||
<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="284"/>
|
|
||||||
<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: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
|
|
||||||
* Uses full-width tables with equal column distribution matching template style
|
|
||||||
*/
|
|
||||||
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));
|
|
||||||
|
|
||||||
// Calculate column width in twips (1440 twips = 1 inch)
|
|
||||||
// Assume standard page width of 9360 twips (6.5 inches usable)
|
|
||||||
const totalTableWidth = 9360;
|
|
||||||
const colWidth = Math.floor(totalTableWidth / numCols);
|
|
||||||
|
|
||||||
// Build table XML
|
|
||||||
let tableXml = '<w:tbl>';
|
|
||||||
|
|
||||||
// Table properties - use template table style with full width
|
|
||||||
tableXml += `<w:tblPr>
|
|
||||||
<w:tblStyle w:val="TableGrid"/>
|
|
||||||
<w:tblW w:w="0" w:type="auto"/>
|
|
||||||
<w:tblLayout w:type="fixed"/>
|
|
||||||
<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 with explicit column widths
|
|
||||||
tableXml += '<w:tblGrid>';
|
|
||||||
for (let i = 0; i < numCols; i++) {
|
|
||||||
tableXml += `<w:gridCol w:w="${colWidth}"/>`;
|
|
||||||
}
|
|
||||||
tableXml += '</w:tblGrid>';
|
|
||||||
|
|
||||||
// Table rows
|
|
||||||
rows.forEach((rowCells, rowIndex) => {
|
|
||||||
const isHeader = rowIndex === 0;
|
|
||||||
|
|
||||||
tableXml += '<w:tr>';
|
|
||||||
|
|
||||||
// Row properties for consistent height
|
|
||||||
tableXml += '<w:trPr><w:trHeight w:val="0" w:hRule="atLeast"/></w:trPr>';
|
|
||||||
|
|
||||||
// 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 width
|
|
||||||
tableXml += `<w:tcW w:w="${colWidth}" w:type="dxa"/>`;
|
|
||||||
|
|
||||||
// Cell shading - orange for header, white for data rows
|
|
||||||
if (isHeader) {
|
|
||||||
tableXml += '<w:shd w:val="clear" w:color="auto" w:fill="F58220"/>';
|
|
||||||
} else {
|
|
||||||
tableXml += '<w:shd w:val="clear" w:color="auto" w:fill="FFFFFF"/>';
|
|
||||||
}
|
|
||||||
|
|
||||||
// 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>';
|
|
||||||
|
|
||||||
// Cell margins for proper padding
|
|
||||||
tableXml += '<w:tcMar>' +
|
|
||||||
'<w:top w:w="80" w:type="dxa"/>' +
|
|
||||||
'<w:left w:w="120" w:type="dxa"/>' +
|
|
||||||
'<w:bottom w:w="80" w:type="dxa"/>' +
|
|
||||||
'<w:right w:w="120" w:type="dxa"/>' +
|
|
||||||
'</w:tcMar>';
|
|
||||||
|
|
||||||
tableXml += '</w:tcPr>';
|
|
||||||
|
|
||||||
// Cell content
|
|
||||||
tableXml += '<w:p>';
|
|
||||||
tableXml += '<w:pPr>';
|
|
||||||
tableXml += '<w:spacing w:before="0" w:after="0" w:line="240" w:lineRule="auto"/>';
|
|
||||||
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>';
|
|
||||||
|
|
||||||
// Add spacing after table
|
|
||||||
tableXml += '<w:p><w:pPr><w:spacing w:before="120" w:after="0"/></w:pPr></w:p>';
|
|
||||||
|
|
||||||
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
|
|
||||||
* Background shading applied at paragraph level to extend full width
|
|
||||||
*/
|
|
||||||
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) => {
|
|
||||||
// Shading (shd) is at paragraph level so background extends full width
|
|
||||||
xml += `<w:p>
|
|
||||||
<w:pPr>
|
|
||||||
<w:pStyle w:val="Normal"/>
|
|
||||||
<w:shd w:val="clear" w:color="auto" w:fill="F5F5F5"/>
|
|
||||||
<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="284"/>
|
|
||||||
<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;
|
|
||||||
|
|
||||||
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: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: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: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: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;
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
# 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*
|
|
||||||
@@ -1,49 +1,49 @@
|
|||||||
// Test script to verify export functionality
|
// Test script to verify export functionality
|
||||||
const { exec } = require('child_process');
|
const { exec } = require('child_process');
|
||||||
const fs = require('fs');
|
const fs = require('fs');
|
||||||
const path = require('path');
|
const path = require('path');
|
||||||
|
|
||||||
console.log('Testing export functionality...');
|
console.log('Testing export functionality...');
|
||||||
|
|
||||||
// Test 1: Check if pandoc is available
|
// Test 1: Check if pandoc is available
|
||||||
console.log('\n1. Checking Pandoc availability...');
|
console.log('\n1. Checking Pandoc availability...');
|
||||||
exec('pandoc --version', (error, stdout, stderr) => {
|
exec('pandoc --version', (error, stdout, stderr) => {
|
||||||
if (error) {
|
if (error) {
|
||||||
console.log('❌ Pandoc not available:', error.message);
|
console.log('❌ Pandoc not available:', error.message);
|
||||||
console.log('✅ Built-in HTML and PDF export should work');
|
console.log('✅ Built-in HTML and PDF export should work');
|
||||||
} else {
|
} else {
|
||||||
console.log('✅ Pandoc is available');
|
console.log('✅ Pandoc is available');
|
||||||
console.log(' Version info:', stdout.split('\n')[0]);
|
console.log(' Version info:', stdout.split('\n')[0]);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Test 2: Check if test markdown file exists
|
// Test 2: Check if test markdown file exists
|
||||||
console.log('\n2. Checking test file...');
|
console.log('\n2. Checking test file...');
|
||||||
const testFile = path.join(__dirname, 'test-export.md');
|
const testFile = path.join(__dirname, 'test-export.md');
|
||||||
if (fs.existsSync(testFile)) {
|
if (fs.existsSync(testFile)) {
|
||||||
console.log('✅ Test markdown file exists:', testFile);
|
console.log('✅ Test markdown file exists:', testFile);
|
||||||
const content = fs.readFileSync(testFile, 'utf8');
|
const content = fs.readFileSync(testFile, 'utf8');
|
||||||
console.log(' File size:', content.length, 'characters');
|
console.log(' File size:', content.length, 'characters');
|
||||||
} else {
|
} else {
|
||||||
console.log('❌ Test markdown file not found');
|
console.log('❌ Test markdown file not found');
|
||||||
}
|
}
|
||||||
|
|
||||||
// Test 3: Check marked library
|
// Test 3: Check marked library
|
||||||
console.log('\n3. Testing marked library...');
|
console.log('\n3. Testing marked library...');
|
||||||
try {
|
try {
|
||||||
const marked = require('marked');
|
const marked = require('marked');
|
||||||
const testMarkdown = '# Test\nThis is a **test** markdown.';
|
const testMarkdown = '# Test\nThis is a **test** markdown.';
|
||||||
const html = marked.parse(testMarkdown);
|
const html = marked.parse(testMarkdown);
|
||||||
console.log('✅ Marked library working');
|
console.log('✅ Marked library working');
|
||||||
console.log(' Sample output:', html.substring(0, 50) + '...');
|
console.log(' Sample output:', html.substring(0, 50) + '...');
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log('❌ Marked library error:', error.message);
|
console.log('❌ Marked library error:', error.message);
|
||||||
}
|
}
|
||||||
|
|
||||||
console.log('\n✅ Export functionality test completed!');
|
console.log('\n✅ Export functionality test completed!');
|
||||||
console.log('\nHow to test exports:');
|
console.log('\nHow to test exports:');
|
||||||
console.log('1. Open the application');
|
console.log('1. Open the application');
|
||||||
console.log('2. Open test-export.md file');
|
console.log('2. Open test-export.md file');
|
||||||
console.log('3. Try exporting to HTML (should work without Pandoc)');
|
console.log('3. Try exporting to HTML (should work without Pandoc)');
|
||||||
console.log('4. Try exporting to PDF (should work without Pandoc)');
|
console.log('4. Try exporting to PDF (should work without Pandoc)');
|
||||||
console.log('5. Try exporting to DOCX (requires Pandoc)');
|
console.log('5. Try exporting to DOCX (requires Pandoc)');
|
||||||
@@ -1,26 +1,26 @@
|
|||||||
# Test Document
|
# Test Document
|
||||||
|
|
||||||
This is a test markdown document for export testing.
|
This is a test markdown document for export testing.
|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
- **Bold text**
|
- **Bold text**
|
||||||
- *Italic text*
|
- *Italic text*
|
||||||
- [Links](https://example.com)
|
- [Links](https://example.com)
|
||||||
|
|
||||||
## Code Example
|
## Code Example
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
function hello() {
|
function hello() {
|
||||||
console.log("Hello World!");
|
console.log("Hello World!");
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
## Table
|
## Table
|
||||||
|
|
||||||
| Column 1 | Column 2 | Column 3 |
|
| Column 1 | Column 2 | Column 3 |
|
||||||
|----------|----------|----------|
|
|----------|----------|----------|
|
||||||
| Value 1 | Value 2 | Value 3 |
|
| Value 1 | Value 2 | Value 3 |
|
||||||
| Value 4 | Value 5 | Value 6 |
|
| Value 4 | Value 5 | Value 6 |
|
||||||
|
|
||||||
This is a test document to verify export functionality.
|
This is a test document to verify export functionality.
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
# 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!
|
|
||||||
@@ -1,23 +1,23 @@
|
|||||||
# Test Document
|
# Test Document
|
||||||
|
|
||||||
This is a **test** markdown document.
|
This is a **test** markdown document.
|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
- Item 1
|
- Item 1
|
||||||
- Item 2
|
- Item 2
|
||||||
- Item 3
|
- Item 3
|
||||||
|
|
||||||
### Code Example
|
### Code Example
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
console.log("Hello World");
|
console.log("Hello World");
|
||||||
```
|
```
|
||||||
|
|
||||||
> Tqweqweqweqweqweqweqeweqweqweqwe
|
> Tqweqweqweqweqweqweqeweqweqweqwe
|
||||||
dfe
|
dfe
|
||||||
|
|
||||||
qwe
|
qwe
|
||||||
qwe
|
qwe
|
||||||
qwe
|
qwe
|
||||||
qwe
|
qwe
|
||||||
@@ -1,121 +0,0 @@
|
|||||||
/**
|
|
||||||
* Tests for Preload Script Security
|
|
||||||
* Verifies that the IPC bridge is properly configured
|
|
||||||
*/
|
|
||||||
|
|
||||||
describe('Preload Security', () => {
|
|
||||||
describe('Allowed Channels', () => {
|
|
||||||
const EXPECTED_SEND_CHANNELS = [
|
|
||||||
'save-file',
|
|
||||||
'save-current-file',
|
|
||||||
'set-current-file',
|
|
||||||
'save-recent-files',
|
|
||||||
'clear-recent-files',
|
|
||||||
'renderer-ready',
|
|
||||||
'get-theme',
|
|
||||||
'do-print',
|
|
||||||
'export-with-options',
|
|
||||||
'export-spreadsheet',
|
|
||||||
'batch-convert',
|
|
||||||
'select-folder',
|
|
||||||
'universal-convert',
|
|
||||||
'universal-convert-batch',
|
|
||||||
'get-header-footer-settings',
|
|
||||||
'save-header-footer-settings',
|
|
||||||
'browse-header-footer-logo',
|
|
||||||
'save-header-footer-logo',
|
|
||||||
'clear-header-footer-logo',
|
|
||||||
'get-page-settings',
|
|
||||||
'update-page-settings',
|
|
||||||
'set-custom-start-page',
|
|
||||||
'process-pdf-operation',
|
|
||||||
'get-pdf-page-count',
|
|
||||||
'select-pdf-folder'
|
|
||||||
];
|
|
||||||
|
|
||||||
const EXPECTED_RECEIVE_CHANNELS = [
|
|
||||||
'file-new',
|
|
||||||
'file-opened',
|
|
||||||
'file-save',
|
|
||||||
'get-content-for-save',
|
|
||||||
'get-content-for-spreadsheet',
|
|
||||||
'recent-files-cleared',
|
|
||||||
'toggle-preview',
|
|
||||||
'toggle-find',
|
|
||||||
'theme-changed',
|
|
||||||
'theme-data',
|
|
||||||
'undo',
|
|
||||||
'redo',
|
|
||||||
'adjust-font-size',
|
|
||||||
'print-preview',
|
|
||||||
'print-preview-styled',
|
|
||||||
'show-export-dialog',
|
|
||||||
'show-batch-dialog',
|
|
||||||
'show-universal-converter-dialog',
|
|
||||||
'show-table-generator',
|
|
||||||
'show-pdf-editor-dialog',
|
|
||||||
'conversion-status',
|
|
||||||
'conversion-complete',
|
|
||||||
'batch-progress',
|
|
||||||
'folder-selected',
|
|
||||||
'pdf-folder-selected',
|
|
||||||
'header-footer-settings-data',
|
|
||||||
'header-footer-logo-selected',
|
|
||||||
'header-footer-logo-saved',
|
|
||||||
'page-settings-data',
|
|
||||||
'pdf-page-count',
|
|
||||||
'pdf-operation-complete',
|
|
||||||
'pdf-operation-error'
|
|
||||||
];
|
|
||||||
|
|
||||||
test('should define all expected send channels', () => {
|
|
||||||
// This test documents expected channels
|
|
||||||
expect(EXPECTED_SEND_CHANNELS.length).toBeGreaterThan(0);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('should define all expected receive channels', () => {
|
|
||||||
// This test documents expected channels
|
|
||||||
expect(EXPECTED_RECEIVE_CHANNELS.length).toBeGreaterThan(0);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('electronAPI Interface', () => {
|
|
||||||
test('should expose send method', () => {
|
|
||||||
expect(window.electronAPI.send).toBeDefined();
|
|
||||||
expect(typeof window.electronAPI.send).toBe('function');
|
|
||||||
});
|
|
||||||
|
|
||||||
test('should expose on method', () => {
|
|
||||||
expect(window.electronAPI.on).toBeDefined();
|
|
||||||
expect(typeof window.electronAPI.on).toBe('function');
|
|
||||||
});
|
|
||||||
|
|
||||||
test('should expose once method', () => {
|
|
||||||
expect(window.electronAPI.once).toBeDefined();
|
|
||||||
expect(typeof window.electronAPI.once).toBe('function');
|
|
||||||
});
|
|
||||||
|
|
||||||
test('should expose invoke method', () => {
|
|
||||||
expect(window.electronAPI.invoke).toBeDefined();
|
|
||||||
expect(typeof window.electronAPI.invoke).toBe('function');
|
|
||||||
});
|
|
||||||
|
|
||||||
test('should expose file convenience methods', () => {
|
|
||||||
expect(window.electronAPI.file).toBeDefined();
|
|
||||||
expect(window.electronAPI.file.save).toBeDefined();
|
|
||||||
expect(window.electronAPI.file.saveCurrent).toBeDefined();
|
|
||||||
expect(window.electronAPI.file.setCurrent).toBeDefined();
|
|
||||||
});
|
|
||||||
|
|
||||||
test('should expose theme convenience methods', () => {
|
|
||||||
expect(window.electronAPI.theme).toBeDefined();
|
|
||||||
expect(window.electronAPI.theme.get).toBeDefined();
|
|
||||||
});
|
|
||||||
|
|
||||||
test('should expose pdf convenience methods', () => {
|
|
||||||
expect(window.electronAPI.pdf).toBeDefined();
|
|
||||||
expect(window.electronAPI.pdf.processOperation).toBeDefined();
|
|
||||||
expect(window.electronAPI.pdf.getPageCount).toBeDefined();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,100 +0,0 @@
|
|||||||
/**
|
|
||||||
* Jest Test Setup
|
|
||||||
* Provides mocks and utilities for PanConverter tests
|
|
||||||
*/
|
|
||||||
|
|
||||||
// Mock window.electronAPI for renderer tests
|
|
||||||
global.window = global.window || {};
|
|
||||||
global.window.electronAPI = {
|
|
||||||
send: jest.fn(),
|
|
||||||
on: jest.fn(() => jest.fn()), // Returns cleanup function
|
|
||||||
once: jest.fn(),
|
|
||||||
invoke: jest.fn(() => Promise.resolve(null)),
|
|
||||||
removeAllListeners: jest.fn(),
|
|
||||||
file: {
|
|
||||||
save: jest.fn(),
|
|
||||||
saveCurrent: jest.fn(),
|
|
||||||
setCurrent: jest.fn(),
|
|
||||||
saveRecent: jest.fn(),
|
|
||||||
clearRecent: jest.fn(),
|
|
||||||
rendererReady: jest.fn()
|
|
||||||
},
|
|
||||||
theme: {
|
|
||||||
get: jest.fn()
|
|
||||||
},
|
|
||||||
print: {
|
|
||||||
doPrint: jest.fn()
|
|
||||||
},
|
|
||||||
export: {
|
|
||||||
withOptions: jest.fn(),
|
|
||||||
spreadsheet: jest.fn()
|
|
||||||
},
|
|
||||||
batch: {
|
|
||||||
convert: jest.fn(),
|
|
||||||
selectFolder: jest.fn()
|
|
||||||
},
|
|
||||||
converter: {
|
|
||||||
convert: jest.fn(),
|
|
||||||
convertBatch: jest.fn()
|
|
||||||
},
|
|
||||||
headerFooter: {
|
|
||||||
getSettings: jest.fn(),
|
|
||||||
saveSettings: jest.fn(),
|
|
||||||
browseLogo: jest.fn(),
|
|
||||||
saveLogo: jest.fn(),
|
|
||||||
clearLogo: jest.fn()
|
|
||||||
},
|
|
||||||
page: {
|
|
||||||
getSettings: jest.fn(),
|
|
||||||
updateSettings: jest.fn(),
|
|
||||||
setCustomStartPage: jest.fn()
|
|
||||||
},
|
|
||||||
pdf: {
|
|
||||||
processOperation: jest.fn(),
|
|
||||||
getPageCount: jest.fn(),
|
|
||||||
selectFolder: jest.fn()
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// Mock marked library
|
|
||||||
global.window.marked = {
|
|
||||||
parse: jest.fn((text) => `<p>${text}</p>`),
|
|
||||||
setOptions: jest.fn()
|
|
||||||
};
|
|
||||||
|
|
||||||
// Mock DOMPurify
|
|
||||||
global.window.DOMPurify = {
|
|
||||||
sanitize: jest.fn((html) => html)
|
|
||||||
};
|
|
||||||
|
|
||||||
// Mock highlight.js
|
|
||||||
global.window.hljs = {
|
|
||||||
highlight: jest.fn((code, options) => ({ value: code })),
|
|
||||||
highlightAuto: jest.fn((code) => ({ value: code })),
|
|
||||||
getLanguage: jest.fn(() => true)
|
|
||||||
};
|
|
||||||
|
|
||||||
// Mock localStorage
|
|
||||||
const localStorageMock = {
|
|
||||||
getItem: jest.fn(),
|
|
||||||
setItem: jest.fn(),
|
|
||||||
removeItem: jest.fn(),
|
|
||||||
clear: jest.fn()
|
|
||||||
};
|
|
||||||
global.localStorage = localStorageMock;
|
|
||||||
|
|
||||||
// Console spy to catch unintended console logs in tests
|
|
||||||
const originalConsoleError = console.error;
|
|
||||||
console.error = (...args) => {
|
|
||||||
// Allow certain expected errors
|
|
||||||
const message = args[0]?.toString() || '';
|
|
||||||
if (message.includes('Warning:') || message.includes('React')) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
originalConsoleError.apply(console, args);
|
|
||||||
};
|
|
||||||
|
|
||||||
// Cleanup after each test
|
|
||||||
afterEach(() => {
|
|
||||||
jest.clearAllMocks();
|
|
||||||
});
|
|
||||||
@@ -1,137 +0,0 @@
|
|||||||
/**
|
|
||||||
* Tests for Utility Functions
|
|
||||||
* Tests helper functions that can be extracted and tested
|
|
||||||
*/
|
|
||||||
|
|
||||||
describe('Utility Functions', () => {
|
|
||||||
describe('parseCommand', () => {
|
|
||||||
// This function parses command strings into command and args
|
|
||||||
function parseCommand(cmdString) {
|
|
||||||
const parts = [];
|
|
||||||
let current = '';
|
|
||||||
let inQuotes = false;
|
|
||||||
let quoteChar = '';
|
|
||||||
|
|
||||||
for (let i = 0; i < cmdString.length; i++) {
|
|
||||||
const char = cmdString[i];
|
|
||||||
if ((char === '"' || char === "'") && !inQuotes) {
|
|
||||||
inQuotes = true;
|
|
||||||
quoteChar = char;
|
|
||||||
} else if (char === quoteChar && inQuotes) {
|
|
||||||
inQuotes = false;
|
|
||||||
quoteChar = '';
|
|
||||||
} else if (char === ' ' && !inQuotes) {
|
|
||||||
if (current) {
|
|
||||||
parts.push(current);
|
|
||||||
current = '';
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
current += char;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (current) {
|
|
||||||
parts.push(current);
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
command: parts[0],
|
|
||||||
args: parts.slice(1)
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
test('should parse simple command', () => {
|
|
||||||
const result = parseCommand('pandoc input.md -o output.pdf');
|
|
||||||
expect(result.command).toBe('pandoc');
|
|
||||||
expect(result.args).toEqual(['input.md', '-o', 'output.pdf']);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('should handle double-quoted paths', () => {
|
|
||||||
const result = parseCommand('pandoc "C:/path with spaces/file.md" -o output.pdf');
|
|
||||||
expect(result.command).toBe('pandoc');
|
|
||||||
expect(result.args).toEqual(['C:/path with spaces/file.md', '-o', 'output.pdf']);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('should handle single-quoted paths', () => {
|
|
||||||
const result = parseCommand("pandoc 'file name.md' -o output.pdf");
|
|
||||||
expect(result.command).toBe('pandoc');
|
|
||||||
expect(result.args).toEqual(['file name.md', '-o', 'output.pdf']);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('should handle multiple options', () => {
|
|
||||||
const result = parseCommand('pandoc input.md --pdf-engine=xelatex -V geometry:margin=1in -o output.pdf');
|
|
||||||
expect(result.command).toBe('pandoc');
|
|
||||||
expect(result.args).toContain('--pdf-engine=xelatex');
|
|
||||||
expect(result.args).toContain('-V');
|
|
||||||
});
|
|
||||||
|
|
||||||
test('should handle empty command', () => {
|
|
||||||
const result = parseCommand('');
|
|
||||||
expect(result.command).toBeUndefined();
|
|
||||||
expect(result.args).toEqual([]);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('hexToRgb', () => {
|
|
||||||
// This function converts hex colors to RGB
|
|
||||||
function hexToRgb(hex) {
|
|
||||||
const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
|
|
||||||
return result ? {
|
|
||||||
r: parseInt(result[1], 16) / 255,
|
|
||||||
g: parseInt(result[2], 16) / 255,
|
|
||||||
b: parseInt(result[3], 16) / 255
|
|
||||||
} : null;
|
|
||||||
}
|
|
||||||
|
|
||||||
test('should convert black hex to RGB', () => {
|
|
||||||
const result = hexToRgb('#000000');
|
|
||||||
expect(result).toEqual({ r: 0, g: 0, b: 0 });
|
|
||||||
});
|
|
||||||
|
|
||||||
test('should convert white hex to RGB', () => {
|
|
||||||
const result = hexToRgb('#ffffff');
|
|
||||||
expect(result).toEqual({ r: 1, g: 1, b: 1 });
|
|
||||||
});
|
|
||||||
|
|
||||||
test('should convert red hex to RGB', () => {
|
|
||||||
const result = hexToRgb('#ff0000');
|
|
||||||
expect(result.r).toBeCloseTo(1);
|
|
||||||
expect(result.g).toBeCloseTo(0);
|
|
||||||
expect(result.b).toBeCloseTo(0);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('should handle hex without hash', () => {
|
|
||||||
const result = hexToRgb('00ff00');
|
|
||||||
expect(result.r).toBeCloseTo(0);
|
|
||||||
expect(result.g).toBeCloseTo(1);
|
|
||||||
expect(result.b).toBeCloseTo(0);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('should return null for invalid hex', () => {
|
|
||||||
expect(hexToRgb('invalid')).toBeNull();
|
|
||||||
expect(hexToRgb('#xyz')).toBeNull();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('File Path Utilities', () => {
|
|
||||||
test('should extract file extension', () => {
|
|
||||||
const getExtension = (filepath) => {
|
|
||||||
const match = filepath.match(/\.([^/.]+)$/);
|
|
||||||
return match ? match[1].toLowerCase() : '';
|
|
||||||
};
|
|
||||||
|
|
||||||
expect(getExtension('file.md')).toBe('md');
|
|
||||||
expect(getExtension('document.PDF')).toBe('pdf');
|
|
||||||
expect(getExtension('path/to/file.docx')).toBe('docx');
|
|
||||||
expect(getExtension('noextension')).toBe('');
|
|
||||||
});
|
|
||||||
|
|
||||||
test('should replace file extension', () => {
|
|
||||||
const replaceExtension = (filepath, newExt) => {
|
|
||||||
return filepath.replace(/\.[^/.]+$/, `.${newExt}`);
|
|
||||||
};
|
|
||||||
|
|
||||||
expect(replaceExtension('file.md', 'pdf')).toBe('file.pdf');
|
|
||||||
expect(replaceExtension('path/to/doc.docx', 'html')).toBe('path/to/doc.html');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||