SemianiakaVY/openpencil
1
0
Fork 0
Code Issues Pull requests Actions 1 Packages Projects Releases Wiki Activity
openpencil/package.json

83 lines
2.6 KiB
JSON
Raw Normal View History

Initial commit: Tauri + CanvasKit + React editor scaffold - Tauri v2 desktop shell with 1280x800 window - CanvasKit WASM (Skia) rendering via WebGL2 - Scene graph with typed nodes (Frame, Rectangle, Ellipse, Line, etc.) - Skia renderer with fills, strokes, rounded corners, opacity, rotation - Selection system with resize handles - Undo/redo manager (inverse command pattern with batching) - Bottom toolbar (Select, Frame, Rect, Ellipse, Line) matching Figma UI3 - Left layers panel, right properties panel - Pan (scroll), zoom (Ctrl+scroll toward cursor) - Keyboard shortcuts: V/F/R/O/L for tools, Cmd+Z undo, Backspace delete - 5 demo shapes rendered on canvas
2026-02-27 12:48:29 +00:00
{
"name": "open-pencil-app",
"private": true,
"version": "0.1.0",
"type": "module",
Sync specs & docs: variables, image export, CLI, core extraction - Update specs: scene-graph (variables/collections/modes/bindings/.fig import), editor-ui (VariablesPanel, ExportSection, splash), canvas-rendering (variable resolution, image export, sceneVersion/renderVersion), desktop-app (monorepo), tooling (Bun workspace), testing (variable tests) - Create cli spec: info, tree, find, export commands - Update docs: features, figma-comparison (79/150), roadmap (Phase 4 ✅, Phase 5 🟡), keyboard-shortcuts (⇧⌘E), contributing (monorepo structure) - Restore vitepress devDependency lost during merge - Archive sync-variables-export-cli change
2026-02-28 23:17:48 +00:00
"workspaces": [
"packages/*"
],
Initial commit: Tauri + CanvasKit + React editor scaffold - Tauri v2 desktop shell with 1280x800 window - CanvasKit WASM (Skia) rendering via WebGL2 - Scene graph with typed nodes (Frame, Rectangle, Ellipse, Line, etc.) - Skia renderer with fills, strokes, rounded corners, opacity, rotation - Selection system with resize handles - Undo/redo manager (inverse command pattern with batching) - Bottom toolbar (Select, Frame, Rect, Ellipse, Line) matching Figma UI3 - Left layers panel, right properties panel - Pan (scroll), zoom (Ctrl+scroll toward cursor) - Keyboard shortcuts: V/F/R/O/L for tools, Cmd+Z undo, Backspace delete - 5 demo shapes rendered on canvas
2026-02-27 12:48:29 +00:00
"scripts": {
"dev": "vite",
"build": "tsc && vite build",
"preview": "vite preview",
Add oxlint, oxfmt, typescript-go - oxlint with react, react-hooks, typescript, import, unicorn plugins - oxfmt (no trailing commas, single quotes, sorted imports) - tsgo (typescript-go native preview) for fast typechecking - Fix all lint warnings: non-null assertions, unused expressions, stale closures - Scripts: lint, format, typecheck, check
2026-02-27 12:52:04 +00:00
"tauri": "tauri",
"lint": "oxlint -c oxlint.json src/",
"format": "oxfmt --write src/",
"typecheck": "tsgo --noEmit",
Playwright visual regression testing with Figma CDP reference - Playwright E2E tests for OpenPencil: draw, move, delete, undo shapes - Visual screenshot baselines with toHaveScreenshot() - SwiftShader for headless WebGL/CanvasKit rendering - Figma CDP helper for reference tests (connect to Figma Desktop) - ?test URL param for clean canvas without demo shapes - Scripts: test, test:update, test:figma, figma:debug
2026-02-28 04:32:15 +00:00
"check": "bun run lint && bun run typecheck",
"test": "playwright test --project=openpencil",
"test:update": "playwright test --project=openpencil --update-snapshots",
"test:figma": "playwright test --project=figma",
Add bun:test unit tests for SceneGraph (15ms)
2026-02-28 04:45:50 +00:00
"figma:debug": "open -a Figma --args --remote-debugging-port=9222",
Make CLI available as `bun open-pencil` in workspace
2026-02-28 22:21:29 +00:00
"test:unit": "bun test ./tests/engine",
Add test:coverage script
2026-03-01 06:34:41 +00:00
"test:coverage": "bun test --coverage ./tests/engine",
Add jscpd for copy-paste detection
2026-03-01 07:49:09 +00:00
"test:dupes": "jscpd packages/core/src packages/cli/src src --min-lines 5 --min-tokens 50 --format typescript",
Sync specs & docs: variables, image export, CLI, core extraction - Update specs: scene-graph (variables/collections/modes/bindings/.fig import), editor-ui (VariablesPanel, ExportSection, splash), canvas-rendering (variable resolution, image export, sceneVersion/renderVersion), desktop-app (monorepo), tooling (Bun workspace), testing (variable tests) - Create cli spec: info, tree, find, export commands - Update docs: features, figma-comparison (79/150), roadmap (Phase 4 ✅, Phase 5 🟡), keyboard-shortcuts (⇧⌘E), contributing (monorepo structure) - Restore vitepress devDependency lost during merge - Archive sync-variables-export-cli change
2026-02-28 23:17:48 +00:00
"open-pencil": "bun packages/cli/src/index.ts",
Move docs to packages/docs, add Cloudflare Pages deploy - Move docs/ → packages/docs/ as @open-pencil/docs workspace package - Add screenshot.png as hero image on landing page - Add GitHub Actions workflow for Cloudflare Pages deploy (openpencil.dev) - Remove vitepress from root devDependencies - Root docs:* scripts delegate via bun --filter
2026-03-01 12:16:16 +00:00
"docs:dev": "bun --filter @open-pencil/docs dev",
"docs:build": "bun --filter @open-pencil/docs build",
"docs:preview": "bun --filter @open-pencil/docs preview"
Initial commit: Tauri + CanvasKit + React editor scaffold - Tauri v2 desktop shell with 1280x800 window - CanvasKit WASM (Skia) rendering via WebGL2 - Scene graph with typed nodes (Frame, Rectangle, Ellipse, Line, etc.) - Skia renderer with fills, strokes, rounded corners, opacity, rotation - Selection system with resize handles - Undo/redo manager (inverse command pattern with batching) - Bottom toolbar (Select, Frame, Rect, Ellipse, Line) matching Figma UI3 - Left layers panel, right properties panel - Pan (scroll), zoom (Ctrl+scroll toward cursor) - Keyboard shortcuts: V/F/R/O/L for tools, Cmd+Z undo, Backspace delete - 5 demo shapes rendered on canvas
2026-02-27 12:48:29 +00:00
},
"dependencies": {
AI chat panel with ⌘J toggle, DirectChatTransport, OpenRouter - ChatPanel.vue: message list, tool timeline, typing indicator, API key setup - use-chat.ts: Chat + DirectChatTransport + ToolLoopAgent (no backend) - App.vue: toggle between PropertiesPanel and ChatPanel in same splitter slot - ⌘J keyboard shortcut to open/close chat
2026-03-01 07:31:57 +00:00
"@ai-sdk/openai": "^3.0.37",
Wire AI tools to editor store with valibot schemas 10 tools: create_shape, set_fill, set_stroke, update_node, set_layout, delete_node, select_nodes, get_page_tree, get_selection, rename_node. Uses @ai-sdk/valibot for schema integration with ToolLoopAgent.
2026-03-01 08:45:27 +00:00
"@ai-sdk/valibot": "^2.0.17",
AI chat panel with ⌘J toggle, DirectChatTransport, OpenRouter - ChatPanel.vue: message list, tool timeline, typing indicator, API key setup - use-chat.ts: Chat + DirectChatTransport + ToolLoopAgent (no backend) - App.vue: toggle between PropertiesPanel and ChatPanel in same splitter slot - ⌘J keyboard shortcut to open/close chat
2026-03-01 07:31:57 +00:00
"@ai-sdk/vue": "^3.0.105",
Use TanStack Table for variables dialog with resizable columns Replace hand-rolled flex layout with @tanstack/vue-table: - Proper <table> with column resizing (drag header borders) - Sticky header row - FlexRender for cell content (reka-ui Editable inline editing) - Use culori via parseColor instead of manual hex parsing
2026-02-28 23:12:19 +00:00
"@open-pencil/cli": "workspace:*",
"@open-pencil/core": "workspace:*",
AI chat panel with ⌘J toggle, DirectChatTransport, OpenRouter - ChatPanel.vue: message list, tool timeline, typing indicator, API key setup - use-chat.ts: Chat + DirectChatTransport + ToolLoopAgent (no backend) - App.vue: toggle between PropertiesPanel and ChatPanel in same splitter slot - ⌘J keyboard shortcut to open/close chat
2026-03-01 07:31:57 +00:00
"@openrouter/ai-sdk-provider": "^2.2.3",
Migrate to Tailwind CSS 4.2 - @tailwindcss/vite plugin for zero-config build - @theme tokens: panel, canvas, border, hover, accent, surface, muted, input - All scoped CSS replaced with Tailwind utility classes - Only remaining scoped CSS: ColorPicker range slider thumbs - Removed conflicting * { padding: 0 } reset (Tailwind preflight handles it)
2026-02-27 21:54:38 +00:00
"@tailwindcss/vite": "^4.2.1",
Use TanStack Table for variables dialog with resizable columns Replace hand-rolled flex layout with @tanstack/vue-table: - Proper <table> with column resizing (drag header borders) - Sticky header row - FlexRender for cell content (reka-ui Editable inline editing) - Use culori via parseColor instead of manual hex parsing
2026-02-28 23:12:19 +00:00
"@tanstack/vue-table": "^8.21.3",
Initial commit: Tauri + CanvasKit + React editor scaffold - Tauri v2 desktop shell with 1280x800 window - CanvasKit WASM (Skia) rendering via WebGL2 - Scene graph with typed nodes (Frame, Rectangle, Ellipse, Line, etc.) - Skia renderer with fills, strokes, rounded corners, opacity, rotation - Selection system with resize handles - Undo/redo manager (inverse command pattern with batching) - Bottom toolbar (Select, Frame, Rect, Ellipse, Line) matching Figma UI3 - Left layers panel, right properties panel - Pan (scroll), zoom (Ctrl+scroll toward cursor) - Keyboard shortcuts: V/F/R/O/L for tools, Cmd+Z undo, Backspace delete - 5 demo shapes rendered on canvas
2026-02-27 12:48:29 +00:00
"@tauri-apps/api": "^2",
Tauri native dialog for Save/Open with fs plugin
2026-02-28 10:54:21 +00:00
"@tauri-apps/plugin-dialog": "^2.6.0",
"@tauri-apps/plugin-fs": "^2.4.5",
Initial commit: Tauri + CanvasKit + React editor scaffold - Tauri v2 desktop shell with 1280x800 window - CanvasKit WASM (Skia) rendering via WebGL2 - Scene graph with typed nodes (Frame, Rectangle, Ellipse, Line, etc.) - Skia renderer with fills, strokes, rounded corners, opacity, rotation - Selection system with resize handles - Undo/redo manager (inverse command pattern with batching) - Bottom toolbar (Select, Frame, Rect, Ellipse, Line) matching Figma UI3 - Left layers panel, right properties panel - Pan (scroll), zoom (Ctrl+scroll toward cursor) - Keyboard shortcuts: V/F/R/O/L for tools, Cmd+Z undo, Backspace delete - 5 demo shapes rendered on canvas
2026-02-27 12:48:29 +00:00
"@tauri-apps/plugin-opener": "^2",
Migrate React → Vue 3 + VueUse + Reka UI - Vue 3 SFC components with <script setup> - Reactive store (Vue reactivity) replacing React refs/state - Composables: useCanvas, useCanvasInput, useKeyboard - Components: EditorCanvas, LayersPanel, PropertiesPanel, Toolbar - Floating toolbar (Figma UI3 style) with pill shape + shadow - Properties panel with Design/Prototype tabs + zoom display - Sections: Position, Rotation, Layout, Appearance, Fill, Stroke, Effects, Export - CSS custom properties for theming (--panel-bg, --border, --accent, etc.) - Add Figma UI3 CDP inspection findings (toolbar, panels, sections)
2026-02-27 18:25:31 +00:00
"@vueuse/core": "^14.2.1",
AI chat panel with ⌘J toggle, DirectChatTransport, OpenRouter - ChatPanel.vue: message list, tool timeline, typing indicator, API key setup - use-chat.ts: Chat + DirectChatTransport + ToolLoopAgent (no backend) - App.vue: toggle between PropertiesPanel and ChatPanel in same splitter slot - ⌘J keyboard shortcut to open/close chat
2026-03-01 07:31:57 +00:00
"ai": "^6.0.105",
Initial commit: Tauri + CanvasKit + React editor scaffold - Tauri v2 desktop shell with 1280x800 window - CanvasKit WASM (Skia) rendering via WebGL2 - Scene graph with typed nodes (Frame, Rectangle, Ellipse, Line, etc.) - Skia renderer with fills, strokes, rounded corners, opacity, rotation - Selection system with resize handles - Undo/redo manager (inverse command pattern with batching) - Bottom toolbar (Select, Frame, Rect, Ellipse, Line) matching Figma UI3 - Left layers panel, right properties panel - Pan (scroll), zoom (Ctrl+scroll toward cursor) - Keyboard shortcuts: V/F/R/O/L for tools, Cmd+Z undo, Backspace delete - 5 demo shapes rendered on canvas
2026-02-27 12:48:29 +00:00
"canvaskit-wasm": "^0.40.0",
Refactor: vendor kiwi-schema, extract types/constants, culori colors - Fork kiwi-schema from source TypeScript (evanw/kiwi), drop npm dep + patch - Deduplicate GUID/Color types into src/types.ts - Extract UI colors and default fills into src/constants.ts - Replace hand-rolled hex parsing with culori library - Extract demo shapes from App.vue into src/demo.ts - useUrlSearchParams from VueUse for test mode detection - Move fig-file/fig-import into kiwi/ (format layer) - Delete PoC files (poc-yoga.ts, poc-test.ts)
2026-02-28 05:08:04 +00:00
"culori": "^4.0.2",
Fix chat reactivity (markRaw), add Playwright tests with mock transport Use markRaw to prevent Vue from deep-proxying the Chat class instance, which broke its internal Vue refs. Add dedent for multiline prompts. Tests use mock transport by default. Set TEST_REAL_LLM=1 and OPENROUTER_API_KEY to run against real OpenRouter.
2026-03-01 08:30:30 +00:00
"dedent": "^1.7.1",
Add .fig file import (Kiwi codec → scene graph) File parser: - .fig files are ZIP archives with Kiwi-encoded canvas data - Detects canvas blob by name (canvas.fig) or largest binary entry - Decodes Kiwi Message → NodeChange[] → SceneGraph Node conversion: - Maps Figma types to OpenPencil types (COMPONENT → FRAME, etc.) - Extracts position from transform matrix (m02, m12) - Extracts rotation from transform matrix (atan2) - Converts fillPaints/strokePaints to Fill[]/Stroke[] - Converts effects (shadows, blurs) - Handles independent corner radii - Preserves text properties (font, size, alignment, spacing) - Builds parent-child tree from parentIndex GUIDs - Sorts children by parentIndex.position Browser compatibility: - fzstd for Zstd decompression (replaces Bun.zstd*) - fflate for ZIP extraction - Cmd+O opens file dialog for .fig files - UndoManager.clear() for resetting on file open
2026-02-27 20:01:35 +00:00
"fflate": "^0.8.2",
"fzstd": "^0.1.1",
Real-time collaboration with Yjs CRDT over Cloudflare Durable Objects - Cloudflare Worker + Durable Object server (packages/collab/) - One DO per room with WebSocket Hibernation for near-zero idle cost - Yjs sync protocol for document state (CRDT merge) - Yjs awareness protocol for cursors, selection, presence - Persists doc state to DO storage - CORS headers for cross-origin WebSocket upgrade - Client composable (src/composables/use-collab.ts) - Y.Doc ↔ SceneGraph bidirectional binding - Awareness: broadcasts cursor position, selection, name, color - Auto-join from /share/:roomId URL - Suppresses echo loops between Yjs and graph updates - CollabPanel component (src/components/CollabPanel.vue) - Share button generates room link, copies to clipboard - Join flow: paste link or room ID - Avatar stack with colored initials and tooltips - Name input persisted to localStorage - Remote cursor rendering in CanvasKit - Colored arrow cursor + name label pill per remote peer - Remote selection outlines in peer's color - Only shows cursors on the same page - SPA redirect for /share/* routes (Cloudflare Pages _redirects)
2026-03-01 13:44:37 +00:00
"lib0": "^0.2.117",
Add Code tab with JSX export and syntax highlighting - sceneNodeToJsx() in @open-pencil/core: converts SceneNode subtree to JSX - CodePanel.vue with Prism.js highlighting, line numbers, copy button - Third tab in properties panel: Design | Code | AI - 14 new tests covering shapes, text, layout, effects, multi-selection
2026-03-01 09:12:45 +00:00
"prismjs": "^1.30.0",
Migrate React → Vue 3 + VueUse + Reka UI - Vue 3 SFC components with <script setup> - Reactive store (Vue reactivity) replacing React refs/state - Composables: useCanvas, useCanvasInput, useKeyboard - Components: EditorCanvas, LayersPanel, PropertiesPanel, Toolbar - Floating toolbar (Figma UI3 style) with pill shape + shadow - Properties panel with Design/Prototype tabs + zoom display - Sections: Position, Rotation, Layout, Appearance, Fill, Stroke, Effects, Export - CSS custom properties for theming (--panel-bg, --border, --accent, etc.) - Add Figma UI3 CDP inspection findings (toolbar, panels, sections)
2026-02-27 18:25:31 +00:00
"reka-ui": "^2.8.2",
Migrate to Tailwind CSS 4.2 - @tailwindcss/vite plugin for zero-config build - @theme tokens: panel, canvas, border, hover, accent, surface, muted, input - All scoped CSS replaced with Tailwind utility classes - Only remaining scoped CSS: ColorPicker range slider thumbs - Removed conflicting * { padding: 0 } reset (Tailwind preflight handles it)
2026-02-27 21:54:38 +00:00
"tailwindcss": "^4.2.1",
Replace Durable Object relay with Trystero P2P + y-indexeddb - Remove packages/collab/ (CF Worker + Durable Object server) - Replace WebSocket relay with Trystero (serverless WebRTC P2P) - Peers connect via Nostr relays for signaling (free, public) - All sync traffic flows directly peer-to-peer - Automatic chunking for large Yjs updates - Add y-indexeddb for local persistence - Each client persists Y.Doc to IndexedDB - Room survives browser refresh, loads instantly - Yjs sync protocol over Trystero actions: - yjs-update: incremental doc updates - sync-step1/sync-reply: full state sync on peer join - awareness: cursor, selection, presence - Zero server cost at any scale
2026-03-01 14:25:46 +00:00
"trystero": "^0.22.0",
Wire AI tools to editor store with valibot schemas 10 tools: create_shape, set_fill, set_stroke, update_node, set_layout, delete_node, select_nodes, get_page_tree, get_selection, rename_node. Uses @ai-sdk/valibot for schema integration with ToolLoopAgent.
2026-03-01 08:45:27 +00:00
"valibot": "^1.2.0",
Migrate React → Vue 3 + VueUse + Reka UI - Vue 3 SFC components with <script setup> - Reactive store (Vue reactivity) replacing React refs/state - Composables: useCanvas, useCanvasInput, useKeyboard - Components: EditorCanvas, LayersPanel, PropertiesPanel, Toolbar - Floating toolbar (Figma UI3 style) with pill shape + shadow - Properties panel with Design/Prototype tabs + zoom display - Sections: Position, Rotation, Layout, Appearance, Fill, Stroke, Effects, Export - CSS custom properties for theming (--panel-bg, --border, --accent, etc.) - Add Figma UI3 CDP inspection findings (toolbar, panels, sections)
2026-02-27 18:25:31 +00:00
"vue": "^3.5.29",
Collab UI polish, vue-router, extract HsvColorArea - Move CollabPanel to right panel header (like Figma) - /share/:roomId shows join dialog with name input before connecting - Add vue-router with / and /share/:roomId routes - Extract EditorView from App.vue - Extract HsvColorArea component from ColorPicker + FillPicker (eliminates ~160 lines of duplicated HSV logic) - Extract syncNodePropsToYMap in use-collab.ts - Register Yjs update listener before opening WebSocket (fix race) - Scrollable AppMenu without scrollbar (scrollbar-none utility) - Overflow-x hidden on LayersPanel - Gitignore .wrangler build artifacts - SPA catch-all redirect for Cloudflare Pages
2026-03-01 14:15:08 +00:00
"vue-router": "^5.0.3",
Use reka-ui Tabs/ScrollArea/Collapsible/Tooltip, tw-animate-css, vue-stream-markdown
2026-03-01 08:03:51 +00:00
"vue-stream-markdown": "^0.6.0",
Replace Durable Object relay with Trystero P2P + y-indexeddb - Remove packages/collab/ (CF Worker + Durable Object server) - Replace WebSocket relay with Trystero (serverless WebRTC P2P) - Peers connect via Nostr relays for signaling (free, public) - All sync traffic flows directly peer-to-peer - Automatic chunking for large Yjs updates - Add y-indexeddb for local persistence - Each client persists Y.Doc to IndexedDB - Room survives browser refresh, loads instantly - Yjs sync protocol over Trystero actions: - yjs-update: incremental doc updates - sync-step1/sync-reply: full state sync on peer join - awareness: cursor, selection, presence - Zero server cost at any scale
2026-03-01 14:25:46 +00:00
"y-indexeddb": "^9.0.12",
Real-time collaboration with Yjs CRDT over Cloudflare Durable Objects - Cloudflare Worker + Durable Object server (packages/collab/) - One DO per room with WebSocket Hibernation for near-zero idle cost - Yjs sync protocol for document state (CRDT merge) - Yjs awareness protocol for cursors, selection, presence - Persists doc state to DO storage - CORS headers for cross-origin WebSocket upgrade - Client composable (src/composables/use-collab.ts) - Y.Doc ↔ SceneGraph bidirectional binding - Awareness: broadcasts cursor position, selection, name, color - Auto-join from /share/:roomId URL - Suppresses echo loops between Yjs and graph updates - CollabPanel component (src/components/CollabPanel.vue) - Share button generates room link, copies to clipboard - Join flow: paste link or room ID - Avatar stack with colored initials and tooltips - Name input persisted to localStorage - Remote cursor rendering in CanvasKit - Colored arrow cursor + name label pill per remote peer - Remote selection outlines in peer's color - Only shows cursors on the same page - SPA redirect for /share/* routes (Cloudflare Pages _redirects)
2026-03-01 13:44:37 +00:00
"y-protocols": "^1.0.7",
"yjs": "^13.6.29",
Zstd compression via Tauri Rust command, deflate fallback for browser - Added zstd crate to Rust deps and zstd_compress Tauri command - Export uses native Zstd in Tauri, deflate in browser (our reader handles both) - Removed zstd-wasm dependency (decompress-only, didn't work)
2026-02-28 11:56:06 +00:00
"yoga-layout": "^3.2.1"
Initial commit: Tauri + CanvasKit + React editor scaffold - Tauri v2 desktop shell with 1280x800 window - CanvasKit WASM (Skia) rendering via WebGL2 - Scene graph with typed nodes (Frame, Rectangle, Ellipse, Line, etc.) - Skia renderer with fills, strokes, rounded corners, opacity, rotation - Selection system with resize handles - Undo/redo manager (inverse command pattern with batching) - Bottom toolbar (Select, Frame, Rect, Ellipse, Line) matching Figma UI3 - Left layers panel, right properties panel - Pan (scroll), zoom (Ctrl+scroll toward cursor) - Keyboard shortcuts: V/F/R/O/L for tools, Cmd+Z undo, Backspace delete - 5 demo shapes rendered on canvas
2026-02-27 12:48:29 +00:00
},
"devDependencies": {
Replace emoji icons with Lucide via Iconify (unplugin-icons) - unplugin-icons + @iconify-json/lucide for compile-time icon bundling - Toolbar: proper cursor, frame, square, pen, type, hand icons - Layers panel: per-type node icons + chevron-right for expand/collapse - Remove icon field from ToolDef (icons mapped in components)
2026-02-28 05:24:42 +00:00
"@iconify-json/lucide": "^1.2.94",
Playwright visual regression testing with Figma CDP reference - Playwright E2E tests for OpenPencil: draw, move, delete, undo shapes - Visual screenshot baselines with toHaveScreenshot() - SwiftShader for headless WebGL/CanvasKit rendering - Figma CDP helper for reference tests (connect to Figma Desktop) - ?test URL param for clean canvas without demo shapes - Scripts: test, test:update, test:figma, figma:debug
2026-02-28 04:32:15 +00:00
"@playwright/test": "^1.58.2",
Add oxlint, oxfmt, typescript-go - oxlint with react, react-hooks, typescript, import, unicorn plugins - oxfmt (no trailing commas, single quotes, sorted imports) - tsgo (typescript-go native preview) for fast typechecking - Fix all lint warnings: non-null assertions, unused expressions, stale closures - Scripts: lint, format, typecheck, check
2026-02-27 12:52:04 +00:00
"@tauri-apps/cli": "^2",
Fix production build type errors
2026-02-28 08:37:02 +00:00
"@types/culori": "^4.0.1",
"@types/node": "^25.3.2",
Add Code tab with JSX export and syntax highlighting - sceneNodeToJsx() in @open-pencil/core: converts SceneNode subtree to JSX - CodePanel.vue with Prism.js highlighting, line numbers, copy button - Third tab in properties panel: Design | Code | AI - 14 new tests covering shapes, text, layout, effects, multi-selection
2026-03-01 09:12:45 +00:00
"@types/prismjs": "^1.26.6",
Fix production build type errors
2026-02-28 08:37:02 +00:00
"@typescript/native-preview": "^7.0.0-dev.20260228.1",
Migrate React → Vue 3 + VueUse + Reka UI - Vue 3 SFC components with <script setup> - Reactive store (Vue reactivity) replacing React refs/state - Composables: useCanvas, useCanvasInput, useKeyboard - Components: EditorCanvas, LayersPanel, PropertiesPanel, Toolbar - Floating toolbar (Figma UI3 style) with pill shape + shadow - Properties panel with Design/Prototype tabs + zoom display - Sections: Position, Rotation, Layout, Appearance, Fill, Stroke, Effects, Export - CSS custom properties for theming (--panel-bg, --border, --accent, etc.) - Add Figma UI3 CDP inspection findings (toolbar, panels, sections)
2026-02-27 18:25:31 +00:00
"@vitejs/plugin-vue": "^6.0.4",
JSX renderer in @open-pencil/core TreeNode builder functions (Frame, Text, Rectangle, etc.) produce a lightweight tree structure. Two rendering paths: - renderTreeNode(): tree → scene graph (browser, no deps) - renderJsx(): JSX string → esbuild → tree → scene graph (CLI/headless) Tailwind-like shorthand props: w/h, bg, rounded, flex, gap, p/px/py, justify, items, shadow, blur, etc. 27 tests covering all node types, layout props, effects, and nesting.
2026-03-01 07:42:06 +00:00
"esbuild": "^0.27.3",
Add jscpd for copy-paste detection
2026-03-01 07:49:09 +00:00
"jscpd": "^4.0.8",
Add oxlint, oxfmt, typescript-go - oxlint with react, react-hooks, typescript, import, unicorn plugins - oxfmt (no trailing commas, single quotes, sorted imports) - tsgo (typescript-go native preview) for fast typechecking - Fix all lint warnings: non-null assertions, unused expressions, stale closures - Scripts: lint, format, typecheck, check
2026-02-27 12:52:04 +00:00
"oxfmt": "^0.35.0",
"oxlint": "^1.50.0",
Use reka-ui Tabs/ScrollArea/Collapsible/Tooltip, tw-animate-css, vue-stream-markdown
2026-03-01 08:03:51 +00:00
"tw-animate-css": "^1.4.0",
Initial commit: Tauri + CanvasKit + React editor scaffold - Tauri v2 desktop shell with 1280x800 window - CanvasKit WASM (Skia) rendering via WebGL2 - Scene graph with typed nodes (Frame, Rectangle, Ellipse, Line, etc.) - Skia renderer with fills, strokes, rounded corners, opacity, rotation - Selection system with resize handles - Undo/redo manager (inverse command pattern with batching) - Bottom toolbar (Select, Frame, Rect, Ellipse, Line) matching Figma UI3 - Left layers panel, right properties panel - Pan (scroll), zoom (Ctrl+scroll toward cursor) - Keyboard shortcuts: V/F/R/O/L for tools, Cmd+Z undo, Backspace delete - 5 demo shapes rendered on canvas
2026-02-27 12:48:29 +00:00
"typescript": "~5.8.3",
Replace emoji icons with Lucide via Iconify (unplugin-icons) - unplugin-icons + @iconify-json/lucide for compile-time icon bundling - Toolbar: proper cursor, frame, square, pen, type, hand icons - Layers panel: per-type node icons + chevron-right for expand/collapse - Remove icon field from ToolDef (icons mapped in components)
2026-02-28 05:24:42 +00:00
"unplugin-icons": "^23.0.1",
Add IconsResolver for auto-import, explicit imports only for dynamic maps
2026-02-28 05:29:39 +00:00
"unplugin-vue-components": "^31.0.0",
Move docs to packages/docs, add Cloudflare Pages deploy - Move docs/ → packages/docs/ as @open-pencil/docs workspace package - Add screenshot.png as hero image on landing page - Add GitHub Actions workflow for Cloudflare Pages deploy (openpencil.dev) - Remove vitepress from root devDependencies - Root docs:* scripts delegate via bun --filter
2026-03-01 12:16:16 +00:00
"vite": "^7.0.4"
Initial commit: Tauri + CanvasKit + React editor scaffold - Tauri v2 desktop shell with 1280x800 window - CanvasKit WASM (Skia) rendering via WebGL2 - Scene graph with typed nodes (Frame, Rectangle, Ellipse, Line, etc.) - Skia renderer with fills, strokes, rounded corners, opacity, rotation - Selection system with resize handles - Undo/redo manager (inverse command pattern with batching) - Bottom toolbar (Select, Frame, Rect, Ellipse, Line) matching Figma UI3 - Left layers panel, right properties panel - Pan (scroll), zoom (Ctrl+scroll toward cursor) - Keyboard shortcuts: V/F/R/O/L for tools, Cmd+Z undo, Backspace delete - 5 demo shapes rendered on canvas
2026-02-27 12:48:29 +00:00
}
Playwright visual regression testing with Figma CDP reference - Playwright E2E tests for OpenPencil: draw, move, delete, undo shapes - Visual screenshot baselines with toHaveScreenshot() - SwiftShader for headless WebGL/CanvasKit rendering - Figma CDP helper for reference tests (connect to Figma Desktop) - ?test URL param for clean canvas without demo shapes - Scripts: test, test:update, test:figma, figma:debug
2026-02-28 04:32:15 +00:00
}
Reference in a new issue Copy permalink