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

package/BindingsResolver.js

@@ -1,134 +1,111 @@
 import { toJS } from "mobx";
-export class BindingsResolver {
-  constructor(state) {
-    this.state = state;
-  }
-  resolveElement({
-    element,
-    elementBindings,
-    inputAst,
-    onResolved
-  }) {
-    const repeatBindingArray = elementBindings.$repeat;
-    if (repeatBindingArray) {
-      const items = this.resolveBinding(repeatBindingArray, {
-        state: toJS(this.state)
-      });
-      if (!Array.isArray(items)) {
-        return [];
-      }
-      return items.map(item => {
-        return this.resolveSingleInstance(element, elementBindings, item, inputAst, onResolved);
-      });
+import { isTokenBinding, tokenToCssValue } from "./tokenBinding.js";
+class BindingsResolver {
+    constructor(state){
+        this.state = state;
     }
-    return [this.resolveSingleInstance(element, elementBindings, undefined, inputAst, onResolved)];
-  }
-  resolveSingleInstance(element, elementBindings, item, inputAst, onResolved) {
-    const resolvedElement = {
-      id: element.id,
-      inputs: {},
-      styles: {}
-    };
-    const context = {
-      state: this.state,
-      $: item
-    };
-    const bindings = elementBindings.inputs ?? {};
-    const resolveInputsFromAst = (nodes, prefix, target) => {
-      for (const node of nodes) {
-        const pathParts = [...prefix, node.name];
-        const path = pathParts.join("/");
-        const binding = bindings[path];
-        const value = this.resolveBinding(binding, context) ?? node.input.defaultValue;
-        const finalValue = onResolved ? onResolved(value, node.input) : value;
-        if (node.children.length > 0) {
-          if (node.list) {
-            const uniqueIndexes = this.getUniqueIndexesFromPath(path, bindings);
-            target[node.name] = uniqueIndexes.map(index => {
-              const childTarget = {};
-              resolveInputsFromAst(node.children, [...pathParts.slice(0, -1), `${node.name}/${index}`], childTarget);
-              return childTarget;
+    resolveElement({ element, elementBindings, inputAst, onResolved }) {
+        const repeatBindingArray = elementBindings.$repeat;
+        if (repeatBindingArray) {
+            const items = this.resolveBinding(repeatBindingArray, {
+                state: toJS(this.state)
             });
-          } else {
-            const childTarget = {};
-            resolveInputsFromAst(node.children, pathParts, childTarget);
-            target[node.name] = childTarget;
-          }
-        } else if (node.list) {
-          // List node with no children (e.g., slot or primitive list)
-          const uniqueIndexes = this.getUniqueIndexesFromPath(path, bindings);
-
-          // If binding is e.g., `leftColumn/0`, we'll have `0` in unique indexes.
-          if (uniqueIndexes.length > 0) {
-            target[node.name] = uniqueIndexes.map(index => {
-              const binding = bindings[`${node.name}/${index}`];
-              const value = this.resolveBinding(binding, context) ?? node.input.defaultValue;
-              return onResolved ? onResolved(value, node.input) : value;
-            });
-          } else {
-            // If binding is a simple `children`, we simply assign the resolved value.
-            target[node.name] = finalValue;
-          }
-        } else if (finalValue !== undefined) {
-          target[node.name] = finalValue;
+            if (!Array.isArray(items)) return [];
+            return items.map((item)=>this.resolveSingleInstance(element, elementBindings, item, inputAst, onResolved));
         }
-      }
-    };
-    resolveInputsFromAst(inputAst, [], resolvedElement.inputs);
-
-    // Resolve styles
-    const styles = elementBindings.styles ? elementBindings.styles ?? {} : {};
-    const resolvedStyles = {};
-    for (const [path, binding] of Object.entries(styles)) {
-      if (binding) {
-        // @ts-expect-error We're positive this is correct.
-        resolvedStyles[path] = this.resolveBinding(binding, context);
-      }
+        return [
+            this.resolveSingleInstance(element, elementBindings, void 0, inputAst, onResolved)
+        ];
     }
-    return {
-      ...resolvedElement,
-      styles: resolvedStyles
-    };
-  }
-  getUniqueIndexesFromPath(flatKey, bindings) {
-    const pattern = new RegExp(`^${flatKey}\\/(\\d+)`);
-    const indexes = Object.keys(bindings).reduce((acc, key) => {
-      const match = key.match(pattern);
-      if (match) {
-        acc.push(parseInt(match[1], 10));
-      }
-      return acc;
-    }, []);
-    return Array.from(new Set(indexes)).sort((a, b) => a - b);
-  }
-  resolveBinding(binding, context) {
-    if (!binding) {
-      return undefined;
+    resolveSingleInstance(element, elementBindings, item, inputAst, onResolved) {
+        const resolvedElement = {
+            id: element.id,
+            inputs: {},
+            styles: {}
+        };
+        const context = {
+            state: this.state,
+            $: item
+        };
+        const bindings = elementBindings.inputs ?? {};
+        const resolveInputsFromAst = (nodes, prefix, target)=>{
+            for (const node of nodes){
+                const pathParts = [
+                    ...prefix,
+                    node.name
+                ];
+                const path = pathParts.join("/");
+                const binding = bindings[path];
+                const value = this.resolveBinding(binding, context) ?? node.input.defaultValue;
+                const finalValue = onResolved ? onResolved(value, node.input) : value;
+                if (node.children.length > 0) if (node.list) {
+                    const uniqueIndexes = this.getUniqueIndexesFromPath(path, bindings);
+                    target[node.name] = uniqueIndexes.map((index)=>{
+                        const childTarget = {};
+                        resolveInputsFromAst(node.children, [
+                            ...pathParts.slice(0, -1),
+                            `${node.name}/${index}`
+                        ], childTarget);
+                        return childTarget;
+                    });
+                } else {
+                    const childTarget = {};
+                    resolveInputsFromAst(node.children, pathParts, childTarget);
+                    target[node.name] = childTarget;
+                }
+                else if (node.list) {
+                    const uniqueIndexes = this.getUniqueIndexesFromPath(path, bindings);
+                    if (uniqueIndexes.length > 0) target[node.name] = uniqueIndexes.map((index)=>{
+                        const binding = bindings[`${node.name}/${index}`];
+                        const value = this.resolveBinding(binding, context) ?? node.input.defaultValue;
+                        return onResolved ? onResolved(value, node.input) : value;
+                    });
+                    else {
+                        const isSlot = "slot" === node.type;
+                        target[node.name] = isSlot || null == finalValue || Array.isArray(finalValue) ? finalValue : [
+                            finalValue
+                        ];
+                    }
+                } else if (void 0 !== finalValue) target[node.name] = finalValue;
+            }
+        };
+        resolveInputsFromAst(inputAst, [], resolvedElement.inputs);
+        const styles = elementBindings.styles ? elementBindings.styles ?? {} : {};
+        const resolvedStyles = {};
+        for (const [path, binding] of Object.entries(styles))if (binding) resolvedStyles[path] = this.resolveBinding(binding, context);
+        return {
+            ...resolvedElement,
+            styles: resolvedStyles
+        };
     }
-    if (binding.expression) {
-      return this.evaluateExpression(binding.expression, context);
+    getUniqueIndexesFromPath(flatKey, bindings) {
+        const pattern = new RegExp(`^${flatKey}\\/(\\d+)`);
+        const indexes = Object.keys(bindings).reduce((acc, key)=>{
+            const match = key.match(pattern);
+            if (match) acc.push(parseInt(match[1], 10));
+            return acc;
+        }, []);
+        return Array.from(new Set(indexes)).sort((a, b)=>a - b);
     }
-    if (binding.static) {
-      return binding.static;
+    resolveBinding(binding, context) {
+        if (void 0 === binding) return;
+        if (binding.expression) return this.evaluateExpression(binding.expression, context);
+        if (isTokenBinding(binding)) return tokenToCssValue(binding.token);
+        return binding.static;
     }
-    return undefined;
-  }
-  evaluateExpression(expression, context = {}) {
-    if (!expression || expression === "$noop") {
-      return undefined;
-    }
-    try {
-      let finalExpression = expression.trim();
-      if (finalExpression.startsWith("$state")) {
-        finalExpression = finalExpression.replace(/^\$state/, "state");
-      }
-      finalExpression = finalExpression.replace(/\.([0-9]+)/g, "[$1]");
-      const scopedFn = new Function(...Object.keys(context), `return ${finalExpression};`);
-      return scopedFn(...Object.values(context));
-    } catch (e) {
-      return undefined;
+    evaluateExpression(expression, context = {}) {
+        if (!expression || "$noop" === expression) return;
+        try {
+            let finalExpression = expression.trim();
+            if (finalExpression.startsWith("$state")) finalExpression = finalExpression.replace(/^\$state/, "state");
+            finalExpression = finalExpression.replace(/\.([0-9]+)/g, "[$1]");
+            const scopedFn = new Function(...Object.keys(context), `return ${finalExpression};`);
+            return scopedFn(...Object.values(context));
+        } catch  {
+            return;
+        }
     }
-  }
 }
+export { BindingsResolver };
 
 //# sourceMappingURL=BindingsResolver.js.map

package/BindingsResolver.js.map

@@ -1 +1 @@
-{"version":3,"names":["toJS","BindingsResolver","constructor","state","resolveElement","element","elementBindings","inputAst","onResolved","repeatBindingArray","$repeat","items","resolveBinding","Array","isArray","map","item","resolveSingleInstance","undefined","resolvedElement","id","inputs","styles","context","$","bindings","resolveInputsFromAst","nodes","prefix","target","node","pathParts","name","path","join","binding","value","input","defaultValue","finalValue","children","length","list","uniqueIndexes","getUniqueIndexesFromPath","index","childTarget","slice","resolvedStyles","Object","entries","flatKey","pattern","RegExp","indexes","keys","reduce","acc","key","match","push","parseInt","from","Set","sort","a","b","expression","evaluateExpression","static","finalExpression","trim","startsWith","replace","scopedFn","Function","values","e"],"sources":["BindingsResolver.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport type {\n    DocumentElement,\n    DocumentState,\n    ResolvedElement,\n    ComponentInput,\n    ValueBinding,\n    DocumentElementBindings,\n    SerializableCSSStyleDeclaration,\n    DocumentElementStyleBindings\n} from \"~/types.js\";\nimport type { InputAstNode } from \"./ComponentManifestToAstConverter.js\";\n\nexport interface OnResolved {\n    (value: any, input: ComponentInput): any;\n}\n\nexport type ResolveElementParams = {\n    element: DocumentElement;\n    elementBindings: DocumentElementBindings;\n    inputAst: InputAstNode[];\n    onResolved?: OnResolved;\n};\n\nexport class BindingsResolver {\n    private readonly state: DocumentState;\n\n    constructor(state: DocumentState) {\n        this.state = state;\n    }\n\n    public resolveElement({\n        element,\n        elementBindings,\n        inputAst,\n        onResolved\n    }: ResolveElementParams): ResolvedElement[] {\n        const repeatBindingArray = elementBindings.$repeat;\n\n        if (repeatBindingArray) {\n            const items = this.resolveBinding(repeatBindingArray, { state: toJS(this.state) });\n\n            if (!Array.isArray(items)) {\n                return [];\n            }\n\n            return items.map(item => {\n                return this.resolveSingleInstance(\n                    element,\n                    elementBindings,\n                    item,\n                    inputAst,\n                    onResolved\n                );\n            });\n        }\n\n        return [\n            this.resolveSingleInstance(element, elementBindings, undefined, inputAst, onResolved)\n        ];\n    }\n\n    private resolveSingleInstance(\n        element: DocumentElement,\n        elementBindings: DocumentElementBindings,\n        item: Record<string, any> | undefined,\n        inputAst: InputAstNode[],\n        onResolved?: OnResolved\n    ): ResolvedElement {\n        const resolvedElement: ResolvedElement = {\n            id: element.id,\n            inputs: {},\n            styles: {}\n        };\n\n        const context = { state: this.state, $: item };\n        const bindings = elementBindings.inputs ?? {};\n\n        const resolveInputsFromAst = (\n            nodes: InputAstNode[],\n            prefix: string[],\n            target: Record<string, any>\n        ) => {\n            for (const node of nodes) {\n                const pathParts = [...prefix, node.name];\n                const path = pathParts.join(\"/\");\n                const binding = bindings[path];\n                const value = this.resolveBinding(binding, context) ?? node.input.defaultValue;\n\n                const finalValue = onResolved ? onResolved(value, node.input) : value;\n\n                if (node.children.length > 0) {\n                    if (node.list) {\n                        const uniqueIndexes = this.getUniqueIndexesFromPath(path, bindings);\n\n                        target[node.name] = uniqueIndexes.map(index => {\n                            const childTarget: Record<string, any> = {};\n                            resolveInputsFromAst(\n                                node.children,\n                                [...pathParts.slice(0, -1), `${node.name}/${index}`],\n                                childTarget\n                            );\n                            return childTarget;\n                        });\n                    } else {\n                        const childTarget: Record<string, any> = {};\n                        resolveInputsFromAst(node.children, pathParts, childTarget);\n                        target[node.name] = childTarget;\n                    }\n                } else if (node.list) {\n                    // List node with no children (e.g., slot or primitive list)\n                    const uniqueIndexes = this.getUniqueIndexesFromPath(path, bindings);\n\n                    // If binding is e.g., `leftColumn/0`, we'll have `0` in unique indexes.\n                    if (uniqueIndexes.length > 0) {\n                        target[node.name] = uniqueIndexes.map(index => {\n                            const binding = bindings[`${node.name}/${index}`];\n                            const value =\n                                this.resolveBinding(binding, context) ?? node.input.defaultValue;\n                            return onResolved ? onResolved(value, node.input) : value;\n                        });\n                    } else {\n                        // If binding is a simple `children`, we simply assign the resolved value.\n                        target[node.name] = finalValue;\n                    }\n                } else if (finalValue !== undefined) {\n                    target[node.name] = finalValue;\n                }\n            }\n        };\n\n        resolveInputsFromAst(inputAst, [], resolvedElement.inputs);\n\n        // Resolve styles\n        const styles: DocumentElementStyleBindings = elementBindings.styles\n            ? elementBindings.styles ?? {}\n            : {};\n\n        const resolvedStyles: SerializableCSSStyleDeclaration = {};\n\n        for (const [path, binding] of Object.entries(styles)) {\n            if (binding) {\n                // @ts-expect-error We're positive this is correct.\n                resolvedStyles[path] = this.resolveBinding(binding, context);\n            }\n        }\n\n        return {\n            ...resolvedElement,\n            styles: resolvedStyles\n        };\n    }\n\n    private getUniqueIndexesFromPath(flatKey: string, bindings: DocumentElementBindings) {\n        const pattern = new RegExp(`^${flatKey}\\\\/(\\\\d+)`);\n\n        const indexes = Object.keys(bindings).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        return Array.from(new Set(indexes)).sort((a, b) => a - b);\n    }\n\n    private resolveBinding(binding: ValueBinding | undefined, context: Record<string, any>): any {\n        if (!binding) {\n            return undefined;\n        }\n\n        if (binding.expression) {\n            return this.evaluateExpression(binding.expression, context);\n        }\n\n        if (binding.static) {\n            return binding.static;\n        }\n\n        return undefined;\n    }\n\n    private evaluateExpression(expression: string | undefined, context: Record<string, any> = {}) {\n        if (!expression || expression === \"$noop\") {\n            return undefined;\n        }\n\n        try {\n            let finalExpression = expression.trim();\n\n            if (finalExpression.startsWith(\"$state\")) {\n                finalExpression = finalExpression.replace(/^\\$state/, \"state\");\n            }\n\n            finalExpression = finalExpression.replace(/\\.([0-9]+)/g, \"[$1]\");\n\n            const scopedFn = new Function(...Object.keys(context), `return ${finalExpression};`);\n            return scopedFn(...Object.values(context));\n        } catch (e) {\n            return undefined;\n        }\n    }\n}\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,MAAM;AAwB3B,OAAO,MAAMC,gBAAgB,CAAC;EAG1BC,WAAWA,CAACC,KAAoB,EAAE;IAC9B,IAAI,CAACA,KAAK,GAAGA,KAAK;EACtB;EAEOC,cAAcA,CAAC;IAClBC,OAAO;IACPC,eAAe;IACfC,QAAQ;IACRC;EACkB,CAAC,EAAqB;IACxC,MAAMC,kBAAkB,GAAGH,eAAe,CAACI,OAAO;IAElD,IAAID,kBAAkB,EAAE;MACpB,MAAME,KAAK,GAAG,IAAI,CAACC,cAAc,CAACH,kBAAkB,EAAE;QAAEN,KAAK,EAAEH,IAAI,CAAC,IAAI,CAACG,KAAK;MAAE,CAAC,CAAC;MAElF,IAAI,CAACU,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;QACvB,OAAO,EAAE;MACb;MAEA,OAAOA,KAAK,CAACI,GAAG,CAACC,IAAI,IAAI;QACrB,OAAO,IAAI,CAACC,qBAAqB,CAC7BZ,OAAO,EACPC,eAAe,EACfU,IAAI,EACJT,QAAQ,EACRC,UACJ,CAAC;MACL,CAAC,CAAC;IACN;IAEA,OAAO,CACH,IAAI,CAACS,qBAAqB,CAACZ,OAAO,EAAEC,eAAe,EAAEY,SAAS,EAAEX,QAAQ,EAAEC,UAAU,CAAC,CACxF;EACL;EAEQS,qBAAqBA,CACzBZ,OAAwB,EACxBC,eAAwC,EACxCU,IAAqC,EACrCT,QAAwB,EACxBC,UAAuB,EACR;IACf,MAAMW,eAAgC,GAAG;MACrCC,EAAE,EAAEf,OAAO,CAACe,EAAE;MACdC,MAAM,EAAE,CAAC,CAAC;MACVC,MAAM,EAAE,CAAC;IACb,CAAC;IAED,MAAMC,OAAO,GAAG;MAAEpB,KAAK,EAAE,IAAI,CAACA,KAAK;MAAEqB,CAAC,EAAER;IAAK,CAAC;IAC9C,MAAMS,QAAQ,GAAGnB,eAAe,CAACe,MAAM,IAAI,CAAC,CAAC;IAE7C,MAAMK,oBAAoB,GAAGA,CACzBC,KAAqB,EACrBC,MAAgB,EAChBC,MAA2B,KAC1B;MACD,KAAK,MAAMC,IAAI,IAAIH,KAAK,EAAE;QACtB,MAAMI,SAAS,GAAG,CAAC,GAAGH,MAAM,EAAEE,IAAI,CAACE,IAAI,CAAC;QACxC,MAAMC,IAAI,GAAGF,SAAS,CAACG,IAAI,CAAC,GAAG,CAAC;QAChC,MAAMC,OAAO,GAAGV,QAAQ,CAACQ,IAAI,CAAC;QAC9B,MAAMG,KAAK,GAAG,IAAI,CAACxB,cAAc,CAACuB,OAAO,EAAEZ,OAAO,CAAC,IAAIO,IAAI,CAACO,KAAK,CAACC,YAAY;QAE9E,MAAMC,UAAU,GAAG/B,UAAU,GAAGA,UAAU,CAAC4B,KAAK,EAAEN,IAAI,CAACO,KAAK,CAAC,GAAGD,KAAK;QAErE,IAAIN,IAAI,CAACU,QAAQ,CAACC,MAAM,GAAG,CAAC,EAAE;UAC1B,IAAIX,IAAI,CAACY,IAAI,EAAE;YACX,MAAMC,aAAa,GAAG,IAAI,CAACC,wBAAwB,CAACX,IAAI,EAAER,QAAQ,CAAC;YAEnEI,MAAM,CAACC,IAAI,CAACE,IAAI,CAAC,GAAGW,aAAa,CAAC5B,GAAG,CAAC8B,KAAK,IAAI;cAC3C,MAAMC,WAAgC,GAAG,CAAC,CAAC;cAC3CpB,oBAAoB,CAChBI,IAAI,CAACU,QAAQ,EACb,CAAC,GAAGT,SAAS,CAACgB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAGjB,IAAI,CAACE,IAAI,IAAIa,KAAK,EAAE,CAAC,EACpDC,WACJ,CAAC;cACD,OAAOA,WAAW;YACtB,CAAC,CAAC;UACN,CAAC,MAAM;YACH,MAAMA,WAAgC,GAAG,CAAC,CAAC;YAC3CpB,oBAAoB,CAACI,IAAI,CAACU,QAAQ,EAAET,SAAS,EAAEe,WAAW,CAAC;YAC3DjB,MAAM,CAACC,IAAI,CAACE,IAAI,CAAC,GAAGc,WAAW;UACnC;QACJ,CAAC,MAAM,IAAIhB,IAAI,CAACY,IAAI,EAAE;UAClB;UACA,MAAMC,aAAa,GAAG,IAAI,CAACC,wBAAwB,CAACX,IAAI,EAAER,QAAQ,CAAC;;UAEnE;UACA,IAAIkB,aAAa,CAACF,MAAM,GAAG,CAAC,EAAE;YAC1BZ,MAAM,CAACC,IAAI,CAACE,IAAI,CAAC,GAAGW,aAAa,CAAC5B,GAAG,CAAC8B,KAAK,IAAI;cAC3C,MAAMV,OAAO,GAAGV,QAAQ,CAAC,GAAGK,IAAI,CAACE,IAAI,IAAIa,KAAK,EAAE,CAAC;cACjD,MAAMT,KAAK,GACP,IAAI,CAACxB,cAAc,CAACuB,OAAO,EAAEZ,OAAO,CAAC,IAAIO,IAAI,CAACO,KAAK,CAACC,YAAY;cACpE,OAAO9B,UAAU,GAAGA,UAAU,CAAC4B,KAAK,EAAEN,IAAI,CAACO,KAAK,CAAC,GAAGD,KAAK;YAC7D,CAAC,CAAC;UACN,CAAC,MAAM;YACH;YACAP,MAAM,CAACC,IAAI,CAACE,IAAI,CAAC,GAAGO,UAAU;UAClC;QACJ,CAAC,MAAM,IAAIA,UAAU,KAAKrB,SAAS,EAAE;UACjCW,MAAM,CAACC,IAAI,CAACE,IAAI,CAAC,GAAGO,UAAU;QAClC;MACJ;IACJ,CAAC;IAEDb,oBAAoB,CAACnB,QAAQ,EAAE,EAAE,EAAEY,eAAe,CAACE,MAAM,CAAC;;IAE1D;IACA,MAAMC,MAAoC,GAAGhB,eAAe,CAACgB,MAAM,GAC7DhB,eAAe,CAACgB,MAAM,IAAI,CAAC,CAAC,GAC5B,CAAC,CAAC;IAER,MAAM0B,cAA+C,GAAG,CAAC,CAAC;IAE1D,KAAK,MAAM,CAACf,IAAI,EAAEE,OAAO,CAAC,IAAIc,MAAM,CAACC,OAAO,CAAC5B,MAAM,CAAC,EAAE;MAClD,IAAIa,OAAO,EAAE;QACT;QACAa,cAAc,CAACf,IAAI,CAAC,GAAG,IAAI,CAACrB,cAAc,CAACuB,OAAO,EAAEZ,OAAO,CAAC;MAChE;IACJ;IAEA,OAAO;MACH,GAAGJ,eAAe;MAClBG,MAAM,EAAE0B;IACZ,CAAC;EACL;EAEQJ,wBAAwBA,CAACO,OAAe,EAAE1B,QAAiC,EAAE;IACjF,MAAM2B,OAAO,GAAG,IAAIC,MAAM,CAAC,IAAIF,OAAO,WAAW,CAAC;IAElD,MAAMG,OAAO,GAAGL,MAAM,CAACM,IAAI,CAAC9B,QAAQ,CAAC,CAAC+B,MAAM,CAAC,CAACC,GAAa,EAAEC,GAAG,KAAK;MACjE,MAAMC,KAAK,GAAGD,GAAG,CAACC,KAAK,CAACP,OAAO,CAAC;MAChC,IAAIO,KAAK,EAAE;QACPF,GAAG,CAACG,IAAI,CAACC,QAAQ,CAACF,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;MACpC;MACA,OAAOF,GAAG;IACd,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO5C,KAAK,CAACiD,IAAI,CAAC,IAAIC,GAAG,CAACT,OAAO,CAAC,CAAC,CAACU,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGC,CAAC,CAAC;EAC7D;EAEQtD,cAAcA,CAACuB,OAAiC,EAAEZ,OAA4B,EAAO;IACzF,IAAI,CAACY,OAAO,EAAE;MACV,OAAOjB,SAAS;IACpB;IAEA,IAAIiB,OAAO,CAACgC,UAAU,EAAE;MACpB,OAAO,IAAI,CAACC,kBAAkB,CAACjC,OAAO,CAACgC,UAAU,EAAE5C,OAAO,CAAC;IAC/D;IAEA,IAAIY,OAAO,CAACkC,MAAM,EAAE;MAChB,OAAOlC,OAAO,CAACkC,MAAM;IACzB;IAEA,OAAOnD,SAAS;EACpB;EAEQkD,kBAAkBA,CAACD,UAA8B,EAAE5C,OAA4B,GAAG,CAAC,CAAC,EAAE;IAC1F,IAAI,CAAC4C,UAAU,IAAIA,UAAU,KAAK,OAAO,EAAE;MACvC,OAAOjD,SAAS;IACpB;IAEA,IAAI;MACA,IAAIoD,eAAe,GAAGH,UAAU,CAACI,IAAI,CAAC,CAAC;MAEvC,IAAID,eAAe,CAACE,UAAU,CAAC,QAAQ,CAAC,EAAE;QACtCF,eAAe,GAAGA,eAAe,CAACG,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC;MAClE;MAEAH,eAAe,GAAGA,eAAe,CAACG,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC;MAEhE,MAAMC,QAAQ,GAAG,IAAIC,QAAQ,CAAC,GAAG1B,MAAM,CAACM,IAAI,CAAChC,OAAO,CAAC,EAAE,UAAU+C,eAAe,GAAG,CAAC;MACpF,OAAOI,QAAQ,CAAC,GAAGzB,MAAM,CAAC2B,MAAM,CAACrD,OAAO,CAAC,CAAC;IAC9C,CAAC,CAAC,OAAOsD,CAAC,EAAE;MACR,OAAO3D,SAAS;IACpB;EACJ;AACJ","ignoreList":[]}
+{"version":3,"file":"BindingsResolver.js","sources":["../src/BindingsResolver.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport type {\n    ComponentInput,\n    DocumentElement,\n    DocumentElementBindings,\n    DocumentElementStyleBindings,\n    DocumentState,\n    ResolvedElement,\n    SerializableCSSStyleDeclaration,\n    ValueBinding\n} from \"~/types.js\";\nimport type { InputAstNode } from \"./ComponentManifestToAstConverter.js\";\nimport { isTokenBinding, tokenToCssValue } from \"./tokenBinding.js\";\n\nexport interface OnResolved {\n    (value: any, input: ComponentInput): any;\n}\n\nexport type ResolveElementParams = {\n    element: DocumentElement;\n    elementBindings: DocumentElementBindings;\n    inputAst: InputAstNode[];\n    onResolved?: OnResolved;\n};\n\nexport interface IBindingsResolver {\n    resolveElement(params: ResolveElementParams): ResolvedElement[];\n}\n\nexport class BindingsResolver implements IBindingsResolver {\n    private readonly state: DocumentState;\n\n    constructor(state: DocumentState) {\n        this.state = state;\n    }\n\n    public resolveElement({\n        element,\n        elementBindings,\n        inputAst,\n        onResolved\n    }: ResolveElementParams): ResolvedElement[] {\n        const repeatBindingArray = elementBindings.$repeat;\n\n        if (repeatBindingArray) {\n            const items = this.resolveBinding(repeatBindingArray, { state: toJS(this.state) });\n\n            if (!Array.isArray(items)) {\n                return [];\n            }\n\n            return items.map(item => {\n                return this.resolveSingleInstance(\n                    element,\n                    elementBindings,\n                    item,\n                    inputAst,\n                    onResolved\n                );\n            });\n        }\n\n        return [\n            this.resolveSingleInstance(element, elementBindings, undefined, inputAst, onResolved)\n        ];\n    }\n\n    private resolveSingleInstance(\n        element: DocumentElement,\n        elementBindings: DocumentElementBindings,\n        item: Record<string, any> | undefined,\n        inputAst: InputAstNode[],\n        onResolved?: OnResolved\n    ): ResolvedElement {\n        const resolvedElement: ResolvedElement = {\n            id: element.id,\n            inputs: {},\n            styles: {}\n        };\n\n        const context = { state: this.state, $: item };\n        const bindings = elementBindings.inputs ?? {};\n\n        const resolveInputsFromAst = (\n            nodes: InputAstNode[],\n            prefix: string[],\n            target: Record<string, any>\n        ) => {\n            for (const node of nodes) {\n                const pathParts = [...prefix, node.name];\n                const path = pathParts.join(\"/\");\n                const binding = bindings[path];\n                const value = this.resolveBinding(binding, context) ?? node.input.defaultValue;\n\n                const finalValue = onResolved ? onResolved(value, node.input) : value;\n\n                if (node.children.length > 0) {\n                    if (node.list) {\n                        const uniqueIndexes = this.getUniqueIndexesFromPath(path, bindings);\n\n                        target[node.name] = uniqueIndexes.map(index => {\n                            const childTarget: Record<string, any> = {};\n                            resolveInputsFromAst(\n                                node.children,\n                                [...pathParts.slice(0, -1), `${node.name}/${index}`],\n                                childTarget\n                            );\n                            return childTarget;\n                        });\n                    } else {\n                        const childTarget: Record<string, any> = {};\n                        resolveInputsFromAst(node.children, pathParts, childTarget);\n                        target[node.name] = childTarget;\n                    }\n                } else if (node.list) {\n                    // List node with no children (e.g., slot or primitive list)\n                    const uniqueIndexes = this.getUniqueIndexesFromPath(path, bindings);\n\n                    // If binding is e.g., `leftColumn/0`, we'll have `0` in unique indexes.\n                    if (uniqueIndexes.length > 0) {\n                        target[node.name] = uniqueIndexes.map(index => {\n                            const binding = bindings[`${node.name}/${index}`];\n                            const value =\n                                this.resolveBinding(binding, context) ?? node.input.defaultValue;\n                            return onResolved ? onResolved(value, node.input) : value;\n                        });\n                    } else {\n                        /*\n                         * If binding is a simple `children`, we simply assign the resolved value —\n                         * but never a bare scalar where the input declares a list.\n                         *\n                         * A component reading a list does `value.map(...)`, so a scalar reaches it as\n                         * a crash, and during server rendering one component's crash is the whole\n                         * page. Stored documents carry that shape: until this was fixed,\n                         * `ComponentInputTraverser` wrote every item of a scalar list to one path, so\n                         * each overwrote the last and the binding kept a single string. Those\n                         * documents are not rewritten by fixing the writer, so they are repaired on\n                         * the way in.\n                         *\n                         * READ THIS WITH `assertBindingShapes`, and do not remove one without the\n                         * other. The tolerance here is recovery, and the assertion there is the alarm\n                         * that a bad write happened at all. Tolerance alone lets a broken writer live\n                         * indefinitely because nothing ever looks wrong; the assertion alone leaves\n                         * every already-stored page broken.\n                         */\n                        const isSlot = node.type === \"slot\";\n                        target[node.name] =\n                            isSlot ||\n                            finalValue === undefined ||\n                            finalValue === null ||\n                            Array.isArray(finalValue)\n                                ? finalValue\n                                : [finalValue];\n                    }\n                } else if (finalValue !== undefined) {\n                    target[node.name] = finalValue;\n                }\n            }\n        };\n\n        resolveInputsFromAst(inputAst, [], resolvedElement.inputs);\n\n        // Resolve styles\n        const styles: DocumentElementStyleBindings = elementBindings.styles\n            ? (elementBindings.styles ?? {})\n            : {};\n\n        const resolvedStyles: SerializableCSSStyleDeclaration = {};\n\n        for (const [path, binding] of Object.entries(styles)) {\n            if (binding) {\n                // @ts-expect-error We're positive this is correct.\n                resolvedStyles[path] = this.resolveBinding(binding, context);\n            }\n        }\n\n        return {\n            ...resolvedElement,\n            styles: resolvedStyles\n        };\n    }\n\n    private getUniqueIndexesFromPath(flatKey: string, bindings: DocumentElementBindings) {\n        const pattern = new RegExp(`^${flatKey}\\\\/(\\\\d+)`);\n\n        const indexes = Object.keys(bindings).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        return Array.from(new Set(indexes)).sort((a, b) => a - b);\n    }\n\n    private resolveBinding(binding: ValueBinding | undefined, context: Record<string, any>): any {\n        if (typeof binding === \"undefined\") {\n            return undefined;\n        }\n\n        if (binding.expression) {\n            return this.evaluateExpression(binding.expression, context);\n        }\n\n        // A token reference becomes `var(--wby-…)` here, at output time. This is the only place\n        // that conversion happens, for both the editor preview and the published renderer.\n        if (isTokenBinding(binding)) {\n            return tokenToCssValue(binding.token);\n        }\n\n        return binding.static;\n    }\n\n    private evaluateExpression(expression: string | undefined, context: Record<string, any> = {}) {\n        if (!expression || expression === \"$noop\") {\n            return undefined;\n        }\n\n        try {\n            let finalExpression = expression.trim();\n\n            if (finalExpression.startsWith(\"$state\")) {\n                finalExpression = finalExpression.replace(/^\\$state/, \"state\");\n            }\n\n            finalExpression = finalExpression.replace(/\\.([0-9]+)/g, \"[$1]\");\n\n            const scopedFn = new Function(...Object.keys(context), `return ${finalExpression};`);\n            return scopedFn(...Object.values(context));\n        } catch {\n            return undefined;\n        }\n    }\n}\n"],"names":["BindingsResolver","state","element","elementBindings","inputAst","onResolved","repeatBindingArray","items","toJS","Array","item","undefined","resolvedElement","context","bindings","resolveInputsFromAst","nodes","prefix","target","node","pathParts","path","binding","value","finalValue","uniqueIndexes","index","childTarget","isSlot","styles","resolvedStyles","Object","flatKey","pattern","RegExp","indexes","acc","key","match","parseInt","Set","a","b","isTokenBinding","tokenToCssValue","expression","finalExpression","scopedFn","Function"],"mappings":"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"}