What’s New

OpenCut v0.1.0

v0.1.0
Added
  • Introduced NumberField inputs with scrubbing and inline math evaluation for precision editing
  • Implemented ColorPicker with EyeDropper support, opacity sliders, and multi-format parsing (Hex, RGB, HSL)
  • Added a virtualized FontPicker with search
  • Added native support for Emojis, Country Flags, and Geometric Shapes alongside the existing Icon library
  • Added TransformHandles and SnapGuides directly to the preview canvas for intuitive element manipulation
  • Added GlobalCompositeOperation support to render blend modes (Multiply, Screen, Overlay, etc.) for all visual elements
  • Created use-focus-lock and use-paste-media hooks to handle modal accessibility and clipboard pasting of images and audio to timeline
Changed
  • Overhauled the Properties panel using a new composable Section architecture to replace rigid property items
  • Standardized all asset sidebars to use a shared PanelView layout for consistent scrolling and header actions
  • Replaced the font loading mechanism with a custom Font Atlas sprite system for instant rendering of 1000+ Google Font previews
  • Decoupled the sticker system from Iconify to a provider-based architecture
  • Migrated all ID formats to provider:value format (e.g., icons:mdi:home, flags:US) to support infinite future providers
  • Upgraded Bookmarks to Rich Bookmarks containing notes, colors, and duration for scene planning
  • Improved Snapping UX by allowing Shift key to temporarily disable snapping during moves, resizes, and scrubbing
  • Rewrote Text Node rendering to support multi-line text, custom line heights, and letter spacing
  • Migrated storage from v3 to v6 to handle new rich bookmark objects and sticker ID formats
Fixed
  • Fixed critical Undo/Redo issues with drag-and-drop by moving drop logic to the Command pattern
  • Standardized UI component styling (Inputs, Popovers, Context Menus) to fix contrast issues in Dark Mode

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.
View original