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

120 lines
4.3 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",
Release v0.11.8
2026-04-23 13:15:37 +00:00
"version": "0.11.8",
Refactor architecture boundaries across core, app, and packages (#234) * refactor(core): decompose editor factory and action modules Split the monolithic editor factory and large action modules into focused domain helpers: - create.ts assembles context through bridge modules (clipboard, components, structure, undo) and delegates to graph-reads, graph-events, layout-runner, component-sync, and state factory - structure.ts delegates to group, container-wrap, auto-layout-wrap, reorder, and state-toggle helpers - selection.ts delegates to hit-test, overlays, container navigation, and read helpers - clipboard.ts delegates to subtree-history, images, export, copy, fonts, and placement helpers - shapes.ts delegates to pen actions and section-adopt - components.ts delegates to focus and instances helpers - alignment.ts delegates to flip-rotate helper - text.ts uses explicit TextEditSession for snapshot comparison New focused modules: nudge, variable-bindings, layout-mode, page-viewports, tool-registry, color-space Undo: history/position and history/snapshot helpers, hardened batch/rollback with nested batch support and configurable limit * refactor(core): split tool definitions by domain Split the monolithic tool registry into domain-specific modules: - read/ — selection, find, pages, fonts, components, nodes, query, jsx - create/ — basic shapes, components, vector, JSX render - modify/ — paint, effects, geometry, layout, state, text, update - structure/ — basic, arrange, batch, hierarchy, replace, tree - variables/ — bindings, collections, read, values - vector/ — boolean, path, export, viewport - analyze/ — colors, typography, spacing, clusters, diff, eval - describe/ — summaries, tree, roles, layout-issues - stock-photo/ — providers, requests, apply - codegen/ — component-map, tokens Split registry into core/extended tiers; refine schema and AI adapter * refactor(core): restructure kiwi codec and instance overrides Reorganize the Kiwi .fig codec into domain subdirectories: - binary/ — codec, schema, protocol - fig/ — file, import, parse (core, worker, transfer) - node-change/ — convert, export-node, serialize, plugin-data - instance-overrides/ — constraints, dsd, populate, props, resolve, symbol-overrides, symbol-props, sync, types Vendored kiwi-schema/ left isolated * refactor(core): split profiler, icons, IO, and add subpath exports Profiler: speedscope-export, capture-session, hud-controller Icons: api, svg, types, render, create-icons tool IO: format registry and subpath exports Canvas/color/text/vector: targeted cleanup Add deliberate subpath exports: random, xpath, vector, color, canvas, scene-graph, kiwi, design-jsx, io, tools, editor, layout, canvaskit, profiler, text, lint, rpc, figma-api, constants * refactor(vue): decompose canvas input, surface lifecycle, and controls Canvas surface: gl-surface, kit-loader, render-loop, resize-observer Canvas input handlers: - move: drop-target, move-snap, duplicate-drag - select: select-move, select-hover, select-hit - resize: resize-rect, resize-vector, resize-start - transform: rotation, marquee, pan, text-selection - text-edit: navigation, clipboard, textarea lifecycle - Shared: click-count, space-key, pan, pan-zoom, draw, raf-scheduler Editor composition: - commands split: actions, context, metadata, edit, selection, view - menu-model split: command-groups, builders, types - Gradient stop composable reuse in primitive root Controls: fill, layout, typography, appearance, effects, stroke, okhcl, prop-scrub, node-props, undo-batch, color-variable-binding Variables/i18n/document/export helpers Organize canvas, primitives, controls, editor, and variables into cohesive module directories with package-local import aliases Expose MenuActionNode/MenuSeparatorNode from public API * refactor(app): split document IO, editor session, and automation bridge Document IO: source-state, naming, writer, reload-source, reload-state, imported-document, watch-targets, save-targets Editor session: create, modules, types, accessors, computed, refs Editor canvas: loader-overlay, collaboration-awareness, context-selection, menu-actions, menu-model Automation bridge: eval, tools, exports, files, selection, RPC fallback AI/ACP: transport, map-update, permission, debug, chat effects/storage Collab: awareness, graph-bindings, yjs-sync, follow, session, types Shell keyboard: actions, bindings, clipboard, focus, nudging, raw-events, registry, reserved, shortcuts, space-tool Shell menu: app-menu, document-name, entry, files Demo: colors, effects, helpers, section builders (components, app-preview, effects, standalone, variables) — document.ts reduced from 981 to 32 lines as pure orchestrator Move app modules under src/app/ with organized domain structure: editor, document, ai, collab, shell, automation, demo, tabs * refactor(app): decompose UI components with provide/inject context Split monolithic components using Reka UI-inspired namespace folders with scoped provide/inject context — no prop drilling: - CollabPanel/ — context, avatars, share, connected, join - ColorPickerPanel/ — context, area, format, field groups, sliders - MobileHud/ — context, action toast, tool badge, file menu, presence - ProviderSettings/ — context, API key/type, endpoint, tokens, photos - Toolbar/ — actions, types, desktop, mobile, tool button, flyout - LayoutSection/ — types, auto-layout, flex, grid, padding, size, clip Properties helpers: fill-okhcl adapter, fill-label, color-style-row Menu: entry helpers, document-name rename, stale type removal * refactor(mcp): split server into focused modules - browser-rpc — WebSocket client management - mcp-sessions — session lifecycle - tool-output — response formatting - tool-schema — Zod schema generation from ToolDefs - jsx-preprocess — JSX source transformation - result — result helpers - tool-registration — MCP tool wiring - auth — API key validation - http-options — CORS/request handling - stdio-bridge — stdio transport adapter * refactor(cli): split analyze subcommands and shared helpers - Analyze subcommands: clusters, colors, spacing, typography - RPC data loading helper - Migrate imports to targeted core subpath exports * refactor(docs): split VitePress config and shared table component Config helpers: sdk-sidebar, seo, labels, sidebars, locale-theme, root-theme, locales Shared SdkDataTable component replaces duplicated table markup in SdkPropsTable, SdkEventsTable, and SdkSlotsTable Update contributing and testing docs * refactor(tauri): decompose desktop entrypoint Split lib.rs into focused service modules: - fig_container.rs — .fig archive/compression commands - fonts.rs — font cache and system font enumeration - menu.rs — native menu construction - menu_events.rs — menu event dispatch and devtools toggle - window.rs — main window show/focus lifecycle * test: share domain test factories and migrate fixtures New shared helpers: - tests/helpers/scene.ts — makeSceneGraph factory - tests/helpers/vector-network.ts — vertex/segment/network builders - tests/helpers/fig-traversal.ts — all-node collection, type counts - tests/helpers/undo.ts — undo test utilities - tests/helpers/editor-history.ts — editor history test helpers Migrate render, vector, fig-roundtrip, and undo tests to use shared factories instead of inline fixture construction * build: add structural lint rules, split vite config, update docs Structural lint (oxlint.structure.json + lint/plugin.js): - 20+ custom rules enforcing package boundaries, lifecycle patterns, naming conventions, and import discipline Vite config split: raw-markdown, canvaskit-assets, pwa, server, aliases, automation plugins Remove legacy shims and utils superseded by SDK/core modules Update AGENTS.md, CONTRIBUTING.md, eval-command docs, tsconfig * fix(vue): normalize canvas directory casing and remove duplicate export - Rename Canvas/ to canvas/ in git index to match #vue/canvas/* imports (PascalCase was correct for component primitives but canvas/ is a non-component domain directory) - Remove duplicate ./random subpath export in core package.json * fix: add #vue and #core Vite resolve aliases for dev server * refactor(core): reduce remaining large modules Split the remaining large core hotspots into cohesive domain modules while preserving public facades and behavior. - Extract scene graph types, variables, node defaults, and vector-network helpers - Decompose canvas renderer orchestration, state, paints, colors, lifecycle, labels, and delegated domain methods into renderer/ and labels/ subfolders - Split Kiwi node-change, binary variable binding, layout, RPC, vector, JSX export, clipboard, design JSX, and Figma proxy helpers - Replace collision-driven *Fn import aliases with namespace imports and enforce the pattern in lint Validation: - bun run check - bun --filter @open-pencil/vue build - bun run test:dupes * fix(app): forward color input attrs * fix(app): cover section drawing errors * fix(editor): undo option-drag duplicates * docs: document domain subfolder convention * fix(app): handle undo redo on keydown * refactor(app): dispatch shortcuts from keydown * refactor: group prefixed domain modules * refactor(app): use tinykeys for shortcuts * refactor(core): group symbol override modules * refactor(core): group fig kiwi container helper * refactor(canvas): split overlay rendering modules * refactor(vue): remove unused internal barrels * fix(app): lay out demo components before instancing * fix(app): restore demo badge spacing * perf(canvas): split scene and overlay rendering * refactor(vue): wrap wheel gesture lifecycle * fix(canvas): wait for fonts before hiding loader * docs: update unreleased changelog
2026-04-30 12:14:19 +00:00
"private": true,
Add MIT license
2026-03-02 05:31:54 +00:00
"license": "MIT",
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/*"
],
Refactor architecture boundaries across core, app, and packages (#234) * refactor(core): decompose editor factory and action modules Split the monolithic editor factory and large action modules into focused domain helpers: - create.ts assembles context through bridge modules (clipboard, components, structure, undo) and delegates to graph-reads, graph-events, layout-runner, component-sync, and state factory - structure.ts delegates to group, container-wrap, auto-layout-wrap, reorder, and state-toggle helpers - selection.ts delegates to hit-test, overlays, container navigation, and read helpers - clipboard.ts delegates to subtree-history, images, export, copy, fonts, and placement helpers - shapes.ts delegates to pen actions and section-adopt - components.ts delegates to focus and instances helpers - alignment.ts delegates to flip-rotate helper - text.ts uses explicit TextEditSession for snapshot comparison New focused modules: nudge, variable-bindings, layout-mode, page-viewports, tool-registry, color-space Undo: history/position and history/snapshot helpers, hardened batch/rollback with nested batch support and configurable limit * refactor(core): split tool definitions by domain Split the monolithic tool registry into domain-specific modules: - read/ — selection, find, pages, fonts, components, nodes, query, jsx - create/ — basic shapes, components, vector, JSX render - modify/ — paint, effects, geometry, layout, state, text, update - structure/ — basic, arrange, batch, hierarchy, replace, tree - variables/ — bindings, collections, read, values - vector/ — boolean, path, export, viewport - analyze/ — colors, typography, spacing, clusters, diff, eval - describe/ — summaries, tree, roles, layout-issues - stock-photo/ — providers, requests, apply - codegen/ — component-map, tokens Split registry into core/extended tiers; refine schema and AI adapter * refactor(core): restructure kiwi codec and instance overrides Reorganize the Kiwi .fig codec into domain subdirectories: - binary/ — codec, schema, protocol - fig/ — file, import, parse (core, worker, transfer) - node-change/ — convert, export-node, serialize, plugin-data - instance-overrides/ — constraints, dsd, populate, props, resolve, symbol-overrides, symbol-props, sync, types Vendored kiwi-schema/ left isolated * refactor(core): split profiler, icons, IO, and add subpath exports Profiler: speedscope-export, capture-session, hud-controller Icons: api, svg, types, render, create-icons tool IO: format registry and subpath exports Canvas/color/text/vector: targeted cleanup Add deliberate subpath exports: random, xpath, vector, color, canvas, scene-graph, kiwi, design-jsx, io, tools, editor, layout, canvaskit, profiler, text, lint, rpc, figma-api, constants * refactor(vue): decompose canvas input, surface lifecycle, and controls Canvas surface: gl-surface, kit-loader, render-loop, resize-observer Canvas input handlers: - move: drop-target, move-snap, duplicate-drag - select: select-move, select-hover, select-hit - resize: resize-rect, resize-vector, resize-start - transform: rotation, marquee, pan, text-selection - text-edit: navigation, clipboard, textarea lifecycle - Shared: click-count, space-key, pan, pan-zoom, draw, raf-scheduler Editor composition: - commands split: actions, context, metadata, edit, selection, view - menu-model split: command-groups, builders, types - Gradient stop composable reuse in primitive root Controls: fill, layout, typography, appearance, effects, stroke, okhcl, prop-scrub, node-props, undo-batch, color-variable-binding Variables/i18n/document/export helpers Organize canvas, primitives, controls, editor, and variables into cohesive module directories with package-local import aliases Expose MenuActionNode/MenuSeparatorNode from public API * refactor(app): split document IO, editor session, and automation bridge Document IO: source-state, naming, writer, reload-source, reload-state, imported-document, watch-targets, save-targets Editor session: create, modules, types, accessors, computed, refs Editor canvas: loader-overlay, collaboration-awareness, context-selection, menu-actions, menu-model Automation bridge: eval, tools, exports, files, selection, RPC fallback AI/ACP: transport, map-update, permission, debug, chat effects/storage Collab: awareness, graph-bindings, yjs-sync, follow, session, types Shell keyboard: actions, bindings, clipboard, focus, nudging, raw-events, registry, reserved, shortcuts, space-tool Shell menu: app-menu, document-name, entry, files Demo: colors, effects, helpers, section builders (components, app-preview, effects, standalone, variables) — document.ts reduced from 981 to 32 lines as pure orchestrator Move app modules under src/app/ with organized domain structure: editor, document, ai, collab, shell, automation, demo, tabs * refactor(app): decompose UI components with provide/inject context Split monolithic components using Reka UI-inspired namespace folders with scoped provide/inject context — no prop drilling: - CollabPanel/ — context, avatars, share, connected, join - ColorPickerPanel/ — context, area, format, field groups, sliders - MobileHud/ — context, action toast, tool badge, file menu, presence - ProviderSettings/ — context, API key/type, endpoint, tokens, photos - Toolbar/ — actions, types, desktop, mobile, tool button, flyout - LayoutSection/ — types, auto-layout, flex, grid, padding, size, clip Properties helpers: fill-okhcl adapter, fill-label, color-style-row Menu: entry helpers, document-name rename, stale type removal * refactor(mcp): split server into focused modules - browser-rpc — WebSocket client management - mcp-sessions — session lifecycle - tool-output — response formatting - tool-schema — Zod schema generation from ToolDefs - jsx-preprocess — JSX source transformation - result — result helpers - tool-registration — MCP tool wiring - auth — API key validation - http-options — CORS/request handling - stdio-bridge — stdio transport adapter * refactor(cli): split analyze subcommands and shared helpers - Analyze subcommands: clusters, colors, spacing, typography - RPC data loading helper - Migrate imports to targeted core subpath exports * refactor(docs): split VitePress config and shared table component Config helpers: sdk-sidebar, seo, labels, sidebars, locale-theme, root-theme, locales Shared SdkDataTable component replaces duplicated table markup in SdkPropsTable, SdkEventsTable, and SdkSlotsTable Update contributing and testing docs * refactor(tauri): decompose desktop entrypoint Split lib.rs into focused service modules: - fig_container.rs — .fig archive/compression commands - fonts.rs — font cache and system font enumeration - menu.rs — native menu construction - menu_events.rs — menu event dispatch and devtools toggle - window.rs — main window show/focus lifecycle * test: share domain test factories and migrate fixtures New shared helpers: - tests/helpers/scene.ts — makeSceneGraph factory - tests/helpers/vector-network.ts — vertex/segment/network builders - tests/helpers/fig-traversal.ts — all-node collection, type counts - tests/helpers/undo.ts — undo test utilities - tests/helpers/editor-history.ts — editor history test helpers Migrate render, vector, fig-roundtrip, and undo tests to use shared factories instead of inline fixture construction * build: add structural lint rules, split vite config, update docs Structural lint (oxlint.structure.json + lint/plugin.js): - 20+ custom rules enforcing package boundaries, lifecycle patterns, naming conventions, and import discipline Vite config split: raw-markdown, canvaskit-assets, pwa, server, aliases, automation plugins Remove legacy shims and utils superseded by SDK/core modules Update AGENTS.md, CONTRIBUTING.md, eval-command docs, tsconfig * fix(vue): normalize canvas directory casing and remove duplicate export - Rename Canvas/ to canvas/ in git index to match #vue/canvas/* imports (PascalCase was correct for component primitives but canvas/ is a non-component domain directory) - Remove duplicate ./random subpath export in core package.json * fix: add #vue and #core Vite resolve aliases for dev server * refactor(core): reduce remaining large modules Split the remaining large core hotspots into cohesive domain modules while preserving public facades and behavior. - Extract scene graph types, variables, node defaults, and vector-network helpers - Decompose canvas renderer orchestration, state, paints, colors, lifecycle, labels, and delegated domain methods into renderer/ and labels/ subfolders - Split Kiwi node-change, binary variable binding, layout, RPC, vector, JSX export, clipboard, design JSX, and Figma proxy helpers - Replace collision-driven *Fn import aliases with namespace imports and enforce the pattern in lint Validation: - bun run check - bun --filter @open-pencil/vue build - bun run test:dupes * fix(app): forward color input attrs * fix(app): cover section drawing errors * fix(editor): undo option-drag duplicates * docs: document domain subfolder convention * fix(app): handle undo redo on keydown * refactor(app): dispatch shortcuts from keydown * refactor: group prefixed domain modules * refactor(app): use tinykeys for shortcuts * refactor(core): group symbol override modules * refactor(core): group fig kiwi container helper * refactor(canvas): split overlay rendering modules * refactor(vue): remove unused internal barrels * fix(app): lay out demo components before instancing * fix(app): restore demo badge spacing * perf(canvas): split scene and overlay rendering * refactor(vue): wrap wheel gesture lifecycle * fix(canvas): wait for fonts before hiding loader * docs: update unreleased changelog
2026-04-30 12:14:19 +00:00
"type": "module",
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",
Enable type-aware linting with tsgo in oxlint Add oxlint-tsgolint dependency and --type-aware --type-check flags. This replaces the separate tsgo --noEmit step — oxlint now handles both linting and type checking in a single pass. Add typescript/no-floating-promises as a warning rule.
2026-03-08 20:02:25 +00:00
"build": "bun run lint && vite build",
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
"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",
Refactor architecture boundaries across core, app, and packages (#234) * refactor(core): decompose editor factory and action modules Split the monolithic editor factory and large action modules into focused domain helpers: - create.ts assembles context through bridge modules (clipboard, components, structure, undo) and delegates to graph-reads, graph-events, layout-runner, component-sync, and state factory - structure.ts delegates to group, container-wrap, auto-layout-wrap, reorder, and state-toggle helpers - selection.ts delegates to hit-test, overlays, container navigation, and read helpers - clipboard.ts delegates to subtree-history, images, export, copy, fonts, and placement helpers - shapes.ts delegates to pen actions and section-adopt - components.ts delegates to focus and instances helpers - alignment.ts delegates to flip-rotate helper - text.ts uses explicit TextEditSession for snapshot comparison New focused modules: nudge, variable-bindings, layout-mode, page-viewports, tool-registry, color-space Undo: history/position and history/snapshot helpers, hardened batch/rollback with nested batch support and configurable limit * refactor(core): split tool definitions by domain Split the monolithic tool registry into domain-specific modules: - read/ — selection, find, pages, fonts, components, nodes, query, jsx - create/ — basic shapes, components, vector, JSX render - modify/ — paint, effects, geometry, layout, state, text, update - structure/ — basic, arrange, batch, hierarchy, replace, tree - variables/ — bindings, collections, read, values - vector/ — boolean, path, export, viewport - analyze/ — colors, typography, spacing, clusters, diff, eval - describe/ — summaries, tree, roles, layout-issues - stock-photo/ — providers, requests, apply - codegen/ — component-map, tokens Split registry into core/extended tiers; refine schema and AI adapter * refactor(core): restructure kiwi codec and instance overrides Reorganize the Kiwi .fig codec into domain subdirectories: - binary/ — codec, schema, protocol - fig/ — file, import, parse (core, worker, transfer) - node-change/ — convert, export-node, serialize, plugin-data - instance-overrides/ — constraints, dsd, populate, props, resolve, symbol-overrides, symbol-props, sync, types Vendored kiwi-schema/ left isolated * refactor(core): split profiler, icons, IO, and add subpath exports Profiler: speedscope-export, capture-session, hud-controller Icons: api, svg, types, render, create-icons tool IO: format registry and subpath exports Canvas/color/text/vector: targeted cleanup Add deliberate subpath exports: random, xpath, vector, color, canvas, scene-graph, kiwi, design-jsx, io, tools, editor, layout, canvaskit, profiler, text, lint, rpc, figma-api, constants * refactor(vue): decompose canvas input, surface lifecycle, and controls Canvas surface: gl-surface, kit-loader, render-loop, resize-observer Canvas input handlers: - move: drop-target, move-snap, duplicate-drag - select: select-move, select-hover, select-hit - resize: resize-rect, resize-vector, resize-start - transform: rotation, marquee, pan, text-selection - text-edit: navigation, clipboard, textarea lifecycle - Shared: click-count, space-key, pan, pan-zoom, draw, raf-scheduler Editor composition: - commands split: actions, context, metadata, edit, selection, view - menu-model split: command-groups, builders, types - Gradient stop composable reuse in primitive root Controls: fill, layout, typography, appearance, effects, stroke, okhcl, prop-scrub, node-props, undo-batch, color-variable-binding Variables/i18n/document/export helpers Organize canvas, primitives, controls, editor, and variables into cohesive module directories with package-local import aliases Expose MenuActionNode/MenuSeparatorNode from public API * refactor(app): split document IO, editor session, and automation bridge Document IO: source-state, naming, writer, reload-source, reload-state, imported-document, watch-targets, save-targets Editor session: create, modules, types, accessors, computed, refs Editor canvas: loader-overlay, collaboration-awareness, context-selection, menu-actions, menu-model Automation bridge: eval, tools, exports, files, selection, RPC fallback AI/ACP: transport, map-update, permission, debug, chat effects/storage Collab: awareness, graph-bindings, yjs-sync, follow, session, types Shell keyboard: actions, bindings, clipboard, focus, nudging, raw-events, registry, reserved, shortcuts, space-tool Shell menu: app-menu, document-name, entry, files Demo: colors, effects, helpers, section builders (components, app-preview, effects, standalone, variables) — document.ts reduced from 981 to 32 lines as pure orchestrator Move app modules under src/app/ with organized domain structure: editor, document, ai, collab, shell, automation, demo, tabs * refactor(app): decompose UI components with provide/inject context Split monolithic components using Reka UI-inspired namespace folders with scoped provide/inject context — no prop drilling: - CollabPanel/ — context, avatars, share, connected, join - ColorPickerPanel/ — context, area, format, field groups, sliders - MobileHud/ — context, action toast, tool badge, file menu, presence - ProviderSettings/ — context, API key/type, endpoint, tokens, photos - Toolbar/ — actions, types, desktop, mobile, tool button, flyout - LayoutSection/ — types, auto-layout, flex, grid, padding, size, clip Properties helpers: fill-okhcl adapter, fill-label, color-style-row Menu: entry helpers, document-name rename, stale type removal * refactor(mcp): split server into focused modules - browser-rpc — WebSocket client management - mcp-sessions — session lifecycle - tool-output — response formatting - tool-schema — Zod schema generation from ToolDefs - jsx-preprocess — JSX source transformation - result — result helpers - tool-registration — MCP tool wiring - auth — API key validation - http-options — CORS/request handling - stdio-bridge — stdio transport adapter * refactor(cli): split analyze subcommands and shared helpers - Analyze subcommands: clusters, colors, spacing, typography - RPC data loading helper - Migrate imports to targeted core subpath exports * refactor(docs): split VitePress config and shared table component Config helpers: sdk-sidebar, seo, labels, sidebars, locale-theme, root-theme, locales Shared SdkDataTable component replaces duplicated table markup in SdkPropsTable, SdkEventsTable, and SdkSlotsTable Update contributing and testing docs * refactor(tauri): decompose desktop entrypoint Split lib.rs into focused service modules: - fig_container.rs — .fig archive/compression commands - fonts.rs — font cache and system font enumeration - menu.rs — native menu construction - menu_events.rs — menu event dispatch and devtools toggle - window.rs — main window show/focus lifecycle * test: share domain test factories and migrate fixtures New shared helpers: - tests/helpers/scene.ts — makeSceneGraph factory - tests/helpers/vector-network.ts — vertex/segment/network builders - tests/helpers/fig-traversal.ts — all-node collection, type counts - tests/helpers/undo.ts — undo test utilities - tests/helpers/editor-history.ts — editor history test helpers Migrate render, vector, fig-roundtrip, and undo tests to use shared factories instead of inline fixture construction * build: add structural lint rules, split vite config, update docs Structural lint (oxlint.structure.json + lint/plugin.js): - 20+ custom rules enforcing package boundaries, lifecycle patterns, naming conventions, and import discipline Vite config split: raw-markdown, canvaskit-assets, pwa, server, aliases, automation plugins Remove legacy shims and utils superseded by SDK/core modules Update AGENTS.md, CONTRIBUTING.md, eval-command docs, tsconfig * fix(vue): normalize canvas directory casing and remove duplicate export - Rename Canvas/ to canvas/ in git index to match #vue/canvas/* imports (PascalCase was correct for component primitives but canvas/ is a non-component domain directory) - Remove duplicate ./random subpath export in core package.json * fix: add #vue and #core Vite resolve aliases for dev server * refactor(core): reduce remaining large modules Split the remaining large core hotspots into cohesive domain modules while preserving public facades and behavior. - Extract scene graph types, variables, node defaults, and vector-network helpers - Decompose canvas renderer orchestration, state, paints, colors, lifecycle, labels, and delegated domain methods into renderer/ and labels/ subfolders - Split Kiwi node-change, binary variable binding, layout, RPC, vector, JSX export, clipboard, design JSX, and Figma proxy helpers - Replace collision-driven *Fn import aliases with namespace imports and enforce the pattern in lint Validation: - bun run check - bun --filter @open-pencil/vue build - bun run test:dupes * fix(app): forward color input attrs * fix(app): cover section drawing errors * fix(editor): undo option-drag duplicates * docs: document domain subfolder convention * fix(app): handle undo redo on keydown * refactor(app): dispatch shortcuts from keydown * refactor: group prefixed domain modules * refactor(app): use tinykeys for shortcuts * refactor(core): group symbol override modules * refactor(core): group fig kiwi container helper * refactor(canvas): split overlay rendering modules * refactor(vue): remove unused internal barrels * fix(app): lay out demo components before instancing * fix(app): restore demo badge spacing * perf(canvas): split scene and overlay rendering * refactor(vue): wrap wheel gesture lifecycle * fix(canvas): wait for fonts before hiding loader * docs: update unreleased changelog
2026-04-30 12:14:19 +00:00
"lint": "bun run lint:structure && oxlint -c oxlint.json --type-aware --type-check src/ packages/core/src/ packages/vue/src/ packages/cli/src/ packages/mcp/src/",
"lint:structure": "oxlint -c oxlint.structure.json vite.config.ts vite/ src/ packages/core/src/ packages/vue/src/ packages/cli/src/ packages/mcp/src/ tests/ scripts/",
chore: format sources with oxfmt
2026-05-03 18:03:40 +00:00
"format": "oxfmt --write src/ packages/core/src/ packages/cli/src/ packages/mcp/src/ packages/vue/src/ tests",
Fix repo-wide Vue checks
2026-03-30 12:11:14 +00:00
"check": "bun run lint && tsgo --noEmit && bun run check:vue",
"check:vue": "vue-tsc --noEmit -p tsconfig.json && vue-tsc --noEmit -p packages/vue/tsconfig.json",
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
"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",
Guard against double destroy and post-unmount rendering - Add destroyed flag to SkiaRenderer.destroy() to prevent double-free - Check destroyed flag in renderNow() to skip rendering after unmount (loadFonts promise could resolve after component unmounts)
2026-03-04 07:35:44 +00:00
"docs:preview": "bun --filter @open-pencil/docs preview",
refactor(app): share browser and tauri menu model
2026-04-30 13:01:47 +00:00
"visual-compare": "bun scripts/visual-compare.ts",
"generate:tauri-menu": "bun scripts/generate-tauri-menu.ts"
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": {
Multi-provider AI, sucrase JSX, Figma zoom shortcuts (#72) * Add multi-provider AI support (Anthropic, OpenAI, Google AI, OpenAI-compatible) - Add AI_PROVIDERS registry with per-provider model lists, key placeholders, and URLs - Refactor use-chat composable: provider factory creates the right AI SDK model - Per-provider API key storage in localStorage with automatic legacy migration - New ProviderSetup.vue replaces APIKeySetup.vue with provider selector - New ProviderSettings.vue popover accessible from gear icon in chat input - OpenAI-compatible provider with custom base URL and model ID fields - Install @ai-sdk/anthropic and @ai-sdk/google dependencies - Update E2E tests for new provider setup flow * Fix reactivity, key masking, missing model ID field, and chat reset on model change - Use ref instead of computed for apiKey — computed getter over localStorage wasn't triggering reactivity when the key was set - Load stored key for new provider in providerId watcher - Reset chat on modelId and customModelId change, not just provider switch - Add custom model ID field to ProviderSetup.vue for OpenAI-compatible - Simplify ProviderSettings key field — empty input with contextual placeholder instead of fragile dot-masking that broke on partial edits - Use data-test-id locator for model selector in E2E test * Use useLocalStorage from vueuse instead of manual ref + watch + localStorage Replaces 5 hand-rolled ref/watch/localStorage sync pairs with useLocalStorage. API key uses a computed storage key that rebinds when the provider changes. * Use useLocalStorage for collab name persistence * Review fixes: changelog placement, remove dead class, cursor-pointer * Extract ProviderSelect component and uiInput helper - ProviderSelect.vue: shared select dropdown for AI providers - ui/input.ts: shared input styling (sm/md sizes) - Remove 7 duplicated input class strings across chat components * Use uppercase acronyms: keyURL, customBaseURL, supportsCustomBaseURL * Match select dropdown width to trigger via --reka-select-trigger-width Move min-w-[var(--reka-select-trigger-width)] into selectContent base style so all selects get it by default. Remove per-component overrides. * Uppercase acronyms in variable names, improve setup form layout - providerID, modelID, customModelID, setAPIKey, AIProviderID - Keep apiKey lowercase at start (standard JS convention) - Compact setup form: single column, full-width Connect button - Fix grammar: 'a OpenRouter' → 'an OpenRouter' - Shorter promo text * Allow text selection in chat panel * Fix chat E2E test: Save → Connect button text * Disable mermaid in chat markdown renderer Alias mermaid and beautiful-mermaid to empty shims in Vite config, preventing vue-stream-markdown from attempting to load them. * Interleave text and tool calls in chat messages Render message parts in order instead of grouping all tool calls first then all text. Use SDK's isToolUIPart/isTextUIPart/getToolName instead of custom type guards. Fix error state: output-error, not error. * Implement figma.viewport.scrollAndZoomIntoView() Figma Plugin API method that centers the viewport on given nodes. Reuses the same bounding box logic as the viewport_zoom_to_fit tool. * Catch tool execution errors and return them to the AI Instead of crashing with an unhandled exception, tool errors are caught and returned as { error: message } so the AI can retry or explain the failure. UI detects error outputs and shows them in red with the error message when expanded. * Replace esbuild with sucrase for JSX transform Sucrase is a pure JS transform (201 KB / 46 KB gzip) that works in both Node/Bun and the browser. Replaces esbuild (13 MB WASM) which only worked in Node/Bun. - buildComponent() and renderJSX() are now synchronous - render tool works in browser AI chat (no more 'esbuild required') - Handles full JS expressions (map, ternaries, Array.from, etc.) * Update system prompt to prioritize render tool with JSX Document available tags, props, layout, text, and sizing options. Instruct the AI to use full JS expressions in JSX for complex layouts. * Fix zoom shortcuts to match Figma Cmd+0: Zoom to 100% (was incorrectly mapped to Zoom to fit) Cmd+1: Zoom to fit Cmd+2: Zoom to selection Shift+1 / Shift+2: same as Cmd+1 / Cmd+2 Add zoomTo100() and zoomToSelection() to editor store. Refactor zoomToFit() to use shared zoomToBounds() helper. * Refactor keyboard shortcuts to useMagicKeys Replace manual keydown handler with VueUse useMagicKeys + whenever for declarative shortcut registration. - mod() helper for cross-platform Meta/Control shortcuts - plain() helper for modifier-free keys - Proper modifier exclusion (⌘G vs ⌘⇧G no longer conflict) - Add E2E tests: duplicate, zoom (⌘0/⌘1/⌘2/⇧1/⇧2), auto-layout (⇧A) - All 26 keyboard shortcut tests pass * Fix scrollAndZoomIntoView to actually zoom Match Figma Plugin API behavior (equivalent to Shift-1): compute zoom level that fits all nodes with padding, capped at 100%. Previously only set center without adjusting zoom.
2026-03-08 19:05:18 +00:00
"@ai-sdk/anthropic": "^3.0.58",
"@ai-sdk/google": "^3.0.43",
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",
Refactor LayerTree: Atlaskit DnD, split LayerRow, shared icons Replace manual pointer-capture drag with @atlaskit/pragmatic-drag-and-drop: - Tree-aware hitbox (reorder-above, reorder-below, make-child) - Native drag preview via Atlaskit adapter - No more manual DOM measurement for drop zones Split into focused files: - LayerTree.vue (164 lines) — tree data, expand, selection - LayerRow.vue (175 lines) — per-row: icon, rename, lock/visibility, DnD setup - utils/layer-icons.ts (43 lines) — icon maps shared across components - use-layer-drag.ts (127 lines) — Atlaskit DnD composable in SDK Add toggleNodeVisibility/toggleNodeLock per-node methods to editor.
2026-03-17 05:46:23 +00:00
"@atlaskit/pragmatic-drag-and-drop": "^1.7.9",
"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
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:*",
Add @open-pencil/vue headless SDK package Renderless components (Reka UI-style) exposing editor logic via slots: - OpenPencilProvider — injects editor via Vue provide/inject - OpenPencilCanvas — CanvasKit/Skia surface with render loop - PageList, LayerTree, ToolSelector, NodeProperties — slot-based Composables: - useEditor() — access editor from any descendant - useCanvas() — low-level surface lifecycle (moved from app) The app's use-canvas.ts is now a 2-line re-export from the SDK. Includes example app in packages/vue/example/.
2026-03-16 14:24:45 +00:00
"@open-pencil/vue": "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",
feat(tauri): add signed updater
2026-05-01 09:18:53 +00:00
"@tauri-apps/plugin-process": "^2.3.1",
Add ACP client support for using external coding agents Implement Agent Client Protocol (ACP) integration so users can use their existing Claude Code, Codex, or Gemini CLI subscriptions directly in OpenPencil's AI chat instead of managing separate API keys. - Add ACPAgentDef/ACPAgentID types and ACP_AGENTS registry to core constants - Create ACPChatTransport implementing Vercel AI SDK ChatTransport over ACP - Spawn agent as subprocess via tauri-plugin-shell, communicate over stdio - Map ACP session/update notifications to UIMessageChunk stream - Update provider selector to show ACP agents alongside API-key providers - Hide API key fields for ACP providers in setup/settings UI - Add tauri-plugin-shell dependency and capability permissions - ACP agents only appear in Tauri desktop builds (subprocess required)
2026-03-14 07:20:15 +00:00
"@tauri-apps/plugin-shell": "^2.3.5",
feat(tauri): add signed updater
2026-05-01 09:18:53 +00:00
"@tauri-apps/plugin-updater": "^2.10.1",
Move demo to /demo route, add @unhead/vue for title management - / shows empty canvas - /demo loads demo content (for app.openpencil.dev landing link) - Title template: '{page} — OpenPencil' via useHead - 'Try it online' links in README and docs point to /demo
2026-03-06 17:54:48 +00:00
"@unhead/vue": "^2.1.10",
Refactor architecture boundaries across core, app, and packages (#234) * refactor(core): decompose editor factory and action modules Split the monolithic editor factory and large action modules into focused domain helpers: - create.ts assembles context through bridge modules (clipboard, components, structure, undo) and delegates to graph-reads, graph-events, layout-runner, component-sync, and state factory - structure.ts delegates to group, container-wrap, auto-layout-wrap, reorder, and state-toggle helpers - selection.ts delegates to hit-test, overlays, container navigation, and read helpers - clipboard.ts delegates to subtree-history, images, export, copy, fonts, and placement helpers - shapes.ts delegates to pen actions and section-adopt - components.ts delegates to focus and instances helpers - alignment.ts delegates to flip-rotate helper - text.ts uses explicit TextEditSession for snapshot comparison New focused modules: nudge, variable-bindings, layout-mode, page-viewports, tool-registry, color-space Undo: history/position and history/snapshot helpers, hardened batch/rollback with nested batch support and configurable limit * refactor(core): split tool definitions by domain Split the monolithic tool registry into domain-specific modules: - read/ — selection, find, pages, fonts, components, nodes, query, jsx - create/ — basic shapes, components, vector, JSX render - modify/ — paint, effects, geometry, layout, state, text, update - structure/ — basic, arrange, batch, hierarchy, replace, tree - variables/ — bindings, collections, read, values - vector/ — boolean, path, export, viewport - analyze/ — colors, typography, spacing, clusters, diff, eval - describe/ — summaries, tree, roles, layout-issues - stock-photo/ — providers, requests, apply - codegen/ — component-map, tokens Split registry into core/extended tiers; refine schema and AI adapter * refactor(core): restructure kiwi codec and instance overrides Reorganize the Kiwi .fig codec into domain subdirectories: - binary/ — codec, schema, protocol - fig/ — file, import, parse (core, worker, transfer) - node-change/ — convert, export-node, serialize, plugin-data - instance-overrides/ — constraints, dsd, populate, props, resolve, symbol-overrides, symbol-props, sync, types Vendored kiwi-schema/ left isolated * refactor(core): split profiler, icons, IO, and add subpath exports Profiler: speedscope-export, capture-session, hud-controller Icons: api, svg, types, render, create-icons tool IO: format registry and subpath exports Canvas/color/text/vector: targeted cleanup Add deliberate subpath exports: random, xpath, vector, color, canvas, scene-graph, kiwi, design-jsx, io, tools, editor, layout, canvaskit, profiler, text, lint, rpc, figma-api, constants * refactor(vue): decompose canvas input, surface lifecycle, and controls Canvas surface: gl-surface, kit-loader, render-loop, resize-observer Canvas input handlers: - move: drop-target, move-snap, duplicate-drag - select: select-move, select-hover, select-hit - resize: resize-rect, resize-vector, resize-start - transform: rotation, marquee, pan, text-selection - text-edit: navigation, clipboard, textarea lifecycle - Shared: click-count, space-key, pan, pan-zoom, draw, raf-scheduler Editor composition: - commands split: actions, context, metadata, edit, selection, view - menu-model split: command-groups, builders, types - Gradient stop composable reuse in primitive root Controls: fill, layout, typography, appearance, effects, stroke, okhcl, prop-scrub, node-props, undo-batch, color-variable-binding Variables/i18n/document/export helpers Organize canvas, primitives, controls, editor, and variables into cohesive module directories with package-local import aliases Expose MenuActionNode/MenuSeparatorNode from public API * refactor(app): split document IO, editor session, and automation bridge Document IO: source-state, naming, writer, reload-source, reload-state, imported-document, watch-targets, save-targets Editor session: create, modules, types, accessors, computed, refs Editor canvas: loader-overlay, collaboration-awareness, context-selection, menu-actions, menu-model Automation bridge: eval, tools, exports, files, selection, RPC fallback AI/ACP: transport, map-update, permission, debug, chat effects/storage Collab: awareness, graph-bindings, yjs-sync, follow, session, types Shell keyboard: actions, bindings, clipboard, focus, nudging, raw-events, registry, reserved, shortcuts, space-tool Shell menu: app-menu, document-name, entry, files Demo: colors, effects, helpers, section builders (components, app-preview, effects, standalone, variables) — document.ts reduced from 981 to 32 lines as pure orchestrator Move app modules under src/app/ with organized domain structure: editor, document, ai, collab, shell, automation, demo, tabs * refactor(app): decompose UI components with provide/inject context Split monolithic components using Reka UI-inspired namespace folders with scoped provide/inject context — no prop drilling: - CollabPanel/ — context, avatars, share, connected, join - ColorPickerPanel/ — context, area, format, field groups, sliders - MobileHud/ — context, action toast, tool badge, file menu, presence - ProviderSettings/ — context, API key/type, endpoint, tokens, photos - Toolbar/ — actions, types, desktop, mobile, tool button, flyout - LayoutSection/ — types, auto-layout, flex, grid, padding, size, clip Properties helpers: fill-okhcl adapter, fill-label, color-style-row Menu: entry helpers, document-name rename, stale type removal * refactor(mcp): split server into focused modules - browser-rpc — WebSocket client management - mcp-sessions — session lifecycle - tool-output — response formatting - tool-schema — Zod schema generation from ToolDefs - jsx-preprocess — JSX source transformation - result — result helpers - tool-registration — MCP tool wiring - auth — API key validation - http-options — CORS/request handling - stdio-bridge — stdio transport adapter * refactor(cli): split analyze subcommands and shared helpers - Analyze subcommands: clusters, colors, spacing, typography - RPC data loading helper - Migrate imports to targeted core subpath exports * refactor(docs): split VitePress config and shared table component Config helpers: sdk-sidebar, seo, labels, sidebars, locale-theme, root-theme, locales Shared SdkDataTable component replaces duplicated table markup in SdkPropsTable, SdkEventsTable, and SdkSlotsTable Update contributing and testing docs * refactor(tauri): decompose desktop entrypoint Split lib.rs into focused service modules: - fig_container.rs — .fig archive/compression commands - fonts.rs — font cache and system font enumeration - menu.rs — native menu construction - menu_events.rs — menu event dispatch and devtools toggle - window.rs — main window show/focus lifecycle * test: share domain test factories and migrate fixtures New shared helpers: - tests/helpers/scene.ts — makeSceneGraph factory - tests/helpers/vector-network.ts — vertex/segment/network builders - tests/helpers/fig-traversal.ts — all-node collection, type counts - tests/helpers/undo.ts — undo test utilities - tests/helpers/editor-history.ts — editor history test helpers Migrate render, vector, fig-roundtrip, and undo tests to use shared factories instead of inline fixture construction * build: add structural lint rules, split vite config, update docs Structural lint (oxlint.structure.json + lint/plugin.js): - 20+ custom rules enforcing package boundaries, lifecycle patterns, naming conventions, and import discipline Vite config split: raw-markdown, canvaskit-assets, pwa, server, aliases, automation plugins Remove legacy shims and utils superseded by SDK/core modules Update AGENTS.md, CONTRIBUTING.md, eval-command docs, tsconfig * fix(vue): normalize canvas directory casing and remove duplicate export - Rename Canvas/ to canvas/ in git index to match #vue/canvas/* imports (PascalCase was correct for component primitives but canvas/ is a non-component domain directory) - Remove duplicate ./random subpath export in core package.json * fix: add #vue and #core Vite resolve aliases for dev server * refactor(core): reduce remaining large modules Split the remaining large core hotspots into cohesive domain modules while preserving public facades and behavior. - Extract scene graph types, variables, node defaults, and vector-network helpers - Decompose canvas renderer orchestration, state, paints, colors, lifecycle, labels, and delegated domain methods into renderer/ and labels/ subfolders - Split Kiwi node-change, binary variable binding, layout, RPC, vector, JSX export, clipboard, design JSX, and Figma proxy helpers - Replace collision-driven *Fn import aliases with namespace imports and enforce the pattern in lint Validation: - bun run check - bun --filter @open-pencil/vue build - bun run test:dupes * fix(app): forward color input attrs * fix(app): cover section drawing errors * fix(editor): undo option-drag duplicates * docs: document domain subfolder convention * fix(app): handle undo redo on keydown * refactor(app): dispatch shortcuts from keydown * refactor: group prefixed domain modules * refactor(app): use tinykeys for shortcuts * refactor(core): group symbol override modules * refactor(core): group fig kiwi container helper * refactor(canvas): split overlay rendering modules * refactor(vue): remove unused internal barrels * fix(app): lay out demo components before instancing * fix(app): restore demo badge spacing * perf(canvas): split scene and overlay rendering * refactor(vue): wrap wheel gesture lifecycle * fix(canvas): wait for fonts before hiding loader * docs: update unreleased changelog
2026-04-30 12:14:19 +00:00
"@use-gesture/vanilla": "^10.3.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
"@vueuse/core": "^14.2.1",
Fix all 135 vue-tsc errors, promote to check gate vue-tsc now runs as part of 'bun run check' — zero errors. Fixes by category: - TS18047 (73): null guards in LayoutSection, TypographySection - TS18048 (17): collab injection guards in CollabPanel, MobileHud - TS2339 (12): Uint8Array.fromBase64/toBase64 declarations (ES2024) - TS2741 (10): AppMenu discriminated union for separators - TS6133 (7): remove unused declarations - TS2322 (6): FontPicker AcceptableValue, Toolbar motion-v variants - TS2345 (3): FillSection updateArrayItem signature, ScrubInput guard - TS2314 (2): ChatMessage UIMessagePart generic args - Misc (5): PropertiesPanel dead comparison, VariablesDialog onSubmit, NodeContextMenuContent document access, LayerTree arg count
2026-03-16 19:21:21 +00:00
"ai": "^6.0.116",
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",
Adopt motion-v for mobile drawer and toolbar animations - MobileDrawer: spring-animated height via motion.div :animate + @pan, replaces useSwipe + manual rAF. Tab state always set (never null), content stays rendered when drawer is closed. - Toolbar: AnimatePresence with directional slide variants and layout-animated width via motion.div layout, replaces manual scrollWidth measuring + inline CSS transitions. - Add SWIPE_VELOCITY_THRESHOLD constant. - activeRibbonTab type narrowed from union | null to union.
2026-03-06 05:50:38 +00:00
"motion-v": "^2.0.0",
Add clipboard text v4 export (#164) * chore: remove unused pi context file - Delete .pi/context.md - Remove an unused local context artifact from the repository * Add clipboard text v4 export * fix(clipboard): rebase v4 export branch onto master - Resolve conflicts after the core text module reorganization - Fix clipboard text export imports and bundled font asset loading - Update raw binary expectations for textUserLayoutVersion 4 - Re-run check and unit tests after the rebase
2026-04-08 12:35:00 +00:00
"opentype.js": "^1.3.4",
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",
Replace custom color picker with reka-ui Color components Upgrade reka-ui 2.8.2 → 2.9.0 and replace the hand-rolled HSV color area, hue slider, alpha slider, and hex input with reka-ui's new ColorArea, ColorSlider, and ColorField primitives. - ColorAreaRoot + ColorAreaArea handle the 2D saturation/brightness picker with proper gradient backgrounds and keyboard navigation - ColorSliderRoot + ColorSliderTrack for hue and alpha channels with automatic gradient rendering - ColorFieldRoot + ColorFieldInput for hex color text input with arrow key increment/decrement support - Bridge between our Color type (0–1 range) and reka-ui's Color (0–255 RGB) via hex string serialization Removes ~110 lines of custom HSV↔RGB conversion math, pointer capture handling, and CSS gradient computation.
2026-03-04 17:52:30 +00:00
"reka-ui": "^2.9.0",
Extract menu styling with tailwind-variants
2026-03-06 16:01:14 +00:00
"tailwind-merge": "^3.5.0",
"tailwind-variants": "^3.2.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",
Refactor architecture boundaries across core, app, and packages (#234) * refactor(core): decompose editor factory and action modules Split the monolithic editor factory and large action modules into focused domain helpers: - create.ts assembles context through bridge modules (clipboard, components, structure, undo) and delegates to graph-reads, graph-events, layout-runner, component-sync, and state factory - structure.ts delegates to group, container-wrap, auto-layout-wrap, reorder, and state-toggle helpers - selection.ts delegates to hit-test, overlays, container navigation, and read helpers - clipboard.ts delegates to subtree-history, images, export, copy, fonts, and placement helpers - shapes.ts delegates to pen actions and section-adopt - components.ts delegates to focus and instances helpers - alignment.ts delegates to flip-rotate helper - text.ts uses explicit TextEditSession for snapshot comparison New focused modules: nudge, variable-bindings, layout-mode, page-viewports, tool-registry, color-space Undo: history/position and history/snapshot helpers, hardened batch/rollback with nested batch support and configurable limit * refactor(core): split tool definitions by domain Split the monolithic tool registry into domain-specific modules: - read/ — selection, find, pages, fonts, components, nodes, query, jsx - create/ — basic shapes, components, vector, JSX render - modify/ — paint, effects, geometry, layout, state, text, update - structure/ — basic, arrange, batch, hierarchy, replace, tree - variables/ — bindings, collections, read, values - vector/ — boolean, path, export, viewport - analyze/ — colors, typography, spacing, clusters, diff, eval - describe/ — summaries, tree, roles, layout-issues - stock-photo/ — providers, requests, apply - codegen/ — component-map, tokens Split registry into core/extended tiers; refine schema and AI adapter * refactor(core): restructure kiwi codec and instance overrides Reorganize the Kiwi .fig codec into domain subdirectories: - binary/ — codec, schema, protocol - fig/ — file, import, parse (core, worker, transfer) - node-change/ — convert, export-node, serialize, plugin-data - instance-overrides/ — constraints, dsd, populate, props, resolve, symbol-overrides, symbol-props, sync, types Vendored kiwi-schema/ left isolated * refactor(core): split profiler, icons, IO, and add subpath exports Profiler: speedscope-export, capture-session, hud-controller Icons: api, svg, types, render, create-icons tool IO: format registry and subpath exports Canvas/color/text/vector: targeted cleanup Add deliberate subpath exports: random, xpath, vector, color, canvas, scene-graph, kiwi, design-jsx, io, tools, editor, layout, canvaskit, profiler, text, lint, rpc, figma-api, constants * refactor(vue): decompose canvas input, surface lifecycle, and controls Canvas surface: gl-surface, kit-loader, render-loop, resize-observer Canvas input handlers: - move: drop-target, move-snap, duplicate-drag - select: select-move, select-hover, select-hit - resize: resize-rect, resize-vector, resize-start - transform: rotation, marquee, pan, text-selection - text-edit: navigation, clipboard, textarea lifecycle - Shared: click-count, space-key, pan, pan-zoom, draw, raf-scheduler Editor composition: - commands split: actions, context, metadata, edit, selection, view - menu-model split: command-groups, builders, types - Gradient stop composable reuse in primitive root Controls: fill, layout, typography, appearance, effects, stroke, okhcl, prop-scrub, node-props, undo-batch, color-variable-binding Variables/i18n/document/export helpers Organize canvas, primitives, controls, editor, and variables into cohesive module directories with package-local import aliases Expose MenuActionNode/MenuSeparatorNode from public API * refactor(app): split document IO, editor session, and automation bridge Document IO: source-state, naming, writer, reload-source, reload-state, imported-document, watch-targets, save-targets Editor session: create, modules, types, accessors, computed, refs Editor canvas: loader-overlay, collaboration-awareness, context-selection, menu-actions, menu-model Automation bridge: eval, tools, exports, files, selection, RPC fallback AI/ACP: transport, map-update, permission, debug, chat effects/storage Collab: awareness, graph-bindings, yjs-sync, follow, session, types Shell keyboard: actions, bindings, clipboard, focus, nudging, raw-events, registry, reserved, shortcuts, space-tool Shell menu: app-menu, document-name, entry, files Demo: colors, effects, helpers, section builders (components, app-preview, effects, standalone, variables) — document.ts reduced from 981 to 32 lines as pure orchestrator Move app modules under src/app/ with organized domain structure: editor, document, ai, collab, shell, automation, demo, tabs * refactor(app): decompose UI components with provide/inject context Split monolithic components using Reka UI-inspired namespace folders with scoped provide/inject context — no prop drilling: - CollabPanel/ — context, avatars, share, connected, join - ColorPickerPanel/ — context, area, format, field groups, sliders - MobileHud/ — context, action toast, tool badge, file menu, presence - ProviderSettings/ — context, API key/type, endpoint, tokens, photos - Toolbar/ — actions, types, desktop, mobile, tool button, flyout - LayoutSection/ — types, auto-layout, flex, grid, padding, size, clip Properties helpers: fill-okhcl adapter, fill-label, color-style-row Menu: entry helpers, document-name rename, stale type removal * refactor(mcp): split server into focused modules - browser-rpc — WebSocket client management - mcp-sessions — session lifecycle - tool-output — response formatting - tool-schema — Zod schema generation from ToolDefs - jsx-preprocess — JSX source transformation - result — result helpers - tool-registration — MCP tool wiring - auth — API key validation - http-options — CORS/request handling - stdio-bridge — stdio transport adapter * refactor(cli): split analyze subcommands and shared helpers - Analyze subcommands: clusters, colors, spacing, typography - RPC data loading helper - Migrate imports to targeted core subpath exports * refactor(docs): split VitePress config and shared table component Config helpers: sdk-sidebar, seo, labels, sidebars, locale-theme, root-theme, locales Shared SdkDataTable component replaces duplicated table markup in SdkPropsTable, SdkEventsTable, and SdkSlotsTable Update contributing and testing docs * refactor(tauri): decompose desktop entrypoint Split lib.rs into focused service modules: - fig_container.rs — .fig archive/compression commands - fonts.rs — font cache and system font enumeration - menu.rs — native menu construction - menu_events.rs — menu event dispatch and devtools toggle - window.rs — main window show/focus lifecycle * test: share domain test factories and migrate fixtures New shared helpers: - tests/helpers/scene.ts — makeSceneGraph factory - tests/helpers/vector-network.ts — vertex/segment/network builders - tests/helpers/fig-traversal.ts — all-node collection, type counts - tests/helpers/undo.ts — undo test utilities - tests/helpers/editor-history.ts — editor history test helpers Migrate render, vector, fig-roundtrip, and undo tests to use shared factories instead of inline fixture construction * build: add structural lint rules, split vite config, update docs Structural lint (oxlint.structure.json + lint/plugin.js): - 20+ custom rules enforcing package boundaries, lifecycle patterns, naming conventions, and import discipline Vite config split: raw-markdown, canvaskit-assets, pwa, server, aliases, automation plugins Remove legacy shims and utils superseded by SDK/core modules Update AGENTS.md, CONTRIBUTING.md, eval-command docs, tsconfig * fix(vue): normalize canvas directory casing and remove duplicate export - Rename Canvas/ to canvas/ in git index to match #vue/canvas/* imports (PascalCase was correct for component primitives but canvas/ is a non-component domain directory) - Remove duplicate ./random subpath export in core package.json * fix: add #vue and #core Vite resolve aliases for dev server * refactor(core): reduce remaining large modules Split the remaining large core hotspots into cohesive domain modules while preserving public facades and behavior. - Extract scene graph types, variables, node defaults, and vector-network helpers - Decompose canvas renderer orchestration, state, paints, colors, lifecycle, labels, and delegated domain methods into renderer/ and labels/ subfolders - Split Kiwi node-change, binary variable binding, layout, RPC, vector, JSX export, clipboard, design JSX, and Figma proxy helpers - Replace collision-driven *Fn import aliases with namespace imports and enforce the pattern in lint Validation: - bun run check - bun --filter @open-pencil/vue build - bun run test:dupes * fix(app): forward color input attrs * fix(app): cover section drawing errors * fix(editor): undo option-drag duplicates * docs: document domain subfolder convention * fix(app): handle undo redo on keydown * refactor(app): dispatch shortcuts from keydown * refactor: group prefixed domain modules * refactor(app): use tinykeys for shortcuts * refactor(core): group symbol override modules * refactor(core): group fig kiwi container helper * refactor(canvas): split overlay rendering modules * refactor(vue): remove unused internal barrels * fix(app): lay out demo components before instancing * fix(app): restore demo badge spacing * perf(canvas): split scene and overlay rendering * refactor(vue): wrap wheel gesture lifecycle * fix(canvas): wait for fonts before hiding loader * docs: update unreleased changelog
2026-04-30 12:14:19 +00:00
"tinykeys": "^3.0.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
"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",
Fix all 135 vue-tsc errors, promote to check gate vue-tsc now runs as part of 'bun run check' — zero errors. Fixes by category: - TS18047 (73): null guards in LayoutSection, TypographySection - TS18048 (17): collab injection guards in CollabPanel, MobileHud - TS2339 (12): Uint8Array.fromBase64/toBase64 declarations (ES2024) - TS2741 (10): AppMenu discriminated union for separators - TS6133 (7): remove unused declarations - TS2322 (6): FontPicker AcceptableValue, Toolbar motion-v variants - TS2345 (3): FillSection updateArrayItem signature, ScrubInput guard - TS2314 (2): ChatMessage UIMessagePart generic args - Misc (5): PropertiesPanel dead comparison, VariablesDialog onSubmit, NodeContextMenuContent document access, LayerTree arg count
2026-03-16 19:21:21 +00:00
"vue-stream-markdown": "^0.6.5",
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",
fix(layout): bump yoga-layout to 3.3.0-grid.3 with Node.free() support - Upgrade @open-pencil/yoga-layout to include free() and freeRecursive() - freeYogaTree() in layout.ts now properly releases WASM memory - FinalizationRegistry remains as a safety net for missed cleanup Fixes #183
2026-04-13 09:09:45 +00:00
"yoga-layout": "npm:@open-pencil/yoga-layout@3.3.0-grid.3",
Fix all 135 vue-tsc errors, promote to check gate vue-tsc now runs as part of 'bun run check' — zero errors. Fixes by category: - TS18047 (73): null guards in LayoutSection, TypographySection - TS18048 (17): collab injection guards in CollabPanel, MobileHud - TS2339 (12): Uint8Array.fromBase64/toBase64 declarations (ES2024) - TS2741 (10): AppMenu discriminated union for separators - TS6133 (7): remove unused declarations - TS2322 (6): FontPicker AcceptableValue, Toolbar motion-v variants - TS2345 (3): FillSection updateArrayItem signature, ScrubInput guard - TS2314 (2): ChatMessage UIMessagePart generic args - Misc (5): PropertiesPanel dead comparison, VariablesDialog onSubmit, NodeContextMenuContent document access, LayerTree arg count
2026-03-16 19:21:21 +00:00
"zod": "^4.3.6"
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": {
Add ACP agent package with tests
2026-03-03 17:45:58 +00:00
"@agentclientprotocol/sdk": "^0.14.1",
Replace Bun.serve with Hono + ws for Node.js compatibility Bridge now uses Hono for the HTTP server and ws for WebSocket — works on both Bun and Node.js. Uses @hono/node-server as fallback when Bun runtime is not available.
2026-03-07 11:30:12 +00:00
"@hono/node-server": "^1.19.11",
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",
Add MCP server integration tests (closes #19) 13 tests using InMemoryTransport from @modelcontextprotocol/sdk: - Tool registration (all 76 tools listed with descriptions) - new_document, open_file, save_file lifecycle - Tool execution through MCP protocol (create, fill, delete, query) - Error paths: no document loaded, nonexistent node, invalid file path - Full workflow: new → create → nest → query → delete Fix @open-pencil/core dep in MCP package: workspace:* for local dev (pnpm publish resolves this to the actual version at publish time).
2026-03-02 18:07:25 +00:00
"@modelcontextprotocol/sdk": "^1.27.1",
Fix type errors found by tsgo and vue-tsc - Add interaction constants to core barrel export (were in constants.ts but not reachable via '@open-pencil/core') - Fix variable shadowing in use-text-edit.ts: rename inner 'editor' (textEditor) to 'textEd' to avoid shadowing the Editor parameter - Fix unused params: prefix with _ in scene.ts, describe-issues.ts, xpath.ts - Remove unused getCoords param from setupPanZoom - Move cursorCanvasX/Y assignment to app callback (not on EditorState) - Simplify EditorStore return: spread editor instead of listing 80+ methods individually — new Editor methods auto-forward, no more manual sync - Add tsgo to check script, add check:vue script for vue-tsc - Add vue-tsc as dev dependency - Reduces vue-tsc errors from 172 (pre-existing) to 135 (37 fixed)
2026-03-16 18:54:08 +00:00
"@open-pencil/mcp": "workspace:*",
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 clipboard text v4 export (#164) * chore: remove unused pi context file - Delete .pi/context.md - Remove an unused local context artifact from the repository * Add clipboard text v4 export * fix(clipboard): rebase v4 export branch onto master - Resolve conflicts after the core text module reorganization - Fix clipboard text export imports and bundled font asset loading - Update raw binary expectations for textUserLayoutVersion 4 - Re-run check and unit tests after the rebase
2026-04-08 12:35:00 +00:00
"@types/opentype.js": "^1.3.9",
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",
Replace Bun.serve with Hono + ws for Node.js compatibility Bridge now uses Hono for the HTTP server and ws for WebSocket — works on both Bun and Node.js. Uses @hono/node-server as fallback when Bun runtime is not available.
2026-03-07 11:30:12 +00:00
"@types/ws": "^8.18.1",
Fix production build type errors
2026-02-28 08:37:02 +00:00
"@typescript/native-preview": "^7.0.0-dev.20260228.1",
Update Vite 7 → 8
2026-03-12 19:13:30 +00:00
"@vitejs/plugin-vue": "^6.0.5",
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",
Replace Bun.serve with Hono + ws for Node.js compatibility Bridge now uses Hono for the HTTP server and ws for WebSocket — works on both Bun and Node.js. Uses @hono/node-server as fallback when Bun runtime is not available.
2026-03-07 11:30:12 +00:00
"hono": "^4.12.5",
Add jscpd for copy-paste detection
2026-03-01 07:49:09 +00:00
"jscpd": "^4.0.8",
Add performance benchmark for parse/export/node operations mitata-based benchmarks covering parseFigFile, exportFigFile, SceneGraph operations, and structuredClone vs typed copy comparison.
2026-03-08 23:58:24 +00:00
"mitata": "^1.0.34",
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",
Enable type-aware linting with tsgo in oxlint Add oxlint-tsgolint dependency and --type-aware --type-check flags. This replaces the separate tsgo --noEmit step — oxlint now handles both linting and type checking in a single pass. Add typescript/no-floating-promises as a warning rule.
2026-03-08 20:02:25 +00:00
"oxlint-tsgolint": "^0.16.0",
Refactor architecture boundaries across core, app, and packages (#234) * refactor(core): decompose editor factory and action modules Split the monolithic editor factory and large action modules into focused domain helpers: - create.ts assembles context through bridge modules (clipboard, components, structure, undo) and delegates to graph-reads, graph-events, layout-runner, component-sync, and state factory - structure.ts delegates to group, container-wrap, auto-layout-wrap, reorder, and state-toggle helpers - selection.ts delegates to hit-test, overlays, container navigation, and read helpers - clipboard.ts delegates to subtree-history, images, export, copy, fonts, and placement helpers - shapes.ts delegates to pen actions and section-adopt - components.ts delegates to focus and instances helpers - alignment.ts delegates to flip-rotate helper - text.ts uses explicit TextEditSession for snapshot comparison New focused modules: nudge, variable-bindings, layout-mode, page-viewports, tool-registry, color-space Undo: history/position and history/snapshot helpers, hardened batch/rollback with nested batch support and configurable limit * refactor(core): split tool definitions by domain Split the monolithic tool registry into domain-specific modules: - read/ — selection, find, pages, fonts, components, nodes, query, jsx - create/ — basic shapes, components, vector, JSX render - modify/ — paint, effects, geometry, layout, state, text, update - structure/ — basic, arrange, batch, hierarchy, replace, tree - variables/ — bindings, collections, read, values - vector/ — boolean, path, export, viewport - analyze/ — colors, typography, spacing, clusters, diff, eval - describe/ — summaries, tree, roles, layout-issues - stock-photo/ — providers, requests, apply - codegen/ — component-map, tokens Split registry into core/extended tiers; refine schema and AI adapter * refactor(core): restructure kiwi codec and instance overrides Reorganize the Kiwi .fig codec into domain subdirectories: - binary/ — codec, schema, protocol - fig/ — file, import, parse (core, worker, transfer) - node-change/ — convert, export-node, serialize, plugin-data - instance-overrides/ — constraints, dsd, populate, props, resolve, symbol-overrides, symbol-props, sync, types Vendored kiwi-schema/ left isolated * refactor(core): split profiler, icons, IO, and add subpath exports Profiler: speedscope-export, capture-session, hud-controller Icons: api, svg, types, render, create-icons tool IO: format registry and subpath exports Canvas/color/text/vector: targeted cleanup Add deliberate subpath exports: random, xpath, vector, color, canvas, scene-graph, kiwi, design-jsx, io, tools, editor, layout, canvaskit, profiler, text, lint, rpc, figma-api, constants * refactor(vue): decompose canvas input, surface lifecycle, and controls Canvas surface: gl-surface, kit-loader, render-loop, resize-observer Canvas input handlers: - move: drop-target, move-snap, duplicate-drag - select: select-move, select-hover, select-hit - resize: resize-rect, resize-vector, resize-start - transform: rotation, marquee, pan, text-selection - text-edit: navigation, clipboard, textarea lifecycle - Shared: click-count, space-key, pan, pan-zoom, draw, raf-scheduler Editor composition: - commands split: actions, context, metadata, edit, selection, view - menu-model split: command-groups, builders, types - Gradient stop composable reuse in primitive root Controls: fill, layout, typography, appearance, effects, stroke, okhcl, prop-scrub, node-props, undo-batch, color-variable-binding Variables/i18n/document/export helpers Organize canvas, primitives, controls, editor, and variables into cohesive module directories with package-local import aliases Expose MenuActionNode/MenuSeparatorNode from public API * refactor(app): split document IO, editor session, and automation bridge Document IO: source-state, naming, writer, reload-source, reload-state, imported-document, watch-targets, save-targets Editor session: create, modules, types, accessors, computed, refs Editor canvas: loader-overlay, collaboration-awareness, context-selection, menu-actions, menu-model Automation bridge: eval, tools, exports, files, selection, RPC fallback AI/ACP: transport, map-update, permission, debug, chat effects/storage Collab: awareness, graph-bindings, yjs-sync, follow, session, types Shell keyboard: actions, bindings, clipboard, focus, nudging, raw-events, registry, reserved, shortcuts, space-tool Shell menu: app-menu, document-name, entry, files Demo: colors, effects, helpers, section builders (components, app-preview, effects, standalone, variables) — document.ts reduced from 981 to 32 lines as pure orchestrator Move app modules under src/app/ with organized domain structure: editor, document, ai, collab, shell, automation, demo, tabs * refactor(app): decompose UI components with provide/inject context Split monolithic components using Reka UI-inspired namespace folders with scoped provide/inject context — no prop drilling: - CollabPanel/ — context, avatars, share, connected, join - ColorPickerPanel/ — context, area, format, field groups, sliders - MobileHud/ — context, action toast, tool badge, file menu, presence - ProviderSettings/ — context, API key/type, endpoint, tokens, photos - Toolbar/ — actions, types, desktop, mobile, tool button, flyout - LayoutSection/ — types, auto-layout, flex, grid, padding, size, clip Properties helpers: fill-okhcl adapter, fill-label, color-style-row Menu: entry helpers, document-name rename, stale type removal * refactor(mcp): split server into focused modules - browser-rpc — WebSocket client management - mcp-sessions — session lifecycle - tool-output — response formatting - tool-schema — Zod schema generation from ToolDefs - jsx-preprocess — JSX source transformation - result — result helpers - tool-registration — MCP tool wiring - auth — API key validation - http-options — CORS/request handling - stdio-bridge — stdio transport adapter * refactor(cli): split analyze subcommands and shared helpers - Analyze subcommands: clusters, colors, spacing, typography - RPC data loading helper - Migrate imports to targeted core subpath exports * refactor(docs): split VitePress config and shared table component Config helpers: sdk-sidebar, seo, labels, sidebars, locale-theme, root-theme, locales Shared SdkDataTable component replaces duplicated table markup in SdkPropsTable, SdkEventsTable, and SdkSlotsTable Update contributing and testing docs * refactor(tauri): decompose desktop entrypoint Split lib.rs into focused service modules: - fig_container.rs — .fig archive/compression commands - fonts.rs — font cache and system font enumeration - menu.rs — native menu construction - menu_events.rs — menu event dispatch and devtools toggle - window.rs — main window show/focus lifecycle * test: share domain test factories and migrate fixtures New shared helpers: - tests/helpers/scene.ts — makeSceneGraph factory - tests/helpers/vector-network.ts — vertex/segment/network builders - tests/helpers/fig-traversal.ts — all-node collection, type counts - tests/helpers/undo.ts — undo test utilities - tests/helpers/editor-history.ts — editor history test helpers Migrate render, vector, fig-roundtrip, and undo tests to use shared factories instead of inline fixture construction * build: add structural lint rules, split vite config, update docs Structural lint (oxlint.structure.json + lint/plugin.js): - 20+ custom rules enforcing package boundaries, lifecycle patterns, naming conventions, and import discipline Vite config split: raw-markdown, canvaskit-assets, pwa, server, aliases, automation plugins Remove legacy shims and utils superseded by SDK/core modules Update AGENTS.md, CONTRIBUTING.md, eval-command docs, tsconfig * fix(vue): normalize canvas directory casing and remove duplicate export - Rename Canvas/ to canvas/ in git index to match #vue/canvas/* imports (PascalCase was correct for component primitives but canvas/ is a non-component domain directory) - Remove duplicate ./random subpath export in core package.json * fix: add #vue and #core Vite resolve aliases for dev server * refactor(core): reduce remaining large modules Split the remaining large core hotspots into cohesive domain modules while preserving public facades and behavior. - Extract scene graph types, variables, node defaults, and vector-network helpers - Decompose canvas renderer orchestration, state, paints, colors, lifecycle, labels, and delegated domain methods into renderer/ and labels/ subfolders - Split Kiwi node-change, binary variable binding, layout, RPC, vector, JSX export, clipboard, design JSX, and Figma proxy helpers - Replace collision-driven *Fn import aliases with namespace imports and enforce the pattern in lint Validation: - bun run check - bun --filter @open-pencil/vue build - bun run test:dupes * fix(app): forward color input attrs * fix(app): cover section drawing errors * fix(editor): undo option-drag duplicates * docs: document domain subfolder convention * fix(app): handle undo redo on keydown * refactor(app): dispatch shortcuts from keydown * refactor: group prefixed domain modules * refactor(app): use tinykeys for shortcuts * refactor(core): group symbol override modules * refactor(core): group fig kiwi container helper * refactor(canvas): split overlay rendering modules * refactor(vue): remove unused internal barrels * fix(app): lay out demo components before instancing * fix(app): restore demo badge spacing * perf(canvas): split scene and overlay rendering * refactor(vue): wrap wheel gesture lifecycle * fix(canvas): wait for fonts before hiding loader * docs: update unreleased changelog
2026-04-30 12:14:19 +00:00
"tsdown": "^0.21.7",
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",
Refactor architecture boundaries across core, app, and packages (#234) * refactor(core): decompose editor factory and action modules Split the monolithic editor factory and large action modules into focused domain helpers: - create.ts assembles context through bridge modules (clipboard, components, structure, undo) and delegates to graph-reads, graph-events, layout-runner, component-sync, and state factory - structure.ts delegates to group, container-wrap, auto-layout-wrap, reorder, and state-toggle helpers - selection.ts delegates to hit-test, overlays, container navigation, and read helpers - clipboard.ts delegates to subtree-history, images, export, copy, fonts, and placement helpers - shapes.ts delegates to pen actions and section-adopt - components.ts delegates to focus and instances helpers - alignment.ts delegates to flip-rotate helper - text.ts uses explicit TextEditSession for snapshot comparison New focused modules: nudge, variable-bindings, layout-mode, page-viewports, tool-registry, color-space Undo: history/position and history/snapshot helpers, hardened batch/rollback with nested batch support and configurable limit * refactor(core): split tool definitions by domain Split the monolithic tool registry into domain-specific modules: - read/ — selection, find, pages, fonts, components, nodes, query, jsx - create/ — basic shapes, components, vector, JSX render - modify/ — paint, effects, geometry, layout, state, text, update - structure/ — basic, arrange, batch, hierarchy, replace, tree - variables/ — bindings, collections, read, values - vector/ — boolean, path, export, viewport - analyze/ — colors, typography, spacing, clusters, diff, eval - describe/ — summaries, tree, roles, layout-issues - stock-photo/ — providers, requests, apply - codegen/ — component-map, tokens Split registry into core/extended tiers; refine schema and AI adapter * refactor(core): restructure kiwi codec and instance overrides Reorganize the Kiwi .fig codec into domain subdirectories: - binary/ — codec, schema, protocol - fig/ — file, import, parse (core, worker, transfer) - node-change/ — convert, export-node, serialize, plugin-data - instance-overrides/ — constraints, dsd, populate, props, resolve, symbol-overrides, symbol-props, sync, types Vendored kiwi-schema/ left isolated * refactor(core): split profiler, icons, IO, and add subpath exports Profiler: speedscope-export, capture-session, hud-controller Icons: api, svg, types, render, create-icons tool IO: format registry and subpath exports Canvas/color/text/vector: targeted cleanup Add deliberate subpath exports: random, xpath, vector, color, canvas, scene-graph, kiwi, design-jsx, io, tools, editor, layout, canvaskit, profiler, text, lint, rpc, figma-api, constants * refactor(vue): decompose canvas input, surface lifecycle, and controls Canvas surface: gl-surface, kit-loader, render-loop, resize-observer Canvas input handlers: - move: drop-target, move-snap, duplicate-drag - select: select-move, select-hover, select-hit - resize: resize-rect, resize-vector, resize-start - transform: rotation, marquee, pan, text-selection - text-edit: navigation, clipboard, textarea lifecycle - Shared: click-count, space-key, pan, pan-zoom, draw, raf-scheduler Editor composition: - commands split: actions, context, metadata, edit, selection, view - menu-model split: command-groups, builders, types - Gradient stop composable reuse in primitive root Controls: fill, layout, typography, appearance, effects, stroke, okhcl, prop-scrub, node-props, undo-batch, color-variable-binding Variables/i18n/document/export helpers Organize canvas, primitives, controls, editor, and variables into cohesive module directories with package-local import aliases Expose MenuActionNode/MenuSeparatorNode from public API * refactor(app): split document IO, editor session, and automation bridge Document IO: source-state, naming, writer, reload-source, reload-state, imported-document, watch-targets, save-targets Editor session: create, modules, types, accessors, computed, refs Editor canvas: loader-overlay, collaboration-awareness, context-selection, menu-actions, menu-model Automation bridge: eval, tools, exports, files, selection, RPC fallback AI/ACP: transport, map-update, permission, debug, chat effects/storage Collab: awareness, graph-bindings, yjs-sync, follow, session, types Shell keyboard: actions, bindings, clipboard, focus, nudging, raw-events, registry, reserved, shortcuts, space-tool Shell menu: app-menu, document-name, entry, files Demo: colors, effects, helpers, section builders (components, app-preview, effects, standalone, variables) — document.ts reduced from 981 to 32 lines as pure orchestrator Move app modules under src/app/ with organized domain structure: editor, document, ai, collab, shell, automation, demo, tabs * refactor(app): decompose UI components with provide/inject context Split monolithic components using Reka UI-inspired namespace folders with scoped provide/inject context — no prop drilling: - CollabPanel/ — context, avatars, share, connected, join - ColorPickerPanel/ — context, area, format, field groups, sliders - MobileHud/ — context, action toast, tool badge, file menu, presence - ProviderSettings/ — context, API key/type, endpoint, tokens, photos - Toolbar/ — actions, types, desktop, mobile, tool button, flyout - LayoutSection/ — types, auto-layout, flex, grid, padding, size, clip Properties helpers: fill-okhcl adapter, fill-label, color-style-row Menu: entry helpers, document-name rename, stale type removal * refactor(mcp): split server into focused modules - browser-rpc — WebSocket client management - mcp-sessions — session lifecycle - tool-output — response formatting - tool-schema — Zod schema generation from ToolDefs - jsx-preprocess — JSX source transformation - result — result helpers - tool-registration — MCP tool wiring - auth — API key validation - http-options — CORS/request handling - stdio-bridge — stdio transport adapter * refactor(cli): split analyze subcommands and shared helpers - Analyze subcommands: clusters, colors, spacing, typography - RPC data loading helper - Migrate imports to targeted core subpath exports * refactor(docs): split VitePress config and shared table component Config helpers: sdk-sidebar, seo, labels, sidebars, locale-theme, root-theme, locales Shared SdkDataTable component replaces duplicated table markup in SdkPropsTable, SdkEventsTable, and SdkSlotsTable Update contributing and testing docs * refactor(tauri): decompose desktop entrypoint Split lib.rs into focused service modules: - fig_container.rs — .fig archive/compression commands - fonts.rs — font cache and system font enumeration - menu.rs — native menu construction - menu_events.rs — menu event dispatch and devtools toggle - window.rs — main window show/focus lifecycle * test: share domain test factories and migrate fixtures New shared helpers: - tests/helpers/scene.ts — makeSceneGraph factory - tests/helpers/vector-network.ts — vertex/segment/network builders - tests/helpers/fig-traversal.ts — all-node collection, type counts - tests/helpers/undo.ts — undo test utilities - tests/helpers/editor-history.ts — editor history test helpers Migrate render, vector, fig-roundtrip, and undo tests to use shared factories instead of inline fixture construction * build: add structural lint rules, split vite config, update docs Structural lint (oxlint.structure.json + lint/plugin.js): - 20+ custom rules enforcing package boundaries, lifecycle patterns, naming conventions, and import discipline Vite config split: raw-markdown, canvaskit-assets, pwa, server, aliases, automation plugins Remove legacy shims and utils superseded by SDK/core modules Update AGENTS.md, CONTRIBUTING.md, eval-command docs, tsconfig * fix(vue): normalize canvas directory casing and remove duplicate export - Rename Canvas/ to canvas/ in git index to match #vue/canvas/* imports (PascalCase was correct for component primitives but canvas/ is a non-component domain directory) - Remove duplicate ./random subpath export in core package.json * fix: add #vue and #core Vite resolve aliases for dev server * refactor(core): reduce remaining large modules Split the remaining large core hotspots into cohesive domain modules while preserving public facades and behavior. - Extract scene graph types, variables, node defaults, and vector-network helpers - Decompose canvas renderer orchestration, state, paints, colors, lifecycle, labels, and delegated domain methods into renderer/ and labels/ subfolders - Split Kiwi node-change, binary variable binding, layout, RPC, vector, JSX export, clipboard, design JSX, and Figma proxy helpers - Replace collision-driven *Fn import aliases with namespace imports and enforce the pattern in lint Validation: - bun run check - bun --filter @open-pencil/vue build - bun run test:dupes * fix(app): forward color input attrs * fix(app): cover section drawing errors * fix(editor): undo option-drag duplicates * docs: document domain subfolder convention * fix(app): handle undo redo on keydown * refactor(app): dispatch shortcuts from keydown * refactor: group prefixed domain modules * refactor(app): use tinykeys for shortcuts * refactor(core): group symbol override modules * refactor(core): group fig kiwi container helper * refactor(canvas): split overlay rendering modules * refactor(vue): remove unused internal barrels * fix(app): lay out demo components before instancing * fix(app): restore demo badge spacing * perf(canvas): split scene and overlay rendering * refactor(vue): wrap wheel gesture lifecycle * fix(canvas): wait for fonts before hiding loader * docs: update unreleased changelog
2026-04-30 12:14:19 +00:00
"unplugin-raw": "^0.6.4",
"unplugin-vue": "^7.1.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",
Update Vite 7 → 8
2026-03-12 19:13:30 +00:00
"vite": "^8.0.0",
feat: mobile layout, PWA support (#27) (#27) - Mobile-responsive editor with bottom drawer, ribbon nav, HUD overlay - Touch support: single-finger tools, two-finger pinch-zoom - PWA: manifest, service worker, installability - Extract LayerTree from LayersPanel, shared utils (colorToCSS, initials, toolIcons) - Constants moved to src/constants.ts, clipboard state to editor store - reka-ui Popover/DropdownMenu in MobileHud Co-authored-by: Danila Poyarkov <dev@dannote.net>
2026-03-05 16:51:51 +00:00
"vite-plugin-pwa": "^1.2.0",
Fix type errors found by tsgo and vue-tsc - Add interaction constants to core barrel export (were in constants.ts but not reachable via '@open-pencil/core') - Fix variable shadowing in use-text-edit.ts: rename inner 'editor' (textEditor) to 'textEd' to avoid shadowing the Editor parameter - Fix unused params: prefix with _ in scene.ts, describe-issues.ts, xpath.ts - Remove unused getCoords param from setupPanZoom - Move cursorCanvasX/Y assignment to app callback (not on EditorState) - Simplify EditorStore return: spread editor instead of listing 80+ methods individually — new Editor methods auto-forward, no more manual sync - Add tsgo to check script, add check:vue script for vue-tsc - Add vue-tsc as dev dependency - Reduces vue-tsc errors from 172 (pre-existing) to 135 (37 fixed)
2026-03-16 18:54:08 +00:00
"vue-tsc": "^3.2.5",
Replace Bun.serve with Hono + ws for Node.js compatibility Bridge now uses Hono for the HTTP server and ws for WebSocket — works on both Bun and Node.js. Uses @hono/node-server as fallback when Bun runtime is not available.
2026-03-07 11:30:12 +00:00
"workbox-window": "^7.4.0",
Fix type errors found by tsgo and vue-tsc - Add interaction constants to core barrel export (were in constants.ts but not reachable via '@open-pencil/core') - Fix variable shadowing in use-text-edit.ts: rename inner 'editor' (textEditor) to 'textEd' to avoid shadowing the Editor parameter - Fix unused params: prefix with _ in scene.ts, describe-issues.ts, xpath.ts - Remove unused getCoords param from setupPanZoom - Move cursorCanvasX/Y assignment to app callback (not on EditorState) - Simplify EditorStore return: spread editor instead of listing 80+ methods individually — new Editor methods auto-forward, no more manual sync - Add tsgo to check script, add check:vue script for vue-tsc - Add vue-tsc as dev dependency - Reduces vue-tsc errors from 172 (pre-existing) to 135 (37 fixed)
2026-03-16 18:54:08 +00:00
"ws": "^8.19.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
}
Use forked vue-stream-markdown with shiki optional chaining fix Replace npm vue-stream-markdown with open-pencil fork that guards bundledThemesInfo/bundledLanguagesInfo with ?. to prevent TypeError when shiki is not installed. Revert shiki shim and cdn-options hacks.
2026-03-15 06:32:16 +00:00
}
Reference in a new issue Copy permalink