@flighthq/displayobject-canvas 0.1.0

package/dist/canvasBackground.d.ts

@@ -0,0 +1,3 @@
+import type { CanvasRenderState } from '@flighthq/types';
+export declare function renderCanvasBackground(state: CanvasRenderState): void;
+//# sourceMappingURL=canvasBackground.d.ts.map

package/dist/canvasBackground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasBackground.d.ts","sourceRoot":"","sources":["../src/canvasBackground.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAKzD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAgBrE"}

package/dist/canvasBackground.js

@@ -0,0 +1,19 @@
+import { BlendMode } from '@flighthq/types';
+import { getCanvasRenderStateRuntime } from './canvasRenderState';
+export function renderCanvasBackground(state) {
+    // Reset to normal compositing directly. This deliberately bypasses the blend-mode
+    // map so the background path never pulls blend-mode support into the bundle; each
+    // display object re-applies its own mode through state.applyBlendMode when drawn.
+    state.context.globalCompositeOperation = 'source-over';
+    getCanvasRenderStateRuntime(state).currentBlendMode = BlendMode.Normal;
+    state.context.setTransform(1, 0, 0, 1, 0, 0);
+    state.context.globalAlpha = 1;
+    if ((state.backgroundColor & 0xff) !== 0) {
+        state.context.fillStyle = state.backgroundColorString;
+        state.context.fillRect(0, 0, state.canvas.width, state.canvas.height);
+    }
+    else {
+        state.context.clearRect(0, 0, state.canvas.width, state.canvas.height);
+    }
+}
+//# sourceMappingURL=canvasBackground.js.map

package/dist/canvasBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasBackground.js","sourceRoot":"","sources":["../src/canvasBackground.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAElE,MAAM,UAAU,sBAAsB,CAAC,KAAwB;IAC7D,kFAAkF;IAClF,kFAAkF;IAClF,kFAAkF;IAClF,KAAK,CAAC,OAAO,CAAC,wBAAwB,GAAG,aAAa,CAAC;IACvD,2BAA2B,CAAC,KAAK,CAAC,CAAC,gBAAgB,GAAG,SAAS,CAAC,MAAM,CAAC;IAEvE,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7C,KAAK,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC;IAE9B,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACzC,KAAK,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC,qBAAqB,CAAC;QACtD,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACxE,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACzE,CAAC;AACH,CAAC"}

package/dist/canvasBitmap.d.ts

@@ -0,0 +1,4 @@
+import type { CanvasRenderState, DisplayObjectRenderer, RenderProxy2D } from '@flighthq/types';
+export declare function drawCanvasBitmap(state: CanvasRenderState, bitmap: RenderProxy2D): void;
+export declare const defaultCanvasBitmapRenderer: DisplayObjectRenderer;
+//# sourceMappingURL=canvasBitmap.d.ts.map

package/dist/canvasBitmap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasBitmap.d.ts","sourceRoot":"","sources":["../src/canvasBitmap.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAU,iBAAiB,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAKvG,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,aAAa,GAAG,IAAI,CAsCtF;AAED,eAAO,MAAM,2BAA2B,EAAE,qBAGzC,CAAC"}

package/dist/canvasBitmap.js

@@ -0,0 +1,32 @@
+import { noopRendererData } from '@flighthq/render';
+import { drawCanvasDisplayObject } from './canvasDisplayObject';
+import { setCanvasTransform } from './canvasTransform';
+export function drawCanvasBitmap(state, bitmap) {
+    drawCanvasDisplayObject(state, bitmap);
+    const source = bitmap.source;
+    const imageSource = source.data.image;
+    if (imageSource !== null && imageSource.source !== null) {
+        const context = state.context;
+        state.applyBlendMode?.(state, bitmap.blendMode);
+        context.globalAlpha = bitmap.alpha;
+        const sourceRectangle = source.data.sourceRectangle ?? null;
+        setCanvasTransform(state, context, bitmap.transform2D);
+        if (!state.allowSmoothing || !source.data.smoothing) {
+            context.imageSmoothingEnabled = false;
+        }
+        if (sourceRectangle === null) {
+            context.drawImage(imageSource.source, 0, 0, imageSource.width, imageSource.height);
+        }
+        else {
+            context.drawImage(imageSource.source, sourceRectangle.x, sourceRectangle.y, sourceRectangle.width, sourceRectangle.height, 0, 0, sourceRectangle.width, sourceRectangle.height);
+        }
+        if (!state.allowSmoothing || !source.data.smoothing) {
+            context.imageSmoothingEnabled = true;
+        }
+    }
+}
+export const defaultCanvasBitmapRenderer = {
+    createData: noopRendererData,
+    submit: drawCanvasBitmap,
+};
+//# sourceMappingURL=canvasBitmap.js.map

