@flighthq/scene2d-dom 0.2.1-next.840.857425c

package/dist/domHtmlView.js

@@ -0,0 +1,28 @@
+import { noopRendererData } from '@flighthq/render';
+import { setDomRendererElement } from './domStyle';
+import { setDomTransform } from './domTransform';
+export function drawDomHtmlView(state, renderProxy) {
+    const source = renderProxy.source;
+    const data = source.data;
+    const element = data.element;
+    if (element === null)
+        return;
+    if (element.style.position !== 'absolute') {
+        element.style.left = '0';
+        element.style.overflow = 'hidden';
+        element.style.position = 'absolute';
+        element.style.top = '0';
+        element.style.transformOrigin = '0 0';
+    }
+    element.style.width = `${data.width}px`;
+    element.style.height = `${data.height}px`;
+    setDomTransform(element, renderProxy.transform2D, state.roundPixels);
+    element.style.opacity = renderProxy.alpha < 1 ? String(renderProxy.alpha) : '';
+    state.applyBlendMode?.(element, renderProxy.blendMode);
+    setDomRendererElement(state, element);
+}
+export const defaultHtmlViewRenderer = {
+    createData: noopRendererData,
+    submit: drawDomHtmlView,
+};
+//# sourceMappingURL=domHtmlView.js.map

package/dist/domHtmlView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domHtmlView.js","sourceRoot":"","sources":["../src/domHtmlView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,UAAU,eAAe,CAAC,KAAqB,EAAE,WAA0B;IAC/E,MAAM,MAAM,GAAG,WAAW,CAAC,MAAkB,CAAC;IAC9C,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;IACzB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;IAC7B,IAAI,OAAO,KAAK,IAAI;QAAE,OAAO;IAE7B,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC1C,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;QACzB,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAClC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACpC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QACxB,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC;IACxC,CAAC;IAED,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;IAC1C,eAAe,CAAC,OAAO,EAAE,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IACrE,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/E,KAAK,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAEvD,qBAAqB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAoB;IACtD,UAAU,EAAE,gBAAgB;IAC5B,MAAM,EAAE,eAAe;CACxB,CAAC"}

package/dist/domImageSource.d.ts

@@ -0,0 +1,4 @@
+import type { DomImageSourceKind, DomRenderState, ImageResource } from '@flighthq/types';
+export declare function explainDomImageSource(image: Readonly<ImageResource>): DomImageSourceKind;
+export declare function resolveDomImageSource(state: DomRenderState, image: Readonly<ImageResource>): CanvasImageSource | null;
+//# sourceMappingURL=domImageSource.d.ts.map

package/dist/domImageSource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domImageSource.d.ts","sourceRoot":"","sources":["../src/domImageSource.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAKzF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,kBAAkB,CAIxF;AAQD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,iBAAiB,GAAG,IAAI,CAkBrH"}

package/dist/domImageSource.js

@@ -0,0 +1,36 @@
+import { createCanvasFromImageResource } from '@flighthq/image';
+import { getDomRenderStateRuntime } from './domRenderState';
+// Reports how a resource resolves on the DOM backend without materializing anything.
+export function explainDomImageSource(image) {
+    if (image.source !== null)
+        return 'element';
+    if (image.data !== null)
+        return 'data';
+    return 'none';
+}
+// Resolves a (possibly data-only) ImageResource to a CanvasImageSource the DOM bitmap path can draw
+// into its per-node canvas. An element-backed resource returns its host `source` directly; a data-only
+// Surface materializes an HTMLCanvasElement from its pixels and caches it per render state, rebuilding
+// only on a `version` bump. The DOM twin of resolveCanvasImageSource — same renderer-owned,
+// version-keyed derived cache, never written back onto the shared resource. Returns null when the
+// resource has neither pixel form.
+export function resolveDomImageSource(state, image) {
+    if (image.source !== null)
+        return image.source;
+    if (image.data === null)
+        return null;
+    const runtime = getDomRenderStateRuntime(state);
+    let cache = runtime.imageResourceElementCache;
+    if (cache === undefined) {
+        cache = new WeakMap();
+        runtime.imageResourceElementCache = cache;
+    }
+    let entry = cache.get(image);
+    if (entry === undefined || entry.version !== image.version) {
+        // data is non-null here, so the transcode never returns null.
+        entry = { element: createCanvasFromImageResource(image), version: image.version };
+        cache.set(image, entry);
+    }
+    return entry.element;
+}
+//# sourceMappingURL=domImageSource.js.map

