@nordcraft/runtime 1.0.0

package/dist/components/createNode.js

@@ -0,0 +1,272 @@
+import { applyFormula } from '@nordcraft/core/dist/formula/formula';
+import { toBoolean } from '@nordcraft/core/dist/utils/util';
+import { signal } from '../signal/signal';
+import { ensureEfficientOrdering, getNextSiblingElement } from '../utils/nodes';
+import { createComponent } from './createComponent';
+import { createElement } from './createElement';
+import { createSlot } from './createSlot';
+import { createText } from './createText';
+export function createNode({ id, dataSignal, path, ctx, namespace, parentElement, instance, }) {
+    const node = ctx.component.nodes[id];
+    if (!node) {
+        return [];
+    }
+    const create = ({ node, ...props }) => {
+        switch (node.type) {
+            case 'element':
+                return [
+                    createElement({
+                        node,
+                        ...props,
+                    }),
+                ];
+            case 'component':
+                // eslint-disable-next-line no-case-declarations
+                const isLocalComponent = ctx.components.some((c) => c.name === node.name);
+                return createComponent({
+                    node: { ...node, id }, // we need the node id for instance classes
+                    ...props,
+                    ctx: {
+                        ...ctx,
+                        package: node.package ?? (isLocalComponent ? undefined : ctx.package),
+                    },
+                    parentElement,
+                });
+            case 'text':
+                return [createText({ ...props, node })];
+            case 'slot':
+                return createSlot({ ...props, node });
+        }
+    };
+    function conditional({ node, dataSignal, id, path, ctx, namespace, parentElement, instance, }) {
+        let firstRun = true;
+        let childDataSignal = null;
+        const showSignal = dataSignal.map((data) => toBoolean(applyFormula(node.condition, {
+            data,
+            component: ctx.component,
+            formulaCache: ctx.formulaCache,
+            root: ctx.root,
+            package: ctx.package,
+            toddle: ctx.toddle,
+            env: ctx.env,
+        })));
+        const elements = [];
+        const toggle = (show) => {
+            if (show && elements.length === 0) {
+                childDataSignal?.destroy();
+                childDataSignal = dataSignal.map((data) => data);
+                elements.push(...create({
+                    node,
+                    dataSignal: childDataSignal,
+                    path,
+                    id,
+                    ctx,
+                    namespace,
+                    parentElement,
+                    instance,
+                }));
+                // No reason to continue if we are on first run, as the render phase has not yet been reached
+                if (firstRun) {
+                    return;
+                }
+                if (!parentElement || ctx.root.contains(parentElement) === false) {
+                    console.error(`Conditional: Parent element does not exist for "${path}" This is likely due to the DOM being modified outside of toddle.`);
+                    return;
+                }
+                if (parentElement.querySelector(`[data-id="${path}"]`)) {
+                    console.warn(`Conditional: Element with data-id="${path}" already exists. This is likely due to the DOM being modified outside of toddle`);
+                    return;
+                }
+                const nextPathElement = getNextSiblingElement(path, parentElement);
+                for (const element of elements) {
+                    parentElement.insertBefore(element, nextPathElement);
+                }
+            }
+            else if (!show) {
+                childDataSignal?.destroy();
+                elements.forEach((elem) => elem.remove());
+                elements.splice(0, elements.length);
+            }
+        };
+        showSignal.subscribe(toggle, {
+            destroy: () => {
+                childDataSignal?.destroy();
+            },
+        });
+        if (ctx.env.runtime === 'preview' && ctx.toddle._preview) {
+            ctx.toddle._preview.showSignal.subscribe(({ displayedNodes, testMode }) => {
+                if (displayedNodes.includes(path) && !testMode) {
+                    // only override the default show if we are in design mode (not test mode)
+                    toggle(true);
+                }
+                else {
+                    toggle(showSignal.get());
+                }
+            });
+        }
+        firstRun = false;
+        return elements;
+    }
+    function repeat() {
+        let firstRun = true;
+        let repeatItems = new Map();
+        const repeatSignal = dataSignal.map((data) => {
+            const list = applyFormula(node.repeat, {
+                data,
+                component: ctx.component,
+                formulaCache: ctx.formulaCache,
+                root: ctx.root,
+                package: ctx.package,
+                toddle: ctx.toddle,
+                env: ctx.env,
+            });
+            if (typeof list !== 'object') {
+                return [];
+            }
+            return Object.entries(list ?? {});
+        });
+        repeatSignal.subscribe((list) => {
+            const newRepeatItems = new Map();
+            for (let i = 0; i < list.length; i++) {
+                const [Key, Item] = list[i];
+                const childData = {
+                    ...dataSignal.get(),
+                    ListItem: {
+                        ...(dataSignal.get().ListItem
+                            ? { Parent: dataSignal.get().ListItem }
+                            : {}),
+                        Item,
+                        Index: Number(i),
+                        Key,
+                    },
+                };
+                let childKey = node.repeatKey
+                    ? applyFormula(node.repeatKey, {
+                        data: childData,
+                        component: ctx.component,
+                        formulaCache: ctx.formulaCache,
+                        root: ctx.root,
+                        package: ctx.package,
+                        toddle: ctx.toddle,
+                        env: ctx.env,
+                    })
+                    : Key;
+                // Can't we just use the Item reference as key as we have fine-grained reactivity at this point?
+                // That way we won't need repeatKey at all as everything will be optimized by reference?!?
+                // https://github.com/solidjs/solid/discussions/366#discussioncomment-1220239
+                // childKey = Item
+                // Do fallback to Key(index) if repeatKey has duplicate values.
+                // This will essentially disable the optimization for repeatKey and will always re-render the children on every change.
+                if (newRepeatItems.has(childKey)) {
+                    console.warn(`Duplicate key "${childKey}" found in repeat. Fallback to index as key. This will cause a re-render of the duplicated children on every change.`);
+                    childKey = Key;
+                }
+                const existingItem = repeatItems.get(childKey);
+                if (existingItem) {
+                    newRepeatItems.set(childKey, existingItem);
+                    existingItem.dataSignal.update((data) => {
+                        return {
+                            ...data,
+                            ListItem: {
+                                ...(dataSignal.get().ListItem
+                                    ? { Parent: dataSignal.get().ListItem }
+                                    : {}),
+                                Item,
+                                Index: Number(i),
+                                Key,
+                            },
+                        };
+                    });
+                }
+                else {
+                    const childDataSignal = signal(childData);
+                    const cleanup = dataSignal.subscribe((data) => {
+                        if (firstRun) {
+                            return;
+                        }
+                        childDataSignal.update(({ ListItem }) => {
+                            return {
+                                ...data,
+                                ListItem,
+                            };
+                        });
+                    }, {
+                        destroy: () => childDataSignal.destroy(),
+                    });
+                    const args = {
+                        node,
+                        id,
+                        dataSignal: childDataSignal,
+                        path: Key === '0' ? path : `${path}(${Key})`,
+                        ctx,
+                        namespace,
+                        parentElement,
+                        instance,
+                    };
+                    const elements = node.condition ? conditional(args) : create(args);
+                    newRepeatItems.set(childKey, {
+                        dataSignal: childDataSignal,
+                        cleanup,
+                        elements,
+                    });
+                }
+            }
+            // Cleanup removed items' data
+            Array.from(repeatItems.entries()).forEach(([key, item]) => {
+                if (!newRepeatItems.has(key)) {
+                    item.cleanup();
+                    item.dataSignal.destroy();
+                    item.elements.forEach((e) => e.remove());
+                }
+            });
+            repeatItems = newRepeatItems;
+            // No reason to continue if we are on first run, as the render-phase for the parent
+            // has not yet been reached, or if there are no items to render
+            if (firstRun || repeatItems.size === 0) {
+                return;
+            }
+            if (!parentElement || ctx.root.contains(parentElement) === false) {
+                console.error(`Repeat: Parent element does not exist for ${path}. This is likely due to the DOM being modified outside of toddle.`);
+                return;
+            }
+            ensureEfficientOrdering(parentElement, Array.from(repeatItems.values()).flatMap((e) => e.elements), getNextSiblingElement(path, parentElement));
+        }, {
+            destroy: () => Array.from(repeatItems.values()).forEach((e) => {
+                e.cleanup();
+                e.dataSignal.destroy();
+                e.elements.forEach((e) => e.remove());
+            }),
+        });
+        // We utilize that the signal subscription runs synchronously above,
+        // so we already have a populated repeatItems map to return initially.
+        // Note: `repeatItems.values()` is okay here, as maps' iterator is ordered by insertion.
+        firstRun = false;
+        return Array.from(repeatItems.values()).flatMap((e) => e.elements);
+    }
+    if (node.repeat) {
+        return repeat();
+    }
+    if (node.condition) {
+        return conditional({
+            node,
+            dataSignal,
+            ctx,
+            id,
+            path,
+            namespace,
+            parentElement,
+            instance,
+        });
+    }
+    return create({
+        node,
+        dataSignal,
+        ctx,
+        id,
+        path,
+        namespace,
+        parentElement,
+        instance,
+    });
+}
+//# sourceMappingURL=createNode.js.map

