SemianiakaVY/openpencil
1
0
Fork 0
Code Issues Pull requests Actions 1 Packages Projects Releases Wiki Activity
openpencil/components.d.ts

100 lines
6.9 KiB
TypeScript
Raw Normal View History

Add IconsResolver for auto-import, explicit imports only for dynamic maps
2026-02-28 05:29:39 +00:00
/* eslint-disable */
// @ts-nocheck
// biome-ignore lint: disable
// oxlint-disable
// ------
// Generated by unplugin-vue-components
// Read more: https://github.com/vuejs/core/pull/3399
export {}
/* prettier-ignore */
declare module 'vue' {
export interface GlobalComponents {
Rename ApiKeySetup → APIKeySetup
2026-03-01 08:12:37 +00:00
APIKeySetup: typeof import('./src/components/chat/APIKeySetup.vue')['default']
Split PropertiesPanel into sections, add Typography panel - PropertiesPanel.vue: 513 → 67 lines (composition only) - Extracted: PositionSection, LayoutSection, AppearanceSection, FillSection, StrokeSection, TypographySection - Shared useNodeProps() composable for update/commit logic - Typography panel: font family picker with search (queryLocalFonts), weight select, font size, line height, letter spacing, text alignment - Font picker shows each family in its own typeface - Loads selected font into both CanvasKit and browser on pick
2026-02-28 06:00:25 +00:00
AppearanceSection: typeof import('./src/components/properties/AppearanceSection.vue')['default']
Add app menu bar for browser mode (File, Edit, View, Object, Text, Arrange) Reka-ui Menubar in the left panel header, hidden when running in Tauri (native menu handles it). Includes Open, Save, Save As, Export, Undo/Redo, Zoom, Group/Ungroup, Component creation, Bring to front/Send to back, Auto layout, Text formatting, Alignment.
2026-03-01 12:09:08 +00:00
AppMenu: typeof import('./src/components/AppMenu.vue')['default']
Toast notifications via Reka UI Toast - AppToast component: top-center blue pill (info), red pill (errors) - Global error handler catches window.error + unhandledrejection - Link copied toast on share and copy link button - use-toast composable: toast.show(message, variant)
2026-03-01 15:25:04 +00:00
AppToast: typeof import('./src/components/AppToast.vue')['default']
Fix context menu not showing: scoped slot pattern + icon fix - CanvasContextMenu now exposes onContextMenu via scoped slot instead of wrapping in a <div> (which broke flex layout — the div had no flex-1, so it collapsed and never received contextmenu events) - EditorCanvas binds the handler directly on its own flex-1 div - Fix lucide/diamonds icon not found — use lucide/component for COMPONENT_SET (the actual 4-diamond component icon)
2026-02-28 15:10:26 +00:00
CanvasContextMenu: typeof import('./src/components/CanvasContextMenu.vue')['default']
Split ChatPanel into ChatMessage, ChatInput, ApiKeySetup
2026-03-01 08:11:46 +00:00
ChatInput: typeof import('./src/components/chat/ChatInput.vue')['default']
ChatMessage: typeof import('./src/components/chat/ChatMessage.vue')['default']
Move AI chat to Design/AI tab in properties panel
2026-03-01 07:54:51 +00:00
ChatPanel: typeof import('./src/components/ChatPanel.vue')['default']
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
CodePanel: typeof import('./src/components/CodePanel.vue')['default']
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
CollabPanel: typeof import('./src/components/CollabPanel.vue')['default']
Extract ColorInput component, fix alpha slider checkerboard New ColorInput component (swatch + hex, optional editable mode) replaces duplicated ColorPicker + hex input pattern in: - PageSection, StrokeSection, EffectsSection - VariablesDialog (color variable cells use ColorInput with picker) Fix ColorPicker alpha slider: add checkerboard background behind transparent-to-color gradient, matching FillPicker's implementation.
2026-02-28 23:18:23 +00:00
ColorInput: typeof import('./src/components/ColorInput.vue')['default']
Add IconsResolver for auto-import, explicit imports only for dynamic maps
2026-02-28 05:29:39 +00:00
ColorPicker: typeof import('./src/components/ColorPicker.vue')['default']
Extract DesignPanel from PropertiesPanel
2026-03-01 07:55:52 +00:00
DesignPanel: typeof import('./src/components/DesignPanel.vue')['default']
Add IconsResolver for auto-import, explicit imports only for dynamic maps
2026-02-28 05:29:39 +00:00
EditorCanvas: typeof import('./src/components/EditorCanvas.vue')['default']
Add Effects section to properties panel Support adding, removing, and editing drop shadows, inner shadows, layer blurs, background blurs, and foreground blurs. Each effect row has visibility toggle, type dropdown, and remove button. Expanded view shows offset, blur, spread, and color controls for shadows, or just blur radius for blur effects.
2026-02-28 17:12:37 +00:00
EffectsSection: typeof import('./src/components/properties/EffectsSection.vue')['default']
Render export preview at panel-appropriate resolution Scale preview to fit 480px width (covers retina panels) instead of fixed 0.5x which was far too blurry.
2026-02-28 21:05:19 +00:00
ExportSection: typeof import('./src/components/properties/ExportSection.vue')['default']
Fill type picker with solid/gradient/image tabs and gradient stop editing - FillPicker component: 3 category tabs (Solid, Gradient, Image), gradient subtype dropdown (Linear/Radial/Angular/Diamond), draggable gradient stop bar, per-stop color/position/opacity editing with ScrubInput - FillSection uses FillPicker instead of ColorPicker for full Fill editing - Default gradient transforms for each subtype so renderer picks them up - colorToRgba255/rgba255ToColor helpers in color.ts - Custom SVG icons for fill type tabs (solid square, gradient fade)
2026-02-28 14:26:50 +00:00
FillPicker: typeof import('./src/components/FillPicker.vue')['default']
Split PropertiesPanel into sections, add Typography panel - PropertiesPanel.vue: 513 → 67 lines (composition only) - Extracted: PositionSection, LayoutSection, AppearanceSection, FillSection, StrokeSection, TypographySection - Shared useNodeProps() composable for update/commit logic - Typography panel: font family picker with search (queryLocalFonts), weight select, font size, line height, letter spacing, text alignment - Font picker shows each family in its own typeface - Loads selected font into both CanvasKit and browser on pick
2026-02-28 06:00:25 +00:00
FillSection: typeof import('./src/components/properties/FillSection.vue')['default']
Register system font faces for CSS preview, fix picker highlight width
2026-03-01 00:25:50 +00:00
FontPicker: typeof import('./src/components/FontPicker.vue')['default']
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
HsvColorArea: typeof import('./src/components/HsvColorArea.vue')['default']
Split PropertiesPanel into sections, add Typography panel - PropertiesPanel.vue: 513 → 67 lines (composition only) - Extracted: PositionSection, LayoutSection, AppearanceSection, FillSection, StrokeSection, TypographySection - Shared useNodeProps() composable for update/commit logic - Typography panel: font family picker with search (queryLocalFonts), weight select, font size, line height, letter spacing, text alignment - Font picker shows each family in its own typeface - Loads selected font into both CanvasKit and browser on pick
2026-02-28 06:00:25 +00:00
IconLucideALargeSmall: typeof import('~icons/lucide/a-large-small')['default']
Toast notifications via Reka UI Toast - AppToast component: top-center blue pill (info), red pill (errors) - Global error handler catches window.error + unhandledrejection - Link copied toast on share and copy link button - use-toast composable: toast.show(message, variant)
2026-03-01 15:25:04 +00:00
IconLucideAlertTriangle: typeof import('~icons/lucide/alert-triangle')['default']
Fix text alignment icons: use direct template tags for auto-import
2026-02-28 06:01:54 +00:00
IconLucideAlignCenter: typeof import('~icons/lucide/align-center')['default']
Position section: alignment buttons, rotation icon, flip H/V - 6 alignment buttons (left/center/right, top/center/bottom) for multi-select alignment - Rotation input with rotate-cw icon and degree suffix - Flip horizontal and flip vertical buttons - Matching Figma's Position panel layout
2026-02-28 06:55:02 +00:00
IconLucideAlignHorizontalJustifyCenter: typeof import('~icons/lucide/align-horizontal-justify-center')['default']
IconLucideAlignHorizontalJustifyEnd: typeof import('~icons/lucide/align-horizontal-justify-end')['default']
IconLucideAlignHorizontalJustifyStart: typeof import('~icons/lucide/align-horizontal-justify-start')['default']
Fix text alignment icons: use direct template tags for auto-import
2026-02-28 06:01:54 +00:00
IconLucideAlignLeft: typeof import('~icons/lucide/align-left')['default']
IconLucideAlignRight: typeof import('~icons/lucide/align-right')['default']
Position section: alignment buttons, rotation icon, flip H/V - 6 alignment buttons (left/center/right, top/center/bottom) for multi-select alignment - Rotation input with rotate-cw icon and degree suffix - Flip horizontal and flip vertical buttons - Matching Figma's Position panel layout
2026-02-28 06:55:02 +00:00
IconLucideAlignVerticalJustifyCenter: typeof import('~icons/lucide/align-vertical-justify-center')['default']
IconLucideAlignVerticalJustifyEnd: typeof import('~icons/lucide/align-vertical-justify-end')['default']
IconLucideAlignVerticalJustifyStart: typeof import('~icons/lucide/align-vertical-justify-start')['default']
Split PropertiesPanel into sections, add Typography panel - PropertiesPanel.vue: 513 → 67 lines (composition only) - Extracted: PositionSection, LayoutSection, AppearanceSection, FillSection, StrokeSection, TypographySection - Shared useNodeProps() composable for update/commit logic - Typography panel: font family picker with search (queryLocalFonts), weight select, font size, line height, letter spacing, text alignment - Font picker shows each family in its own typeface - Loads selected font into both CanvasKit and browser on pick
2026-02-28 06:00:25 +00:00
IconLucideBaseline: typeof import('~icons/lucide/baseline')['default']
Appearance section: opacity + corner radius + visibility toggle - Opacity with blend icon, corner radius with radius icon - Eye/eye-off toggle in section header - Layers panel: hidden layers dimmed (opacity-50) with permanent eye-off indicator - Removed duplicate corner radius from LayoutSection
2026-02-28 06:20:31 +00:00
IconLucideBlend: typeof import('~icons/lucide/blend')['default']
Rich text style runs with per-selection bold/italic/underline StyleRun model: array of {start, length, style} with CharacterStyleOverride (fontWeight, italic, textDecoration, etc.). Renderer uses ParagraphBuilder.pushStyle/pop for mixed-style text. TextEditor delegates paragraph building to renderer.buildParagraph(). ⌘B/I/U apply to selection range when text is selected, or toggle whole-node style when no selection. Style runs adjust on insert/delete to preserve formatting across edits. Fig roundtrip: import characterStyleIDs + styleOverrideTable from TextData, export back with deduped style table. B/I/U/S toggle buttons in TypographySection.
2026-03-01 06:03:38 +00:00
IconLucideBold: typeof import('~icons/lucide/bold')['default']
Add model selector with curated list (Claude, Gemini, GPT, DeepSeek, Llama)
2026-03-01 08:08:47 +00:00
IconLucideBot: typeof import('~icons/lucide/bot')['default']
Split PropertiesPanel into sections, add Typography panel - PropertiesPanel.vue: 513 → 67 lines (composition only) - Extracted: PositionSection, LayoutSection, AppearanceSection, FillSection, StrokeSection, TypographySection - Shared useNodeProps() composable for update/commit logic - Typography panel: font family picker with search (queryLocalFonts), weight select, font size, line height, letter spacing, text alignment - Font picker shows each family in its own typeface - Loads selected font into both CanvasKit and browser on pick
2026-02-28 06:00:25 +00:00
IconLucideCheck: typeof import('~icons/lucide/check')['default']
IconLucideChevronDown: typeof import('~icons/lucide/chevron-down')['default']
Add IconsResolver for auto-import, explicit imports only for dynamic maps
2026-02-28 05:29:39 +00:00
IconLucideChevronRight: typeof import('~icons/lucide/chevron-right')['default']
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
IconLucideCode: typeof import('~icons/lucide/code')['default']
IconLucideCopy: typeof import('~icons/lucide/copy')['default']
Polish fill/stroke sections: editable hex, opacity %, eye toggle, minus - Hex input is now editable (was read-only label) - Per-fill/stroke opacity percentage input - Eye/eye-off icon for visibility toggle (on hover) - Minus button for removal (replaces ×) - Stroke weight shown below stroke list
2026-02-28 06:06:04 +00:00
IconLucideEye: typeof import('~icons/lucide/eye')['default']
IconLucideEyeOff: typeof import('~icons/lucide/eye-off')['default']
Pages support: multi-page documents like Figma Document structure: Document (root) → Pages (CANVAS) → Nodes. Each page has its own viewport (pan/zoom) and background color. - CANVAS node type for pages - SceneGraph: addPage(), getPages(), getAbsolutePosition stops at CANVAS - Store: currentPageId, switchPage(), addPage(), deletePage(), renamePage() - All operations (create, select, paste, hit test, render) scoped to current page - Per-page viewport state saved/restored on page switch - Pages list in LayersPanel with add/switch/double-click rename - .fig import creates proper pages from DOCUMENT→CANVAS hierarchy - Renderer takes pageId to render correct page's children - Unit test for pages, updated E2E tests for page-scoped graph
2026-02-28 10:12:27 +00:00
IconLucideFile: typeof import('~icons/lucide/file')['default']
Position section: alignment buttons, rotation icon, flip H/V - 6 alignment buttons (left/center/right, top/center/bottom) for multi-select alignment - Rotation input with rotate-cw icon and degree suffix - Flip horizontal and flip vertical buttons - Matching Figma's Position panel layout
2026-02-28 06:55:02 +00:00
IconLucideFlipHorizontal: typeof import('~icons/lucide/flip-horizontal')['default']
IconLucideFlipVertical: typeof import('~icons/lucide/flip-vertical')['default']
Fix addCollection not triggering reactivity
2026-02-28 22:59:01 +00:00
IconLucideFolderPlus: typeof import('~icons/lucide/folder-plus')['default']
Tier 1 rendering parity: gradients, images, effects, strokes, arcs Data model: - Gradient fills (LINEAR, RADIAL, ANGULAR, DIAMOND) with stops + transform - Image fills with hash reference, scale mode, transform - Blend modes on fills, nodes, effects - Stroke cap, join, dash pattern, independent border weights - Arc data for partial ellipses/donuts - Text: vertical align, auto-resize, case, decoration, max lines - Constraints: horizontal/vertical - New node types: ROUNDED_RECTANGLE, COMPONENT, COMPONENT_SET, INSTANCE, CONNECTOR, SHAPE_WITH_TEXT Import: - All paint types imported (not just SOLID) - Image hashes extracted from .fig ZIP images/ directory - Font weight mapping (Thin→100 through Black→900) - Arc data, stroke options, constraints, text properties Renderer: - Gradient shaders via CanvasKit (linear, radial, sweep) - Image fills with FILL/FIT scale modes and shader matrix - Drop shadow and inner shadow effects - Arc/donut rendering for ellipses with arcData - Stroke cap/join/dash pattern support - Image cache with cleanup on destroy Export: - Gradient/image fills round-trip through Kiwi - New node types mapped to Figma equivalents UI: - Fill section shows gradient/image type labels for non-SOLID fills
2026-02-28 13:40:34 +00:00
IconLucideImage: typeof import('~icons/lucide/image')['default']
Rich text style runs with per-selection bold/italic/underline StyleRun model: array of {start, length, style} with CharacterStyleOverride (fontWeight, italic, textDecoration, etc.). Renderer uses ParagraphBuilder.pushStyle/pop for mixed-style text. TextEditor delegates paragraph building to renderer.buildParagraph(). ⌘B/I/U apply to selection range when text is selected, or toggle whole-node style when no selection. Style runs adjust on insert/delete to preserve formatting across edits. Fig roundtrip: import characterStyleIDs + styleOverrideTable from TextData, export back with deduped style table. B/I/U/S toggle buttons in TypographySection.
2026-03-01 06:03:38 +00:00
IconLucideItalic: typeof import('~icons/lucide/italic')['default']
Move AI chat to Design/AI tab in properties panel
2026-03-01 07:54:51 +00:00
IconLucideKeyRound: typeof import('~icons/lucide/key-round')['default']
Fix addCollection not triggering reactivity
2026-02-28 22:59:01 +00:00
IconLucideLink: typeof import('~icons/lucide/link')['default']
Move AI chat to Design/AI tab in properties panel
2026-03-01 07:54:51 +00:00
IconLucideLoaderCircle: typeof import('~icons/lucide/loader-circle')['default']
IconLucideMessageCircle: typeof import('~icons/lucide/message-circle')['default']
Fill type picker with solid/gradient/image tabs and gradient stop editing - FillPicker component: 3 category tabs (Solid, Gradient, Image), gradient subtype dropdown (Linear/Radial/Angular/Diamond), draggable gradient stop bar, per-stop color/position/opacity editing with ScrubInput - FillSection uses FillPicker instead of ColorPicker for full Fill editing - Default gradient transforms for each subtype so renderer picks them up - colorToRgba255/rgba255ToColor helpers in color.ts - Custom SVG icons for fill type tabs (solid square, gradient fade)
2026-02-28 14:26:50 +00:00
IconLucidePlus: typeof import('~icons/lucide/plus')['default']
Appearance section: opacity + corner radius + visibility toggle - Opacity with blend icon, corner radius with radius icon - Eye/eye-off toggle in section header - Layers panel: hidden layers dimmed (opacity-50) with permanent eye-off indicator - Removed duplicate corner radius from LayoutSection
2026-02-28 06:20:31 +00:00
IconLucideRadius: typeof import('~icons/lucide/radius')['default']
Fix rotation icon to rotate-ccw, add rotate 90° button
2026-02-28 06:57:45 +00:00
IconLucideRotateCcw: typeof import('~icons/lucide/rotate-ccw')['default']
Position section: alignment buttons, rotation icon, flip H/V - 6 alignment buttons (left/center/right, top/center/bottom) for multi-select alignment - Rotation input with rotate-cw icon and degree suffix - Flip horizontal and flip vertical buttons - Matching Figma's Position panel layout
2026-02-28 06:55:02 +00:00
IconLucideRotateCw: typeof import('~icons/lucide/rotate-cw')['default']
Split PropertiesPanel into sections, add Typography panel - PropertiesPanel.vue: 513 → 67 lines (composition only) - Extracted: PositionSection, LayoutSection, AppearanceSection, FillSection, StrokeSection, TypographySection - Shared useNodeProps() composable for update/commit logic - Typography panel: font family picker with search (queryLocalFonts), weight select, font size, line height, letter spacing, text alignment - Font picker shows each family in its own typeface - Loads selected font into both CanvasKit and browser on pick
2026-02-28 06:00:25 +00:00
IconLucideSearch: typeof import('~icons/lucide/search')['default']
Move AI chat to Design/AI tab in properties panel
2026-03-01 07:54:51 +00:00
IconLucideSend: typeof import('~icons/lucide/send')['default']
Fix addCollection not triggering reactivity
2026-02-28 22:59:01 +00:00
IconLucideSettings2: typeof import('~icons/lucide/settings2')['default']
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
IconLucideShare2: typeof import('~icons/lucide/share2')['default']
Add ⌘\ to toggle side panels, header with logo and editable filename Header row with app icon, double-click-to-rename document name, and sidebar toggle button. Shows in both Tauri and browser. When panels are hidden, a floating bar on the canvas provides the same controls to restore the UI.
2026-03-01 17:14:39 +00:00
IconLucideSidebar: typeof import('~icons/lucide/sidebar')['default']
Move AI chat to Design/AI tab in properties panel
2026-03-01 07:54:51 +00:00
IconLucideSparkles: typeof import('~icons/lucide/sparkles')['default']
IconLucideSquare: typeof import('~icons/lucide/square')['default']
Rich text style runs with per-selection bold/italic/underline StyleRun model: array of {start, length, style} with CharacterStyleOverride (fontWeight, italic, textDecoration, etc.). Renderer uses ParagraphBuilder.pushStyle/pop for mixed-style text. TextEditor delegates paragraph building to renderer.buildParagraph(). ⌘B/I/U apply to selection range when text is selected, or toggle whole-node style when no selection. Style runs adjust on insert/delete to preserve formatting across edits. Fig roundtrip: import characterStyleIDs + styleOverrideTable from TextData, export back with deduped style table. B/I/U/S toggle buttons in TypographySection.
2026-03-01 06:03:38 +00:00
IconLucideStrikethrough: typeof import('~icons/lucide/strikethrough')['default']
Move AI chat to Design/AI tab in properties panel
2026-03-01 07:54:51 +00:00
IconLucideTriangleAlert: typeof import('~icons/lucide/triangle-alert')['default']
Rich text style runs with per-selection bold/italic/underline StyleRun model: array of {start, length, style} with CharacterStyleOverride (fontWeight, italic, textDecoration, etc.). Renderer uses ParagraphBuilder.pushStyle/pop for mixed-style text. TextEditor delegates paragraph building to renderer.buildParagraph(). ⌘B/I/U apply to selection range when text is selected, or toggle whole-node style when no selection. Style runs adjust on insert/delete to preserve formatting across edits. Fig roundtrip: import characterStyleIDs + styleOverrideTable from TextData, export back with deduped style table. B/I/U/S toggle buttons in TypographySection.
2026-03-01 06:03:38 +00:00
IconLucideUnderline: typeof import('~icons/lucide/underline')['default']
Fix addCollection not triggering reactivity
2026-02-28 22:59:01 +00:00
IconLucideUnlink: typeof import('~icons/lucide/unlink')['default']
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
IconLucideUsers: typeof import('~icons/lucide/users')['default']
Fix addCollection not triggering reactivity
2026-02-28 22:59:01 +00:00
IconLucideX: typeof import('~icons/lucide/x')['default']
Add IconsResolver for auto-import, explicit imports only for dynamic maps
2026-02-28 05:29:39 +00:00
LayersPanel: typeof import('./src/components/LayersPanel.vue')['default']
Split PropertiesPanel into sections, add Typography panel - PropertiesPanel.vue: 513 → 67 lines (composition only) - Extracted: PositionSection, LayoutSection, AppearanceSection, FillSection, StrokeSection, TypographySection - Shared useNodeProps() composable for update/commit logic - Typography panel: font family picker with search (queryLocalFonts), weight select, font size, line height, letter spacing, text alignment - Font picker shows each family in its own typeface - Loads selected font into both CanvasKit and browser on pick
2026-02-28 06:00:25 +00:00
LayoutSection: typeof import('./src/components/properties/LayoutSection.vue')['default']
Page properties panel with canvas background color picker When nothing is selected, the right panel shows Page section with a color picker for the canvas background (like Figma). The page color is stored in reactive state and passed to the renderer.
2026-02-28 08:42:13 +00:00
PageSection: typeof import('./src/components/properties/PageSection.vue')['default']
Split PagesPanel into separate component, inline page rename - PagesPanel.vue: pages list with click to switch, double-click for inline rename (input field, Enter/Escape/blur commits) - LayersPanel.vue: removed pages logic, composes PagesPanel - Layer drag-drop uses currentPageId instead of rootId
2026-02-28 10:14:03 +00:00
PagesPanel: typeof import('./src/components/PagesPanel.vue')['default']
Split PropertiesPanel into sections, add Typography panel - PropertiesPanel.vue: 513 → 67 lines (composition only) - Extracted: PositionSection, LayoutSection, AppearanceSection, FillSection, StrokeSection, TypographySection - Shared useNodeProps() composable for update/commit logic - Typography panel: font family picker with search (queryLocalFonts), weight select, font size, line height, letter spacing, text alignment - Font picker shows each family in its own typeface - Loads selected font into both CanvasKit and browser on pick
2026-02-28 06:00:25 +00:00
PositionSection: typeof import('./src/components/properties/PositionSection.vue')['default']
Add IconsResolver for auto-import, explicit imports only for dynamic maps
2026-02-28 05:29:39 +00:00
PropertiesPanel: typeof import('./src/components/PropertiesPanel.vue')['default']
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
RouterLink: typeof import('vue-router')['RouterLink']
RouterView: typeof import('vue-router')['RouterView']
Improve Save for browsers without File System Access API - Save As prompts for filename via prompt() before downloading - Save reuses the filename from last Save As (no repeated prompts) - Banner in Safari/Firefox explaining the limitation with Chrome link - Banner is dismissible
2026-03-01 12:41:27 +00:00
SafariBanner: typeof import('./src/components/SafariBanner.vue')['default']
Add IconsResolver for auto-import, explicit imports only for dynamic maps
2026-02-28 05:29:39 +00:00
ScrubInput: typeof import('./src/components/ScrubInput.vue')['default']
Split PropertiesPanel into sections, add Typography panel - PropertiesPanel.vue: 513 → 67 lines (composition only) - Extracted: PositionSection, LayoutSection, AppearanceSection, FillSection, StrokeSection, TypographySection - Shared useNodeProps() composable for update/commit logic - Typography panel: font family picker with search (queryLocalFonts), weight select, font size, line height, letter spacing, text alignment - Font picker shows each family in its own typeface - Loads selected font into both CanvasKit and browser on pick
2026-02-28 06:00:25 +00:00
StrokeSection: typeof import('./src/components/properties/StrokeSection.vue')['default']
Add IconsResolver for auto-import, explicit imports only for dynamic maps
2026-02-28 05:29:39 +00:00
Toolbar: typeof import('./src/components/Toolbar.vue')['default']
Split PropertiesPanel into sections, add Typography panel - PropertiesPanel.vue: 513 → 67 lines (composition only) - Extracted: PositionSection, LayoutSection, AppearanceSection, FillSection, StrokeSection, TypographySection - Shared useNodeProps() composable for update/commit logic - Typography panel: font family picker with search (queryLocalFonts), weight select, font size, line height, letter spacing, text alignment - Font picker shows each family in its own typeface - Loads selected font into both CanvasKit and browser on pick
2026-02-28 06:00:25 +00:00
TypographySection: typeof import('./src/components/properties/TypographySection.vue')['default']
Fix addCollection not triggering reactivity
2026-02-28 22:59:01 +00:00
VariablesDialog: typeof import('./src/components/VariablesDialog.vue')['default']
VariablesSection: typeof import('./src/components/properties/VariablesSection.vue')['default']
Add IconsResolver for auto-import, explicit imports only for dynamic maps
2026-02-28 05:29:39 +00:00
}
}
Reference in a new issue Copy permalink