package/dist/domImageSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domImageSource.js","sourceRoot":"","sources":["../src/domImageSource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,iBAAiB,CAAC;AAGhE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,qFAAqF;AACrF,MAAM,UAAU,qBAAqB,CAAC,KAA8B;IAClE,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI;QAAE,OAAO,SAAS,CAAC;IAC5C,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI;QAAE,OAAO,MAAM,CAAC;IACvC,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,oGAAoG;AACpG,uGAAuG;AACvG,uGAAuG;AACvG,4FAA4F;AAC5F,kGAAkG;AAClG,mCAAmC;AACnC,MAAM,UAAU,qBAAqB,CAAC,KAAqB,EAAE,KAA8B;IACzF,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI;QAAE,OAAO,KAAK,CAAC,MAAM,CAAC;IAC/C,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAErC,MAAM,OAAO,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAChD,IAAI,KAAK,GAAG,OAAO,CAAC,yBAAyB,CAAC;IAC9C,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,KAAK,GAAG,IAAI,OAAO,EAAE,CAAC;QACtB,OAAO,CAAC,yBAAyB,GAAG,KAAK,CAAC;IAC5C,CAAC;IAED,IAAI,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,KAAK,KAAK,CAAC,OAAO,EAAE,CAAC;QAC3D,8DAA8D;QAC9D,KAAK,GAAG,EAAE,OAAO,EAAE,6BAA6B,CAAC,KAAK,CAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;QACnF,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO,KAAK,CAAC,OAAO,CAAC;AACvB,CAAC"}

package/dist/domMaterials.d.ts

@@ -0,0 +1,15 @@
+import type { DomBlendModeFidelity, DomRenderState } from '@flighthq/types';
+import { BlendMode } from '@flighthq/types';
+export declare function applyDomBlendMode(element: HTMLElement, value: BlendMode | null): void;
+export declare function enableDomBlendModeSupport(state: DomRenderState): void;
+/**
+ * Returns the fidelity of the DOM backend's realization of the given blend mode via CSS
+ * mix-blend-mode. Use this to detect lossy or unsupported modes before committing to a DOM
+ * render path for blend-sensitive content.
+ *
+ * - 'exact'       — CSS result is perceptually identical to the OpenFL/Flash mode.
+ * - 'approximate' — closest CSS mode is used; may differ for extreme or mid-range colors.
+ * - 'unsupported' — no CSS equivalent; the DOM backend renders as BlendMode.Normal.
+ */
+export declare function getDomBlendModeFidelity(blendMode: BlendMode): DomBlendModeFidelity;
+//# sourceMappingURL=domMaterials.d.ts.map

package/dist/domMaterials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domMaterials.d.ts","sourceRoot":"","sources":["../src/domMaterials.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC5E,OAAO,EAAqB,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAoD/D,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAErF;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAErE;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,SAAS,GAAG,oBAAoB,CAElF"}

package/dist/domMaterials.js

