nav.sikand
061f95ddee
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.
45 lines
1.0 KiB
TypeScript
45 lines
1.0 KiB
TypeScript
import fs from "node:fs/promises";
|
|
import path from "node:path";
|
|
import { PROJECTS_ROOT } from "./config.js";
|
|
|
|
const SEED_PROJECT = "hello";
|
|
const SEED_FILE = "main.typ";
|
|
|
|
const SEED_CONTENT = `= Hello, typst-leaf!
|
|
|
|
Welcome to your first project. Edit this file on the left;
|
|
the preview on the right updates as you type.
|
|
|
|
== Features
|
|
|
|
- Instant preview powered by *tinymist*
|
|
- Live diagnostics and autocomplete
|
|
- A real editor in your browser
|
|
|
|
== Math
|
|
|
|
The quadratic formula:
|
|
$ x = (-b +- sqrt(b^2 - 4 a c)) / (2 a) $
|
|
|
|
== Code listing
|
|
|
|
\`\`\`typ
|
|
#let greet(name) = [Hello, *#name*!]
|
|
|
|
#greet("world")
|
|
\`\`\`
|
|
`;
|
|
|
|
export async function seedIfMissing(): Promise<void> {
|
|
await fs.mkdir(PROJECTS_ROOT, { recursive: true });
|
|
const projectDir = path.join(PROJECTS_ROOT, SEED_PROJECT);
|
|
const file = path.join(projectDir, SEED_FILE);
|
|
try {
|
|
await fs.access(file);
|
|
} catch {
|
|
await fs.mkdir(projectDir, { recursive: true });
|
|
await fs.writeFile(file, SEED_CONTENT, "utf8");
|
|
console.log(`[seed] created ${SEED_PROJECT}/${SEED_FILE}`);
|
|
}
|
|
}
|