package/dist/canvasBitmap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasBitmap.js","sourceRoot":"","sources":["../src/canvasBitmap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,UAAU,gBAAgB,CAAC,KAAwB,EAAE,MAAqB;IAC9E,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAgB,CAAC;IACvC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACtC,IAAI,WAAW,KAAK,IAAI,IAAI,WAAW,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;QACxD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAE9B,KAAK,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;QAEhD,OAAO,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;QACnC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC;QAE5D,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;QAEvD,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpD,OAAO,CAAC,qBAAqB,GAAG,KAAK,CAAC;QACxC,CAAC;QAED,IAAI,eAAe,KAAK,IAAI,EAAE,CAAC;YAC7B,OAAO,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QACrF,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,SAAS,CACf,WAAW,CAAC,MAAM,EAClB,eAAe,CAAC,CAAC,EACjB,eAAe,CAAC,CAAC,EACjB,eAAe,CAAC,KAAK,EACrB,eAAe,CAAC,MAAM,EACtB,CAAC,EACD,CAAC,EACD,eAAe,CAAC,KAAK,EACrB,eAAe,CAAC,MAAM,CACvB,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpD,OAAO,CAAC,qBAAqB,GAAG,IAAI,CAAC;QACvC,CAAC;IACH,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,2BAA2B,GAA0B;IAChE,UAAU,EAAE,gBAAgB;IAC5B,MAAM,EAAE,gBAAgB;CACzB,CAAC"}

package/dist/canvasCSSFilterBinding.d.ts

@@ -0,0 +1,24 @@
+import type { CanvasRenderState, DisplayObject, RenderProxy2D } from '@flighthq/types';
+/**
+ * Enables CSS filter support for the render state by installing the resolver the
+ * draw loop consults. Bindings made via setCanvasCssFilter only apply once this is
+ * called — mirroring enableCanvasBlendMode and the other opt-ins. Because
+ * the draw loop reaches the resolver only through this field, filter-free states
+ * leave it null and the binding module tree-shakes away entirely.
+ */
+export declare function enableCanvasCssFilter(state: CanvasRenderState): void;
+export declare function getCanvasCssFilter(renderProxy: RenderProxy2D): string | undefined;
+/**
+ * Returns the CSS filter to draw renderProxy with, or null when none is bound.
+ * Installed as state.canvasCssFilterResolver by enableCanvasCssFilter.
+ */
+export declare function resolveCanvasCssFilter(_state: CanvasRenderState, renderProxy: RenderProxy2D): string | null;
+/**
+ * Binds a CSS filter string (e.g. "blur(4px)") to a display object for the given
+ * canvas render state, or clears it when filter is null. The binding lives on the
+ * render state side, not the scene graph, so the same display object can carry a
+ * different filter (or none) in different render states. The filter is applied via
+ * `context.filter` around the object's own draw.
+ */
+export declare function setCanvasCssFilter(state: CanvasRenderState, node: DisplayObject, filter: string | null): void;
+//# sourceMappingURL=canvasCSSFilterBinding.d.ts.map

package/dist/canvasCSSFilterBinding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasCSSFilterBinding.d.ts","sourceRoot":"","sources":["../src/canvasCSSFilterBinding.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AASvF;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAEpE;AAED,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,aAAa,GAAG,MAAM,GAAG,SAAS,CAEjF;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,iBAAiB,EAAE,WAAW,EAAE,aAAa,GAAG,MAAM,GAAG,IAAI,CAE3G;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAO7G"}

package/dist/canvasCSSFilterBinding.js

@@ -0,0 +1,43 @@
+import { getOrCreateRenderProxy2D } from '@flighthq/render';
+// Per-state canvas CSS filter bindings, keyed by the render node. Render nodes are
+// per-state (state.renderProxyMap), so a module-level map keyed by render node is
+// automatically isolated per state — a filter set for one render state is
+// invisible to any other state that renders the same display object. This mirrors
+// the per-state Gl shader bindings.
+const _cssFilterBindings = new WeakMap();
+/**
+ * Enables CSS filter support for the render state by installing the resolver the
+ * draw loop consults. Bindings made via setCanvasCssFilter only apply once this is
+ * called — mirroring enableCanvasBlendMode and the other opt-ins. Because
+ * the draw loop reaches the resolver only through this field, filter-free states
+ * leave it null and the binding module tree-shakes away entirely.
+ */
+export function enableCanvasCssFilter(state) {
+    state.canvasCssFilterResolver = resolveCanvasCssFilter;
+}
+export function getCanvasCssFilter(renderProxy) {
+    return _cssFilterBindings.get(renderProxy);
+}
+/**
+ * Returns the CSS filter to draw renderProxy with, or null when none is bound.
+ * Installed as state.canvasCssFilterResolver by enableCanvasCssFilter.
+ */
+export function resolveCanvasCssFilter(_state, renderProxy) {
+    return _cssFilterBindings.get(renderProxy) ?? null;
+}
+/**
+ * Binds a CSS filter string (e.g. "blur(4px)") to a display object for the given
+ * canvas render state, or clears it when filter is null. The binding lives on the
+ * render state side, not the scene graph, so the same display object can carry a
+ * different filter (or none) in different render states. The filter is applied via
+ * `context.filter` around the object's own draw.
+ */
+export function setCanvasCssFilter(state, node, filter) {
+    const renderProxy = getOrCreateRenderProxy2D(state, node);
+    if (filter === null) {
+        _cssFilterBindings.delete(renderProxy);
+        return;
+    }
+    _cssFilterBindings.set(renderProxy, filter);
+}
+//# sourceMappingURL=canvasCSSFilterBinding.js.map