@@ -0,0 +1,68 @@
+import { AdvancedBlendMode, BlendMode } from '@flighthq/types';
+// Auditable map from a blend-mode intent to the CSS mix-blend-mode value that realizes
+// it. `null` means there is no faithful CSS equivalent, so the mode degrades to normal
+// compositing (the empty string, i.e. mix-blend-mode: normal). Like Canvas2D, DOM natively realizes the
+// AdvancedBlendMode set (CSS mix-blend-mode covers the full W3C set), so those keys are carried here too;
+// only the fixed-function BlendMode set is exposed as a node property.
+const DOM_BLEND_MODE = {
+    [BlendMode.Add]: 'screen',
+    [BlendMode.Darken]: 'darken',
+    [BlendMode.Lighten]: 'lighten',
+    [BlendMode.Multiply]: 'multiply',
+    [BlendMode.Normal]: '',
+    [BlendMode.Screen]: 'screen',
+    [AdvancedBlendMode.Color]: 'color',
+    [AdvancedBlendMode.ColorBurn]: 'color-burn',
+    [AdvancedBlendMode.ColorDodge]: 'color-dodge',
+    [AdvancedBlendMode.Difference]: 'difference',
+    [AdvancedBlendMode.Exclusion]: 'exclusion',
+    [AdvancedBlendMode.HardLight]: 'hard-light',
+    [AdvancedBlendMode.Hue]: 'hue',
+    [AdvancedBlendMode.Luminosity]: 'luminosity',
+    [AdvancedBlendMode.Overlay]: 'overlay',
+    [AdvancedBlendMode.Saturation]: 'saturation',
+    [AdvancedBlendMode.SoftLight]: 'soft-light',
+};
+// Fidelity classification for each blend mode in the DOM backend.
+// 'exact'       — CSS mix-blend-mode maps faithfully to the OpenFL/Flash mode.
+// 'approximate' — the closest CSS mode is used; results differ in edge cases
+//                 (e.g. Add → screen: similar luminosity behavior but not additive-clipped-to-1).
+// 'unsupported' — no CSS equivalent; falls back to normal compositing.
+const DOM_BLEND_MODE_FIDELITY = {
+    [BlendMode.Add]: 'approximate', // screen ≈ add for moderate values; clamps differently
+    [BlendMode.Darken]: 'exact',
+    [BlendMode.Lighten]: 'exact',
+    [BlendMode.Multiply]: 'exact',
+    [BlendMode.Normal]: 'exact',
+    [BlendMode.Screen]: 'exact',
+    [AdvancedBlendMode.Color]: 'exact',
+    [AdvancedBlendMode.ColorBurn]: 'exact',
+    [AdvancedBlendMode.ColorDodge]: 'exact',
+    [AdvancedBlendMode.Difference]: 'exact',
+    [AdvancedBlendMode.Exclusion]: 'exact',
+    [AdvancedBlendMode.HardLight]: 'exact',
+    [AdvancedBlendMode.Hue]: 'exact',
+    [AdvancedBlendMode.Luminosity]: 'exact',
+    [AdvancedBlendMode.Overlay]: 'exact',
+    [AdvancedBlendMode.Saturation]: 'exact',
+    [AdvancedBlendMode.SoftLight]: 'exact',
+};
+export function applyDomBlendMode(element, value) {
+    element.style.mixBlendMode = (value !== null ? DOM_BLEND_MODE[value] : null) ?? '';
+}
+export function enableDomBlendModeSupport(state) {
+    state.applyBlendMode = applyDomBlendMode;
+}
+/**
+ * Returns the fidelity of the DOM backend's realization of the given blend mode via CSS
+ * mix-blend-mode. Use this to detect lossy or unsupported modes before committing to a DOM
+ * render path for blend-sensitive content.
+ *
+ * - 'exact'       — CSS result is perceptually identical to the OpenFL/Flash mode.
+ * - 'approximate' — closest CSS mode is used; may differ for extreme or mid-range colors.
+ * - 'unsupported' — no CSS equivalent; the DOM backend renders as BlendMode.Normal.
+ */
+export function getDomBlendModeFidelity(blendMode) {
+    return DOM_BLEND_MODE_FIDELITY[blendMode];
+}
+//# sourceMappingURL=domMaterials.js.map

package/dist/domMaterials.js.map

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

package/dist/domNativeText.d.ts

@@ -0,0 +1,5 @@
+import type { Scene2DRenderer, DomRenderState, RenderProxy2D } from '@flighthq/types';
+export declare function drawDomNativeText(state: DomRenderState, renderProxy: RenderProxy2D): void;
+export declare function drawDomNativeTextMask(state: DomRenderState, renderProxy: RenderProxy2D): void;
+export declare const defaultDomNativeTextRenderer: Scene2DRenderer;
+//# sourceMappingURL=domNativeText.d.ts.map

package/dist/domNativeText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domNativeText.d.ts","sourceRoot":"","sources":["../src/domNativeText.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EAMd,aAAa,EAGd,MAAM,iBAAiB,CAAC;AAczB,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CA8CzF;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAE7F;AAED,eAAO,MAAM,4BAA4B,EAAE,eAG1C,CAAC"}

