@furystack/shades 11.1.0 → 12.0.1

package/esm/vnode.d.ts

@@ -0,0 +1,103 @@
+/**
+ * VNode-based reconciliation for Shades.
+ *
+ * Instead of creating real DOM elements during each render and then diffing them,
+ * the JSX factory produces lightweight VNode descriptors. A reconciler diffs the
+ * previous VNode tree against the new one and applies surgical DOM updates using
+ * tracked `_el` references.
+ */
+declare const VNODE_BRAND: "vnode";
+declare const VTEXT_BRAND: "vtext";
+/**
+ * Sentinel type used as VNode.type for JSX fragments (`<>...</>`).
+ */
+export declare const FRAGMENT: unique symbol;
+/**
+ * Sentinel type for VNodes that wrap a pre-existing real DOM node.
+ * Used when shadeChildren (created outside render mode) flow into a VNode render.
+ */
+export declare const EXISTING_NODE: unique symbol;
+/**
+ * A lightweight descriptor for a DOM element or Shade component.
+ */
+export type VNode = {
+    _brand: typeof VNODE_BRAND;
+    type: string | ((...args: unknown[]) => unknown) | typeof FRAGMENT | typeof EXISTING_NODE;
+    props: Record<string, unknown> | null;
+    children: VChild[];
+    _el?: Node;
+};
+/**
+ * A lightweight descriptor for a DOM text node.
+ */
+export type VTextNode = {
+    _brand: typeof VTEXT_BRAND;
+    text: string;
+    _el?: Text;
+};
+/**
+ * A single child in a VNode tree -- either an element/component or a text node.
+ */
+export type VChild = VNode | VTextNode;
+export declare const isVNode: (v: unknown) => v is VNode;
+export declare const isVTextNode: (v: unknown) => v is VTextNode;
+/**
+ * Recursively flattens raw JSX children into a flat VChild array.
+ * - Strings and numbers become VTextNodes.
+ * - Fragment VNodes are inlined (their children are spliced in).
+ * - Nullish / boolean values are skipped.
+ */
+export declare const flattenVChildren: (raw: unknown[]) => VChild[];
+/**
+ * Creates a VNode descriptor. Used as the JSX factory during renders.
+ *
+ * For intrinsic elements (string type), the returned VNode includes DOM-shim
+ * methods (`setAttribute`, `appendChild`, etc.) so that component code which
+ * creates intermediate JSX and calls DOM methods on it continues to work.
+ *
+ * @param type Tag name, Shade factory function, or null (fragment)
+ * @param props Element props / component props
+ * @param rawChildren Varargs children (strings, VNodes, arrays, etc.)
+ */
+export declare const createVNode: (type: string | ((...args: unknown[]) => unknown) | null, props: Record<string, unknown> | null, ...rawChildren: unknown[]) => VNode;
+/**
+ * Shallow-compares two props objects. Returns true if all keys and values match.
+ */
+export declare const shallowEqual: (a: Record<string, unknown> | null, b: Record<string, unknown> | null) => boolean;
+/**
+ * Converts a render result (VNode | HTMLElement | string | null) into a flat
+ * VChild array suitable for `patchChildren`.
+ *
+ * Real DOM elements can appear here when component state stores elements created
+ * outside renderMode (e.g. in async callbacks like Router's `updateUrl`).
+ */
+export declare const toVChildArray: (renderResult: unknown) => VChild[];
+/**
+ * Diffs old and new props and applies minimal updates to a live DOM element.
+ */
+export declare const patchProps: (el: Element, oldProps: Record<string, unknown> | null, newProps: Record<string, unknown> | null) => void;
+/**
+ * Creates real DOM nodes from a VChild and optionally appends to a parent.
+ * Sets `_el` on the VChild so subsequent patches can find the DOM node.
+ * @returns The created DOM node.
+ */
+export declare const mountChild: (child: VChild, parent: Node | null) => Node;
+/**
+ * Removes the DOM node associated with a VChild from its parent.
+ */
+export declare const unmountChild: (child: VChild) => void;
+/**
+ * Reconciles an array of old VChildren against new VChildren inside a parent
+ * DOM element. Patches matching pairs, removes excess old children, and
+ * mounts excess new children.
+ *
+ * **Note:** This uses positional (index-based) matching, not key-based
+ * reconciliation. Reordering list items will cause all children from the
+ * reorder point onward to be patched/replaced rather than moved. For
+ * dynamic lists where order changes frequently, wrap each item in its own
+ * Shade component so that the component boundary prevents unnecessary
+ * inner-DOM churn.
+ */
+export declare const patchChildren: (parentEl: Node, oldChildren: VChild[], newChildren: VChild[]) => void;
+export {};
+//# sourceMappingURL=vnode.d.ts.map