package/dist/canvasCSSFilterBinding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasCSSFilterBinding.js","sourceRoot":"","sources":["../src/canvasCSSFilterBinding.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,mFAAmF;AACnF,kFAAkF;AAClF,0EAA0E;AAC1E,kFAAkF;AAClF,oCAAoC;AACpC,MAAM,kBAAkB,GAAG,IAAI,OAAO,EAAyB,CAAC;AAEhE;;;;;;GAMG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAwB;IAC5D,KAAK,CAAC,uBAAuB,GAAG,sBAAsB,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,WAA0B;IAC3D,OAAO,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;AAC7C,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,sBAAsB,CAAC,MAAyB,EAAE,WAA0B;IAC1F,OAAO,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC;AACrD,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAwB,EAAE,IAAmB,EAAE,MAAqB;IACrG,MAAM,WAAW,GAAG,wBAAwB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC1D,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACpB,kBAAkB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACvC,OAAO;IACT,CAAC;IACD,kBAAkB,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;AAC9C,CAAC"}

package/dist/canvasCache.d.ts

@@ -0,0 +1,33 @@
+import type { CanvasRenderState, CanvasRenderTarget, DisplayObject, DisplayObjectRenderer, RenderCache, RenderCacheRefreshOptions, RenderState } from '@flighthq/types';
+/**
+ * Creates a dedicated offscreen render state for baking render caches consumed by
+ * `screenState`. It copies the screen state's renderers and propagates the settings that
+ * affect rendering (pixel ratio, sync policy, rounding, smoothing, appearance hooks) so a
+ * baked subtree looks the same offscreen as it would on screen — but keeps its own render
+ * node map, adapter map, and frame counter, so baking never touches the screen state.
+ */
+export declare function createCanvasCacheState(screenState: CanvasRenderState): CanvasRenderState;
+export declare function destroyCanvasRenderCacheTarget(state: CanvasRenderState, cache: RenderCache): void;
+export declare function enableCanvasRenderCache(state: RenderState): void;
+/**
+ * Allocates or resizes the render target `screenState` composites for `cache`, returning it
+ * so a caller can draw custom content into `target.context` directly (for example a filtered
+ * image). For engine-baked content prefer refreshCanvasRenderCache.
+ */
+export declare function ensureCanvasRenderCacheTarget(state: CanvasRenderState, cache: RenderCache, width: number, height: number): CanvasRenderTarget;
+export declare function getCanvasRenderCacheTarget(state: CanvasRenderState, cache: RenderCache): CanvasRenderTarget | null;
+/**
+ * Bakes `source`'s subtree into its cache target using the offscreen `cacheState`, then
+ * records the transform that places the result back in scene space. The bake runs on the
+ * offscreen state, so it neither substitutes the cache into itself nor disturbs the screen
+ * state's render nodes — no adapter suppression needed.
+ *
+ * Returns whether a bake actually happened: the offscreen state's own dirtiness decides it
+ * (honoring its sceneGraphSyncPolicy), so this is cheap to call every frame — it redraws only
+ * when the subtree changed or the target was resized. The target is owned by the screen state
+ * (keyed by the handle), never by the handle, so one handle can be composited by several states.
+ */
+export declare function refreshCanvasRenderCache(cacheState: CanvasRenderState, cache: RenderCache, source: DisplayObject, options?: Readonly<RenderCacheRefreshOptions>): boolean;
+export declare function releaseCanvasRenderCache(state: CanvasRenderState, cache: RenderCache): void;
+export declare const defaultCanvasRenderCacheRenderer: DisplayObjectRenderer;
+//# sourceMappingURL=canvasCache.d.ts.map