package/dist/domNativeText.js

@@ -0,0 +1,88 @@
+import { computeRgbHexString } from '@flighthq/color';
+import { getNativeTextRuntime } from '@flighthq/text';
+import { applyDomStyle, prepareDomElement, setDomRendererElement } from './domStyle';
+// DOM is the backend for which a native text element makes sense; other backends either no-op or
+// composite this element over their canvas (decide later). Register app-side with
+// registerRenderer(state, NativeTextKind, defaultDomNativeTextRenderer).
+// createData returns null: the backing element is held on the runtime (a renderer-owned slot), not on
+// per-node RendererData, because the measured size must be visible to scene2d's DOM-free bounds.
+function createDomNativeTextData(_state, _source) {
+    return null;
+}
+export function drawDomNativeText(state, renderProxy) {
+    const source = renderProxy.source;
+    // Cast away the read-only view to write the renderer-owned slots (element + measured size), the same
+    // mutable-runtime cast domTextLabel uses for its layout cache.
+    const runtime = getNativeTextRuntime(source);
+    const data = source.data;
+    let element = runtime.element;
+    if (element === null) {
+        element = document.createElement('div');
+        prepareDomElement(element);
+        runtime.element = element;
+    }
+    applyNativeTextStyle(element, data.style);
+    if (data.autoSize === 'none') {
+        // A fixed-height box frames the text; a column flexbox positions the block vertically within the
+        // leftover height (justify-content), leaving textAlign to handle the horizontal axis. Cross-axis
+        // stretch is the flexbox default, so the text item keeps the full width and textAlign still applies.
+        element.style.whiteSpace = 'normal';
+        element.style.width = `${data.width}px`;
+        element.style.height = `${data.height}px`;
+        element.style.overflow = 'hidden';
+        element.style.display = 'flex';
+        element.style.flexDirection = 'column';
+        element.style.justifyContent = _verticalAlignToJustifyContent(data.verticalAlign);
+    }
+    else {
+        // The box hugs the content, so there is no slack to align within — drop the flexbox framing.
+        element.style.whiteSpace = 'nowrap';
+        element.style.width = '';
+        element.style.height = '';
+        element.style.overflow = '';
+        element.style.display = '';
+        element.style.flexDirection = '';
+        element.style.justifyContent = '';
+    }
+    element.textContent = data.text;
+    // Write the platform measurement back so DOM-free bounds (computeNativeTextLocalBoundsRectangle) can
+    // read it without the DOM. Under autoSize the field box tracks the element's measured size.
+    const rect = element.getBoundingClientRect();
+    runtime.measuredWidth = rect.width;
+    runtime.measuredHeight = rect.height;
+    applyDomStyle(state, element, renderProxy);
+    setDomRendererElement(state, element);
+}
+export function drawDomNativeTextMask(state, renderProxy) {
+    drawDomNativeText(state, renderProxy);
+}
+export const defaultDomNativeTextRenderer = {
+    createData: createDomNativeTextData,
+    submit: drawDomNativeText,
+};
+// Maps the field's vertical alignment onto the column flexbox's main-axis distribution. 'top' is the
+// CSS default (flex-start); 'baseline'/'justify' are reserved TextVerticalAlign values with no faithful
+// CSS block-frame mapping yet, so they fall back to the top of the box.
+function _verticalAlignToJustifyContent(verticalAlign) {
+    switch (verticalAlign) {
+        case 'bottom':
+            return 'flex-end';
+        case 'middle':
+            return 'center';
+        default:
+            return 'flex-start';
+    }
+}
+function applyNativeTextStyle(element, style) {
+    const size = style.size ?? 12;
+    const family = style.font ?? 'sans-serif';
+    const weight = style.bold ? 'bold ' : '';
+    const slant = style.italic ? 'italic ' : '';
+    element.style.font = `${slant}${weight}${size}px ${family}`;
+    element.style.color = computeRgbHexString(style.color ?? 0);
+    if (style.align !== undefined)
+        element.style.textAlign = style.align;
+    if (style.leading !== undefined)
+        element.style.lineHeight = `${size + style.leading}px`;
+}
+//# sourceMappingURL=domNativeText.js.map

package/dist/domNativeText.js.map

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