package/dist/components/createNode.js.map

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

package/dist/components/createSlot.d.ts

@@ -0,0 +1,3 @@
+import type { SlotNodeModel } from '@nordcraft/core/dist/component/component.types';
+import type { NodeRenderer } from './createNode';
+export declare function createSlot({ path, node, dataSignal, ctx, parentElement, instance, namespace, }: NodeRenderer<SlotNodeModel>): ReadonlyArray<Element | Text>;

package/dist/components/createSlot.js

@@ -0,0 +1,49 @@
+import { createNode } from './createNode';
+export function createSlot({ path, node, dataSignal, ctx, parentElement, instance, namespace, }) {
+    const slotName = node.name ?? 'default';
+    let children = [];
+    // Is slotted content provided?
+    if (ctx.children[slotName]) {
+        children = ctx.children[slotName].flatMap((child) => {
+            const childDataSignal = child.dataSignal.map((data) => data);
+            dataSignal.subscribe((data) => data, {
+                destroy: () => childDataSignal.destroy(),
+            });
+            return createNode({
+                ...child,
+                dataSignal: childDataSignal,
+                parentElement,
+                ctx: {
+                    ...child.ctx,
+                    providers: ctx.providers,
+                },
+                instance,
+                namespace,
+            });
+        });
+    }
+    else {
+        // Otherwise, return placeholder content
+        children = node.children.flatMap((child, i) => {
+            return createNode({
+                id: child,
+                path: path + '.' + i,
+                dataSignal,
+                ctx,
+                parentElement,
+                instance,
+                namespace,
+            });
+        });
+    }
+    if (ctx.env.runtime === 'custom-element' && ctx.isRootComponent) {
+        const webComponentSlot = document.createElement('slot');
+        webComponentSlot.setAttribute('name', slotName);
+        children.forEach((child) => {
+            webComponentSlot.appendChild(child);
+        });
+        return [webComponentSlot];
+    }
+    return children;
+}
+//# sourceMappingURL=createSlot.js.map