package/dist/canvasCache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasCache.d.ts","sourceRoot":"","sources":["../src/canvasCache.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,qBAAqB,EAErB,WAAW,EACX,yBAAyB,EAEzB,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAezB;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,iBAAiB,GAAG,iBAAiB,CAYxF;AAED,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,GAAG,IAAI,CAcjG;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAEhE;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,kBAAkB,CAUpB;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,GAAG,kBAAkB,GAAG,IAAI,CAElH;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,iBAAiB,EAC7B,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,QAAQ,CAAC,yBAAyB,CAAC,GAC5C,OAAO,CAgCT;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,GAAG,IAAI,CAG3F;AAuBD,eAAO,MAAM,gCAAgC,EAAE,qBAG9C,CAAC"}

package/dist/canvasCache.js

@@ -0,0 +1,141 @@
+import { copyMatrix, createMatrix, createRectangle } from '@flighthq/geometry';
+import { computeNodeBoundsRectangle } from '@flighthq/node';
+import { computeDisplayObjectRenderTargetTransform, computeRenderCacheTransform, computeRenderTargetSize, copyAllRenderersFromRenderState, getRenderProxyCache, noopRendererData, prepareDisplayObjectRender, registerRenderCacheRenderer, } from '@flighthq/render';
+import { renderCanvasDisplayObject } from './canvasDisplayObject';
+import { createCanvasRenderState, getCanvasRenderStateRuntime } from './canvasRenderState';
+import { createCanvasRenderTarget, resizeCanvasRenderTarget } from './canvasRenderTarget';
+import { setCanvasTransform } from './canvasTransform';
+/**
+ * Creates a dedicated offscreen render state for baking render caches consumed by
+ * `screenState`. It copies the screen state's renderers and propagates the settings that
+ * affect rendering (pixel ratio, sync policy, rounding, smoothing, appearance hooks) so a
+ * baked subtree looks the same offscreen as it would on screen — but keeps its own render
+ * node map, adapter map, and frame counter, so baking never touches the screen state.
+ */
+export function createCanvasCacheState(screenState) {
+    const screen = getCanvasRenderStateRuntime(screenState);
+    const cacheState = createCanvasRenderState(document.createElement('canvas'), {
+        imageSmoothingEnabled: screen.imageSmoothingEnabled,
+        imageSmoothingQuality: screen.imageSmoothingQuality,
+        pixelRatio: screenState.pixelRatio,
+        roundPixels: screenState.roundPixels,
+        sceneGraphSyncPolicy: screenState.sceneGraphSyncPolicy,
+    });
+    copyAllRenderersFromRenderState(cacheState, screenState);
+    _cacheStateScreen.set(cacheState, screenState);
+    return cacheState;
+}
+export function destroyCanvasRenderCacheTarget(state, cache) {
+    // Explicitly collapses the offscreen canvas backing this cache's render target so the browser
+    // can reclaim its compositor/GPU memory immediately, rather than waiting for GC. After calling
+    // this, the target is invalid. For a plain slot-release without destroying the backing store,
+    // use releaseCanvasRenderCache instead.
+    const targets = getTargets(state);
+    const target = targets.get(cache);
+    if (target !== undefined) {
+        target.canvas.width = 0;
+        target.canvas.height = 0;
+        target.width = 0;
+        target.height = 0;
+        targets.delete(cache);
+    }
+}
+export function enableCanvasRenderCache(state) {
+    registerRenderCacheRenderer(state, defaultCanvasRenderCacheRenderer);
+}
+/**
+ * Allocates or resizes the render target `screenState` composites for `cache`, returning it
+ * so a caller can draw custom content into `target.context` directly (for example a filtered
+ * image). For engine-baked content prefer refreshCanvasRenderCache.
+ */
+export function ensureCanvasRenderCacheTarget(state, cache, width, height) {
+    const targets = getTargets(state);
+    let target = targets.get(cache);
+    if (target === undefined) {
+        target = createCanvasRenderTarget(width, height);
+        targets.set(cache, target);
+    }
+    else {
+        resizeCanvasRenderTarget(target, width, height);
+    }
+    return target;
+}
+export function getCanvasRenderCacheTarget(state, cache) {
+    return getTargets(state).get(cache) ?? null;
+}
+/**
+ * Bakes `source`'s subtree into its cache target using the offscreen `cacheState`, then
+ * records the transform that places the result back in scene space. The bake runs on the
+ * offscreen state, so it neither substitutes the cache into itself nor disturbs the screen
+ * state's render nodes — no adapter suppression needed.
+ *
+ * Returns whether a bake actually happened: the offscreen state's own dirtiness decides it
+ * (honoring its sceneGraphSyncPolicy), so this is cheap to call every frame — it redraws only
+ * when the subtree changed or the target was resized. The target is owned by the screen state
+ * (keyed by the handle), never by the handle, so one handle can be composited by several states.
+ */
+export function refreshCanvasRenderCache(cacheState, cache, source, options) {
+    const screenState = _cacheStateScreen.get(cacheState) ?? cacheState;
+    const padding = options?.padding ?? 0;
+    const minWidth = options?.minWidth ?? 1;
+    const minHeight = options?.minHeight ?? 1;
+    computeNodeBoundsRectangle(_bounds, source, source);
+    const { width, height } = computeRenderTargetSize(_bounds, padding, minWidth, minHeight);
+    const existing = getCanvasRenderCacheTarget(screenState, cache);
+    // A canvas resize clears its pixels, so a resized target must be redrawn even if the
+    // subtree itself is unchanged.
+    const resized = existing === null || existing.width !== width || existing.height !== height;
+    const target = ensureCanvasRenderCacheTarget(screenState, cache, width, height);
+    computeDisplayObjectRenderTargetTransform(_renderTransform, source, _bounds, padding, padding);
+    computeRenderCacheTransform(cache.transform, _bounds, padding, padding);
+    const handles = cacheState;
+    const runtime = getCanvasRenderStateRuntime(cacheState);
+    handles.canvas = target.canvas;
+    handles.context = target.context;
+    handles.context.imageSmoothingEnabled = runtime.imageSmoothingEnabled;
+    handles.context.imageSmoothingQuality = runtime.imageSmoothingQuality;
+    copyMatrix(handles.renderTransform2D, _renderTransform);
+    const dirty = prepareDisplayObjectRender(cacheState, source);
+    if (dirty || resized) {
+        handles.context.clearRect(0, 0, target.canvas.width, target.canvas.height);
+        renderCanvasDisplayObject(cacheState, source);
+    }
+    return dirty || resized;
+}
+export function releaseCanvasRenderCache(state, cache) {
+    // A CanvasRenderTarget holds no GPU handle; dropping the reference is enough to free it.
+    getTargets(state).delete(cache);
+}
+function drawCanvasRenderCache(state, renderProxy) {
+    const cache = getRenderProxyCache(state, renderProxy.source);
+    if (cache === null)
+        return;
+    const canvasState = state;
+    const target = getTargets(canvasState).get(cache);
+    if (target === undefined)
+        return;
+    // renderProxy.transform2D already carries the cache placement transform (folded in by the
+    // adapter), so the cached canvas composites at the origin.
+    setCanvasTransform(canvasState, canvasState.context, renderProxy.transform2D);
+    canvasState.context.drawImage(target.canvas, 0, 0);
+}
+function getTargets(state) {
+    let targets = _renderCacheTargets.get(state);
+    if (targets === undefined) {
+        targets = new WeakMap();
+        _renderCacheTargets.set(state, targets);
+    }
+    return targets;
+}
+export const defaultCanvasRenderCacheRenderer = {
+    createData: noopRendererData,
+    submit: drawCanvasRenderCache,
+};
+// The screen state owns each cache's target, keyed by the handle, so one handle can be
+// composited by several states without the handle carrying a backend resource.
+const _renderCacheTargets = new WeakMap();
+// Links an offscreen cache state back to the screen state whose targets it bakes into.
+const _cacheStateScreen = new WeakMap();
+const _bounds = createRectangle();
+const _renderTransform = createMatrix();
+//# sourceMappingURL=canvasCache.js.map