package/dist/domNode2D.d.ts

@@ -0,0 +1,5 @@
+import type { Node2D, Scene2DRenderer, DomRenderState, RenderProxy2D } from '@flighthq/types';
+export declare function drawDomScene2D(_state: DomRenderState, _renderProxy: RenderProxy2D): void;
+export declare const defaultDomScene2DRenderer: Scene2DRenderer;
+export declare function renderDomScene2D(state: DomRenderState, source: Node2D): void;
+//# sourceMappingURL=domNode2D.d.ts.map

package/dist/domNode2D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domNode2D.d.ts","sourceRoot":"","sources":["../src/domNode2D.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAS9F,wBAAgB,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,GAAG,IAAI,CAExF;AAED,eAAO,MAAM,yBAAyB,EAAE,eAGvC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAiD5E"}

package/dist/domNode2D.js

@@ -0,0 +1,60 @@
+import { getRenderProxy2D, isRenderProxyVisible, noopRendererData } from '@flighthq/render';
+import { getNode2DRuntime } from '@flighthq/scene2d';
+import { hasDomStructureChanged, processDomNode, reconcileDomContainer, swapDomOrderLists } from './domReconcile';
+import { getDomRenderStateRuntime } from './domRenderState';
+// Plain display objects (containers, stages) have no visual geometry of their own.
+// Registering this renderer for DisplayObjectKind ensures cross-backend symmetry with
+// defaultCanvasScene2DRenderer and allows the DOM traversal to correctly process
+// display-object containers when their kind is registered.
+export function drawDomScene2D(_state, _renderProxy) {
+    // No-op: containers are rendered implicitly by the traversal in renderDomScene2D.
+}
+export const defaultDomScene2DRenderer = {
+    createData: noopRendererData,
+    submit: drawDomScene2D,
+};
+export function renderDomScene2D(state, source) {
+    const runtime = getDomRenderStateRuntime(state);
+    const container = state.element;
+    const clipHooks = state.displayObjectClipHooks;
+    const applyClip = runtime.domClipHooks;
+    const frameId = runtime.currentFrameId;
+    const tempStack = runtime.tempStack;
+    let stackLength = 1;
+    tempStack[0] = source;
+    let newLength = 0;
+    let needsReconcile = false;
+    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);
+        if (data.renderer !== null) {
+            const result = processDomNode(runtime, data, frameId, () => data.renderer.submit(state, data), newLength);
+            newLength = result.newLength;
+            if (result.needsReconcile)
+                needsReconcile = true;
+            applyClip?.apply(state, data);
+        }
+        if (data.traverseChildren) {
+            const children = getNode2DRuntime(current).children;
+            if (children !== null) {
+                for (let i = children.length - 1; i >= 0; i--) {
+                    tempStack[stackLength++] = children[i];
+                }
+            }
+        }
+    }
+    clipHooks?.finalize(state);
+    if (hasDomStructureChanged(runtime, newLength, needsReconcile)) {
+        reconcileDomContainer(container, runtime, newLength);
+    }
+    swapDomOrderLists(runtime, newLength);
+}
+//# sourceMappingURL=domNode2D.js.map

package/dist/domNode2D.js.map

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

package/dist/domReconcile.d.ts

@@ -0,0 +1,9 @@
+import type { DomRenderStateRuntime, RenderProxy2D } from '@flighthq/types';
+export declare function hasDomStructureChanged(runtime: DomRenderStateRuntime, newLength: number, needsReconcile: boolean): boolean;
+export declare function processDomNode(runtime: DomRenderStateRuntime, data: RenderProxy2D, currentFrameId: number, drawFn: () => void, newLength: number, forceDraw?: boolean): {
+    newLength: number;
+    needsReconcile: boolean;
+};
+export declare function reconcileDomContainer(container: HTMLElement, runtime: DomRenderStateRuntime, newLength: number): void;
+export declare function swapDomOrderLists(runtime: DomRenderStateRuntime, newLength: number): void;
+//# sourceMappingURL=domReconcile.d.ts.map

