@webiny/website-builder-sdk 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/BindingsResolver.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["BindingsResolver","createSlotInput","createTextInput","ComponentManifestToAstConverter","describe","baseElement","id","type","component","name","rootElement","it","state","user","bindings","inputs","text","expression","static","styles","paddingTop","inputAst","convert","resolver","resolved","resolveElement","element","elementBindings","expect","toBe","toEqual","root","children","list","qizw1hgqjvj8g5a43szzc","title","backgroundColor","marginTop","cwld8kxy0qhhtaql42lr5","elements","parent","slot","renderer","label","fields","leftColumn","rightColumn","toBeUndefined","defaultValue","onResolved","value","input","products","$repeat","toHaveLength","invalid"],"sources":["BindingsResolver.test.ts"],"sourcesContent":["import { BindingsResolver } from \"./BindingsResolver.js\";\nimport type {\n    DocumentElement,\n    DocumentState,\n    DocumentElementBindings,\n    DocumentBindings\n} from \"~/types.js\";\nimport { createSlotInput, createTextInput } from \"~/createInput.js\";\nimport { ComponentManifestToAstConverter } from \"~/ComponentManifestToAstConverter.js\";\n\ndescribe(\"BindingsResolver\", () => {\n    const baseElement: DocumentElement = {\n        id: \"test1\",\n        type: \"Webiny/Element\",\n        component: {\n            name: \"Webiny/Text\"\n        }\n    };\n\n    const rootElement: DocumentElement = {\n        id: \"root\",\n        type: \"Webiny/Element\",\n        component: {\n            name: \"Webiny/Root\"\n        }\n    };\n\n    it(\"resolves input with expression binding\", () => {\n        const state: DocumentState = {\n            user: { name: \"Alice\" }\n        };\n\n        const bindings: DocumentElementBindings = {\n            inputs: {\n                text: {\n                    id: \"text\",\n                    type: \"text\",\n                    expression: \"$state.user.name\",\n                    static: \"Static fallback\"\n                }\n            },\n            styles: {\n                paddingTop: {\n                    static: \"10px\"\n                }\n            }\n        };\n\n        const inputs = [createTextInput({ name: \"text\" })];\n        const inputAst = ComponentManifestToAstConverter.convert(inputs);\n        const resolver = new BindingsResolver(state);\n        const [resolved] = resolver.resolveElement({\n            element: baseElement,\n            inputAst,\n            elementBindings: bindings\n        });\n\n        expect(resolved.inputs.text).toBe(\"Alice\");\n        expect(resolved.styles).toEqual({ paddingTop: \"10px\" });\n    });\n\n    it(\"resolves nested objects\", () => {\n        const state: DocumentState = {};\n\n        const bindings: DocumentBindings = {\n            root: {\n                inputs: {\n                    children: {\n                        id: \"children\",\n                        type: \"slot\",\n                        list: true,\n                        static: [\"qizw1hgqjvj8g5a43szzc\"]\n                    }\n                }\n            },\n            qizw1hgqjvj8g5a43szzc: {\n                inputs: {\n                    title: {\n                        id: \"title\",\n                        static: \"Default Columns Title\",\n                        type: \"text\"\n                    },\n                    \"leftColumn/0\": {\n                        id: \"slot\",\n                        static: [\"7znyr9z2cpizegnrk2rhu\"],\n                        type: \"slot\",\n                        list: true\n                    },\n                    \"rightColumn/0\": {\n                        id: \"slot\",\n                        static: [\"cwld8kxy0qhhtaql42lr5\"],\n                        type: \"slot\",\n                        list: true\n                    }\n                },\n                styles: {\n                    paddingTop: {\n                        static: \"20px\"\n                    },\n                    backgroundColor: {\n                        static: \"#5c9a12\"\n                    }\n                }\n            },\n            \"7znyr9z2cpizegnrk2rhu\": {\n                inputs: {\n                    title: {\n                        id: \"title\",\n                        static: \"Left Column Title\",\n                        type: \"text\"\n                    },\n                    children: {\n                        id: \"slot\",\n                        static: [],\n                        type: \"slot\",\n                        list: true\n                    }\n                },\n                styles: {\n                    backgroundColor: {\n                        static: \"red\"\n                    },\n                    marginTop: {\n                        static: \"20px\"\n                    }\n                }\n            },\n            cwld8kxy0qhhtaql42lr5: {\n                inputs: {\n                    title: {\n                        id: \"title\",\n                        static: \"Right Column Title\",\n                        type: \"text\"\n                    },\n                    children: {\n                        id: \"slot\",\n                        static: [],\n                        type: \"slot\",\n                        list: true\n                    }\n                },\n                styles: {\n                    backgroundColor: {\n                        static: \"blue\"\n                    },\n                    marginTop: {\n                        static: \"20px\"\n                    }\n                }\n            }\n        };\n\n        const elements = {\n            root: {\n                type: \"Webiny/Element\",\n                id: \"root\",\n                component: {\n                    name: \"Webiny/Root\"\n                }\n            },\n            qizw1hgqjvj8g5a43szzc: {\n                type: \"Webiny/Element\",\n                id: \"qizw1hgqjvj8g5a43szzc\",\n                parent: {\n                    id: \"root\",\n                    slot: \"children\"\n                },\n                component: {\n                    name: \"Webiny/TwoColumns\"\n                }\n            },\n            \"7znyr9z2cpizegnrk2rhu\": {\n                type: \"Webiny/Element\",\n                id: \"7znyr9z2cpizegnrk2rhu\",\n                parent: {\n                    id: \"qizw1hgqjvj8g5a43szzc\",\n                    slot: \"leftColumn/0\"\n                },\n                component: {\n                    name: \"Webiny/TextWithDropzone\"\n                }\n            },\n            cwld8kxy0qhhtaql42lr5: {\n                type: \"Webiny/Element\",\n                id: \"cwld8kxy0qhhtaql42lr5\",\n                parent: {\n                    id: \"qizw1hgqjvj8g5a43szzc\",\n                    slot: \"rightColumn/0\"\n                },\n                component: {\n                    name: \"Webiny/TextWithDropzone\"\n                }\n            }\n        };\n\n        const inputs = [\n            {\n                type: \"text\",\n                renderer: \"Webiny/Input\",\n                name: \"title\",\n                label: \"Title\",\n                fields: []\n            },\n            {\n                type: \"slot\",\n                list: true,\n                renderer: \"Webiny/Slot\",\n                name: \"leftColumn\",\n                fields: []\n            },\n            {\n                type: \"slot\",\n                list: true,\n                renderer: \"Webiny/Slot\",\n                name: \"rightColumn\",\n                fields: []\n            }\n        ];\n        const inputAst = ComponentManifestToAstConverter.convert(inputs);\n        const resolver = new BindingsResolver(state);\n        const [resolved] = resolver.resolveElement({\n            element: elements[\"qizw1hgqjvj8g5a43szzc\"] as DocumentElement,\n            inputAst,\n            elementBindings: bindings[\"qizw1hgqjvj8g5a43szzc\"]\n        });\n\n        expect(resolved.inputs.title).toBe(\"Default Columns Title\");\n        expect(resolved.inputs.leftColumn).toEqual([[\"7znyr9z2cpizegnrk2rhu\"]]);\n        expect(resolved.inputs.rightColumn).toEqual([[\"cwld8kxy0qhhtaql42lr5\"]]);\n    });\n\n    it(\"falls back to static if no expression is provided\", () => {\n        const state: DocumentState = {};\n\n        const bindings: DocumentElementBindings = {\n            inputs: {\n                text: {\n                    id: \"text\",\n                    type: \"text\",\n                    static: \"Static only\"\n                }\n            }\n        };\n\n        const inputs = [createTextInput({ name: \"text\" })];\n        const inputAst = ComponentManifestToAstConverter.convert(inputs);\n        const resolver = new BindingsResolver(state);\n        const [resolved] = resolver.resolveElement({\n            element: baseElement,\n            inputAst,\n            elementBindings: bindings\n        });\n\n        expect(resolved.inputs.text).toBe(\"Static only\");\n    });\n\n    it(\"uses undefined if expression fails and no static exists\", () => {\n        const state: DocumentState = {};\n\n        const bindings: DocumentElementBindings = {\n            inputs: {\n                text: {\n                    id: \"text\",\n                    type: \"text\",\n                    static: \"Fallback\",\n                    expression: \"$.unknown.value\"\n                }\n            }\n        };\n\n        const inputs = [createTextInput({ name: \"text\" })];\n        const inputAst = ComponentManifestToAstConverter.convert(inputs);\n        const resolver = new BindingsResolver(state);\n        const [resolved] = resolver.resolveElement({\n            element: baseElement,\n            inputAst,\n            elementBindings: bindings\n        });\n\n        expect(resolved.inputs.text).toBeUndefined();\n    });\n\n    it(\"uses input's `defaultValue` if binding doesn't exist\", () => {\n        const state: DocumentState = {};\n\n        const bindings: DocumentElementBindings = {\n            inputs: {}\n        };\n\n        const inputs = [createSlotInput({ name: \"children\", defaultValue: [] })];\n        const inputAst = ComponentManifestToAstConverter.convert(inputs);\n        const resolver = new BindingsResolver(state);\n        const [resolved] = resolver.resolveElement({\n            element: rootElement,\n            inputAst,\n            elementBindings: bindings,\n            onResolved(value, input) {\n                if (input.type === \"slot\") {\n                    return \"slot\";\n                }\n\n                return value;\n            }\n        });\n\n        expect(resolved.inputs.children).toEqual(\"slot\");\n    });\n\n    it(\"handles $repeat using expression and maps items\", () => {\n        const state: DocumentState = {\n            products: [{ title: \"Shirt\" }, { title: \"Hat\" }]\n        };\n\n        const bindings: DocumentElementBindings = {\n            $repeat: {\n                expression: \"$state.products\"\n            },\n            inputs: {\n                text: {\n                    id: \"text\",\n                    type: \"text\",\n                    expression: \"$.title\",\n                    static: \"Unnamed\"\n                }\n            }\n        };\n\n        const inputs = [createTextInput({ name: \"text\" })];\n        const inputAst = ComponentManifestToAstConverter.convert(inputs);\n        const resolver = new BindingsResolver(state);\n        const resolved = resolver.resolveElement({\n            element: baseElement,\n            inputAst,\n            elementBindings: bindings\n        });\n\n        expect(resolved).toHaveLength(2);\n        expect(resolved[0].inputs.text).toBe(\"Shirt\");\n        expect(resolved[1].inputs.text).toBe(\"Hat\");\n    });\n\n    it(\"returns empty array if $repeat doesn't resolve to an array\", () => {\n        const state: DocumentState = {\n            invalid: 42\n        };\n\n        const bindings: DocumentElementBindings = {\n            $repeat: {\n                expression: \"$state.invalid\"\n            },\n            inputs: {\n                text: {\n                    id: \"text\",\n                    type: \"text\",\n                    static: \"Should not be used\"\n                }\n            }\n        };\n\n        const inputs = [createTextInput({ name: \"text\" })];\n        const inputAst = ComponentManifestToAstConverter.convert(inputs);\n        const resolver = new BindingsResolver(state);\n        const resolved = resolver.resolveElement({\n            element: baseElement,\n            inputAst,\n            elementBindings: bindings\n        });\n\n        expect(resolved).toEqual([]);\n    });\n\n    it(\"resolves binding that refers to a specific array index\", () => {\n        const state: DocumentState = {\n            list: [{ text: \"First item text\" }, { text: \"Second item text\" }]\n        };\n\n        const bindings: DocumentElementBindings = {\n            inputs: {\n                text: {\n                    id: \"text\",\n                    type: \"text\",\n                    static: \"Static fallback\",\n                    expression: \"$state.list.0.text\"\n                }\n            }\n        };\n\n        const inputs = [createTextInput({ name: \"text\" })];\n        const inputAst = ComponentManifestToAstConverter.convert(inputs);\n        const resolver = new BindingsResolver(state);\n        const [resolved] = resolver.resolveElement({\n            element: baseElement,\n            inputAst,\n            elementBindings: bindings\n        });\n\n        expect(resolved.inputs.text).toBe(\"First item text\");\n    });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BindingsResolver.test.js","sources":["../src/BindingsResolver.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { BindingsResolver } from \"./BindingsResolver.js\";\nimport type {\n    DocumentElement,\n    DocumentState,\n    DocumentElementBindings,\n    DocumentBindings\n} from \"~/types.js\";\nimport { createSlotInput, createTextInput } from \"~/createInput.js\";\nimport { ComponentManifestToAstConverter } from \"~/ComponentManifestToAstConverter.js\";\n\ndescribe(\"BindingsResolver\", () => {\n    const baseElement: DocumentElement = {\n        id: \"test1\",\n        type: \"Webiny/Element\",\n        component: {\n            name: \"Webiny/Text\"\n        }\n    };\n\n    const rootElement: DocumentElement = {\n        id: \"root\",\n        type: \"Webiny/Element\",\n        component: {\n            name: \"Webiny/Root\"\n        }\n    };\n\n    it(\"resolves input with expression binding\", () => {\n        const state: DocumentState = {\n            user: { name: \"Alice\" }\n        };\n\n        const bindings: DocumentElementBindings = {\n            inputs: {\n                text: {\n                    id: \"text\",\n                    type: \"text\",\n                    expression: \"$state.user.name\",\n                    static: \"Static fallback\"\n                }\n            },\n            styles: {\n                paddingTop: {\n                    static: \"10px\"\n                }\n            }\n        };\n\n        const inputs = [createTextInput({ name: \"text\" })];\n        const inputAst = ComponentManifestToAstConverter.convert(inputs);\n        const resolver = new BindingsResolver(state);\n        const [resolved] = resolver.resolveElement({\n            element: baseElement,\n            inputAst,\n            elementBindings: bindings\n        });\n\n        expect(resolved.inputs.text).toBe(\"Alice\");\n        expect(resolved.styles).toEqual({ paddingTop: \"10px\" });\n    });\n\n    it(\"resolves nested objects\", () => {\n        const state: DocumentState = {};\n\n        const bindings: DocumentBindings = {\n            root: {\n                inputs: {\n                    children: {\n                        id: \"children\",\n                        type: \"slot\",\n                        list: true,\n                        static: [\"qizw1hgqjvj8g5a43szzc\"]\n                    }\n                }\n            },\n            qizw1hgqjvj8g5a43szzc: {\n                inputs: {\n                    title: {\n                        id: \"title\",\n                        static: \"Default Columns Title\",\n                        type: \"text\"\n                    },\n                    \"leftColumn/0\": {\n                        id: \"slot\",\n                        static: [\"7znyr9z2cpizegnrk2rhu\"],\n                        type: \"slot\",\n                        list: true\n                    },\n                    \"rightColumn/0\": {\n                        id: \"slot\",\n                        static: [\"cwld8kxy0qhhtaql42lr5\"],\n                        type: \"slot\",\n                        list: true\n                    }\n                },\n                styles: {\n                    paddingTop: {\n                        static: \"20px\"\n                    },\n                    backgroundColor: {\n                        static: \"#5c9a12\"\n                    }\n                }\n            },\n            \"7znyr9z2cpizegnrk2rhu\": {\n                inputs: {\n                    title: {\n                        id: \"title\",\n                        static: \"Left Column Title\",\n                        type: \"text\"\n                    },\n                    children: {\n                        id: \"slot\",\n                        static: [],\n                        type: \"slot\",\n                        list: true\n                    }\n                },\n                styles: {\n                    backgroundColor: {\n                        static: \"red\"\n                    },\n                    marginTop: {\n                        static: \"20px\"\n                    }\n                }\n            },\n            cwld8kxy0qhhtaql42lr5: {\n                inputs: {\n                    title: {\n                        id: \"title\",\n                        static: \"Right Column Title\",\n                        type: \"text\"\n                    },\n                    children: {\n                        id: \"slot\",\n                        static: [],\n                        type: \"slot\",\n                        list: true\n                    }\n                },\n                styles: {\n                    backgroundColor: {\n                        static: \"blue\"\n                    },\n                    marginTop: {\n                        static: \"20px\"\n                    }\n                }\n            }\n        };\n\n        const elements = {\n            root: {\n                type: \"Webiny/Element\",\n                id: \"root\",\n                component: {\n                    name: \"Webiny/Root\"\n                }\n            },\n            qizw1hgqjvj8g5a43szzc: {\n                type: \"Webiny/Element\",\n                id: \"qizw1hgqjvj8g5a43szzc\",\n                parent: {\n                    id: \"root\",\n                    slot: \"children\"\n                },\n                component: {\n                    name: \"Webiny/TwoColumns\"\n                }\n            },\n            \"7znyr9z2cpizegnrk2rhu\": {\n                type: \"Webiny/Element\",\n                id: \"7znyr9z2cpizegnrk2rhu\",\n                parent: {\n                    id: \"qizw1hgqjvj8g5a43szzc\",\n                    slot: \"leftColumn/0\"\n                },\n                component: {\n                    name: \"Webiny/TextWithDropzone\"\n                }\n            },\n            cwld8kxy0qhhtaql42lr5: {\n                type: \"Webiny/Element\",\n                id: \"cwld8kxy0qhhtaql42lr5\",\n                parent: {\n                    id: \"qizw1hgqjvj8g5a43szzc\",\n                    slot: \"rightColumn/0\"\n                },\n                component: {\n                    name: \"Webiny/TextWithDropzone\"\n                }\n            }\n        };\n\n        const inputs = [\n            {\n                type: \"text\",\n                renderer: \"Webiny/Input\",\n                name: \"title\",\n                label: \"Title\",\n                fields: []\n            },\n            {\n                type: \"slot\",\n                list: true,\n                renderer: \"Webiny/Slot\",\n                name: \"leftColumn\",\n                fields: []\n            },\n            {\n                type: \"slot\",\n                list: true,\n                renderer: \"Webiny/Slot\",\n                name: \"rightColumn\",\n                fields: []\n            }\n        ];\n        const inputAst = ComponentManifestToAstConverter.convert(inputs);\n        const resolver = new BindingsResolver(state);\n        const [resolved] = resolver.resolveElement({\n            element: elements[\"qizw1hgqjvj8g5a43szzc\"] as DocumentElement,\n            inputAst,\n            elementBindings: bindings[\"qizw1hgqjvj8g5a43szzc\"]\n        });\n\n        expect(resolved.inputs.title).toBe(\"Default Columns Title\");\n        expect(resolved.inputs.leftColumn).toEqual([[\"7znyr9z2cpizegnrk2rhu\"]]);\n        expect(resolved.inputs.rightColumn).toEqual([[\"cwld8kxy0qhhtaql42lr5\"]]);\n    });\n\n    it(\"falls back to static if no expression is provided\", () => {\n        const state: DocumentState = {};\n\n        const bindings: DocumentElementBindings = {\n            inputs: {\n                text: {\n                    id: \"text\",\n                    type: \"text\",\n                    static: \"Static only\"\n                }\n            }\n        };\n\n        const inputs = [createTextInput({ name: \"text\" })];\n        const inputAst = ComponentManifestToAstConverter.convert(inputs);\n        const resolver = new BindingsResolver(state);\n        const [resolved] = resolver.resolveElement({\n            element: baseElement,\n            inputAst,\n            elementBindings: bindings\n        });\n\n        expect(resolved.inputs.text).toBe(\"Static only\");\n    });\n\n    it(\"uses undefined if expression fails and no static exists\", () => {\n        const state: DocumentState = {};\n\n        const bindings: DocumentElementBindings = {\n            inputs: {\n                text: {\n                    id: \"text\",\n                    type: \"text\",\n                    static: \"Fallback\",\n                    expression: \"$.unknown.value\"\n                }\n            }\n        };\n\n        const inputs = [createTextInput({ name: \"text\" })];\n        const inputAst = ComponentManifestToAstConverter.convert(inputs);\n        const resolver = new BindingsResolver(state);\n        const [resolved] = resolver.resolveElement({\n            element: baseElement,\n            inputAst,\n            elementBindings: bindings\n        });\n\n        expect(resolved.inputs.text).toBeUndefined();\n    });\n\n    it(\"uses input's `defaultValue` if binding doesn't exist\", () => {\n        const state: DocumentState = {};\n\n        const bindings: DocumentElementBindings = {\n            inputs: {}\n        };\n\n        const inputs = [createSlotInput({ name: \"children\", defaultValue: [] })];\n        const inputAst = ComponentManifestToAstConverter.convert(inputs);\n        const resolver = new BindingsResolver(state);\n        const [resolved] = resolver.resolveElement({\n            element: rootElement,\n            inputAst,\n            elementBindings: bindings,\n            onResolved(value, input) {\n                if (input.type === \"slot\") {\n                    return \"slot\";\n                }\n\n                return value;\n            }\n        });\n\n        expect(resolved.inputs.children).toEqual(\"slot\");\n    });\n\n    it(\"handles $repeat using expression and maps items\", () => {\n        const state: DocumentState = {\n            products: [{ title: \"Shirt\" }, { title: \"Hat\" }]\n        };\n\n        const bindings: DocumentElementBindings = {\n            $repeat: {\n                expression: \"$state.products\"\n            },\n            inputs: {\n                text: {\n                    id: \"text\",\n                    type: \"text\",\n                    expression: \"$.title\",\n                    static: \"Unnamed\"\n                }\n            }\n        };\n\n        const inputs = [createTextInput({ name: \"text\" })];\n        const inputAst = ComponentManifestToAstConverter.convert(inputs);\n        const resolver = new BindingsResolver(state);\n        const resolved = resolver.resolveElement({\n            element: baseElement,\n            inputAst,\n            elementBindings: bindings\n        });\n\n        expect(resolved).toHaveLength(2);\n        expect(resolved[0].inputs.text).toBe(\"Shirt\");\n        expect(resolved[1].inputs.text).toBe(\"Hat\");\n    });\n\n    it(\"returns empty array if $repeat doesn't resolve to an array\", () => {\n        const state: DocumentState = {\n            invalid: 42\n        };\n\n        const bindings: DocumentElementBindings = {\n            $repeat: {\n                expression: \"$state.invalid\"\n            },\n            inputs: {\n                text: {\n                    id: \"text\",\n                    type: \"text\",\n                    static: \"Should not be used\"\n                }\n            }\n        };\n\n        const inputs = [createTextInput({ name: \"text\" })];\n        const inputAst = ComponentManifestToAstConverter.convert(inputs);\n        const resolver = new BindingsResolver(state);\n        const resolved = resolver.resolveElement({\n            element: baseElement,\n            inputAst,\n            elementBindings: bindings\n        });\n\n        expect(resolved).toEqual([]);\n    });\n\n    it(\"resolves binding that refers to a specific array index\", () => {\n        const state: DocumentState = {\n            list: [{ text: \"First item text\" }, { text: \"Second item text\" }]\n        };\n\n        const bindings: DocumentElementBindings = {\n            inputs: {\n                text: {\n                    id: \"text\",\n                    type: \"text\",\n                    static: \"Static fallback\",\n                    expression: \"$state.list.0.text\"\n                }\n            }\n        };\n\n        const inputs = [createTextInput({ name: \"text\" })];\n        const inputAst = ComponentManifestToAstConverter.convert(inputs);\n        const resolver = new BindingsResolver(state);\n        const [resolved] = resolver.resolveElement({\n            element: baseElement,\n            inputAst,\n            elementBindings: bindings\n        });\n\n        expect(resolved.inputs.text).toBe(\"First item text\");\n    });\n});\n"],"names":["describe","baseElement","rootElement","it","state","bindings","inputs","createTextInput","inputAst","ComponentManifestToAstConverter","resolver","BindingsResolver","resolved","expect","elements","createSlotInput","value","input"],"mappings":"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"}

