@furystack/shades 11.1.0 → 12.0.1

package/esm/shade-component.js

@@ -1,6 +1,22 @@
 import { isShadeComponent } from './models/shade-component.js';
+import { SVG_NS, isSvgTag } from './svg.js';
+import { createVNode } from './vnode.js';
+// ---------------------------------------------------------------------------
+// Render-mode toggle
+// ---------------------------------------------------------------------------
+let renderMode = false;
 /**
- * Appends a list of items to a HTML element
+ * When true, the JSX factory produces VNode descriptors instead of real DOM elements.
+ * Set to true by `_performUpdate` before calling `render()`, then back to false after.
+ */
+export const setRenderMode = (mode) => {
+    renderMode = mode;
+};
+// ---------------------------------------------------------------------------
+// Real-DOM helpers (used outside render mode)
+// ---------------------------------------------------------------------------
+/**
+ * Appends a list of items to an element
  * @param el the root element
  * @param children array of items to append
  */
@@ -10,7 +26,7 @@ export const appendChild = (el, children) => {
             el.appendChild(document.createTextNode(child));
         }
         else {
-            if (child instanceof HTMLElement || child instanceof DocumentFragment) {
+            if (child instanceof Element || child instanceof DocumentFragment) {
                 el.appendChild(child);
             }
             else if (child instanceof Array) {
@@ -39,7 +55,7 @@ export const attachStyles = (el, props) => {
 export const attachDataAttributes = (el, props) => {
     if (props) {
         Object.entries(props)
-            .filter(([key]) => key.startsWith('data-'))
+            .filter(([key]) => key.startsWith('data-') || key.startsWith('aria-'))
             .forEach(([key, value]) => el.setAttribute(key, value || ''));
     }
 };
@@ -62,14 +78,50 @@ export const attachProps = (el, props) => {
     }
     attachDataAttributes(el, props);
 };
+/**
+ * Attaches properties to an SVG element via setAttribute.
+ * SVG attributes are XML-based and must be set via setAttribute,
+ * not via property assignment like HTML elements.
+ * @param el The target SVG element
+ * @param props The props to attach
+ */
+export const attachSvgProps = (el, props) => {
+    if (!props) {
+        return;
+    }
+    for (const [key, value] of Object.entries(props)) {
+        if (key === 'style' && typeof value === 'object' && value !== null) {
+            for (const [sk, sv] of Object.entries(value)) {
+                ;
+                el.style[sk] = sv;
+            }
+        }
+        else if (key === 'className') {
+            el.setAttribute('class', String(value));
+        }
+        else if (key.startsWith('on') && typeof value === 'function') {
+            ;
+            el[key] = value;
+        }
+        else if (value !== null && value !== undefined && value !== false) {
+            el.setAttribute(key, String(value));
+        }
+    }
+};
 /**
  * Factory method that creates a component. This should be configured as a default JSX Factory in tsconfig.
  * @returns the created JSX element
  */
 export const createComponentInner = (...[elementType, props, ...children]) => {
     if (typeof elementType === 'string') {
-        const el = document.createElement(elementType);
-        attachProps(el, props);
+        const isSvg = isSvgTag(elementType);
+        const el = isSvg ? document.createElementNS(SVG_NS, elementType) : document.createElement(elementType);
+        if (isSvg) {
+            attachSvgProps(el, props);
+        }
+        else {
+            attachProps(el, props);
+        }
         if (children) {
             appendChild(el, children);
         }
@@ -88,6 +140,16 @@ export const createFragmentInner = (...[_props, ...children]) => {
     return fragment;
 };
 export const createComponent = (...args) => {
+    // In render mode, produce VNode descriptors instead of real DOM elements
+    if (renderMode) {
+        const [type, props, ...children] = args;
+        // When jsxFragmentFactory === jsxFactory (both "createComponent"), the compiler
+        // passes createComponent itself as the first arg for fragments: createComponent(createComponent, null, ...)
+        if (type === null || type === createComponent) {
+            return createVNode(null, null, ...children);
+        }
+        return createVNode(type, props, ...children);
+    }
     if (args[0] === null) {
         return createFragmentInner(...args);
     }

package/esm/shade-component.js.map

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

package/esm/shade-host-props-ref.integration.spec.d.ts

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

package/esm/shade-host-props-ref.integration.spec.d.ts.map

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

package/esm/shade-host-props-ref.integration.spec.js

@@ -0,0 +1,381 @@
+import { Injector } from '@furystack/inject';
+import { ObservableValue, usingAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+import { initializeShadeRoot } from './initialize.js';
+import { createComponent } from './shade-component.js';
+import { flushUpdates, Shade } from './shade.js';
+describe('useHostProps integration tests', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    it('should set data attributes on the host element', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const ExampleComponent = Shade({
+                shadowDomName: 'host-props-data-attr-test',
+                render: ({ props, useHostProps }) => {
+                    useHostProps({
+                        'data-variant': props.variant,
+                    });
+                    return createComponent("div", null, "content");
+                },
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, { variant: "primary" }),
+            });
+            await flushUpdates();
+            const el = document.querySelector('host-props-data-attr-test');
+            expect(el).toBeTruthy();
+            expect(el.getAttribute('data-variant')).toBe('primary');
+        });
+    });
+    it('should set aria attributes on the host element', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const ExampleComponent = Shade({
+                shadowDomName: 'host-props-aria-test',
+                render: ({ useHostProps }) => {
+                    useHostProps({
+                        role: 'progressbar',
+                        'aria-valuenow': '50',
+                        'aria-valuemin': '0',
+                        'aria-valuemax': '100',
+                    });
+                    return createComponent("div", null, "progress");
+                },
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            await flushUpdates();
+            const el = document.querySelector('host-props-aria-test');
+            expect(el.getAttribute('role')).toBe('progressbar');
+            expect(el.getAttribute('aria-valuenow')).toBe('50');
+            expect(el.getAttribute('aria-valuemin')).toBe('0');
+            expect(el.getAttribute('aria-valuemax')).toBe('100');
+        });
+    });
+    it('should apply CSS custom properties via style', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const ExampleComponent = Shade({
+                shadowDomName: 'host-props-css-vars-test',
+                render: ({ useHostProps }) => {
+                    useHostProps({
+                        style: {
+                            '--my-color': 'red',
+                            '--my-size': '16px',
+                        },
+                    });
+                    return createComponent("div", null, "styled");
+                },
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            await flushUpdates();
+            const el = document.querySelector('host-props-css-vars-test');
+            expect(el.style.getPropertyValue('--my-color')).toBe('red');
+            expect(el.style.getPropertyValue('--my-size')).toBe('16px');
+        });
+    });
+    it('should apply standard inline styles', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const ExampleComponent = Shade({
+                shadowDomName: 'host-props-inline-style-test',
+                render: ({ useHostProps }) => {
+                    useHostProps({
+                        style: {
+                            display: 'flex',
+                            gap: '8px',
+                        },
+                    });
+                    return createComponent("div", null, "styled");
+                },
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            await flushUpdates();
+            const el = document.querySelector('host-props-inline-style-test');
+            expect(el.style.display).toBe('flex');
+            expect(el.style.gap).toBe('8px');
+        });
+    });
+    it('should merge multiple useHostProps calls', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const ExampleComponent = Shade({
+                shadowDomName: 'host-props-merge-test',
+                render: ({ useHostProps }) => {
+                    useHostProps({
+                        'data-first': 'one',
+                        style: { '--color-a': 'red' },
+                    });
+                    useHostProps({
+                        'data-second': 'two',
+                        style: { '--color-b': 'blue' },
+                    });
+                    return createComponent("div", null, "merged");
+                },
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            await flushUpdates();
+            const el = document.querySelector('host-props-merge-test');
+            expect(el.getAttribute('data-first')).toBe('one');
+            expect(el.getAttribute('data-second')).toBe('two');
+            expect(el.style.getPropertyValue('--color-a')).toBe('red');
+            expect(el.style.getPropertyValue('--color-b')).toBe('blue');
+        });
+    });
+    it('should remove attributes when they are no longer set on re-render', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const showExtra = new ObservableValue(true);
+            const ExampleComponent = Shade({
+                shadowDomName: 'host-props-remove-attr-test',
+                render: ({ useHostProps, useObservable }) => {
+                    const [show] = useObservable('showExtra', showExtra);
+                    useHostProps({
+                        'data-always': 'yes',
+                        ...(show ? { 'data-extra': 'present' } : {}),
+                    });
+                    return createComponent("div", null, "content");
+                },
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            await flushUpdates();
+            const el = document.querySelector('host-props-remove-attr-test');
+            expect(el.getAttribute('data-always')).toBe('yes');
+            expect(el.getAttribute('data-extra')).toBe('present');
+            showExtra.setValue(false);
+            await flushUpdates();
+            expect(el.getAttribute('data-always')).toBe('yes');
+            expect(el.getAttribute('data-extra')).toBeNull();
+        });
+    });
+    it('should remove CSS custom properties when they are no longer set', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const showColor = new ObservableValue(true);
+            const ExampleComponent = Shade({
+                shadowDomName: 'host-props-remove-css-var-test',
+                render: ({ useHostProps, useObservable }) => {
+                    const [show] = useObservable('showColor', showColor);
+                    useHostProps({
+                        style: {
+                            display: 'block',
+                            ...(show ? { '--my-color': 'red' } : {}),
+                        },
+                    });
+                    return createComponent("div", null, "content");
+                },
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            await flushUpdates();
+            const el = document.querySelector('host-props-remove-css-var-test');
+            expect(el.style.getPropertyValue('--my-color')).toBe('red');
+            expect(el.style.display).toBe('block');
+            showColor.setValue(false);
+            await flushUpdates();
+            expect(el.style.getPropertyValue('--my-color')).toBe('');
+            expect(el.style.display).toBe('block');
+        });
+    });
+    it('should set event handlers on the host element', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            let clicked = false;
+            const ExampleComponent = Shade({
+                shadowDomName: 'host-props-event-test',
+                render: ({ useHostProps }) => {
+                    useHostProps({
+                        onclick: () => {
+                            clicked = true;
+                        },
+                    });
+                    return createComponent("div", null, "clickable");
+                },
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            await flushUpdates();
+            const el = document.querySelector('host-props-event-test');
+            el.click();
+            expect(clicked).toBe(true);
+        });
+    });
+});
+describe('useRef integration tests', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    it('should set ref.current to the mounted element', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            let capturedRef;
+            const ExampleComponent = Shade({
+                shadowDomName: 'use-ref-basic-test',
+                render: ({ useRef }) => {
+                    const divRef = useRef('myDiv');
+                    capturedRef = divRef;
+                    return (createComponent("div", { ref: divRef, id: "target" }, "hello"));
+                },
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            await flushUpdates();
+            expect(capturedRef).toBeTruthy();
+            expect(capturedRef.current).toBeTruthy();
+            expect(capturedRef.current).toBe(document.getElementById('target'));
+            expect(capturedRef.current?.textContent).toBe('hello');
+        });
+    });
+    it('should return the same ref object across re-renders', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const counter = new ObservableValue(0);
+            const capturedRefs = [];
+            const ExampleComponent = Shade({
+                shadowDomName: 'use-ref-stable-test',
+                render: ({ useRef, useObservable }) => {
+                    const [count] = useObservable('counter', counter);
+                    const divRef = useRef('myDiv');
+                    capturedRefs.push(divRef);
+                    return createComponent("div", { ref: divRef }, count);
+                },
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            await flushUpdates();
+            counter.setValue(1);
+            await flushUpdates();
+            counter.setValue(2);
+            await flushUpdates();
+            expect(capturedRefs.length).toBe(3);
+            expect(capturedRefs[0]).toBe(capturedRefs[1]);
+            expect(capturedRefs[1]).toBe(capturedRefs[2]);
+        });
+    });
+    it('should set ref.current on nested child elements', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            let capturedInputRef;
+            const ExampleComponent = Shade({
+                shadowDomName: 'use-ref-nested-test',
+                render: ({ useRef }) => {
+                    const inputRef = useRef('input');
+                    capturedInputRef = inputRef;
+                    return (createComponent("div", null,
+                        createComponent("label", null,
+                            createComponent("input", { ref: inputRef, type: "text", id: "my-input" }))));
+                },
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            await flushUpdates();
+            expect(capturedInputRef).toBeTruthy();
+            expect(capturedInputRef.current).toBeTruthy();
+            expect(capturedInputRef.current).toBe(document.getElementById('my-input'));
+            expect(capturedInputRef.current?.type).toBe('text');
+        });
+    });
+    it('should clear ref.current when element is unmounted', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const showChild = new ObservableValue(true);
+            let capturedRef;
+            const ExampleComponent = Shade({
+                shadowDomName: 'use-ref-unmount-test',
+                render: ({ useRef, useObservable }) => {
+                    const [show] = useObservable('showChild', showChild);
+                    const spanRef = useRef('span');
+                    capturedRef = spanRef;
+                    return createComponent("div", null, show ? createComponent("span", { ref: spanRef }, "visible") : null);
+                },
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            await flushUpdates();
+            expect(capturedRef.current).toBeTruthy();
+            expect(capturedRef.current?.textContent).toBe('visible');
+            showChild.setValue(false);
+            await flushUpdates();
+            expect(capturedRef.current).toBeNull();
+        });
+    });
+    it('should work with useRef in onChange callbacks', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const counter = new ObservableValue(0);
+            const ExampleComponent = Shade({
+                shadowDomName: 'use-ref-onchange-test',
+                render: ({ useRef, useObservable }) => {
+                    const spanRef = useRef('counterSpan');
+                    useObservable('counter', counter, {
+                        onChange: (value) => {
+                            if (spanRef.current) {
+                                spanRef.current.textContent = String(value);
+                            }
+                        },
+                    });
+                    return (createComponent("span", { ref: spanRef, id: "counter-span" }, "0"));
+                },
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            await flushUpdates();
+            const span = document.getElementById('counter-span');
+            expect(span?.textContent).toBe('0');
+            counter.setValue(42);
+            await flushUpdates();
+            expect(span?.textContent).toBe('42');
+        });
+    });
+});
+//# sourceMappingURL=shade-host-props-ref.integration.spec.js.map

package/esm/shade-host-props-ref.integration.spec.js.map

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