package/dist/domReconcile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domReconcile.d.ts","sourceRoot":"","sources":["../src/domReconcile.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE5E,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,qBAAqB,EAC9B,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,OAAO,GACtB,OAAO,CAOT;AAED,wBAAgB,cAAc,CAC5B,OAAO,EAAE,qBAAqB,EAC9B,IAAI,EAAE,aAAa,EACnB,cAAc,EAAE,MAAM,EACtB,MAAM,EAAE,MAAM,IAAI,EAClB,SAAS,EAAE,MAAM,EACjB,SAAS,UAAQ,GAChB;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,OAAO,CAAA;CAAE,CA0BhD;AAED,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAuBrH;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAKzF"}

package/dist/domReconcile.js

@@ -0,0 +1,69 @@
+export function hasDomStructureChanged(runtime, newLength, needsReconcile) {
+    if (needsReconcile)
+        return true;
+    if (newLength !== runtime.domOrderLength)
+        return true;
+    for (let i = 0; i < newLength; i++) {
+        if (runtime.domNextOrderList[i] !== runtime.domOrderList[i])
+            return true;
+    }
+    return false;
+}
+export function processDomNode(runtime, data, currentFrameId, drawFn, newLength, forceDraw = false) {
+    const isNew = !runtime.domElementMap.has(data);
+    const appearanceDirty = data.appearanceFrameId === currentFrameId;
+    const transformDirty = data.transformFrameId === currentFrameId;
+    let needsReconcile = false;
+    if (isNew || appearanceDirty || transformDirty || forceDraw) {
+        const prevElement = isNew ? undefined : runtime.domElementMap.get(data);
+        runtime.domCurrentElement = null;
+        drawFn();
+        const newElement = runtime.domCurrentElement;
+        if (newElement !== null) {
+            runtime.domElementMap.set(data, newElement);
+            if (newElement !== prevElement)
+                needsReconcile = true;
+        }
+        else if (prevElement !== undefined) {
+            runtime.domElementMap.delete(data);
+            needsReconcile = true;
+        }
+    }
+    if (newLength >= runtime.domNextOrderList.length) {
+        runtime.domNextOrderList.length = newLength + 16;
+    }
+    runtime.domNextOrderList[newLength] = data;
+    return { newLength: newLength + 1, needsReconcile };
+}
+export function reconcileDomContainer(container, runtime, newLength) {
+    const keepSet = new Set();
+    for (let i = 0; i < newLength; i++) {
+        const el = runtime.domElementMap.get(runtime.domNextOrderList[i]);
+        if (el !== undefined)
+            keepSet.add(el);
+    }
+    let child = container.firstChild;
+    while (child !== null) {
+        const next = child.nextSibling;
+        if (!keepSet.has(child))
+            container.removeChild(child);
+        child = next;
+    }
+    let nextSibling = null;
+    for (let i = newLength - 1; i >= 0; i--) {
+        const el = runtime.domElementMap.get(runtime.domNextOrderList[i]);
+        if (el === undefined)
+            continue;
+        if (el.nextSibling !== nextSibling || el.parentNode !== container) {
+            container.insertBefore(el, nextSibling);
+        }
+        nextSibling = el;
+    }
+}
+export function swapDomOrderLists(runtime, newLength) {
+    const prevList = runtime.domOrderList;
+    runtime.domOrderList = runtime.domNextOrderList;
+    runtime.domOrderLength = newLength;
+    runtime.domNextOrderList = prevList;
+}
+//# sourceMappingURL=domReconcile.js.map

package/dist/domReconcile.js.map

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

package/dist/domRenderState.d.ts

@@ -0,0 +1,5 @@
+import type { DomRenderOptions, DomRenderState, DomRenderStateRuntime } from '@flighthq/types';
+export declare function createDomRenderState(element: HTMLElement, options?: Partial<DomRenderOptions>): DomRenderState;
+export declare function createDomRenderStateRuntime(): DomRenderStateRuntime;
+export declare function getDomRenderStateRuntime(state: DomRenderState): DomRenderStateRuntime;
+//# sourceMappingURL=domRenderState.d.ts.map

package/dist/domRenderState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domRenderState.d.ts","sourceRoot":"","sources":["../src/domRenderState.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAG/F,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,GAAE,OAAO,CAAC,gBAAgB,CAAM,GAAG,cAAc,CA8BlH;AAMD,wBAAgB,2BAA2B,IAAI,qBAAqB,CAEnE;AAID,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,cAAc,GAAG,qBAAqB,CAErF"}