package/ComponentInputTraverser.js

@@ -1,56 +1,39 @@
-// Visitor signature: called for every resolved leaf
-
-/**
- * ComponentInputTraverser
- *
- * Walks an input AST and a matching data object,
- * invoking `visitor` for each leaf value found.
- */
-export class ComponentInputTraverser {
-  constructor(ast) {
-    this.ast = ast;
-  }
-
-  /**
-   * Traverse the given `data` object according to the AST,
-   * calling `visitor(node, path, value)` for each leaf.
-   */
-  traverse(data, visitor) {
-    for (const node of this.ast) {
-      const rootValue = data[node.name];
-      this.traverseNode(node, rootValue, node.name, visitor);
+class ComponentInputTraverser {
+    constructor(ast){
+        this.ast = ast;
     }
-  }
-  traverseNode(node, value, currentPath, visitor) {
-    if (node.list) {
-      value = value ?? [];
-      if (value.length === 0) {
-        visitor(node, currentPath, value);
-      }
-      value.forEach((item, index) => {
-        if (node.children.length > 0) {
-          const itemPath = `${currentPath}/${index}`;
-          for (const child of node.children) {
-            const childValue = item?.[child.name];
-            const childPath = `${itemPath}/${child.name}`;
-            this.traverseNode(child, childValue, childPath, visitor);
-          }
-        } else {
-          visitor(node, currentPath, item);
+    traverse(data, visitor) {
+        for (const node of this.ast){
+            const rootValue = data[node.name];
+            this.traverseNode(node, rootValue, node.name, visitor);
         }
-      });
-    } else {
-      if (node.children.length > 0) {
-        for (const child of node.children) {
-          const childValue = value?.[child.name];
-          const childPath = `${currentPath}/${child.name}`;
-          this.traverseNode(child, childValue, childPath, visitor);
+    }
+    traverseNode(node, value, currentPath, visitor) {
+        if (node.list) {
+            value = value ?? [];
+            if (0 === value.length) visitor(node, currentPath, value);
+            if (0 === node.children.length && "slot" !== node.type) {
+                if (value.length > 0) visitor(node, currentPath, value);
+                return;
+            }
+            value.forEach((item, index)=>{
+                if (node.children.length > 0) {
+                    const itemPath = `${currentPath}/${index}`;
+                    for (const child of node.children){
+                        const childValue = item?.[child.name];
+                        const childPath = `${itemPath}/${child.name}`;
+                        this.traverseNode(child, childValue, childPath, visitor);
+                    }
+                } else "slot" === node.type ? visitor(node, currentPath, item) : visitor(node, `${currentPath}/${index}`, item);
+            });
+        } else if (node.children.length > 0) for (const child of node.children){
+            const childValue = value?.[child.name];
+            const childPath = `${currentPath}/${child.name}`;
+            this.traverseNode(child, childValue, childPath, visitor);
         }
-      } else {
-        visitor(node, currentPath, value);
-      }
+        else visitor(node, currentPath, value);
     }
-  }
 }
+export { ComponentInputTraverser };
 
 //# sourceMappingURL=ComponentInputTraverser.js.map

package/ComponentInputTraverser.js.map

@@ -1 +1 @@
-{"version":3,"names":["ComponentInputTraverser","constructor","ast","traverse","data","visitor","node","rootValue","name","traverseNode","value","currentPath","list","length","forEach","item","index","children","itemPath","child","childValue","childPath"],"sources":["ComponentInputTraverser.ts"],"sourcesContent":["import type { InputAstNode } from \"./ComponentManifestToAstConverter.js\";\n\n// Visitor signature: called for every resolved leaf\nexport type InputVisitor = (node: InputAstNode, path: string, value: any) => void;\n\n/**\n * ComponentInputTraverser\n *\n * Walks an input AST and a matching data object,\n * invoking `visitor` for each leaf value found.\n */\nexport class ComponentInputTraverser {\n    private readonly ast: InputAstNode[];\n\n    constructor(ast: InputAstNode[]) {\n        this.ast = ast;\n    }\n\n    /**\n     * Traverse the given `data` object according to the AST,\n     * calling `visitor(node, path, value)` for each leaf.\n     */\n    public traverse(data: Record<string, any>, visitor: InputVisitor): void {\n        for (const node of this.ast) {\n            const rootValue = data[node.name];\n            this.traverseNode(node, rootValue, node.name, visitor);\n        }\n    }\n\n    private traverseNode(\n        node: InputAstNode,\n        value: any,\n        currentPath: string,\n        visitor: InputVisitor\n    ): void {\n        if (node.list) {\n            value = value ?? [];\n\n            if (value.length === 0) {\n                visitor(node, currentPath, value);\n            }\n\n            value.forEach((item: any, index: number) => {\n                if (node.children.length > 0) {\n                    const itemPath = `${currentPath}/${index}`;\n                    for (const child of node.children) {\n                        const childValue = item?.[child.name];\n                        const childPath = `${itemPath}/${child.name}`;\n                        this.traverseNode(child, childValue, childPath, visitor);\n                    }\n                } else {\n                    visitor(node, currentPath, item);\n                }\n            });\n        } else {\n            if (node.children.length > 0) {\n                for (const child of node.children) {\n                    const childValue = value?.[child.name];\n                    const childPath = `${currentPath}/${child.name}`;\n                    this.traverseNode(child, childValue, childPath, visitor);\n                }\n            } else {\n                visitor(node, currentPath, value);\n            }\n        }\n    }\n}\n"],"mappings":"AAEA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,uBAAuB,CAAC;EAGjCC,WAAWA,CAACC,GAAmB,EAAE;IAC7B,IAAI,CAACA,GAAG,GAAGA,GAAG;EAClB;;EAEA;AACJ;AACA;AACA;EACWC,QAAQA,CAACC,IAAyB,EAAEC,OAAqB,EAAQ;IACpE,KAAK,MAAMC,IAAI,IAAI,IAAI,CAACJ,GAAG,EAAE;MACzB,MAAMK,SAAS,GAAGH,IAAI,CAACE,IAAI,CAACE,IAAI,CAAC;MACjC,IAAI,CAACC,YAAY,CAACH,IAAI,EAAEC,SAAS,EAAED,IAAI,CAACE,IAAI,EAAEH,OAAO,CAAC;IAC1D;EACJ;EAEQI,YAAYA,CAChBH,IAAkB,EAClBI,KAAU,EACVC,WAAmB,EACnBN,OAAqB,EACjB;IACJ,IAAIC,IAAI,CAACM,IAAI,EAAE;MACXF,KAAK,GAAGA,KAAK,IAAI,EAAE;MAEnB,IAAIA,KAAK,CAACG,MAAM,KAAK,CAAC,EAAE;QACpBR,OAAO,CAACC,IAAI,EAAEK,WAAW,EAAED,KAAK,CAAC;MACrC;MAEAA,KAAK,CAACI,OAAO,CAAC,CAACC,IAAS,EAAEC,KAAa,KAAK;QACxC,IAAIV,IAAI,CAACW,QAAQ,CAACJ,MAAM,GAAG,CAAC,EAAE;UAC1B,MAAMK,QAAQ,GAAG,GAAGP,WAAW,IAAIK,KAAK,EAAE;UAC1C,KAAK,MAAMG,KAAK,IAAIb,IAAI,CAACW,QAAQ,EAAE;YAC/B,MAAMG,UAAU,GAAGL,IAAI,GAAGI,KAAK,CAACX,IAAI,CAAC;YACrC,MAAMa,SAAS,GAAG,GAAGH,QAAQ,IAAIC,KAAK,CAACX,IAAI,EAAE;YAC7C,IAAI,CAACC,YAAY,CAACU,KAAK,EAAEC,UAAU,EAAEC,SAAS,EAAEhB,OAAO,CAAC;UAC5D;QACJ,CAAC,MAAM;UACHA,OAAO,CAACC,IAAI,EAAEK,WAAW,EAAEI,IAAI,CAAC;QACpC;MACJ,CAAC,CAAC;IACN,CAAC,MAAM;MACH,IAAIT,IAAI,CAACW,QAAQ,CAACJ,MAAM,GAAG,CAAC,EAAE;QAC1B,KAAK,MAAMM,KAAK,IAAIb,IAAI,CAACW,QAAQ,EAAE;UAC/B,MAAMG,UAAU,GAAGV,KAAK,GAAGS,KAAK,CAACX,IAAI,CAAC;UACtC,MAAMa,SAAS,GAAG,GAAGV,WAAW,IAAIQ,KAAK,CAACX,IAAI,EAAE;UAChD,IAAI,CAACC,YAAY,CAACU,KAAK,EAAEC,UAAU,EAAEC,SAAS,EAAEhB,OAAO,CAAC;QAC5D;MACJ,CAAC,MAAM;QACHA,OAAO,CAACC,IAAI,EAAEK,WAAW,EAAED,KAAK,CAAC;MACrC;IACJ;EACJ;AACJ","ignoreList":[]}
+{"version":3,"file":"ComponentInputTraverser.js","sources":["../src/ComponentInputTraverser.ts"],"sourcesContent":["import type { InputAstNode } from \"./ComponentManifestToAstConverter.js\";\n\n// Visitor signature: called for every resolved leaf\nexport type InputVisitor = (node: InputAstNode, path: string, value: any) => void;\n\n/**\n * ComponentInputTraverser\n *\n * Walks an input AST and a matching data object,\n * invoking `visitor` for each leaf value found.\n */\nexport class ComponentInputTraverser {\n    private readonly ast: InputAstNode[];\n\n    constructor(ast: InputAstNode[]) {\n        this.ast = ast;\n    }\n\n    /**\n     * Traverse the given `data` object according to the AST,\n     * calling `visitor(node, path, value)` for each leaf.\n     */\n    public traverse(data: Record<string, any>, visitor: InputVisitor): void {\n        for (const node of this.ast) {\n            const rootValue = data[node.name];\n            this.traverseNode(node, rootValue, node.name, visitor);\n        }\n    }\n\n    private traverseNode(\n        node: InputAstNode,\n        value: any,\n        currentPath: string,\n        visitor: InputVisitor\n    ): void {\n        if (node.list) {\n            value = value ?? [];\n\n            if (value.length === 0) {\n                visitor(node, currentPath, value);\n            }\n\n            // A list of primitives (e.g. tags) is a single leaf: its value is the whole array.\n            // Visiting each item would write every item to the same path, leaving only the last.\n            // Slot lists are still visited per item, as each item creates its own element.\n            if (node.children.length === 0 && node.type !== \"slot\") {\n                if (value.length > 0) {\n                    visitor(node, currentPath, value);\n                }\n                return;\n            }\n\n            value.forEach((item: any, index: number) => {\n                if (node.children.length > 0) {\n                    const itemPath = `${currentPath}/${index}`;\n                    for (const child of node.children) {\n                        const childValue = item?.[child.name];\n                        const childPath = `${itemPath}/${child.name}`;\n                        this.traverseNode(child, childValue, childPath, visitor);\n                    }\n                } else if (node.type === \"slot\") {\n                    /*\n                     * A slot list keeps one path: the elements it holds are managed by `AddToParent`,\n                     * which maintains the static array itself. Indexing here would write past it.\n                     */\n                    visitor(node, currentPath, item);\n                } else {\n                    /*\n                     * An indexed path per item, exactly as an object list gets above.\n                     *\n                     * This used to pass `currentPath` for every item, so a caller writing one binding\n                     * per visit wrote them all to the same path and each overwrote the last: a list of\n                     * five came out as the fifth item alone, a bare string on a binding still marked\n                     * `list: true`. Every component doing `items.map(...)` then threw, which on a\n                     * server-rendered page is a 500 for the whole page rather than one broken section.\n                     *\n                     * `BindingsResolver` reads a scalar list by collecting `name/0`, `name/1`, … so\n                     * the indexed path is also the shape the reader already looks for.\n                     */\n                    visitor(node, `${currentPath}/${index}`, item);\n                }\n            });\n        } else {\n            if (node.children.length > 0) {\n                for (const child of node.children) {\n                    const childValue = value?.[child.name];\n                    const childPath = `${currentPath}/${child.name}`;\n                    this.traverseNode(child, childValue, childPath, visitor);\n                }\n            } else {\n                visitor(node, currentPath, value);\n            }\n        }\n    }\n}\n"],"names":["ComponentInputTraverser","ast","data","visitor","node","rootValue","value","currentPath","item","index","itemPath","child","childValue","childPath"],"mappings":"AAWO,MAAMA;IAGT,YAAYC,GAAmB,CAAE;QAC7B,IAAI,CAAC,GAAG,GAAGA;IACf;IAMO,SAASC,IAAyB,EAAEC,OAAqB,EAAQ;QACpE,KAAK,MAAMC,QAAQ,IAAI,CAAC,GAAG,CAAE;YACzB,MAAMC,YAAYH,IAAI,CAACE,KAAK,IAAI,CAAC;YACjC,IAAI,CAAC,YAAY,CAACA,MAAMC,WAAWD,KAAK,IAAI,EAAED;QAClD;IACJ;IAEQ,aACJC,IAAkB,EAClBE,KAAU,EACVC,WAAmB,EACnBJ,OAAqB,EACjB;QACJ,IAAIC,KAAK,IAAI,EAAE;YACXE,QAAQA,SAAS,EAAE;YAEnB,IAAIA,AAAiB,MAAjBA,MAAM,MAAM,EACZH,QAAQC,MAAMG,aAAaD;YAM/B,IAAIF,AAAyB,MAAzBA,KAAK,QAAQ,CAAC,MAAM,IAAUA,AAAc,WAAdA,KAAK,IAAI,EAAa;gBACpD,IAAIE,MAAM,MAAM,GAAG,GACfH,QAAQC,MAAMG,aAAaD;gBAE/B;YACJ;YAEAA,MAAM,OAAO,CAAC,CAACE,MAAWC;gBACtB,IAAIL,KAAK,QAAQ,CAAC,MAAM,GAAG,GAAG;oBAC1B,MAAMM,WAAW,GAAGH,YAAY,CAAC,EAAEE,OAAO;oBAC1C,KAAK,MAAME,SAASP,KAAK,QAAQ,CAAE;wBAC/B,MAAMQ,aAAaJ,MAAM,CAACG,MAAM,IAAI,CAAC;wBACrC,MAAME,YAAY,GAAGH,SAAS,CAAC,EAAEC,MAAM,IAAI,EAAE;wBAC7C,IAAI,CAAC,YAAY,CAACA,OAAOC,YAAYC,WAAWV;oBACpD;gBACJ,OAAWC,AAAc,WAAdA,KAAK,IAAI,GAKhBD,QAAQC,MAAMG,aAAaC,QAc3BL,QAAQC,MAAM,GAAGG,YAAY,CAAC,EAAEE,OAAO,EAAED;YAEjD;QACJ,OACI,IAAIJ,KAAK,QAAQ,CAAC,MAAM,GAAG,GACvB,KAAK,MAAMO,SAASP,KAAK,QAAQ,CAAE;YAC/B,MAAMQ,aAAaN,OAAO,CAACK,MAAM,IAAI,CAAC;YACtC,MAAME,YAAY,GAAGN,YAAY,CAAC,EAAEI,MAAM,IAAI,EAAE;YAChD,IAAI,CAAC,YAAY,CAACA,OAAOC,YAAYC,WAAWV;QACpD;aAEAA,QAAQC,MAAMG,aAAaD;IAGvC;AACJ"}

package/ComponentManifestToAstConverter.js

@@ -1,24 +1,23 @@
-export class ComponentManifestToAstConverter {
-  static convert(inputs) {
-    return this.buildAst(inputs);
-  }
-  static buildAst(inputs, basePath = "") {
-    return inputs.map(input => {
-      const path = basePath ? `${basePath}/${input.name}` : input.name;
-      const node = {
-        name: input.name,
-        type: input.type,
-        list: input.list || false,
-        path,
-        children: [],
-        input
-      };
-      if (input.type === "object" && input.fields) {
-        node.children = this.buildAst(input.fields, path);
-      }
-      return node;
-    });
-  }
+class ComponentManifestToAstConverter {
+    static convert(inputs) {
+        return this.buildAst(inputs);
+    }
+    static buildAst(inputs, basePath = "") {
+        return inputs.map((input)=>{
+            const path = basePath ? `${basePath}/${input.name}` : input.name;
+            const node = {
+                name: input.name,
+                type: input.type,
+                list: input.list || false,
+                path,
+                children: [],
+                input
+            };
+            if ("object" === input.type && input.fields) node.children = this.buildAst(input.fields, path);
+            return node;
+        });
+    }
 }
+export { ComponentManifestToAstConverter };
 
 //# sourceMappingURL=ComponentManifestToAstConverter.js.map

package/ComponentManifestToAstConverter.js.map

@@ -1 +1 @@
-{"version":3,"names":["ComponentManifestToAstConverter","convert","inputs","buildAst","basePath","map","input","path","name","node","type","list","children","fields"],"sources":["ComponentManifestToAstConverter.ts"],"sourcesContent":["import type { ComponentInput } from \"./types.js\";\n\nexport type InputAstNode = {\n    name: string;\n    type: string;\n    list: boolean;\n    path: string;\n    children: InputAstNode[];\n    input: ComponentInput;\n};\n\nexport class ComponentManifestToAstConverter {\n    static convert(inputs: ComponentInput[]): InputAstNode[] {\n        return this.buildAst(inputs);\n    }\n\n    private static buildAst(inputs: ComponentInput[], basePath = \"\"): InputAstNode[] {\n        return inputs.map(input => {\n            const path = basePath ? `${basePath}/${input.name}` : input.name;\n            const node: InputAstNode = {\n                name: input.name,\n                type: input.type,\n                list: input.list || false,\n                path,\n                children: [],\n                input\n            };\n\n            if (input.type === \"object\" && input.fields) {\n                node.children = this.buildAst(input.fields, path);\n            }\n\n            return node;\n        });\n    }\n}\n"],"mappings":"AAWA,OAAO,MAAMA,+BAA+B,CAAC;EACzC,OAAOC,OAAOA,CAACC,MAAwB,EAAkB;IACrD,OAAO,IAAI,CAACC,QAAQ,CAACD,MAAM,CAAC;EAChC;EAEA,OAAeC,QAAQA,CAACD,MAAwB,EAAEE,QAAQ,GAAG,EAAE,EAAkB;IAC7E,OAAOF,MAAM,CAACG,GAAG,CAACC,KAAK,IAAI;MACvB,MAAMC,IAAI,GAAGH,QAAQ,GAAG,GAAGA,QAAQ,IAAIE,KAAK,CAACE,IAAI,EAAE,GAAGF,KAAK,CAACE,IAAI;MAChE,MAAMC,IAAkB,GAAG;QACvBD,IAAI,EAAEF,KAAK,CAACE,IAAI;QAChBE,IAAI,EAAEJ,KAAK,CAACI,IAAI;QAChBC,IAAI,EAAEL,KAAK,CAACK,IAAI,IAAI,KAAK;QACzBJ,IAAI;QACJK,QAAQ,EAAE,EAAE;QACZN;MACJ,CAAC;MAED,IAAIA,KAAK,CAACI,IAAI,KAAK,QAAQ,IAAIJ,KAAK,CAACO,MAAM,EAAE;QACzCJ,IAAI,CAACG,QAAQ,GAAG,IAAI,CAACT,QAAQ,CAACG,KAAK,CAACO,MAAM,EAAEN,IAAI,CAAC;MACrD;MAEA,OAAOE,IAAI;IACf,CAAC,CAAC;EACN;AACJ","ignoreList":[]}
+{"version":3,"file":"ComponentManifestToAstConverter.js","sources":["../src/ComponentManifestToAstConverter.ts"],"sourcesContent":["import type { ComponentInput } from \"./types.js\";\n\nexport type InputAstNode = {\n    name: string;\n    type: string;\n    list: boolean;\n    path: string;\n    children: InputAstNode[];\n    input: ComponentInput;\n};\n\nexport class ComponentManifestToAstConverter {\n    static convert(inputs: ComponentInput[]): InputAstNode[] {\n        return this.buildAst(inputs);\n    }\n\n    private static buildAst(inputs: ComponentInput[], basePath = \"\"): InputAstNode[] {\n        return inputs.map(input => {\n            const path = basePath ? `${basePath}/${input.name}` : input.name;\n            const node: InputAstNode = {\n                name: input.name,\n                type: input.type,\n                list: input.list || false,\n                path,\n                children: [],\n                input\n            };\n\n            if (input.type === \"object\" && input.fields) {\n                node.children = this.buildAst(input.fields, path);\n            }\n\n            return node;\n        });\n    }\n}\n"],"names":["ComponentManifestToAstConverter","inputs","basePath","input","path","node"],"mappings":"AAWO,MAAMA;IACT,OAAO,QAAQC,MAAwB,EAAkB;QACrD,OAAO,IAAI,CAAC,QAAQ,CAACA;IACzB;IAEA,OAAe,SAASA,MAAwB,EAAEC,WAAW,EAAE,EAAkB;QAC7E,OAAOD,OAAO,GAAG,CAACE,CAAAA;YACd,MAAMC,OAAOF,WAAW,GAAGA,SAAS,CAAC,EAAEC,MAAM,IAAI,EAAE,GAAGA,MAAM,IAAI;YAChE,MAAME,OAAqB;gBACvB,MAAMF,MAAM,IAAI;gBAChB,MAAMA,MAAM,IAAI;gBAChB,MAAMA,MAAM,IAAI,IAAI;gBACpBC;gBACA,UAAU,EAAE;gBACZD;YACJ;YAEA,IAAIA,AAAe,aAAfA,MAAM,IAAI,IAAiBA,MAAM,MAAM,EACvCE,KAAK,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAACF,MAAM,MAAM,EAAEC;YAGhD,OAAOC;QACX;IACJ;AACJ"}

package/ComponentRegistry.d.ts

@@ -8,6 +8,15 @@ export declare class ComponentRegistry {
     private listeners;
     register(component: Component): void;
     get(name: string): Component | undefined;
+    /**
+     * Every registered name.
+     *
+     * Exists so a failed lookup can say what it DOES have. "Unknown component: X" is the same message
+     * whether nothing registered at all, the component registered under a different name, or
+     * hydration dropped it — three different bugs with three different fixes, and one investigation
+     * had to separate them by hand because the message could not.
+     */
+    names(): string[];
     /** subscribe to *all* registrations */
     onRegister(fn: (reg: Registration) => void): () => boolean;
 }

package/ComponentRegistry.js

@@ -1,25 +1,41 @@
-export class ComponentRegistry {
-  registry = new Map();
-  listeners = new Set();
-  register(component) {
-    const name = component.manifest.name;
-    this.registry.set(name, component);
-    // notify subscribers
-    this.listeners.forEach(fn => fn({
-      name,
-      component
-    }));
-  }
-  get(name) {
-    return this.registry.get(name);
-  }
-
-  /** subscribe to *all* registrations */
-  onRegister(fn) {
-    this.listeners.add(fn);
-    return () => this.listeners.delete(fn);
-  }
+import { functionConverter } from "./FunctionConverter.js";
+class ComponentRegistry {
+    register(component) {
+        const name = component.manifest.name;
+        component.manifest.tags = component.manifest.tags ?? [];
+        if (component.manifest.constraints) component.manifest.constraints = component.manifest.constraints.map((fn)=>functionConverter.serialize(fn));
+        if (component.manifest.descendantConstraints) component.manifest.descendantConstraints = component.manifest.descendantConstraints.map((fn)=>functionConverter.serialize(fn));
+        if (component.manifest.canDelete && "function" == typeof component.manifest.canDelete) component.manifest.canDelete = functionConverter.serialize(component.manifest.canDelete);
+        if (component.manifest.onChange) component.manifest.onChange = serializeHandlers(component.manifest.onChange);
+        if (component.manifest.onDescendantChange) component.manifest.onDescendantChange = serializeHandlers(component.manifest.onDescendantChange);
+        this.registry.set(name, component);
+        this.listeners.forEach((fn)=>fn({
+                name,
+                component
+            }));
+    }
+    get(name) {
+        return this.registry.get(name);
+    }
+    names() {
+        return [
+            ...this.registry.keys()
+        ];
+    }
+    onRegister(fn) {
+        this.listeners.add(fn);
+        return ()=>this.listeners.delete(fn);
+    }
+    constructor(){
+        this.registry = new Map();
+        this.listeners = new Set();
+    }
+}
+function serializeHandlers(handler) {
+    if (Array.isArray(handler)) return handler.map((h)=>functionConverter.serialize(h));
+    return functionConverter.serialize(handler);
 }
-export const componentRegistry = new ComponentRegistry();
+const componentRegistry = new ComponentRegistry();
+export { ComponentRegistry, componentRegistry };
 
 //# sourceMappingURL=ComponentRegistry.js.map

package/ComponentRegistry.js.map

@@ -1 +1 @@
-{"version":3,"names":["ComponentRegistry","registry","Map","listeners","Set","register","component","name","manifest","set","forEach","fn","get","onRegister","add","delete","componentRegistry"],"sources":["ComponentRegistry.ts"],"sourcesContent":["import type { Component } from \"~/types.js\";\n\ntype Registration = { name: string; component: Component };\n\nexport class ComponentRegistry {\n    private registry = new Map<string, Component>();\n    private listeners = new Set<(reg: Registration) => void>();\n\n    public register(component: Component) {\n        const name = component.manifest.name;\n        this.registry.set(name, component);\n        // notify subscribers\n        this.listeners.forEach(fn => fn({ name, component }));\n    }\n\n    public get(name: string) {\n        return this.registry.get(name);\n    }\n\n    /** subscribe to *all* registrations */\n    public onRegister(fn: (reg: Registration) => void) {\n        this.listeners.add(fn);\n        return () => this.listeners.delete(fn);\n    }\n}\n\nexport const componentRegistry = new ComponentRegistry();\n"],"mappings":"AAIA,OAAO,MAAMA,iBAAiB,CAAC;EACnBC,QAAQ,GAAG,IAAIC,GAAG,CAAoB,CAAC;EACvCC,SAAS,GAAG,IAAIC,GAAG,CAA8B,CAAC;EAEnDC,QAAQA,CAACC,SAAoB,EAAE;IAClC,MAAMC,IAAI,GAAGD,SAAS,CAACE,QAAQ,CAACD,IAAI;IACpC,IAAI,CAACN,QAAQ,CAACQ,GAAG,CAACF,IAAI,EAAED,SAAS,CAAC;IAClC;IACA,IAAI,CAACH,SAAS,CAACO,OAAO,CAACC,EAAE,IAAIA,EAAE,CAAC;MAAEJ,IAAI;MAAED;IAAU,CAAC,CAAC,CAAC;EACzD;EAEOM,GAAGA,CAACL,IAAY,EAAE;IACrB,OAAO,IAAI,CAACN,QAAQ,CAACW,GAAG,CAACL,IAAI,CAAC;EAClC;;EAEA;EACOM,UAAUA,CAACF,EAA+B,EAAE;IAC/C,IAAI,CAACR,SAAS,CAACW,GAAG,CAACH,EAAE,CAAC;IACtB,OAAO,MAAM,IAAI,CAACR,SAAS,CAACY,MAAM,CAACJ,EAAE,CAAC;EAC1C;AACJ;AAEA,OAAO,MAAMK,iBAAiB,GAAG,IAAIhB,iBAAiB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"ComponentRegistry.js","sources":["../src/ComponentRegistry.ts"],"sourcesContent":["import type { Component } from \"~/types.js\";\nimport { functionConverter } from \"~/FunctionConverter.js\";\n\ntype Registration = { name: string; component: Component };\n\nexport class ComponentRegistry {\n    private registry = new Map<string, Component>();\n    private listeners = new Set<(reg: Registration) => void>();\n\n    public register(component: Component) {\n        const name = component.manifest.name;\n        // Normalize optional fields so downstream code never sees undefined.\n        component.manifest.tags = component.manifest.tags ?? [];\n        // Serialize constraint and handler functions for cross-boundary transport\n        if (component.manifest.constraints) {\n            // @ts-expect-error Serialized form is string[], but type expects function[].\n            component.manifest.constraints = component.manifest.constraints.map(fn =>\n                functionConverter.serialize(fn)\n            );\n        }\n        if (component.manifest.descendantConstraints) {\n            // @ts-expect-error Serialized form is string[], but type expects function[].\n            component.manifest.descendantConstraints = component.manifest.descendantConstraints.map(\n                fn => functionConverter.serialize(fn)\n            );\n        }\n        if (component.manifest.canDelete && typeof component.manifest.canDelete === \"function\") {\n            // @ts-expect-error Serialized form is a string, but type expects a function.\n            component.manifest.canDelete = functionConverter.serialize(\n                component.manifest.canDelete\n            );\n        }\n        if (component.manifest.onChange) {\n            // @ts-expect-error Serialized form is a string (or string[]), but type expects a function.\n            component.manifest.onChange = serializeHandlers(component.manifest.onChange);\n        }\n        if (component.manifest.onDescendantChange) {\n            // @ts-expect-error Serialized form is a string (or string[]), but type expects a function.\n            component.manifest.onDescendantChange = serializeHandlers(\n                component.manifest.onDescendantChange\n            );\n        }\n        this.registry.set(name, component);\n        // notify subscribers\n        this.listeners.forEach(fn => fn({ name, component }));\n    }\n\n    public get(name: string) {\n        return this.registry.get(name);\n    }\n\n    /**\n     * Every registered name.\n     *\n     * Exists so a failed lookup can say what it DOES have. \"Unknown component: X\" is the same message\n     * whether nothing registered at all, the component registered under a different name, or\n     * hydration dropped it — three different bugs with three different fixes, and one investigation\n     * had to separate them by hand because the message could not.\n     */\n    public names(): string[] {\n        return [...this.registry.keys()];\n    }\n\n    /** subscribe to *all* registrations */\n    public onRegister(fn: (reg: Registration) => void) {\n        this.listeners.add(fn);\n        return () => this.listeners.delete(fn);\n    }\n}\n\nfunction serializeHandlers(\n    handler: ((...args: any[]) => any) | ((...args: any[]) => any)[]\n): string | string[] {\n    if (Array.isArray(handler)) {\n        return handler.map(h => functionConverter.serialize(h));\n    }\n    return functionConverter.serialize(handler);\n}\n\nexport const componentRegistry = new ComponentRegistry();\n"],"names":["ComponentRegistry","component","name","fn","functionConverter","serializeHandlers","Map","Set","handler","Array","h","componentRegistry"],"mappings":";AAKO,MAAMA;IAIF,SAASC,SAAoB,EAAE;QAClC,MAAMC,OAAOD,UAAU,QAAQ,CAAC,IAAI;QAEpCA,UAAU,QAAQ,CAAC,IAAI,GAAGA,UAAU,QAAQ,CAAC,IAAI,IAAI,EAAE;QAEvD,IAAIA,UAAU,QAAQ,CAAC,WAAW,EAE9BA,UAAU,QAAQ,CAAC,WAAW,GAAGA,UAAU,QAAQ,CAAC,WAAW,CAAC,GAAG,CAACE,CAAAA,KAChEC,kBAAkB,SAAS,CAACD;QAGpC,IAAIF,UAAU,QAAQ,CAAC,qBAAqB,EAExCA,UAAU,QAAQ,CAAC,qBAAqB,GAAGA,UAAU,QAAQ,CAAC,qBAAqB,CAAC,GAAG,CACnFE,CAAAA,KAAMC,kBAAkB,SAAS,CAACD;QAG1C,IAAIF,UAAU,QAAQ,CAAC,SAAS,IAAI,AAAwC,cAAxC,OAAOA,UAAU,QAAQ,CAAC,SAAS,EAEnEA,UAAU,QAAQ,CAAC,SAAS,GAAGG,kBAAkB,SAAS,CACtDH,UAAU,QAAQ,CAAC,SAAS;QAGpC,IAAIA,UAAU,QAAQ,CAAC,QAAQ,EAE3BA,UAAU,QAAQ,CAAC,QAAQ,GAAGI,kBAAkBJ,UAAU,QAAQ,CAAC,QAAQ;QAE/E,IAAIA,UAAU,QAAQ,CAAC,kBAAkB,EAErCA,UAAU,QAAQ,CAAC,kBAAkB,GAAGI,kBACpCJ,UAAU,QAAQ,CAAC,kBAAkB;QAG7C,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACC,MAAMD;QAExB,IAAI,CAAC,SAAS,CAAC,OAAO,CAACE,CAAAA,KAAMA,GAAG;gBAAED;gBAAMD;YAAU;IACtD;IAEO,IAAIC,IAAY,EAAE;QACrB,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACA;IAC7B;IAUO,QAAkB;QACrB,OAAO;eAAI,IAAI,CAAC,QAAQ,CAAC,IAAI;SAAG;IACpC;IAGO,WAAWC,EAA+B,EAAE;QAC/C,IAAI,CAAC,SAAS,CAAC,GAAG,CAACA;QACnB,OAAO,IAAM,IAAI,CAAC,SAAS,CAAC,MAAM,CAACA;IACvC;;aA7DQ,QAAQ,GAAG,IAAIG;aACf,SAAS,GAAG,IAAIC;;AA6D5B;AAEA,SAASF,kBACLG,OAAgE;IAEhE,IAAIC,MAAM,OAAO,CAACD,UACd,OAAOA,QAAQ,GAAG,CAACE,CAAAA,IAAKN,kBAAkB,SAAS,CAACM;IAExD,OAAON,kBAAkB,SAAS,CAACI;AACvC;AAEO,MAAMG,oBAAoB,IAAIX"}

package/ComponentResolver.d.ts

@@ -1,14 +1,15 @@
 import type { ComponentRegistry } from "./ComponentRegistry.js";
-import type { DocumentElement, DocumentElementBindings, DocumentState, ResolvedComponent } from "./types.js";
+import type { DocumentCache, DocumentElement, DocumentElementBindings, DocumentState, ResolvedComponent } from "./types.js";
 import type { OnResolved } from "./BindingsResolver.js";
 export type ResolveElementParams = {
     element: DocumentElement;
     elementBindings: DocumentElementBindings;
     state: DocumentState;
+    cache?: DocumentCache;
     onResolved?: OnResolved;
 };
 export declare class ComponentResolver {
     private components;
     constructor(registry: ComponentRegistry);
-    resolve({ element, elementBindings, onResolved, state }: ResolveElementParams): ResolvedComponent[] | null;
+    resolve({ element, elementBindings, onResolved, state, cache }: ResolveElementParams): ResolvedComponent[] | null;
 }

package/ComponentResolver.js

@@ -1,36 +1,46 @@
 import { logger } from "./Logger.js";
 import { BindingsResolver } from "./BindingsResolver.js";
+import { ContentEntryBindingsResolver } from "./contentEntry/ContentEntryBindingsResolver.js";
 import { ComponentManifestToAstConverter } from "./ComponentManifestToAstConverter.js";
-export class ComponentResolver {
-  constructor(registry) {
-    this.components = registry;
-  }
-  resolve({
-    element,
-    elementBindings = {},
-    onResolved,
-    state
-  }) {
-    const componentName = element.component.name;
-    const blueprint = this.components.get(componentName);
-    if (!blueprint) {
-      logger.warn(`Unknown component: ${componentName}`);
-      return null;
+class ComponentResolver {
+    constructor(registry){
+        this.components = registry;
+    }
+    resolve({ element, elementBindings = {}, onResolved, state, cache }) {
+        const componentName = element.component.name;
+        const blueprint = this.components.get(componentName);
+        if (!blueprint) {
+            const available = this.components.names();
+            logger.warn(0 === available.length ? `Unknown component: ${componentName} — no components are registered at all.` : `Unknown component: ${componentName} — ${available.length} registered${describeNearest(componentName, available)}`);
+            return null;
+        }
+        const embedded = cache?.contentEntries;
+        const resolvedEntries = embedded ? new Map(Object.entries(embedded)) : void 0;
+        const resolver = new ContentEntryBindingsResolver(new BindingsResolver(state), resolvedEntries);
+        const instances = resolver.resolveElement({
+            element,
+            elementBindings,
+            inputAst: ComponentManifestToAstConverter.convert(blueprint.manifest.inputs ?? []),
+            onResolved
+        });
+        return instances.map((instance)=>({
+                component: blueprint.component,
+                manifest: blueprint.manifest,
+                styles: instance.styles,
+                inputs: instance.inputs
+            }));
     }
-    const bindingsResolver = new BindingsResolver(state);
-    const instances = bindingsResolver.resolveElement({
-      element,
-      elementBindings,
-      inputAst: ComponentManifestToAstConverter.convert(blueprint.manifest.inputs ?? []),
-      onResolved
-    });
-    return instances.map(instance => ({
-      component: blueprint.component,
-      manifest: blueprint.manifest,
-      styles: instance.styles,
-      inputs: instance.inputs
-    }));
-  }
 }
+const describeNearest = (wanted, available)=>{
+    const tail = (name)=>name.split("/").pop()?.toLowerCase().replace(/[^a-z0-9]/g, "") ?? "";
+    const wantedTail = tail(wanted);
+    const near = available.filter((name)=>{
+        const candidate = tail(name);
+        return candidate.length > 0 && (candidate === wantedTail || candidate.includes(wantedTail) || wantedTail.includes(candidate));
+    }).slice(0, 3);
+    if (0 === near.length) return `, none matching. Registered: ${available.slice(0, 3).join(", ")}${available.length > 3 ? ", …" : ""}`;
+    return `, did you mean ${near.map((name)=>`"${name}"`).join(" or ")}?`;
+};
+export { ComponentResolver };
 
 //# sourceMappingURL=ComponentResolver.js.map

package/ComponentResolver.js.map

@@ -1 +1 @@
-{"version":3,"names":["logger","BindingsResolver","ComponentManifestToAstConverter","ComponentResolver","constructor","registry","components","resolve","element","elementBindings","onResolved","state","componentName","component","name","blueprint","get","warn","bindingsResolver","instances","resolveElement","inputAst","convert","manifest","inputs","map","instance","styles"],"sources":["ComponentResolver.ts"],"sourcesContent":["import type { ComponentRegistry } from \"~/ComponentRegistry.js\";\nimport type {\n    DocumentElement,\n    DocumentElementBindings,\n    DocumentState,\n    ResolvedComponent\n} from \"~/types.js\";\nimport { logger } from \"./Logger.js\";\nimport type { OnResolved } from \"./BindingsResolver.js\";\nimport { BindingsResolver } from \"./BindingsResolver.js\";\nimport { ComponentManifestToAstConverter } from \"~/ComponentManifestToAstConverter.js\";\n\nexport type ResolveElementParams = {\n    element: DocumentElement;\n    elementBindings: DocumentElementBindings;\n    state: DocumentState;\n    onResolved?: OnResolved;\n};\n\nexport class ComponentResolver {\n    private components: ComponentRegistry;\n\n    constructor(registry: ComponentRegistry) {\n        this.components = registry;\n    }\n\n    resolve({\n        element,\n        elementBindings = {},\n        onResolved,\n        state\n    }: ResolveElementParams): ResolvedComponent[] | null {\n        const componentName = element.component.name;\n        const blueprint = this.components.get(componentName);\n\n        if (!blueprint) {\n            logger.warn(`Unknown component: ${componentName}`);\n            return null;\n        }\n\n        const bindingsResolver = new BindingsResolver(state);\n        const instances = bindingsResolver.resolveElement({\n            element,\n            elementBindings,\n            inputAst: ComponentManifestToAstConverter.convert(blueprint.manifest.inputs ?? []),\n            onResolved\n        });\n\n        return instances.map(instance => ({\n            component: blueprint.component,\n            manifest: blueprint.manifest!,\n            styles: instance.styles,\n            inputs: instance.inputs\n        }));\n    }\n}\n"],"mappings":"AAOA,SAASA,MAAM;AAEf,SAASC,gBAAgB;AACzB,SAASC,+BAA+B;AASxC,OAAO,MAAMC,iBAAiB,CAAC;EAG3BC,WAAWA,CAACC,QAA2B,EAAE;IACrC,IAAI,CAACC,UAAU,GAAGD,QAAQ;EAC9B;EAEAE,OAAOA,CAAC;IACJC,OAAO;IACPC,eAAe,GAAG,CAAC,CAAC;IACpBC,UAAU;IACVC;EACkB,CAAC,EAA8B;IACjD,MAAMC,aAAa,GAAGJ,OAAO,CAACK,SAAS,CAACC,IAAI;IAC5C,MAAMC,SAAS,GAAG,IAAI,CAACT,UAAU,CAACU,GAAG,CAACJ,aAAa,CAAC;IAEpD,IAAI,CAACG,SAAS,EAAE;MACZf,MAAM,CAACiB,IAAI,CAAC,sBAAsBL,aAAa,EAAE,CAAC;MAClD,OAAO,IAAI;IACf;IAEA,MAAMM,gBAAgB,GAAG,IAAIjB,gBAAgB,CAACU,KAAK,CAAC;IACpD,MAAMQ,SAAS,GAAGD,gBAAgB,CAACE,cAAc,CAAC;MAC9CZ,OAAO;MACPC,eAAe;MACfY,QAAQ,EAAEnB,+BAA+B,CAACoB,OAAO,CAACP,SAAS,CAACQ,QAAQ,CAACC,MAAM,IAAI,EAAE,CAAC;MAClFd;IACJ,CAAC,CAAC;IAEF,OAAOS,SAAS,CAACM,GAAG,CAACC,QAAQ,KAAK;MAC9Bb,SAAS,EAAEE,SAAS,CAACF,SAAS;MAC9BU,QAAQ,EAAER,SAAS,CAACQ,QAAS;MAC7BI,MAAM,EAAED,QAAQ,CAACC,MAAM;MACvBH,MAAM,EAAEE,QAAQ,CAACF;IACrB,CAAC,CAAC,CAAC;EACP;AACJ","ignoreList":[]}
+{"version":3,"file":"ComponentResolver.js","sources":["../src/ComponentResolver.ts"],"sourcesContent":["import type { ComponentRegistry } from \"~/ComponentRegistry.js\";\nimport type {\n    DocumentCache,\n    DocumentElement,\n    DocumentElementBindings,\n    DocumentState,\n    ResolvedComponent\n} from \"~/types.js\";\nimport { logger } from \"./Logger.js\";\nimport type { OnResolved } from \"./BindingsResolver.js\";\nimport { BindingsResolver } from \"./BindingsResolver.js\";\nimport { ContentEntryBindingsResolver } from \"./contentEntry/ContentEntryBindingsResolver.js\";\nimport { ComponentManifestToAstConverter } from \"~/ComponentManifestToAstConverter.js\";\nexport type ResolveElementParams = {\n    element: DocumentElement;\n    elementBindings: DocumentElementBindings;\n    state: DocumentState;\n    cache?: DocumentCache;\n    onResolved?: OnResolved;\n};\n\nexport class ComponentResolver {\n    private components: ComponentRegistry;\n\n    constructor(registry: ComponentRegistry) {\n        this.components = registry;\n    }\n\n    resolve({\n        element,\n        elementBindings = {},\n        onResolved,\n        state,\n        cache\n    }: ResolveElementParams): ResolvedComponent[] | null {\n        const componentName = element.component.name;\n        const blueprint = this.components.get(componentName);\n\n        if (!blueprint) {\n            /*\n             * What was wanted AND what is available. A bare \"unknown\" cannot distinguish an empty\n             * registry from a name mismatch, and a name mismatch is what made every component on\n             * every migrated page unresolvable while each stage reported success: pages referenced\n             * \"Site/FAQ Section\" and the bundles registered \"Custom/FaqSection\". The near-miss is\n             * usually the whole diagnosis, so it is offered rather than left to be discovered.\n             */\n            const available = this.components.names();\n            logger.warn(\n                available.length === 0\n                    ? `Unknown component: ${componentName} — no components are registered at all.`\n                    : `Unknown component: ${componentName} — ${available.length} registered${describeNearest(componentName, available)}`\n            );\n            return null;\n        }\n\n        // Build the pre-resolved entries map from the document cache\n        // (populated by `resolveContentEntries` on the server).\n        const embedded = cache?.contentEntries as Record<string, unknown> | undefined;\n        const resolvedEntries = embedded ? new Map(Object.entries(embedded)) : undefined;\n\n        const resolver = new ContentEntryBindingsResolver(\n            new BindingsResolver(state),\n            resolvedEntries\n        );\n\n        const instances = resolver.resolveElement({\n            element,\n            elementBindings,\n            inputAst: ComponentManifestToAstConverter.convert(blueprint.manifest.inputs ?? []),\n            onResolved\n        });\n\n        return instances.map(instance => ({\n            component: blueprint.component,\n            manifest: blueprint.manifest!,\n            styles: instance.styles,\n            inputs: instance.inputs\n        }));\n    }\n}\n\n/**\n * The registered names closest to the one that was wanted, as a suffix for the warning.\n *\n * Matched on the last path segment, because the mismatch that prompted this was a namespace one:\n * \"2424Tulane/FAQ Section\" against \"Custom/FaqSection\" share nothing but their tail, and the tail is\n * what makes the relationship obvious on sight.\n */\nconst describeNearest = (wanted: string, available: string[]): string => {\n    const tail = (name: string) =>\n        name\n            .split(\"/\")\n            .pop()\n            ?.toLowerCase()\n            .replace(/[^a-z0-9]/g, \"\") ?? \"\";\n    const wantedTail = tail(wanted);\n\n    const near = available\n        .filter(name => {\n            const candidate = tail(name);\n            return (\n                candidate.length > 0 &&\n                (candidate === wantedTail ||\n                    candidate.includes(wantedTail) ||\n                    wantedTail.includes(candidate))\n            );\n        })\n        .slice(0, 3);\n\n    if (near.length === 0) {\n        return `, none matching. Registered: ${available.slice(0, 3).join(\", \")}${available.length > 3 ? \", …\" : \"\"}`;\n    }\n    return `, did you mean ${near.map(name => `\"${name}\"`).join(\" or \")}?`;\n};\n"],"names":["ComponentResolver","registry","element","elementBindings","onResolved","state","cache","componentName","blueprint","available","logger","describeNearest","embedded","resolvedEntries","Map","Object","undefined","resolver","ContentEntryBindingsResolver","BindingsResolver","instances","ComponentManifestToAstConverter","instance","wanted","tail","name","wantedTail","near","candidate"],"mappings":";;;;AAqBO,MAAMA;IAGT,YAAYC,QAA2B,CAAE;QACrC,IAAI,CAAC,UAAU,GAAGA;IACtB;IAEA,QAAQ,EACJC,OAAO,EACPC,kBAAkB,CAAC,CAAC,EACpBC,UAAU,EACVC,KAAK,EACLC,KAAK,EACc,EAA8B;QACjD,MAAMC,gBAAgBL,QAAQ,SAAS,CAAC,IAAI;QAC5C,MAAMM,YAAY,IAAI,CAAC,UAAU,CAAC,GAAG,CAACD;QAEtC,IAAI,CAACC,WAAW;YAQZ,MAAMC,YAAY,IAAI,CAAC,UAAU,CAAC,KAAK;YACvCC,OAAO,IAAI,CACPD,AAAqB,MAArBA,UAAU,MAAM,GACV,CAAC,mBAAmB,EAAEF,cAAc,uCAAuC,CAAC,GAC5E,CAAC,mBAAmB,EAAEA,cAAc,GAAG,EAAEE,UAAU,MAAM,CAAC,WAAW,EAAEE,gBAAgBJ,eAAeE,YAAY;YAE5H,OAAO;QACX;QAIA,MAAMG,WAAWN,OAAO;QACxB,MAAMO,kBAAkBD,WAAW,IAAIE,IAAIC,OAAO,OAAO,CAACH,aAAaI;QAEvE,MAAMC,WAAW,IAAIC,6BACjB,IAAIC,iBAAiBd,QACrBQ;QAGJ,MAAMO,YAAYH,SAAS,cAAc,CAAC;YACtCf;YACAC;YACA,UAAUkB,gCAAgC,OAAO,CAACb,UAAU,QAAQ,CAAC,MAAM,IAAI,EAAE;YACjFJ;QACJ;QAEA,OAAOgB,UAAU,GAAG,CAACE,CAAAA,WAAa;gBAC9B,WAAWd,UAAU,SAAS;gBAC9B,UAAUA,UAAU,QAAQ;gBAC5B,QAAQc,SAAS,MAAM;gBACvB,QAAQA,SAAS,MAAM;YAC3B;IACJ;AACJ;AASA,MAAMX,kBAAkB,CAACY,QAAgBd;IACrC,MAAMe,OAAO,CAACC,OACVA,KACK,KAAK,CAAC,KACN,GAAG,IACF,cACD,QAAQ,cAAc,OAAO;IACtC,MAAMC,aAAaF,KAAKD;IAExB,MAAMI,OAAOlB,UACR,MAAM,CAACgB,CAAAA;QACJ,MAAMG,YAAYJ,KAAKC;QACvB,OACIG,UAAU,MAAM,GAAG,KAClBA,CAAAA,cAAcF,cACXE,UAAU,QAAQ,CAACF,eACnBA,WAAW,QAAQ,CAACE,UAAS;IAEzC,GACC,KAAK,CAAC,GAAG;IAEd,IAAID,AAAgB,MAAhBA,KAAK,MAAM,EACX,OAAO,CAAC,6BAA6B,EAAElB,UAAU,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,QAAQA,UAAU,MAAM,GAAG,IAAI,QAAQ,IAAI;IAEjH,OAAO,CAAC,eAAe,EAAEkB,KAAK,GAAG,CAACF,CAAAA,OAAQ,CAAC,CAAC,EAAEA,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC1E"}

package/ComponentResolver.test.d.ts

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

package/ComponentResolver.test.js

@@ -0,0 +1,81 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { ComponentResolver } from "./ComponentResolver.js";
+import { ComponentRegistry } from "./ComponentRegistry.js";
+import { logger } from "./Logger.js";
+const registryWith = (names)=>{
+    const registry = new ComponentRegistry();
+    for (const name of names)registry.register({
+        component: ()=>null,
+        manifest: {
+            name,
+            inputs: []
+        }
+    });
+    return registry;
+};
+const ComponentResolver_test_element = (componentName)=>({
+        id: "el-1",
+        type: "Webiny/Element",
+        component: {
+            name: componentName
+        },
+        parent: {
+            id: "root",
+            slot: "children"
+        }
+    });
+const resolve = (registry, wanted)=>new ComponentResolver(registry).resolve({
+        element: ComponentResolver_test_element(wanted),
+        elementBindings: {
+            inputs: {}
+        },
+        state: {}
+    });
+const captureWarnings = ()=>{
+    const messages = [];
+    vi.spyOn(logger, "warn").mockImplementation((message)=>{
+        messages.push(String(message));
+    });
+    return messages;
+};
+afterEach(()=>{
+    vi.restoreAllMocks();
+});
+describe("ComponentResolver — what it says when a component is missing", ()=>{
+    it("distinguishes an empty registry from a mismatch", ()=>{
+        const messages = captureWarnings();
+        expect(resolve(registryWith([]), "Site/FAQ Section")).toBeNull();
+        expect(messages[0]).toContain("no components are registered at all");
+    });
+    it("offers the near miss, which is usually the whole diagnosis", ()=>{
+        const messages = captureWarnings();
+        const registry = registryWith([
+            "Custom/FaqSection",
+            "Custom/HeroBanner"
+        ]);
+        expect(resolve(registry, "2424Tulane/FAQ Section")).toBeNull();
+        expect(messages[0]).toContain("2 registered");
+        expect(messages[0]).toContain("Custom/FaqSection");
+        expect(messages[0]).toContain("did you mean");
+    });
+    it("says what it has when nothing is close", ()=>{
+        const messages = captureWarnings();
+        const registry = registryWith([
+            "Custom/Footer",
+            "Custom/Header"
+        ]);
+        expect(resolve(registry, "Site/Completely Different")).toBeNull();
+        expect(messages[0]).toContain("none matching");
+        expect(messages[0]).toContain("Custom/Footer");
+    });
+    it("says nothing when the component resolves", ()=>{
+        const messages = captureWarnings();
+        const registry = registryWith([
+            "Custom/FaqSection"
+        ]);
+        expect(resolve(registry, "Custom/FaqSection")).not.toBeNull();
+        expect(messages).toEqual([]);
+    });
+});
+
+//# sourceMappingURL=ComponentResolver.test.js.map

package/ComponentResolver.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentResolver.test.js","sources":["../src/ComponentResolver.test.ts"],"sourcesContent":["import { describe, expect, it, vi, afterEach } from \"vitest\";\nimport { ComponentResolver } from \"./ComponentResolver.js\";\nimport { ComponentRegistry } from \"./ComponentRegistry.js\";\nimport { logger } from \"./Logger.js\";\n\nconst registryWith = (names: string[]) => {\n    const registry = new ComponentRegistry();\n    for (const name of names) {\n        registry.register({\n            component: (() => null) as never,\n            manifest: { name, inputs: [] } as never\n        });\n    }\n    return registry;\n};\n\nconst element = (componentName: string) =>\n    ({\n        id: \"el-1\",\n        type: \"Webiny/Element\",\n        component: { name: componentName },\n        parent: { id: \"root\", slot: \"children\" }\n    }) as never;\n\nconst resolve = (registry: ComponentRegistry, wanted: string) =>\n    new ComponentResolver(registry).resolve({\n        element: element(wanted),\n        elementBindings: { inputs: {} } as never,\n        state: {} as never\n    });\n\nconst captureWarnings = () => {\n    const messages: string[] = [];\n    vi.spyOn(logger, \"warn\").mockImplementation((message: unknown) => {\n        messages.push(String(message));\n    });\n    return messages;\n};\n\nafterEach(() => {\n    vi.restoreAllMocks();\n});\n\ndescribe(\"ComponentResolver — what it says when a component is missing\", () => {\n    it(\"distinguishes an empty registry from a mismatch\", () => {\n        const messages = captureWarnings();\n\n        expect(resolve(registryWith([]), \"Site/FAQ Section\")).toBeNull();\n        expect(messages[0]).toContain(\"no components are registered at all\");\n    });\n\n    it(\"offers the near miss, which is usually the whole diagnosis\", () => {\n        /*\n         * The real case: pages referenced \"2424Tulane/FAQ Section\" and bundles registered\n         * \"Custom/FaqSection\". 199 of 199 differed, every page rendered nothing, and the warning said\n         * only \"Unknown component\".\n         */\n        const messages = captureWarnings();\n        const registry = registryWith([\"Custom/FaqSection\", \"Custom/HeroBanner\"]);\n\n        expect(resolve(registry, \"2424Tulane/FAQ Section\")).toBeNull();\n        expect(messages[0]).toContain(\"2 registered\");\n        expect(messages[0]).toContain(\"Custom/FaqSection\");\n        expect(messages[0]).toContain(\"did you mean\");\n    });\n\n    it(\"says what it has when nothing is close\", () => {\n        const messages = captureWarnings();\n        const registry = registryWith([\"Custom/Footer\", \"Custom/Header\"]);\n\n        expect(resolve(registry, \"Site/Completely Different\")).toBeNull();\n        expect(messages[0]).toContain(\"none matching\");\n        expect(messages[0]).toContain(\"Custom/Footer\");\n    });\n\n    it(\"says nothing when the component resolves\", () => {\n        const messages = captureWarnings();\n        const registry = registryWith([\"Custom/FaqSection\"]);\n\n        expect(resolve(registry, \"Custom/FaqSection\")).not.toBeNull();\n        expect(messages).toEqual([]);\n    });\n});\n"],"names":["registryWith","names","registry","ComponentRegistry","name","element","componentName","resolve","wanted","ComponentResolver","captureWarnings","messages","vi","logger","message","String","afterEach","describe","it","expect"],"mappings":";;;;AAKA,MAAMA,eAAe,CAACC;IAClB,MAAMC,WAAW,IAAIC;IACrB,KAAK,MAAMC,QAAQH,MACfC,SAAS,QAAQ,CAAC;QACd,WAAY,IAAM;QAClB,UAAU;YAAEE;YAAM,QAAQ,EAAE;QAAC;IACjC;IAEJ,OAAOF;AACX;AAEA,MAAMG,iCAAU,CAACC,gBACZ;QACG,IAAI;QACJ,MAAM;QACN,WAAW;YAAE,MAAMA;QAAc;QACjC,QAAQ;YAAE,IAAI;YAAQ,MAAM;QAAW;IAC3C;AAEJ,MAAMC,UAAU,CAACL,UAA6BM,SAC1C,IAAIC,kBAAkBP,UAAU,OAAO,CAAC;QACpC,SAASG,+BAAQG;QACjB,iBAAiB;YAAE,QAAQ,CAAC;QAAE;QAC9B,OAAO,CAAC;IACZ;AAEJ,MAAME,kBAAkB;IACpB,MAAMC,WAAqB,EAAE;IAC7BC,GAAG,KAAK,CAACC,QAAQ,QAAQ,kBAAkB,CAAC,CAACC;QACzCH,SAAS,IAAI,CAACI,OAAOD;IACzB;IACA,OAAOH;AACX;AAEAK,UAAU;IACNJ,GAAG,eAAe;AACtB;AAEAK,SAAS,gEAAgE;IACrEC,GAAG,mDAAmD;QAClD,MAAMP,WAAWD;QAEjBS,OAAOZ,QAAQP,aAAa,EAAE,GAAG,qBAAqB,QAAQ;QAC9DmB,OAAOR,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC;IAClC;IAEAO,GAAG,8DAA8D;QAM7D,MAAMP,WAAWD;QACjB,MAAMR,WAAWF,aAAa;YAAC;YAAqB;SAAoB;QAExEmB,OAAOZ,QAAQL,UAAU,2BAA2B,QAAQ;QAC5DiB,OAAOR,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC;QAC9BQ,OAAOR,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC;QAC9BQ,OAAOR,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC;IAClC;IAEAO,GAAG,0CAA0C;QACzC,MAAMP,WAAWD;QACjB,MAAMR,WAAWF,aAAa;YAAC;YAAiB;SAAgB;QAEhEmB,OAAOZ,QAAQL,UAAU,8BAA8B,QAAQ;QAC/DiB,OAAOR,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC;QAC9BQ,OAAOR,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC;IAClC;IAEAO,GAAG,4CAA4C;QAC3C,MAAMP,WAAWD;QACjB,MAAMR,WAAWF,aAAa;YAAC;SAAoB;QAEnDmB,OAAOZ,QAAQL,UAAU,sBAAsB,GAAG,CAAC,QAAQ;QAC3DiB,OAAOR,UAAU,OAAO,CAAC,EAAE;IAC/B;AACJ"}