package/dist/components/createSlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSlot.js","sourceRoot":"","sources":["../../src/components/createSlot.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,GAAG,EACH,aAAa,EACb,QAAQ,EACR,SAAS,GACmB;IAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,IAAI,SAAS,CAAA;IACvC,IAAI,QAAQ,GAA0B,EAAE,CAAA;IACxC,+BAA+B;IAC/B,IAAI,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC3B,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAClD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAA;YAC5D,UAAU,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE;gBACnC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,EAAE;aACzC,CAAC,CAAA;YACF,OAAO,UAAU,CAAC;gBAChB,GAAG,KAAK;gBACR,UAAU,EAAE,eAAe;gBAC3B,aAAa;gBACb,GAAG,EAAE;oBACH,GAAG,KAAK,CAAC,GAAG;oBACZ,SAAS,EAAE,GAAG,CAAC,SAAS;iBACzB;gBACD,QAAQ;gBACR,SAAS;aACV,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC;SAAM,CAAC;QACN,wCAAwC;QACxC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YAC5C,OAAO,UAAU,CAAC;gBAChB,EAAE,EAAE,KAAK;gBACT,IAAI,EAAE,IAAI,GAAG,GAAG,GAAG,CAAC;gBACpB,UAAU;gBACV,GAAG;gBACH,aAAa;gBACb,QAAQ;gBACR,SAAS;aACV,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,IAAI,GAAG,CAAC,GAAG,CAAC,OAAO,KAAK,gBAAgB,IAAI,GAAG,CAAC,eAAe,EAAE,CAAC;QAChE,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QACvD,gBAAgB,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;QAC/C,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACzB,gBAAgB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;QACrC,CAAC,CAAC,CAAA;QAEF,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAC3B,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC"}

package/dist/components/createText.d.ts

