@adam26davidson/char-matrix-react-renderer 0.0.2

package/README.md

@@ -0,0 +1,56 @@
+# @adam26davidson/char-matrix-react-renderer
+
+Declarative React JSX renderer for [`@adam26davidson/char-matrix`](https://www.npmjs.com/package/@adam26davidson/char-matrix) element trees. Built on `react-reconciler`, this package lets you compose char-matrix UIs with JSX, React state, hooks, and component composition.
+
+## Features
+
+- **Custom React reconciler** — Maps React operations to char-matrix element creation, child management, and prop updates
+- **JSX intrinsic elements** — `<cm-container>`, `<cm-text>`, `<cm-table>` with full TypeScript support
+- **In-place updates** — Text content updates without element recreation; children managed via a WeakMap bridge between React's incremental mutations and char-matrix's bulk `setChildren()` API
+- **onClick support** — Click handlers wired through the reconciler
+- **Animation handler wiring** — `DefaultAnimationHandler.setElement()` called automatically after element creation
+- **setRoot bridging** — Reconciler calls `view.setRoot()` when the root element is committed, integrating with the render loop
+
+## Install
+
+```bash
+npm install @adam26davidson/char-matrix-react-renderer @adam26davidson/char-matrix react
+```
+
+## Usage
+
+```tsx
+import { render, unmount } from "@adam26davidson/char-matrix-react-renderer";
+
+function Dashboard() {
+  const [time, setTime] = useState(new Date());
+
+  return (
+    <cm-container elementKey="root" mainAxis="y" widthType="relative" width={1} spacing={1}>
+      <cm-text elementKey="clock" text={formatTime(time)} />
+      <cm-container elementKey="row" mainAxis="x" spacing={2}>
+        <cm-text elementKey="label" text="Hello, world!" bordered paddingX={1} />
+      </cm-container>
+    </cm-container>
+  );
+}
+
+// Render into a RenderTarget (e.g. MatrixView)
+render(<Dashboard />, view);
+
+// Later, to tear down
+unmount(view);
+```
+
+Note: use `elementKey` instead of `key` for the char-matrix element key, since React reserves `key` for reconciliation.
+
+## Peer dependencies
+
+- `@adam26davidson/char-matrix`
+- `react` ^18.0.0
+
+## Related packages
+
+- [`@adam26davidson/char-matrix`](https://www.npmjs.com/package/@adam26davidson/char-matrix) — Core layout and rendering engine
+- [`@adam26davidson/char-matrix-fx`](https://www.npmjs.com/package/@adam26davidson/char-matrix-fx) — Animations, physics, and surface transforms
+- [`@adam26davidson/char-matrix-react`](https://www.npmjs.com/package/@adam26davidson/char-matrix-react) — Embed React components inside a character matrix layout

package/dist/__tests__/mockRenderTarget.d.ts

@@ -0,0 +1,10 @@
+import type { RenderTarget, Element } from "@adam26davidson/char-matrix";
+/**
+ * Minimal mock RenderTarget for testing the reconciler.
+ * Tracks registered elements and root element.
+ */
+export declare function createMockRenderTarget(width?: number, height?: number): RenderTarget & {
+    registeredElements: Set<Element>;
+    rootElement: Element | null;
+};
+//# sourceMappingURL=mockRenderTarget.d.ts.map

package/dist/__tests__/mockRenderTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockRenderTarget.d.ts","sourceRoot":"","sources":["../../src/__tests__/mockRenderTarget.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,OAAO,EAAc,MAAM,6BAA6B,CAAC;AAErF;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,SAAK,EACV,MAAM,SAAK,GACV,YAAY,GAAG;IAChB,kBAAkB,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACjC,WAAW,EAAE,OAAO,GAAG,IAAI,CAAC;CAC7B,CA4DA"}

package/dist/__tests__/mockRenderTarget.js

@@ -0,0 +1,52 @@
+import { IntPoint } from "@adam26davidson/char-matrix";
+/**
+ * Minimal mock RenderTarget for testing the reconciler.
+ * Tracks registered elements and root element.
+ */
+export function createMockRenderTarget(width = 80, height = 24) {
+    const registeredElements = new Set();
+    let rootElement = null;
+    const target = {
+        registeredElements,
+        get rootElement() {
+            return rootElement;
+        },
+        set rootElement(el) {
+            rootElement = el;
+        },
+        setCursor(_cursor) { },
+        setContentLayerChar(_char, _location, _offset, _zIndex) { },
+        getContentLayerChar(_location, _offset) {
+            return " ";
+        },
+        setAnimationLayerChar(_char, _location, _offset, _zIndex) { },
+        getPixelOffset() {
+            return new IntPoint(0, 0);
+        },
+        getSize() {
+            return new IntPoint(width, height);
+        },
+        getIsMobile() {
+            return false;
+        },
+        registerElement(element) {
+            registeredElements.add(element);
+        },
+        unregisterElement(element) {
+            registeredElements.delete(element);
+        },
+        setRoot(element) {
+            // Unregister old root tree
+            if (rootElement) {
+                rootElement.unregisterWithView();
+            }
+            rootElement = element;
+            element.registerWithView();
+        },
+        getRoot() {
+            return rootElement;
+        },
+    };
+    return target;
+}
+//# sourceMappingURL=mockRenderTarget.js.map

package/dist/__tests__/mockRenderTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockRenderTarget.js","sourceRoot":"","sources":["../../src/__tests__/mockRenderTarget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD;;;GAGG;AACH,MAAM,UAAU,sBAAsB,CACpC,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE;IAKX,MAAM,kBAAkB,GAAG,IAAI,GAAG,EAAW,CAAC;IAC9C,IAAI,WAAW,GAAmB,IAAI,CAAC;IAEvC,MAAM,MAAM,GAGR;QACF,kBAAkB;QAClB,IAAI,WAAW;YACb,OAAO,WAAW,CAAC;QACrB,CAAC;QACD,IAAI,WAAW,CAAC,EAAkB;YAChC,WAAW,GAAG,EAAE,CAAC;QACnB,CAAC;QACD,SAAS,CAAC,OAAmB,IAAG,CAAC;QACjC,mBAAmB,CACjB,KAAa,EACb,SAAmB,EACnB,OAAkB,EAClB,OAAgB,IACf,CAAC;QACJ,mBAAmB,CAAC,SAAmB,EAAE,OAAkB;YACzD,OAAO,GAAG,CAAC;QACb,CAAC;QACD,qBAAqB,CACnB,KAAa,EACb,SAAmB,EACnB,OAAkB,EAClB,OAAgB,IACf,CAAC;QACJ,cAAc;YACZ,OAAO,IAAI,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5B,CAAC;QACD,OAAO;YACL,OAAO,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACrC,CAAC;QACD,WAAW;YACT,OAAO,KAAK,CAAC;QACf,CAAC;QACD,eAAe,CAAC,OAAgB;YAC9B,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC;QACD,iBAAiB,CAAC,OAAgB;YAChC,kBAAkB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;QACD,OAAO,CAAC,OAAgB;YACtB,2BAA2B;YAC3B,IAAI,WAAW,EAAE,CAAC;gBAChB,WAAW,CAAC,kBAAkB,EAAE,CAAC;YACnC,CAAC;YACD,WAAW,GAAG,OAAO,CAAC;YACtB,OAAO,CAAC,gBAAgB,EAAE,CAAC;QAC7B,CAAC;QACD,OAAO;YACL,OAAO,WAAY,CAAC;QACtB,CAAC;KACF,CAAC;IAEF,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/hostConfig.d.ts

@@ -0,0 +1,57 @@
+import type { RenderTarget, Element, Alignment, Axis, SizingMethod, CursorType, ColumnDef, ElementAnimationHandler } from "@adam26davidson/char-matrix";
+export type CMElementType = "cm-container" | "cm-text" | "cm-table";
+/** Props common to all char-matrix elements (mirrors ElementConfig minus view). */
+interface CMBaseProps {
+    /** Standard React reconciliation key — stripped from props at runtime. */
+    key?: string | number;
+    /** The char-matrix element key. React's `key` is stripped from props, so use `elementKey`. */
+    elementKey: string;
+    width?: number;
+    widthType?: SizingMethod;
+    height?: number;
+    heightType?: SizingMethod;
+    scrollable?: boolean;
+    paddingTop?: number;
+    paddingBottom?: number;
+    paddingLeft?: number;
+    paddingRight?: number;
+    paddingX?: number;
+    paddingY?: number;
+    padding?: number;
+    bordered?: boolean;
+    backgroundChar?: string;
+    cursor?: CursorType;
+    xOffset?: number;
+    yOffset?: number;
+    animationHandler?: ElementAnimationHandler;
+    entranceTiming?: "parallel" | "series";
+    exitTiming?: "parallel" | "series";
+    zIndex?: number;
+    onClick?: () => void;
+}
+export interface CMContainerProps extends CMBaseProps {
+    mainAxis: Axis;
+    justifyContent?: Alignment;
+    alignItems?: Alignment;
+    spacing?: number;
+    children?: React.ReactNode;
+}
+export interface CMTextProps extends CMBaseProps {
+    text: string;
+    hoverTransform?: "none" | "uppercase" | "bold";
+}
+export interface CMTableProps extends CMBaseProps {
+    columns: ColumnDef[];
+    title?: string;
+    titleAlign?: "start" | "center" | "end";
+    showRowSeparators?: boolean;
+}
+export type CMProps = CMContainerProps | CMTextProps | CMTableProps;
+/** The root container object passed to the reconciler. */
+export interface RootContainer {
+    view: RenderTarget;
+    rootElement: Element | null;
+}
+export declare const hostConfig: any;
+export {};
+//# sourceMappingURL=hostConfig.d.ts.map

package/dist/hostConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hostConfig.d.ts","sourceRoot":"","sources":["../src/hostConfig.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,YAAY,EACZ,OAAO,EAKP,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,uBAAuB,EACxB,MAAM,6BAA6B,CAAC;AAMrC,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG,SAAS,GAAG,UAAU,CAAC;AAEpE,mFAAmF;AACnF,UAAU,WAAW;IACnB,0EAA0E;IAC1E,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,8FAA8F;IAC9F,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAC3C,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACvC,UAAU,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,QAAQ,EAAE,IAAI,CAAC;IACf,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,MAAM,CAAC;CAChD;AAED,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,MAAM,OAAO,GAAG,gBAAgB,GAAG,WAAW,GAAG,YAAY,CAAC;AAEpE,0DAA0D;AAC1D,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,OAAO,GAAG,IAAI,CAAC;CAC7B;AAqID,eAAO,MAAM,UAAU,EAAE,GAoMxB,CAAC"}

package/dist/hostConfig.js

@@ -0,0 +1,258 @@
+// react-reconciler types are used via the `any`-typed hostConfig export.
+import { ContainerElement, TextElement, TableElement, } from "@adam26davidson/char-matrix";
+// ---------------------------------------------------------------------------
+// Element creation helpers
+// ---------------------------------------------------------------------------
+function buildBaseConfig(props, view) {
+    return {
+        key: props.elementKey,
+        view,
+        width: props.width,
+        widthType: props.widthType,
+        height: props.height,
+        heightType: props.heightType,
+        scrollable: props.scrollable,
+        paddingTop: props.paddingTop,
+        paddingBottom: props.paddingBottom,
+        paddingLeft: props.paddingLeft,
+        paddingRight: props.paddingRight,
+        paddingX: props.paddingX,
+        paddingY: props.paddingY,
+        padding: props.padding,
+        bordered: props.bordered,
+        backgroundChar: props.backgroundChar,
+        cursor: props.cursor,
+        xOffset: props.xOffset,
+        yOffset: props.yOffset,
+        animationHandler: props.animationHandler,
+        entranceTiming: props.entranceTiming,
+        exitTiming: props.exitTiming,
+        zIndex: props.zIndex,
+    };
+}
+function createElement(type, props, view) {
+    const base = buildBaseConfig(props, view);
+    let instance;
+    switch (type) {
+        case "cm-container": {
+            const p = props;
+            instance = new ContainerElement({
+                ...base,
+                mainAxis: p.mainAxis,
+                justifyContent: p.justifyContent,
+                alignItems: p.alignItems,
+                spacing: p.spacing,
+            });
+            break;
+        }
+        case "cm-text": {
+            const p = props;
+            instance = new TextElement({
+                ...base,
+                text: p.text,
+                hoverTransform: p.hoverTransform,
+            });
+            break;
+        }
+        case "cm-table": {
+            const p = props;
+            instance = new TableElement({
+                ...base,
+                columns: p.columns,
+                title: p.title,
+                titleAlign: p.titleAlign,
+                showRowSeparators: p.showRowSeparators,
+            });
+            break;
+        }
+        default:
+            throw new Error(`Unknown char-matrix element type: ${type}`);
+    }
+    // Wire onClick handler
+    if (props.onClick) {
+        instance.setOnClick(props.onClick);
+    }
+    // Wire animation handler — DefaultAnimationHandler needs setElement() called
+    // after the element is constructed. Duck-type check since setElement is not
+    // on the ElementAnimationHandler interface.
+    const handler = props.animationHandler;
+    if (handler?.setElement) {
+        handler.setElement(instance);
+    }
+    return instance;
+}
+// ---------------------------------------------------------------------------
+// Tracked children — we need to maintain an ordered child list per element
+// because Element.setChildren() replaces the whole array.
+// ---------------------------------------------------------------------------
+const childrenMap = new WeakMap();
+function getTrackedChildren(parent) {
+    let children = childrenMap.get(parent);
+    if (!children) {
+        children = [];
+        childrenMap.set(parent, children);
+    }
+    return children;
+}
+function commitChildren(parent) {
+    const children = getTrackedChildren(parent);
+    parent.setChildren([...children]);
+}
+// The react-reconciler types require many methods that are no-ops for our use case.
+// We implement all the ones that matter and cast the rest.
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const hostConfig = {
+    // --------------- Feature flags ---------------
+    supportsMutation: true,
+    supportsPersistence: false,
+    supportsHydration: false,
+    isPrimaryRenderer: true,
+    // --------------- Context ---------------
+    getRootHostContext() {
+        return {};
+    },
+    getChildHostContext() {
+        return {};
+    },
+    // --------------- Instance creation ---------------
+    createInstance(type, props, rootContainer) {
+        return createElement(type, props, rootContainer.view);
+    },
+    createTextInstance() {
+        throw new Error("Raw text nodes are not supported. Use <cm-text text=\"...\"> instead.");
+    },
+    // --------------- Children (mutation mode) ---------------
+    appendInitialChild(parent, child) {
+        const children = getTrackedChildren(parent);
+        children.push(child);
+        // Don't commit yet — React calls this during the "complete" phase.
+        // finalizeInitialChildren or the commit phase will handle it.
+    },
+    appendChild(parent, child) {
+        const children = getTrackedChildren(parent);
+        children.push(child);
+        commitChildren(parent);
+    },
+    appendChildToContainer(container, child) {
+        container.rootElement = child;
+        // Use setRoot if available (MatrixView implements this) for full integration
+        // with the render loop. Falls back to registerWithView for basic targets.
+        if (container.view.setRoot) {
+            container.view.setRoot(child);
+        }
+        else {
+            child.registerWithView();
+        }
+    },
+    insertBefore(parent, child, beforeChild) {
+        const children = getTrackedChildren(parent);
+        const idx = children.indexOf(beforeChild);
+        if (idx >= 0) {
+            children.splice(idx, 0, child);
+        }
+        else {
+            children.push(child);
+        }
+        commitChildren(parent);
+    },
+    insertInContainerBefore(container, child, _beforeChild) {
+        container.rootElement = child;
+        if (container.view.setRoot) {
+            container.view.setRoot(child);
+        }
+        else {
+            child.registerWithView();
+        }
+    },
+    removeChild(parent, child) {
+        const children = getTrackedChildren(parent);
+        const idx = children.indexOf(child);
+        if (idx >= 0) {
+            children.splice(idx, 1);
+        }
+        child.unregisterWithView();
+        commitChildren(parent);
+    },
+    removeChildFromContainer(container, child) {
+        child.unregisterWithView();
+        if (container.rootElement === child) {
+            container.rootElement = null;
+        }
+    },
+    clearContainer(container) {
+        if (container.rootElement) {
+            container.rootElement.unregisterWithView();
+            container.rootElement = null;
+        }
+    },
+    // --------------- Updates ---------------
+    prepareUpdate(_instance, _type, oldProps, newProps) {
+        // Return a truthy payload if any prop (other than children) changed.
+        const oKeys = Object.keys(oldProps).filter((k) => k !== "children");
+        const nKeys = Object.keys(newProps).filter((k) => k !== "children");
+        if (oKeys.length !== nKeys.length)
+            return { changed: true };
+        for (const k of oKeys) {
+            if (oldProps[k] !== newProps[k])
+                return { changed: true };
+        }
+        return null;
+    },
+    commitUpdate(instance, _updatePayload, type, oldProps, newProps) {
+        // Update text content
+        if (type === "cm-text") {
+            const oldText = oldProps.text;
+            const newText = newProps.text;
+            if (oldText !== newText) {
+                instance.setBaseText(newText);
+            }
+        }
+        // Update onClick handler
+        if (oldProps.onClick !== newProps.onClick) {
+            if (newProps.onClick) {
+                instance.setOnClick(newProps.onClick);
+            }
+        }
+    },
+    // --------------- Finalize ---------------
+    finalizeInitialChildren() {
+        return true;
+    },
+    commitMount(instance) {
+        // Called after finalizeInitialChildren returns true.
+        // Commit the tracked children now that the initial tree is assembled.
+        const children = getTrackedChildren(instance);
+        if (children.length > 0) {
+            instance.setChildren([...children]);
+        }
+    },
+    // --------------- Misc required methods ---------------
+    prepareForCommit() {
+        return null;
+    },
+    resetAfterCommit() { },
+    shouldSetTextContent() {
+        return false;
+    },
+    getPublicInstance(instance) {
+        return instance;
+    },
+    preparePortalMount() { },
+    scheduleTimeout: setTimeout,
+    cancelTimeout: clearTimeout,
+    noTimeout: -1,
+    getCurrentUpdatePriority() {
+        return 0b0000000000000000000000000010000; // DefaultEventPriority
+    },
+    getInstanceFromNode() {
+        return null;
+    },
+    beforeActiveInstanceBlur() { },
+    afterActiveInstanceBlur() { },
+    prepareScopeUpdate() { },
+    getInstanceFromScope() {
+        return null;
+    },
+    detachDeletedInstance() { },
+};
+//# sourceMappingURL=hostConfig.js.map

package/dist/hostConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hostConfig.js","sourceRoot":"","sources":["../src/hostConfig.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,YAAY,GACb,MAAM,6BAA6B,CAAC;AAgFrC,8EAA8E;AAC9E,2BAA2B;AAC3B,8EAA8E;AAE9E,SAAS,eAAe,CACtB,KAAkB,EAClB,IAAkB;IAElB,OAAO;QACL,GAAG,EAAE,KAAK,CAAC,UAAU;QACrB,IAAI;QACJ,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,aAAa,EAAE,KAAK,CAAC,aAAa;QAClC,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,YAAY,EAAE,KAAK,CAAC,YAAY;QAChC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CACpB,IAAmB,EACnB,KAAc,EACd,IAAkB;IAElB,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC1C,IAAI,QAAiB,CAAC;IAEtB,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,cAAc,CAAC,CAAC,CAAC;YACpB,MAAM,CAAC,GAAG,KAAyB,CAAC;YACpC,QAAQ,GAAG,IAAI,gBAAgB,CAAC;gBAC9B,GAAG,IAAI;gBACP,QAAQ,EAAE,CAAC,CAAC,QAAQ;gBACpB,cAAc,EAAE,CAAC,CAAC,cAAc;gBAChC,UAAU,EAAE,CAAC,CAAC,UAAU;gBACxB,OAAO,EAAE,CAAC,CAAC,OAAO;aACO,CAAC,CAAC;YAC7B,MAAM;QACR,CAAC;QACD,KAAK,SAAS,CAAC,CAAC,CAAC;YACf,MAAM,CAAC,GAAG,KAAoB,CAAC;YAC/B,QAAQ,GAAG,IAAI,WAAW,CAAC;gBACzB,GAAG,IAAI;gBACP,IAAI,EAAE,CAAC,CAAC,IAAI;gBACZ,cAAc,EAAE,CAAC,CAAC,cAAc;aACZ,CAAC,CAAC;YACxB,MAAM;QACR,CAAC;QACD,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,MAAM,CAAC,GAAG,KAAqB,CAAC;YAChC,QAAQ,GAAG,IAAI,YAAY,CAAC;gBAC1B,GAAG,IAAI;gBACP,OAAO,EAAE,CAAC,CAAC,OAAO;gBAClB,KAAK,EAAE,CAAC,CAAC,KAAK;gBACd,UAAU,EAAE,CAAC,CAAC,UAAU;gBACxB,iBAAiB,EAAE,CAAC,CAAC,iBAAiB;aACjB,CAAC,CAAC;YACzB,MAAM;QACR,CAAC;QACD;YACE,MAAM,IAAI,KAAK,CAAC,qCAAqC,IAAI,EAAE,CAAC,CAAC;IACjE,CAAC;IAED,uBAAuB;IACvB,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;IAED,6EAA6E;IAC7E,4EAA4E;IAC5E,4CAA4C;IAC5C,MAAM,OAAO,GAAG,KAAK,CAAC,gBAAuB,CAAC;IAC9C,IAAI,OAAO,EAAE,UAAU,EAAE,CAAC;QACxB,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,8EAA8E;AAC9E,2EAA2E;AAC3E,0DAA0D;AAC1D,8EAA8E;AAE9E,MAAM,WAAW,GAAG,IAAI,OAAO,EAAsB,CAAC;AAEtD,SAAS,kBAAkB,CAAC,MAAe;IACzC,IAAI,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACvC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,QAAQ,GAAG,EAAE,CAAC;QACd,WAAW,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACpC,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,cAAc,CAAC,MAAe;IACrC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAC5C,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AACpC,CAAC;AAcD,oFAAoF;AACpF,2DAA2D;AAC3D,8DAA8D;AAC9D,MAAM,CAAC,MAAM,UAAU,GAAQ;IAC7B,gDAAgD;IAChD,gBAAgB,EAAE,IAAI;IACtB,mBAAmB,EAAE,KAAK;IAC1B,iBAAiB,EAAE,KAAK;IACxB,iBAAiB,EAAE,IAAI;IAEvB,0CAA0C;IAC1C,kBAAkB;QAChB,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,mBAAmB;QACjB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,oDAAoD;IACpD,cAAc,CACZ,IAAU,EACV,KAAY,EACZ,aAA4B;QAE5B,OAAO,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IACxD,CAAC;IAED,kBAAkB;QAChB,MAAM,IAAI,KAAK,CACb,uEAAuE,CACxE,CAAC;IACJ,CAAC;IAED,2DAA2D;IAC3D,kBAAkB,CAAC,MAAgB,EAAE,KAAe;QAClD,MAAM,QAAQ,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;QAC5C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrB,mEAAmE;QACnE,8DAA8D;IAChE,CAAC;IAED,WAAW,CAAC,MAAgB,EAAE,KAAe;QAC3C,MAAM,QAAQ,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;QAC5C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrB,cAAc,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC;IAED,sBAAsB,CAAC,SAAwB,EAAE,KAAe;QAC9D,SAAS,CAAC,WAAW,GAAG,KAAK,CAAC;QAC9B,6EAA6E;QAC7E,0EAA0E;QAC1E,IAAK,SAAS,CAAC,IAAY,CAAC,OAAO,EAAE,CAAC;YACnC,SAAS,CAAC,IAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACzC,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,gBAAgB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,YAAY,CAAC,MAAgB,EAAE,KAAe,EAAE,WAAqB;QACnE,MAAM,QAAQ,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;QAC5C,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAC1C,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;YACb,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;QACD,cAAc,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC;IAED,uBAAuB,CACrB,SAAwB,EACxB,KAAe,EACf,YAAsB;QAEtB,SAAS,CAAC,WAAW,GAAG,KAAK,CAAC;QAC9B,IAAK,SAAS,CAAC,IAAY,CAAC,OAAO,EAAE,CAAC;YACnC,SAAS,CAAC,IAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACzC,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,gBAAgB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,WAAW,CAAC,MAAgB,EAAE,KAAe;QAC3C,MAAM,QAAQ,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;QAC5C,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;YACb,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QAC1B,CAAC;QACD,KAAK,CAAC,kBAAkB,EAAE,CAAC;QAC3B,cAAc,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC;IAED,wBAAwB,CAAC,SAAwB,EAAE,KAAe;QAChE,KAAK,CAAC,kBAAkB,EAAE,CAAC;QAC3B,IAAI,SAAS,CAAC,WAAW,KAAK,KAAK,EAAE,CAAC;YACpC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,cAAc,CAAC,SAAwB;QACrC,IAAI,SAAS,CAAC,WAAW,EAAE,CAAC;YAC1B,SAAS,CAAC,WAAW,CAAC,kBAAkB,EAAE,CAAC;YAC3C,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,0CAA0C;IAC1C,aAAa,CACX,SAAmB,EACnB,KAAW,EACX,QAAe,EACf,QAAe;QAEf,qEAAqE;QACrE,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC;QACpE,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC;QACpE,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM;YAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAC5D,KAAK,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC;YACtB,IAAK,QAAgB,CAAC,CAAC,CAAC,KAAM,QAAgB,CAAC,CAAC,CAAC;gBAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAC9E,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,YAAY,CACV,QAAkB,EAClB,cAAsB,EACtB,IAAU,EACV,QAAe,EACf,QAAe;QAEf,sBAAsB;QACtB,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,MAAM,OAAO,GAAI,QAAwB,CAAC,IAAI,CAAC;YAC/C,MAAM,OAAO,GAAI,QAAwB,CAAC,IAAI,CAAC;YAC/C,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;gBACvB,QAAgB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACzC,CAAC;QACH,CAAC;QAED,yBAAyB;QACzB,IAAI,QAAQ,CAAC,OAAO,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;YAC1C,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACrB,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACxC,CAAC;QACH,CAAC;IACH,CAAC;IAED,2CAA2C;IAC3C,uBAAuB;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,WAAW,CAAC,QAAkB;QAC5B,qDAAqD;QACrD,sEAAsE;QACtE,MAAM,QAAQ,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxB,QAAQ,CAAC,WAAW,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IAED,wDAAwD;IACxD,gBAAgB;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IAED,gBAAgB,KAAI,CAAC;IAErB,oBAAoB;QAClB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,iBAAiB,CAAC,QAAkB;QAClC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,kBAAkB,KAAI,CAAC;IAEvB,eAAe,EAAE,UAAU;IAC3B,aAAa,EAAE,YAAY;IAC3B,SAAS,EAAE,CAAC,CAAc;IAE1B,wBAAwB;QACtB,OAAO,iCAAiC,CAAC,CAAC,uBAAuB;IACnE,CAAC;IAED,mBAAmB;QACjB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,wBAAwB,KAAI,CAAC;IAC7B,uBAAuB,KAAI,CAAC;IAE5B,kBAAkB,KAAI,CAAC;IACvB,oBAAoB;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,qBAAqB,KAAI,CAAC;CAC3B,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { render, unmount } from "./renderer";
+export type { CMContainerProps, CMTextProps, CMTableProps, CMElementType, } from "./hostConfig";
+import "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC7C,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,aAAa,GACd,MAAM,cAAc,CAAC;AAGtB,OAAO,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export { render, unmount } from "./renderer";
+// Side-effect: register JSX intrinsic element types
+import "./types";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAQ7C,oDAAoD;AACpD,OAAO,SAAS,CAAC"}

package/dist/renderer.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+import type { RenderTarget, Element } from "@adam26davidson/char-matrix";
+/**
+ * Render a React element tree into char-matrix elements attached to the given
+ * RenderTarget (view).
+ *
+ * Returns the root char-matrix Element once the initial render is committed.
+ */
+export declare function render(element: ReactNode, view: RenderTarget): Element;
+/**
+ * Unmount a previously rendered tree, unregistering all elements from the view.
+ */
+export declare function unmount(view: RenderTarget): void;
+//# sourceMappingURL=renderer.d.ts.map

package/dist/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAWzE;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,GAAG,OAAO,CA2BtE;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,CAOhD"}

package/dist/renderer.js

@@ -0,0 +1,44 @@
+import ReactReconciler from "react-reconciler";
+import { hostConfig } from "./hostConfig";
+const reconciler = ReactReconciler(hostConfig);
+// Map from RenderTarget → fiber root, so we can re-render and unmount.
+const roots = new Map();
+/**
+ * Render a React element tree into char-matrix elements attached to the given
+ * RenderTarget (view).
+ *
+ * Returns the root char-matrix Element once the initial render is committed.
+ */
+export function render(element, view) {
+    let entry = roots.get(view);
+    if (!entry) {
+        const container = { view, rootElement: null };
+        const fiberRoot = reconciler.createContainer(container, 0, // LegacyRoot tag
+        null, // hydrationCallbacks
+        false, // isStrictMode
+        null, // concurrentUpdatesByDefaultOverride
+        "", // identifierPrefix
+        (err) => console.error(err), // onUncaughtError
+        (err) => console.error(err), // onCaughtError
+        (err) => console.error(err), // onRecoverableError
+        () => { });
+        entry = { fiberRoot, container };
+        roots.set(view, entry);
+    }
+    reconciler.updateContainer(element, entry.fiberRoot, null, () => { });
+    // Flush synchronous work so the tree is committed immediately.
+    reconciler.flushSync();
+    return entry.container.rootElement;
+}
+/**
+ * Unmount a previously rendered tree, unregistering all elements from the view.
+ */
+export function unmount(view) {
+    const entry = roots.get(view);
+    if (entry) {
+        reconciler.updateContainer(null, entry.fiberRoot, null, () => { });
+        reconciler.flushSync();
+        roots.delete(view);
+    }
+}
+//# sourceMappingURL=renderer.js.map

package/dist/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAiB,MAAM,cAAc,CAAC;AAEzD,MAAM,UAAU,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;AAE/C,uEAAuE;AACvE,MAAM,KAAK,GAAG,IAAI,GAAG,EAGlB,CAAC;AAEJ;;;;;GAKG;AACH,MAAM,UAAU,MAAM,CAAC,OAAkB,EAAE,IAAkB;IAC3D,IAAI,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAE5B,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,SAAS,GAAkB,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;QAC7D,MAAM,SAAS,GAAG,UAAU,CAAC,eAAe,CAC1C,SAAS,EACT,CAAC,EAAE,iBAAiB;QACpB,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,qCAAqC;QAC3C,EAAE,EAAE,mBAAmB;QACvB,CAAC,GAAU,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,kBAAkB;QACtD,CAAC,GAAU,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,gBAAgB;QACpD,CAAC,GAAU,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,qBAAqB;QACzD,GAAG,EAAE,GAAE,CAAC,CACT,CAAC;QACF,KAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;QACjC,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACzB,CAAC;IAED,UAAU,CAAC,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAErE,+DAA+D;IAC/D,UAAU,CAAC,SAAS,EAAE,CAAC;IAEvB,OAAO,KAAK,CAAC,SAAS,CAAC,WAAY,CAAC;AACtC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,OAAO,CAAC,IAAkB;IACxC,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC9B,IAAI,KAAK,EAAE,CAAC;QACV,UAAU,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QAClE,UAAU,CAAC,SAAS,EAAE,CAAC;QACvB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC;AACH,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,11 @@
+import type { CMContainerProps, CMTextProps, CMTableProps } from "./hostConfig";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "cm-container": CMContainerProps;
+            "cm-text": CMTextProps;
+            "cm-table": CMTableProps;
+        }
+    }
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEhF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,gBAAgB,CAAC;YACjC,SAAS,EAAE,WAAW,CAAC;YACvB,UAAU,EAAE,YAAY,CAAC;SAC1B;KACF;CACF"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@adam26davidson/char-matrix-react-renderer",
+  "version": "0.0.2",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "rm -rf dist && tsc",
+    "clean": "rm -rf dist",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "dependencies": {
+    "react-reconciler": "^0.29.0"
+  },
+  "peerDependencies": {
+    "@adam26davidson/char-matrix": "*",
+    "react": "^18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-reconciler": "^0.33.0",
+    "typescript": "^5.2.2",
+    "vitest": "^3.0.2"
+  }
+}