package/esm/vnode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vnode.d.ts","sourceRoot":"","sources":["../src/vnode.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAUH,QAAA,MAAM,WAAW,EAAG,OAAgB,CAAA;AACpC,QAAA,MAAM,WAAW,EAAG,OAAgB,CAAA;AAEpC;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,MAA2B,CAAA;AAEzD;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,OAAO,MAAgC,CAAA;AAMnE;;GAEG;AACH,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,OAAO,WAAW,CAAA;IAC1B,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,GAAG,OAAO,QAAQ,GAAG,OAAO,aAAa,CAAA;IACzF,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;IACrC,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,GAAG,CAAC,EAAE,IAAI,CAAA;CACX,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,EAAE,OAAO,WAAW,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,IAAI,CAAA;CACX,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,MAAM,GAAG,KAAK,GAAG,SAAS,CAAA;AAMtC,eAAO,MAAM,OAAO,GAAI,GAAG,OAAO,KAAG,CAAC,IAAI,KACkC,CAAA;AAE5E,eAAO,MAAM,WAAW,GAAI,GAAG,OAAO,KAAG,CAAC,IAAI,SACkC,CAAA;AAMhF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,KAAK,OAAO,EAAE,KAAG,MAAM,EAyBvD,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,GACtB,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,GAAG,IAAI,EACvD,OAAO,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,EACrC,GAAG,aAAa,OAAO,EAAE,KACxB,KAuCF,CAAA;AAMD;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,KAAG,OAUnG,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,cAAc,OAAO,KAAG,MAAM,EAuB3D,CAAA;AAwFD;;GAEG;AACH,eAAO,MAAM,UAAU,GACrB,IAAI,OAAO,EACX,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,EACxC,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,KACvC,IAmBF,CAAA;AAMD;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,EAAE,QAAQ,IAAI,GAAG,IAAI,KAAG,IA0C/D,CAAA;AAMD;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,IAU5C,CAAA;AAiFD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,GAAI,UAAU,IAAI,EAAE,aAAa,MAAM,EAAE,EAAE,aAAa,MAAM,EAAE,KAAG,IAgB5F,CAAA"}

package/esm/vnode.integration.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=vnode.integration.spec.d.ts.map

package/esm/vnode.integration.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vnode.integration.spec.d.ts","sourceRoot":"","sources":["../src/vnode.integration.spec.tsx"],"names":[],"mappings":""}

package/esm/vnode.integration.spec.js