@@ -0,0 +1,23 @@
+import type { ComponentData, SupportedNamespaces, TextNodeModel } from '@nordcraft/core/dist/component/component.types';
+import type { Signal } from '../signal/signal';
+import type { ComponentContext } from '../types';
+export type RenderTextProps = {
+    node: TextNodeModel;
+    dataSignal: Signal<ComponentData>;
+    id: string;
+    path: string;
+    namespace?: SupportedNamespaces;
+    ctx: ComponentContext;
+};
+/**
+ * Create a text node
+ *
+ * Note: We wrap the text in a <span> to make it easier to select/highlight the text node in the preview.
+ * We should find a better way to do this without wrapping the node, and instead use `createTextNode`.
+ */
+export declare function createText({ node, id, path, dataSignal, namespace, ctx, }: RenderTextProps): HTMLSpanElement | Text;
+/**
+ * This function is technically more performant than `createText` because it doesn't create a wrapping <span> element.
+ * We would like to use this everywhere eventually, but we need to handle raw text selection in the editor (possibly by utilizing text ranges).
+ */
+export declare function createTextNS({ node, dataSignal, ctx, }: Pick<RenderTextProps, 'node' | 'dataSignal' | 'ctx'>): Text;

package/dist/components/createText.js

@@ -0,0 +1,68 @@
+import { applyFormula } from '@nordcraft/core/dist/formula/formula';
+/**
+ * Create a text node
+ *
+ * Note: We wrap the text in a <span> to make it easier to select/highlight the text node in the preview.
+ * We should find a better way to do this without wrapping the node, and instead use `createTextNode`.
+ */
+export function createText({ node, id, path, dataSignal, namespace, ctx, }) {
+    // Span element is not valid outside of the default namespace
+    if (namespace && namespace !== 'http://www.w3.org/1999/xhtml') {
+        return createTextNS({ node, dataSignal, ctx });
+    }
+    const { value } = node;
+    const elem = document.createElement('span');
+    elem.setAttribute('data-node-id', id);
+    if (typeof id === 'string') {
+        elem.setAttribute('data-id', path);
+    }
+    if (ctx.isRootComponent === false) {
+        elem.setAttribute('data-component', ctx.component.name);
+    }
+    elem.setAttribute('data-node-type', 'text');
+    if (value.type !== 'value') {
+        const sig = dataSignal.map((data) => String(applyFormula(value, {
+            data,
+            component: ctx.component,
+            formulaCache: ctx.formulaCache,
+            root: ctx.root,
+            package: ctx.package,
+            toddle: ctx.toddle,
+            env: ctx.env,
+        })));
+        sig.subscribe((value) => {
+            elem.innerText = value;
+        });
+    }
+    else {
+        elem.innerText = String(value.value);
+    }
+    return elem;
+}
+/**
+ * This function is technically more performant than `createText` because it doesn't create a wrapping <span> element.
+ * We would like to use this everywhere eventually, but we need to handle raw text selection in the editor (possibly by utilizing text ranges).
+ */
+export function createTextNS({ node, dataSignal, ctx, }) {
+    const { value } = node;
+    const textNode = document.createTextNode('');
+    if (value.type !== 'value') {
+        const sig = dataSignal.map((data) => String(applyFormula(value, {
+            data,
+            component: ctx.component,
+            formulaCache: ctx.formulaCache,
+            root: ctx.root,
+            package: ctx.package,
+            toddle: ctx.toddle,
+            env: ctx.env,
+        })));
+        sig.subscribe((value) => {
+            textNode.nodeValue = value;
+        });
+    }
+    else {
+        textNode.nodeValue = String(value.value);
+    }
+    return textNode;
+}
+//# sourceMappingURL=createText.js.map

package/dist/components/createText.js.map

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

package/dist/components/createText.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/createText.test.js