package/dist/canvasCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasCache.js","sourceRoot":"","sources":["../src/canvasCache.ts"],"names":[],"mappings":"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"}

package/dist/canvasClip.d.ts

@@ -0,0 +1,3 @@
+import type { CanvasRenderState } from '@flighthq/types';
+export declare function enableCanvasClip(state: CanvasRenderState): void;
+//# sourceMappingURL=canvasClip.d.ts.map

package/dist/canvasClip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasClip.d.ts","sourceRoot":"","sources":["../src/canvasClip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EAKlB,MAAM,iBAAiB,CAAC;AAOzB,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAE/D"}

package/dist/canvasClip.js

@@ -0,0 +1,38 @@
+import { popCanvasClipRectangle, pushCanvasClipContours, pushCanvasClipRectangle } from './canvasClipRectangle';
+// Masks RETIRED — a former mask is a path ClipRegion. Canvas realizes both clip forms with the native
+// context clip (rect path or contour path), so push/pop is a uniform ctx.save()/ctx.restore() bracket
+// and pop needs no per-form dispatch.
+export function enableCanvasClip(state) {
+    state.displayObjectClipHooks = canvasClipHooks;
+}
+const canvasClipHooks = {
+    finalize(state) {
+        const s = state;
+        while (s.currentClipDepth > 0) {
+            popCanvasClipRectangle(s);
+            s.currentClipDepth--;
+        }
+    },
+    popClip(state, data, source) {
+        const s = state;
+        const target = data.clipDepth - (source.clip != null ? 1 : 0);
+        while (s.currentClipDepth > target) {
+            popCanvasClipRectangle(s);
+            s.currentClipDepth--;
+        }
+    },
+    pushClip(state, data, source) {
+        const s = state;
+        const clip = source.clip;
+        if (clip === null)
+            return;
+        if (clip.contours === null) {
+            pushCanvasClipRectangle(s, clip.rect, data.transform2D);
+        }
+        else {
+            pushCanvasClipContours(s, clip.contours, clip.winding, data.transform2D);
+        }
+        s.currentClipDepth++;
+    },
+};
+//# sourceMappingURL=canvasClip.js.map