package/dist/domRenderState.js

@@ -0,0 +1,43 @@
+import { createMatrix } from '@flighthq/geometry';
+import { createRenderState as _createRenderState, createRenderStateRuntime, setRenderStateBackgroundColor, } from '@flighthq/render';
+import { EntityRuntimeKey } from '@flighthq/types';
+export function createDomRenderState(element, options = {}) {
+    const state = _createRenderState({
+        pixelRatio: options.pixelRatio ?? 1,
+        renderTransform2D: createMatrix(),
+        roundPixels: options.roundPixels ?? false,
+        sceneGraphSyncPolicy: options.sceneGraphSyncPolicy,
+    });
+    if (options.backgroundColor != null)
+        setRenderStateBackgroundColor(state, options.backgroundColor);
+    state.applyBlendMode = null;
+    state.domCssFilterResolver = null;
+    state.element = element;
+    state.allowSmoothing = options.imageSmoothingEnabled ?? true;
+    const runtime = createDomRenderStateRuntime();
+    state[EntityRuntimeKey] = runtime;
+    runtime.currentBlendMode = null;
+    runtime.domClipHooks = null;
+    runtime.domClipStack = [];
+    runtime.domCurrentElement = null;
+    runtime.domElementMap = new WeakMap();
+    runtime.domNextOrderList = [];
+    runtime.domOrderLength = -1; // -1 = never rendered; forces first-call reconciliation
+    runtime.domOrderList = [];
+    element.style.position = 'relative';
+    element.style.overflow = 'hidden';
+    return state;
+}
+// Allocates the package-private DOM runtime for a DomRenderState. createDomRenderState attaches one to
+// each state under EntityRuntimeKey and populates its fields; getDomRenderStateRuntime reads it back.
+// The render path writes the returned object every frame, so the return is intentionally mutable (not
+// Readonly).
+export function createDomRenderStateRuntime() {
+    return createRenderStateRuntime();
+}
+// Resolves the package-private DOM runtime attached to a DomRenderState. Mutable by design: the render
+// path writes its fields every frame.
+export function getDomRenderStateRuntime(state) {
+    return state[EntityRuntimeKey];
+}
+//# sourceMappingURL=domRenderState.js.map

package/dist/domRenderState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domRenderState.js","sourceRoot":"","sources":["../src/domRenderState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EACL,iBAAiB,IAAI,kBAAkB,EACvC,wBAAwB,EACxB,6BAA6B,GAC9B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,UAAU,oBAAoB,CAAC,OAAoB,EAAE,UAAqC,EAAE;IAChG,MAAM,KAAK,GAAG,kBAAkB,CAAC;QAC/B,UAAU,EAAE,OAAO,CAAC,UAAU,IAAI,CAAC;QACnC,iBAAiB,EAAE,YAAY,EAAE;QACjC,WAAW,EAAE,OAAO,CAAC,WAAW,IAAI,KAAK;QACzC,oBAAoB,EAAE,OAAO,CAAC,oBAAoB;KACnD,CAAmB,CAAC;IAErB,IAAI,OAAO,CAAC,eAAe,IAAI,IAAI;QAAE,6BAA6B,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAEnG,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,oBAAoB,GAAG,IAAI,CAAC;IACjC,KAAkC,CAAC,OAAO,GAAG,OAAO,CAAC;IACtD,KAAK,CAAC,cAAc,GAAG,OAAO,CAAC,qBAAqB,IAAI,IAAI,CAAC;IAE7D,MAAM,OAAO,GAAG,2BAA2B,EAAE,CAAC;IAC9C,KAAK,CAAC,gBAAgB,CAAC,GAAG,OAAO,CAAC;IAClC,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAChC,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,YAAY,GAAG,EAAE,CAAC;IAC1B,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,aAAa,GAAG,IAAI,OAAO,EAAE,CAAC;IACtC,OAAO,CAAC,gBAAgB,GAAG,EAAE,CAAC;IAC9B,OAAO,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,wDAAwD;IACrF,OAAO,CAAC,YAAY,GAAG,EAAE,CAAC;IAE1B,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IACpC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAElC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,uGAAuG;AACvG,sGAAsG;AACtG,sGAAsG;AACtG,aAAa;AACb,MAAM,UAAU,2BAA2B;IACzC,OAAO,wBAAwB,EAA2B,CAAC;AAC7D,CAAC;AAED,uGAAuG;AACvG,sCAAsC;AACtC,MAAM,UAAU,wBAAwB,CAAC,KAAqB;IAC5D,OAAO,KAAK,CAAC,gBAAgB,CAA0B,CAAC;AAC1D,CAAC"}