@@ -0,0 +1,113 @@
+import { describe, expect, test } from '@jest/globals';
+import { valueFormula } from '@nordcraft/core/dist/formula/formulaUtils';
+import { Signal } from '../signal/signal';
+import { createText } from './createText';
+describe('createText()', () => {
+    test('it returns a span element with text in it while in default namespace', () => {
+        let textElement = createText({
+            ctx: {
+                isRootComponent: false,
+                component: { name: 'My Component' },
+            },
+            namespace: 'http://www.w3.org/1999/xhtml',
+            dataSignal: undefined,
+            path: 'test-text-element',
+            id: 'test-text-element-id',
+            node: {
+                type: 'text',
+                value: valueFormula('Hello world'),
+            },
+        });
+        expect(textElement instanceof HTMLSpanElement).toBe(true);
+        textElement = textElement;
+        expect(textElement.tagName).toBe('SPAN');
+        expect(textElement.getAttribute('data-node-id')).toBe('test-text-element-id');
+        expect(textElement.getAttribute('data-id')).toBe('test-text-element');
+        expect(textElement.getAttribute('data-component')).toBe('My Component');
+        expect(textElement.children.length).toBe(0);
+        expect(textElement.innerText).toBe('Hello world');
+    });
+    test('it returns a text node while not in the default namespace', () => {
+        const textElement = createText({
+            ctx: {
+                isRootComponent: false,
+                component: { name: 'My Component' },
+            },
+            namespace: 'http://www.w3.org/2000/svg',
+            dataSignal: undefined,
+            path: 'test-text-element',
+            id: 'test-text-element-id',
+            node: {
+                type: 'text',
+                value: valueFormula('Hello world'),
+            },
+        });
+        expect(textElement instanceof Text).toBe(true);
+        expect(textElement.textContent).toBe('Hello world');
+    });
+    test('it does not add a data-component attribute for root elements', () => {
+        const textElement = createText({
+            ctx: {
+                isRootComponent: true,
+            },
+            dataSignal: undefined,
+            path: 'test-text-element',
+            id: 'test-text-element-id',
+            node: {
+                type: 'text',
+                value: valueFormula('Hello world'),
+            },
+        });
+        expect(textElement.getAttribute('data-component')).toBeNull();
+    });
+    test('Signal changes update the text element', () => {
+        const dataSignal = new Signal({
+            Attributes: { text: 'Hello world' },
+        });
+        const textElement = createText({
+            ctx: { dataSignal },
+            dataSignal,
+            path: '',
+            id: '',
+            node: {
+                type: 'text',
+                value: {
+                    type: 'path',
+                    path: ['Attributes', 'text'],
+                },
+            },
+        });
+        expect(textElement.textContent).toBe('Hello world');
+        dataSignal.set({ Attributes: { text: 'Goodbye world' } });
+        expect(textElement.textContent).toBe('Goodbye world');
+    });
+    test('Show formulas are not respected for text elements', () => {
+        const textElement = createText({
+            ctx: {},
+            dataSignal: undefined,
+            path: '',
+            id: '',
+            node: {
+                type: 'text',
+                value: valueFormula('Hello world'),
+                condition: valueFormula(false),
+            },
+        });
+        expect(textElement.textContent).toBe('Hello world');
+    });
+    test('Repeat formulas are not respected for text elements', () => {
+        const textElement = createText({
+            ctx: {},
+            dataSignal: undefined,
+            path: '',
+            id: '',
+            node: {
+                type: 'text',
+                value: valueFormula('Hello world'),
+                repeat: valueFormula(['1', '2', '3']),
+            },
+        });
+        expect(textElement.textContent).toBe('Hello world');
+    });
+});
+//# sourceMappingURL=createText.test.js.map

package/dist/components/createText.test.js.map

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

package/dist/components/renderComponent.d.ts

@@ -0,0 +1,34 @@
+import type { Component, ComponentData, SupportedNamespaces } from '@nordcraft/core/dist/component/component.types';
+import type { ToddleEnv } from '@nordcraft/core/dist/formula/formula';
+import type { Toddle } from '@nordcraft/core/dist/types';
+import type { Signal } from '../signal/signal';
+import type { ComponentChild, ComponentContext, FormulaCache, LocationSignal, PreviewShowSignal } from '../types';
+interface RenderComponentProps {
+    component: Component;
+    components: Component[];
+    dataSignal: Signal<ComponentData>;
+    apis: Record<string, {
+        fetch: Function;
+        destroy: Function;
+    }>;
+    abortSignal: AbortSignal;
+    onEvent: (event: string, data: unknown) => void;
+    isRootComponent: boolean;
+    formulaCache: FormulaCache;
+    path: string;
+    children: Record<string, Array<ComponentChild>>;
+    root: Document | ShadowRoot;
+    providers: Record<string, {
+        component: Component;
+        formulaDataSignals: Record<string, Signal<ComponentData>>;
+        ctx: ComponentContext;
+    }>;
+    package: string | undefined;
+    parentElement: Element | ShadowRoot;
+    instance: Record<string, string>;
+    toddle: Toddle<LocationSignal, PreviewShowSignal>;
+    namespace?: SupportedNamespaces;
+    env: ToddleEnv;
+}
+export declare function renderComponent({ component, dataSignal, onEvent, isRootComponent, path, children, formulaCache, components, apis, abortSignal, root, providers, package: packageName, parentElement, instance, toddle, namespace, env, }: RenderComponentProps): ReadonlyArray<Element | Text>;
+export {};