Add three core VISION features on top of the barebones MVP:
Git workflow (backend + frontend):
- Backend: simple-git wrapper with per-project repo isolation, init
(idempotent .gitignore reconciliation, handles empty repos), status,
log, commit (per-commit identity via -c flags), remote, push, pull
- gitFor() now refuses to run without the project's own .git, preventing
accidental parent-repo detection when projects/ lives inside the
typst-leaf worktree
- Frontend: GitPanel (branch, ahead/behind, inline commit, push/pull,
remote prompt, collapsible log), SettingsPanel (git identity in
localStorage), Ctrl+Shift+S focuses commit input
- Status/log refresh driven by gitVersion bumps (no polling) with
cancellation guards across project switches
- Auto-init on status failure for pre-existing projects
Vim mode:
- Off-by-default toggle persisted to localStorage
- Dynamic monaco-vim import, status bar div, StrictMode-safe lifecycle
via editorReady reset on unmount
SyncTeX (preview → editor):
- Handle tinymist/preview/scrollSource notification and
window/showDocument request
- Cross-platform path normalization (Windows drive letters, native
backslash paths, URL-decoded paths)
- Editor jump effect with Monaco selection/reveal/focus, clears on
completion
Robustness fixes across review cycles:
- Cancellation guards on git status/log effects to prevent stale writes
- bumpGitVersion after auto-init so log viewer updates
- jsonOrThrow extracts structured backend errors, handles empty bodies
- SettingsPanel/GitPanel validate localStorage identity shape
- GitPanel clears log state on project switch
- File path URI encoding preserves path separators (segment-wise encode)
- tsconfig lib bumped to ES2021 for String.replaceAll
AGENTS.md: removed stale execa/monaco-languageclient references
PLAN.md: implementation plan for this chunk
Backend (typst-leaf-backend)
- REST API for multi-project file management under PROJECTS_ROOT
(list/create projects, get file tree, read/write files; zod-validated
sandbox prevents path traversal).
- LSP thin proxy: spawns a single tinymist lsp process, pipes one active
WebSocket straight to its stdio via vscode-ws-jsonrpc. New connections
trigger a takeover (old session disposed, fresh tinymist spawned).
- Live preview pipeline: the frontend sends tinymist.startDefaultPreview
over the LSP wire, reads the returned data-plane port, and relays it to
the backend. The backend proxies /preview (WS, with retry and an Origin
header for typst-preview) and /preview-app (HTTP, injecting a script that
rewrites the webview's WS path to /preview and forces light mode).
- Graceful SIGTERM/SIGINT shutdown.
- Auto-seeds a hello project on first boot.
- Removed execa dependency (no longer needed).
Frontend (typst-leaf-frontend)
- Monaco editor with typst syntax highlighting (Monarch tokenizer) and
live LSP diagnostics (markers), completion, hover, definitions, and
formatting — all driven by a raw JSON-RPC WebSocket client (no
monaco-languageclient or vscode-api dependency).
- Project picker and file tree sidebar.
- Live preview pane: iframes the typst-preview webview through the
backend's /preview-app proxy, so the pipedepeline works remotely.
- Monaco bundled locally (no CDN) with a Vite worker setup.
- Vite dev proxy so relative /api, /lsp, /preview, and /preVIEW-app URLs
reach the backend on port 4000.
- Light-mode UI (editor 'vs' theme, white chrome).
- Prevent esbuild from tree-shaking monaco.editor services
(optimizeDeps.esbuildOptions.treeShaking: false).
Infrastructure
- Added vscode-ws-jsonrpc to backend dependencies.
- Removed monaco-languageclient and vscode-ws-jsonrpc from frontend
dependencies (replaced by the raw JSON-RPC client).
- Added monaco-editor as a direct frontend dependency.
- Updated README (correct frontend port 1420, tinymist install command,
environment variables, architecture).
- Added projects/ to .gitignore.
- Renamed Tauri productName and page title to typst-leaf.
nav.sikand