package/dist/domRenderView.d.ts

@@ -0,0 +1,4 @@
+import type { Scene2DRenderer, DomRenderState, RenderProxy2D } from '@flighthq/types';
+export declare function drawDomRenderView(state: DomRenderState, renderProxy: RenderProxy2D): void;
+export declare const defaultDomRenderViewRenderer: Scene2DRenderer;
+//# sourceMappingURL=domRenderView.d.ts.map

package/dist/domRenderView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domRenderView.d.ts","sourceRoot":"","sources":["../src/domRenderView.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,EAAc,MAAM,iBAAiB,CAAC;AAIlG,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAkBzF;AAED,eAAO,MAAM,4BAA4B,EAAE,eAG1C,CAAC"}

package/dist/domRenderView.js

@@ -0,0 +1,24 @@
+import { noopRendererData } from '@flighthq/render';
+import { applyDomStyle, setDomRendererElement } from './domStyle';
+export function drawDomRenderView(state, renderProxy) {
+    const source = renderProxy.source;
+    const { renderer } = source.data;
+    if (renderer === null)
+        return;
+    renderer.render();
+    const canvas = renderer.canvas;
+    if (canvas.style.position !== 'absolute') {
+        canvas.style.left = '0';
+        canvas.style.position = 'absolute';
+        canvas.style.top = '0';
+        canvas.style.transformOrigin = '0 0';
+        canvas.style.pointerEvents = 'none';
+    }
+    applyDomStyle(state, canvas, renderProxy);
+    setDomRendererElement(state, canvas);
+}
+export const defaultDomRenderViewRenderer = {
+    createData: noopRendererData,
+    submit: drawDomRenderView,
+};
+//# sourceMappingURL=domRenderView.js.map

package/dist/domRenderView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domRenderView.js","sourceRoot":"","sources":["../src/domRenderView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAElE,MAAM,UAAU,iBAAiB,CAAC,KAAqB,EAAE,WAA0B;IACjF,MAAM,MAAM,GAAG,WAAW,CAAC,MAAoB,CAAC;IAChD,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC;IACjC,IAAI,QAAQ,KAAK,IAAI;QAAE,OAAO;IAE9B,QAAQ,CAAC,MAAM,EAAE,CAAC;IAElB,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;IAC/B,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;QACzC,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QACvB,MAAM,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC;QACrC,MAAM,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;IACtC,CAAC;IAED,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;IAC1C,qBAAqB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAoB;IAC3D,UAAU,EAAE,gBAAgB;IAC5B,MAAM,EAAE,iBAAiB;CAC1B,CAAC"}

package/dist/domRichText.d.ts

@@ -0,0 +1,6 @@
+import type { Scene2DRenderer, DomRenderState, DomTextInputOverlay, RenderProxy2D } from '@flighthq/types';
+export declare function drawDomRichText(state: DomRenderState, renderProxy: RenderProxy2D): void;
+export declare function drawDomRichTextMask(state: DomRenderState, renderProxy: RenderProxy2D): void;
+export declare function registerDomTextInputOverlay(overlay: DomTextInputOverlay): void;
+export declare const defaultDomRichTextRenderer: Scene2DRenderer;
+//# sourceMappingURL=domRichText.d.ts.map

package/dist/domRichText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domRichText.d.ts","sourceRoot":"","sources":["../src/domRichText.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,EAGnB,aAAa,EAMd,MAAM,iBAAiB,CAAC;AAuBzB,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAQvF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAE3F;AAyKD,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,mBAAmB,GAAG,IAAI,CAE9E;AAED,eAAO,MAAM,0BAA0B,EAAE,eAGxC,CAAC"}