@webiny/website-builder-sdk 6.3.0 → 6.4.0-beta.0

package/BindingsApi.js

@@ -1,42 +1,35 @@
 import { createElement } from "./createElement.js";
 import { StylesBindingsProcessor } from "./StylesBindingsProcessor.js";
 import { InputsBindingsProcessor } from "./InputBindingsProcessor.js";
-// The BindingsApi class manages the transformation and handling of element bindings,
-// including inputs and styles, for a document element within the editor.
-export class BindingsApi {
-  inputs = {};
-  styles = {};
-  // TODO: refactor to pass inputs and styles processor instead of their deps.
-
-  // Constructs a new BindingsApi instance for a specific element, providing its
-  // raw and resolved bindings, the input AST, an element factory, and the current breakpoint.
-  constructor(elementId, rawBindings, resolvedBindings, inputsAst, elementFactory, breakpoint) {
-    this.breakpoint = breakpoint;
-    // TODO: improve handling of breakpoints.
-    this.breakpoints = ["desktop", "tablet", "mobile"];
-    this.inputsProcessor = new InputsBindingsProcessor(elementId, inputsAst, this.breakpoints, rawBindings, elementFactory);
-    this.stylesProcessor = new StylesBindingsProcessor(elementId, this.breakpoints, rawBindings);
-    this.inputs = this.inputsProcessor.toDeepInputs(resolvedBindings.inputs || {});
-    this.styles = this.stylesProcessor.toDeepStyles(resolvedBindings.styles || {});
-  }
-
-  // Returns the public API for this binding context, exposing deep inputs, styles,
-  // and a function to create elements.
-  getPublicApi() {
-    return {
-      inputs: this.inputs,
-      styles: this.styles ?? {},
-      createElement: params => {
-        return createElement(params);
-      }
-    };
-  }
-  applyToDocument(document) {
-    const inputs = this.inputsProcessor.createUpdate(this.inputs, this.breakpoint);
-    const styles = this.stylesProcessor.createUpdate(this.styles, this.breakpoint);
-    inputs.applyToDocument(document);
-    styles.applyToDocument(document);
-  }
+class BindingsApi {
+    constructor(elementId, rawBindings, resolvedBindings, inputsAst, elementFactory, breakpoint){
+        this.inputs = {};
+        this.styles = {};
+        this.breakpoint = breakpoint;
+        this.breakpoints = [
+            "desktop",
+            "tablet",
+            "mobile"
+        ];
+        this.inputsProcessor = new InputsBindingsProcessor(elementId, inputsAst, this.breakpoints, rawBindings, elementFactory);
+        this.stylesProcessor = new StylesBindingsProcessor(elementId, this.breakpoints, rawBindings);
+        this.inputs = this.inputsProcessor.toDeepInputs(resolvedBindings.inputs || {});
+        this.styles = this.stylesProcessor.toDeepStyles(resolvedBindings.styles || {});
+    }
+    getPublicApi() {
+        return {
+            inputs: this.inputs,
+            styles: this.styles ?? {},
+            createElement: (params)=>createElement(params)
+        };
+    }
+    applyToDocument(document) {
+        const inputs = this.inputsProcessor.createUpdate(this.inputs, this.breakpoint);
+        const styles = this.stylesProcessor.createUpdate(this.styles, this.breakpoint);
+        inputs.applyToDocument(document);
+        styles.applyToDocument(document);
+    }
 }
+export { BindingsApi };
 
 //# sourceMappingURL=BindingsApi.js.map

package/BindingsApi.js.map

@@ -1 +1 @@
-{"version":3,"names":["createElement","StylesBindingsProcessor","InputsBindingsProcessor","BindingsApi","inputs","styles","constructor","elementId","rawBindings","resolvedBindings","inputsAst","elementFactory","breakpoint","breakpoints","inputsProcessor","stylesProcessor","toDeepInputs","toDeepStyles","getPublicApi","params","applyToDocument","document","createUpdate"],"sources":["BindingsApi.ts"],"sourcesContent":["import type { ElementFactory } from \"~/ElementFactory.js\";\nimport type { InputAstNode } from \"./ComponentManifestToAstConverter.js\";\nimport type { DocumentElementBindings, Document } from \"~/types.js\";\nimport { createElement, type CreateElementParams } from \"./createElement.js\";\nimport { StylesBindingsProcessor } from \"~/StylesBindingsProcessor.js\";\nimport { InputsBindingsProcessor } from \"~/InputBindingsProcessor.js\";\n\nexport type FlatBindings = Record<string, Record<string, any>>;\ntype DeepBindings = Record<string, any>;\n\n// The BindingsApi class manages the transformation and handling of element bindings,\n// including inputs and styles, for a document element within the editor.\nexport class BindingsApi {\n    public inputs: DeepBindings = {};\n    public styles: DeepBindings = {};\n    private inputsProcessor: InputsBindingsProcessor;\n    private stylesProcessor: StylesBindingsProcessor;\n    private breakpoint: string;\n    private breakpoints: string[];\n\n    // TODO: refactor to pass inputs and styles processor instead of their deps.\n\n    // Constructs a new BindingsApi instance for a specific element, providing its\n    // raw and resolved bindings, the input AST, an element factory, and the current breakpoint.\n    constructor(\n        elementId: string,\n        rawBindings: DocumentElementBindings,\n        resolvedBindings: DocumentElementBindings,\n        inputsAst: InputAstNode[],\n        elementFactory: ElementFactory,\n        breakpoint: string\n    ) {\n        this.breakpoint = breakpoint;\n        // TODO: improve handling of breakpoints.\n        this.breakpoints = [\"desktop\", \"tablet\", \"mobile\"];\n        this.inputsProcessor = new InputsBindingsProcessor(\n            elementId,\n            inputsAst,\n            this.breakpoints,\n            rawBindings,\n            elementFactory\n        );\n        this.stylesProcessor = new StylesBindingsProcessor(\n            elementId,\n            this.breakpoints,\n            rawBindings\n        );\n        this.inputs = this.inputsProcessor.toDeepInputs(resolvedBindings.inputs || {});\n        this.styles = this.stylesProcessor.toDeepStyles(resolvedBindings.styles || {});\n    }\n\n    // Returns the public API for this binding context, exposing deep inputs, styles,\n    // and a function to create elements.\n    public getPublicApi() {\n        return {\n            inputs: this.inputs,\n            styles: this.styles ?? {},\n            createElement: (params: CreateElementParams) => {\n                return createElement(params);\n            }\n        };\n    }\n\n    public applyToDocument(document: Document) {\n        const inputs = this.inputsProcessor.createUpdate(this.inputs, this.breakpoint);\n        const styles = this.stylesProcessor.createUpdate(this.styles, this.breakpoint);\n\n        inputs.applyToDocument(document);\n        styles.applyToDocument(document);\n    }\n}\n"],"mappings":"AAGA,SAASA,aAAa;AACtB,SAASC,uBAAuB;AAChC,SAASC,uBAAuB;AAKhC;AACA;AACA,OAAO,MAAMC,WAAW,CAAC;EACdC,MAAM,GAAiB,CAAC,CAAC;EACzBC,MAAM,GAAiB,CAAC,CAAC;EAMhC;;EAEA;EACA;EACAC,WAAWA,CACPC,SAAiB,EACjBC,WAAoC,EACpCC,gBAAyC,EACzCC,SAAyB,EACzBC,cAA8B,EAC9BC,UAAkB,EACpB;IACE,IAAI,CAACA,UAAU,GAAGA,UAAU;IAC5B;IACA,IAAI,CAACC,WAAW,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC;IAClD,IAAI,CAACC,eAAe,GAAG,IAAIZ,uBAAuB,CAC9CK,SAAS,EACTG,SAAS,EACT,IAAI,CAACG,WAAW,EAChBL,WAAW,EACXG,cACJ,CAAC;IACD,IAAI,CAACI,eAAe,GAAG,IAAId,uBAAuB,CAC9CM,SAAS,EACT,IAAI,CAACM,WAAW,EAChBL,WACJ,CAAC;IACD,IAAI,CAACJ,MAAM,GAAG,IAAI,CAACU,eAAe,CAACE,YAAY,CAACP,gBAAgB,CAACL,MAAM,IAAI,CAAC,CAAC,CAAC;IAC9E,IAAI,CAACC,MAAM,GAAG,IAAI,CAACU,eAAe,CAACE,YAAY,CAACR,gBAAgB,CAACJ,MAAM,IAAI,CAAC,CAAC,CAAC;EAClF;;EAEA;EACA;EACOa,YAAYA,CAAA,EAAG;IAClB,OAAO;MACHd,MAAM,EAAE,IAAI,CAACA,MAAM;MACnBC,MAAM,EAAE,IAAI,CAACA,MAAM,IAAI,CAAC,CAAC;MACzBL,aAAa,EAAGmB,MAA2B,IAAK;QAC5C,OAAOnB,aAAa,CAACmB,MAAM,CAAC;MAChC;IACJ,CAAC;EACL;EAEOC,eAAeA,CAACC,QAAkB,EAAE;IACvC,MAAMjB,MAAM,GAAG,IAAI,CAACU,eAAe,CAACQ,YAAY,CAAC,IAAI,CAAClB,MAAM,EAAE,IAAI,CAACQ,UAAU,CAAC;IAC9E,MAAMP,MAAM,GAAG,IAAI,CAACU,eAAe,CAACO,YAAY,CAAC,IAAI,CAACjB,MAAM,EAAE,IAAI,CAACO,UAAU,CAAC;IAE9ER,MAAM,CAACgB,eAAe,CAACC,QAAQ,CAAC;IAChChB,MAAM,CAACe,eAAe,CAACC,QAAQ,CAAC;EACpC;AACJ","ignoreList":[]}
+{"version":3,"file":"BindingsApi.js","sources":["../src/BindingsApi.ts"],"sourcesContent":["import type { ElementFactory } from \"~/ElementFactory.js\";\nimport type { InputAstNode } from \"./ComponentManifestToAstConverter.js\";\nimport type { DocumentElementBindings, Document } from \"~/types.js\";\nimport { createElement, type CreateElementParams } from \"./createElement.js\";\nimport { StylesBindingsProcessor } from \"~/StylesBindingsProcessor.js\";\nimport { InputsBindingsProcessor } from \"~/InputBindingsProcessor.js\";\n\nexport type FlatBindings = Record<string, Record<string, any>>;\ntype DeepBindings = Record<string, any>;\n\n// The BindingsApi class manages the transformation and handling of element bindings,\n// including inputs and styles, for a document element within the editor.\nexport class BindingsApi {\n    public inputs: DeepBindings = {};\n    public styles: DeepBindings = {};\n    private inputsProcessor: InputsBindingsProcessor;\n    private stylesProcessor: StylesBindingsProcessor;\n    private breakpoint: string;\n    private breakpoints: string[];\n\n    // TODO: refactor to pass inputs and styles processor instead of their deps.\n\n    // Constructs a new BindingsApi instance for a specific element, providing its\n    // raw and resolved bindings, the input AST, an element factory, and the current breakpoint.\n    constructor(\n        elementId: string,\n        rawBindings: DocumentElementBindings,\n        resolvedBindings: DocumentElementBindings,\n        inputsAst: InputAstNode[],\n        elementFactory: ElementFactory,\n        breakpoint: string\n    ) {\n        this.breakpoint = breakpoint;\n        // TODO: improve handling of breakpoints.\n        this.breakpoints = [\"desktop\", \"tablet\", \"mobile\"];\n        this.inputsProcessor = new InputsBindingsProcessor(\n            elementId,\n            inputsAst,\n            this.breakpoints,\n            rawBindings,\n            elementFactory\n        );\n        this.stylesProcessor = new StylesBindingsProcessor(\n            elementId,\n            this.breakpoints,\n            rawBindings\n        );\n        this.inputs = this.inputsProcessor.toDeepInputs(resolvedBindings.inputs || {});\n        this.styles = this.stylesProcessor.toDeepStyles(resolvedBindings.styles || {});\n    }\n\n    // Returns the public API for this binding context, exposing deep inputs, styles,\n    // and a function to create elements.\n    public getPublicApi() {\n        return {\n            inputs: this.inputs,\n            styles: this.styles ?? {},\n            createElement: (params: CreateElementParams) => {\n                return createElement(params);\n            }\n        };\n    }\n\n    public applyToDocument(document: Document) {\n        const inputs = this.inputsProcessor.createUpdate(this.inputs, this.breakpoint);\n        const styles = this.stylesProcessor.createUpdate(this.styles, this.breakpoint);\n\n        inputs.applyToDocument(document);\n        styles.applyToDocument(document);\n    }\n}\n"],"names":["BindingsApi","elementId","rawBindings","resolvedBindings","inputsAst","elementFactory","breakpoint","InputsBindingsProcessor","StylesBindingsProcessor","params","createElement","document","inputs","styles"],"mappings":";;;AAYO,MAAMA;IAYT,YACIC,SAAiB,EACjBC,WAAoC,EACpCC,gBAAyC,EACzCC,SAAyB,EACzBC,cAA8B,EAC9BC,UAAkB,CACpB;aAlBK,MAAM,GAAiB,CAAC;aACxB,MAAM,GAAiB,CAAC;QAkB3B,IAAI,CAAC,UAAU,GAAGA;QAElB,IAAI,CAAC,WAAW,GAAG;YAAC;YAAW;YAAU;SAAS;QAClD,IAAI,CAAC,eAAe,GAAG,IAAIC,wBACvBN,WACAG,WACA,IAAI,CAAC,WAAW,EAChBF,aACAG;QAEJ,IAAI,CAAC,eAAe,GAAG,IAAIG,wBACvBP,WACA,IAAI,CAAC,WAAW,EAChBC;QAEJ,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC,YAAY,CAACC,iBAAiB,MAAM,IAAI,CAAC;QAC5E,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC,YAAY,CAACA,iBAAiB,MAAM,IAAI,CAAC;IAChF;IAIO,eAAe;QAClB,OAAO;YACH,QAAQ,IAAI,CAAC,MAAM;YACnB,QAAQ,IAAI,CAAC,MAAM,IAAI,CAAC;YACxB,eAAe,CAACM,SACLC,cAAcD;QAE7B;IACJ;IAEO,gBAAgBE,QAAkB,EAAE;QACvC,MAAMC,SAAS,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU;QAC7E,MAAMC,SAAS,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU;QAE7ED,OAAO,eAAe,CAACD;QACvBE,OAAO,eAAe,CAACF;IAC3B;AACJ"}

package/BindingsProcessor.js

@@ -1,49 +1,40 @@
-export class BindingsProcessor {
-  constructor(breakpoints) {
-    this.breakpoints = breakpoints;
-  }
-  getBindings(bindings, breakpoint) {
-    const result = {
-      $repeat: bindings.$repeat,
-      inputs: {
-        ...(bindings.inputs || {})
-      },
-      styles: {
-        ...(bindings.styles || {})
-      }
-    };
-    const overrides = bindings.overrides ?? {};
-    let upTo = this.breakpoints.indexOf(breakpoint);
-    if (upTo === -1) {
-      upTo = 0;
+class BindingsProcessor {
+    constructor(breakpoints){
+        this.breakpoints = breakpoints;
     }
-    for (let i = 0; i <= upTo; i++) {
-      const bp = this.breakpoints[i];
-      const override = overrides[bp];
-      if (!override) {
-        continue;
-      }
-      if (override.inputs) {
-        for (const key in override.inputs) {
-          result.inputs[key] = {
-            ...(result.inputs[key] || {}),
-            ...override.inputs[key]
-          };
+    getBindings(bindings, breakpoint) {
+        const result = {
+            $repeat: bindings.$repeat,
+            inputs: {
+                ...bindings.inputs || {}
+            },
+            styles: {
+                ...bindings.styles || {}
+            }
+        };
+        const overrides = bindings.overrides ?? {};
+        let upTo = this.breakpoints.indexOf(breakpoint);
+        if (-1 === upTo) upTo = 0;
+        for(let i = 0; i <= upTo; i++){
+            const bp = this.breakpoints[i];
+            const override = overrides[bp];
+            if (override) {
+                if (override.inputs) for(const key in override.inputs)result.inputs[key] = {
+                    ...result.inputs[key] || {},
+                    ...override.inputs[key]
+                };
+                if (override.styles) for(const styleKey in override.styles){
+                    const key = styleKey;
+                    result.styles[key] = {
+                        ...result.styles[key] || {},
+                        ...override.styles[key]
+                    };
+                }
+            }
         }
-      }
-      if (override.styles) {
-        for (const styleKey in override.styles) {
-          const key = styleKey;
-          // @ts-expect-error It's hard to make CSS properties happy.
-          result.styles[key] = {
-            ...(result.styles[key] || {}),
-            ...override.styles[key]
-          };
-        }
-      }
+        return result;
     }
-    return result;
-  }
 }
+export { BindingsProcessor };
 
 //# sourceMappingURL=BindingsProcessor.js.map

package/BindingsProcessor.js.map

@@ -1 +1 @@
-{"version":3,"names":["BindingsProcessor","constructor","breakpoints","getBindings","bindings","breakpoint","result","$repeat","inputs","styles","overrides","upTo","indexOf","i","bp","override","key","styleKey"],"sources":["BindingsProcessor.ts"],"sourcesContent":["import type { DocumentElementBindings, CssProperties } from \"~/types.js\";\n\ntype RequiredBindings<T extends DocumentElementBindings> = T & {\n    inputs: NonNullable<T[\"inputs\"]>;\n    styles: NonNullable<T[\"styles\"]>;\n};\n\nexport class BindingsProcessor {\n    private readonly breakpoints: string[];\n\n    constructor(breakpoints: string[]) {\n        this.breakpoints = breakpoints;\n    }\n\n    public getBindings(bindings: DocumentElementBindings, breakpoint: string) {\n        const result: RequiredBindings<DocumentElementBindings> = {\n            $repeat: bindings.$repeat,\n            inputs: { ...(bindings.inputs || {}) },\n            styles: { ...(bindings.styles || {}) }\n        };\n\n        const overrides = bindings.overrides ?? {};\n\n        let upTo = this.breakpoints.indexOf(breakpoint);\n        if (upTo === -1) {\n            upTo = 0;\n        }\n\n        for (let i = 0; i <= upTo; i++) {\n            const bp = this.breakpoints[i];\n            const override = overrides[bp];\n            if (!override) {\n                continue;\n            }\n\n            if (override.inputs) {\n                for (const key in override.inputs) {\n                    result.inputs[key] = {\n                        ...(result.inputs![key] || {}),\n                        ...override.inputs[key]\n                    };\n                }\n            }\n\n            if (override.styles) {\n                for (const styleKey in override.styles) {\n                    const key = styleKey as keyof CssProperties;\n                    // @ts-expect-error It's hard to make CSS properties happy.\n                    result.styles[key] = {\n                        ...(result.styles[key] || {}),\n                        ...override.styles[key]\n                    };\n                }\n            }\n        }\n\n        return result;\n    }\n}\n"],"mappings":"AAOA,OAAO,MAAMA,iBAAiB,CAAC;EAG3BC,WAAWA,CAACC,WAAqB,EAAE;IAC/B,IAAI,CAACA,WAAW,GAAGA,WAAW;EAClC;EAEOC,WAAWA,CAACC,QAAiC,EAAEC,UAAkB,EAAE;IACtE,MAAMC,MAAiD,GAAG;MACtDC,OAAO,EAAEH,QAAQ,CAACG,OAAO;MACzBC,MAAM,EAAE;QAAE,IAAIJ,QAAQ,CAACI,MAAM,IAAI,CAAC,CAAC;MAAE,CAAC;MACtCC,MAAM,EAAE;QAAE,IAAIL,QAAQ,CAACK,MAAM,IAAI,CAAC,CAAC;MAAE;IACzC,CAAC;IAED,MAAMC,SAAS,GAAGN,QAAQ,CAACM,SAAS,IAAI,CAAC,CAAC;IAE1C,IAAIC,IAAI,GAAG,IAAI,CAACT,WAAW,CAACU,OAAO,CAACP,UAAU,CAAC;IAC/C,IAAIM,IAAI,KAAK,CAAC,CAAC,EAAE;MACbA,IAAI,GAAG,CAAC;IACZ;IAEA,KAAK,IAAIE,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAIF,IAAI,EAAEE,CAAC,EAAE,EAAE;MAC5B,MAAMC,EAAE,GAAG,IAAI,CAACZ,WAAW,CAACW,CAAC,CAAC;MAC9B,MAAME,QAAQ,GAAGL,SAAS,CAACI,EAAE,CAAC;MAC9B,IAAI,CAACC,QAAQ,EAAE;QACX;MACJ;MAEA,IAAIA,QAAQ,CAACP,MAAM,EAAE;QACjB,KAAK,MAAMQ,GAAG,IAAID,QAAQ,CAACP,MAAM,EAAE;UAC/BF,MAAM,CAACE,MAAM,CAACQ,GAAG,CAAC,GAAG;YACjB,IAAIV,MAAM,CAACE,MAAM,CAAEQ,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;YAC9B,GAAGD,QAAQ,CAACP,MAAM,CAACQ,GAAG;UAC1B,CAAC;QACL;MACJ;MAEA,IAAID,QAAQ,CAACN,MAAM,EAAE;QACjB,KAAK,MAAMQ,QAAQ,IAAIF,QAAQ,CAACN,MAAM,EAAE;UACpC,MAAMO,GAAG,GAAGC,QAA+B;UAC3C;UACAX,MAAM,CAACG,MAAM,CAACO,GAAG,CAAC,GAAG;YACjB,IAAIV,MAAM,CAACG,MAAM,CAACO,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7B,GAAGD,QAAQ,CAACN,MAAM,CAACO,GAAG;UAC1B,CAAC;QACL;MACJ;IACJ;IAEA,OAAOV,MAAM;EACjB;AACJ","ignoreList":[]}
+{"version":3,"file":"BindingsProcessor.js","sources":["../src/BindingsProcessor.ts"],"sourcesContent":["import type { DocumentElementBindings, CssProperties } from \"~/types.js\";\n\ntype RequiredBindings<T extends DocumentElementBindings> = T & {\n    inputs: NonNullable<T[\"inputs\"]>;\n    styles: NonNullable<T[\"styles\"]>;\n};\n\nexport class BindingsProcessor {\n    private readonly breakpoints: string[];\n\n    constructor(breakpoints: string[]) {\n        this.breakpoints = breakpoints;\n    }\n\n    public getBindings(bindings: DocumentElementBindings, breakpoint: string) {\n        const result: RequiredBindings<DocumentElementBindings> = {\n            $repeat: bindings.$repeat,\n            inputs: { ...(bindings.inputs || {}) },\n            styles: { ...(bindings.styles || {}) }\n        };\n\n        const overrides = bindings.overrides ?? {};\n\n        let upTo = this.breakpoints.indexOf(breakpoint);\n        if (upTo === -1) {\n            upTo = 0;\n        }\n\n        for (let i = 0; i <= upTo; i++) {\n            const bp = this.breakpoints[i];\n            const override = overrides[bp];\n            if (!override) {\n                continue;\n            }\n\n            if (override.inputs) {\n                for (const key in override.inputs) {\n                    result.inputs[key] = {\n                        ...(result.inputs![key] || {}),\n                        ...override.inputs[key]\n                    };\n                }\n            }\n\n            if (override.styles) {\n                for (const styleKey in override.styles) {\n                    const key = styleKey as keyof CssProperties;\n                    // @ts-expect-error It's hard to make CSS properties happy.\n                    result.styles[key] = {\n                        ...(result.styles[key] || {}),\n                        ...override.styles[key]\n                    };\n                }\n            }\n        }\n\n        return result;\n    }\n}\n"],"names":["BindingsProcessor","breakpoints","bindings","breakpoint","result","overrides","upTo","i","bp","override","key","styleKey"],"mappings":"AAOO,MAAMA;IAGT,YAAYC,WAAqB,CAAE;QAC/B,IAAI,CAAC,WAAW,GAAGA;IACvB;IAEO,YAAYC,QAAiC,EAAEC,UAAkB,EAAE;QACtE,MAAMC,SAAoD;YACtD,SAASF,SAAS,OAAO;YACzB,QAAQ;gBAAE,GAAIA,SAAS,MAAM,IAAI,CAAC,CAAC;YAAE;YACrC,QAAQ;gBAAE,GAAIA,SAAS,MAAM,IAAI,CAAC,CAAC;YAAE;QACzC;QAEA,MAAMG,YAAYH,SAAS,SAAS,IAAI,CAAC;QAEzC,IAAII,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAACH;QACpC,IAAIG,AAAS,OAATA,MACAA,OAAO;QAGX,IAAK,IAAIC,IAAI,GAAGA,KAAKD,MAAMC,IAAK;YAC5B,MAAMC,KAAK,IAAI,CAAC,WAAW,CAACD,EAAE;YAC9B,MAAME,WAAWJ,SAAS,CAACG,GAAG;YAC9B,IAAKC;gBAIL,IAAIA,SAAS,MAAM,EACf,IAAK,MAAMC,OAAOD,SAAS,MAAM,CAC7BL,OAAO,MAAM,CAACM,IAAI,GAAG;oBACjB,GAAIN,OAAO,MAAO,CAACM,IAAI,IAAI,CAAC,CAAC;oBAC7B,GAAGD,SAAS,MAAM,CAACC,IAAI;gBAC3B;gBAIR,IAAID,SAAS,MAAM,EACf,IAAK,MAAME,YAAYF,SAAS,MAAM,CAAE;oBACpC,MAAMC,MAAMC;oBAEZP,OAAO,MAAM,CAACM,IAAI,GAAG;wBACjB,GAAIN,OAAO,MAAM,CAACM,IAAI,IAAI,CAAC,CAAC;wBAC5B,GAAGD,SAAS,MAAM,CAACC,IAAI;oBAC3B;gBACJ;;QAER;QAEA,OAAON;IACX;AACJ"}

package/BindingsProcessor.test.js

@@ -1,87 +1,91 @@
-import { describe, it, expect } from "vitest";
+import { describe, expect, it } from "vitest";
 import { BindingsProcessor } from "./BindingsProcessor.js";
-describe("BindingsProcessor", () => {
-  const breakpoints = ["desktop", "tablet", "mobile"];
-  const processor = new BindingsProcessor(breakpoints);
-  const bindings = {
-    inputs: {
-      title: {
-        id: "title",
-        static: "Hello",
-        type: "text"
-      },
-      count: {
-        id: "count",
-        static: 1,
-        type: "number",
-        expression: "$state.count"
-      }
-    },
-    styles: {
-      paddingTop: {
-        static: "10px"
-      },
-      backgroundColor: {
-        static: "white"
-      }
-    },
-    overrides: {
-      tablet: {
+describe("BindingsProcessor", ()=>{
+    const breakpoints = [
+        "desktop",
+        "tablet",
+        "mobile"
+    ];
+    const processor = new BindingsProcessor(breakpoints);
+    const bindings = {
         inputs: {
-          title: {
-            id: "title",
-            static: "Hello Tablet",
-            type: "text"
-          }
+            title: {
+                id: "title",
+                static: "Hello",
+                type: "text"
+            },
+            count: {
+                id: "count",
+                static: 1,
+                type: "number",
+                expression: "$state.count"
+            }
         },
         styles: {
-          backgroundColor: {
-            static: "gray"
-          }
-        }
-      },
-      mobile: {
-        inputs: {
-          count: {
-            id: "count",
-            static: 3,
-            type: "number"
-          }
+            paddingTop: {
+                static: "10px"
+            },
+            backgroundColor: {
+                static: "white"
+            }
         },
-        styles: {
-          paddingTop: {
-            static: "5px"
-          }
+        overrides: {
+            tablet: {
+                inputs: {
+                    title: {
+                        id: "title",
+                        static: "Hello Tablet",
+                        type: "text"
+                    }
+                },
+                styles: {
+                    backgroundColor: {
+                        static: "gray"
+                    }
+                }
+            },
+            mobile: {
+                inputs: {
+                    count: {
+                        id: "count",
+                        static: 3,
+                        type: "number"
+                    }
+                },
+                styles: {
+                    paddingTop: {
+                        static: "5px"
+                    }
+                }
+            }
         }
-      }
-    }
-  };
-  it("should return unmodified bindings when base breakpoint is specified", () => {
-    const result = processor.getBindings(bindings, "desktop");
-    expect(result.inputs).toEqual(bindings.inputs);
-    expect(result.styles).toEqual(bindings.styles);
-  });
-  it("should merge tablet overrides", () => {
-    const result = processor.getBindings(bindings, "tablet");
-    expect(result.inputs?.title.static).toBe("Hello Tablet");
-    expect(result.inputs?.count.static).toBe(1);
-    expect(result.inputs?.count.expression).toBe("$state.count");
-    expect(result.styles?.backgroundColor?.static).toBe("gray");
-    expect(result.styles?.paddingTop?.static).toBe("10px");
-  });
-  it("should merge mobile and tablet overrides", () => {
-    const result = processor.getBindings(bindings, "mobile");
-    expect(result.inputs?.title.static).toBe("Hello Tablet");
-    expect(result.inputs?.count.static).toBe(3);
-    expect(result.inputs?.count.expression).toBe("$state.count");
-    expect(result.styles?.backgroundColor?.static).toBe("gray");
-    expect(result.styles?.paddingTop?.static).toBe("5px");
-  });
-  it("should ignore unknown breakpoints", () => {
-    const result = processor.getBindings(bindings, "unknown");
-    expect(result.inputs).toEqual(bindings.inputs);
-    expect(result.styles).toEqual(bindings.styles);
-  });
+    };
+    it("should return unmodified bindings when base breakpoint is specified", ()=>{
+        const result = processor.getBindings(bindings, "desktop");
+        expect(result.inputs).toEqual(bindings.inputs);
+        expect(result.styles).toEqual(bindings.styles);
+    });
+    it("should merge tablet overrides", ()=>{
+        const result = processor.getBindings(bindings, "tablet");
+        expect(result.inputs?.title.static).toBe("Hello Tablet");
+        expect(result.inputs?.count.static).toBe(1);
+        expect(result.inputs?.count.expression).toBe("$state.count");
+        expect(result.styles?.backgroundColor?.static).toBe("gray");
+        expect(result.styles?.paddingTop?.static).toBe("10px");
+    });
+    it("should merge mobile and tablet overrides", ()=>{
+        const result = processor.getBindings(bindings, "mobile");
+        expect(result.inputs?.title.static).toBe("Hello Tablet");
+        expect(result.inputs?.count.static).toBe(3);
+        expect(result.inputs?.count.expression).toBe("$state.count");
+        expect(result.styles?.backgroundColor?.static).toBe("gray");
+        expect(result.styles?.paddingTop?.static).toBe("5px");
+    });
+    it("should ignore unknown breakpoints", ()=>{
+        const result = processor.getBindings(bindings, "unknown");
+        expect(result.inputs).toEqual(bindings.inputs);
+        expect(result.styles).toEqual(bindings.styles);
+    });
 });
 
 //# sourceMappingURL=BindingsProcessor.test.js.map

package/BindingsProcessor.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["describe","it","expect","BindingsProcessor","breakpoints","processor","bindings","inputs","title","id","static","type","count","expression","styles","paddingTop","backgroundColor","overrides","tablet","mobile","result","getBindings","toEqual","toBe"],"sources":["BindingsProcessor.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { BindingsProcessor } from \"./BindingsProcessor.js\";\nimport type { DocumentElementBindings } from \"~/types.js\";\n\ndescribe(\"BindingsProcessor\", () => {\n    const breakpoints = [\"desktop\", \"tablet\", \"mobile\"];\n    const processor = new BindingsProcessor(breakpoints);\n\n    const bindings: DocumentElementBindings = {\n        inputs: {\n            title: { id: \"title\", static: \"Hello\", type: \"text\" },\n            count: { id: \"count\", static: 1, type: \"number\", expression: \"$state.count\" }\n        },\n        styles: {\n            paddingTop: { static: \"10px\" },\n            backgroundColor: { static: \"white\" }\n        },\n        overrides: {\n            tablet: {\n                inputs: {\n                    title: { id: \"title\", static: \"Hello Tablet\", type: \"text\" }\n                },\n                styles: {\n                    backgroundColor: { static: \"gray\" }\n                }\n            },\n            mobile: {\n                inputs: {\n                    count: { id: \"count\", static: 3, type: \"number\" }\n                },\n                styles: {\n                    paddingTop: { static: \"5px\" }\n                }\n            }\n        }\n    };\n\n    it(\"should return unmodified bindings when base breakpoint is specified\", () => {\n        const result = processor.getBindings(bindings, \"desktop\");\n        expect(result.inputs).toEqual(bindings.inputs);\n        expect(result.styles).toEqual(bindings.styles);\n    });\n\n    it(\"should merge tablet overrides\", () => {\n        const result = processor.getBindings(bindings, \"tablet\");\n        expect(result.inputs?.title.static).toBe(\"Hello Tablet\");\n        expect(result.inputs?.count.static).toBe(1);\n        expect(result.inputs?.count.expression).toBe(\"$state.count\");\n        expect(result.styles?.backgroundColor?.static).toBe(\"gray\");\n        expect(result.styles?.paddingTop?.static).toBe(\"10px\");\n    });\n\n    it(\"should merge mobile and tablet overrides\", () => {\n        const result = processor.getBindings(bindings, \"mobile\");\n        expect(result.inputs?.title.static).toBe(\"Hello Tablet\");\n        expect(result.inputs?.count.static).toBe(3);\n        expect(result.inputs?.count.expression).toBe(\"$state.count\");\n        expect(result.styles?.backgroundColor?.static).toBe(\"gray\");\n        expect(result.styles?.paddingTop?.static).toBe(\"5px\");\n    });\n\n    it(\"should ignore unknown breakpoints\", () => {\n        const result = processor.getBindings(bindings, \"unknown\");\n        expect(result.inputs).toEqual(bindings.inputs);\n        expect(result.styles).toEqual(bindings.styles);\n    });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BindingsProcessor.test.js","sources":["../src/BindingsProcessor.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { BindingsProcessor } from \"./BindingsProcessor.js\";\nimport type { DocumentElementBindings } from \"~/types.js\";\n\ndescribe(\"BindingsProcessor\", () => {\n    const breakpoints = [\"desktop\", \"tablet\", \"mobile\"];\n    const processor = new BindingsProcessor(breakpoints);\n\n    const bindings: DocumentElementBindings = {\n        inputs: {\n            title: { id: \"title\", static: \"Hello\", type: \"text\" },\n            count: { id: \"count\", static: 1, type: \"number\", expression: \"$state.count\" }\n        },\n        styles: {\n            paddingTop: { static: \"10px\" },\n            backgroundColor: { static: \"white\" }\n        },\n        overrides: {\n            tablet: {\n                inputs: {\n                    title: { id: \"title\", static: \"Hello Tablet\", type: \"text\" }\n                },\n                styles: {\n                    backgroundColor: { static: \"gray\" }\n                }\n            },\n            mobile: {\n                inputs: {\n                    count: { id: \"count\", static: 3, type: \"number\" }\n                },\n                styles: {\n                    paddingTop: { static: \"5px\" }\n                }\n            }\n        }\n    };\n\n    it(\"should return unmodified bindings when base breakpoint is specified\", () => {\n        const result = processor.getBindings(bindings, \"desktop\");\n        expect(result.inputs).toEqual(bindings.inputs);\n        expect(result.styles).toEqual(bindings.styles);\n    });\n\n    it(\"should merge tablet overrides\", () => {\n        const result = processor.getBindings(bindings, \"tablet\");\n        expect(result.inputs?.title.static).toBe(\"Hello Tablet\");\n        expect(result.inputs?.count.static).toBe(1);\n        expect(result.inputs?.count.expression).toBe(\"$state.count\");\n        expect(result.styles?.backgroundColor?.static).toBe(\"gray\");\n        expect(result.styles?.paddingTop?.static).toBe(\"10px\");\n    });\n\n    it(\"should merge mobile and tablet overrides\", () => {\n        const result = processor.getBindings(bindings, \"mobile\");\n        expect(result.inputs?.title.static).toBe(\"Hello Tablet\");\n        expect(result.inputs?.count.static).toBe(3);\n        expect(result.inputs?.count.expression).toBe(\"$state.count\");\n        expect(result.styles?.backgroundColor?.static).toBe(\"gray\");\n        expect(result.styles?.paddingTop?.static).toBe(\"5px\");\n    });\n\n    it(\"should ignore unknown breakpoints\", () => {\n        const result = processor.getBindings(bindings, \"unknown\");\n        expect(result.inputs).toEqual(bindings.inputs);\n        expect(result.styles).toEqual(bindings.styles);\n    });\n});\n"],"names":["describe","breakpoints","processor","BindingsProcessor","bindings","it","result","expect"],"mappings":";;AAIAA,SAAS,qBAAqB;IAC1B,MAAMC,cAAc;QAAC;QAAW;QAAU;KAAS;IACnD,MAAMC,YAAY,IAAIC,kBAAkBF;IAExC,MAAMG,WAAoC;QACtC,QAAQ;YACJ,OAAO;gBAAE,IAAI;gBAAS,QAAQ;gBAAS,MAAM;YAAO;YACpD,OAAO;gBAAE,IAAI;gBAAS,QAAQ;gBAAG,MAAM;gBAAU,YAAY;YAAe;QAChF;QACA,QAAQ;YACJ,YAAY;gBAAE,QAAQ;YAAO;YAC7B,iBAAiB;gBAAE,QAAQ;YAAQ;QACvC;QACA,WAAW;YACP,QAAQ;gBACJ,QAAQ;oBACJ,OAAO;wBAAE,IAAI;wBAAS,QAAQ;wBAAgB,MAAM;oBAAO;gBAC/D;gBACA,QAAQ;oBACJ,iBAAiB;wBAAE,QAAQ;oBAAO;gBACtC;YACJ;YACA,QAAQ;gBACJ,QAAQ;oBACJ,OAAO;wBAAE,IAAI;wBAAS,QAAQ;wBAAG,MAAM;oBAAS;gBACpD;gBACA,QAAQ;oBACJ,YAAY;wBAAE,QAAQ;oBAAM;gBAChC;YACJ;QACJ;IACJ;IAEAC,GAAG,uEAAuE;QACtE,MAAMC,SAASJ,UAAU,WAAW,CAACE,UAAU;QAC/CG,OAAOD,OAAO,MAAM,EAAE,OAAO,CAACF,SAAS,MAAM;QAC7CG,OAAOD,OAAO,MAAM,EAAE,OAAO,CAACF,SAAS,MAAM;IACjD;IAEAC,GAAG,iCAAiC;QAChC,MAAMC,SAASJ,UAAU,WAAW,CAACE,UAAU;QAC/CG,OAAOD,OAAO,MAAM,EAAE,MAAM,QAAQ,IAAI,CAAC;QACzCC,OAAOD,OAAO,MAAM,EAAE,MAAM,QAAQ,IAAI,CAAC;QACzCC,OAAOD,OAAO,MAAM,EAAE,MAAM,YAAY,IAAI,CAAC;QAC7CC,OAAOD,OAAO,MAAM,EAAE,iBAAiB,QAAQ,IAAI,CAAC;QACpDC,OAAOD,OAAO,MAAM,EAAE,YAAY,QAAQ,IAAI,CAAC;IACnD;IAEAD,GAAG,4CAA4C;QAC3C,MAAMC,SAASJ,UAAU,WAAW,CAACE,UAAU;QAC/CG,OAAOD,OAAO,MAAM,EAAE,MAAM,QAAQ,IAAI,CAAC;QACzCC,OAAOD,OAAO,MAAM,EAAE,MAAM,QAAQ,IAAI,CAAC;QACzCC,OAAOD,OAAO,MAAM,EAAE,MAAM,YAAY,IAAI,CAAC;QAC7CC,OAAOD,OAAO,MAAM,EAAE,iBAAiB,QAAQ,IAAI,CAAC;QACpDC,OAAOD,OAAO,MAAM,EAAE,YAAY,QAAQ,IAAI,CAAC;IACnD;IAEAD,GAAG,qCAAqC;QACpC,MAAMC,SAASJ,UAAU,WAAW,CAACE,UAAU;QAC/CG,OAAOD,OAAO,MAAM,EAAE,OAAO,CAACF,SAAS,MAAM;QAC7CG,OAAOD,OAAO,MAAM,EAAE,OAAO,CAACF,SAAS,MAAM;IACjD;AACJ"}