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

package/InputBindingsProcessor.js.map

@@ -1 +1 @@
-{"version":3,"names":["deepEqual","set","InheritedValueResolver","DocumentOperations","InputsUpdater","generateElementId","InputsBindingsProcessor","constructor","elementId","inputsAst","breakpoints","rawBindings","elementFactory","elementReferences","getElementReferences","inputs","toDeepInputs","flat","result","assignValue","path","value","current","i","length","key","nextKey","isNextIndex","Array","isArray","Error","push","walk","nodes","prefix","node","pathParts","name","flatKey","join","entry","staticValue","static","children","list","pattern","RegExp","indexes","Object","keys","reduce","acc","match","parseInt","uniqueIndexes","from","Set","sort","a","b","undefined","part","Number","createUpdate","breakpoint","operations","originalInputs","rebuilt","overrides","bp","entries","structuredClone","seenPaths","valueResolver","isBaseBreakpoint","getValue","obj","segments","split","flatMap","segment","map","test","compareAndCollect","add","slice","newValue","originalEntry","action","newElement","createElementFromComponent","componentName","params","component","parentId","slot","index","bindings","createdId","element","id","existingId","idToUse","binding","type","input","responsive","inheritedValue","getInheritedValue","isResponsive","usedSlotIds","has","RemoveElement","references","forEach","indexOf"],"sources":["InputBindingsProcessor.ts"],"sourcesContent":["import deepEqual from \"deep-equal\";\nimport set from \"lodash/set.js\";\nimport type { DocumentElementBindings, DocumentElementInputBindings } from \"~/types.js\";\nimport { InheritedValueResolver } from \"~/InheritedValueResolver.js\";\nimport type { InputAstNode } from \"~/ComponentManifestToAstConverter.js\";\nimport { DocumentOperations, type IDocumentOperation } from \"~/documentOperations/index.js\";\nimport type { ElementFactory } from \"~/ElementFactory.js\";\nimport { InputsUpdater } from \"~/InputsUpdater.js\";\nimport { generateElementId } from \"./generateElementId.js\";\ntype DeepBindings = Record<string, any>;\n\nexport type ElementInputsBindings = {\n    inputs: DocumentElementInputBindings;\n    overrides: {\n        [breakpoint: string]: {\n            inputs: DocumentElementInputBindings;\n        };\n    };\n};\n\n/**\n * Handles deep-to-flat and flat-to-deep conversion of input bindings,\n * with breakpoint inheritance awareness.\n */\nexport class InputsBindingsProcessor {\n    private breakpoints: string[];\n    private rawBindings: DocumentElementBindings;\n    private elementFactory: ElementFactory;\n    private elementId: string;\n    private inputsAst: InputAstNode[];\n    private elementReferences: Set<string>;\n\n    constructor(\n        elementId: string,\n        inputsAst: InputAstNode[],\n        breakpoints: string[],\n        rawBindings: DocumentElementBindings,\n        elementFactory: ElementFactory\n    ) {\n        this.elementId = elementId;\n        this.inputsAst = inputsAst;\n        this.breakpoints = breakpoints;\n        this.rawBindings = rawBindings;\n        this.elementFactory = elementFactory;\n        this.elementReferences = this.getElementReferences(rawBindings.inputs);\n    }\n\n    /**\n     * Converts flat input bindings into deep inputs object (removes `.static` wrappers).\n     */\n    public toDeepInputs(flat: NonNullable<DocumentElementBindings[\"inputs\"]>): DeepBindings {\n        const result: DeepBindings = {};\n\n        // Assigns a value to a nested path within the result object, creating arrays/objects as needed.\n        const assignValue = (path: (string | number)[], value: any) => {\n            let current = result;\n            for (let i = 0; i < path.length - 1; i++) {\n                const key = path[i];\n                const nextKey = path[i + 1];\n                const isNextIndex = typeof nextKey === \"number\";\n\n                if (typeof key === \"number\") {\n                    if (!Array.isArray(current)) {\n                        throw new Error(\"Expected array in path assignment.\");\n                    }\n                    while (current.length <= key) {\n                        current.push(isNextIndex ? [] : {});\n                    }\n                    if (typeof current[key] !== \"object\") {\n                        current[key] = isNextIndex ? [] : {};\n                    }\n                    current = current[key];\n                } else {\n                    if (!(key in current) || typeof current[key] !== \"object\") {\n                        current[key] = isNextIndex ? [] : {};\n                    }\n                    current = current[key];\n                }\n            }\n            current[path[path.length - 1]] = value;\n        };\n\n        // Recursively walks the AST and assigns values from flat bindings to the nested result.\n        const walk = (nodes: InputAstNode[], prefix: string[]) => {\n            for (const node of nodes) {\n                const pathParts = [...prefix, node.name];\n                const flatKey = pathParts.join(\"/\");\n                const entry = flat[flatKey];\n                const staticValue = entry?.static;\n\n                if (node.children.length > 0) {\n                    if (node.list) {\n                        const pattern = new RegExp(`^${flatKey}\\\\/(\\\\d+)\\\\/`);\n                        const indexes = Object.keys(flat).reduce((acc: number[], key) => {\n                            const match = key.match(pattern);\n                            if (match) {\n                                acc.push(parseInt(match[1], 10));\n                            }\n                            return acc;\n                        }, []);\n\n                        const uniqueIndexes = Array.from(new Set(indexes)).sort((a, b) => a - b);\n\n                        for (const i of uniqueIndexes) {\n                            walk(node.children, [...prefix, `${node.name}/${i}`]);\n                        }\n                    } else {\n                        walk(node.children, pathParts);\n                    }\n                } else if (staticValue !== undefined) {\n                    const path = pathParts.reduce<(string | number)[]>((acc, part) => {\n                        const match = part.match(/(.*?)\\/(\\d+)/);\n                        if (match) {\n                            acc.push(match[1], Number(match[2]));\n                        } else {\n                            acc.push(part);\n                        }\n                        return acc;\n                    }, []);\n                    assignValue(path, staticValue);\n                }\n            }\n        };\n\n        walk(this.inputsAst, []);\n        return result;\n    }\n\n    /**\n     * Flattens deep inputs object into flat bindings with `.static` wrappers,\n     * skipping overrides that match inherited parent breakpoint values.\n     */\n    public createUpdate(inputs: DeepBindings, breakpoint: string) {\n        const operations: IDocumentOperation[] = [];\n        const originalInputs = this.rawBindings.inputs ?? {};\n\n        const rebuilt: ElementInputsBindings = { inputs: {}, overrides: {} };\n\n        // Clone existing overrides if present, to avoid losing breakpoint overrides\n        if (this.rawBindings.overrides) {\n            for (const [bp, overrides] of Object.entries(this.rawBindings.overrides)) {\n                if (overrides.inputs) {\n                    set(\n                        rebuilt,\n                        `overrides.${bp}.inputs`,\n                        structuredClone(this.rawBindings.overrides[bp].inputs)\n                    );\n                }\n            }\n        }\n\n        // Set to track which flat binding paths we've processed during traversal\n        const seenPaths = new Set<string>();\n        const valueResolver = new InheritedValueResolver(this.breakpoints, bp => {\n            if (this.isBaseBreakpoint(bp)) {\n                return this.rawBindings.inputs;\n            }\n            return this.rawBindings.overrides?.[bp]?.inputs;\n        });\n\n        // Extracts a nested value from an object based on a flat string path.\n        // Supports array indexes like 'rows/0/columns/1/children'.\n        const getValue = (obj: any, path: string): any => {\n            const segments = path.split(\"/\");\n            const keys = segments.flatMap(segment => {\n                return segment.split(\".\").map(part => {\n                    return /^\\d+$/.test(part) ? parseInt(part, 10) : part;\n                });\n            });\n            return keys.reduce((acc, key) => (acc ? acc[key] : undefined), obj);\n        };\n\n        // Recursively traverses the AST nodes, comparing new input values with original bindings.\n        // Collects changed values into 'rebuilt' and generates operations for new elements.\n        const compareAndCollect = (nodes: InputAstNode[], prefix: string[]) => {\n            for (const node of nodes) {\n                const pathParts = [...prefix, node.name];\n                const flatKey = pathParts.join(\"/\");\n\n                // Mark this path as seen\n                seenPaths.add(flatKey);\n\n                if (node.children.length) {\n                    if (node.list) {\n                        // For list nodes, process each indexed item separately\n                        const list = getValue(inputs, flatKey);\n                        if (Array.isArray(list)) {\n                            for (let i = 0; i < list.length; i++) {\n                                // Recurse with indexed path like 'rows[0]', 'rows[1]'\n                                compareAndCollect(node.children, [\n                                    ...pathParts.slice(0, -1),\n                                    `${node.name}/${i}`\n                                ]);\n                            }\n                        }\n                    } else {\n                        // For single object nodes, recurse normally\n                        compareAndCollect(node.children, pathParts);\n                    }\n                } else {\n                    // Leaf node (primitive or slot) processing\n\n                    // Get current new value from deep inputs\n                    const newValue = getValue(inputs, flatKey);\n\n                    // Get original binding entry for this path\n                    const originalEntry = originalInputs[flatKey];\n\n                    // Skip if newValue is undefined and no original entry\n                    if (newValue === undefined && !originalEntry) {\n                        continue;\n                    }\n\n                    if (typeof newValue === \"object\" && newValue?.action === \"CreateElement\") {\n                        // Handle CreateElement action by generating element and operations\n                        const newElement = this.elementFactory.createElementFromComponent({\n                            componentName: newValue.params.component,\n                            parentId: this.elementId,\n                            slot: flatKey,\n                            index: -1,\n                            bindings: newValue.params\n                        });\n\n                        const createdId = newElement.element.id;\n\n                        // Assign or generate a stable unique id for the binding\n                        const existingId = originalEntry?.id;\n                        const idToUse = existingId ?? generateElementId();\n\n                        // Build binding for the new element id(s)\n                        const binding = {\n                            static: node.list ? [createdId] : createdId,\n                            type: node.type,\n                            list: node.list,\n                            id: idToUse\n                        };\n\n                        if (node.input?.responsive && !this.isBaseBreakpoint(breakpoint)) {\n                            const inheritedValue = valueResolver.getInheritedValue(\n                                flatKey,\n                                breakpoint\n                            );\n\n                            if (binding.static === undefined) {\n                                // Unset override\n                                if (rebuilt.overrides[breakpoint]?.inputs?.[flatKey]) {\n                                    delete rebuilt.overrides[breakpoint].inputs[flatKey];\n                                }\n                            } else if (\n                                inheritedValue === undefined ||\n                                !deepEqual(inheritedValue, binding.static)\n                            ) {\n                                if (!rebuilt.overrides[breakpoint]) {\n                                    rebuilt.overrides[breakpoint] = { inputs: {} };\n                                }\n                                rebuilt.overrides[breakpoint].inputs[flatKey] = binding;\n                            } else {\n                                if (rebuilt.overrides[breakpoint]?.inputs?.[flatKey]) {\n                                    delete rebuilt.overrides[breakpoint].inputs[flatKey];\n                                }\n                            }\n\n                            if (originalEntry) {\n                                rebuilt.inputs[flatKey] = originalEntry;\n                            }\n                        } else {\n                            // Normal case: update base inputs\n                            rebuilt.inputs[flatKey] = binding;\n                        }\n\n                        // Add generated operations for this element creation\n                        operations.push(...newElement.operations);\n                    } else {\n                        // Normal value update\n                        const isResponsive =\n                            node.input?.responsive && !this.isBaseBreakpoint(breakpoint);\n\n                        // Assign or generate a stable unique id for the binding\n                        const existingId = originalEntry?.id;\n                        const idToUse = existingId ?? generateElementId();\n\n                        // Merge existing original entry data with updated static value\n                        const binding = {\n                            ...(originalEntry ?? {}),\n                            static: newValue,\n                            type: node.type,\n                            list: node.list,\n                            id: idToUse\n                        };\n\n                        if (isResponsive) {\n                            const inheritedValue = valueResolver.getInheritedValue(\n                                flatKey,\n                                breakpoint\n                            );\n\n                            if (binding.static === undefined) {\n                                // Unset override\n                                if (rebuilt.overrides[breakpoint]?.inputs?.[flatKey]) {\n                                    delete rebuilt.overrides[breakpoint].inputs[flatKey];\n                                }\n                            } else if (\n                                inheritedValue === undefined ||\n                                !deepEqual(inheritedValue, binding.static)\n                            ) {\n                                if (!rebuilt.overrides[breakpoint]) {\n                                    rebuilt.overrides[breakpoint] = { inputs: {} };\n                                }\n                                rebuilt.overrides[breakpoint].inputs[flatKey] = binding;\n                            } else {\n                                if (rebuilt.overrides[breakpoint]?.inputs?.[flatKey]) {\n                                    delete rebuilt.overrides[breakpoint].inputs[flatKey];\n                                }\n                            }\n\n                            if (originalEntry) {\n                                rebuilt.inputs[flatKey] = originalEntry;\n                            }\n                        } else {\n                            // Base binding update\n                            rebuilt.inputs[flatKey] = binding;\n                        }\n                    }\n                }\n            }\n        };\n\n        // Start the AST traversal and collection.\n        compareAndCollect(this.inputsAst, []);\n\n        // Identify elements referenced in slots that were removed since last state,\n        // and queue their removal.\n        const usedSlotIds = this.getElementReferences(rebuilt.inputs);\n        for (const id of this.elementReferences) {\n            if (!usedSlotIds.has(id)) {\n                operations.push(new DocumentOperations.RemoveElement(id));\n            }\n        }\n\n        return new InputsUpdater(this.elementId, rebuilt, operations);\n    }\n\n    // Returns a set of element IDs referenced in slot bindings within the provided inputs.\n    private getElementReferences(inputs: DocumentElementBindings[\"inputs\"] = {}) {\n        const references = new Set<string>();\n\n        for (const [, binding] of Object.entries(inputs)) {\n            if (binding.type === \"slot\") {\n                if (Array.isArray(binding.static)) {\n                    ((binding.static ?? []) as string[]).forEach(id => references.add(id));\n                } else if (typeof binding.static === \"string\") {\n                    references.add(binding.static);\n                }\n            }\n        }\n\n        return references;\n    }\n\n    private isBaseBreakpoint(name: string): boolean {\n        return this.breakpoints.indexOf(name) === 0;\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InputBindingsProcessor.js","sources":["../src/InputBindingsProcessor.ts"],"sourcesContent":["import deepEqual from \"deep-equal\";\nimport set from \"lodash/set.js\";\nimport type {\n    DocumentElementBindings,\n    DocumentElementInputBindings,\n    TokenReference\n} from \"~/types.js\";\nimport { InheritedValueResolver } from \"~/InheritedValueResolver.js\";\nimport { isTokenBinding, tokenToCssValue } from \"./tokenBinding.js\";\nimport type { InputAstNode } from \"~/ComponentManifestToAstConverter.js\";\nimport { DocumentOperations, type IDocumentOperation } from \"~/documentOperations/index.js\";\nimport type { ElementFactory } from \"~/ElementFactory.js\";\nimport { InputsUpdater } from \"~/InputsUpdater.js\";\nimport { generateElementId } from \"./generateElementId.js\";\ntype DeepBindings = Record<string, any>;\n\nexport type ElementInputsBindings = {\n    inputs: DocumentElementInputBindings;\n    overrides: {\n        [breakpoint: string]: {\n            inputs: DocumentElementInputBindings;\n        };\n    };\n};\n\n/**\n * Handles deep-to-flat and flat-to-deep conversion of input bindings,\n * with breakpoint inheritance awareness.\n */\nexport class InputsBindingsProcessor {\n    private breakpoints: string[];\n    private rawBindings: DocumentElementBindings;\n    private elementFactory: ElementFactory;\n    private elementId: string;\n    private inputsAst: InputAstNode[];\n    private elementReferences: Set<string>;\n\n    constructor(\n        elementId: string,\n        inputsAst: InputAstNode[],\n        breakpoints: string[],\n        rawBindings: DocumentElementBindings,\n        elementFactory: ElementFactory\n    ) {\n        this.elementId = elementId;\n        this.inputsAst = inputsAst;\n        this.breakpoints = breakpoints;\n        this.rawBindings = rawBindings;\n        this.elementFactory = elementFactory;\n        this.elementReferences = this.getElementReferences(rawBindings.inputs);\n    }\n\n    /**\n     * The token references among these bindings, keyed by flat binding path.\n     *\n     * The counterpart to {@link toDeepInputs}: that resolves a reference to the CSS value so the preview\n     * renders it, this reports *that it was a reference* so a picker can show which token is selected and\n     * so {@link createUpdate} can write it back as one.\n     *\n     * Callers must seed their token map from this before editing. `createUpdate` treats an absent key as\n     * \"make this a literal\", which is what clears a reference when someone picks a free value — so an\n     * incomplete map silently converts every other token on the element into a frozen literal.\n     */\n    public toTokenMap(\n        flat: NonNullable<DocumentElementBindings[\"inputs\"]> = {}\n    ): Record<string, TokenReference> {\n        const result: Record<string, TokenReference> = {};\n\n        for (const [key, binding] of Object.entries(flat)) {\n            if (isTokenBinding(binding)) {\n                result[key] = binding.token;\n            }\n        }\n\n        return result;\n    }\n\n    /**\n     * Converts flat input bindings into deep inputs object (removes `.static` wrappers).\n     *\n     * A token reference yields its `var(--wby-…)` form, so an input bound to a theme colour renders the\n     * themed value in the editor exactly as it will on the site. Use {@link toTokenMap} alongside this\n     * when you need to know a value came from a token rather than a literal.\n     */\n    public toDeepInputs(flat: NonNullable<DocumentElementBindings[\"inputs\"]>): DeepBindings {\n        const result: DeepBindings = {};\n\n        // Assigns a value to a nested path within the result object, creating arrays/objects as needed.\n        const assignValue = (path: (string | number)[], value: any) => {\n            let current = result;\n            for (let i = 0; i < path.length - 1; i++) {\n                const key = path[i];\n                const nextKey = path[i + 1];\n                const isNextIndex = typeof nextKey === \"number\";\n\n                if (typeof key === \"number\") {\n                    if (!Array.isArray(current)) {\n                        throw new Error(\"Expected array in path assignment.\");\n                    }\n                    while (current.length <= key) {\n                        current.push(isNextIndex ? [] : {});\n                    }\n                    if (typeof current[key] !== \"object\") {\n                        current[key] = isNextIndex ? [] : {};\n                    }\n                    current = current[key];\n                } else {\n                    if (!(key in current) || typeof current[key] !== \"object\") {\n                        current[key] = isNextIndex ? [] : {};\n                    }\n                    current = current[key];\n                }\n            }\n            current[path[path.length - 1]] = value;\n        };\n\n        // Recursively walks the AST and assigns values from flat bindings to the nested result.\n        const walk = (nodes: InputAstNode[], prefix: string[]) => {\n            for (const node of nodes) {\n                const pathParts = [...prefix, node.name];\n                const flatKey = pathParts.join(\"/\");\n                const entry = flat[flatKey];\n                // A token binding has no `static`, so it has to be resolved here or the input would\n                // read as unset and the preview would fall back to the component's default.\n                const staticValue = isTokenBinding(entry)\n                    ? tokenToCssValue(entry.token)\n                    : entry?.static;\n\n                if (node.children.length > 0) {\n                    if (node.list) {\n                        const pattern = new RegExp(`^${flatKey}\\\\/(\\\\d+)\\\\/`);\n                        const indexes = Object.keys(flat).reduce((acc: number[], key) => {\n                            const match = key.match(pattern);\n                            if (match) {\n                                acc.push(parseInt(match[1], 10));\n                            }\n                            return acc;\n                        }, []);\n\n                        const uniqueIndexes = Array.from(new Set(indexes)).sort((a, b) => a - b);\n\n                        for (const i of uniqueIndexes) {\n                            walk(node.children, [...prefix, `${node.name}/${i}`]);\n                        }\n                    } else {\n                        walk(node.children, pathParts);\n                    }\n                } else if (staticValue !== undefined) {\n                    const path = pathParts.reduce<(string | number)[]>((acc, part) => {\n                        const match = part.match(/(.*?)\\/(\\d+)/);\n                        if (match) {\n                            acc.push(match[1], Number(match[2]));\n                        } else {\n                            acc.push(part);\n                        }\n                        return acc;\n                    }, []);\n                    assignValue(path, staticValue);\n                }\n            }\n        };\n\n        walk(this.inputsAst, []);\n        return result;\n    }\n\n    /**\n     * Flattens deep inputs object into flat bindings with `.static` wrappers,\n     * skipping overrides that match inherited parent breakpoint values.\n     *\n     * @param tokens Flat binding paths in this map are written as token references instead of literals.\n     *               A path absent from it is written as `static`, which is what clears a reference when\n     *               someone picks a free value over a token — so callers must seed the map from\n     *               {@link toTokenMap} rather than passing only the path they changed.\n     */\n    public createUpdate(\n        inputs: DeepBindings,\n        breakpoint: string,\n        tokens: Record<string, TokenReference> = {}\n    ) {\n        const operations: IDocumentOperation[] = [];\n        const originalInputs = this.rawBindings.inputs ?? {};\n\n        const rebuilt: ElementInputsBindings = { inputs: {}, overrides: {} };\n\n        // Clone existing overrides if present, to avoid losing breakpoint overrides\n        if (this.rawBindings.overrides) {\n            for (const [bp, overrides] of Object.entries(this.rawBindings.overrides)) {\n                if (overrides.inputs) {\n                    set(\n                        rebuilt,\n                        `overrides.${bp}.inputs`,\n                        structuredClone(this.rawBindings.overrides[bp].inputs)\n                    );\n                }\n            }\n        }\n\n        // Set to track which flat binding paths we've processed during traversal\n        const seenPaths = new Set<string>();\n        const valueResolver = new InheritedValueResolver(this.breakpoints, bp => {\n            if (this.isBaseBreakpoint(bp)) {\n                return this.rawBindings.inputs;\n            }\n            return this.rawBindings.overrides?.[bp]?.inputs;\n        });\n\n        // Extracts a nested value from an object based on a flat string path.\n        // Supports array indexes like 'rows/0/columns/1/children'.\n        const getValue = (obj: any, path: string): any => {\n            const segments = path.split(\"/\");\n            const keys = segments.flatMap(segment => {\n                return segment.split(\".\").map(part => {\n                    return /^\\d+$/.test(part) ? parseInt(part, 10) : part;\n                });\n            });\n            return keys.reduce((acc, key) => (acc ? acc[key] : undefined), obj);\n        };\n\n        // Recursively traverses the AST nodes, comparing new input values with original bindings.\n        // Collects changed values into 'rebuilt' and generates operations for new elements.\n        const compareAndCollect = (nodes: InputAstNode[], prefix: string[]) => {\n            for (const node of nodes) {\n                const pathParts = [...prefix, node.name];\n                const flatKey = pathParts.join(\"/\");\n\n                // Mark this path as seen\n                seenPaths.add(flatKey);\n\n                if (node.children.length) {\n                    if (node.list) {\n                        // For list nodes, process each indexed item separately\n                        const list = getValue(inputs, flatKey);\n                        if (Array.isArray(list)) {\n                            for (let i = 0; i < list.length; i++) {\n                                // Recurse with indexed path like 'rows[0]', 'rows[1]'\n                                compareAndCollect(node.children, [\n                                    ...pathParts.slice(0, -1),\n                                    `${node.name}/${i}`\n                                ]);\n                            }\n                        }\n                    } else {\n                        // For single object nodes, recurse normally\n                        compareAndCollect(node.children, pathParts);\n                    }\n                } else {\n                    // Leaf node (primitive or slot) processing\n\n                    // Get current new value from deep inputs\n                    let newValue = getValue(inputs, flatKey);\n\n                    // Get original binding entry for this path\n                    const originalEntry = originalInputs[flatKey];\n\n                    // Skip if newValue is undefined and no original entry\n                    if (newValue === undefined && !originalEntry) {\n                        continue;\n                    }\n\n                    // For list slots, process CreateElement items within the array.\n                    if (node.list && Array.isArray(newValue)) {\n                        newValue = newValue.map(item => {\n                            if (\n                                typeof item === \"object\" &&\n                                item !== null &&\n                                item.action === \"CreateElement\"\n                            ) {\n                                const newElement = this.elementFactory.createElementFromComponent({\n                                    componentName: item.params.component,\n                                    parentId: this.elementId,\n                                    slot: flatKey,\n                                    bindings: item.params\n                                });\n                                // Skip AddToParent — this processor manages the binding array.\n                                operations.push(\n                                    ...newElement.operations.filter(\n                                        op => !(op instanceof DocumentOperations.AddToParent)\n                                    )\n                                );\n                                return newElement.element.id;\n                            }\n                            return item;\n                        });\n                    }\n\n                    if (\n                        !Array.isArray(newValue) &&\n                        typeof newValue === \"object\" &&\n                        newValue?.action === \"CreateElement\"\n                    ) {\n                        // Handle single (non-list) CreateElement action\n                        const newElement = this.elementFactory.createElementFromComponent({\n                            componentName: newValue.params.component,\n                            parentId: this.elementId,\n                            slot: flatKey,\n                            index: -1,\n                            bindings: newValue.params\n                        });\n\n                        const createdId = newElement.element.id;\n\n                        // Assign or generate a stable unique id for the binding\n                        const existingId = originalEntry?.id;\n                        const idToUse = existingId ?? generateElementId();\n\n                        // Build binding for the new element id(s)\n                        const binding = {\n                            static: createdId,\n                            type: node.type,\n                            list: node.list,\n                            id: idToUse\n                        };\n\n                        if (node.input?.responsive && !this.isBaseBreakpoint(breakpoint)) {\n                            const inheritedValue = valueResolver.getInheritedValue(\n                                flatKey,\n                                breakpoint\n                            );\n\n                            if (binding.static === undefined) {\n                                // Unset override\n                                if (rebuilt.overrides[breakpoint]?.inputs?.[flatKey]) {\n                                    delete rebuilt.overrides[breakpoint].inputs[flatKey];\n                                }\n                            } else if (\n                                inheritedValue === undefined ||\n                                !deepEqual(inheritedValue, binding.static)\n                            ) {\n                                if (!rebuilt.overrides[breakpoint]) {\n                                    rebuilt.overrides[breakpoint] = { inputs: {} };\n                                }\n                                rebuilt.overrides[breakpoint].inputs[flatKey] = binding;\n                            } else {\n                                if (rebuilt.overrides[breakpoint]?.inputs?.[flatKey]) {\n                                    delete rebuilt.overrides[breakpoint].inputs[flatKey];\n                                }\n                            }\n\n                            if (originalEntry) {\n                                rebuilt.inputs[flatKey] = originalEntry;\n                            }\n                        } else {\n                            // Normal case: update base inputs\n                            rebuilt.inputs[flatKey] = binding;\n                        }\n\n                        // Skip AddToParent — this processor manages the binding directly.\n                        operations.push(\n                            ...newElement.operations.filter(\n                                op => !(op instanceof DocumentOperations.AddToParent)\n                            )\n                        );\n                    } else {\n                        // Normal value update\n                        const isResponsive =\n                            node.input?.responsive && !this.isBaseBreakpoint(breakpoint);\n\n                        // Assign or generate a stable unique id for the binding\n                        const existingId = originalEntry?.id;\n                        const idToUse = existingId ?? generateElementId();\n\n                        const token = tokens[flatKey];\n\n                        // A binding holds either a reference or a literal, never both. `originalEntry` is\n                        // spread first, so whichever of the two it used to carry has to be removed —\n                        // leaving a stale `static` beside a new `token` would make the stored value\n                        // ambiguous, and which one won would depend on the reader.\n                        //\n                        // The unused key is deleted rather than set to `undefined`: an explicit\n                        // `undefined` survives in memory and some serializers write it out as `null`,\n                        // which reads back as a real value.\n                        const binding: DocumentElementInputBindings[string] = {\n                            ...(originalEntry ?? {}),\n                            type: node.type,\n                            list: node.list,\n                            id: idToUse\n                        };\n\n                        if (token) {\n                            binding.token = token;\n                            delete binding.static;\n                        } else {\n                            binding.static = newValue;\n                            delete binding.token;\n                        }\n\n                        if (isResponsive) {\n                            const inherited = valueResolver.getInheritedBinding(\n                                flatKey,\n                                breakpoint\n                            );\n\n                            // Compared like against like: a token override is redundant when it points at\n                            // the same token as the breakpoint above, and a literal override is redundant\n                            // when it equals the inherited literal. Comparing a token against a literal\n                            // always differs, which is correct — they are genuinely different bindings.\n                            const isRedundant = token\n                                ? inherited?.token !== undefined &&\n                                  deepEqual(inherited.token, token)\n                                : inherited?.static !== undefined &&\n                                  deepEqual(inherited.static, newValue);\n\n                            const isUnset = token === undefined && newValue === undefined;\n\n                            if (isUnset || isRedundant) {\n                                if (rebuilt.overrides[breakpoint]?.inputs?.[flatKey]) {\n                                    delete rebuilt.overrides[breakpoint].inputs[flatKey];\n                                }\n                            } else {\n                                if (!rebuilt.overrides[breakpoint]) {\n                                    rebuilt.overrides[breakpoint] = { inputs: {} };\n                                }\n                                rebuilt.overrides[breakpoint].inputs[flatKey] = binding;\n                            }\n\n                            if (originalEntry) {\n                                rebuilt.inputs[flatKey] = originalEntry;\n                            }\n                        } else {\n                            // Base binding update\n                            rebuilt.inputs[flatKey] = binding;\n                        }\n                    }\n                }\n            }\n        };\n\n        // Start the AST traversal and collection.\n        compareAndCollect(this.inputsAst, []);\n\n        // Identify elements referenced in slots that were removed since last state,\n        // and queue their removal.\n        const usedSlotIds = this.getElementReferences(rebuilt.inputs);\n        for (const id of this.elementReferences) {\n            if (!usedSlotIds.has(id)) {\n                operations.push(new DocumentOperations.RemoveElement(id));\n            }\n        }\n\n        return new InputsUpdater(this.elementId, rebuilt, operations);\n    }\n\n    // Returns a set of element IDs referenced in slot bindings within the provided inputs.\n    private getElementReferences(inputs: DocumentElementBindings[\"inputs\"] = {}) {\n        const references = new Set<string>();\n\n        for (const [, binding] of Object.entries(inputs)) {\n            if (binding.type === \"slot\") {\n                if (Array.isArray(binding.static)) {\n                    ((binding.static ?? []) as string[]).forEach(id => references.add(id));\n                } else if (typeof binding.static === \"string\") {\n                    references.add(binding.static);\n                }\n            }\n        }\n\n        return references;\n    }\n\n    private isBaseBreakpoint(name: string): boolean {\n        return this.breakpoints.indexOf(name) === 0;\n    }\n}\n"],"names":["InputsBindingsProcessor","elementId","inputsAst","breakpoints","rawBindings","elementFactory","flat","result","key","binding","Object","isTokenBinding","assignValue","path","value","current","i","nextKey","isNextIndex","Array","Error","walk","nodes","prefix","node","pathParts","flatKey","entry","staticValue","tokenToCssValue","pattern","RegExp","indexes","acc","match","parseInt","uniqueIndexes","Set","a","b","undefined","part","Number","inputs","breakpoint","tokens","operations","originalInputs","rebuilt","bp","overrides","set","structuredClone","seenPaths","valueResolver","InheritedValueResolver","getValue","obj","segments","keys","segment","compareAndCollect","list","newValue","originalEntry","item","newElement","op","DocumentOperations","isResponsive","existingId","idToUse","generateElementId","token","inherited","isRedundant","deepEqual","isUnset","createdId","inheritedValue","usedSlotIds","id","InputsUpdater","references","name"],"mappings":"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"}

package/InputBindingsProcessorTokens.test.d.ts

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

package/InputBindingsProcessorTokens.test.js

@@ -0,0 +1,400 @@
+import { describe, expect, it } from "vitest";
+import { InputsBindingsProcessor } from "./InputBindingsProcessor.js";
+import { ElementFactory } from "./ElementFactory.js";
+const ELEMENT_ID = "el-1";
+const BRAND = {
+    path: "color.action.primary.background",
+    fallback: "#1f6feb"
+};
+const SURFACE = {
+    path: "color.surface.page",
+    fallback: "#ffffff"
+};
+const ast = [
+    {
+        name: "background",
+        type: "color",
+        list: false,
+        path: "background",
+        children: [],
+        input: {
+            type: "color",
+            name: "background",
+            label: "Background"
+        }
+    },
+    {
+        name: "border",
+        type: "color",
+        list: false,
+        path: "border",
+        children: [],
+        input: {
+            type: "color",
+            name: "border",
+            label: "Border",
+            responsive: true
+        }
+    },
+    {
+        name: "items",
+        type: "object",
+        list: true,
+        path: "items",
+        children: [
+            {
+                name: "color",
+                type: "color",
+                list: false,
+                path: "items.color",
+                children: [],
+                input: {
+                    type: "color",
+                    name: "color",
+                    label: "Colour"
+                }
+            }
+        ],
+        input: {
+            type: "object",
+            name: "items",
+            list: true,
+            fields: [
+                {
+                    type: "color",
+                    name: "color",
+                    label: "Colour"
+                }
+            ]
+        }
+    }
+];
+const BREAKPOINTS = [
+    "desktop",
+    "tablet",
+    "mobile"
+];
+const makeProcessor = (bindings)=>new InputsBindingsProcessor(ELEMENT_ID, ast, BREAKPOINTS, bindings, new ElementFactory({}));
+const emptyBindings = ()=>({
+        inputs: {},
+        styles: {}
+    });
+const apply = (updater)=>{
+    const document = {
+        bindings: {
+            [ELEMENT_ID]: {
+                inputs: {},
+                styles: {}
+            }
+        }
+    };
+    updater.applyToDocument(document);
+    return document.bindings[ELEMENT_ID];
+};
+describe("toTokenMap", ()=>{
+    it("reports token bindings by their flat path", ()=>{
+        const map = makeProcessor(emptyBindings()).toTokenMap({
+            background: {
+                token: BRAND,
+                id: "a",
+                type: "color"
+            },
+            border: {
+                static: "#cccccc",
+                id: "b",
+                type: "color"
+            }
+        });
+        expect(map).toEqual({
+            background: BRAND
+        });
+    });
+    it("finds tokens inside list items", ()=>{
+        const map = makeProcessor(emptyBindings()).toTokenMap({
+            "items/0/color": {
+                token: BRAND,
+                id: "a",
+                type: "color"
+            },
+            "items/1/color": {
+                static: "#000000",
+                id: "b",
+                type: "color"
+            }
+        });
+        expect(map).toEqual({
+            "items/0/color": BRAND
+        });
+    });
+    it("is empty for an element with no bindings", ()=>{
+        expect(makeProcessor(emptyBindings()).toTokenMap()).toEqual({});
+    });
+});
+describe("toDeepInputs with tokens", ()=>{
+    it("resolves a token to its CSS variable so the preview renders the themed value", ()=>{
+        const deep = makeProcessor(emptyBindings()).toDeepInputs({
+            background: {
+                token: BRAND,
+                id: "a",
+                type: "color"
+            }
+        });
+        expect(deep.background).toBe("var(--wby-color-action-primary-background, #1f6feb)");
+    });
+    it("emits the variable without a fallback when none was captured", ()=>{
+        const deep = makeProcessor(emptyBindings()).toDeepInputs({
+            background: {
+                token: {
+                    path: "color.surface.page"
+                },
+                id: "a",
+                type: "color"
+            }
+        });
+        expect(deep.background).toBe("var(--wby-color-surface-page)");
+    });
+    it("still reads literals unchanged", ()=>{
+        const deep = makeProcessor(emptyBindings()).toDeepInputs({
+            background: {
+                static: "#abcdef",
+                id: "a",
+                type: "color"
+            }
+        });
+        expect(deep.background).toBe("#abcdef");
+    });
+    it("resolves tokens inside list items", ()=>{
+        const deep = makeProcessor(emptyBindings()).toDeepInputs({
+            "items/0/color": {
+                token: BRAND,
+                id: "a",
+                type: "color"
+            }
+        });
+        expect(deep.items[0].color).toBe("var(--wby-color-action-primary-background, #1f6feb)");
+    });
+});
+describe("createUpdate with tokens", ()=>{
+    it("stores a reference instead of a literal", ()=>{
+        const updater = makeProcessor(emptyBindings()).createUpdate({
+            background: "#1f6feb"
+        }, "desktop", {
+            background: BRAND
+        });
+        const binding = apply(updater).inputs.background;
+        expect(binding.token).toEqual(BRAND);
+        expect(binding).not.toHaveProperty("static");
+    });
+    it("keeps the type, list flag and id alongside the reference", ()=>{
+        const updater = makeProcessor(emptyBindings()).createUpdate({
+            background: "#1f6feb"
+        }, "desktop", {
+            background: BRAND
+        });
+        const binding = apply(updater).inputs.background;
+        expect(binding.type).toBe("color");
+        expect(binding.list).toBe(false);
+        expect(binding.id).toBeTruthy();
+    });
+    it("clears a reference when a free value is picked instead", ()=>{
+        const updater = makeProcessor({
+            inputs: {
+                background: {
+                    token: BRAND,
+                    id: "a",
+                    type: "color"
+                }
+            },
+            styles: {}
+        }).createUpdate({
+            background: "#ff0000"
+        }, "desktop", {});
+        const binding = apply(updater).inputs.background;
+        expect(binding.static).toBe("#ff0000");
+        expect(binding).not.toHaveProperty("token");
+    });
+    it("replaces one token with another without leaving the first behind", ()=>{
+        const updater = makeProcessor({
+            inputs: {
+                background: {
+                    token: BRAND,
+                    id: "a",
+                    type: "color"
+                }
+            },
+            styles: {}
+        }).createUpdate({
+            background: "#ffffff"
+        }, "desktop", {
+            background: SURFACE
+        });
+        expect(apply(updater).inputs.background.token).toEqual(SURFACE);
+    });
+    it("never stores a literal and a reference together", ()=>{
+        const updater = makeProcessor({
+            inputs: {
+                background: {
+                    static: "#abcdef",
+                    id: "a",
+                    type: "color"
+                }
+            },
+            styles: {}
+        }).createUpdate({
+            background: "#1f6feb"
+        }, "desktop", {
+            background: BRAND
+        });
+        const binding = apply(updater).inputs.background;
+        expect(Object.keys(binding)).not.toContain("static");
+        expect(binding.token).toEqual(BRAND);
+    });
+    it("preserves the existing binding id when replacing a literal with a token", ()=>{
+        const updater = makeProcessor({
+            inputs: {
+                background: {
+                    static: "#abcdef",
+                    id: "keep-me",
+                    type: "color"
+                }
+            },
+            styles: {}
+        }).createUpdate({
+            background: "#1f6feb"
+        }, "desktop", {
+            background: BRAND
+        });
+        expect(apply(updater).inputs.background.id).toBe("keep-me");
+    });
+    it("stores a reference on a list item", ()=>{
+        const updater = makeProcessor(emptyBindings()).createUpdate({
+            items: [
+                {
+                    color: "#1f6feb"
+                },
+                {
+                    color: "#000000"
+                }
+            ]
+        }, "desktop", {
+            "items/0/color": BRAND
+        });
+        const inputs = apply(updater).inputs;
+        expect(inputs["items/0/color"].token).toEqual(BRAND);
+        expect(inputs["items/1/color"].static).toBe("#000000");
+    });
+    it("leaves literal bindings alone when an unrelated token is set", ()=>{
+        const updater = makeProcessor(emptyBindings()).createUpdate({
+            background: "#1f6feb",
+            border: "#cccccc"
+        }, "desktop", {
+            background: BRAND
+        });
+        const inputs = apply(updater).inputs;
+        expect(inputs.background.token).toEqual(BRAND);
+        expect(inputs.border.static).toBe("#cccccc");
+    });
+});
+describe("createUpdate token inheritance across breakpoints", ()=>{
+    const withDesktopToken = ()=>({
+            inputs: {
+                border: {
+                    token: BRAND,
+                    id: "a",
+                    type: "color"
+                }
+            },
+            styles: {}
+        });
+    it("does not write an override that repeats the inherited token", ()=>{
+        const updater = makeProcessor(withDesktopToken()).createUpdate({
+            border: "var(--wby-color-action-primary-background, #1f6feb)"
+        }, "mobile", {
+            border: BRAND
+        });
+        expect(apply(updater).overrides?.mobile?.inputs?.border).toBeUndefined();
+    });
+    it("writes an override for a different token", ()=>{
+        const updater = makeProcessor(withDesktopToken()).createUpdate({
+            border: "#ffffff"
+        }, "mobile", {
+            border: SURFACE
+        });
+        expect(apply(updater).overrides.mobile.inputs.border.token).toEqual(SURFACE);
+    });
+    it("writes an override when a literal replaces an inherited token", ()=>{
+        const updater = makeProcessor(withDesktopToken()).createUpdate({
+            border: "#ff0000"
+        }, "mobile", {});
+        expect(apply(updater).overrides.mobile.inputs.border.static).toBe("#ff0000");
+    });
+    it("writes an override when a token replaces an inherited literal", ()=>{
+        const updater = makeProcessor({
+            inputs: {
+                border: {
+                    static: "#cccccc",
+                    id: "a",
+                    type: "color"
+                }
+            },
+            styles: {}
+        }).createUpdate({
+            border: "#1f6feb"
+        }, "mobile", {
+            border: BRAND
+        });
+        expect(apply(updater).overrides.mobile.inputs.border.token).toEqual(BRAND);
+    });
+    it("still skips an override that repeats an inherited literal", ()=>{
+        const updater = makeProcessor({
+            inputs: {
+                border: {
+                    static: "#cccccc",
+                    id: "a",
+                    type: "color"
+                }
+            },
+            styles: {}
+        }).createUpdate({
+            border: "#cccccc"
+        }, "mobile", {});
+        expect(apply(updater).overrides?.mobile?.inputs?.border).toBeUndefined();
+    });
+    it("removes an existing override when the value is unset entirely", ()=>{
+        const bindings = {
+            inputs: {
+                border: {
+                    static: "#cccccc",
+                    id: "a",
+                    type: "color"
+                }
+            },
+            overrides: {
+                mobile: {
+                    inputs: {
+                        border: {
+                            static: "#ff0000",
+                            id: "a",
+                            type: "color"
+                        }
+                    }
+                }
+            },
+            styles: {}
+        };
+        const updater = makeProcessor(bindings).createUpdate({
+            border: void 0
+        }, "mobile", {});
+        expect(apply(updater).overrides?.mobile?.inputs?.border).toBeUndefined();
+    });
+    it("keeps the base binding untouched while writing a breakpoint override", ()=>{
+        const updater = makeProcessor(withDesktopToken()).createUpdate({
+            border: "#ffffff"
+        }, "mobile", {
+            border: SURFACE
+        });
+        expect(apply(updater).inputs.border.token).toEqual(BRAND);
+    });
+});
+
+//# sourceMappingURL=InputBindingsProcessorTokens.test.js.map

package/InputBindingsProcessorTokens.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputBindingsProcessorTokens.test.js","sources":["../src/InputBindingsProcessorTokens.test.ts"],"sourcesContent":["import { describe, expect, it } from \"vitest\";\nimport { InputsBindingsProcessor } from \"./InputBindingsProcessor.js\";\nimport type { InputAstNode } from \"~/ComponentManifestToAstConverter.js\";\nimport type { DocumentElementBindings, TokenReference } from \"~/types.js\";\nimport { ElementFactory } from \"~/ElementFactory.js\";\nimport type { InputsUpdater } from \"~/InputsUpdater.js\";\n\n/**\n * Token references on element *inputs* — the counterpart to the same support on styles.\n *\n * Inputs were the harder half: the styles processor works over a flat map of CSS properties, whereas this\n * one reconstructs nested and list bindings from `/`-delimited paths, and each binding carries `type`,\n * `list` and `id` alongside its value.\n */\n\nconst ELEMENT_ID = \"el-1\";\n\nconst BRAND: TokenReference = { path: \"color.action.primary.background\", fallback: \"#1f6feb\" };\nconst SURFACE: TokenReference = { path: \"color.surface.page\", fallback: \"#ffffff\" };\n\nconst ast: InputAstNode[] = [\n    {\n        name: \"background\",\n        type: \"color\",\n        list: false,\n        path: \"background\",\n        children: [],\n        input: { type: \"color\", name: \"background\", label: \"Background\" }\n    },\n    {\n        name: \"border\",\n        type: \"color\",\n        list: false,\n        path: \"border\",\n        children: [],\n        input: { type: \"color\", name: \"border\", label: \"Border\", responsive: true }\n    },\n    {\n        name: \"items\",\n        type: \"object\",\n        list: true,\n        path: \"items\",\n        children: [\n            {\n                name: \"color\",\n                type: \"color\",\n                list: false,\n                path: \"items.color\",\n                children: [],\n                input: { type: \"color\", name: \"color\", label: \"Colour\" }\n            }\n        ],\n        input: {\n            type: \"object\",\n            name: \"items\",\n            list: true,\n            fields: [{ type: \"color\", name: \"color\", label: \"Colour\" }]\n        }\n    }\n];\n\nconst BREAKPOINTS = [\"desktop\", \"tablet\", \"mobile\"];\n\nconst makeProcessor = (bindings: DocumentElementBindings) =>\n    new InputsBindingsProcessor(ELEMENT_ID, ast, BREAKPOINTS, bindings, new ElementFactory({}));\n\nconst emptyBindings = (): DocumentElementBindings => ({ inputs: {}, styles: {} });\n\n/** Applies the update to a stand-in document and returns the element's bindings, as the editor sees them. */\nconst apply = (updater: InputsUpdater) => {\n    const document: any = { bindings: { [ELEMENT_ID]: { inputs: {}, styles: {} } } };\n    updater.applyToDocument(document);\n    return document.bindings[ELEMENT_ID];\n};\n\ndescribe(\"toTokenMap\", () => {\n    it(\"reports token bindings by their flat path\", () => {\n        const map = makeProcessor(emptyBindings()).toTokenMap({\n            background: { token: BRAND, id: \"a\", type: \"color\" },\n            border: { static: \"#cccccc\", id: \"b\", type: \"color\" }\n        });\n\n        expect(map).toEqual({ background: BRAND });\n    });\n\n    it(\"finds tokens inside list items\", () => {\n        const map = makeProcessor(emptyBindings()).toTokenMap({\n            \"items/0/color\": { token: BRAND, id: \"a\", type: \"color\" },\n            \"items/1/color\": { static: \"#000000\", id: \"b\", type: \"color\" }\n        });\n\n        expect(map).toEqual({ \"items/0/color\": BRAND });\n    });\n\n    it(\"is empty for an element with no bindings\", () => {\n        expect(makeProcessor(emptyBindings()).toTokenMap()).toEqual({});\n    });\n});\n\ndescribe(\"toDeepInputs with tokens\", () => {\n    it(\"resolves a token to its CSS variable so the preview renders the themed value\", () => {\n        const deep = makeProcessor(emptyBindings()).toDeepInputs({\n            background: { token: BRAND, id: \"a\", type: \"color\" }\n        });\n\n        expect(deep.background).toBe(\"var(--wby-color-action-primary-background, #1f6feb)\");\n    });\n\n    it(\"emits the variable without a fallback when none was captured\", () => {\n        const deep = makeProcessor(emptyBindings()).toDeepInputs({\n            background: { token: { path: \"color.surface.page\" }, id: \"a\", type: \"color\" }\n        });\n\n        expect(deep.background).toBe(\"var(--wby-color-surface-page)\");\n    });\n\n    it(\"still reads literals unchanged\", () => {\n        const deep = makeProcessor(emptyBindings()).toDeepInputs({\n            background: { static: \"#abcdef\", id: \"a\", type: \"color\" }\n        });\n\n        expect(deep.background).toBe(\"#abcdef\");\n    });\n\n    it(\"resolves tokens inside list items\", () => {\n        const deep = makeProcessor(emptyBindings()).toDeepInputs({\n            \"items/0/color\": { token: BRAND, id: \"a\", type: \"color\" }\n        });\n\n        expect(deep.items[0].color).toBe(\"var(--wby-color-action-primary-background, #1f6feb)\");\n    });\n});\n\ndescribe(\"createUpdate with tokens\", () => {\n    it(\"stores a reference instead of a literal\", () => {\n        const updater = makeProcessor(emptyBindings()).createUpdate(\n            { background: \"#1f6feb\" },\n            \"desktop\",\n            { background: BRAND }\n        );\n\n        const binding = apply(updater).inputs.background;\n\n        expect(binding.token).toEqual(BRAND);\n        expect(binding).not.toHaveProperty(\"static\");\n    });\n\n    it(\"keeps the type, list flag and id alongside the reference\", () => {\n        // These travel with an input binding and are not optional — a token binding that dropped them\n        // would break every reader that switches on `type`.\n        const updater = makeProcessor(emptyBindings()).createUpdate(\n            { background: \"#1f6feb\" },\n            \"desktop\",\n            { background: BRAND }\n        );\n\n        const binding = apply(updater).inputs.background;\n\n        expect(binding.type).toBe(\"color\");\n        expect(binding.list).toBe(false);\n        expect(binding.id).toBeTruthy();\n    });\n\n    it(\"clears a reference when a free value is picked instead\", () => {\n        // The absence of a path from the token map is the signal, which is why callers must seed the map\n        // from `toTokenMap` rather than passing only what they changed.\n        const updater = makeProcessor({\n            inputs: { background: { token: BRAND, id: \"a\", type: \"color\" } },\n            styles: {}\n        }).createUpdate({ background: \"#ff0000\" }, \"desktop\", {});\n\n        const binding = apply(updater).inputs.background;\n\n        expect(binding.static).toBe(\"#ff0000\");\n        expect(binding).not.toHaveProperty(\"token\");\n    });\n\n    it(\"replaces one token with another without leaving the first behind\", () => {\n        const updater = makeProcessor({\n            inputs: { background: { token: BRAND, id: \"a\", type: \"color\" } },\n            styles: {}\n        }).createUpdate({ background: \"#ffffff\" }, \"desktop\", { background: SURFACE });\n\n        expect(apply(updater).inputs.background.token).toEqual(SURFACE);\n    });\n\n    it(\"never stores a literal and a reference together\", () => {\n        // Which one wins would otherwise depend on the reader.\n        const updater = makeProcessor({\n            inputs: { background: { static: \"#abcdef\", id: \"a\", type: \"color\" } },\n            styles: {}\n        }).createUpdate({ background: \"#1f6feb\" }, \"desktop\", { background: BRAND });\n\n        const binding = apply(updater).inputs.background;\n\n        expect(Object.keys(binding)).not.toContain(\"static\");\n        expect(binding.token).toEqual(BRAND);\n    });\n\n    it(\"preserves the existing binding id when replacing a literal with a token\", () => {\n        const updater = makeProcessor({\n            inputs: { background: { static: \"#abcdef\", id: \"keep-me\", type: \"color\" } },\n            styles: {}\n        }).createUpdate({ background: \"#1f6feb\" }, \"desktop\", { background: BRAND });\n\n        expect(apply(updater).inputs.background.id).toBe(\"keep-me\");\n    });\n\n    it(\"stores a reference on a list item\", () => {\n        const updater = makeProcessor(emptyBindings()).createUpdate(\n            { items: [{ color: \"#1f6feb\" }, { color: \"#000000\" }] },\n            \"desktop\",\n            { \"items/0/color\": BRAND }\n        );\n\n        const inputs = apply(updater).inputs;\n\n        expect(inputs[\"items/0/color\"].token).toEqual(BRAND);\n        expect(inputs[\"items/1/color\"].static).toBe(\"#000000\");\n    });\n\n    it(\"leaves literal bindings alone when an unrelated token is set\", () => {\n        const updater = makeProcessor(emptyBindings()).createUpdate(\n            { background: \"#1f6feb\", border: \"#cccccc\" },\n            \"desktop\",\n            { background: BRAND }\n        );\n\n        const inputs = apply(updater).inputs;\n\n        expect(inputs.background.token).toEqual(BRAND);\n        expect(inputs.border.static).toBe(\"#cccccc\");\n    });\n});\n\ndescribe(\"createUpdate token inheritance across breakpoints\", () => {\n    const withDesktopToken = (): DocumentElementBindings => ({\n        inputs: { border: { token: BRAND, id: \"a\", type: \"color\" } },\n        styles: {}\n    });\n\n    it(\"does not write an override that repeats the inherited token\", () => {\n        // The bug this guards: `getInheritedValue` only ever read `.static`, so a token inherited from a\n        // parent breakpoint looked unset and an override was written every time — which would then stop\n        // following the theme at that breakpoint.\n        const updater = makeProcessor(withDesktopToken()).createUpdate(\n            { border: \"var(--wby-color-action-primary-background, #1f6feb)\" },\n            \"mobile\",\n            { border: BRAND }\n        );\n\n        expect(apply(updater).overrides?.mobile?.inputs?.border).toBeUndefined();\n    });\n\n    it(\"writes an override for a different token\", () => {\n        const updater = makeProcessor(withDesktopToken()).createUpdate(\n            { border: \"#ffffff\" },\n            \"mobile\",\n            { border: SURFACE }\n        );\n\n        expect(apply(updater).overrides.mobile.inputs.border.token).toEqual(SURFACE);\n    });\n\n    it(\"writes an override when a literal replaces an inherited token\", () => {\n        // A token and a literal are genuinely different bindings, so this is never redundant.\n        const updater = makeProcessor(withDesktopToken()).createUpdate(\n            { border: \"#ff0000\" },\n            \"mobile\",\n            {}\n        );\n\n        expect(apply(updater).overrides.mobile.inputs.border.static).toBe(\"#ff0000\");\n    });\n\n    it(\"writes an override when a token replaces an inherited literal\", () => {\n        const updater = makeProcessor({\n            inputs: { border: { static: \"#cccccc\", id: \"a\", type: \"color\" } },\n            styles: {}\n        }).createUpdate({ border: \"#1f6feb\" }, \"mobile\", { border: BRAND });\n\n        expect(apply(updater).overrides.mobile.inputs.border.token).toEqual(BRAND);\n    });\n\n    it(\"still skips an override that repeats an inherited literal\", () => {\n        // The pre-existing behaviour, retained.\n        const updater = makeProcessor({\n            inputs: { border: { static: \"#cccccc\", id: \"a\", type: \"color\" } },\n            styles: {}\n        }).createUpdate({ border: \"#cccccc\" }, \"mobile\", {});\n\n        expect(apply(updater).overrides?.mobile?.inputs?.border).toBeUndefined();\n    });\n\n    it(\"removes an existing override when the value is unset entirely\", () => {\n        // Neither a literal nor a token: the override goes away and the breakpoint inherits again.\n        const bindings: DocumentElementBindings = {\n            inputs: { border: { static: \"#cccccc\", id: \"a\", type: \"color\" } },\n            overrides: {\n                mobile: { inputs: { border: { static: \"#ff0000\", id: \"a\", type: \"color\" } } }\n            },\n            styles: {}\n        };\n\n        const updater = makeProcessor(bindings).createUpdate({ border: undefined }, \"mobile\", {});\n\n        expect(apply(updater).overrides?.mobile?.inputs?.border).toBeUndefined();\n    });\n\n    it(\"keeps the base binding untouched while writing a breakpoint override\", () => {\n        const updater = makeProcessor(withDesktopToken()).createUpdate(\n            { border: \"#ffffff\" },\n            \"mobile\",\n            { border: SURFACE }\n        );\n\n        expect(apply(updater).inputs.border.token).toEqual(BRAND);\n    });\n});\n"],"names":["ELEMENT_ID","BRAND","SURFACE","ast","BREAKPOINTS","makeProcessor","bindings","InputsBindingsProcessor","ElementFactory","emptyBindings","apply","updater","document","describe","it","map","expect","deep","binding","Object","inputs","withDesktopToken","undefined"],"mappings":"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"}