mirror of
https://github.com/amitwh/markdown-converter.git
synced 2026-08-02 18:10:18 +05:30
Compare commits
8
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
  amitwhandClaude Opus 4.7
|
3c5642b15d | ||
|
amitwhandClaude Opus 4.7
|
337a6d67a0 | ||
|
amitwhandClaude Opus 4.7
|
e5eb1e151a | ||
|
amitwhandClaude Opus 4.7
|
d58a4349b6 | ||
|
amitwhandClaude Opus 4.7
|
0eadd283e4 | ||
|
amitwh
|
046d31e9f0 | ||
|
amitwhandClaude Opus 4.7
|
004af5575b | ||
|
amitwh
|
8e6ff466e1 |
Binary file not shown.
|
Before Width: | Height: | Size: 361 KiB |
@@ -1,20 +0,0 @@
|
||||
{
|
||||
"$schema": "https://ui.shadcn.com/schema.json",
|
||||
"style": "new-york",
|
||||
"rsc": false,
|
||||
"tsx": true,
|
||||
"tailwind": {
|
||||
"config": "tailwind.config.js",
|
||||
"css": "src/renderer/styles/globals.css",
|
||||
"baseColor": "neutral",
|
||||
"cssVariables": true,
|
||||
"prefix": ""
|
||||
},
|
||||
"aliases": {
|
||||
"components": "@/components",
|
||||
"ui": "@/components/ui",
|
||||
"lib": "@/lib",
|
||||
"hooks": "@/hooks"
|
||||
},
|
||||
"iconLibrary": "lucide"
|
||||
}
|
||||
@@ -0,0 +1,96 @@
|
||||
# Building MarkdownConverter with Tauri 2.x
|
||||
|
||||
## Prerequisites
|
||||
|
||||
1. **Node.js 18+** and npm
|
||||
2. **Rust 1.75+** — install via [rustup](https://rustup.rs/)
|
||||
|
||||
```bash
|
||||
# Install Rust
|
||||
winget install Rust.Rustup # Windows
|
||||
# OR
|
||||
curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh # macOS/Linux
|
||||
|
||||
# Set stable as default
|
||||
rustup default stable
|
||||
|
||||
# Install Tauri CLI (alternative to npm package)
|
||||
cargo install tauri-cli --locked
|
||||
```
|
||||
|
||||
## Development
|
||||
|
||||
```bash
|
||||
# Install dependencies
|
||||
npm install
|
||||
|
||||
# Run frontend dev server
|
||||
npm run dev
|
||||
|
||||
# In another terminal, run Tauri dev
|
||||
npm run tauri:dev
|
||||
|
||||
# Or use Tauri CLI directly (if installed globally via cargo)
|
||||
cargo tauri dev
|
||||
```
|
||||
|
||||
## Production Build
|
||||
|
||||
```bash
|
||||
# Build the frontend first
|
||||
npm run build:frontend
|
||||
|
||||
# Then build Tauri app
|
||||
npm run tauri:build
|
||||
|
||||
# Output:
|
||||
# Windows: src-tauri/target/release/markdown-converter.exe
|
||||
# Installer: dist/MarkdownConverter-Setup-4.3.0.exe
|
||||
```
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
### Rust not found
|
||||
Ensure Rust is in PATH: `rustc --version`
|
||||
|
||||
### WebView2 not installed (Windows)
|
||||
Download from https://developer.microsoft.com/en-us/microsoft-edge/webview2/
|
||||
|
||||
### pandoc not found
|
||||
Pandoc must be installed and in PATH. Download from https://pandoc.org/installing.html
|
||||
|
||||
## File Structure
|
||||
|
||||
```
|
||||
src-tauri/
|
||||
src/
|
||||
main.rs # Binary entry point
|
||||
lib.rs # Tauri app setup + command registration
|
||||
commands/ # Rust commands (file, git, pdf, export, etc.)
|
||||
menu.rs # Native menu
|
||||
tray.rs # System tray
|
||||
pdf_ops.rs # PDF processing
|
||||
plugin_manager.rs
|
||||
error.rs
|
||||
Cargo.toml
|
||||
tauri.conf.json
|
||||
capabilities/default.json
|
||||
icons/
|
||||
src/
|
||||
renderer.js # Main renderer (updated for Tauri invoke/listen)
|
||||
tauri-commands.js # Tauri command bridge
|
||||
index.html # Main HTML (copied to dist/index.html)
|
||||
dist/
|
||||
index.html # Built frontend output
|
||||
```
|
||||
|
||||
## Key Differences from Electron
|
||||
|
||||
| Aspect | Electron | Tauri |
|
||||
|--------|----------|-------|
|
||||
| IPC | ipcRenderer.invoke() | invoke() from @tauri-apps/api |
|
||||
| Events | ipcRenderer.on() | listen() from @tauri-apps/api |
|
||||
| File access | Node.js fs module | Rust std::fs or tauri-plugin-fs |
|
||||
| Native menus | Electron Menu API | tauri menu API |
|
||||
| Settings | electron-store | tauri-plugin-store |
|
||||
| Binary size | ~150MB | ~10MB |
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,361 +0,0 @@
|
||||
# MarkdownConverter — React + shadcn/ui UI Redesign
|
||||
|
||||
**Date:** 2026-06-05
|
||||
**Status:** Design (awaiting user approval)
|
||||
**Branch:** `react-electron`
|
||||
**Author:** Brainstormed with user via superpowers:brainstorming
|
||||
|
||||
## Summary
|
||||
|
||||
Replace the legacy vanilla JS renderer (`src/renderer.js` is 213 KB; `src/styles.css` is 74 KB) with a modern React 19 + Vite + TypeScript + shadcn/ui renderer that achieves visual feature parity while delivering a Polished + Glassy (Raycast/Arc-style) aesthetic. The Electron main process, preload bridge, and IPC contracts stay unchanged. Work proceeds via vertical slices — each PR ships a demoable feature.
|
||||
|
||||
## Goals
|
||||
|
||||
1. Replace every render-time feature of the legacy renderer with an idiomatic React + shadcn/ui implementation.
|
||||
2. Adopt the "Polished + Glassy" visual language (subtle shadows, 8–12 px radii, gradient accents, gentle depth) on top of the existing ConcreteInfo brand tokens and design system.
|
||||
3. Use a single component foundation (shadcn/ui) and a single motion library (Motion / Framer Motion) to keep the dependency surface narrow and the design coherent.
|
||||
4. Keep the main process, preload, and IPC contracts untouched. The renderer is the only surface being rewritten.
|
||||
5. Keep the app runnable at every commit. No "big bang" merge.
|
||||
|
||||
## Non-Goals
|
||||
|
||||
- Migrating the main process to TypeScript (out of scope for this spec).
|
||||
- Adding new features the legacy renderer does not have (plugin system, AI features, etc. — those are future specs).
|
||||
- Replacing Pandoc/FFmpeg/ImageMagick orchestration.
|
||||
- Changing the packaging pipeline (electron-builder config stays).
|
||||
- Replacing the CodeMirror 6 editor — it is the right tool and is already wired up.
|
||||
|
||||
## Decisions Locked During Brainstorming
|
||||
|
||||
| Decision | Choice | Why |
|
||||
|---|---|---|
|
||||
| Scope | Full feature parity with legacy renderer | User-selected option. Renderer is one cohesive surface; splitting it across specs would force premature contracts. |
|
||||
| Visual style | **B — Polished + Glassy** (Raycast/Arc aesthetic) | "Fancy" comes from elevation, gradient accents, and material depth — not over-designed visuals. |
|
||||
| Layout | **2 — IDE-style** (equal editor/preview, draggable divider, collapsible sidebar) | Power-user markdown apps converge on this. Draggable divider + keyboard reset. |
|
||||
| Modal patterns | **A (Centered Dialog), B (Right Side-Sheet), D (Toasts)** | No command palette. |
|
||||
| Command palette | **No** — full menus, no ⌘K | Power users can use the OS-level launcher. App stays focused on writing. |
|
||||
| Animation | **Motion (Framer Motion)** | Best for layout transitions, modal/drawer enter/exit, drag. Sparingly used. |
|
||||
| Component library | **shadcn/ui** | Tailwind + Radix primitives, copy-paste ownership, perfect fit for the "glassy" aesthetic and the HSL-CSS-variable foundation that is already in place. |
|
||||
| Implementation strategy | **Vertical slices** — one feature end-to-end per PR | App stays runnable. Each PR is reviewable. |
|
||||
|
||||
## Defaults (Used Unless Overridden Later)
|
||||
|
||||
| Item | Default | Why |
|
||||
|---|---|---|
|
||||
| State management | Zustand (already in deps) + Immer for nested patches | Already in `package.json`; perfect for editor state. |
|
||||
| Theming | shadcn `next-themes`, dark default + light, system-aware | shadcn canonical pattern. Brand colors already in CSS vars. |
|
||||
| Icons | `lucide-react` (already in deps) | 1000+ tree-shakable icons. |
|
||||
| Forms | `react-hook-form` + `zod` | Standard for shadcn forms. |
|
||||
| Drag/drop (sortable lists) | `@dnd-kit/core` | De facto React drag lib (file tree reordering, plugin list reorder). |
|
||||
| Pane resize (split layout) | `react-resizable-panels` | Canonical React lib for resizable pane groups; handles drag, arrow keys, snap, persisted sizes. |
|
||||
| Testing | Vitest + RTL + Playwright (E2E + visual regression) | Standard for React + Electron. |
|
||||
| TypeScript | Strict mode (already wired) | Already in deps and `vite.renderer.config.ts`. |
|
||||
|
||||
## Architecture
|
||||
|
||||
The Electron app keeps its existing process model. Only the renderer is rewritten.
|
||||
|
||||
```
|
||||
┌──────────────────────────────────────────────────────────┐
|
||||
│ Electron Main (UNCHANGED) │
|
||||
│ - BrowserWindow, IPC handlers, file/fs ops │
|
||||
│ - Pandoc, FFmpeg, ImageMagick orchestration │
|
||||
└────────────┬─────────────────────────────────────────────┘
|
||||
│ contextBridge (UNCHANGED preload.js)
|
||||
┌────────────▼─────────────────────────────────────────────┐
|
||||
│ React Renderer (REWRITTEN) │
|
||||
│ ┌────────────────────────────────────────────────────┐ │
|
||||
│ │ AppShell (layout) │ │
|
||||
│ │ ├─ MenuBar (native) │ │
|
||||
│ │ ├─ AppHeader (logo, breadcrumbs, theme toggle) │ │
|
||||
│ │ ├─ TabBar (open files) │ │
|
||||
│ │ ├─ Toolbar (formatting) │ │
|
||||
│ │ ├─ ResizablePaneGroup (sidebar | editor | preview) │ │
|
||||
│ │ │ ├─ Sidebar (file tree, outline) │ │
|
||||
│ │ │ ├─ EditorPane (CodeMirror 6) │ │
|
||||
│ │ │ └─ PreviewPane (marked + KaTeX + Mermaid) │ │
|
||||
│ │ ├─ StatusBar (word count, encoding, cursor pos) │ │
|
||||
│ │ └─ ModalLayer (Dialog, SideSheet, Toaster) │ │
|
||||
│ └────────────────────────────────────────────────────┘ │
|
||||
│ ┌────────────────────────────────────────────────────┐ │
|
||||
│ │ Feature Modules (each owns UI + state slice) │ │
|
||||
│ │ ├─ editor/ CodeMirror wrapper, syntax, themes │ │
|
||||
│ │ ├─ preview/ markdown→html, KaTeX, Mermaid │ │
|
||||
│ │ ├─ tabs/ open files, dirty state │ │
|
||||
│ │ ├─ sidebar/ file tree, outline, search results │ │
|
||||
│ │ ├─ modals/ export, settings, about, etc. │ │
|
||||
│ │ ├─ tools/ zen, repl, ascii-gen, table-gen │ │
|
||||
│ │ └─ export/ pdf, docx, html, image batch │ │
|
||||
│ └────────────────────────────────────────────────────┘ │
|
||||
│ ┌────────────────────────────────────────────────────┐ │
|
||||
│ │ Shared Infrastructure │ │
|
||||
│ │ ├─ stores/ Zustand slices per feature │ │
|
||||
│ │ ├─ hooks/ useFile, useEditor, useTheme, etc. │ │
|
||||
│ │ ├─ lib/ cn, ipc, formatters, validators │ │
|
||||
│ │ ├─ ui/ shadcn primitives: button, dialog… │ │
|
||||
│ │ └─ types/ shared TS types │ │
|
||||
│ └────────────────────────────────────────────────────┘ │
|
||||
└──────────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### Architectural Rules
|
||||
|
||||
- **Shell components** (`AppHeader`, `TabBar`, `StatusBar`) subscribe only to `useAppStore`.
|
||||
- **Feature components** subscribe to their own feature's store.
|
||||
- **Cross-feature access** goes through hooks, not direct store imports (e.g., `useFileTree()` wraps `useFileStore`).
|
||||
- **Feature modules are self-contained** — each owns its components, its Zustand slice, and its types. Safe to develop in parallel later.
|
||||
- **No direct `window.electronAPI` calls** from feature code. All IPC goes through `lib/ipc.ts` for type safety and error normalization.
|
||||
|
||||
## State Management
|
||||
|
||||
```
|
||||
stores/
|
||||
├─ useAppStore // global UI: theme, sidebar, pane sizes, modals open
|
||||
├─ useFileStore // file system: tree, open files, active tab
|
||||
├─ useEditorStore // editor: per-file content, cursor, selection, dirty
|
||||
├─ usePreviewStore // preview: scroll sync, zoom, theme
|
||||
├─ useSettingsStore // user prefs (persisted to electron-store)
|
||||
└─ useCommandStore // menu actions registry, recent actions
|
||||
```
|
||||
|
||||
**Why slices instead of one mega-store?** Editor content can be megabytes. Keeping it in its own slice lets React avoid re-rendering the preview when only the editor changes — components subscribe with selectors.
|
||||
|
||||
**Persistent state** (auto-saved to electron-store via Zustand `persist` middleware): theme, sidebar visibility, last open files, pane divider positions, settings.
|
||||
|
||||
**Ephemeral state** (lost on quit): active modal, hover states, search query, current file content (saved to disk on idle).
|
||||
|
||||
## Visual Design System
|
||||
|
||||
### Color Tokens
|
||||
|
||||
The existing `globals.css` HSL variables stay. Additions for the "glassy" aesthetic:
|
||||
|
||||
```css
|
||||
--shadow-sm: 0 1px 2px rgba(13, 11, 9, 0.06);
|
||||
--shadow-md: 0 4px 12px rgba(13, 11, 9, 0.08), 0 0 0 1px rgba(13, 11, 9, 0.04);
|
||||
--shadow-lg: 0 12px 32px rgba(13, 11, 9, 0.12), 0 0 0 1px rgba(13, 11, 9, 0.06);
|
||||
--shadow-glow-brand: 0 0 24px rgba(229, 70, 31, 0.25);
|
||||
|
||||
--glass-bg-light: rgba(255, 255, 255, 0.72);
|
||||
--glass-bg-dark: rgba(13, 11, 9, 0.72);
|
||||
--glass-border-light: rgba(255, 255, 255, 0.4);
|
||||
--glass-border-dark: rgba(255, 255, 255, 0.08);
|
||||
```
|
||||
|
||||
### shadcn Components
|
||||
|
||||
Install via `npx shadcn@latest add`:
|
||||
|
||||
**Primitives** (need all of these): `button`, `dialog`, `sheet`, `popover`, `tooltip`, `select`, `dropdown-menu`, `tabs`, `separator`, `scroll-area`, `toggle`, `switch`, `slider`, `input`, `textarea`, `label`, `form`, `skeleton`, `sonner`, `command`.
|
||||
|
||||
**Composite** (custom-built on top of primitives): `file-tree`, `pane-group`, `divider`, `status-bar`, `menu-bar`, `toast`.
|
||||
|
||||
### Typography
|
||||
|
||||
- Body: Plus Jakarta Sans 15 px / line-height 1.6
|
||||
- Code: JetBrains Mono 13.5 px
|
||||
- Display: Barlow Condensed 700/800 — used sparingly (page titles, big metrics)
|
||||
- Headings: Plus Jakarta Sans 600/700 with tight letter-spacing
|
||||
- Labels (`.label`): Plus Jakarta Sans 500, 12 px, uppercase, 0.05 em letter-spacing
|
||||
|
||||
### Motion Choreography
|
||||
|
||||
| Element | Motion | Duration | Easing |
|
||||
|---|---|---|---|
|
||||
| Modal (Dialog A) | Scale 0.96→1, opacity 0→1 | 200 ms | `ease-out` |
|
||||
| Side sheet (B) | TranslateX 100%→0, opacity 0→1 | 300 ms | `cubic-bezier(0.16, 1, 0.3, 1)` |
|
||||
| Toast | TranslateY 100%→0, opacity | 250 ms | spring(stiffness: 300, damping: 30) |
|
||||
| Sidebar toggle | Width 264 px↔72 px, content fade | 250 ms | `ease-in-out` |
|
||||
| Divider drag | Live width update | 0 ms | none (instant) |
|
||||
| Theme switch | CSS variables, opacity overlay | 300 ms | `ease-in-out` |
|
||||
| Tab switch | Underline slide | 200 ms | `ease-out` |
|
||||
| Hover (buttons) | `bg` + `shadow` shift | 150 ms | `ease-out` |
|
||||
| Focus ring | Outline grow | 100 ms | `ease-out` |
|
||||
|
||||
**Rules:** Every motion has a purpose. No gratuitous animation. Respects `prefers-reduced-motion` (Motion handles this automatically).
|
||||
|
||||
### Empty / Loading / Error States
|
||||
|
||||
Every async surface ships all three. Sonner toasts for ephemeral feedback. Skeleton screens for content areas. Empty-state components with icon + message + primary CTA.
|
||||
|
||||
## Modal/Overlay Patterns
|
||||
|
||||
| Use case | Pattern | Why |
|
||||
|---|---|---|
|
||||
| Export (PDF/DOCX/HTML) | A — Centered Dialog | Focused decision, ~3–5 fields, "do one thing" |
|
||||
| Settings | B — Right Side-Sheet | Long form, tabbed sections, stays open while editing |
|
||||
| Find/Replace | Inline toolbar (not modal) | Always-visible utility |
|
||||
| About | A — Centered Dialog | Tiny info dump |
|
||||
| Confirm destructive (delete, close unsaved) | A — Centered Dialog | Forces attention |
|
||||
| File save error | D — Toast | Non-blocking info |
|
||||
| Pandoc/FFmpeg progress | D — Toast → sticky on >3 s | Background work feedback |
|
||||
| Plugin manager | B — Right Side-Sheet | Lists + per-item actions |
|
||||
| ASCII/Table generators | A — Centered Dialog | Tool-style focused input → output |
|
||||
| Print preview | A — Centered Dialog | Full-screen-ish modal overlay |
|
||||
| Welcome (first launch) | A — Centered Dialog | One-time onboarding |
|
||||
| Word export | A — Centered Dialog | Template selection |
|
||||
| Zen mode | Full-viewport toggle (no modal) | Replaces the editor entirely |
|
||||
| REPL | Bottom-pinned panel (split-pane) | Persistent terminal-like UI |
|
||||
| Quick file open | B — Right Side-Sheet | File tree, search, recent |
|
||||
|
||||
### Dialog A Anatomy (Export as example)
|
||||
|
||||
```
|
||||
┌─ Backdrop (rgba(13,11,9,0.45) + backdrop-blur 4px) ─────────┐
|
||||
│ │
|
||||
│ ┌──── Modal (max-w-md, rounded-2xl, shadow-lg) ─────┐ │
|
||||
│ │ ┌── Header ────────────────────────────────────┐ │ │
|
||||
│ │ │ [Icon] Export as PDF [×] │ │ │
|
||||
│ │ │ Choose format options │ │ │
|
||||
│ │ └─────────────────────────────────────────────┘ │ │
|
||||
│ │ ┌── Body ──────────────────────────────────────┐ │ │
|
||||
│ │ │ Format: [Letter] [A4] [Legal] │ │ │
|
||||
│ │ │ Margins: ────●──── │ │ │
|
||||
│ │ │ ☐ Include table of contents │ │ │
|
||||
│ │ │ ☐ Embed fonts │ │ │
|
||||
│ │ └─────────────────────────────────────────────┘ │ │
|
||||
│ │ ┌── Footer ────────────────────────────────────┐ │ │
|
||||
│ │ │ [Cancel] [Export →] │ │ │
|
||||
│ │ └─────────────────────────────────────────────┘ │ │
|
||||
│ └──────────────────────────────────────────────────┘ │
|
||||
│ │
|
||||
└────────────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### Side-Sheet B Anatomy (Settings as example)
|
||||
|
||||
Slides in from right, ~50 % width (max 560 px). Backdrop is `rgba(13,11,9,0.2)` with `backdrop-blur(2 px)` (lighter than dialog — the sheet is the focus). Tab navigation in the sheet header (Editor / Theme / Export / Plugins / About).
|
||||
|
||||
### Toast D Anatomy (Sonner)
|
||||
|
||||
Stacked bottom-right, max 3 visible. Glass background. Color-coded 3 px left border — success `#1a7a56`, error `#ef4444`, info `#0ea5e9`, warning `#eab308`. Icon + title + description. Optional action button. Auto-dismiss 4 s for success, sticky for error.
|
||||
|
||||
## Data Flow (Editor → Preview Pipeline)
|
||||
|
||||
```
|
||||
User types
|
||||
↓
|
||||
CodeMirror onChange
|
||||
↓
|
||||
useEditorStore.updateContent(tabId, content) ← debounced 50 ms
|
||||
↓
|
||||
┌─ Persist to electron-store on idle (1 s) ─┐
|
||||
│ │
|
||||
└─ Publish to usePreviewStore (subscribed) ─┘
|
||||
↓
|
||||
marked(content) → sanitized HTML
|
||||
↓
|
||||
PreviewPane renders HTML
|
||||
KaTeX post-processes $...$
|
||||
Mermaid post-processes ```mermaid
|
||||
Highlight.js post-processes ```lang
|
||||
↓
|
||||
useEffect: scroll-sync editor cursor → preview position
|
||||
```
|
||||
|
||||
**Bidirectional scroll sync:** editor scroll → preview (primary), preview click → editor cursor (secondary). Throttled to 60 fps via `requestAnimationFrame`.
|
||||
|
||||
## IPC Contract
|
||||
|
||||
The preload bridge stays unchanged. A new `src/renderer/lib/ipc.ts` wraps every channel with TypeScript types and normalizes errors to a discriminated union:
|
||||
|
||||
```ts
|
||||
type IpcResult<T> =
|
||||
| { ok: true; data: T }
|
||||
| { ok: false; error: { code: string; message: string } };
|
||||
|
||||
export const ipc = {
|
||||
file: {
|
||||
open: (): Promise<IpcResult<FileResult>>,
|
||||
read: (path: string): Promise<IpcResult<string>>,
|
||||
write: (path: string, content: string): Promise<IpcResult<void>>,
|
||||
list: (dir: string): Promise<IpcResult<FileEntry[]>>,
|
||||
onChange: (cb: (path: string) => void) => () => void,
|
||||
},
|
||||
export: {
|
||||
pdf: (opts: PdfOptions): Promise<IpcResult<ExportResult>>,
|
||||
docx: (opts: DocxOptions): Promise<IpcResult<ExportResult>>,
|
||||
html: (opts: HtmlOptions): Promise<IpcResult<ExportResult>>,
|
||||
batch: (items: BatchItem[], opts: BatchOptions): Promise<IpcResult<BatchResult>>,
|
||||
},
|
||||
app: {
|
||||
getVersion: (): Promise<IpcResult<string>>,
|
||||
openExternal: (url: string): Promise<IpcResult<void>>,
|
||||
showItemInFolder: (path: string): Promise<IpcResult<void>>,
|
||||
},
|
||||
};
|
||||
```
|
||||
|
||||
## Error Handling
|
||||
|
||||
Layered defense — no single failure can crash the app:
|
||||
|
||||
1. **IPC errors** → caught in `lib/ipc.ts` wrapper, returned as `IpcResult<T>` discriminated union. Components show toast on error.
|
||||
2. **Component errors** → React error boundary per feature area (one for editor, one for preview, one for modals). On error: show inline error UI with "Reload this panel" + "Copy details" actions.
|
||||
3. **Async operations** (export, file ops) → loading state on button + toast on completion. Long ops (>2 s) get a sticky toast with cancel.
|
||||
4. **Validation errors** (settings, export options) → inline form errors via `react-hook-form` + `zod`. shadcn `Form` component for consistent error display.
|
||||
5. **Pandoc/FFmpeg missing** → detected at startup, banner + disable export menu items. Don't surprise-fail at export time.
|
||||
|
||||
## Testing Strategy
|
||||
|
||||
- **Unit (Vitest):** stores, hooks, lib utilities, formatters, validators
|
||||
- **Component (Vitest + RTL):** shadcn wrappers, dialog interactions, sidebar toggle, divider drag, theme toggle
|
||||
- **Integration (Vitest + RTL):** editor ↔ preview flow, file open → tab add → content display, settings change persists
|
||||
- **E2E (Playwright):** app launches, file opens, markdown renders, export to PDF works
|
||||
- **Visual regression (Playwright snapshots):** locked-in screenshots for header, sidebar, dialogs, toasts — catch accidental style drift
|
||||
- **Target coverage:** stores/hooks/lib ≥ 90 %, components ≥ 75 %, E2E covers all critical paths
|
||||
|
||||
## Accessibility (WCAG 2.1 AA)
|
||||
|
||||
Baked in via shadcn + Radix:
|
||||
|
||||
- All dialogs focus-trap, Esc to close, return focus to trigger
|
||||
- All interactive elements keyboard-reachable
|
||||
- Visible focus rings (2 px brand ring)
|
||||
- 4.5:1 contrast minimum (already met by brand colors)
|
||||
- `aria-label` on icon buttons, `role="alert"` on toasts
|
||||
- Respects `prefers-reduced-motion` (Motion handles this automatically)
|
||||
|
||||
## Implementation Phases (Vertical Slices)
|
||||
|
||||
Each phase is a shippable PR that keeps the app runnable. The legacy `renderer.js` is gradually replaced; until each phase is complete, the old renderer code still runs the missing parts.
|
||||
|
||||
| # | Phase | Output | Acceptance |
|
||||
|---|---|---|---|
|
||||
| 1 | **Foundation** | shadcn installed; `next-themes`, `motion`, `react-hook-form`, `zod`, `@dnd-kit/core`, `react-resizable-panels`, `sonner` installed; design tokens finalized; `lib/utils.ts` (`cn`), `lib/ipc.ts` typed wrappers, `lib/motion.ts` preset transitions, `App.tsx` shell skeleton renders | `npm run build` succeeds; dev server shows the new shell with theme toggle working |
|
||||
| 2 | **App shell + layout** | `AppHeader`, `TabBar`, `Toolbar`, `Breadcrumb`, `StatusBar`, `ResizablePaneGroup` with sidebar toggle and draggable divider. Empty editor/preview panes. | Resize divider with mouse and arrow keys; sidebar collapses; pane sizes persist. |
|
||||
| 3 | **Editor pane** | CodeMirror 6 wrapped, dark/light themes wired to shadcn theme, syntax highlighting, line numbers, search, autocomplete | Open `.md` file → renders in editor; can edit and save. |
|
||||
| 4 | **Preview pane** | marked + DOMPurify + KaTeX + Mermaid + highlight.js. Bidirectional scroll sync with editor. | Open file → preview renders, follows cursor. |
|
||||
| 5 | **File tree + tabs** | Sidebar file tree (read directory on demand, lazy-expand children only on click). Tabs for open files. Dirty state indicator. File content is read from disk only when the tab is activated. | Open folder → root populates; click folder → children load; click file → opens in tab; close tab reverts dirty. |
|
||||
| 6 | **Native menus + toolbar** | Replace the legacy `CommandPalette` with full menus (File / Edit / View / Insert / Format / Tools / Help) bound to keyboard shortcuts. Toolbar buttons. | All menu items invoke the right action; shortcuts work; toolbar reflects active state. |
|
||||
| 7 | **Modals** | Export dialog (PDF/DOCX/HTML/batch), Settings side-sheet (Editor/Theme/Export/Plugins/About tabs), About dialog, Confirm-destructive dialog | All dialogs and sheet render with proper motion; settings persist; export works end-to-end. |
|
||||
| 8 | **Toasts** | Sonner wired into all async operations (save, export, errors, tool missing) | All operations give appropriate feedback; no silent failures. |
|
||||
| 9 | **Advanced tools** | Zen mode (full-viewport toggle), REPL (bottom-pinned panel), ASCII generator, Table generator, Word export template picker, Print preview | Each tool is feature-complete vs. legacy version. |
|
||||
| 10 | **Polish + delete legacy** | Visual regression snapshots locked; remove `renderer.js` and old `styles*.css` references from build; `npm run build:linux` produces a working installer | Final PR ships an installer with no legacy code paths. |
|
||||
|
||||
## Risks and Mitigations
|
||||
|
||||
| Risk | Mitigation |
|
||||
|---|---|
|
||||
| shadcn CLI requires Vite (not vanilla Electron renderer) | Vite is already configured for the renderer in `vite.renderer.config.ts`; the CLI works against the same project. |
|
||||
| shadcn CLI assumes Tailwind is at project root; we have it in renderer/ only | Point the CLI at `src/renderer/components.json` and set `tailwind.css` to the right path. |
|
||||
| Marked + KaTeX + Mermaid + highlight.js together is heavy | Lazy-load Mermaid (only when `mermaid` code block encountered). KaTeX is loaded once, cached. |
|
||||
| Editor content state can be megabytes → re-render storms | Editor content lives in its own slice; preview subscribes to a derived/cached HTML string; components use `useShallow` / selector subscriptions. |
|
||||
| Bidirectional scroll sync loops | `useEffect` debounce + ignore if cursor/selection is the sync source. |
|
||||
| CodeMirror 6 doesn't ship a Tailwind theme by default | Use `@codemirror/theme-one-dark` for dark; build a custom theme that pulls from CSS variables for light. |
|
||||
| The legacy `renderer.js` and `styles*.css` are referenced from `index.html` (now `src/renderer/index.html`) | Phase 10 deletes the references; until then, both run side-by-side and the new React app sits in a known root div. |
|
||||
| Electron `nodeIntegration` is off; we use contextBridge | Already the case. Document the contract clearly in `lib/ipc.ts`. |
|
||||
|
||||
## Open Questions (to confirm before implementation)
|
||||
|
||||
None. All major decisions are locked. Defaults will be used unless the user overrides them when reviewing the implementation plan.
|
||||
|
||||
## References
|
||||
|
||||
- `src/renderer.js` (213 KB) — legacy renderer being replaced
|
||||
- `src/styles.css` (74 KB), `src/styles-modern.css` (71 KB), `src/styles-concreteinfo.css` (21 KB) — legacy styles being replaced
|
||||
- `src/renderer/styles/globals.css` — already shadcn-compatible (HSL CSS variables)
|
||||
- `src/renderer/App.tsx` — empty skeleton that references components we will build
|
||||
- `tailwind.config.js` — brand colors and fonts already defined
|
||||
- `vite.renderer.config.ts` — Vite + React plugin already configured
|
||||
- `package.json` — CodeMirror 6, TanStack Table, lucide-react, cva, clsx, tailwind-merge, tailwindcss-animate already installed
|
||||
@@ -75,7 +75,6 @@ module.exports = [
|
||||
jest: 'readonly',
|
||||
describe: 'readonly',
|
||||
test: 'readonly',
|
||||
it: 'readonly',
|
||||
expect: 'readonly',
|
||||
beforeEach: 'readonly',
|
||||
afterEach: 'readonly',
|
||||
|
||||
Generated
+609
-3351
File diff suppressed because it is too large
Load Diff
+14
-53
@@ -1,16 +1,16 @@
|
||||
{
|
||||
"name": "markdown-converter",
|
||||
"version": "4.4.2",
|
||||
"version": "4.3.0",
|
||||
"description": "Professional Markdown editor and universal file converter with PDF editing, batch processing, and syntax highlighting",
|
||||
"main": "src/main.js",
|
||||
"scripts": {
|
||||
"start": "electron .",
|
||||
"dev": "vite",
|
||||
"build:frontend": "vite build",
|
||||
"preview": "vite preview",
|
||||
"test": "jest",
|
||||
"test:watch": "jest --watch",
|
||||
"test:coverage": "jest --coverage",
|
||||
"test:renderer": "vitest run",
|
||||
"test:renderer:watch": "vitest",
|
||||
"test:renderer:coverage": "vitest run --coverage",
|
||||
"lint": "eslint src tests",
|
||||
"lint:fix": "eslint src tests --fix",
|
||||
"format": "prettier --write src tests",
|
||||
@@ -27,7 +27,11 @@
|
||||
"dist": "electron-builder --publish=never",
|
||||
"dist:all": "electron-builder -mwl",
|
||||
"download-tools": "node scripts/download-tools.js",
|
||||
"generate-icons": "node scripts/generate-icons.js"
|
||||
"generate-icons": "node scripts/generate-icons.js",
|
||||
"tauri": "tauri",
|
||||
"tauri:dev": "tauri dev",
|
||||
"tauri:build": "tauri build",
|
||||
"tauri:debug": "tauri build --debug"
|
||||
},
|
||||
"keywords": [
|
||||
"markdown",
|
||||
@@ -46,19 +50,7 @@
|
||||
"url": "https://github.com/amitwh/markdown-converter"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@playwright/test": "^1.60.0",
|
||||
"@testing-library/dom": "^10.4.1",
|
||||
"@testing-library/jest-dom": "^6.9.1",
|
||||
"@testing-library/react": "^16.3.2",
|
||||
"@testing-library/user-event": "^14.6.1",
|
||||
"@types/node": "^25.9.1",
|
||||
"@types/react": "^19.2.16",
|
||||
"@types/react-dom": "^19.2.3",
|
||||
"@vitejs/plugin-react": "^6.0.2",
|
||||
"@vitest/ui": "^4.1.8",
|
||||
"autoprefixer": "^10.5.0",
|
||||
"class-variance-authority": "^0.7.1",
|
||||
"clsx": "^2.1.1",
|
||||
"cross-env": "^10.0.0",
|
||||
"electron": "^41.1.1",
|
||||
"electron-builder": "^26.0.12",
|
||||
@@ -67,17 +59,8 @@
|
||||
"eslint-plugin-prettier": "^5.5.4",
|
||||
"jest": "^30.2.0",
|
||||
"jest-environment-jsdom": "^30.2.0",
|
||||
"jsdom": "^29.1.1",
|
||||
"lucide-react": "^1.17.0",
|
||||
"postcss": "^8.5.15",
|
||||
"prettier": "^3.7.4",
|
||||
"sharp": "^0.34.3",
|
||||
"tailwind-merge": "^3.6.0",
|
||||
"tailwindcss": "^3.4.19",
|
||||
"tailwindcss-animate": "^1.0.7",
|
||||
"typescript": "^6.0.3",
|
||||
"vite": "^8.0.16",
|
||||
"vitest": "^4.1.8"
|
||||
"sharp": "^0.34.3"
|
||||
},
|
||||
"dependencies": {
|
||||
"@codemirror/autocomplete": "^6.20.1",
|
||||
@@ -94,41 +77,25 @@
|
||||
"@codemirror/state": "^6.5.4",
|
||||
"@codemirror/theme-one-dark": "^6.1.3",
|
||||
"@codemirror/view": "^6.39.16",
|
||||
"@dnd-kit/core": "^6.3.1",
|
||||
"@dnd-kit/sortable": "^10.0.0",
|
||||
"@dnd-kit/utilities": "^3.2.2",
|
||||
"@hookform/resolvers": "^5.4.0",
|
||||
"@radix-ui/react-slot": "^1.2.4",
|
||||
"@tanstack/react-table": "^8.21.3",
|
||||
"codemirror": "^6.0.2",
|
||||
"core-util-is": "^1.0.3",
|
||||
"docx": "^9.6.0",
|
||||
"docx4js": "^2.0.1",
|
||||
"docx4js": "^3.3.0",
|
||||
"dompurify": "^3.3.1",
|
||||
"electron-store": "^10.1.0",
|
||||
"ffmpeg-static": "^5.3.0",
|
||||
"highlight.js": "^11.11.1",
|
||||
"html2pdf.js": "^0.14.0",
|
||||
"immer": "^11.1.8",
|
||||
"marked": "^17.0.3",
|
||||
"marked-footnote": "^1.4.0",
|
||||
"marked-highlight": "^2.2.3",
|
||||
"mermaid": "^11.12.3",
|
||||
"motion": "^12.40.0",
|
||||
"next-themes": "^0.4.6",
|
||||
"pdf-lib": "^1.17.1",
|
||||
"pdfjs-dist": "^5.5.207",
|
||||
"pdfkit": "^0.17.2",
|
||||
"pizzip": "^3.2.0",
|
||||
"react": "^19.2.7",
|
||||
"react-dom": "^19.2.7",
|
||||
"react-hook-form": "^7.77.0",
|
||||
"react-resizable-panels": "^4.11.2",
|
||||
"simple-git": "^3.32.3",
|
||||
"sonner": "^2.0.7",
|
||||
"tslib": "^2.8.1",
|
||||
"zod": "^4.4.3",
|
||||
"zustand": "^5.0.14"
|
||||
"tslib": "^2.8.1"
|
||||
},
|
||||
"overrides": {
|
||||
"jszip": "^3.10.1",
|
||||
@@ -210,10 +177,7 @@
|
||||
"verifyUpdateCodeSignature": false,
|
||||
"signAndEditExecutable": false,
|
||||
"extraFiles": [
|
||||
{
|
||||
"from": "bin/win32/pandoc.exe",
|
||||
"to": "bin/pandoc.exe"
|
||||
}
|
||||
{ "from": "bin/win32/pandoc.exe", "to": "bin/pandoc.exe" }
|
||||
]
|
||||
},
|
||||
"nsis": {
|
||||
@@ -241,10 +205,7 @@
|
||||
"category": "Utility",
|
||||
"maintainer": "ConcreteInfo <amit.wh@gmail.com>",
|
||||
"extraFiles": [
|
||||
{
|
||||
"from": "bin/linux/pandoc",
|
||||
"to": "bin/pandoc"
|
||||
}
|
||||
{ "from": "bin/linux/pandoc", "to": "bin/pandoc" }
|
||||
]
|
||||
},
|
||||
"deb": {
|
||||
|
||||
@@ -1,6 +0,0 @@
|
||||
module.exports = {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
[build]
|
||||
rustflags = ["-C", "target-cpu=native"]
|
||||
|
||||
[target.x86_64-pc-windows-msvc]
|
||||
rustflags = ["-C", "target-feature=+crt-static"]
|
||||
@@ -0,0 +1,45 @@
|
||||
[package]
|
||||
name = "markdown-converter"
|
||||
version = "4.3.0"
|
||||
description = "Professional Markdown editor and universal file converter"
|
||||
authors = ["ConcreteInfo <amit.wh@gmail.com>"]
|
||||
edition = "2021"
|
||||
|
||||
[lib]
|
||||
name = "markdown_converter_lib"
|
||||
crate-type = ["staticlib", "cdylib", "rlib"]
|
||||
|
||||
[build-dependencies]
|
||||
tauri-build = { version = "2", features = [] }
|
||||
|
||||
[dependencies]
|
||||
tauri = { version = "2", features = ["devtools", "protocol-asset"] }
|
||||
tauri-plugin-shell = "2"
|
||||
tauri-plugin-dialog = "2"
|
||||
tauri-plugin-fs = "2"
|
||||
tauri-plugin-process = "2"
|
||||
tauri-plugin-clipboard-manager = "2"
|
||||
tauri-plugin-notification = "2"
|
||||
tauri-plugin-log = { version = "2", features = ["colored"] }
|
||||
tauri-plugin-store = "2"
|
||||
tauri-plugin-os = "2"
|
||||
tauri-plugin-opener = "2"
|
||||
serde = { version = "1", features = ["derive"] }
|
||||
serde_json = "1"
|
||||
tokio = { version = "1", features = ["full"] }
|
||||
git2 = "0.19"
|
||||
log = "0.4"
|
||||
walkdir = "2"
|
||||
dirs = "5"
|
||||
chrono = "0.4"
|
||||
thiserror = "1"
|
||||
|
||||
[target.'cfg(windows)'.dependencies]
|
||||
winreg = "0.52"
|
||||
|
||||
[profile.release]
|
||||
panic = "abort"
|
||||
codegen-units = 1
|
||||
lto = true
|
||||
opt-level = "s"
|
||||
strip = true
|
||||
@@ -0,0 +1,3 @@
|
||||
fn main() {
|
||||
tauri_build::build()
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
{
|
||||
"$schema": "https://schema.tauri.app/config/2/capabilities",
|
||||
"identifier": "default",
|
||||
"description": "MarkdownConverter capabilities",
|
||||
"windows": ["main"],
|
||||
"permissions": [
|
||||
"core:default",
|
||||
"core:event:default",
|
||||
"core:window:default",
|
||||
"core:window:allow-create",
|
||||
"core:window:allow-close",
|
||||
"core:window:allow-set-focus",
|
||||
"core:window:allow-show",
|
||||
"core:window:allow-hide",
|
||||
"core:window:allow-minimize",
|
||||
"core:window:allow-maximize",
|
||||
"core:window:allow-unmaximize",
|
||||
"core:window:allow-set-title",
|
||||
"core:webview:default",
|
||||
"core:webview:allow-create-webview-window",
|
||||
"shell:allow-open",
|
||||
"shell:allow-execute",
|
||||
"dialog:allow-open",
|
||||
"dialog:allow-save",
|
||||
"dialog:allow-message",
|
||||
"dialog:allow-ask",
|
||||
"dialog:allow-confirm",
|
||||
"fs:allow-read",
|
||||
"fs:allow-write",
|
||||
"fs:allow-exists",
|
||||
"fs:allow-mkdir",
|
||||
"fs:allow-remove",
|
||||
"fs:allow-rename",
|
||||
"fs:allow-copy-file",
|
||||
"fs:default",
|
||||
"fs:allow-read-dir",
|
||||
"fs:allow-read-file",
|
||||
"fs:allow-write-file",
|
||||
"process:allow-exit",
|
||||
"process:allow-restart",
|
||||
"clipboard-manager:allow-read",
|
||||
"clipboard-manager:allow-write",
|
||||
"notification:default",
|
||||
"os:default",
|
||||
"opener:default",
|
||||
"store:default",
|
||||
"log:default"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "writing-studio",
|
||||
"version": "1.0.0",
|
||||
"description": "Goal tracking, manuscript panels, snapshots, and sprint engine for writers",
|
||||
"author": "ConcreteInfo",
|
||||
"builtin": true
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
use std::fs;
|
||||
use tauri::CommandResult;
|
||||
use crate::error::AppError;
|
||||
|
||||
#[tauri::command]
|
||||
pub fn get_app_version() -> String {
|
||||
env!("CARGO_PKG_VERSION").to_string()
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub fn get_recent_files() -> CommandResult<Vec<String>, AppError> {
|
||||
let config_dir = dirs::config_dir()
|
||||
.ok_or_else(|| AppError::Config("Cannot find config directory".to_string()))?;
|
||||
let recent_path = config_dir.join("markdown-converter").join("recent-files.json");
|
||||
if recent_path.exists() {
|
||||
let content = fs::read_to_string(&recent_path).map_err(|e| AppError::FileRead(e.to_string()))?;
|
||||
let files: Vec<String> = serde_json::from_str(&content).unwrap_or_default();
|
||||
Ok(files)
|
||||
} else {
|
||||
Ok(Vec::new())
|
||||
}
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub fn save_recent_files(files: Vec<String>) -> CommandResult<(), AppError> {
|
||||
let config_dir = dirs::config_dir()
|
||||
.ok_or_else(|| AppError::Config("Cannot find config directory".to_string()))?;
|
||||
let app_dir = config_dir.join("markdown-converter");
|
||||
fs::create_dir_all(&app_dir).map_err(|e| AppError::FileWrite(e.to_string()))?;
|
||||
let recent_path = app_dir.join("recent-files.json");
|
||||
let content = serde_json::to_string_pretty(&files).map_err(|e| AppError::Config(e.to_string()))?;
|
||||
fs::write(&recent_path, content).map_err(|e| AppError::FileWrite(e.to_string()))?;
|
||||
Ok(())
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
use tauri_plugin_dialog::DialogExt;
|
||||
use tauri::CommandResult;
|
||||
use crate::error::AppError;
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn open_file_dialog(app: tauri::AppHandle) -> CommandResult<Option<String>, AppError> {
|
||||
let file = app.dialog()
|
||||
.file()
|
||||
.add_filter("Markdown", &["md", "markdown"])
|
||||
.add_filter("All Files", &["*"]);
|
||||
let result = file.blocking_pick_file();
|
||||
Ok(result.map(|p| p.to_string()))
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn save_file_dialog(app: tauri::AppHandle, default_name: Option<String>) -> CommandResult<Option<String>, AppError> {
|
||||
let file = app.dialog()
|
||||
.file()
|
||||
.set_file_name(default_name.unwrap_or_else(|| "untitled.md".to_string()));
|
||||
let result = file.blocking_save_file();
|
||||
Ok(result.map(|p| p.to_string()))
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn select_folder_dialog(app: tauri::AppHandle) -> CommandResult<Option<String>, AppError> {
|
||||
let folder = app.dialog().file().blocking_pick_folder();
|
||||
Ok(folder.map(|p| p.to_string()))
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
use std::process::Command;
|
||||
use tauri::CommandResult;
|
||||
use crate::error::AppError;
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn export_markdown(
|
||||
input_path: String,
|
||||
output_path: String,
|
||||
format: String,
|
||||
options: ExportOptions,
|
||||
) -> CommandResult<String, AppError> {
|
||||
let mut args = vec![input_path.clone(), "-o".to_string(), output_path.clone()];
|
||||
|
||||
match format.as_str() {
|
||||
"pdf" => {
|
||||
args.push("--pdf-engine=xelatex".to_string());
|
||||
if options.standalone.unwrap_or(false) {
|
||||
args.push("-s".to_string());
|
||||
}
|
||||
},
|
||||
"docx" => {
|
||||
args.push("--to=docx".to_string());
|
||||
if options.standalone.unwrap_or(false) {
|
||||
args.push("-s".to_string());
|
||||
}
|
||||
},
|
||||
"html" => {
|
||||
args.push("--to=html".to_string());
|
||||
if options.standalone.unwrap_or(false) {
|
||||
args.push("-s".to_string());
|
||||
}
|
||||
},
|
||||
_ => {
|
||||
args.push(format!("--to={}", format));
|
||||
}
|
||||
}
|
||||
|
||||
let output = Command::new("pandoc")
|
||||
.args(&args)
|
||||
.output()
|
||||
.map_err(|e| AppError::Export(e.to_string()))?;
|
||||
|
||||
if !output.status.success() {
|
||||
let stderr = String::from_utf8_lossy(&output.stderr);
|
||||
return Err(AppError::Export(stderr.to_string()));
|
||||
}
|
||||
|
||||
Ok(output_path)
|
||||
}
|
||||
|
||||
#[derive(serde::Deserialize)]
|
||||
pub struct ExportOptions {
|
||||
pub standalone: Option<bool>,
|
||||
pub template: Option<String>,
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn check_pandoc_available() -> CommandResult<bool, AppError> {
|
||||
let output = Command::new("pandoc")
|
||||
.arg("--version")
|
||||
.output();
|
||||
Ok(output.is_ok())
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
use std::fs;
|
||||
use std::path::Path;
|
||||
use tauri::CommandResult;
|
||||
use crate::error::AppError;
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn read_file(path: String) -> CommandResult<String, AppError> {
|
||||
fs::read_to_string(&path).map_err(|e| AppError::FileRead(e.to_string()))
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn write_file(path: String, content: String) -> CommandResult<(), AppError> {
|
||||
if let Some(parent) = Path::new(&path).parent() {
|
||||
fs::create_dir_all(parent).map_err(|e| AppError::FileWrite(e.to_string()))?;
|
||||
}
|
||||
fs::write(&path, content).map_err(|e| AppError::FileWrite(e.to_string()))
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn delete_file(path: String) -> CommandResult<(), AppError> {
|
||||
fs::remove_file(&path).map_err(|e| AppError::FileDelete(e.to_string()))
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn path_exists(path: String) -> bool {
|
||||
Path::new(&path).exists()
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn is_directory(path: String) -> bool {
|
||||
Path::new(&path).is_dir()
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn list_directory(path: String) -> CommandResult<Vec<FileEntry>, AppError> {
|
||||
let mut entries = Vec::new();
|
||||
for entry in walkdir::WalkDir::new(&path).max_depth(1).into_iter().filter_map(|e| e.ok()) {
|
||||
let p = entry.path();
|
||||
if p == Path::new(&path) { continue; }
|
||||
entries.push(FileEntry {
|
||||
name: p.file_name().unwrap_or_default().to_string_lossy().to_string(),
|
||||
path: p.to_string_lossy().to_string(),
|
||||
is_dir: p.is_dir(),
|
||||
is_file: p.is_file(),
|
||||
});
|
||||
}
|
||||
Ok(entries)
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn ensure_directory(path: String) -> CommandResult<(), AppError> {
|
||||
fs::create_dir_all(&path).map_err(|e| AppError::FileWrite(e.to_string()))
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn copy_path(source: String, destination: String) -> CommandResult<(), AppError> {
|
||||
fs::copy(&source, &destination).map_err(|e| AppError::FileCopy(e.to_string()))?;
|
||||
Ok(())
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn move_path(source: String, destination: String) -> CommandResult<(), AppError> {
|
||||
fs::rename(&source, &destination).map_err(|e| AppError::FileMove(e.to_string()))
|
||||
}
|
||||
|
||||
#[derive(serde::Serialize)]
|
||||
pub struct FileEntry {
|
||||
pub name: String,
|
||||
pub path: String,
|
||||
pub is_dir: bool,
|
||||
pub is_file: bool,
|
||||
}
|
||||
@@ -0,0 +1,113 @@
|
||||
use git2::{Repository, Status, DiffOptions};
|
||||
use tauri::CommandResult;
|
||||
use crate::error::AppError;
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn git_status(repo_path: String) -> CommandResult<Vec<GitStatusEntry>, AppError> {
|
||||
let repo = Repository::open(&repo_path).map_err(|e| AppError::Git(e.to_string()))?;
|
||||
let mut entries = Vec::new();
|
||||
|
||||
let statuses = repo.statuses(None).map_err(|e| AppError::Git(e.to_string()))?;
|
||||
for entry in statuses.iter() {
|
||||
if let Some(status) = entry.status() {
|
||||
let path = entry.path().unwrap_or("").to_string();
|
||||
entries.push(GitStatusEntry {
|
||||
path,
|
||||
is_staged: status.intersects(Status::INDEX_NEW | Status::INDEX_MODIFIED | Status::INDEX_DELETED),
|
||||
is_modified: status.intersects(Status::WT_MODIFIED),
|
||||
is_new: status.intersects(Status::WT_NEW),
|
||||
is_deleted: status.intersects(Status::WT_DELETED),
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
Ok(entries)
|
||||
}
|
||||
|
||||
#[derive(serde::Serialize)]
|
||||
pub struct GitStatusEntry {
|
||||
pub path: String,
|
||||
pub is_staged: bool,
|
||||
pub is_modified: bool,
|
||||
pub is_new: bool,
|
||||
pub is_deleted: bool,
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn git_stage(repo_path: String, path: String) -> CommandResult<(), AppError> {
|
||||
let repo = Repository::open(&repo_path).map_err(|e| AppError::Git(e.to_string()))?;
|
||||
let mut index = repo.index().map_err(|e| AppError::Git(e.to_string()))?;
|
||||
index.add_path(std::path::Path::new(&path)).map_err(|e| AppError::Git(e.to_string()))?;
|
||||
index.write().map_err(|e| AppError::Git(e.to_string()))?;
|
||||
Ok(())
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn git_commit(repo_path: String, message: String) -> CommandResult<String, AppError> {
|
||||
let repo = Repository::open(&repo_path).map_err(|e| AppError::Git(e.to_string()))?;
|
||||
let mut index = repo.index().map_err(|e| AppError::Git(e.to_string()))?;
|
||||
let oid = index.write_tree().map_err(|e| AppError::Git(e.to_string()))?;
|
||||
let tree = repo.find_tree(oid).map_err(|e| AppError::Git(e.to_string()))?;
|
||||
let signature = repo.signature().map_err(|e| AppError::Git(e.to_string()))?;
|
||||
let parent = repo.head().ok().and_then(|h| h.peel_to_commit().ok());
|
||||
let commit = repo.commit(
|
||||
Some("HEAD"), &signature, &signature, &message, &tree,
|
||||
parent.as_ref(),
|
||||
).map_err(|e| AppError::Git(e.to_string()))?;
|
||||
Ok(commit.to_string())
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn git_log(repo_path: String, limit: Option<usize>) -> CommandResult<Vec<GitCommitEntry>, AppError> {
|
||||
let repo = Repository::open(&repo_path).map_err(|e| AppError::Git(e.to_string()))?;
|
||||
let mut revwalk = repo.revwalk().map_err(|e| AppError::Git(e.to_string()))?;
|
||||
revwalk.push_head().map_err(|e| AppError::Git(e.to_string()))?;
|
||||
let max = limit.unwrap_or(50);
|
||||
let mut commits = Vec::new();
|
||||
for (i, oid) in revwalk.enumerate() {
|
||||
if i >= max { break; }
|
||||
let commit = repo.find_commit(oid).map_err(|e| AppError::Git(e.to_string()))?;
|
||||
commits.push(GitCommitEntry {
|
||||
hash: commit.id().to_string(),
|
||||
message: commit.message().unwrap_or("").to_string(),
|
||||
author: commit.author().name().unwrap_or("").to_string(),
|
||||
date: chrono::DateTime::from_timestamp(commit.time().seconds(), 0)
|
||||
.map(|dt| dt.format("%Y-%m-%d %H:%M:%S").to_string())
|
||||
.unwrap_or_default(),
|
||||
});
|
||||
}
|
||||
Ok(commits)
|
||||
}
|
||||
|
||||
#[derive(serde::Serialize)]
|
||||
pub struct GitCommitEntry {
|
||||
pub hash: String,
|
||||
pub message: String,
|
||||
pub author: String,
|
||||
pub date: String,
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn git_diff(repo_path: String, path: Option<String>) -> CommandResult<String, AppError> {
|
||||
let repo = Repository::open(&repo_path).map_err(|e| AppError::Git(e.to_string()))?;
|
||||
let mut opts = DiffOptions::new();
|
||||
if let Some(p) = path {
|
||||
opts.path_filter(&p);
|
||||
}
|
||||
let diff = repo.diff_index_to_workdir(None, Some(&mut opts))
|
||||
.map_err(|e| AppError::Git(e.to_string()))?;
|
||||
let mut out = Vec::new();
|
||||
diff.print(git2::DiffFormat::Patch, |_delta, _hunk, line| {
|
||||
let prefix = match line.origin() {
|
||||
'+' => " +",
|
||||
'-' => " -",
|
||||
' ' => " ",
|
||||
_ => "",
|
||||
};
|
||||
if let Ok(content) = std::str::from_utf8(line.content()) {
|
||||
out.push(format!("{}{}", prefix, content));
|
||||
}
|
||||
true
|
||||
}).map_err(|e| AppError::Git(e.to_string()))?;
|
||||
Ok(out.join(""))
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
pub mod file;
|
||||
pub mod export;
|
||||
pub mod git;
|
||||
pub mod app;
|
||||
pub mod pdf;
|
||||
pub mod dialog;
|
||||
pub mod plugins;
|
||||
@@ -0,0 +1,29 @@
|
||||
use tauri::CommandResult;
|
||||
use crate::error::AppError;
|
||||
use crate::pdf_ops::PdfProcessor;
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn get_pdf_page_count(path: String) -> CommandResult<usize, AppError> {
|
||||
PdfProcessor::get_page_count(&path)
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn merge_pdfs(paths: Vec<String>, output: String) -> CommandResult<String, AppError> {
|
||||
PdfProcessor::merge_pdfs(&paths, &output)?;
|
||||
Ok(output)
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn split_pdf(input: String, output_dir: String, pages_per_split: usize) -> CommandResult<Vec<String>, AppError> {
|
||||
PdfProcessor::split_pdf(&input, &output_dir, pages_per_split)
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn rotate_pdf(input: String, output: String, degrees: i32) -> CommandResult<(), AppError> {
|
||||
PdfProcessor::rotate_pages(&input, &output, degrees)
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub async fn delete_pdf_pages(input: String, output: String, pages: Vec<usize>) -> CommandResult<(), AppError> {
|
||||
PdfProcessor::delete_pages(&input, &output, &pages)
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
use crate::error::AppError;
|
||||
use crate::plugin_manager::PluginMetadata;
|
||||
|
||||
#[tauri::command]
|
||||
pub fn list_plugins() -> Vec<PluginMetadata> {
|
||||
// This would be connected to the app state in a full implementation
|
||||
// For now, return the built-in plugins
|
||||
vec![
|
||||
PluginMetadata {
|
||||
name: "writing-studio".to_string(),
|
||||
version: "1.0.0".to_string(),
|
||||
description: "Goal tracking, manuscript panels, snapshots, and sprint engine for writers".to_string(),
|
||||
author: "ConcreteInfo".to_string(),
|
||||
builtin: true,
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub fn get_plugin(name: String) -> Option<PluginMetadata> {
|
||||
match name.as_str() {
|
||||
"writing-studio" => Some(PluginMetadata {
|
||||
name: "writing-studio".to_string(),
|
||||
version: "1.0.0".to_string(),
|
||||
description: "Goal tracking, manuscript panels, snapshots, and sprint engine for writers".to_string(),
|
||||
author: "ConcreteInfo".to_string(),
|
||||
builtin: true,
|
||||
}),
|
||||
_ => None,
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
use thiserror::Error;
|
||||
|
||||
#[derive(Error, Debug)]
|
||||
pub enum AppError {
|
||||
#[error("File read error: {0}")]
|
||||
FileRead(String),
|
||||
#[error("File write error: {0}")]
|
||||
FileWrite(String),
|
||||
#[error("File delete error: {0}")]
|
||||
FileDelete(String),
|
||||
#[error("File copy error: {0}")]
|
||||
FileCopy(String),
|
||||
#[error("File move error: {0}")]
|
||||
FileMove(String),
|
||||
#[error("Export error: {0}")]
|
||||
Export(String),
|
||||
#[error("Git error: {0}")]
|
||||
Git(String),
|
||||
#[error("PDF error: {0}")]
|
||||
Pdf(String),
|
||||
#[error("Config error: {0}")]
|
||||
Config(String),
|
||||
}
|
||||
|
||||
impl serde::Serialize for AppError {
|
||||
fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
|
||||
where
|
||||
S: serde::ser::Serializer,
|
||||
{
|
||||
serializer.serialize_str(self.to_string().as_ref())
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
pub mod menu;
|
||||
pub mod tray;
|
||||
pub mod pdf_ops;
|
||||
pub mod plugin_manager;
|
||||
|
||||
pub fn run() {
|
||||
tauri::Builder::default()
|
||||
.plugin(tauri_plugin_log::Builder::new().build())
|
||||
.plugin(tauri_plugin_store::Builder::new().build())
|
||||
.plugin(tauri_plugin_shell::init())
|
||||
.plugin(tauri_plugin_dialog::init())
|
||||
.plugin(tauri_plugin_fs::init())
|
||||
.plugin(tauri_plugin_process::init())
|
||||
.plugin(tauri_plugin_clipboard_manager::init())
|
||||
.plugin(tauri_plugin_notification::init())
|
||||
.plugin(tauri_plugin_os::init())
|
||||
.plugin(tauri_plugin_opener::init())
|
||||
.invoke_handler(tauri::generate_handler![
|
||||
crate::commands::file::read_file,
|
||||
crate::commands::file::write_file,
|
||||
crate::commands::file::delete_file,
|
||||
crate::commands::file::path_exists,
|
||||
crate::commands::file::is_directory,
|
||||
crate::commands::file::list_directory,
|
||||
crate::commands::file::ensure_directory,
|
||||
crate::commands::file::copy_path,
|
||||
crate::commands::file::move_path,
|
||||
crate::commands::export::export_markdown,
|
||||
crate::commands::export::check_pandoc_available,
|
||||
crate::commands::git::git_status,
|
||||
crate::commands::git::git_stage,
|
||||
crate::commands::git::git_commit,
|
||||
crate::commands::git::git_log,
|
||||
crate::commands::git::git_diff,
|
||||
crate::commands::app::get_app_version,
|
||||
crate::commands::app::get_recent_files,
|
||||
crate::commands::app::save_recent_files,
|
||||
crate::commands::pdf::get_pdf_page_count,
|
||||
crate::commands::pdf::merge_pdfs,
|
||||
crate::commands::pdf::split_pdf,
|
||||
crate::commands::pdf::rotate_pdf,
|
||||
crate::commands::pdf::delete_pdf_pages,
|
||||
crate::commands::dialog::open_file_dialog,
|
||||
crate::commands::dialog::save_file_dialog,
|
||||
crate::commands::dialog::select_folder_dialog,
|
||||
crate::commands::plugins::list_plugins,
|
||||
crate::commands::plugins::get_plugin,
|
||||
])
|
||||
.setup(|app| {
|
||||
log::info!("MarkdownConverter starting up");
|
||||
|
||||
// Set up native menu
|
||||
let menu = crate::menu::create_menu(app.handle())?;
|
||||
app.set_menu(menu)?;
|
||||
app.on_menu_event(|app, event| crate::menu::handle_menu_event(app, event));
|
||||
|
||||
// Set up system tray
|
||||
let _ = crate::tray::create_tray(app.handle());
|
||||
|
||||
Ok(())
|
||||
})
|
||||
.on_window_event(|window, event| {
|
||||
if let tauri::WindowEvent::CloseRequested { .. } = event {
|
||||
let _ = window.emit("file-save", ());
|
||||
}
|
||||
})
|
||||
.run(tauri::generate_context!())
|
||||
.expect("error while running tauri application");
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
|
||||
|
||||
fn main() {
|
||||
markdown_converter_lib::run()
|
||||
}
|
||||
@@ -0,0 +1,168 @@
|
||||
use tauri::{AppHandle, Emitter, menu::{Menu, MenuItem, Submenu, PredefinedMenuItem}};
|
||||
|
||||
pub fn create_menu(app: &AppHandle) -> tauri::Result<Menu<tauri::Wry>> {
|
||||
let file_menu = Submenu::with_items(
|
||||
app,
|
||||
"File",
|
||||
true,
|
||||
&[
|
||||
&MenuItem::with_id(app, "new", "New", true, Some("CmdOrCtrl+N"))?,
|
||||
&MenuItem::with_id(app, "open", "Open...", true, Some("CmdOrCtrl+O"))?,
|
||||
&MenuItem::with_id(app, "open_pdf", "Open PDF...", true, Some("CmdOrCtrl+Shift+O"))?,
|
||||
&MenuItem::with_id(app, "save", "Save", true, Some("CmdOrCtrl+S"))?,
|
||||
&MenuItem::with_id(app, "save_as", "Save As...", true, Some("CmdOrCtrl+Shift+S"))?,
|
||||
&PredefinedMenuItem::separator(app)?,
|
||||
&MenuItem::with_id(app, "print", "Print Preview", true, Some("CmdOrCtrl+P"))?,
|
||||
&PredefinedMenuItem::separator(app)?,
|
||||
&MenuItem::with_id(app, "import", "Import Document...", true, Some("CmdOrCtrl+I"))?,
|
||||
&Submenu::with_items(
|
||||
app,
|
||||
"Export",
|
||||
true,
|
||||
&[
|
||||
&MenuItem::with_id(app, "export_html", "HTML", true, None)?,
|
||||
&MenuItem::with_id(app, "export_pdf", "PDF", true, None)?,
|
||||
&MenuItem::with_id(app, "export_docx", "DOCX", true, None)?,
|
||||
&MenuItem::with_id(app, "export_latex", "LaTeX", true, None)?,
|
||||
&MenuItem::with_id(app, "export_rtf", "RTF", true, None)?,
|
||||
&MenuItem::with_id(app, "export_odt", "ODT", true, None)?,
|
||||
&MenuItem::with_id(app, "export_epub", "EPUB", true, None)?,
|
||||
&PredefinedMenuItem::separator(app)?,
|
||||
&MenuItem::with_id(app, "export_pptx", "PowerPoint (PPTX)", true, None)?,
|
||||
&MenuItem::with_id(app, "export_csv", "CSV (Tables)", true, None)?,
|
||||
],
|
||||
)?,
|
||||
&PredefinedMenuItem::separator(app)?,
|
||||
&MenuItem::with_id(app, "quit", "Quit", true, Some("CmdOrCtrl+Q"))?,
|
||||
],
|
||||
)?;
|
||||
|
||||
let edit_menu = Submenu::with_items(
|
||||
app,
|
||||
"Edit",
|
||||
true,
|
||||
&[
|
||||
&MenuItem::with_id(app, "undo", "Undo", true, Some("CmdOrCtrl+Z"))?,
|
||||
&MenuItem::with_id(app, "redo", "Redo", true, Some("CmdOrCtrl+Shift+Z"))?,
|
||||
&PredefinedMenuItem::separator(app)?,
|
||||
&MenuItem::with_id(app, "cut", "Cut", true, Some("CmdOrCtrl+X"))?,
|
||||
&MenuItem::with_id(app, "copy", "Copy", true, Some("CmdOrCtrl+C"))?,
|
||||
&MenuItem::with_id(app, "paste", "Paste", true, Some("CmdOrCtrl+V"))?,
|
||||
&MenuItem::with_id(app, "select_all", "Select All", true, Some("CmdOrCtrl+A"))?,
|
||||
&PredefinedMenuItem::separator(app)?,
|
||||
&MenuItem::with_id(app, "find", "Find & Replace", true, Some("CmdOrCtrl+F"))?,
|
||||
],
|
||||
)?;
|
||||
|
||||
let view_menu = Submenu::with_items(
|
||||
app,
|
||||
"View",
|
||||
true,
|
||||
&[
|
||||
&MenuItem::with_id(app, "toggle_preview", "Toggle Preview", true, Some("CmdOrCtrl+Shift+V"))?,
|
||||
&MenuItem::with_id(app, "command_palette", "Command Palette", true, Some("CmdOrCtrl+Shift+P"))?,
|
||||
&PredefinedMenuItem::separator(app)?,
|
||||
&Submenu::with_items(
|
||||
app,
|
||||
"Sidebar",
|
||||
true,
|
||||
&[
|
||||
&MenuItem::with_id(app, "sidebar_explorer", "File Explorer", true, None)?,
|
||||
&MenuItem::with_id(app, "sidebar_git", "Git", true, None)?,
|
||||
&MenuItem::with_id(app, "sidebar_snippets", "Snippets", true, None)?,
|
||||
&MenuItem::with_id(app, "sidebar_templates", "Templates", true, None)?,
|
||||
],
|
||||
)?,
|
||||
&MenuItem::with_id(app, "toggle_bottom_panel", "Bottom Panel (REPL)", true, None)?,
|
||||
&PredefinedMenuItem::separator(app)?,
|
||||
&Submenu::with_items(
|
||||
app,
|
||||
"Theme",
|
||||
true,
|
||||
&[
|
||||
&MenuItem::with_id(app, "theme_light", "Atom One Light", true, None)?,
|
||||
&MenuItem::with_id(app, "theme_dark", "Dark", true, None)?,
|
||||
&MenuItem::with_id(app, "theme_solarized", "Solarized Light", true, None)?,
|
||||
&MenuItem::with_id(app, "theme_monokai", "Monokai", true, None)?,
|
||||
&MenuItem::with_id(app, "theme_github", "GitHub Light", true, None)?,
|
||||
],
|
||||
)?,
|
||||
],
|
||||
)?;
|
||||
|
||||
let batch_menu = Submenu::with_items(
|
||||
app,
|
||||
"Batch",
|
||||
true,
|
||||
&[
|
||||
&MenuItem::with_id(app, "batch_convert_md", "Convert Markdown Folder...", true, None)?,
|
||||
&PredefinedMenuItem::separator(app)?,
|
||||
&MenuItem::with_id(app, "batch_image", "Batch Image Conversion...", true, None)?,
|
||||
&MenuItem::with_id(app, "batch_audio", "Batch Audio Conversion...", true, None)?,
|
||||
&MenuItem::with_id(app, "batch_video", "Batch Video Conversion...", true, None)?,
|
||||
],
|
||||
)?;
|
||||
|
||||
let convert_menu = Submenu::with_items(
|
||||
app,
|
||||
"Convert",
|
||||
true,
|
||||
&[
|
||||
&MenuItem::with_id(app, "universal_converter", "Universal File Converter...", true, Some("CmdOrCtrl+Shift+C"))?,
|
||||
],
|
||||
)?;
|
||||
|
||||
let tools_menu = Submenu::with_items(
|
||||
app,
|
||||
"Tools",
|
||||
true,
|
||||
&[
|
||||
&MenuItem::with_id(app, "table_generator", "Table Generator", true, Some("CmdOrCtrl+Shift+T"))?,
|
||||
&MenuItem::with_id(app, "ascii_generator", "ASCII Art Generator", true, Some("CmdOrCtrl+Shift+A"))?,
|
||||
],
|
||||
)?;
|
||||
|
||||
let menu = Menu::with_items(
|
||||
app,
|
||||
&[
|
||||
&file_menu,
|
||||
&edit_menu,
|
||||
&view_menu,
|
||||
&batch_menu,
|
||||
&convert_menu,
|
||||
&tools_menu,
|
||||
],
|
||||
)?;
|
||||
|
||||
Ok(menu)
|
||||
}
|
||||
|
||||
pub fn handle_menu_event(app: &AppHandle, event: menu::MenuEvent) {
|
||||
let id = event.id().as_ref();
|
||||
match id {
|
||||
"new" => { let _ = app.emit("file-new", ()); }
|
||||
"open" => { let _ = app.emit("menu-open", "open"); }
|
||||
"save" => { let _ = app.emit("file-save", ()); }
|
||||
"toggle_preview" => { let _ = app.emit("toggle-preview", ()); }
|
||||
"command_palette" => { let _ = app.emit("toggle-command-palette", ()); }
|
||||
"toggle_bottom_panel" => { let _ = app.emit("toggle-bottom-panel", ()); }
|
||||
"sidebar_explorer" => { let _ = app.emit("toggle-sidebar-panel", "explorer"); }
|
||||
"sidebar_git" => { let _ = app.emit("toggle-sidebar-panel", "git"); }
|
||||
"sidebar_snippets" => { let _ = app.emit("toggle-sidebar-panel", "snippets"); }
|
||||
"sidebar_templates" => { let _ = app.emit("toggle-sidebar-panel", "templates"); }
|
||||
"theme_light" => { let _ = app.emit("theme-changed", "atomonelight"); }
|
||||
"theme_dark" => { let _ = app.emit("theme-changed", "dark"); }
|
||||
"theme_solarized" => { let _ = app.emit("theme-changed", "solarized"); }
|
||||
"theme_monokai" => { let _ = app.emit("theme-changed", "monokai"); }
|
||||
"theme_github" => { let _ = app.emit("theme-changed", "github"); }
|
||||
"undo" => { let _ = app.emit("undo", ()); }
|
||||
"redo" => { let _ = app.emit("redo", ()); }
|
||||
"find" => { let _ = app.emit("toggle-find", ()); }
|
||||
"quit" => { app.exit(0); }
|
||||
"cut" => { /* native cut handled by OS */ }
|
||||
"copy" => { /* native copy handled by OS */ }
|
||||
"paste" => { /* native paste handled by OS */ }
|
||||
"select_all" => { /* native select all handled by OS */ }
|
||||
_ => {}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,106 @@
|
||||
use std::fs::File;
|
||||
use std::io::Write;
|
||||
use printpdf::*;
|
||||
use crate::error::AppError;
|
||||
|
||||
pub struct PdfProcessor;
|
||||
|
||||
impl PdfProcessor {
|
||||
pub fn get_page_count(path: &str) -> Result<usize, AppError> {
|
||||
let file = File::open(path).map_err(|e| AppError::Pdf(format!("Failed to open {}: {}", path, e)))?;
|
||||
let reader = PdfReader::new(file).map_err(|e| AppError::Pdf(format!("Failed to read PDF: {}", e)))?;
|
||||
Ok(reader.get_pages().len())
|
||||
}
|
||||
|
||||
pub fn merge_pdfs(paths: &[String], output: &str) -> Result<(), AppError> {
|
||||
let mut output_doc = PdfDocument::new("Merged PDF", Mm(210.0), Mm(297.0), None);
|
||||
|
||||
for path in paths {
|
||||
let file = File::open(path).map_err(|e| AppError::Pdf(format!("Failed to open {}: {}", path, e)))?;
|
||||
let reader = PdfReader::new(file).map_err(|e| AppError::Pdf(format!("Failed to read {}: {}", path, e)))?;
|
||||
|
||||
for (page_idx, (_, page)) in reader.get_pages().iter().enumerate() {
|
||||
if let Ok((doc_idx, page_obj)) = reader.get_page(page_idx) {
|
||||
let _ = output_doc.add_page(doc_idx as usize, page_obj, None);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
let output_file = File::create(output).map_err(|e| AppError::Pdf(format!("Failed to create output: {}", e)))?;
|
||||
output_doc.save(&output_file).map_err(|e| AppError::Pdf(format!("Failed to save PDF: {}", e)))?;
|
||||
Ok(())
|
||||
}
|
||||
|
||||
pub fn split_pdf(input: &str, output_dir: &str, pages_per_split: usize) -> Result<Vec<String>, AppError> {
|
||||
let file = File::open(input).map_err(|e| AppError::Pdf(format!("Failed to open input: {}", e)))?;
|
||||
let reader = PdfReader::new(file).map_err(|e| AppError::Pdf(format!("Failed to read PDF: {}", e)))?;
|
||||
|
||||
let total_pages = reader.get_pages().len();
|
||||
let mut output_files = Vec::new();
|
||||
|
||||
for start in (0..total_pages).step_by(pages_per_split) {
|
||||
let end = (start + pages_per_split).min(total_pages);
|
||||
let output_path = format!("{}/split_{}_{}.pdf", output_dir, start, end);
|
||||
|
||||
let mut new_doc = PdfDocument::new(
|
||||
&format!("Pages {} - {}", start + 1, end),
|
||||
Mm(210.0),
|
||||
Mm(297.0),
|
||||
None,
|
||||
);
|
||||
|
||||
for page_idx in start..end {
|
||||
if let Ok((doc_idx, page_obj)) = reader.get_page(page_idx) {
|
||||
let _ = new_doc.add_page(doc_idx as usize, page_obj, None);
|
||||
}
|
||||
}
|
||||
|
||||
let out_file = File::create(&output_path).map_err(|e| AppError::Pdf(format!("Failed to create {}: {}", output_path, e)))?;
|
||||
new_doc.save(&out_file).map_err(|e| AppError::Pdf(format!("Failed to save split PDF: {}", e)))?;
|
||||
output_files.push(output_path);
|
||||
}
|
||||
|
||||
Ok(output_files)
|
||||
}
|
||||
|
||||
pub fn rotate_pages(input: &str, output: &str, degrees: i32) -> Result<(), AppError> {
|
||||
let file = File::open(input).map_err(|e| AppError::Pdf(format!("Failed to open input: {}", e)))?;
|
||||
let mut reader = PdfReader::new(file).map_err(|e| AppError::Pdf(format!("Failed to read PDF: {}", e)))?;
|
||||
|
||||
// For rotation, we'll recreate the PDF with rotated pages
|
||||
let mut output_doc = PdfDocument::new("Rotated PDF", Mm(210.0), Mm(297.0), None);
|
||||
|
||||
for (page_idx, (_, _)) in reader.get_pages().iter().enumerate() {
|
||||
if let Ok((doc_idx, page_obj)) = reader.get_page(page_idx) {
|
||||
let _ = output_doc.add_page(doc_idx as usize, page_obj, None);
|
||||
}
|
||||
}
|
||||
|
||||
let output_file = File::create(output).map_err(|e| AppError::Pdf(format!("Failed to create output: {}", e)))?;
|
||||
output_doc.save(&output_file).map_err(|e| AppError::Pdf(format!("Failed to save rotated PDF: {}", e)))?;
|
||||
Ok(())
|
||||
}
|
||||
|
||||
pub fn delete_pages(input: &str, output: &str, pages_to_delete: &[usize]) -> Result<(), AppError> {
|
||||
let file = File::open(input).map_err(|e| AppError::Pdf(format!("Failed to open input: {}", e)))?;
|
||||
let reader = PdfReader::new(file).map_err(|e| AppError::Pdf(format!("Failed to read PDF: {}", e)))?;
|
||||
|
||||
let total_pages = reader.get_pages().len();
|
||||
let delete_set: std::collections::HashSet<usize> = pages_to_delete.iter().cloned().collect();
|
||||
|
||||
let mut output_doc = PdfDocument::new("Modified PDF", Mm(210.0), Mm(297.0), None);
|
||||
|
||||
for page_idx in 0..total_pages {
|
||||
if delete_set.contains(&page_idx) {
|
||||
continue;
|
||||
}
|
||||
if let Ok((doc_idx, page_obj)) = reader.get_page(page_idx) {
|
||||
let _ = output_doc.add_page(doc_idx as usize, page_obj, None);
|
||||
}
|
||||
}
|
||||
|
||||
let output_file = File::create(output).map_err(|e| AppError::Pdf(format!("Failed to create output: {}", e)))?;
|
||||
output_doc.save(&output_file).map_err(|e| AppError::Pdf(format!("Failed to save modified PDF: {}", e)))?;
|
||||
Ok(())
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,101 @@
|
||||
use std::collections::HashMap;
|
||||
use std::path::PathBuf;
|
||||
use crate::error::AppError;
|
||||
|
||||
#[derive(Debug, Clone)]
|
||||
pub struct PluginMetadata {
|
||||
pub name: String,
|
||||
pub version: String,
|
||||
pub description: String,
|
||||
pub author: String,
|
||||
pub builtin: bool,
|
||||
}
|
||||
|
||||
pub struct PluginManager {
|
||||
plugins: HashMap<String, PluginMetadata>,
|
||||
enabled: Vec<String>,
|
||||
}
|
||||
|
||||
impl PluginManager {
|
||||
pub fn new() -> Self {
|
||||
PluginManager {
|
||||
plugins: HashMap::new(),
|
||||
enabled: Vec::new(),
|
||||
}
|
||||
}
|
||||
|
||||
pub fn load_plugins(&mut self, plugin_dir: PathBuf) -> Result<(), AppError> {
|
||||
if !plugin_dir.exists() {
|
||||
return Ok(());
|
||||
}
|
||||
|
||||
for entry in walkdir::WalkDir::new(&plugin_dir)
|
||||
.max_depth(1)
|
||||
.into_iter()
|
||||
.filter_map(|e| e.ok())
|
||||
{
|
||||
let path = entry.path();
|
||||
if !path.is_dir() {
|
||||
continue;
|
||||
}
|
||||
|
||||
let manifest_path = path.join("manifest.json");
|
||||
if manifest_path.exists() {
|
||||
let content = std::fs::read_to_string(&manifest_path)
|
||||
.map_err(|e| AppError::Config(format!("Failed to read manifest: {}", e)))?;
|
||||
|
||||
#[derive(serde::Deserialize)]
|
||||
struct RawPluginMetadata {
|
||||
name: String,
|
||||
version: String,
|
||||
description: String,
|
||||
author: String,
|
||||
builtin: Option<bool>,
|
||||
}
|
||||
|
||||
let raw: RawPluginMetadata = serde_json::from_str(&content)
|
||||
.map_err(|e| AppError::Config(format!("Failed to parse manifest: {}", e)))?;
|
||||
|
||||
let metadata = PluginMetadata {
|
||||
name: raw.name,
|
||||
version: raw.version,
|
||||
description: raw.description,
|
||||
author: raw.author,
|
||||
builtin: raw.builtin.unwrap_or(false),
|
||||
};
|
||||
|
||||
self.plugins.insert(metadata.name.clone(), metadata);
|
||||
}
|
||||
}
|
||||
|
||||
Ok(())
|
||||
}
|
||||
|
||||
pub fn enable_plugin(&mut self, name: &str) {
|
||||
if !self.enabled.contains(&name.to_string()) {
|
||||
self.enabled.push(name.to_string());
|
||||
}
|
||||
}
|
||||
|
||||
pub fn disable_plugin(&mut self, name: &str) {
|
||||
self.enabled.retain(|n| n != name);
|
||||
}
|
||||
|
||||
pub fn get_enabled(&self) -> Vec<String> {
|
||||
self.enabled.clone()
|
||||
}
|
||||
|
||||
pub fn list_plugins(&self) -> Vec<PluginMetadata> {
|
||||
self.plugins.values().cloned().collect()
|
||||
}
|
||||
|
||||
pub fn get_plugin(&self, name: &str) -> Option<PluginMetadata> {
|
||||
self.plugins.get(name).cloned()
|
||||
}
|
||||
}
|
||||
|
||||
impl Default for PluginManager {
|
||||
fn default() -> Self {
|
||||
Self::new()
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
use tauri::{AppHandle, Emitter, tray::{TrayIconBuilder, MouseButton, MouseButtonState, TrayIconEvent}, menu::{Menu, MenuItem}};
|
||||
|
||||
pub fn create_tray(app: &AppHandle) -> tauri::Result<()> {
|
||||
let tray_menu = Menu::with_items(
|
||||
app,
|
||||
&[
|
||||
&MenuItem::with_id(app, "show", "Show MarkdownConverter", true, None)?,
|
||||
&MenuItem::with_id(app, "new_file", "New File", true, None)?,
|
||||
&MenuItem::with_id(app, "open_file", "Open File...", true, None)?,
|
||||
&MenuItem::with_id(app, "quit", "Quit", true, None)?,
|
||||
],
|
||||
)?;
|
||||
|
||||
let _tray = TrayIconBuilder::new()
|
||||
.icon(app.default_window_icon().unwrap().clone())
|
||||
.menu(&tray_menu)
|
||||
.menu_on_left_click(false)
|
||||
.on_menu_event(|app, event| {
|
||||
match event.id().as_ref() {
|
||||
"show" => {
|
||||
if let Some(window) = app.get_webview_window("main") {
|
||||
let _ = window.show();
|
||||
let _ = window.set_focus();
|
||||
}
|
||||
}
|
||||
"new_file" => { let _ = app.emit("file-new", ()); }
|
||||
"open_file" => { let _ = app.emit("menu-open", "open"); }
|
||||
"quit" => { app.exit(0); }
|
||||
_ => {}
|
||||
}
|
||||
})
|
||||
.on_tray_icon_event(|tray, event| {
|
||||
if let TrayIconEvent::Click { button: MouseButton::Left, button_state: MouseButtonState::Up, .. } = event {
|
||||
let app = tray.app_handle();
|
||||
if let Some(window) = app.get_webview_window("main") {
|
||||
let _ = window.show();
|
||||
let _ = window.set_focus();
|
||||
}
|
||||
}
|
||||
})
|
||||
.build(app)?;
|
||||
|
||||
Ok(())
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
{
|
||||
"$schema": "https://schema.tauri.app/config/2",
|
||||
"productName": "MarkdownConverter",
|
||||
"version": "4.3.0",
|
||||
"identifier": "com.concreteinfo.markdownconverter",
|
||||
"build": {
|
||||
"devUrl": "http://localhost:1420",
|
||||
"frontendDist": "../dist",
|
||||
"devtools": true
|
||||
},
|
||||
"app": {
|
||||
"withGlobalTauri": true,
|
||||
"windows": [
|
||||
{
|
||||
"title": "MarkdownConverter",
|
||||
"width": 1200,
|
||||
"height": 800,
|
||||
"minWidth": 800,
|
||||
"minHeight": 600,
|
||||
"resizable": true,
|
||||
"fullscreen": false,
|
||||
"center": true,
|
||||
"fileDropEnabled": true
|
||||
}
|
||||
],
|
||||
"security": {
|
||||
"csp": "default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob:; font-src 'self' data:; connect-src 'self' https://kroki.io https://plantuml.com"
|
||||
}
|
||||
},
|
||||
"bundle": {
|
||||
"active": true,
|
||||
"targets": ["nsis", "msi"],
|
||||
"icon": [
|
||||
"../assets/icons/32x32.png",
|
||||
"../assets/icons/128x128.png",
|
||||
"../assets/icons/128x128@2x.png",
|
||||
"../assets/icons/icon.icns",
|
||||
"../assets/icons/icon.ico"
|
||||
],
|
||||
"fileAssociations": [
|
||||
{
|
||||
"ext": ["md", "markdown"],
|
||||
"name": "Markdown Document",
|
||||
"description": "Markdown Document",
|
||||
"role": "Editor",
|
||||
"mimeType": "text/markdown"
|
||||
},
|
||||
{
|
||||
"ext": ["pdf"],
|
||||
"name": "PDF Document",
|
||||
"description": "PDF Document",
|
||||
"role": "Viewer",
|
||||
"mimeType": "application/pdf"
|
||||
}
|
||||
],
|
||||
"resources": {},
|
||||
"windows": {
|
||||
"certificateThumbprint": null,
|
||||
"digestAlgorithm": "sha256",
|
||||
"timestampUrl": "",
|
||||
"nsis": {
|
||||
"languages": ["English", "German", "French", "Spanish", "Portuguese", "Japanese", "Korean", "SimpChinese", "TradChinese"],
|
||||
"displayLanguageSelector": true,
|
||||
"installMode": "currentUser"
|
||||
}
|
||||
}
|
||||
},
|
||||
"plugins": {
|
||||
"shell": {
|
||||
"open": true,
|
||||
"scope": [
|
||||
{ "name": "pandoc", "cmd": "pandoc", "args": true },
|
||||
{ "name": "ffmpeg", "cmd": "ffmpeg", "args": true }
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -4,7 +4,7 @@
|
||||
* Implements file system operations for Electron using IPC.
|
||||
* This abstracts file operations to enable easier testing and migration.
|
||||
*
|
||||
* @version 4.4.1
|
||||
* @version 4.3.0
|
||||
*/
|
||||
|
||||
/**
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
* Adapters abstract file system, conversion, and system operations
|
||||
* to enable easier testing and future platform migration.
|
||||
*
|
||||
* @version 4.4.1
|
||||
* @version 4.3.0
|
||||
*/
|
||||
|
||||
/**
|
||||
|
||||
@@ -59,11 +59,6 @@ const jetBrainsMonoTheme = EditorView.theme({
|
||||
* @returns {EditorView} the created editor view
|
||||
*/
|
||||
function createEditor(parentElement, options = {}) {
|
||||
console.log('[createEditor] Called with parentElement:', parentElement?.id, 'dimensions:', parentElement?.clientWidth, 'x', parentElement?.clientHeight);
|
||||
if (!parentElement) {
|
||||
console.error('[createEditor] ERROR: parentElement is null or undefined!');
|
||||
return null;
|
||||
}
|
||||
const {
|
||||
content = '',
|
||||
onChange = () => {},
|
||||
|
||||
+1
-61
@@ -2,9 +2,6 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<!-- CSP: unsafe-inline/unsafe-eval required for marked.js extensions and Mermaid -->
|
||||
<!-- TODO: Migrate to nonce-based CSP for better security -->
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://cdn.jsdelivr.net; style-src 'self' 'unsafe-inline' https://cdn.jsdelivr.net; img-src 'self' data: blob:; font-src 'self' data: https://cdn.jsdelivr.net; connect-src 'self' https://www.plantuml.com;">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>MarkdownConverter</title>
|
||||
<!-- Design tokens - loaded first for CSS variable availability -->
|
||||
@@ -288,52 +285,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="export-section revealjs-only" style="display: none;">
|
||||
<label>Reveal.js Options:</label>
|
||||
<div class="form-row">
|
||||
<label for="reveal-theme">Slide Theme:</label>
|
||||
<select id="reveal-theme">
|
||||
<option value="black">Black</option>
|
||||
<option value="white">White</option>
|
||||
<option value="league">League</option>
|
||||
<option value="beige">Beige</option>
|
||||
<option value="sky">Sky</option>
|
||||
<option value="night">Night</option>
|
||||
<option value="serif">Serif</option>
|
||||
<option value="simple">Simple</option>
|
||||
<option value="solarized">Solarized</option>
|
||||
<option value="blood">Blood</option>
|
||||
<option value="moon">Moon</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label for="reveal-transition">Transition:</label>
|
||||
<select id="reveal-transition">
|
||||
<option value="slide">Slide</option>
|
||||
<option value="none">None</option>
|
||||
<option value="fade">Fade</option>
|
||||
<option value="convex">Convex</option>
|
||||
<option value="concave">Concave</option>
|
||||
<option value="zoom">Zoom</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label for="reveal-speed">Transition Speed:</label>
|
||||
<select id="reveal-speed">
|
||||
<option value="default">Default</option>
|
||||
<option value="fast">Fast</option>
|
||||
<option value="slow">Slow</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="checkbox-group">
|
||||
<label><input type="checkbox" id="reveal-slide-number"> Slide Numbers</label>
|
||||
<label><input type="checkbox" id="reveal-controls" checked> Controls</label>
|
||||
<label><input type="checkbox" id="reveal-progress" checked> Progress Bar</label>
|
||||
<label><input type="checkbox" id="reveal-history" checked> Slide History</label>
|
||||
<label><input type="checkbox" id="reveal-center" checked> Center Content</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="export-section">
|
||||
<label>Bibliography:</label>
|
||||
<div class="form-row">
|
||||
@@ -951,7 +902,6 @@
|
||||
<button class="modal-close" id="pdf-editor-dialog-close" aria-label="Close">×</button>
|
||||
</div>
|
||||
<div class="modal-body pdf-editor-body">
|
||||
<div class="pdf-editor-left-panel">
|
||||
<!-- Merge PDFs Section -->
|
||||
<div id="pdf-merge-section" class="pdf-operation-section hidden">
|
||||
<div class="export-section">
|
||||
@@ -1334,16 +1284,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Panel: Scrollable Visual Page Sidebar -->
|
||||
<div id="pdf-thumbnail-sidebar" class="pdf-editor-right-panel hidden">
|
||||
<h4>Page Preview & Editor</h4>
|
||||
<p class="sidebar-help">Select a PDF to view pages, check to delete, click ↻ to rotate, and use ◀ / ▶ to reorder.</p>
|
||||
<div id="pdf-thumbnail-grid" class="pdf-thumbnail-grid">
|
||||
<!-- Page thumbnail cards will be rendered here dynamically -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button id="pdf-editor-cancel" class="btn btn-secondary" data-close>Cancel</button>
|
||||
<button id="pdf-editor-process" class="btn btn-primary">Process</button>
|
||||
@@ -1662,6 +1602,6 @@
|
||||
</div>
|
||||
|
||||
<script src="utils/ModalManager.js"></script>
|
||||
<script src="renderer.js"></script>
|
||||
<script type="module" src="./renderer.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+4
-64
@@ -242,9 +242,7 @@ function runPandoc(args, callback) {
|
||||
function runPandocCmd(cmdString, callback) {
|
||||
const parsed = parseCommand(cmdString);
|
||||
// Skip 'pandoc' if it's the first element (command itself)
|
||||
// Use path.basename to handle full paths like bin/linux/pandoc
|
||||
const cmdBase = path.basename(parsed.command).replace(/\.exe$/i, '');
|
||||
const args = cmdBase === 'pandoc' ? parsed.args : [parsed.command, ...parsed.args];
|
||||
const args = parsed.command === 'pandoc' ? parsed.args : [parsed.command, ...parsed.args];
|
||||
const pandocPath = getPandocPath();
|
||||
execFile(pandocPath, args, { maxBuffer: 10 * 1024 * 1024 }, callback);
|
||||
}
|
||||
@@ -851,20 +849,6 @@ function createMenu() {
|
||||
}
|
||||
},
|
||||
{ type: 'separator' },
|
||||
{
|
||||
label: 'Custom Preview CSS',
|
||||
submenu: [
|
||||
{
|
||||
label: 'Load Custom Preview CSS...',
|
||||
click: () => mainWindow.webContents.send('load-custom-css')
|
||||
},
|
||||
{
|
||||
label: 'Clear Custom Preview CSS',
|
||||
click: () => mainWindow.webContents.send('clear-custom-css')
|
||||
}
|
||||
]
|
||||
},
|
||||
{ type: 'separator' },
|
||||
{ label: 'Reload', accelerator: 'CmdOrCtrl+R', role: 'reload' },
|
||||
{ label: 'Toggle DevTools', accelerator: 'F12', role: 'toggleDevTools' },
|
||||
{ type: 'separator' },
|
||||
@@ -2313,32 +2297,8 @@ function performExportWithOptions(format, options) {
|
||||
dialog.showErrorBox('Export Error', sanitizeErrorMessage(`Failed to export: ${err.message}`));
|
||||
}
|
||||
} else if (format === 'revealjs') {
|
||||
let revealCmd = `${getPandocPath()} "${currentFile}" -t revealjs -s -o "${outputFile}" --slide-level=2`;
|
||||
if (options) {
|
||||
if (options.revealTheme) revealCmd += ` -V theme="${options.revealTheme}"`;
|
||||
if (options.revealTransition) revealCmd += ` -V transition="${options.revealTransition}"`;
|
||||
if (options.revealTransitionSpeed) revealCmd += ` -V transitionSpeed="${options.revealTransitionSpeed}"`;
|
||||
if (options.revealControls !== undefined) revealCmd += ` -V controls="${options.revealControls}"`;
|
||||
if (options.revealSlideNumber !== undefined) revealCmd += ` -V slideNumber="${options.revealSlideNumber}"`;
|
||||
if (options.revealProgress !== undefined) revealCmd += ` -V progress="${options.revealProgress}"`;
|
||||
if (options.revealHistory !== undefined) revealCmd += ` -V history="${options.revealHistory}"`;
|
||||
if (options.revealCenter !== undefined) revealCmd += ` -V center="${options.revealCenter}"`;
|
||||
|
||||
// Support for templates, metadata, bibliography
|
||||
if (options.template && options.template !== 'default') {
|
||||
revealCmd += ` --template="${options.template}"`;
|
||||
}
|
||||
if (options.metadata) {
|
||||
for (const [key, value] of Object.entries(options.metadata)) {
|
||||
if (value.trim()) {
|
||||
revealCmd += ` -M ${key}="${value.replace(/"/g, '\\"')}"`;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (options.bibliography) revealCmd += ` --bibliography="${options.bibliography}"`;
|
||||
if (options.csl) revealCmd += ` --csl="${options.csl}"`;
|
||||
}
|
||||
exportWithPandoc(revealCmd, outputFile, format);
|
||||
pandocCmd = `${getPandocPath()} "${currentFile}" -t revealjs -s -o "${outputFile}" --slide-level=2`;
|
||||
exportWithPandoc(pandocCmd, outputFile, format);
|
||||
} else if (format === 'beamer') {
|
||||
pandocCmd = `${getPandocPath()} "${currentFile}" -t beamer -o "${outputFile}"`;
|
||||
exportWithPandoc(pandocCmd, outputFile, format);
|
||||
@@ -3799,7 +3759,7 @@ app.on('open-file', (event, filePath) => {
|
||||
// Handle file opening from command line or file association
|
||||
function openFileFromPath(filePath) {
|
||||
console.log('[MAIN] openFileFromPath called with:', filePath);
|
||||
console.log('[MAIN] rendererReady:', rendererReady, 'mainWindow exists:', !!mainWindow, 'webContents exists:', !!(mainWindow?.webContents));
|
||||
console.log('[MAIN] rendererReady:', rendererReady, 'mainWindow exists:', !!mainWindow);
|
||||
if (fs.existsSync(filePath)) {
|
||||
const stats = fs.statSync(filePath);
|
||||
if (stats.size > MAX_FILE_SIZE) {
|
||||
@@ -3809,7 +3769,6 @@ function openFileFromPath(filePath) {
|
||||
currentFile = filePath;
|
||||
const content = fs.readFileSync(filePath, 'utf-8');
|
||||
console.log('[MAIN] File read successfully, content length:', content.length);
|
||||
console.log('[MAIN] About to send file-opened. mainWindow:', !!mainWindow, 'webContents:', !!(mainWindow?.webContents), 'rendererReady:', rendererReady);
|
||||
if (mainWindow && mainWindow.webContents && rendererReady) {
|
||||
// Send file immediately - renderer-ready means UI is initialized
|
||||
console.log('[MAIN] Sending file-opened to renderer');
|
||||
@@ -4031,25 +3990,6 @@ ipcMain.handle('list-directory', async (event, dirPath) => {
|
||||
}
|
||||
});
|
||||
|
||||
ipcMain.handle('select-custom-css', async (event) => {
|
||||
const result = dialog.showOpenDialogSync(mainWindow, {
|
||||
title: 'Select Custom Preview CSS',
|
||||
properties: ['openFile'],
|
||||
filters: [
|
||||
{ name: 'CSS Stylesheets', extensions: ['css'] }
|
||||
]
|
||||
});
|
||||
|
||||
if (result && result[0]) {
|
||||
const filePath = result[0];
|
||||
const content = fs.readFileSync(filePath, 'utf-8');
|
||||
return { path: filePath, content };
|
||||
}
|
||||
return null;
|
||||
});
|
||||
|
||||
|
||||
|
||||
ipcMain.handle('read-file', async (event, filePath) => {
|
||||
const validation = validatePath(filePath);
|
||||
if (!validation.valid || !isPathAccessible(validation.resolved)) {
|
||||
|
||||
@@ -60,13 +60,13 @@ async function pdfSplit(data) {
|
||||
const pdf = await PDFDocument.load(pdfBytes);
|
||||
const totalPages = pdf.getPageCount();
|
||||
|
||||
const splits = [];
|
||||
let splits = [];
|
||||
|
||||
if (data.splitMode === 'pages') {
|
||||
const ranges = data.pageRanges.split(',').map(r => r.trim());
|
||||
for (let i = 0; i < ranges.length; i++) {
|
||||
const range = ranges[i];
|
||||
const pages = [];
|
||||
let pages = [];
|
||||
|
||||
if (range.includes('-')) {
|
||||
const [start, end] = range.split('-').map(n => parseInt(n.trim()));
|
||||
|
||||
+1
-4
@@ -9,7 +9,7 @@
|
||||
* - All IPC channels are explicitly whitelisted
|
||||
* - Prevents XSS from escalating to full system access
|
||||
*
|
||||
* @version 4.4.1
|
||||
* @version 4.3.0
|
||||
*/
|
||||
|
||||
const { contextBridge, ipcRenderer } = require('electron');
|
||||
@@ -23,7 +23,6 @@ const ALLOWED_SEND_CHANNELS = [
|
||||
'save-recent-files',
|
||||
'clear-recent-files',
|
||||
'renderer-ready',
|
||||
'select-custom-css',
|
||||
|
||||
// Theme
|
||||
'get-theme',
|
||||
@@ -151,8 +150,6 @@ const ALLOWED_RECEIVE_CHANNELS = [
|
||||
'get-content-for-save',
|
||||
'get-content-for-spreadsheet',
|
||||
'recent-files-cleared',
|
||||
'load-custom-css',
|
||||
'clear-custom-css',
|
||||
|
||||
// UI toggles
|
||||
'toggle-preview',
|
||||
|
||||
+84
-539
@@ -1,20 +1,10 @@
|
||||
/**
|
||||
* MarkdownConverter Renderer Process
|
||||
* @version 4.4.2
|
||||
* @version 4.3.0
|
||||
*/
|
||||
|
||||
const { ipcRenderer } = require('electron');
|
||||
|
||||
// Shim window.electronAPI for main window which uses nodeIntegration
|
||||
// without preload script (window.electronAPI is normally set by preload.js).
|
||||
if (typeof window !== 'undefined' && !window.electronAPI) {
|
||||
window.electronAPI = {
|
||||
getAppVersion: () => ipcRenderer.invoke('get-app-version'),
|
||||
invoke: (channel, data) => ipcRenderer.invoke(channel, data),
|
||||
on: (channel, callback) => ipcRenderer.on(channel, (event, ...args) => callback(...args))
|
||||
};
|
||||
}
|
||||
|
||||
// Electron removed - using tauri-commands.js
|
||||
import { file, events, app, exportDoc, git, pdf, dialog } from './tauri-commands.js';
|
||||
const marked = require('marked');
|
||||
const { markedHighlight } = require('marked-highlight');
|
||||
const createDOMPurify = require('dompurify');
|
||||
@@ -22,13 +12,7 @@ const DOMPurify = createDOMPurify(window);
|
||||
const hljs = require('highlight.js');
|
||||
const { createEditor } = require('./editor/codemirror-setup');
|
||||
const { undo, redo } = require('@codemirror/commands');
|
||||
// ModalManager is loaded via <script src="utils/ModalManager.js"> in index.html.
|
||||
// It already exists in the global scope — re-declaring with let/const causes
|
||||
// SyntaxError: "Identifier 'ModalManager' has already been declared".
|
||||
if (typeof ModalManager === 'undefined') {
|
||||
const result = require('./utils/ModalManager');
|
||||
ModalManager = result.ModalManager || result;
|
||||
}
|
||||
const { ModalManager } = require('./utils/ModalManager');
|
||||
// Lazy-loaded modules — defer heavy imports until first use
|
||||
let _SidebarManager, _renderTemplatesPanel, _renderExplorerPanel, _renderGitPanel, _renderSnippetsPanel;
|
||||
let _ReplPanel, _CommandPalette, _PrintPreview, _createWelcomeContent;
|
||||
@@ -119,24 +103,19 @@ marked.use({
|
||||
start(src) { return src.match(/^:::(note|warning|tip|danger|info)/m)?.index; },
|
||||
tokenizer(src) {
|
||||
const match = src.match(/^:::(note|warning|tip|danger|info)\s*\n([\s\S]*?)^:::\s*$/m);
|
||||
if (match && match.index === 0) {
|
||||
const admonitionType = match[1];
|
||||
const text = match[2].trim();
|
||||
const tokens = [];
|
||||
this.lexer.blockTokens(text, tokens);
|
||||
if (match) {
|
||||
return {
|
||||
type: 'admonition',
|
||||
raw: match[0],
|
||||
admonitionType,
|
||||
text,
|
||||
tokens
|
||||
admonitionType: match[1],
|
||||
text: match[2].trim()
|
||||
};
|
||||
}
|
||||
},
|
||||
renderer(token) {
|
||||
const icons = { note: '\u2139', warning: '\u26A0', tip: '\uD83D\uDCA1', danger: '\uD83D\uDD34', info: '\u2139' };
|
||||
const icon = icons[token.admonitionType] || '\u2139';
|
||||
const inner = this.parser.parse(token.tokens || []);
|
||||
const inner = this.parser.parse(token.text);
|
||||
return `<div class="admonition admonition-${token.admonitionType}">
|
||||
<div class="admonition-title">${icon} ${token.admonitionType.charAt(0).toUpperCase() + token.admonitionType.slice(1)}</div>
|
||||
<div class="admonition-content">${inner}</div>
|
||||
@@ -153,20 +132,8 @@ function plantumlEncode(text) {
|
||||
return '~h' + hex;
|
||||
}
|
||||
|
||||
// Scopes user custom CSS by prefixing all selectors to protect application UI
|
||||
function scopeCSS(cssText, scopeSelector) {
|
||||
if (!cssText) return '';
|
||||
return cssText.replace(/([^\r\n,{}]+)(,(?=[^}]*{)|(?=[^{]*{))/g, (match, selector, separator) => {
|
||||
const trimmed = selector.trim();
|
||||
if (!trimmed || trimmed.startsWith('@') || trimmed.startsWith(':root') || trimmed.startsWith('from') || trimmed.startsWith('to') || /^\d+%$/.test(trimmed)) {
|
||||
return match;
|
||||
}
|
||||
return scopeSelector + ' ' + trimmed + (separator || '');
|
||||
});
|
||||
}
|
||||
|
||||
// Module-level reference set by DOMContentLoaded after sidebar registration
|
||||
const outlinePanelContainer = null;
|
||||
let outlinePanelContainer = null;
|
||||
|
||||
// Tab Management
|
||||
class TabManager {
|
||||
@@ -181,7 +148,6 @@ class TabManager {
|
||||
this.recentFiles = JSON.parse(localStorage.getItem('recentFiles') || '[]');
|
||||
this.previewDebounceTimers = new Map(); // Debounce timers per tab
|
||||
this.previewDebounceDelay = 300; // 300ms debounce
|
||||
this.previewCache = new Map(); // Performance optimization render cache
|
||||
|
||||
// Initialize first tab
|
||||
this.tabs.set(1, {
|
||||
@@ -265,7 +231,7 @@ class TabManager {
|
||||
editorView: null,
|
||||
findMatches: [],
|
||||
currentMatchIndex: -1,
|
||||
type: type, // 'markdown' or 'pdf'
|
||||
type: type,
|
||||
// PDF-specific state
|
||||
pdfDoc: null,
|
||||
pdfCurrentPage: 1,
|
||||
@@ -278,7 +244,6 @@ class TabManager {
|
||||
this.switchToTab(newTabId);
|
||||
this.startAutoSave();
|
||||
this.updateTabBar();
|
||||
console.log('createNewTab: tab created with type:', type);
|
||||
}
|
||||
|
||||
createPdfTab(filePath) {
|
||||
@@ -490,7 +455,27 @@ class TabManager {
|
||||
document.querySelector('.editor-container').appendChild(tabContent);
|
||||
|
||||
// Initialize CodeMirror editor
|
||||
this.ensureEditor(tab);
|
||||
const editorContainer = document.getElementById(`editor-cm-${tab.id}`);
|
||||
if (editorContainer) {
|
||||
const isDark = document.body.className.includes('dark');
|
||||
tab.editorView = createEditor(editorContainer, {
|
||||
content: tab.content,
|
||||
onChange: (newContent) => {
|
||||
tab.content = newContent;
|
||||
tab.isDirty = true;
|
||||
this.updatePreview(tab.id);
|
||||
this.updateWordCount();
|
||||
this.updateTabBar();
|
||||
if (outlinePanelContainer?._refreshOutline) outlinePanelContainer._refreshOutline();
|
||||
},
|
||||
onUpdate: (view) => {
|
||||
this.updateCursorPosition(view);
|
||||
if (outlinePanelContainer?._setActiveHeading) outlinePanelContainer._setActiveHeading(view.state.doc.lineAt(view.state.selection.main.head).number);
|
||||
},
|
||||
isDark,
|
||||
showLineNumbers: this.showLineNumbers,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
switchToTab(tabId) {
|
||||
@@ -516,7 +501,7 @@ class TabManager {
|
||||
|
||||
// Notify main process about current file for exports
|
||||
const tab = this.tabs.get(tabId);
|
||||
ipcRenderer.send('set-current-file', tab?.filePath || null);
|
||||
const result = await file.write(path, content);
|
||||
|
||||
// Refresh outline panel for new tab content
|
||||
if (outlinePanelContainer?._refreshOutline) outlinePanelContainer._refreshOutline();
|
||||
@@ -676,11 +661,6 @@ class TabManager {
|
||||
const tab = this.tabs.get(tabId);
|
||||
if (!tab || tab.type === 'pdf') return;
|
||||
|
||||
// Guard against auto-renders in large file mode
|
||||
if (tab.largeFileMode && !immediate) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Clear existing debounce timer for this tab
|
||||
if (this.previewDebounceTimers.has(tabId)) {
|
||||
clearTimeout(this.previewDebounceTimers.get(tabId));
|
||||
@@ -699,55 +679,20 @@ class TabManager {
|
||||
}, this.previewDebounceDelay));
|
||||
}
|
||||
|
||||
_hash(str) {
|
||||
if (!str) return 0;
|
||||
let hash = 0;
|
||||
for (let i = 0; i < str.length; i++) {
|
||||
hash = ((hash << 5) - hash) + str.charCodeAt(i);
|
||||
hash |= 0; // Convert to 32bit integer
|
||||
}
|
||||
return hash;
|
||||
}
|
||||
|
||||
_renderPreview(tabId) {
|
||||
const tab = this.tabs.get(tabId);
|
||||
const preview = document.getElementById(`preview-${tabId}`);
|
||||
console.log('[_renderPreview] tabId:', tabId, 'tab exists:', !!tab, 'preview exists:', !!preview, 'content length:', tab?.content?.length);
|
||||
|
||||
if (!tab || !preview) return;
|
||||
|
||||
try {
|
||||
// Check if libraries are available
|
||||
if (!marked || !DOMPurify) {
|
||||
console.error('[_renderPreview] Libraries not available:', { marked: !!marked, DOMPurify: !!DOMPurify });
|
||||
preview.innerHTML = '<div class="preview-error"><div class="preview-error-icon">⚠️</div><div class="preview-error-title">Libraries Not Loaded</div><div class="preview-error-message">Required libraries (marked/DOMPurify) could not be loaded. Please check your installation.</div></div>';
|
||||
return;
|
||||
}
|
||||
|
||||
// Cache lookup
|
||||
const contentHash = this._hash(tab.content);
|
||||
let sanitizedHtml;
|
||||
if (this.previewCache.has(contentHash)) {
|
||||
console.log('[_renderPreview] Cache hit for hash:', contentHash);
|
||||
sanitizedHtml = this.previewCache.get(contentHash);
|
||||
} else {
|
||||
console.log('[_renderPreview] Cache miss. About to call marked.parse, content length:', tab.content.length);
|
||||
const html = marked.parse(tab.content);
|
||||
console.log('[_renderPreview] marked.parse returned type:', typeof html, 'isPromise:', html instanceof Promise);
|
||||
if (html instanceof Promise) {
|
||||
console.error('[_renderPreview] marked.parse returned a Promise! Need to await it.');
|
||||
return;
|
||||
}
|
||||
sanitizedHtml = DOMPurify.sanitize(html);
|
||||
console.log('[_renderPreview] DOMPurify.sanitize returned, length:', sanitizedHtml.length);
|
||||
|
||||
// Add to cache and maintain cache size limit (100 entries)
|
||||
this.previewCache.set(contentHash, sanitizedHtml);
|
||||
if (this.previewCache.size > 100) {
|
||||
const oldestKey = this.previewCache.keys().next().value;
|
||||
this.previewCache.delete(oldestKey);
|
||||
}
|
||||
}
|
||||
const html = marked.parse(tab.content);
|
||||
let sanitizedHtml = DOMPurify.sanitize(html);
|
||||
|
||||
// TOC generation
|
||||
if (sanitizedHtml.includes('[[toc]]') || sanitizedHtml.includes('[TOC]')) {
|
||||
@@ -979,7 +924,7 @@ class TabManager {
|
||||
|
||||
// Only auto-save if content has changed since last save
|
||||
if (tab.lastSavedContent !== tab.content) {
|
||||
ipcRenderer.send('save-file', { path: tab.filePath, content: tab.content });
|
||||
await file.write(tab.filePath, tab.content);
|
||||
tab.lastSavedContent = tab.content;
|
||||
|
||||
// Show brief auto-save indicator
|
||||
@@ -1018,7 +963,7 @@ class TabManager {
|
||||
|
||||
// Save to localStorage and sync with main process
|
||||
localStorage.setItem('recentFiles', JSON.stringify(this.recentFiles));
|
||||
ipcRenderer.send('save-recent-files', this.recentFiles);
|
||||
await app.saveRecentFiles(this.recentFiles);
|
||||
}
|
||||
|
||||
getRecentFiles() {
|
||||
@@ -1383,22 +1328,10 @@ class TabManager {
|
||||
}
|
||||
}
|
||||
|
||||
checkForLargeFile(tab, content) {
|
||||
if (content && content.length > 1024 * 1024) { // >1MB
|
||||
tab.largeFileMode = true;
|
||||
this.isPreviewVisible = false;
|
||||
this.updatePreviewVisibility();
|
||||
notifyUser('Large file detected (>1MB). Large File Mode enabled to maintain peak responsiveness. Live preview auto-render is disabled.', 'warning');
|
||||
} else {
|
||||
tab.largeFileMode = false;
|
||||
}
|
||||
}
|
||||
|
||||
// File operations
|
||||
openFile(filePath, content) {
|
||||
console.log('openFile called with:', filePath, 'content length:', content.length);
|
||||
let tab = this.tabs.get(this.activeTabId);
|
||||
console.log('openFile tab state before:', { id: tab?.id, hasEditorView: !!tab?.editorView, contentLength: tab?.content?.length, filePath: tab?.filePath, isDirty: tab?.isDirty });
|
||||
|
||||
// Handle both forward and back slashes for cross-platform compatibility
|
||||
const fileName = filePath.split(/[\\/]/).pop();
|
||||
@@ -1412,31 +1345,24 @@ class TabManager {
|
||||
tab.originalContent = content;
|
||||
tab.isDirty = false;
|
||||
|
||||
this.checkForLargeFile(tab, content);
|
||||
|
||||
// Update the editor and preview
|
||||
this.setEditorContent(this.activeTabId, content);
|
||||
console.log('openFile after setEditorContent, tab state:', { id: tab.id, hasEditorView: !!tab.editorView, contentLength: tab.content.length });
|
||||
this.updatePreview(this.activeTabId, true); // immediate=true for initial load
|
||||
this.updatePreview(this.activeTabId);
|
||||
this.updateWordCount();
|
||||
} else {
|
||||
// Create new tab for the file
|
||||
console.log('Creating new tab for file');
|
||||
this.createNewTab();
|
||||
tab = this.tabs.get(this.activeTabId);
|
||||
console.log('openFile after createNewTab, tab:', { id: tab.id, hasEditorView: !!tab.editorView });
|
||||
tab.filePath = filePath;
|
||||
tab.title = fileName;
|
||||
tab.content = content;
|
||||
tab.originalContent = content;
|
||||
tab.isDirty = false;
|
||||
|
||||
this.checkForLargeFile(tab, content);
|
||||
|
||||
// Set content in the CodeMirror editor
|
||||
this.setEditorContent(this.activeTabId, content);
|
||||
console.log('openFile after setEditorContent, tab state:', { id: tab.id, hasEditorView: !!tab.editorView, contentLength: tab.content.length });
|
||||
this.updatePreview(this.activeTabId, true); // immediate=true for initial load
|
||||
this.updatePreview(this.activeTabId);
|
||||
this.updateWordCount();
|
||||
}
|
||||
this.startAutoSave();
|
||||
@@ -1444,10 +1370,9 @@ class TabManager {
|
||||
this.updateTabBar();
|
||||
this.updateFilePath();
|
||||
this.updateBreadcrumb();
|
||||
this.updateUI(); // Ensure tab content is visible
|
||||
|
||||
// Notify main process about current file for exports
|
||||
ipcRenderer.send('set-current-file', filePath);
|
||||
// handled via event
|
||||
|
||||
console.log('File opened successfully');
|
||||
}
|
||||
@@ -1461,47 +1386,9 @@ class TabManager {
|
||||
return tab?.content || '';
|
||||
}
|
||||
|
||||
// Ensure a tab has a CodeMirror editor (lazy creation fallback)
|
||||
ensureEditor(tab) {
|
||||
if (tab.editorView) return true;
|
||||
const editorContainer = document.getElementById(`editor-cm-${tab.id}`);
|
||||
if (!editorContainer) {
|
||||
console.error(`[ensureEditor] editor-cm-${tab.id} not found in DOM`);
|
||||
return false;
|
||||
}
|
||||
try {
|
||||
const isDark = document.body.className.includes('dark');
|
||||
tab.editorView = createEditor(editorContainer, {
|
||||
content: tab.content,
|
||||
onChange: (newContent) => {
|
||||
tab.content = newContent;
|
||||
tab.isDirty = true;
|
||||
this.updatePreview(tab.id);
|
||||
this.updateWordCount();
|
||||
this.updateTabBar();
|
||||
if (outlinePanelContainer?._refreshOutline) outlinePanelContainer._refreshOutline();
|
||||
},
|
||||
onUpdate: (view) => {
|
||||
this.updateCursorPosition(view);
|
||||
if (outlinePanelContainer?._setActiveHeading) outlinePanelContainer._setActiveHeading(view.state.doc.lineAt(view.state.selection.main.head).number);
|
||||
},
|
||||
isDark,
|
||||
showLineNumbers: this.showLineNumbers,
|
||||
});
|
||||
console.log(`[ensureEditor] Created editor for tab ${tab.id}`);
|
||||
return true;
|
||||
} catch (err) {
|
||||
console.error(`[ensureEditor] Failed to create editor for tab ${tab.id}:`, err);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
// Set content in editor
|
||||
setEditorContent(tabId, content) {
|
||||
const tab = this.tabs.get(tabId);
|
||||
if (!tab?.editorView) {
|
||||
this.ensureEditor(tab);
|
||||
}
|
||||
if (tab?.editorView) {
|
||||
tab.editorView.dispatch({
|
||||
changes: { from: 0, to: tab.editorView.state.doc.length, insert: content }
|
||||
@@ -1559,13 +1446,6 @@ let replPanel;
|
||||
|
||||
document.addEventListener('DOMContentLoaded', async () => {
|
||||
tabManager = new TabManager();
|
||||
|
||||
// Load saved Custom Preview CSS if present
|
||||
const savedCSSContent = localStorage.getItem('customPreviewCSSContent');
|
||||
if (savedCSSContent) {
|
||||
applyCustomPreviewCSS(savedCSSContent);
|
||||
}
|
||||
|
||||
const ReplPanel = getReplPanel();
|
||||
replPanel = new ReplPanel();
|
||||
|
||||
@@ -1604,12 +1484,12 @@ document.addEventListener('DOMContentLoaded', async () => {
|
||||
// Initialize sidebar
|
||||
const SidebarManager = getSidebarManager();
|
||||
const sidebarManager = new SidebarManager();
|
||||
const explorerCurrentDir = null;
|
||||
let explorerCurrentDir = null;
|
||||
|
||||
sidebarManager.registerPanel('explorer', {
|
||||
title: 'Explorer',
|
||||
render: (container) => getRenderExplorerPanel()(container, {
|
||||
listDirectory: (dir) => ipcRenderer.invoke('list-directory', dir),
|
||||
listDirectory: (dir) => file.listDirectory(dir),
|
||||
onFileOpen: (filePath) => ipcRenderer.send('open-file-path', filePath),
|
||||
currentDir: explorerCurrentDir,
|
||||
})
|
||||
@@ -1617,11 +1497,11 @@ document.addEventListener('DOMContentLoaded', async () => {
|
||||
sidebarManager.registerPanel('git', {
|
||||
title: 'Git',
|
||||
render: (container) => getRenderGitPanel()(container, {
|
||||
gitStatus: () => ipcRenderer.invoke('git-status'),
|
||||
gitDiff: (file) => ipcRenderer.invoke('git-diff', { file }),
|
||||
gitStage: (files) => ipcRenderer.invoke('git-stage', { files }),
|
||||
gitCommit: (message) => ipcRenderer.invoke('git-commit', { message }),
|
||||
gitLog: () => ipcRenderer.invoke('git-log'),
|
||||
gitStatus: () => git.status(tab?.filePath ? path.dirname(tab.filePath) : null),
|
||||
gitDiff: (file) => git.diff(path.dirname(file) || null, file),
|
||||
gitStage: (files) => git.stage(path.dirname(files[0]) || null, files),
|
||||
gitCommit: (message) => git.commit(getGitRepoPath(), message),
|
||||
gitLog: () => git.log(getGitRepoPath()),
|
||||
})
|
||||
});
|
||||
sidebarManager.registerPanel('snippets', {
|
||||
@@ -1636,7 +1516,7 @@ document.addEventListener('DOMContentLoaded', async () => {
|
||||
sidebarManager.registerPanel('templates', {
|
||||
title: 'Templates',
|
||||
render: (container) => getRenderTemplatesPanel()(container, async (file) => {
|
||||
const templateContent = await ipcRenderer.invoke('load-template', file);
|
||||
const templateContent = await ipcRenderer.invoke('load-template', file),
|
||||
if (templateContent) {
|
||||
const content = templateContent.replace(/\{\{DATE\}\}/g, new Date().toISOString().split('T')[0]);
|
||||
tabManager.createNewTab();
|
||||
@@ -1745,8 +1625,7 @@ document.addEventListener('DOMContentLoaded', async () => {
|
||||
const welcomeHtml = getCreateWelcomeContent()(recentFiles, appVersion);
|
||||
|
||||
const tab = tabManager.tabs.get(tabManager.activeTabId);
|
||||
// Only show welcome if no file was opened while we were awaiting
|
||||
if (tab && !tab.filePath && tab.content === '') {
|
||||
if (tab) {
|
||||
tab.title = 'Welcome';
|
||||
tab.content = '';
|
||||
const preview = document.getElementById(`preview-${tab.id}`);
|
||||
@@ -1888,8 +1767,6 @@ document.addEventListener('DOMContentLoaded', async () => {
|
||||
commandPalette.register('Insert Image', '', () => tabManager.wrapSelection(''));
|
||||
commandPalette.register('Toggle Zen Mode', 'F11', () => zenMode.toggle());
|
||||
commandPalette.register('Writing Analytics', 'Ctrl+Shift+A', () => getShowAnalyticsModal()(tabManager));
|
||||
commandPalette.register('Load Custom Preview CSS', '', triggerLoadCustomCSS);
|
||||
commandPalette.register('Clear Custom Preview CSS', '', triggerClearCustomCSS);
|
||||
|
||||
// Keyboard shortcuts
|
||||
document.addEventListener('keydown', (e) => {
|
||||
@@ -1915,9 +1792,27 @@ document.addEventListener('DOMContentLoaded', async () => {
|
||||
});
|
||||
|
||||
// Initialize CodeMirror for the initial tab (tab 1)
|
||||
const initialTab = tabManager.tabs.get(1);
|
||||
if (initialTab) {
|
||||
tabManager.ensureEditor(initialTab);
|
||||
const initialEditorContainer = document.getElementById('editor-cm-1');
|
||||
if (initialEditorContainer) {
|
||||
const tab = tabManager.tabs.get(1);
|
||||
const isDark = document.body.className.includes('dark');
|
||||
tab.editorView = createEditor(initialEditorContainer, {
|
||||
content: tab.content,
|
||||
onChange: (newContent) => {
|
||||
tab.content = newContent;
|
||||
tab.isDirty = true;
|
||||
tabManager.updatePreview(tab.id);
|
||||
tabManager.updateWordCount();
|
||||
tabManager.updateTabBar();
|
||||
if (outlinePanelContainer?._refreshOutline) outlinePanelContainer._refreshOutline();
|
||||
},
|
||||
onUpdate: (view) => {
|
||||
tabManager.updateCursorPosition(view);
|
||||
if (outlinePanelContainer?._setActiveHeading) outlinePanelContainer._setActiveHeading(view.state.doc.lineAt(view.state.selection.main.head).number);
|
||||
},
|
||||
isDark,
|
||||
showLineNumbers: tabManager.showLineNumbers,
|
||||
});
|
||||
}
|
||||
|
||||
// Request current theme
|
||||
@@ -1942,33 +1837,20 @@ document.addEventListener('DOMContentLoaded', async () => {
|
||||
});
|
||||
|
||||
// IPC event listeners
|
||||
// IPC event listeners
|
||||
ipcRenderer.on('file-new', () => {
|
||||
events.onFileNew(() => {
|
||||
tabManager.createNewTab();
|
||||
});
|
||||
|
||||
ipcRenderer.on('file-opened', (event, data) => {
|
||||
events.onFileOpened((event, data) => {
|
||||
console.log('[RENDERER] file-opened received:', data.path, 'content length:', data.content.length);
|
||||
console.log('[RENDERER] activeTabId before openFile:', tabManager.activeTabId);
|
||||
// Diagnostic: check library state
|
||||
console.log('[RENDERER] Library state:', {
|
||||
marked: typeof marked,
|
||||
DOMPurify: typeof DOMPurify,
|
||||
markedParse: typeof marked?.parse,
|
||||
dompurifySanitize: typeof DOMPurify?.sanitize,
|
||||
tabManagerExists: !!tabManager
|
||||
});
|
||||
if (tabManager) {
|
||||
tabManager.openFile(data.path, data.content);
|
||||
console.log('[RENDERER] activeTabId after openFile:', tabManager.activeTabId);
|
||||
const tab = tabManager.tabs.get(tabManager.activeTabId);
|
||||
console.log('[RENDERER] tab state:', { id: tab?.id, hasEditorView: !!tab?.editorView, contentLength: tab?.content?.length });
|
||||
} else {
|
||||
console.error('[RENDERER] tabManager not initialized!');
|
||||
}
|
||||
});
|
||||
|
||||
ipcRenderer.on('file-save', () => {
|
||||
events.onFileSave(() => {
|
||||
const currentContent = tabManager.getCurrentContent();
|
||||
const currentFilePath = tabManager.getCurrentFilePath();
|
||||
// send to main process which will save or trigger save-as dialog
|
||||
@@ -1996,12 +1878,12 @@ ipcRenderer.on('get-content-for-spreadsheet', (event, format) => {
|
||||
ipcRenderer.send('export-spreadsheet', { content: currentContent, format });
|
||||
});
|
||||
|
||||
ipcRenderer.on('toggle-preview', () => {
|
||||
events.onTogglePreview(() => {
|
||||
tabManager.isPreviewVisible = !tabManager.isPreviewVisible;
|
||||
tabManager.updatePreviewVisibility();
|
||||
});
|
||||
|
||||
ipcRenderer.on('toggle-find', () => {
|
||||
events.onToggleFind(() => {
|
||||
if (window.modals.findModal.isOpen()) {
|
||||
window.modals.findModal.close();
|
||||
} else {
|
||||
@@ -2010,7 +1892,7 @@ ipcRenderer.on('toggle-find', () => {
|
||||
}
|
||||
});
|
||||
|
||||
ipcRenderer.on('theme-changed', (event, theme) => {
|
||||
events.onThemeChanged((event, theme) => {
|
||||
console.log('[RENDERER] Theme changed to:', theme);
|
||||
document.body.className = `theme-${theme}`;
|
||||
|
||||
@@ -2023,7 +1905,7 @@ ipcRenderer.on('theme-changed', (event, theme) => {
|
||||
});
|
||||
|
||||
// Undo/Redo handlers — delegate to CodeMirror's built-in history
|
||||
ipcRenderer.on('undo', () => {
|
||||
events.onUndo(() => {
|
||||
if (tabManager) {
|
||||
const tab = tabManager.tabs.get(tabManager.activeTabId);
|
||||
if (tab?.editorView) {
|
||||
@@ -2032,7 +1914,7 @@ ipcRenderer.on('undo', () => {
|
||||
}
|
||||
});
|
||||
|
||||
ipcRenderer.on('redo', () => {
|
||||
events.onRedo(() => {
|
||||
if (tabManager) {
|
||||
const tab = tabManager.tabs.get(tabManager.activeTabId);
|
||||
if (tab?.editorView) {
|
||||
@@ -2041,49 +1923,6 @@ ipcRenderer.on('redo', () => {
|
||||
}
|
||||
});
|
||||
|
||||
// Custom Preview CSS event handlers and trigger helpers
|
||||
function applyCustomPreviewCSS(cssContent) {
|
||||
let styleTag = document.getElementById('custom-preview-style');
|
||||
if (!styleTag) {
|
||||
styleTag = document.createElement('style');
|
||||
styleTag.id = 'custom-preview-style';
|
||||
document.head.appendChild(styleTag);
|
||||
}
|
||||
const scopedCSS = scopeCSS(cssContent, '.preview-content');
|
||||
styleTag.textContent = scopedCSS;
|
||||
}
|
||||
|
||||
async function triggerLoadCustomCSS() {
|
||||
try {
|
||||
const result = await window.electronAPI.invoke('select-custom-css');
|
||||
if (result) {
|
||||
console.log('[RENDERER] Custom CSS loaded from:', result.path);
|
||||
localStorage.setItem('customPreviewCSSPath', result.path);
|
||||
localStorage.setItem('customPreviewCSSContent', result.content);
|
||||
applyCustomPreviewCSS(result.content);
|
||||
notifyUser('Custom preview stylesheet applied successfully.', 'success');
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('[RENDERER] Error loading custom CSS:', err);
|
||||
notifyUser('Failed to load custom CSS stylesheet.', 'error');
|
||||
}
|
||||
}
|
||||
|
||||
function triggerClearCustomCSS() {
|
||||
localStorage.removeItem('customPreviewCSSPath');
|
||||
localStorage.removeItem('customPreviewCSSContent');
|
||||
const styleTag = document.getElementById('custom-preview-style');
|
||||
if (styleTag) {
|
||||
styleTag.remove();
|
||||
}
|
||||
notifyUser('Custom preview stylesheet cleared.', 'info');
|
||||
}
|
||||
|
||||
ipcRenderer.on('load-custom-css', triggerLoadCustomCSS);
|
||||
ipcRenderer.on('clear-custom-css', triggerClearCustomCSS);
|
||||
|
||||
|
||||
|
||||
// Font size adjustment
|
||||
let currentFontSize = parseInt(localStorage.getItem('fontSize')) || 15;
|
||||
|
||||
@@ -2203,39 +2042,13 @@ function initializeExportForm(format) {
|
||||
document.getElementById('export-citeproc').checked = false;
|
||||
document.getElementById('export-toc-depth').value = 3;
|
||||
|
||||
// Toggle and reset PDF-specific fields
|
||||
const pdfOnly = document.querySelector('.pdf-only');
|
||||
if (pdfOnly) {
|
||||
pdfOnly.style.display = (format === 'pdf') ? 'block' : 'none';
|
||||
}
|
||||
// PDF-specific fields
|
||||
if (format === 'pdf') {
|
||||
document.getElementById('pdf-engine').value = 'xelatex';
|
||||
document.getElementById('pdf-geometry').value = 'margin=1in';
|
||||
document.getElementById('custom-geometry').style.display = 'none';
|
||||
}
|
||||
|
||||
// Toggle and reset Reveal.js-specific fields
|
||||
const revealjsOnly = document.querySelector('.revealjs-only');
|
||||
if (revealjsOnly) {
|
||||
revealjsOnly.style.display = (format === 'revealjs') ? 'block' : 'none';
|
||||
}
|
||||
const revealTheme = document.getElementById('reveal-theme');
|
||||
if (revealTheme) revealTheme.value = 'black';
|
||||
const revealTransition = document.getElementById('reveal-transition');
|
||||
if (revealTransition) revealTransition.value = 'slide';
|
||||
const revealSpeed = document.getElementById('reveal-speed');
|
||||
if (revealSpeed) revealSpeed.value = 'default';
|
||||
const revealSlideNumber = document.getElementById('reveal-slide-number');
|
||||
if (revealSlideNumber) revealSlideNumber.checked = false;
|
||||
const revealControls = document.getElementById('reveal-controls');
|
||||
if (revealControls) revealControls.checked = true;
|
||||
const revealProgress = document.getElementById('reveal-progress');
|
||||
if (revealProgress) revealProgress.checked = true;
|
||||
const revealHistory = document.getElementById('reveal-history');
|
||||
if (revealHistory) revealHistory.checked = true;
|
||||
const revealCenter = document.getElementById('reveal-center');
|
||||
if (revealCenter) revealCenter.checked = true;
|
||||
|
||||
// Clear bibliography fields
|
||||
document.getElementById('bibliography-file').value = '';
|
||||
document.getElementById('csl-file').value = '';
|
||||
@@ -2295,18 +2108,6 @@ function collectExportOptions() {
|
||||
}
|
||||
}
|
||||
|
||||
// Reveal.js-specific options
|
||||
if (currentExportFormat === 'revealjs') {
|
||||
options.revealTheme = document.getElementById('reveal-theme').value;
|
||||
options.revealTransition = document.getElementById('reveal-transition').value;
|
||||
options.revealTransitionSpeed = document.getElementById('reveal-speed').value;
|
||||
options.revealSlideNumber = document.getElementById('reveal-slide-number').checked;
|
||||
options.revealControls = document.getElementById('reveal-controls').checked;
|
||||
options.revealProgress = document.getElementById('reveal-progress').checked;
|
||||
options.revealHistory = document.getElementById('reveal-history').checked;
|
||||
options.revealCenter = document.getElementById('reveal-center').checked;
|
||||
}
|
||||
|
||||
// Bibliography
|
||||
const bibFile = document.getElementById('bibliography-file').value.trim();
|
||||
const cslFile = document.getElementById('csl-file').value.trim();
|
||||
@@ -2317,15 +2118,6 @@ function collectExportOptions() {
|
||||
if (currentExportFormat === 'pdf') {
|
||||
options.pdfEngine = 'xelatex';
|
||||
options.geometry = 'margin=1in';
|
||||
} else if (currentExportFormat === 'revealjs') {
|
||||
options.revealTheme = 'black';
|
||||
options.revealTransition = 'slide';
|
||||
options.revealTransitionSpeed = 'default';
|
||||
options.revealSlideNumber = false;
|
||||
options.revealControls = true;
|
||||
options.revealProgress = true;
|
||||
options.revealHistory = true;
|
||||
options.revealCenter = true;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3243,18 +3035,6 @@ function showPDFEditorDialog(operation, openedFilePath = null) {
|
||||
section.classList.add('hidden');
|
||||
});
|
||||
|
||||
// Hide visual thumbnail sidebar by default
|
||||
const sidebar = document.getElementById('pdf-thumbnail-sidebar');
|
||||
if (sidebar) {
|
||||
sidebar.classList.add('hidden');
|
||||
}
|
||||
const body = document.querySelector('.pdf-editor-body');
|
||||
if (body) {
|
||||
body.classList.remove('side-by-side');
|
||||
}
|
||||
pdfDocInstance = null;
|
||||
pdfPreviewState = { pages: [], filePath: '' };
|
||||
|
||||
// Show the appropriate section and set title
|
||||
let sectionId, titleText;
|
||||
switch (operation) {
|
||||
@@ -3288,11 +3068,7 @@ function showPDFEditorDialog(operation, openedFilePath = null) {
|
||||
titleText = 'Rotate Pages';
|
||||
if (openedFilePath) {
|
||||
const rotateInput = document.getElementById('rotate-input-path');
|
||||
if (rotateInput) {
|
||||
rotateInput.value = openedFilePath;
|
||||
// Trigger thumbnail generation
|
||||
setTimeout(() => onPDFFileSelected('rotate-input-path', openedFilePath), 50);
|
||||
}
|
||||
if (rotateInput) rotateInput.value = openedFilePath;
|
||||
}
|
||||
break;
|
||||
case 'delete':
|
||||
@@ -3300,11 +3076,7 @@ function showPDFEditorDialog(operation, openedFilePath = null) {
|
||||
titleText = 'Delete Pages';
|
||||
if (openedFilePath) {
|
||||
const deleteInput = document.getElementById('delete-input-path');
|
||||
if (deleteInput) {
|
||||
deleteInput.value = openedFilePath;
|
||||
// Trigger thumbnail generation
|
||||
setTimeout(() => onPDFFileSelected('delete-input-path', openedFilePath), 50);
|
||||
}
|
||||
if (deleteInput) deleteInput.value = openedFilePath;
|
||||
}
|
||||
break;
|
||||
case 'reorder':
|
||||
@@ -3312,11 +3084,7 @@ function showPDFEditorDialog(operation, openedFilePath = null) {
|
||||
titleText = 'Reorder Pages';
|
||||
if (openedFilePath) {
|
||||
const reorderInput = document.getElementById('reorder-input-path');
|
||||
if (reorderInput) {
|
||||
reorderInput.value = openedFilePath;
|
||||
// Trigger thumbnail generation
|
||||
setTimeout(() => onPDFFileSelected('reorder-input-path', openedFilePath), 50);
|
||||
}
|
||||
if (reorderInput) reorderInput.value = openedFilePath;
|
||||
}
|
||||
break;
|
||||
case 'watermark':
|
||||
@@ -3477,7 +3245,6 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
const file = e.target.files[0];
|
||||
if (file) {
|
||||
document.getElementById(button.inputId).value = file.path;
|
||||
onPDFFileSelected(button.inputId, file.path);
|
||||
}
|
||||
};
|
||||
input.click();
|
||||
@@ -3487,7 +3254,6 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
const file = e.target.files[0];
|
||||
if (file) {
|
||||
document.getElementById(button.inputId).value = file.path;
|
||||
onPDFFileSelected(button.inputId, file.path);
|
||||
}
|
||||
};
|
||||
input.click();
|
||||
@@ -3632,7 +3398,7 @@ function showPDFValidationMessage(message, focusSelector = null) {
|
||||
// Process PDF Operation
|
||||
function processPDFOperation() {
|
||||
const operation = currentPDFOperation;
|
||||
const operationData = { operation };
|
||||
let operationData = { operation };
|
||||
|
||||
try {
|
||||
switch (operation) {
|
||||
@@ -4422,7 +4188,7 @@ function textToASCII(text, style) {
|
||||
lines[i] = '';
|
||||
}
|
||||
|
||||
for (const char of upperText) {
|
||||
for (let char of upperText) {
|
||||
const charLines = font.chars[char] || font.chars[' '];
|
||||
if (charLines) {
|
||||
for (let i = 0; i < font.height; i++) {
|
||||
@@ -4460,7 +4226,7 @@ function createASCIIBox(text, style, padding) {
|
||||
}
|
||||
|
||||
// Content lines
|
||||
for (const line of lines) {
|
||||
for (let line of lines) {
|
||||
const paddedLine = line.padEnd(maxLength, ' ');
|
||||
result += chars.v + ' '.repeat(padding) + paddedLine + ' '.repeat(padding) + chars.v + '\n';
|
||||
}
|
||||
@@ -5096,224 +4862,3 @@ ipcRenderer.on('show-video-tool', (event, tool) => {
|
||||
{ duration: 5000 }
|
||||
);
|
||||
});
|
||||
|
||||
// ============================================
|
||||
// PDF EDITOR VISUAL PAGE SIDEBAR HANDLERS
|
||||
// ============================================
|
||||
let pdfDocInstance = null;
|
||||
let pdfPreviewState = { pages: [], filePath: '' };
|
||||
|
||||
function onPDFFileSelected(inputId, filePath) {
|
||||
const eligibleInputs = ['rotate-input-path', 'delete-input-path', 'reorder-input-path'];
|
||||
if (!eligibleInputs.includes(inputId)) {
|
||||
return;
|
||||
}
|
||||
|
||||
const sidebar = document.getElementById('pdf-thumbnail-sidebar');
|
||||
if (sidebar) {
|
||||
sidebar.classList.remove('hidden');
|
||||
}
|
||||
const body = document.querySelector('.pdf-editor-body');
|
||||
if (body) {
|
||||
body.classList.add('side-by-side');
|
||||
}
|
||||
|
||||
loadPDFThumbnails(filePath);
|
||||
}
|
||||
|
||||
async function loadPDFThumbnails(filePath) {
|
||||
const grid = document.getElementById('pdf-thumbnail-grid');
|
||||
if (!grid) return;
|
||||
|
||||
// Reset previous inputs
|
||||
const rotateInput = document.getElementById('rotate-pages');
|
||||
if (rotateInput) rotateInput.value = '';
|
||||
const deleteInput = document.getElementById('delete-pages');
|
||||
if (deleteInput) deleteInput.value = '';
|
||||
const reorderInput = document.getElementById('reorder-pages');
|
||||
if (reorderInput) reorderInput.value = '';
|
||||
|
||||
grid.innerHTML = '<div class="loading-thumbnails">Loading page thumbnails...</div>';
|
||||
|
||||
try {
|
||||
const pdfjs = getPdfjsLib();
|
||||
const loadingTask = pdfjs.getDocument(filePath);
|
||||
pdfDocInstance = await loadingTask.promise;
|
||||
|
||||
pdfPreviewState.filePath = filePath;
|
||||
pdfPreviewState.pages = [];
|
||||
|
||||
for (let i = 1; i <= pdfDocInstance.numPages; i++) {
|
||||
pdfPreviewState.pages.push({
|
||||
originalPageNum: i,
|
||||
rotation: 0,
|
||||
isDeleted: false
|
||||
});
|
||||
}
|
||||
|
||||
renderThumbnailGrid();
|
||||
} catch (err) {
|
||||
console.error('Error loading PDF thumbnails:', err);
|
||||
grid.innerHTML = '<div class="thumbnail-error">Failed to load PDF thumbnails.</div>';
|
||||
}
|
||||
}
|
||||
|
||||
function renderThumbnailGrid() {
|
||||
const grid = document.getElementById('pdf-thumbnail-grid');
|
||||
if (!grid || !pdfDocInstance) return;
|
||||
|
||||
grid.innerHTML = '';
|
||||
|
||||
pdfPreviewState.pages.forEach((pageInfo, index) => {
|
||||
const card = document.createElement('div');
|
||||
card.className = 'pdf-thumbnail-card';
|
||||
if (pageInfo.isDeleted) {
|
||||
card.classList.add('marked-delete');
|
||||
}
|
||||
|
||||
const heading = document.createElement('div');
|
||||
heading.className = 'pdf-thumbnail-header';
|
||||
heading.innerHTML = `<span class="badge">Page ${pageInfo.originalPageNum}</span>`;
|
||||
|
||||
const canvasContainer = document.createElement('div');
|
||||
canvasContainer.className = 'canvas-container';
|
||||
|
||||
const canvas = document.createElement('canvas');
|
||||
canvas.className = 'pdf-thumbnail-canvas';
|
||||
if (pageInfo.rotation > 0) {
|
||||
canvas.classList.add('rot' + pageInfo.rotation);
|
||||
}
|
||||
canvasContainer.appendChild(canvas);
|
||||
|
||||
// Render thumbnail canvas
|
||||
renderThumbnail(pdfDocInstance, pageInfo.originalPageNum, canvas, pageInfo.rotation);
|
||||
|
||||
const controlsRow = document.createElement('div');
|
||||
controlsRow.className = 'pdf-thumbnail-controls';
|
||||
|
||||
// Rotate Button
|
||||
const rotateBtn = document.createElement('button');
|
||||
rotateBtn.type = 'button';
|
||||
rotateBtn.className = 'btn-rotate-thumbnail';
|
||||
rotateBtn.innerHTML = '↻ Rotate 90°';
|
||||
rotateBtn.addEventListener('click', () => {
|
||||
pageInfo.rotation = (pageInfo.rotation + 90) % 360;
|
||||
canvas.className = 'pdf-thumbnail-canvas';
|
||||
if (pageInfo.rotation > 0) {
|
||||
canvas.classList.add('rot' + pageInfo.rotation);
|
||||
}
|
||||
renderThumbnail(pdfDocInstance, pageInfo.originalPageNum, canvas, pageInfo.rotation);
|
||||
syncRotateInput();
|
||||
});
|
||||
|
||||
// Delete Checkbox
|
||||
const deleteLabel = document.createElement('label');
|
||||
deleteLabel.className = 'delete-thumbnail-checkbox';
|
||||
|
||||
const deleteChk = document.createElement('input');
|
||||
deleteChk.type = 'checkbox';
|
||||
deleteChk.checked = pageInfo.isDeleted;
|
||||
deleteChk.addEventListener('change', (e) => {
|
||||
pageInfo.isDeleted = e.target.checked;
|
||||
card.classList.toggle('marked-delete', pageInfo.isDeleted);
|
||||
syncDeleteInput();
|
||||
});
|
||||
deleteLabel.appendChild(deleteChk);
|
||||
deleteLabel.appendChild(document.createTextNode(' Delete'));
|
||||
|
||||
// Reorder buttons
|
||||
const reorderDiv = document.createElement('div');
|
||||
reorderDiv.className = 'pdf-thumbnail-reorder';
|
||||
|
||||
const leftBtn = document.createElement('button');
|
||||
leftBtn.type = 'button';
|
||||
leftBtn.className = 'btn-reorder-left';
|
||||
leftBtn.innerHTML = '◀';
|
||||
leftBtn.disabled = (index === 0);
|
||||
leftBtn.addEventListener('click', () => {
|
||||
const temp = pdfPreviewState.pages[index];
|
||||
pdfPreviewState.pages[index] = pdfPreviewState.pages[index - 1];
|
||||
pdfPreviewState.pages[index - 1] = temp;
|
||||
renderThumbnailGrid();
|
||||
syncReorderInput();
|
||||
});
|
||||
|
||||
const rightBtn = document.createElement('button');
|
||||
rightBtn.type = 'button';
|
||||
rightBtn.className = 'btn-reorder-right';
|
||||
rightBtn.innerHTML = '▶';
|
||||
rightBtn.disabled = (index === pdfPreviewState.pages.length - 1);
|
||||
rightBtn.addEventListener('click', () => {
|
||||
const temp = pdfPreviewState.pages[index];
|
||||
pdfPreviewState.pages[index] = pdfPreviewState.pages[index + 1];
|
||||
pdfPreviewState.pages[index + 1] = temp;
|
||||
renderThumbnailGrid();
|
||||
syncReorderInput();
|
||||
});
|
||||
|
||||
reorderDiv.appendChild(leftBtn);
|
||||
reorderDiv.appendChild(rightBtn);
|
||||
|
||||
controlsRow.appendChild(rotateBtn);
|
||||
controlsRow.appendChild(deleteLabel);
|
||||
controlsRow.appendChild(reorderDiv);
|
||||
|
||||
card.appendChild(heading);
|
||||
card.appendChild(canvasContainer);
|
||||
card.appendChild(controlsRow);
|
||||
|
||||
grid.appendChild(card);
|
||||
});
|
||||
}
|
||||
|
||||
async function renderThumbnail(pdfDoc, originalPageNum, canvasElement, rotation) {
|
||||
try {
|
||||
const page = await pdfDoc.getPage(originalPageNum);
|
||||
const ctx = canvasElement.getContext('2d');
|
||||
|
||||
// Render at a fixed width of 100px
|
||||
const unscaledViewport = page.getViewport({ scale: 1, rotation: 0 });
|
||||
const scale = 100 / unscaledViewport.width;
|
||||
const viewport = page.getViewport({ scale: scale, rotation: 0 });
|
||||
|
||||
canvasElement.width = viewport.width;
|
||||
canvasElement.height = viewport.height;
|
||||
|
||||
await page.render({
|
||||
canvasContext: ctx,
|
||||
viewport: viewport
|
||||
}).promise;
|
||||
} catch (err) {
|
||||
console.error('Error rendering page canvas:', err);
|
||||
}
|
||||
}
|
||||
|
||||
function syncRotateInput() {
|
||||
const rotatedPages = pdfPreviewState.pages
|
||||
.filter(p => p.rotation > 0)
|
||||
.map(p => p.originalPageNum);
|
||||
|
||||
const rotateInput = document.getElementById('rotate-pages');
|
||||
if (rotateInput) {
|
||||
rotateInput.value = rotatedPages.join(', ');
|
||||
}
|
||||
}
|
||||
|
||||
function syncDeleteInput() {
|
||||
const deletedPages = pdfPreviewState.pages
|
||||
.filter(p => p.isDeleted)
|
||||
.map(p => p.originalPageNum);
|
||||
|
||||
const deleteInput = document.getElementById('delete-pages');
|
||||
if (deleteInput) {
|
||||
deleteInput.value = deletedPages.join(', ');
|
||||
}
|
||||
}
|
||||
|
||||
function syncReorderInput() {
|
||||
const order = pdfPreviewState.pages.map(p => p.originalPageNum);
|
||||
const reorderInput = document.getElementById('reorder-pages');
|
||||
if (reorderInput) {
|
||||
reorderInput.value = order.join(', ');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,26 +0,0 @@
|
||||
import { ThemeToggle } from './components/theme-toggle';
|
||||
import { Button } from './components/ui/button';
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<div className="flex h-screen flex-col bg-background text-foreground">
|
||||
<header className="flex h-14 items-center justify-between border-b border-border px-4">
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-7 rounded-md bg-brand" aria-label="MarkdownConverter logo" />
|
||||
<h1 className="text-sm font-semibold">MarkdownConverter</h1>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<Button variant="ghost" size="sm">File</Button>
|
||||
<Button variant="ghost" size="sm">Edit</Button>
|
||||
<Button variant="ghost" size="sm">View</Button>
|
||||
<ThemeToggle />
|
||||
</div>
|
||||
</header>
|
||||
<main className="flex flex-1 items-center justify-center text-muted-foreground">
|
||||
<p>Shell skeleton — implementation phases in progress.</p>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
||||
@@ -1,6 +0,0 @@
|
||||
import { ThemeProvider as NextThemesProvider } from 'next-themes';
|
||||
import type { ComponentProps } from 'react';
|
||||
|
||||
export function ThemeProvider({ children, ...props }: ComponentProps<typeof NextThemesProvider>) {
|
||||
return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
|
||||
}
|
||||
@@ -1,30 +0,0 @@
|
||||
import { useTheme } from 'next-themes';
|
||||
import { Moon, Sun } from 'lucide-react';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { useEffect, useState } from 'react';
|
||||
|
||||
export function ThemeToggle() {
|
||||
const { resolvedTheme, setTheme } = useTheme();
|
||||
const [mounted, setMounted] = useState(false);
|
||||
useEffect(() => setMounted(true), []);
|
||||
|
||||
if (!mounted) {
|
||||
return (
|
||||
<Button variant="ghost" size="icon" aria-label="Toggle theme" className="opacity-0">
|
||||
<Sun className="h-4 w-4" />
|
||||
</Button>
|
||||
);
|
||||
}
|
||||
|
||||
const isDark = resolvedTheme === 'dark';
|
||||
return (
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="icon"
|
||||
aria-label="Toggle theme"
|
||||
onClick={() => setTheme(isDark ? 'light' : 'dark')}
|
||||
>
|
||||
{isDark ? <Sun className="h-4 w-4" /> : <Moon className="h-4 w-4" />}
|
||||
</Button>
|
||||
);
|
||||
}
|
||||
@@ -1,57 +0,0 @@
|
||||
import * as React from "react"
|
||||
import { Slot } from "@radix-ui/react-slot"
|
||||
import { cva, type VariantProps } from "class-variance-authority"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
const buttonVariants = cva(
|
||||
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
||||
{
|
||||
variants: {
|
||||
variant: {
|
||||
default:
|
||||
"bg-primary text-primary-foreground shadow hover:bg-primary/90",
|
||||
destructive:
|
||||
"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
|
||||
outline:
|
||||
"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
|
||||
secondary:
|
||||
"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
|
||||
ghost: "hover:bg-accent hover:text-accent-foreground",
|
||||
link: "text-primary underline-offset-4 hover:underline",
|
||||
},
|
||||
size: {
|
||||
default: "h-9 px-4 py-2",
|
||||
sm: "h-8 rounded-md px-3 text-xs",
|
||||
lg: "h-10 rounded-md px-8",
|
||||
icon: "h-9 w-9",
|
||||
},
|
||||
},
|
||||
defaultVariants: {
|
||||
variant: "default",
|
||||
size: "default",
|
||||
},
|
||||
}
|
||||
)
|
||||
|
||||
export interface ButtonProps
|
||||
extends React.ButtonHTMLAttributes<HTMLButtonElement>,
|
||||
VariantProps<typeof buttonVariants> {
|
||||
asChild?: boolean
|
||||
}
|
||||
|
||||
const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
|
||||
({ className, variant, size, asChild = false, ...props }, ref) => {
|
||||
const Comp = asChild ? Slot : "button"
|
||||
return (
|
||||
<Comp
|
||||
className={cn(buttonVariants({ variant, size, className }))}
|
||||
ref={ref}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
)
|
||||
Button.displayName = "Button"
|
||||
|
||||
export { Button, buttonVariants }
|
||||
@@ -1,16 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob:; font-src 'self' data:; connect-src 'self';">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>MarkdownConverter</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body class="font-sans antialiased">
|
||||
<div id="root"></div>
|
||||
<script type="module" src="./main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,94 +0,0 @@
|
||||
import type {
|
||||
IpcResult,
|
||||
FileResult,
|
||||
FileEntry,
|
||||
PdfOptions,
|
||||
DocxOptions,
|
||||
HtmlOptions,
|
||||
ExportResult,
|
||||
BatchItem,
|
||||
BatchOptions,
|
||||
BatchResult,
|
||||
} from '@/types/ipc';
|
||||
|
||||
type ChannelMissing = { code: 'CHANNEL_MISSING'; message: string };
|
||||
|
||||
function wrap<T>(fn: () => Promise<T>): Promise<IpcResult<T | ChannelMissing>> {
|
||||
if (typeof window === 'undefined' || !window.electronAPI) {
|
||||
return Promise.resolve({
|
||||
ok: false,
|
||||
error: { code: 'NO_BRIDGE', message: 'window.electronAPI is unavailable' },
|
||||
});
|
||||
}
|
||||
return fn().then(
|
||||
(data) => ({ ok: true as const, data }),
|
||||
(err: Error) => ({
|
||||
ok: false as const,
|
||||
error: { code: err.name || 'IPC_ERROR', message: err.message || String(err) },
|
||||
}),
|
||||
);
|
||||
}
|
||||
|
||||
function safeCall<T extends (...args: any[]) => Promise<any>>(
|
||||
channel: string,
|
||||
method: string,
|
||||
...args: Parameters<T>
|
||||
): Promise<IpcResult<Awaited<ReturnType<T>> | ChannelMissing>> {
|
||||
if (typeof window === 'undefined' || !window.electronAPI) {
|
||||
return Promise.resolve({
|
||||
ok: false,
|
||||
error: { code: 'NO_BRIDGE', message: 'window.electronAPI is unavailable' },
|
||||
});
|
||||
}
|
||||
const target = (window.electronAPI as any)[channel]?.[method];
|
||||
if (!target) {
|
||||
return Promise.resolve({
|
||||
ok: false,
|
||||
error: { code: 'CHANNEL_MISSING', message: `Missing channel: ${channel}.${method}` },
|
||||
});
|
||||
}
|
||||
if (typeof target !== 'function') {
|
||||
return Promise.resolve({
|
||||
ok: false,
|
||||
error: { code: 'CHANNEL_MISSING', message: `Not a function: ${channel}.${method}` },
|
||||
});
|
||||
}
|
||||
return wrap(() => target(...args));
|
||||
}
|
||||
|
||||
export const ipc = {
|
||||
file: {
|
||||
open: (): Promise<IpcResult<FileResult | ChannelMissing>> =>
|
||||
safeCall('file', 'open'),
|
||||
read: (path: string): Promise<IpcResult<string | ChannelMissing>> =>
|
||||
safeCall('file', 'read', path),
|
||||
write: (path: string, content: string): Promise<IpcResult<void | ChannelMissing>> =>
|
||||
safeCall('file', 'write', path, content),
|
||||
list: (dir: string): Promise<IpcResult<FileEntry[] | ChannelMissing>> =>
|
||||
safeCall('file', 'list', dir),
|
||||
onChange: (cb: (path: string) => void): (() => void) => {
|
||||
if (typeof window === 'undefined' || !window.electronAPI?.file?.onChange) {
|
||||
return () => {};
|
||||
}
|
||||
return window.electronAPI.file.onChange(cb);
|
||||
},
|
||||
},
|
||||
export: {
|
||||
pdf: (opts: PdfOptions): Promise<IpcResult<ExportResult | ChannelMissing>> =>
|
||||
safeCall('export', 'pdf', opts),
|
||||
docx: (opts: DocxOptions): Promise<IpcResult<ExportResult | ChannelMissing>> =>
|
||||
safeCall('export', 'docx', opts),
|
||||
html: (opts: HtmlOptions): Promise<IpcResult<ExportResult | ChannelMissing>> =>
|
||||
safeCall('export', 'html', opts),
|
||||
batch: (items: BatchItem[], opts: BatchOptions): Promise<IpcResult<BatchResult | ChannelMissing>> =>
|
||||
safeCall('export', 'batch', items, opts),
|
||||
},
|
||||
app: {
|
||||
getVersion: (): Promise<IpcResult<string | ChannelMissing>> =>
|
||||
safeCall('app', 'getVersion'),
|
||||
openExternal: (url: string): Promise<IpcResult<void | ChannelMissing>> =>
|
||||
safeCall('app', 'openExternal', url),
|
||||
showItemInFolder: (path: string): Promise<IpcResult<void | ChannelMissing>> =>
|
||||
safeCall('app', 'showItemInFolder', path),
|
||||
},
|
||||
};
|
||||
@@ -1,41 +0,0 @@
|
||||
import type { Transition, Variants } from 'motion/react';
|
||||
|
||||
export const fadeIn: Transition = {
|
||||
duration: 0.2,
|
||||
ease: 'easeOut',
|
||||
};
|
||||
|
||||
export const slideInRight: Variants = {
|
||||
x: '100%',
|
||||
initial: { x: '100%', opacity: 0 },
|
||||
animate: { x: 0, opacity: 1, transition: { duration: 0.3, ease: [0.16, 1, 0.3, 1] } },
|
||||
exit: { x: '100%', opacity: 0, transition: { duration: 0.2, ease: 'easeIn' } },
|
||||
};
|
||||
|
||||
export const modalPop: Variants = {
|
||||
scale: 0.96,
|
||||
opacity: 0,
|
||||
initial: { scale: 0.96, opacity: 0 },
|
||||
animate: { scale: 1, opacity: 1, transition: { duration: 0.2, ease: 'easeOut' } },
|
||||
exit: { scale: 0.96, opacity: 0, transition: { duration: 0.15, ease: 'easeIn' } },
|
||||
};
|
||||
|
||||
export const toastSpring: Transition = {
|
||||
type: 'spring',
|
||||
stiffness: 300,
|
||||
damping: 30,
|
||||
};
|
||||
|
||||
export const sidebarToggle: Transition = {
|
||||
duration: 0.25,
|
||||
ease: 'easeInOut',
|
||||
width: {
|
||||
duration: 0.25,
|
||||
ease: 'easeInOut',
|
||||
},
|
||||
};
|
||||
|
||||
export const tabSwitch: Transition = {
|
||||
duration: 0.2,
|
||||
ease: 'easeOut',
|
||||
};
|
||||
@@ -1,6 +0,0 @@
|
||||
import { clsx, type ClassValue } from 'clsx';
|
||||
import { twMerge } from 'tailwind-merge';
|
||||
|
||||
export function cn(...inputs: ClassValue[]): string {
|
||||
return twMerge(clsx(inputs));
|
||||
}
|
||||
@@ -1,13 +0,0 @@
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom/client';
|
||||
import App from './App';
|
||||
import { ThemeProvider } from './components/theme-provider';
|
||||
import './styles/globals.css';
|
||||
|
||||
ReactDOM.createRoot(document.getElementById('root')!).render(
|
||||
<React.StrictMode>
|
||||
<ThemeProvider defaultTheme="dark" attribute="class" enableSystem>
|
||||
<App />
|
||||
</ThemeProvider>
|
||||
</React.StrictMode>
|
||||
);
|
||||
@@ -1,98 +0,0 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer base {
|
||||
:root {
|
||||
--background: 0 0% 100%;
|
||||
--foreground: 0 0% 9%;
|
||||
--card: 0 0% 100%;
|
||||
--card-foreground: 0 0% 9%;
|
||||
--popover: 0 0% 100%;
|
||||
--popover-foreground: 0 0% 9%;
|
||||
--primary: 11 79% 51%;
|
||||
--primary-foreground: 0 0% 100%;
|
||||
--secondary: 0 0% 96%;
|
||||
--secondary-foreground: 0 0% 9%;
|
||||
--muted: 0 0% 96%;
|
||||
--muted-foreground: 0 0% 45%;
|
||||
--accent: 0 0% 96%;
|
||||
--accent-foreground: 0 0% 9%;
|
||||
--destructive: 0 84% 60%;
|
||||
--destructive-foreground: 0 0% 100%;
|
||||
--border: 0 0% 90%;
|
||||
--input: 0 0% 90%;
|
||||
--ring: 11 79% 51%;
|
||||
--radius: 0.5rem;
|
||||
--shadow-sm: 0 1px 2px rgba(13, 11, 9, 0.06);
|
||||
--shadow-md: 0 4px 12px rgba(13, 11, 9, 0.08), 0 0 0 1px rgba(13, 11, 9, 0.04);
|
||||
--shadow-lg: 0 12px 32px rgba(13, 11, 9, 0.12), 0 0 0 1px rgba(13, 11, 9, 0.06);
|
||||
--shadow-glow-brand: 0 0 24px rgba(229, 70, 31, 0.25);
|
||||
--glass-bg-light: rgba(255, 255, 255, 0.72);
|
||||
--glass-bg-dark: rgba(13, 11, 9, 0.72);
|
||||
--glass-border-light: rgba(255, 255, 255, 0.4);
|
||||
--glass-border-dark: rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.dark {
|
||||
--background: 30 14% 4%;
|
||||
--foreground: 0 0% 98%;
|
||||
--card: 30 14% 6%;
|
||||
--card-foreground: 0 0% 98%;
|
||||
--popover: 30 14% 6%;
|
||||
--popover-foreground: 0 0% 98%;
|
||||
--primary: 11 79% 51%;
|
||||
--primary-foreground: 0 0% 100%;
|
||||
--secondary: 30 6% 15%;
|
||||
--secondary-foreground: 0 0% 98%;
|
||||
--muted: 30 6% 15%;
|
||||
--muted-foreground: 0 0% 63%;
|
||||
--accent: 30 6% 15%;
|
||||
--accent-foreground: 0 0% 98%;
|
||||
--destructive: 0 62% 30%;
|
||||
--destructive-foreground: 0 0% 100%;
|
||||
--border: 30 6% 15%;
|
||||
--input: 30 6% 15%;
|
||||
--ring: 11 79% 51%;
|
||||
--shadow-sm: 0 1px 2px rgba(13, 11, 9, 0.06);
|
||||
--shadow-md: 0 4px 12px rgba(13, 11, 9, 0.08), 0 0 0 1px rgba(13, 11, 9, 0.04);
|
||||
--shadow-lg: 0 12px 32px rgba(13, 11, 9, 0.12), 0 0 0 1px rgba(13, 11, 9, 0.06);
|
||||
--shadow-glow-brand: 0 0 24px rgba(229, 70, 31, 0.25);
|
||||
--glass-bg-light: rgba(255, 255, 255, 0.72);
|
||||
--glass-bg-dark: rgba(13, 11, 9, 0.72);
|
||||
--glass-border-light: rgba(255, 255, 255, 0.4);
|
||||
--glass-border-dark: rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
* {
|
||||
@apply border-border;
|
||||
}
|
||||
|
||||
body {
|
||||
@apply bg-background text-foreground;
|
||||
}
|
||||
}
|
||||
|
||||
/* Custom scrollbar */
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: hsl(var(--muted-foreground) / 0.3);
|
||||
border-radius: 3px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: hsl(var(--muted-foreground) / 0.5);
|
||||
}
|
||||
|
||||
/* CodeMirror integration */
|
||||
.cm-editor {
|
||||
@apply h-full;
|
||||
}
|
||||
.cm-editor .cm-scroller {
|
||||
@apply font-mono text-sm;
|
||||
}
|
||||
@@ -1,12 +0,0 @@
|
||||
import '@testing-library/jest-dom/vitest';
|
||||
|
||||
// Mock window.electronAPI for tests
|
||||
declare global {
|
||||
interface Window {
|
||||
electronAPI: any;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof window !== 'undefined' && !window.electronAPI) {
|
||||
window.electronAPI = {};
|
||||
}
|
||||
Vendored
-90
@@ -1,90 +0,0 @@
|
||||
export interface ElectronAPI {
|
||||
// App info
|
||||
getAppVersion: () => Promise<string>;
|
||||
|
||||
// File operations
|
||||
openFile: () => Promise<{ canceled: boolean; filePaths: string[] }>;
|
||||
saveFile: (data: { path: string; content: string }) => Promise<void>;
|
||||
readFile: (path: string) => Promise<string>;
|
||||
setCurrentFile: (path: string | null) => void;
|
||||
|
||||
// Export
|
||||
exportDocument: (format: string, options?: Record<string, any>) => Promise<void>;
|
||||
|
||||
// Theme
|
||||
getTheme: () => void;
|
||||
onThemeChanged: (callback: (theme: string) => void) => () => void;
|
||||
|
||||
// File events
|
||||
onFileOpened: (callback: (data: { path: string; content: string }) => void) => () => void;
|
||||
onFileNew: (callback: () => void) => () => void;
|
||||
onFileSave: (callback: () => void) => () => void;
|
||||
|
||||
// Conversion status
|
||||
onConversionStatus: (callback: (message: string) => void) => () => void;
|
||||
onConversionComplete: (callback: (data: { format: string; outputPath: string }) => void) => () => void;
|
||||
|
||||
// Dialogs
|
||||
showExportDialog: (format: string) => void;
|
||||
showBatchDialog: () => void;
|
||||
showUniversalConverterDialog: () => void;
|
||||
showTableGenerator: () => void;
|
||||
showPdfEditorDialog: () => void;
|
||||
showHeaderFooterDialog: () => void;
|
||||
showFieldPickerDialog: () => void;
|
||||
|
||||
// Settings
|
||||
getSettings: (key: string) => Promise<any>;
|
||||
setSettings: (key: string, value: any) => Promise<void>;
|
||||
|
||||
// Plugin settings
|
||||
getPluginSetting: (key: string) => Promise<any>;
|
||||
setPluginSetting: (key: string, value: any) => Promise<void>;
|
||||
|
||||
// Sidebar
|
||||
toggleSidebar: () => void;
|
||||
toggleBottomPanel: () => void;
|
||||
|
||||
// Print
|
||||
doPrint: (options?: any) => void;
|
||||
|
||||
// PDF
|
||||
openPdfViewer: (filePath: string) => void;
|
||||
processPdfOperation: (data: any) => void;
|
||||
|
||||
// Images
|
||||
selectFolder: () => Promise<string | null>;
|
||||
savePastedImage: (data: { base64: string; ext: string }) => Promise<{ relativePath: string } | null>;
|
||||
|
||||
// Templates
|
||||
loadTemplate: (file: string) => Promise<string>;
|
||||
getSnippets: () => Promise<any[]>;
|
||||
saveSnippet: (snippet: any) => Promise<void>;
|
||||
deleteSnippet: (id: string) => Promise<void>;
|
||||
|
||||
// Git
|
||||
gitStatus: () => Promise<any>;
|
||||
gitDiff: (file: string) => Promise<any>;
|
||||
gitStage: (files: string[]) => Promise<void>;
|
||||
gitCommit: (message: string) => Promise<void>;
|
||||
gitLog: () => Promise<any[]>;
|
||||
|
||||
// Directory
|
||||
listDirectory: (dir: string) => Promise<any[] | null>;
|
||||
openFilePath: (path: string) => void;
|
||||
|
||||
// Custom CSS
|
||||
selectCustomCSS: () => Promise<string | null>;
|
||||
loadCustomCSS: () => void;
|
||||
clearCustomCSS: () => void;
|
||||
|
||||
// Generic invoke/on
|
||||
invoke: (channel: string, data?: any) => Promise<any>;
|
||||
on: (channel: string, callback: (...args: any[]) => void) => () => void;
|
||||
}
|
||||
|
||||
declare global {
|
||||
interface Window {
|
||||
electronAPI: ElectronAPI;
|
||||
}
|
||||
}
|
||||
@@ -1,62 +0,0 @@
|
||||
export type IpcResult<T> =
|
||||
| { ok: true; data: T }
|
||||
| { ok: false; error: { code: string; message: string } };
|
||||
|
||||
export interface FileEntry {
|
||||
name: string;
|
||||
path: string;
|
||||
isDirectory: boolean;
|
||||
size?: number;
|
||||
modifiedAt?: string;
|
||||
}
|
||||
|
||||
export interface FileResult {
|
||||
path: string;
|
||||
content: string;
|
||||
}
|
||||
|
||||
export interface PdfOptions {
|
||||
inputPath: string;
|
||||
outputPath: string;
|
||||
format?: 'letter' | 'a4' | 'legal';
|
||||
margins?: { top: number; right: number; bottom: number; left: number };
|
||||
toc?: boolean;
|
||||
embedFonts?: boolean;
|
||||
}
|
||||
|
||||
export interface DocxOptions {
|
||||
inputPath: string;
|
||||
outputPath: string;
|
||||
template?: string;
|
||||
referenceDoc?: string;
|
||||
}
|
||||
|
||||
export interface HtmlOptions {
|
||||
inputPath: string;
|
||||
outputPath: string;
|
||||
standalone?: boolean;
|
||||
highlightStyle?: string;
|
||||
}
|
||||
|
||||
export interface ExportResult {
|
||||
outputPath: string;
|
||||
bytes: number;
|
||||
durationMs: number;
|
||||
}
|
||||
|
||||
export interface BatchItem {
|
||||
inputPath: string;
|
||||
outputPath: string;
|
||||
}
|
||||
|
||||
export interface BatchOptions {
|
||||
format: 'pdf' | 'docx' | 'html' | 'png';
|
||||
concurrency?: number;
|
||||
}
|
||||
|
||||
export interface BatchResult {
|
||||
total: number;
|
||||
succeeded: number;
|
||||
failed: number;
|
||||
results: Array<{ item: BatchItem; ok: boolean; error?: string }>;
|
||||
}
|
||||
@@ -2372,254 +2372,3 @@ body[class*="dark"] .breadcrumb-bar {
|
||||
@keyframes analyticsSlideUp { from{transform:translateY(16px);opacity:0} to{transform:translateY(0);opacity:1} }
|
||||
body[class*="dark"] .analytics-modal { background:var(--gray-800,#1f2937); }
|
||||
body[class*="dark"] .word-tag { background:var(--gray-700,#374151); }
|
||||
|
||||
/* ========================================
|
||||
Interactive PDF Thumbnail Sidebar Styles
|
||||
======================================== */
|
||||
.pdf-editor-body.side-by-side {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 16px;
|
||||
height: 550px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pdf-editor-left-panel {
|
||||
flex: 1.2;
|
||||
overflow-y: auto;
|
||||
padding-right: 8px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.pdf-editor-right-panel {
|
||||
flex: 0.8;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-left: 1px solid var(--border-color, #e5e7eb);
|
||||
padding-left: 16px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pdf-editor-right-panel h4 {
|
||||
margin: 0 0 4px 0;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.pdf-editor-right-panel .sidebar-help {
|
||||
margin: 0 0 12px 0;
|
||||
font-size: 11px;
|
||||
color: var(--text-secondary, #6b7280);
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.pdf-thumbnail-grid {
|
||||
flex: 1;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
|
||||
gap: 12px;
|
||||
overflow-y: auto;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.pdf-thumbnail-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1px solid var(--border-color, #e5e7eb);
|
||||
border-radius: 8px;
|
||||
background: var(--bg-primary, #ffffff);
|
||||
box-shadow: var(--shadow-sm);
|
||||
padding: 8px;
|
||||
transition: all var(--transition-speed, 0.3s) var(--transition-ease);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pdf-thumbnail-card:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: var(--shadow-md);
|
||||
border-color: var(--primary-light, #8b9aff);
|
||||
}
|
||||
|
||||
.pdf-thumbnail-card.marked-delete {
|
||||
border-color: var(--error, #ef4444);
|
||||
background: rgba(239, 68, 68, 0.05);
|
||||
}
|
||||
|
||||
.pdf-thumbnail-card.marked-delete::after {
|
||||
content: "DELETE";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%) rotate(-15deg);
|
||||
background: rgba(239, 68, 68, 0.95);
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
padding: 4px 8px;
|
||||
border-radius: 4px;
|
||||
pointer-events: none;
|
||||
box-shadow: var(--shadow-sm);
|
||||
letter-spacing: 0.5px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.pdf-thumbnail-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.pdf-thumbnail-header .badge {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
background: var(--bg-tertiary, #f3f4f6);
|
||||
color: var(--text-primary);
|
||||
padding: 2px 6px;
|
||||
border-radius: 4px;
|
||||
font-family: var(--font-mono, monospace);
|
||||
}
|
||||
|
||||
.canvas-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: var(--bg-secondary, #f9fafb);
|
||||
border: 1px solid var(--border-color, #e5e7eb);
|
||||
border-radius: 6px;
|
||||
padding: 6px;
|
||||
height: 120px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pdf-thumbnail-canvas {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
/* CSS Rotations */
|
||||
.rot90 {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
.rot180 {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.rot270 {
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
|
||||
.pdf-thumbnail-controls {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.pdf-thumbnail-controls button,
|
||||
.pdf-thumbnail-controls label {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.btn-rotate-thumbnail {
|
||||
background: var(--bg-tertiary, #f3f4f6);
|
||||
border: 1px solid var(--border-color, #e5e7eb);
|
||||
color: var(--text-primary);
|
||||
border-radius: 4px;
|
||||
padding: 3px 6px;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
transition: all 0.2s;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.btn-rotate-thumbnail:hover {
|
||||
background: var(--primary-light, #8b9aff);
|
||||
color: #fff;
|
||||
border-color: var(--primary-dark);
|
||||
}
|
||||
|
||||
.delete-thumbnail-checkbox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 4px;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
font-weight: 500;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.delete-thumbnail-checkbox input {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.pdf-thumbnail-reorder {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.btn-reorder-left,
|
||||
.btn-reorder-right {
|
||||
flex: 1;
|
||||
background: var(--bg-tertiary, #f3f4f6);
|
||||
border: 1px solid var(--border-color, #e5e7eb);
|
||||
color: var(--text-primary);
|
||||
border-radius: 4px;
|
||||
padding: 2px;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.btn-reorder-left:hover:not(:disabled),
|
||||
.btn-reorder-right:hover:not(:disabled) {
|
||||
background: var(--bg-secondary);
|
||||
border-color: var(--text-muted);
|
||||
}
|
||||
|
||||
.btn-reorder-left:disabled,
|
||||
.btn-reorder-right:disabled {
|
||||
opacity: 0.3;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.loading-thumbnails,
|
||||
.thumbnail-error {
|
||||
grid-column: 1 / -1;
|
||||
text-align: center;
|
||||
padding: 40px 20px;
|
||||
font-size: 13px;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.thumbnail-error {
|
||||
color: var(--error, #ef4444);
|
||||
}
|
||||
|
||||
/* Dark mode adjustments */
|
||||
body[class*="dark"] .pdf-thumbnail-card {
|
||||
background: var(--gray-800, #1f2937);
|
||||
border-color: var(--gray-700, #374151);
|
||||
}
|
||||
body[class*="dark"] .pdf-thumbnail-header .badge {
|
||||
background: var(--gray-700, #374151);
|
||||
color: var(--gray-200);
|
||||
}
|
||||
body[class*="dark"] .canvas-container {
|
||||
background: var(--gray-900, #111827);
|
||||
border-color: var(--gray-700);
|
||||
}
|
||||
body[class*="dark"] .btn-rotate-thumbnail,
|
||||
body[class*="dark"] .btn-reorder-left,
|
||||
body[class*="dark"] .btn-reorder-right {
|
||||
background: var(--gray-700, #374151);
|
||||
border-color: var(--gray-600);
|
||||
color: var(--gray-200);
|
||||
}
|
||||
|
||||
@@ -0,0 +1,96 @@
|
||||
// Tauri Commands Bridge for MarkdownConverter
|
||||
// Replaces preload.js — uses Tauri's invoke() instead of ipcRenderer
|
||||
|
||||
const { invoke } = window.__TAURI__.core;
|
||||
const { listen } = window.__TAURI__.event;
|
||||
|
||||
// ============================================
|
||||
// FILE OPERATIONS
|
||||
// ============================================
|
||||
export const file = {
|
||||
read: (path) => invoke('read_file', { path }),
|
||||
write: (path, content) => invoke('write_file', { path, content }),
|
||||
delete: (path) => invoke('delete_file', { path }),
|
||||
exists: (path) => invoke('path_exists', { path }),
|
||||
isDirectory: (path) => invoke('is_directory', { path }),
|
||||
listDirectory: (path) => invoke('list_directory', { path }),
|
||||
ensureDir: (path) => invoke('ensure_directory', { path }),
|
||||
copy: (source, destination) => invoke('copy_path', { source, destination }),
|
||||
move: (source, destination) => invoke('move_path', { source, destination }),
|
||||
};
|
||||
|
||||
// ============================================
|
||||
// EXPORT OPERATIONS
|
||||
// ============================================
|
||||
export const exportDoc = {
|
||||
markdown: (inputPath, outputPath, format, options) =>
|
||||
invoke('export_markdown', { inputPath, outputPath, format, options }),
|
||||
checkPandoc: () => invoke('check_pandoc_available', {}),
|
||||
};
|
||||
|
||||
// ============================================
|
||||
// GIT OPERATIONS
|
||||
// ============================================
|
||||
export const git = {
|
||||
status: (repoPath) => invoke('git_status', { repoPath }),
|
||||
stage: (repoPath, path) => invoke('git_stage', { repoPath, path }),
|
||||
commit: (repoPath, message) => invoke('git_commit', { repoPath, message }),
|
||||
log: (repoPath, limit) => invoke('git_log', { repoPath, limit }),
|
||||
diff: (repoPath, path) => invoke('git_diff', { repoPath, path }),
|
||||
};
|
||||
|
||||
// ============================================
|
||||
// APP OPERATIONS
|
||||
// ============================================
|
||||
export const app = {
|
||||
getVersion: () => invoke('get_app_version'),
|
||||
getRecentFiles: () => invoke('get_recent_files'),
|
||||
saveRecentFiles: (files) => invoke('save_recent_files', { files }),
|
||||
};
|
||||
|
||||
// ============================================
|
||||
// PDF OPERATIONS
|
||||
// ============================================
|
||||
export const pdf = {
|
||||
getPageCount: (path) => invoke('get_pdf_page_count', { path }),
|
||||
merge: (paths, output) => invoke('merge_pdfs', { paths, output }),
|
||||
split: (input, outputDir, pagesPerSplit) => invoke('split_pdf', { input, outputDir, pagesPerSplit }),
|
||||
rotate: (input, output, degrees) => invoke('rotate_pdf', { input, output, degrees }),
|
||||
deletePages: (input, output, pages) => invoke('delete_pdf_pages', { input, output, pages }),
|
||||
};
|
||||
|
||||
// ============================================
|
||||
// DIALOG OPERATIONS
|
||||
// ============================================
|
||||
export const dialog = {
|
||||
openFile: () => invoke('open_file_dialog', {}),
|
||||
saveFile: (defaultName) => invoke('save_file_dialog', { defaultName }),
|
||||
selectFolder: () => invoke('select_folder_dialog', {}),
|
||||
};
|
||||
|
||||
// ============================================
|
||||
// EVENT LISTENERS
|
||||
// ============================================
|
||||
export const events = {
|
||||
onFileNew: (callback) => listen('file-new', callback),
|
||||
onFileOpened: (callback) => listen('file-opened', callback),
|
||||
onFileSave: (callback) => listen('file-save', callback),
|
||||
onTogglePreview: (callback) => listen('toggle-preview', callback),
|
||||
onToggleFind: (callback) => listen('toggle-find', callback),
|
||||
onUndo: (callback) => listen('undo', callback),
|
||||
onRedo: (callback) => listen('redo', callback),
|
||||
onThemeChanged: (callback) => listen('theme-changed', callback),
|
||||
onToggleCommandPalette: (callback) => listen('toggle-command-palette', callback),
|
||||
onToggleSidebarPanel: (callback) => listen('toggle-sidebar-panel', callback),
|
||||
onToggleBottomPanel: (callback) => listen('toggle-bottom-panel', callback),
|
||||
onConversionComplete: (callback) => listen('conversion-complete', callback),
|
||||
onConversionStatus: (callback) => listen('conversion-status', callback),
|
||||
};
|
||||
|
||||
// ============================================
|
||||
// PLUGIN OPERATIONS
|
||||
// ============================================
|
||||
export const plugins = {
|
||||
list: () => invoke('list_plugins', {}),
|
||||
get: (name) => invoke('get_plugin', { name }),
|
||||
};
|
||||
@@ -1,6 +1,6 @@
|
||||
/**
|
||||
* ModalManager - Unified modal system with accessibility support
|
||||
* @version 4.4.2
|
||||
* @version 4.3.0
|
||||
*/
|
||||
class ModalManager {
|
||||
#modal;
|
||||
@@ -237,8 +237,8 @@ class ModalManager {
|
||||
}
|
||||
}
|
||||
|
||||
// Export for use in renderer - avoid duplicate declaration
|
||||
if (typeof window !== 'undefined' && !window.ModalManager) {
|
||||
// Export for use in renderer
|
||||
if (typeof window !== 'undefined') {
|
||||
window.ModalManager = ModalManager;
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
import { defineConfig } from 'vite';
|
||||
|
||||
export default defineConfig({
|
||||
root: '.',
|
||||
base: './',
|
||||
build: {
|
||||
outDir: '../dist',
|
||||
emptyOutDir: true,
|
||||
},
|
||||
server: {
|
||||
port: 1420,
|
||||
strictPort: true,
|
||||
},
|
||||
clearScreen: false,
|
||||
});
|
||||
@@ -655,7 +655,7 @@ class WordTemplateExporter {
|
||||
*/
|
||||
parseInlineFormatting(text) {
|
||||
let xml = '';
|
||||
const pos = 0;
|
||||
let pos = 0;
|
||||
|
||||
// Patterns for inline formatting
|
||||
const patterns = [
|
||||
|
||||
+1
-1
@@ -117,7 +117,7 @@ class ZenMode {
|
||||
_applyTypewriterBehavior(view) {
|
||||
// We use a custom update listener that scrolls the cursor to center.
|
||||
// This is stored on the instance so we can clean it up.
|
||||
const scrollTimeout = null;
|
||||
let scrollTimeout = null;
|
||||
|
||||
const scrollFn = () => {
|
||||
if (!this.active) return;
|
||||
|
||||
@@ -1,87 +0,0 @@
|
||||
const animate = require('tailwindcss-animate')
|
||||
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
darkMode: ['class'],
|
||||
content: [
|
||||
'./src/renderer/**/*.{js,ts,jsx,tsx}',
|
||||
'./src/renderer/index.html',
|
||||
],
|
||||
theme: {
|
||||
container: {
|
||||
center: true,
|
||||
padding: '2rem',
|
||||
screens: { '2xl': '1400px' },
|
||||
},
|
||||
extend: {
|
||||
colors: {
|
||||
border: 'hsl(var(--border))',
|
||||
input: 'hsl(var(--input))',
|
||||
ring: 'hsl(var(--ring))',
|
||||
background: 'hsl(var(--background))',
|
||||
foreground: 'hsl(var(--foreground))',
|
||||
primary: {
|
||||
DEFAULT: 'hsl(var(--primary))',
|
||||
foreground: 'hsl(var(--primary-foreground))',
|
||||
},
|
||||
secondary: {
|
||||
DEFAULT: 'hsl(var(--secondary))',
|
||||
foreground: 'hsl(var(--secondary-foreground))',
|
||||
},
|
||||
destructive: {
|
||||
DEFAULT: 'hsl(var(--destructive))',
|
||||
foreground: 'hsl(var(--destructive-foreground))',
|
||||
},
|
||||
muted: {
|
||||
DEFAULT: 'hsl(var(--muted))',
|
||||
foreground: 'hsl(var(--muted-foreground))',
|
||||
},
|
||||
accent: {
|
||||
DEFAULT: 'hsl(var(--accent))',
|
||||
foreground: 'hsl(var(--accent-foreground))',
|
||||
},
|
||||
popover: {
|
||||
DEFAULT: 'hsl(var(--popover))',
|
||||
foreground: 'hsl(var(--popover-foreground))',
|
||||
},
|
||||
card: {
|
||||
DEFAULT: 'hsl(var(--card))',
|
||||
foreground: 'hsl(var(--card-foreground))',
|
||||
},
|
||||
brand: {
|
||||
DEFAULT: '#e5461f',
|
||||
dark: '#c93a18',
|
||||
light: '#ff6b47',
|
||||
},
|
||||
success: '#1a7a56',
|
||||
warning: 'hsl(45 93% 47%)',
|
||||
danger: 'hsl(0 84% 60%)',
|
||||
info: 'hsl(199 89% 48%)',
|
||||
warm: {
|
||||
50: '#fafbfc', 100: '#f5f5f5', 200: '#e3e3e3', 300: '#d1d1d1',
|
||||
400: '#b0b0b0', 500: '#9a9696', 600: '#7a7878', 700: '#5a5858',
|
||||
800: '#4e4e4e', 900: '#464646', 950: '#0d0b09',
|
||||
},
|
||||
},
|
||||
borderRadius: {
|
||||
lg: 'var(--radius)',
|
||||
md: 'calc(var(--radius) - 2px)',
|
||||
sm: 'calc(var(--radius) - 4px)',
|
||||
},
|
||||
fontFamily: {
|
||||
sans: ['"Plus Jakarta Sans"', 'system-ui', 'sans-serif'],
|
||||
display: ['"Barlow Condensed"', 'system-ui', 'sans-serif'],
|
||||
mono: ['"JetBrains Mono"', '"Fira Code"', '"SF Mono"', 'Consolas', 'monospace'],
|
||||
},
|
||||
keyframes: {
|
||||
'accordion-down': { from: { height: '0' }, to: { height: 'var(--radix-accordion-content-height)' } },
|
||||
'accordion-up': { from: { height: 'var(--radix-accordion-content-height)' }, to: { height: '0' } },
|
||||
},
|
||||
animation: {
|
||||
'accordion-down': 'accordion-down 0.2s ease-out',
|
||||
'accordion-up': 'accordion-up 0.2s ease-out',
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [animate],
|
||||
}
|
||||
@@ -1,40 +0,0 @@
|
||||
import { describe, it, expect, beforeEach } from 'vitest';
|
||||
import { render, screen } from '@testing-library/react';
|
||||
import userEvent from '@testing-library/user-event';
|
||||
import { ThemeProvider } from '@/components/theme-provider';
|
||||
import { ThemeToggle } from '@/components/theme-toggle';
|
||||
|
||||
Object.defineProperty(window, 'matchMedia', {
|
||||
writable: true,
|
||||
value: vi.fn().mockImplementation((query) => ({
|
||||
matches: false,
|
||||
media: query,
|
||||
onchange: null,
|
||||
addListener: vi.fn(),
|
||||
removeListener: vi.fn(),
|
||||
addEventListener: vi.fn(),
|
||||
removeEventListener: vi.fn(),
|
||||
dispatchEvent: vi.fn(),
|
||||
})),
|
||||
});
|
||||
|
||||
describe('ThemeToggle', () => {
|
||||
beforeEach(() => {
|
||||
localStorage.clear();
|
||||
document.documentElement.classList.remove('dark', 'light');
|
||||
});
|
||||
|
||||
it('toggles between light and dark when clicked', async () => {
|
||||
render(
|
||||
<ThemeProvider defaultTheme="light" attribute="class">
|
||||
<ThemeToggle />
|
||||
</ThemeProvider>
|
||||
);
|
||||
const btn = screen.getByRole('button');
|
||||
expect(btn).toHaveAccessibleName(/toggle theme/i);
|
||||
await userEvent.click(btn);
|
||||
expect(document.documentElement.classList.contains('dark')).toBe(true);
|
||||
await userEvent.click(btn);
|
||||
expect(document.documentElement.classList.contains('light')).toBe(true);
|
||||
});
|
||||
});
|
||||
@@ -1,24 +0,0 @@
|
||||
import { describe, it, expect } from 'vitest';
|
||||
import { render, screen } from '@testing-library/react';
|
||||
import userEvent from '@testing-library/user-event';
|
||||
import { Button } from '@/components/ui/button';
|
||||
|
||||
describe('Button', () => {
|
||||
it('renders children', () => {
|
||||
render(<Button>Click me</Button>);
|
||||
expect(screen.getByRole('button', { name: /click me/i })).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('calls onClick when clicked', async () => {
|
||||
let count = 0;
|
||||
render(<Button onClick={() => count++}>+</Button>);
|
||||
await userEvent.click(screen.getByRole('button'));
|
||||
expect(count).toBe(1);
|
||||
});
|
||||
|
||||
it('renders the brand variant with primary styling', () => {
|
||||
render(<Button variant="default">Brand</Button>);
|
||||
const btn = screen.getByRole('button');
|
||||
expect(btn.className).toContain('bg-primary');
|
||||
});
|
||||
});
|
||||
@@ -1,123 +0,0 @@
|
||||
/**
|
||||
* Git Operations Utilities Test Suite
|
||||
* Tests for async patterns and error handling
|
||||
* @version 4.3.0
|
||||
*/
|
||||
|
||||
describe('GitOperations Utilities', () => {
|
||||
describe('error handling patterns', () => {
|
||||
it('should handle git errors gracefully', () => {
|
||||
const errorResponse = { error: 'Not a git repository' };
|
||||
|
||||
expect(errorResponse).toHaveProperty('error');
|
||||
expect(errorResponse.error).toContain('repository');
|
||||
});
|
||||
|
||||
it('should return error object on failure', () => {
|
||||
const failureResult = { error: 'Failed to commit' };
|
||||
|
||||
expect(failureResult).toBeDefined();
|
||||
expect(failureResult.error).toBeTruthy();
|
||||
});
|
||||
});
|
||||
|
||||
describe('async patterns', () => {
|
||||
it('should handle async operations', async () => {
|
||||
const asyncFn = async () => {
|
||||
return { status: 'success' };
|
||||
};
|
||||
|
||||
const result = await asyncFn();
|
||||
expect(result).toHaveProperty('status');
|
||||
});
|
||||
|
||||
it('should handle async errors', async () => {
|
||||
const asyncFnWithError = async () => {
|
||||
throw new Error('Git operation failed');
|
||||
};
|
||||
|
||||
try {
|
||||
await asyncFnWithError();
|
||||
expect(true).toBe(false); // Should not reach here
|
||||
} catch (err) {
|
||||
expect(err.message).toContain('Git');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
describe('git operations', () => {
|
||||
it('should document expected operations', () => {
|
||||
const gitOps = [
|
||||
'getStatus',
|
||||
'stage',
|
||||
'commit',
|
||||
'log',
|
||||
'diff',
|
||||
'branch',
|
||||
'checkout',
|
||||
'push',
|
||||
'pull'
|
||||
];
|
||||
|
||||
expect(gitOps.length).toBeGreaterThan(0);
|
||||
gitOps.forEach(op => {
|
||||
expect(typeof op).toBe('string');
|
||||
expect(op.length).toBeGreaterThan(0);
|
||||
});
|
||||
});
|
||||
|
||||
it('should handle directory paths', () => {
|
||||
const paths = [
|
||||
'/home/user/project',
|
||||
'./current/dir',
|
||||
'../parent/dir'
|
||||
];
|
||||
|
||||
paths.forEach(pathStr => {
|
||||
expect(typeof pathStr).toBe('string');
|
||||
expect(pathStr.length).toBeGreaterThan(0);
|
||||
});
|
||||
});
|
||||
|
||||
it('should handle commit messages', () => {
|
||||
const messages = [
|
||||
'fix: bug in git panel',
|
||||
'feat: add new feature',
|
||||
'refactor: clean up code'
|
||||
];
|
||||
|
||||
messages.forEach(msg => {
|
||||
expect(typeof msg).toBe('string');
|
||||
expect(msg.length).toBeGreaterThan(0);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('response structures', () => {
|
||||
it('should return status info', () => {
|
||||
const statusResponse = {
|
||||
conflicted: [],
|
||||
created: [],
|
||||
deleted: [],
|
||||
modified: [],
|
||||
renamed: [],
|
||||
staged: ['file.md']
|
||||
};
|
||||
|
||||
expect(statusResponse).toHaveProperty('staged');
|
||||
expect(Array.isArray(statusResponse.staged)).toBe(true);
|
||||
});
|
||||
|
||||
it('should return log entries', () => {
|
||||
const logResponse = {
|
||||
all: [
|
||||
{ hash: 'abc123', message: 'fix: something' }
|
||||
],
|
||||
latest: { hash: 'abc123', message: 'fix: something' }
|
||||
};
|
||||
|
||||
expect(logResponse).toHaveProperty('all');
|
||||
expect(Array.isArray(logResponse.all)).toBe(true);
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -76,75 +76,6 @@ describe('Markdown Extensions', () => {
|
||||
});
|
||||
});
|
||||
|
||||
describe('Admonitions full parsing integration (mocked environment)', () => {
|
||||
const extension = {
|
||||
name: 'admonition',
|
||||
level: 'block',
|
||||
start(src) { return src.match(/^:::(note|warning|tip|danger|info)/m)?.index; },
|
||||
tokenizer(src) {
|
||||
const match = src.match(/^:::(note|warning|tip|danger|info)\s*\n([\s\S]*?)^:::\s*$/m);
|
||||
if (match && match.index === 0) {
|
||||
const admonitionType = match[1];
|
||||
const text = match[2].trim();
|
||||
const tokens = [];
|
||||
this.lexer.blockTokens(text, tokens);
|
||||
return {
|
||||
type: 'admonition',
|
||||
raw: match[0],
|
||||
admonitionType,
|
||||
text,
|
||||
tokens
|
||||
};
|
||||
}
|
||||
},
|
||||
renderer(token) {
|
||||
const icons = { note: 'ℹ', warning: '⚠', tip: '💡', danger: '🔴', info: 'ℹ' };
|
||||
const icon = icons[token.admonitionType] || 'ℹ';
|
||||
const inner = this.parser.parse(token.tokens || []);
|
||||
return `<div class="admonition admonition-${token.admonitionType}">
|
||||
<div class="admonition-title">${icon} ${token.admonitionType.charAt(0).toUpperCase() + token.admonitionType.slice(1)}</div>
|
||||
<div class="admonition-content">${inner}</div>
|
||||
</div>`;
|
||||
}
|
||||
};
|
||||
|
||||
test('tokenizer correctly extracts tokens and calls blockTokens', () => {
|
||||
const src = ':::note\nThis is a note.\n:::';
|
||||
const mockLexer = {
|
||||
blockTokens: jest.fn((text, tokens) => {
|
||||
tokens.push({ type: 'text', text });
|
||||
})
|
||||
};
|
||||
const context = { lexer: mockLexer };
|
||||
const result = extension.tokenizer.call(context, src);
|
||||
|
||||
expect(result).toBeDefined();
|
||||
expect(result.type).toBe('admonition');
|
||||
expect(result.admonitionType).toBe('note');
|
||||
expect(result.text).toBe('This is a note.');
|
||||
expect(mockLexer.blockTokens).toHaveBeenCalledWith('This is a note.', expect.any(Array));
|
||||
expect(result.tokens).toEqual([{ type: 'text', text: 'This is a note.' }]);
|
||||
});
|
||||
|
||||
test('renderer correctly translates tokens to HTML', () => {
|
||||
const token = {
|
||||
type: 'admonition',
|
||||
admonitionType: 'warning',
|
||||
tokens: [{ type: 'text', text: 'Be careful!' }]
|
||||
};
|
||||
const mockParser = {
|
||||
parse: jest.fn((tokens) => '<p>Be careful!</p>')
|
||||
};
|
||||
const context = { parser: mockParser };
|
||||
const html = extension.renderer.call(context, token);
|
||||
|
||||
expect(html).toContain('admonition admonition-warning');
|
||||
expect(html).toContain('⚠ Warning');
|
||||
expect(html).toContain('<p>Be careful!</p>');
|
||||
expect(mockParser.parse).toHaveBeenCalledWith(token.tokens);
|
||||
});
|
||||
});
|
||||
|
||||
describe('PlantUML hex encoding', () => {
|
||||
const plantumlEncode = (text) => {
|
||||
const hex = Array.from(Buffer.from(text, 'utf-8'))
|
||||
@@ -196,53 +127,4 @@ describe('Markdown Extensions', () => {
|
||||
expect(slugify('simple')).toBe('simple');
|
||||
});
|
||||
});
|
||||
|
||||
describe('scopeCSS utility', () => {
|
||||
const scopeCSS = (cssText, scopeSelector) => {
|
||||
if (!cssText) return '';
|
||||
return cssText.replace(/([^\r\n,{}]+)(,(?=[^}]*{)|(?=[^{]*{))/g, (match, selector, separator) => {
|
||||
const trimmed = selector.trim();
|
||||
if (!trimmed || trimmed.startsWith('@') || trimmed.startsWith(':root') || trimmed.startsWith('from') || trimmed.startsWith('to') || /^\d+%$/.test(trimmed)) {
|
||||
return match;
|
||||
}
|
||||
return scopeSelector + ' ' + trimmed + (separator || '');
|
||||
});
|
||||
};
|
||||
|
||||
test('scopes standard tag selector', () => {
|
||||
const css = 'h1 { color: red; }';
|
||||
const scoped = scopeCSS(css, '.preview-content');
|
||||
expect(scoped).toBe('.preview-content h1{ color: red; }');
|
||||
});
|
||||
|
||||
test('scopes multiple class selectors', () => {
|
||||
const css = '.title, .content { font-family: sans-serif; }';
|
||||
const scoped = scopeCSS(css, '.preview-content');
|
||||
expect(scoped).toBe('.preview-content .title,.preview-content .content{ font-family: sans-serif; }');
|
||||
});
|
||||
|
||||
test('ignores @rules like @media', () => {
|
||||
const css = '@media (max-width: 600px) { h1 { color: blue; } }';
|
||||
const scoped = scopeCSS(css, '.preview-content');
|
||||
expect(scoped).toContain('@media (max-width: 600px)');
|
||||
});
|
||||
|
||||
test('ignores :root selector', () => {
|
||||
const css = ':root { --color: red; }';
|
||||
const scoped = scopeCSS(css, '.preview-content');
|
||||
expect(scoped).toBe(':root { --color: red; }');
|
||||
});
|
||||
|
||||
test('ignores keyframe percentages', () => {
|
||||
const css = '0% { opacity: 0; } 100% { opacity: 1; }';
|
||||
const scoped = scopeCSS(css, '.preview-content');
|
||||
expect(scoped).toContain('0%');
|
||||
expect(scoped).toContain('100%');
|
||||
});
|
||||
|
||||
test('handles empty input', () => {
|
||||
expect(scopeCSS('', '.preview-content')).toBe('');
|
||||
expect(scopeCSS(null, '.preview-content')).toBe('');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,95 +0,0 @@
|
||||
/**
|
||||
* PDF Operations Utilities Test Suite
|
||||
* Tests for helper functions and logic patterns
|
||||
* @version 4.3.0
|
||||
*/
|
||||
|
||||
describe('PDFOperations Utilities', () => {
|
||||
describe('page range parsing', () => {
|
||||
it('should parse single page numbers', () => {
|
||||
// Test logic: parsing "1" should extract page index 0
|
||||
const input = '1';
|
||||
const pages = [0]; // Parsed result
|
||||
|
||||
expect(pages.length).toBe(1);
|
||||
expect(pages[0]).toBe(0);
|
||||
});
|
||||
|
||||
it('should parse page ranges', () => {
|
||||
// Test logic: parsing "1-3" should extract pages 0, 1, 2
|
||||
const input = '1-3';
|
||||
const pages = [0, 1, 2]; // Expected result
|
||||
|
||||
expect(pages.length).toBe(3);
|
||||
expect(pages).toEqual([0, 1, 2]);
|
||||
});
|
||||
|
||||
it('should handle multiple ranges', () => {
|
||||
// Test logic: parsing "1-2,4-5" should extract pages 0,1,3,4
|
||||
const input = '1-2,4-5';
|
||||
const pages = [0, 1, 3, 4]; // Expected result
|
||||
|
||||
expect(pages.length).toBe(4);
|
||||
expect(pages).toEqual([0, 1, 3, 4]);
|
||||
});
|
||||
|
||||
it('should sort pages in ascending order', () => {
|
||||
const unsorted = [2, 0, 3, 1];
|
||||
const sorted = unsorted.sort((a, b) => a - b);
|
||||
|
||||
expect(sorted).toEqual([0, 1, 2, 3]);
|
||||
});
|
||||
});
|
||||
|
||||
describe('hex color conversion', () => {
|
||||
it('should validate hex color format', () => {
|
||||
const validHex = '#FF5733';
|
||||
const isValid = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.test(validHex);
|
||||
|
||||
expect(isValid).toBe(true);
|
||||
});
|
||||
|
||||
it('should detect invalid hex colors', () => {
|
||||
const invalidColors = ['#GG5733', '#12345', 'notahex'];
|
||||
|
||||
invalidColors.forEach(color => {
|
||||
const isValid = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.test(color);
|
||||
expect(isValid).toBe(false);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('error handling', () => {
|
||||
it('should handle empty input', () => {
|
||||
const input = '';
|
||||
expect(input.length).toBe(0);
|
||||
// Should not process empty strings
|
||||
expect(input === '').toBe(true);
|
||||
});
|
||||
|
||||
it('should handle invalid page numbers', () => {
|
||||
const testPages = [
|
||||
{ input: '0', isValid: false },
|
||||
{ input: '-1', isValid: false },
|
||||
{ input: 'abc', isValid: false },
|
||||
{ input: '1', isValid: true },
|
||||
{ input: '5', isValid: true }
|
||||
];
|
||||
|
||||
testPages.forEach(({ input, isValid }) => {
|
||||
const num = parseInt(input);
|
||||
|
||||
if (isNaN(num)) {
|
||||
// Non-numeric string
|
||||
expect(isValid).toBe(false);
|
||||
} else if (num < 1) {
|
||||
// Zero or negative
|
||||
expect(isValid).toBe(false);
|
||||
} else {
|
||||
// Positive number
|
||||
expect(isValid).toBe(true);
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -1,114 +0,0 @@
|
||||
/**
|
||||
* Security: Path Traversal Prevention Test Suite
|
||||
* @version 4.3.0
|
||||
*/
|
||||
|
||||
const path = require('path');
|
||||
|
||||
describe('Security: Path Handling', () => {
|
||||
describe('path traversal prevention', () => {
|
||||
it('should detect path traversal patterns', () => {
|
||||
const maliciousPaths = [
|
||||
'../etc/passwd',
|
||||
'../../sensitive',
|
||||
'./../outside'
|
||||
];
|
||||
|
||||
maliciousPaths.forEach(pathStr => {
|
||||
// Path traversal attempts contain .. patterns
|
||||
expect(pathStr).toMatch(/\.\./);
|
||||
});
|
||||
});
|
||||
|
||||
it('should normalize relative paths safely', () => {
|
||||
const safePaths = [
|
||||
'./documents/file.md',
|
||||
'relative/path/file.txt'
|
||||
];
|
||||
|
||||
safePaths.forEach(pathStr => {
|
||||
const normalized = path.normalize(pathStr);
|
||||
// Safe relative paths should normalize cleanly
|
||||
expect(normalized).toBeDefined();
|
||||
expect(typeof normalized).toBe('string');
|
||||
});
|
||||
});
|
||||
|
||||
it('should detect absolute paths', () => {
|
||||
const absolutePath = '/etc/passwd';
|
||||
const isAbsolute = path.isAbsolute(absolutePath);
|
||||
|
||||
// Linux/Mac: /path is absolute
|
||||
if (process.platform !== 'win32') {
|
||||
expect(isAbsolute).toBe(true);
|
||||
}
|
||||
});
|
||||
|
||||
it('should safely join paths with base directory', () => {
|
||||
const baseDir = '/safe/base/directory';
|
||||
const userInput = 'documents/file.md';
|
||||
|
||||
const joined = path.join(baseDir, userInput);
|
||||
|
||||
// Result should contain the safe base
|
||||
expect(joined).toContain('base');
|
||||
expect(joined).toContain('documents');
|
||||
});
|
||||
});
|
||||
|
||||
describe('filename safety', () => {
|
||||
it('should identify safe filenames', () => {
|
||||
const safeNames = [
|
||||
'document.md',
|
||||
'my-file.txt',
|
||||
'file_name.pdf',
|
||||
'report_2026_04_24.xlsx'
|
||||
];
|
||||
|
||||
safeNames.forEach(name => {
|
||||
// Safe names should not contain path separators or null bytes
|
||||
const isSafe = !/[\\/\0]/.test(name) && name.length > 0;
|
||||
expect(isSafe).toBe(true);
|
||||
});
|
||||
});
|
||||
|
||||
it('should flag filenames with path separators', () => {
|
||||
const problematicNames = [
|
||||
'file/with/slashes.txt',
|
||||
'file\\with\\backslashes.txt'
|
||||
];
|
||||
|
||||
problematicNames.forEach(name => {
|
||||
// These contain path separators and should be flagged
|
||||
const hasPathSeparators = /[\\/]/.test(name);
|
||||
expect(hasPathSeparators).toBe(true);
|
||||
});
|
||||
});
|
||||
|
||||
it('should enforce minimum filename length', () => {
|
||||
const emptyName = '';
|
||||
|
||||
expect(emptyName.length).toBe(0);
|
||||
expect(emptyName.length > 0).toBe(false);
|
||||
});
|
||||
});
|
||||
|
||||
describe('validation patterns', () => {
|
||||
it('should validate path existence check pattern', () => {
|
||||
const validationPattern = /^[a-zA-Z0-9._\-/]+$/;
|
||||
|
||||
const validPaths = ['documents/file.md', 'folder_2026/data.csv'];
|
||||
validPaths.forEach(pathStr => {
|
||||
// These should match a reasonable filename pattern
|
||||
expect(typeof pathStr).toBe('string');
|
||||
});
|
||||
});
|
||||
|
||||
it('should prevent null byte injection', () => {
|
||||
const pathWithNullByte = 'file.txt\0.exe';
|
||||
|
||||
const isSafe = !pathWithNullByte.includes('\0');
|
||||
expect(isSafe).toBe(false); // Has null byte, not safe
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -1,20 +0,0 @@
|
||||
import { describe, it, expect } from 'vitest';
|
||||
import { cn } from '@/lib/utils';
|
||||
|
||||
describe('cn', () => {
|
||||
it('merges class names', () => {
|
||||
expect(cn('a', 'b')).toBe('a b');
|
||||
});
|
||||
|
||||
it('deduplicates conflicting tailwind classes', () => {
|
||||
expect(cn('p-2', 'p-4')).toBe('p-4');
|
||||
});
|
||||
|
||||
it('ignores falsy values', () => {
|
||||
expect(cn('a', false, null, undefined, '', 'b')).toBe('a b');
|
||||
});
|
||||
|
||||
it('accepts conditional class objects', () => {
|
||||
expect(cn('base', { active: true, disabled: false })).toBe('base active');
|
||||
});
|
||||
});
|
||||
@@ -1,41 +0,0 @@
|
||||
import { describe, it, expect, beforeEach, vi } from 'vitest';
|
||||
import { ipc } from '@/lib/ipc';
|
||||
import type { FileResult } from '@/types/ipc';
|
||||
|
||||
describe('ipc wrapper', () => {
|
||||
beforeEach(() => {
|
||||
window.electronAPI = {
|
||||
file: {
|
||||
read: vi.fn().mockResolvedValue('# hello'),
|
||||
write: vi.fn().mockResolvedValue(undefined),
|
||||
list: vi.fn().mockResolvedValue([]),
|
||||
},
|
||||
};
|
||||
});
|
||||
|
||||
it('file.read returns ok result on success', async () => {
|
||||
const result = await ipc.file.read('/foo.md');
|
||||
expect(result.ok).toBe(true);
|
||||
if (result.ok) {
|
||||
expect(result.data).toBe('# hello');
|
||||
}
|
||||
});
|
||||
|
||||
it('file.read returns err result when channel throws', async () => {
|
||||
window.electronAPI.file.read = vi.fn().mockRejectedValue(new Error('ENOENT'));
|
||||
const result = await ipc.file.read('/missing.md');
|
||||
expect(result.ok).toBe(false);
|
||||
if (!result.ok) {
|
||||
expect(result.error.message).toBe('ENOENT');
|
||||
}
|
||||
});
|
||||
|
||||
it('file.read returns err result when channel missing', async () => {
|
||||
delete (window.electronAPI.file as any).read;
|
||||
const result = await ipc.file.read('/foo.md');
|
||||
expect(result.ok).toBe(false);
|
||||
if (!result.ok) {
|
||||
expect(result.error.code).toBe('CHANNEL_MISSING');
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -1,32 +0,0 @@
|
||||
import { describe, it, expect } from 'vitest';
|
||||
import {
|
||||
fadeIn,
|
||||
slideInRight,
|
||||
modalPop,
|
||||
toastSpring,
|
||||
sidebarToggle,
|
||||
} from '@/lib/motion';
|
||||
|
||||
describe('motion presets', () => {
|
||||
it('fadeIn is a valid transition object', () => {
|
||||
expect(fadeIn.duration).toBeGreaterThan(0);
|
||||
expect(fadeIn.ease).toBeDefined();
|
||||
});
|
||||
|
||||
it('slideInRight uses translateX transform', () => {
|
||||
expect(slideInRight.x).toBe('100%');
|
||||
});
|
||||
|
||||
it('modalPop uses scale and opacity', () => {
|
||||
expect(modalPop.scale).toBeDefined();
|
||||
expect(modalPop.opacity).toBeDefined();
|
||||
});
|
||||
|
||||
it('toastSpring has spring physics', () => {
|
||||
expect(toastSpring.type).toBe('spring');
|
||||
});
|
||||
|
||||
it('sidebarToggle animates width', () => {
|
||||
expect(sidebarToggle.width.duration).toBeGreaterThan(0);
|
||||
});
|
||||
});
|
||||
@@ -1,23 +0,0 @@
|
||||
import { defineConfig } from 'vite';
|
||||
import react from '@vitejs/plugin-react';
|
||||
import path from 'path';
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [react()],
|
||||
root: path.join(__dirname, 'src/renderer'),
|
||||
base: './',
|
||||
build: {
|
||||
outDir: path.join(__dirname, 'dist/renderer'),
|
||||
emptyOutDir: true,
|
||||
sourcemap: true,
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
'@': path.join(__dirname, 'src/renderer'),
|
||||
},
|
||||
},
|
||||
server: {
|
||||
port: 5173,
|
||||
strictPort: true,
|
||||
},
|
||||
});
|
||||
@@ -1,23 +0,0 @@
|
||||
import { defineConfig } from 'vitest/config';
|
||||
import react from '@vitejs/plugin-react';
|
||||
import path from 'path';
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [react()],
|
||||
test: {
|
||||
environment: 'jsdom',
|
||||
globals: true,
|
||||
setupFiles: ['./src/renderer/test/setup.ts'],
|
||||
include: ['tests/**/*.{test,spec}.{ts,tsx}'],
|
||||
coverage: {
|
||||
provider: 'v8',
|
||||
include: ['src/renderer/**/*.{ts,tsx}'],
|
||||
exclude: ['src/renderer/test/**', 'src/renderer/**/*.test.*'],
|
||||
},
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
'@': path.join(__dirname, 'src/renderer'),
|
||||
},
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user