@techsquidtv/canvas-timeline-renderer

Renderer setup or worker failure details.

Props for the timeline canvas renderer layer.

Diagnostic timing details emitted after a canvas renderer draw pass.

Context passed to a custom canvas layer draw callback.

Imperative handle returned by `useTimelineCanvasLayer`.

Props for the package custom canvas layer component.

Viewport metrics supplied to a custom canvas layer draw callback.

Core rendering theme settings used by the Offscreen Canvas Web Worker to draw the timeline grid.

Toggles optional canvas feedback overlays that may be paired with separate interactive layers.

Options for `useTimelineCanvasLayer`.

Reason the worker rendered a new canvas timeline frame.

Makes every nested property in a type optional.

Draw callback used by custom canvas layers.

Reason a custom canvas layer redraw was requested.

Partial renderer theme overrides merged with the built-in canvas defaults.

Label style used by timeline ruler ticks.

Optional ruler behavior for canvas-painted timeline ticks and labels.

List of aesthetic color presets available for custom clip colors.

Built-in renderer defaults. These values are serializable and safe to send to a Worker.

App-owned canvas layer for drawing custom dense timeline visuals.

Renders the timeline canvas layer using an offscreen worker.

Creates a complete renderer theme from optional nested overrides.

Generates a random color value from the predefined list of aesthetic presets. Used when creating new clips, markers, or dynamic color selections.

Resolves shadcn/CSS custom properties into a serializable renderer theme. CSS is read on the main thread only. The returned object can be passed through postMessage to the worker without the worker touching DOM APIs.

Wires an app-owned canvas to timeline geometry and redraw events. Drawing is imperative and scheduled through requestAnimationFrame so dense visual layers do not push scroll or zoom updates through React state.