package/dist/canvasClip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasClip.js","sourceRoot":"","sources":["../src/canvasClip.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAEhH,sGAAsG;AACtG,sGAAsG;AACtG,sCAAsC;AACtC,MAAM,UAAU,gBAAgB,CAAC,KAAwB;IACvD,KAAK,CAAC,sBAAsB,GAAG,eAAe,CAAC;AACjD,CAAC;AAED,MAAM,eAAe,GAA2B;IAC9C,QAAQ,CAAC,KAAkB;QACzB,MAAM,CAAC,GAAG,KAA0B,CAAC;QACrC,OAAO,CAAC,CAAC,gBAAgB,GAAG,CAAC,EAAE,CAAC;YAC9B,sBAAsB,CAAC,CAAC,CAAC,CAAC;YAC1B,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IACD,OAAO,CAAC,KAAkB,EAAE,IAAmB,EAAE,MAAqB;QACpE,MAAM,CAAC,GAAG,KAA0B,CAAC;QACrC,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,GAAG,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9D,OAAO,CAAC,CAAC,gBAAgB,GAAG,MAAM,EAAE,CAAC;YACnC,sBAAsB,CAAC,CAAC,CAAC,CAAC;YAC1B,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IACD,QAAQ,CAAC,KAAkB,EAAE,IAAmB,EAAE,MAAqB;QACrE,MAAM,CAAC,GAAG,KAA0B,CAAC;QACrC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACzB,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO;QAC1B,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE,CAAC;YAC3B,uBAAuB,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC1D,CAAC;aAAM,CAAC;YACN,sBAAsB,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC3E,CAAC;QACD,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACvB,CAAC;CACF,CAAC"}

package/dist/canvasClipRectangle.d.ts

@@ -0,0 +1,5 @@
+import type { CanvasRenderState, Matrix, PathWinding, RectangleLike } from '@flighthq/types';
+export declare function popCanvasClipRectangle(state: CanvasRenderState): void;
+export declare function pushCanvasClipContours(state: CanvasRenderState, contours: readonly (readonly number[])[], winding: PathWinding, transform: Matrix): void;
+export declare function pushCanvasClipRectangle(state: CanvasRenderState, rect: Readonly<RectangleLike>, transform: Matrix): void;
+//# sourceMappingURL=canvasClipRectangle.d.ts.map

package/dist/canvasClipRectangle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasClipRectangle.d.ts","sourceRoot":"","sources":["../src/canvasClipRectangle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAI7F,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAErE;AAKD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAE,SAAS,CAAC,SAAS,MAAM,EAAE,CAAC,EAAE,EACxC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,GAChB,IAAI,CAgBN;AAED,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,iBAAiB,EACxB,IAAI,EAAE,QAAQ,CAAC,aAAa,CAAC,EAC7B,SAAS,EAAE,MAAM,GAChB,IAAI,CAQN"}

package/dist/canvasClipRectangle.js

@@ -0,0 +1,31 @@
+import { setCanvasTransform } from './canvasTransform';
+export function popCanvasClipRectangle(state) {
+    state.context.restore();
+}
+// Clips the context to arbitrary flattened contours (a path clip) under the given transform, using the
+// native canvas clip — crisp at any zoom, no resolution-bound texture. Paired with popCanvasClipRectangle
+// (a context save/restore bracket, like the rectangle clip). Empty contours leave the context unclipped.
+export function pushCanvasClipContours(state, contours, winding, transform) {
+    state.context.save();
+    setCanvasTransform(state, state.context, transform);
+    state.context.beginPath();
+    for (let c = 0; c < contours.length; c++) {
+        const contour = contours[c];
+        if (contour.length < 2)
+            continue;
+        state.context.moveTo(contour[0], contour[1]);
+        for (let i = 2; i < contour.length; i += 2) {
+            state.context.lineTo(contour[i], contour[i + 1]);
+        }
+        state.context.closePath();
+    }
+    state.context.clip(winding === 'evenOdd' ? 'evenodd' : 'nonzero');
+}
+export function pushCanvasClipRectangle(state, rect, transform) {
+    state.context.save();
+    setCanvasTransform(state, state.context, transform);
+    state.context.beginPath();
+    state.context.rect(rect.x, rect.y, rect.width, rect.height);
+    state.context.clip();
+}
+//# sourceMappingURL=canvasClipRectangle.js.map

