openpencil

SemianiakaVY/openpencil

Fork 0

Commit graph

Author	SHA1	Message	Date
Danila Poyarkov	1009d6dc12	Add resize handles, marquee selection, duplicate, constrained drawing - Resize by dragging selection handles (8 positions: corners + edges) - Shift+resize maintains aspect ratio - Marquee selection: drag on empty canvas to select nodes in rectangle - Alt+drag to duplicate and move selected nodes - Cmd+D to duplicate in place (+20px offset) - Cmd+A to select all - Shift+draw constrains to square/circle - Cursor changes to resize arrows on handle hover - Marquee drawn as blue transparent rect with selection stroke	2026-02-27 21:59:36 +03:00
Danila Poyarkov	323a1f90c4	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 21:25:31 +03:00

Author

SHA1

Message

Date

Danila Poyarkov

1009d6dc12

Add resize handles, marquee selection, duplicate, constrained drawing

- Resize by dragging selection handles (8 positions: corners + edges)
- Shift+resize maintains aspect ratio
- Marquee selection: drag on empty canvas to select nodes in rectangle
- Alt+drag to duplicate and move selected nodes
- Cmd+D to duplicate in place (+20px offset)
- Cmd+A to select all
- Shift+draw constrains to square/circle
- Cursor changes to resize arrows on handle hover
- Marquee drawn as blue transparent rect with selection stroke

2026-02-27 21:59:36 +03:00

Danila Poyarkov

323a1f90c4

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 21:25:31 +03:00

2 commits