@@ -0,0 +1,494 @@
+import { Injector } from '@furystack/inject';
+import { ObservableValue, usingAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { initializeShadeRoot } from './initialize.js';
+import { createComponent } from './shade-component.js';
+import { flushUpdates, Shade } from './shade.js';
+describe('VNode reconciliation integration tests', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    describe('focus preservation', () => {
+        it('should preserve focus on an input element across re-renders', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const ExampleComponent = Shade({
+                    shadowDomName: 'morph-focus-test',
+                    render: ({ useState }) => {
+                        const [label, setLabel] = useState('label', 'initial');
+                        return (createComponent("div", null,
+                            createComponent("label", null, label),
+                            createComponent("input", { id: "my-input", type: "text" }),
+                            createComponent("button", { id: "update-label", onclick: () => setLabel('updated') }, "Update")));
+                    },
+                });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(ExampleComponent, null),
+                });
+                await flushUpdates();
+                const input = document.getElementById('my-input');
+                input.focus();
+                expect(document.activeElement).toBe(input);
+                // Trigger a re-render by clicking the button
+                document.getElementById('update-label')?.click();
+                await flushUpdates();
+                // The label should have updated
+                expect(document.querySelector('label')?.textContent).toBe('updated');
+                // The same input element should still be in the DOM and focused
+                const inputAfter = document.getElementById('my-input');
+                expect(inputAfter).toBe(input);
+                expect(document.activeElement).toBe(input);
+            });
+        });
+        it('should preserve focus on a textarea across re-renders', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const ExampleComponent = Shade({
+                    shadowDomName: 'morph-focus-textarea-test',
+                    render: ({ useState }) => {
+                        const [count, setCount] = useState('count', 0);
+                        return (createComponent("div", null,
+                            createComponent("span", null,
+                                "Count: ",
+                                count),
+                            createComponent("textarea", { id: "my-textarea" }),
+                            createComponent("button", { id: "increment", onclick: () => setCount(count + 1) }, "+")));
+                    },
+                });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(ExampleComponent, null),
+                });
+                await flushUpdates();
+                const textarea = document.getElementById('my-textarea');
+                textarea.focus();
+                expect(document.activeElement).toBe(textarea);
+                document.getElementById('increment')?.click();
+                await flushUpdates();
+                expect(document.querySelector('span')?.textContent).toBe('Count: 1');
+                expect(document.getElementById('my-textarea')).toBe(textarea);
+                expect(document.activeElement).toBe(textarea);
+            });
+        });
+    });
+    describe('form value preservation', () => {
+        it('should preserve user-typed input value across re-renders when value is not controlled', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const ExampleComponent = Shade({
+                    shadowDomName: 'morph-form-value-test',
+                    render: ({ useState }) => {
+                        const [title, setTitle] = useState('title', 'Title');
+                        return (createComponent("div", null,
+                            createComponent("h1", null, title),
+                            createComponent("input", { id: "user-input", type: "text" }),
+                            createComponent("button", { id: "change-title", onclick: () => setTitle('New Title') }, "Change")));
+                    },
+                });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(ExampleComponent, null),
+                });
+                await flushUpdates();
+                // Simulate user typing
+                const input = document.getElementById('user-input');
+                input.value = 'user typed this';
+                // Trigger re-render
+                document.getElementById('change-title')?.click();
+                await flushUpdates();
+                // Title should have changed
+                expect(document.querySelector('h1')?.textContent).toBe('New Title');
+                // Input value should be preserved (same element, value not in render props)
+                const inputAfter = document.getElementById('user-input');
+                expect(inputAfter).toBe(input);
+                expect(inputAfter.value).toBe('user typed this');
+            });
+        });
+        it('should preserve checkbox checked state across re-renders', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const ExampleComponent = Shade({
+                    shadowDomName: 'morph-checkbox-test',
+                    render: ({ useState }) => {
+                        const [count, setCount] = useState('count', 0);
+                        return (createComponent("div", null,
+                            createComponent("span", null,
+                                "Count: ",
+                                count),
+                            createComponent("input", { id: "my-checkbox", type: "checkbox" }),
+                            createComponent("button", { id: "increment", onclick: () => setCount(count + 1) }, "+")));
+                    },
+                });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(ExampleComponent, null),
+                });
+                await flushUpdates();
+                // User checks the checkbox
+                const checkbox = document.getElementById('my-checkbox');
+                checkbox.checked = true;
+                // Trigger re-render
+                document.getElementById('increment')?.click();
+                await flushUpdates();
+                expect(document.querySelector('span')?.textContent).toBe('Count: 1');
+                // Checkbox should still be checked
+                const checkboxAfter = document.getElementById('my-checkbox');
+                expect(checkboxAfter).toBe(checkbox);
+                expect(checkboxAfter.checked).toBe(true);
+            });
+        });
+        it('should preserve select value across re-renders', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const ExampleComponent = Shade({
+                    shadowDomName: 'morph-select-test',
+                    render: ({ useState }) => {
+                        const [label, setLabel] = useState('label', 'Pick one');
+                        return (createComponent("div", null,
+                            createComponent("label", null, label),
+                            createComponent("select", { id: "my-select" },
+                                createComponent("option", { value: "a" }, "A"),
+                                createComponent("option", { value: "b" }, "B"),
+                                createComponent("option", { value: "c" }, "C")),
+                            createComponent("button", { id: "update-label", onclick: () => setLabel('Updated label') }, "Update")));
+                    },
+                });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(ExampleComponent, null),
+                });
+                await flushUpdates();
+                // User selects option B
+                const select = document.getElementById('my-select');
+                select.value = 'b';
+                // Trigger re-render
+                document.getElementById('update-label')?.click();
+                await flushUpdates();
+                expect(document.querySelector('label')?.textContent).toBe('Updated label');
+                // Select should still have value 'b'
+                const selectAfter = document.getElementById('my-select');
+                expect(selectAfter).toBe(select);
+                expect(selectAfter.value).toBe('b');
+            });
+        });
+    });
+    describe('element identity preservation', () => {
+        it('should preserve DOM element references across re-renders', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const ExampleComponent = Shade({
+                    shadowDomName: 'morph-identity-test',
+                    render: ({ useState }) => {
+                        const [count, setCount] = useState('count', 0);
+                        return (createComponent("div", { id: "container" },
+                            createComponent("span", { id: "counter" },
+                                "Count: ",
+                                count),
+                            createComponent("button", { id: "increment", onclick: () => setCount(count + 1) }, "+")));
+                    },
+                });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(ExampleComponent, null),
+                });
+                await flushUpdates();
+                const container = document.getElementById('container');
+                const counter = document.getElementById('counter');
+                const button = document.getElementById('increment');
+                // Trigger re-render
+                button?.click();
+                await flushUpdates();
+                // Same elements should be reused
+                expect(document.getElementById('container')).toBe(container);
+                expect(document.getElementById('counter')).toBe(counter);
+                expect(document.getElementById('increment')).toBe(button);
+                expect(counter?.textContent).toBe('Count: 1');
+            });
+        });
+        it('should replace element when tag changes between renders', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const ExampleComponent = Shade({
+                    shadowDomName: 'morph-tag-change-test',
+                    render: ({ useState }) => {
+                        const [useDiv, setUseDiv] = useState('useDiv', true);
+                        return useDiv ? (createComponent("div", { id: "content" },
+                            createComponent("button", { id: "toggle", onclick: () => setUseDiv(false) }, "Toggle"))) : (createComponent("section", { id: "content" },
+                            createComponent("button", { id: "toggle", onclick: () => setUseDiv(true) }, "Toggle")));
+                    },
+                });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(ExampleComponent, null),
+                });
+                await flushUpdates();
+                const oldContent = document.getElementById('content');
+                expect(oldContent?.tagName).toBe('DIV');
+                document.getElementById('toggle')?.click();
+                await flushUpdates();
+                const newContent = document.getElementById('content');
+                expect(newContent?.tagName).toBe('SECTION');
+                // Different tag means different element
+                expect(newContent).not.toBe(oldContent);
+            });
+        });
+    });
+    describe('animation continuity', () => {
+        it('should preserve CSS class-based transitions by keeping element identity', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const ExampleComponent = Shade({
+                    shadowDomName: 'morph-animation-test',
+                    render: ({ useState }) => {
+                        const [isActive, setIsActive] = useState('isActive', false);
+                        return (createComponent("div", null,
+                            createComponent("div", { id: "animated-box", className: isActive ? 'active' : 'inactive' }),
+                            createComponent("button", { id: "activate", onclick: () => setIsActive(true) }, "Activate")));
+                    },
+                });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(ExampleComponent, null),
+                });
+                await flushUpdates();
+                const box = document.getElementById('animated-box');
+                expect(box?.className).toBe('inactive');
+                document.getElementById('activate')?.click();
+                await flushUpdates();
+                // Same element, class updated in place (animation would continue)
+                const boxAfter = document.getElementById('animated-box');
+                expect(boxAfter).toBe(box);
+                expect(boxAfter?.className).toBe('active');
+            });
+        });
+        it('should preserve inline style transitions by keeping element identity', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const ExampleComponent = Shade({
+                    shadowDomName: 'morph-style-transition-test',
+                    render: ({ useState }) => {
+                        const [isExpanded, setIsExpanded] = useState('isExpanded', false);
+                        return (createComponent("div", null,
+                            createComponent("div", { id: "expandable", style: {
+                                    height: isExpanded ? '200px' : '50px',
+                                    transition: 'height 0.3s ease',
+                                } }),
+                            createComponent("button", { id: "expand", onclick: () => setIsExpanded(!isExpanded) }, "Toggle")));
+                    },
+                });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(ExampleComponent, null),
+                });
+                await flushUpdates();
+                const expandable = document.getElementById('expandable');
+                expect(expandable?.style.height).toBe('50px');
+                document.getElementById('expand')?.click();
+                await flushUpdates();
+                // Same element, style updated in place (transition would animate)
+                const expandableAfter = document.getElementById('expandable');
+                expect(expandableAfter).toBe(expandable);
+                expect(expandableAfter?.style.height).toBe('200px');
+                expect(expandableAfter?.style.transition).toBe('height 0.3s ease');
+            });
+        });
+    });
+    describe('event handler updates', () => {
+        it('should update event handlers after re-render (closures capture new state)', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const clicks = [];
+                const ExampleComponent = Shade({
+                    shadowDomName: 'morph-handler-test',
+                    render: ({ useState }) => {
+                        const [count, setCount] = useState('count', 0);
+                        return (createComponent("div", null,
+                            createComponent("span", { id: "count" }, count),
+                            createComponent("button", { id: "increment", onclick: () => {
+                                    clicks.push(count);
+                                    setCount(count + 1);
+                                } }, "+")));
+                    },
+                });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(ExampleComponent, null),
+                });
+                await flushUpdates();
+                const button = document.getElementById('increment');
+                // First click: count is 0
+                button.click();
+                await flushUpdates();
+                expect(clicks).toEqual([0]);
+                expect(document.getElementById('count')?.textContent).toBe('1');
+                // Second click: handler should capture count=1 after morph
+                button.click();
+                await flushUpdates();
+                expect(clicks).toEqual([0, 1]);
+                expect(document.getElementById('count')?.textContent).toBe('2');
+                // Third click: handler should capture count=2
+                button.click();
+                await flushUpdates();
+                expect(clicks).toEqual([0, 1, 2]);
+                expect(document.getElementById('count')?.textContent).toBe('3');
+            });
+        });
+    });
+    describe('observable-driven re-renders with morphing', () => {
+        it('should morph correctly when observable drives updates', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const obs = new ObservableValue('hello');
+                const ExampleComponent = Shade({
+                    shadowDomName: 'morph-observable-test',
+                    render: ({ useObservable }) => {
+                        const [value] = useObservable('obs', obs);
+                        return (createComponent("div", null,
+                            createComponent("span", { id: "value" }, value),
+                            createComponent("input", { id: "my-input", type: "text" })));
+                    },
+                });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(ExampleComponent, null),
+                });
+                await flushUpdates();
+                const input = document.getElementById('my-input');
+                const span = document.getElementById('value');
+                input.value = 'user text';
+                input.focus();
+                // External observable change
+                obs.setValue('world');
+                await flushUpdates();
+                // Text should update
+                expect(document.getElementById('value')).toBe(span);
+                expect(span.textContent).toBe('world');
+                // Input should be preserved
+                expect(document.getElementById('my-input')).toBe(input);
+                expect(input.value).toBe('user text');
+                expect(document.activeElement).toBe(input);
+            });
+        });
+    });
+    describe('fragment render result morphing', () => {
+        it('should morph fragment children across re-renders', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const ExampleComponent = Shade({
+                    shadowDomName: 'morph-fragment-test',
+                    render: ({ useState }) => {
+                        const [count, setCount] = useState('count', 0);
+                        return (createComponent(createComponent, null,
+                            createComponent("p", { id: "counter" },
+                                "Count: ",
+                                count),
+                            createComponent("button", { id: "increment", onclick: () => setCount(count + 1) }, "+")));
+                    },
+                });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(ExampleComponent, null),
+                });
+                await flushUpdates();
+                const counter = document.getElementById('counter');
+                const button = document.getElementById('increment');
+                button?.click();
+                await flushUpdates();
+                // Elements should be reused
+                expect(document.getElementById('counter')).toBe(counter);
+                expect(document.getElementById('increment')).toBe(button);
+                expect(counter?.textContent).toBe('Count: 1');
+            });
+        });
+    });
+    describe('text render result optimization', () => {
+        it('should efficiently update text-only render results', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const ExampleComponent = Shade({
+                    shadowDomName: 'morph-text-result-test',
+                    render: ({ useState }) => {
+                        const [text] = useState('text', 'initial');
+                        return text;
+                    },
+                });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(ExampleComponent, null),
+                });
+                await flushUpdates();
+                const shadeEl = document.querySelector('morph-text-result-test');
+                expect(shadeEl.textContent).toBe('initial');
+                const textNode = shadeEl.firstChild;
+                // Trigger update via the shade element
+                const el = shadeEl;
+                el.resourceManager.stateObservers
+                    .get('text')
+                    ?.setValue('updated');
+                await flushUpdates();
+                expect(shadeEl.textContent).toBe('updated');
+                // Text node should be reused (not recreated)
+                expect(shadeEl.firstChild).toBe(textNode);
+            });
+        });
+    });
+    describe('Shade component boundary morphing', () => {
+        it('should update child Shade component props without recreating it', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const childRenderSpy = vi.fn();
+                const ChildComponent = Shade({
+                    shadowDomName: 'morph-child-component',
+                    render: ({ props }) => {
+                        childRenderSpy();
+                        return createComponent("span", { id: "child-value" }, props.value);
+                    },
+                });
+                const ParentComponent = Shade({
+                    shadowDomName: 'morph-parent-component',
+                    render: ({ useState }) => {
+                        const [count, setCount] = useState('count', 0);
+                        return (createComponent("div", null,
+                            createComponent(ChildComponent, { value: count }),
+                            createComponent("button", { id: "parent-increment", onclick: () => setCount(count + 1) }, "+")));
+                    },
+                });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(ParentComponent, null),
+                });
+                await flushUpdates();
+                await flushUpdates();
+                expect(document.getElementById('child-value')?.textContent).toBe('0');
+                const childElement = document.querySelector('morph-child-component');
+                // Trigger parent re-render
+                document.getElementById('parent-increment')?.click();
+                await flushUpdates();
+                await flushUpdates();
+                // Child should be the same DOM element (not recreated)
+                expect(document.querySelector('morph-child-component')).toBe(childElement);
+                // Child should have been updated with new props
+                expect(document.getElementById('child-value')?.textContent).toBe('1');
+            });
+        });
+    });
+});
+//# sourceMappingURL=vnode.integration.spec.js.map

package/esm/vnode.integration.spec.js.map

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