package/dist/canvasClipRectangle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasClipRectangle.js","sourceRoot":"","sources":["../src/canvasClipRectangle.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,UAAU,sBAAsB,CAAC,KAAwB;IAC7D,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;AAC1B,CAAC;AAED,uGAAuG;AACvG,0GAA0G;AAC1G,yGAAyG;AACzG,MAAM,UAAU,sBAAsB,CACpC,KAAwB,EACxB,QAAwC,EACxC,OAAoB,EACpB,SAAiB;IAEjB,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IAErB,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAEpD,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;IAC1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC5B,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;YAAE,SAAS;QACjC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3C,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACnD,CAAC;QACD,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;IAC5B,CAAC;IACD,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AACpE,CAAC;AAED,MAAM,UAAU,uBAAuB,CACrC,KAAwB,EACxB,IAA6B,EAC7B,SAAiB;IAEjB,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IAErB,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAEpD,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;IAC1B,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC5D,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;AACvB,CAAC"}

package/dist/canvasDisplayObject.d.ts

@@ -0,0 +1,5 @@
+import type { CanvasRenderState, DisplayObject, DisplayObjectRenderer, RenderProxy2D } from '@flighthq/types';
+export declare function drawCanvasDisplayObject(_state: CanvasRenderState, _renderProxy: RenderProxy2D): void;
+export declare const defaultCanvasDisplayObjectRenderer: DisplayObjectRenderer;
+export declare function renderCanvasDisplayObject(state: CanvasRenderState, source: DisplayObject): void;
+//# sourceMappingURL=canvasDisplayObject.d.ts.map

package/dist/canvasDisplayObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasDisplayObject.d.ts","sourceRoot":"","sources":["../src/canvasDisplayObject.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAK9G,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,GAAG,IAAI,CAEpG;AAED,eAAO,MAAM,kCAAkC,EAAE,qBAGhD,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,aAAa,GAAG,IAAI,CAmC/F"}

package/dist/canvasDisplayObject.js

@@ -0,0 +1,46 @@
+import { getDisplayObjectRuntime } from '@flighthq/displayobject';
+import { getRenderProxy2D, isRenderProxyVisible, noopRendererData } from '@flighthq/render';
+import { resolveCanvasCssFilter } from './canvasCSSFilterBinding';
+import { getCanvasRenderStateRuntime } from './canvasRenderState';
+export function drawCanvasDisplayObject(_state, _renderProxy) {
+    // Plain display objects have no visual geometry of their own.
+}
+export const defaultCanvasDisplayObjectRenderer = {
+    createData: noopRendererData,
+    submit: drawCanvasDisplayObject,
+};
+export function renderCanvasDisplayObject(state, source) {
+    const tempStack = getCanvasRenderStateRuntime(state).tempStack;
+    const clipHooks = state.displayObjectClipHooks;
+    let stackLength = 1;
+    tempStack[0] = source;
+    while (stackLength > 0) {
+        const current = tempStack[--stackLength];
+        if (!current.enabled)
+            continue;
+        const data = getRenderProxy2D(state, current);
+        if (data === undefined)
+            continue;
+        clipHooks?.popClip(state, data, current);
+        if (!isRenderProxyVisible(data))
+            continue;
+        clipHooks?.pushClip(state, data, current);
+        const filter = resolveCanvasCssFilter(state, data);
+        if (filter !== null)
+            state.context.filter = filter;
+        if (data.renderer !== null)
+            data.renderer.submit(state, data);
+        if (filter !== null)
+            state.context.filter = 'none';
+        if (data.traverseChildren) {
+            const children = getDisplayObjectRuntime(current).children;
+            if (children !== null) {
+                for (let i = children.length - 1; i >= 0; i--) {
+                    tempStack[stackLength++] = children[i];
+                }
+            }
+        }
+    }
+    clipHooks?.finalize(state);
+}
+//# sourceMappingURL=canvasDisplayObject.js.map

