OpenCut-app/OpenCut v0.1.0

on GitHub

This update represents a major consolidation of the editor architecture, focusing on performance, usability, and standardization.

Assets & Properties Panel

• Overhauled the Properties panel using a new composable Section architecture to replace the rigid property items.
• Introduced NumberField inputs with "scrubbing" (drag to change) and inline math evaluation (e.g., 1920/2) to speed up precision editing.
• Implemented a pro-grade ColorPicker with EyeDropper support, opacity sliders, and multi-format parsing (Hex, RGB, HSL) to fix color management frustrations.
• Standardized all asset sidebars (Media, Stickers, etc.) to use a shared PanelView layout for consistent scrolling and header actions.

Typography Engine

• Replaced the heavy font loading mechanism with a custom "Font Atlas" sprite system.
• Why: Rendering hundreds of font previews previously stalled the browser.
• Result: Instant rendering of 1000+ Google Font previews via AVIF sprites without network waterfalls.
• Added a virtualized FontPicker with search

Stickers & Shapes

• Decoupled the sticker system from Iconify to a provider-based architecture.
• Added native support for Emojis, Country Flags, and Geometric Shapes (Circle, Square, etc.) alongside the existing Icon library.
• Migrated all ID formats to provider:value (e.g., icons:mdi:home, flags:US) to support infinite future providers.

Timeline & Bookmarks

• Upgraded Bookmarks from simple timestamps to "Rich Bookmarks" containing notes, colors, and duration. This turns bookmarks into actual production tools for scene planning.
• Fixed critical Undo/Redo issues with drag-and-drop by moving drop logic to the Command pattern. Dropping assets is now fully undoable.
• Improved Snapping UX: Holding Shift now temporarily disables snapping during moves, resizes, and scrubbing, fixing the issue where elements felt "stuck" to grid lines.

Renderer & Preview

• Rewrote Text Node rendering to support multi-line text, custom line heights, and letter spacing.
• Added TransformHandles and SnapGuides directly to the preview canvas for intuitive element manipulation (resize/rotate) without relying solely on the properties panel.
• Added GlobalCompositeOperation support to render blend modes (Multiply, Screen, Overlay, etc.) for all visual elements.

Infrastructure

• Migrated storage from v3 to v6 to handle the new rich bookmark objects and sticker ID formats.
• Created use-focus-lock and use-paste-media hooks to handle modal accessibility and clipboard pasting (Ctrl+V images/audio directly to timeline).
• Standardized UI component styling (Inputs, Popovers, Context Menus) to fix contrast issues in Dark Mode.