package/dist/canvasDisplayObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasDisplayObject.js","sourceRoot":"","sources":["../src/canvasDisplayObject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAG5F,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAElE,MAAM,UAAU,uBAAuB,CAAC,MAAyB,EAAE,YAA2B;IAC5F,8DAA8D;AAChE,CAAC;AAED,MAAM,CAAC,MAAM,kCAAkC,GAA0B;IACvE,UAAU,EAAE,gBAAgB;IAC5B,MAAM,EAAE,uBAAuB;CAChC,CAAC;AAEF,MAAM,UAAU,yBAAyB,CAAC,KAAwB,EAAE,MAAqB;IACvF,MAAM,SAAS,GAAG,2BAA2B,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC;IAC/D,MAAM,SAAS,GAAG,KAAK,CAAC,sBAAsB,CAAC;IAE/C,IAAI,WAAW,GAAG,CAAC,CAAC;IACpB,SAAS,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;IAEtB,OAAO,WAAW,GAAG,CAAC,EAAE,CAAC;QACvB,MAAM,OAAO,GAAG,SAAS,CAAC,EAAE,WAAW,CAAkB,CAAC;QAC1D,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,SAAS;QAE/B,MAAM,IAAI,GAAG,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAC9C,IAAI,IAAI,KAAK,SAAS;YAAE,SAAS;QAEjC,SAAS,EAAE,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QAEzC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC;YAAE,SAAS;QAE1C,SAAS,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QAE1C,MAAM,MAAM,GAAG,sBAAsB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACnD,IAAI,MAAM,KAAK,IAAI;YAAE,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;QACnD,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI;YAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC9D,IAAI,MAAM,KAAK,IAAI;YAAE,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;QACnD,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,MAAM,QAAQ,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;YAC3D,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;gBACtB,KAAK,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;oBAC9C,SAAS,CAAC,WAAW,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAkB,CAAC;gBAC1D,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC7B,CAAC"}

package/dist/canvasElement.d.ts

@@ -0,0 +1,2 @@
+export declare function createCanvasElement(width: number, height: number, pixelRatio?: number): HTMLCanvasElement;
+//# sourceMappingURL=canvasElement.d.ts.map

package/dist/canvasElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasElement.d.ts","sourceRoot":"","sources":["../src/canvasElement.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,GAAE,MAAU,GAAG,iBAAiB,CAO5G"}

package/dist/canvasElement.js

@@ -0,0 +1,9 @@
+export function createCanvasElement(width, height, pixelRatio = 1) {
+    const canvas = document.createElement('canvas');
+    canvas.style.width = `${width}px`;
+    canvas.style.height = `${height}px`;
+    canvas.width = width * pixelRatio;
+    canvas.height = height * pixelRatio;
+    return canvas;
+}
+//# sourceMappingURL=canvasElement.js.map

package/dist/canvasElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasElement.js","sourceRoot":"","sources":["../src/canvasElement.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CAAC,KAAa,EAAE,MAAc,EAAE,aAAqB,CAAC;IACvF,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;IACpC,MAAM,CAAC,KAAK,GAAG,KAAK,GAAG,UAAU,CAAC;IAClC,MAAM,CAAC,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACpC,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/canvasFillPattern.d.ts

@@ -0,0 +1,4 @@
+import type { GradientType, ImageResource, InterpolationMethod, Matrix, SpreadMethod } from '@flighthq/types';
+export declare function createBitmapPattern(context: CanvasRenderingContext2D, bitmap: ImageResource, repeat: boolean, smooth?: boolean): CanvasPattern | null;
+export declare function createGradientPattern(context: CanvasRenderingContext2D, gradientType: GradientType, colors: number[], alphas: number[], ratios: number[], m: Matrix | null, spreadMethod: SpreadMethod, _interpolationMethod: InterpolationMethod, focalPointRatio: number): CanvasPattern | CanvasGradient | null;
+//# sourceMappingURL=canvasFillPattern.d.ts.map

package/dist/canvasFillPattern.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasFillPattern.d.ts","sourceRoot":"","sources":["../src/canvasFillPattern.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,MAAM,EAEN,YAAY,EACb,MAAM,iBAAiB,CAAC;AAKzB,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,wBAAwB,EACjC,MAAM,EAAE,aAAa,EACrB,MAAM,EAAE,OAAO,EACf,MAAM,UAAQ,GACb,aAAa,GAAG,IAAI,CAItB;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,wBAAwB,EACjC,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EAAE,EAChB,MAAM,EAAE,MAAM,EAAE,EAChB,MAAM,EAAE,MAAM,EAAE,EAChB,CAAC,EAAE,MAAM,GAAG,IAAI,EAChB,YAAY,EAAE,YAAY,EAC1B,oBAAoB,EAAE,mBAAmB,EACzC,eAAe,EAAE,MAAM,GACtB,aAAa,GAAG,cAAc,GAAG,IAAI,CAOvC"}