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

package/StylesUpdater.d.ts

@@ -6,5 +6,5 @@ export declare class StylesUpdater implements IBindingsUpdater {
     private elementId;
     constructor(elementId: string, bindings: ElementStylesBindings);
     applyToDocument(document: Document): void;
-    createJsonPatch(bindings: DocumentElementBindings): import("./jsonPatch.js").JsonPatchOperation[];
+    createJsonPatch(bindings: DocumentElementBindings): import("fast-json-patch").Operation[];
 }

package/StylesUpdater.js

@@ -1,34 +1,29 @@
 import { jsonPatch } from "./jsonPatch.js";
 import set from "lodash/set.js";
-export class StylesUpdater {
-  constructor(elementId, bindings) {
-    this.elementId = elementId;
-    this.bindings = bindings;
-  }
-  applyToDocument(document) {
-    if (this.bindings.styles) {
-      document.bindings[this.elementId].styles = this.bindings.styles;
+class StylesUpdater {
+    constructor(elementId, bindings){
+        this.elementId = elementId;
+        this.bindings = bindings;
     }
-    if (this.bindings.overrides) {
-      for (const [bp, overrides] of Object.entries(this.bindings.overrides)) {
-        if (overrides.styles) {
-          set(document.bindings, `${this.elementId}.overrides.${bp}.styles`, structuredClone(this.bindings.overrides[bp].styles));
+    applyToDocument(document) {
+        if (this.bindings.styles) document.bindings[this.elementId].styles = this.bindings.styles;
+        if (this.bindings.overrides) {
+            for (const [bp, overrides] of Object.entries(this.bindings.overrides))if (overrides.styles) set(document.bindings, `${this.elementId}.overrides.${bp}.styles`, structuredClone(this.bindings.overrides[bp].styles));
         }
-      }
     }
-  }
-  createJsonPatch(bindings) {
-    const toCompare = {
-      ...this.bindings
-    };
-    if (Object.keys(toCompare.overrides ?? {}).length === 0) {
-      delete toCompare.overrides;
+    createJsonPatch(bindings) {
+        const toCompare = {
+            ...this.bindings
+        };
+        if (0 === Object.keys(toCompare.overrides ?? {}).length) delete toCompare.overrides;
+        const ignore = [
+            "/inputs",
+            "/overrides/inputs",
+            "/metadata"
+        ];
+        return jsonPatch.compare(bindings, toCompare).filter((op)=>!ignore.some((prefix)=>op.path.startsWith(prefix)));
     }
-    const ignore = ["/inputs", "/overrides/inputs", "/metadata"];
-    return jsonPatch.compare(bindings, toCompare).filter(op => {
-      return !ignore.some(prefix => op.path.startsWith(prefix));
-    });
-  }
 }
+export { StylesUpdater };
 
 //# sourceMappingURL=StylesUpdater.js.map

package/StylesUpdater.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsonPatch","set","StylesUpdater","constructor","elementId","bindings","applyToDocument","document","styles","overrides","bp","Object","entries","structuredClone","createJsonPatch","toCompare","keys","length","ignore","compare","filter","op","some","prefix","path","startsWith"],"sources":["StylesUpdater.ts"],"sourcesContent":["import { jsonPatch } from \"~/jsonPatch.js\";\nimport set from \"lodash/set.js\";\nimport type { Document, DocumentElementBindings } from \"./types.js\";\nimport type { IBindingsUpdater } from \"./IBindingsUpdater.js\";\nimport type { ElementStylesBindings } from \"./StylesBindingsProcessor.js\";\n\nexport class StylesUpdater implements IBindingsUpdater {\n    private readonly bindings: ElementStylesBindings;\n    private elementId: string;\n\n    constructor(elementId: string, bindings: ElementStylesBindings) {\n        this.elementId = elementId;\n        this.bindings = bindings;\n    }\n\n    applyToDocument(document: Document) {\n        if (this.bindings.styles) {\n            document.bindings[this.elementId].styles = this.bindings.styles;\n        }\n\n        if (this.bindings.overrides) {\n            for (const [bp, overrides] of Object.entries(this.bindings.overrides)) {\n                if (overrides.styles) {\n                    set(\n                        document.bindings,\n                        `${this.elementId}.overrides.${bp}.styles`,\n                        structuredClone(this.bindings.overrides[bp].styles)\n                    );\n                }\n            }\n        }\n    }\n\n    createJsonPatch(bindings: DocumentElementBindings) {\n        const toCompare: Partial<DocumentElementBindings> = { ...this.bindings };\n        if (Object.keys(toCompare.overrides ?? {}).length === 0) {\n            delete toCompare.overrides;\n        }\n\n        const ignore = [\"/inputs\", \"/overrides/inputs\", \"/metadata\"];\n\n        return jsonPatch.compare(bindings, toCompare).filter(op => {\n            return !ignore.some(prefix => op.path.startsWith(prefix));\n        });\n    }\n}\n"],"mappings":"AAAA,SAASA,SAAS;AAClB,OAAOC,GAAG,MAAM,eAAe;AAK/B,OAAO,MAAMC,aAAa,CAA6B;EAInDC,WAAWA,CAACC,SAAiB,EAAEC,QAA+B,EAAE;IAC5D,IAAI,CAACD,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACC,QAAQ,GAAGA,QAAQ;EAC5B;EAEAC,eAAeA,CAACC,QAAkB,EAAE;IAChC,IAAI,IAAI,CAACF,QAAQ,CAACG,MAAM,EAAE;MACtBD,QAAQ,CAACF,QAAQ,CAAC,IAAI,CAACD,SAAS,CAAC,CAACI,MAAM,GAAG,IAAI,CAACH,QAAQ,CAACG,MAAM;IACnE;IAEA,IAAI,IAAI,CAACH,QAAQ,CAACI,SAAS,EAAE;MACzB,KAAK,MAAM,CAACC,EAAE,EAAED,SAAS,CAAC,IAAIE,MAAM,CAACC,OAAO,CAAC,IAAI,CAACP,QAAQ,CAACI,SAAS,CAAC,EAAE;QACnE,IAAIA,SAAS,CAACD,MAAM,EAAE;UAClBP,GAAG,CACCM,QAAQ,CAACF,QAAQ,EACjB,GAAG,IAAI,CAACD,SAAS,cAAcM,EAAE,SAAS,EAC1CG,eAAe,CAAC,IAAI,CAACR,QAAQ,CAACI,SAAS,CAACC,EAAE,CAAC,CAACF,MAAM,CACtD,CAAC;QACL;MACJ;IACJ;EACJ;EAEAM,eAAeA,CAACT,QAAiC,EAAE;IAC/C,MAAMU,SAA2C,GAAG;MAAE,GAAG,IAAI,CAACV;IAAS,CAAC;IACxE,IAAIM,MAAM,CAACK,IAAI,CAACD,SAAS,CAACN,SAAS,IAAI,CAAC,CAAC,CAAC,CAACQ,MAAM,KAAK,CAAC,EAAE;MACrD,OAAOF,SAAS,CAACN,SAAS;IAC9B;IAEA,MAAMS,MAAM,GAAG,CAAC,SAAS,EAAE,mBAAmB,EAAE,WAAW,CAAC;IAE5D,OAAOlB,SAAS,CAACmB,OAAO,CAACd,QAAQ,EAAEU,SAAS,CAAC,CAACK,MAAM,CAACC,EAAE,IAAI;MACvD,OAAO,CAACH,MAAM,CAACI,IAAI,CAACC,MAAM,IAAIF,EAAE,CAACG,IAAI,CAACC,UAAU,CAACF,MAAM,CAAC,CAAC;IAC7D,CAAC,CAAC;EACN;AACJ","ignoreList":[]}
+{"version":3,"file":"StylesUpdater.js","sources":["../src/StylesUpdater.ts"],"sourcesContent":["import { jsonPatch } from \"~/jsonPatch.js\";\nimport set from \"lodash/set.js\";\nimport type { Document, DocumentElementBindings } from \"./types.js\";\nimport type { IBindingsUpdater } from \"./IBindingsUpdater.js\";\nimport type { ElementStylesBindings } from \"./StylesBindingsProcessor.js\";\n\nexport class StylesUpdater implements IBindingsUpdater {\n    private readonly bindings: ElementStylesBindings;\n    private elementId: string;\n\n    constructor(elementId: string, bindings: ElementStylesBindings) {\n        this.elementId = elementId;\n        this.bindings = bindings;\n    }\n\n    applyToDocument(document: Document) {\n        if (this.bindings.styles) {\n            document.bindings[this.elementId].styles = this.bindings.styles;\n        }\n\n        if (this.bindings.overrides) {\n            for (const [bp, overrides] of Object.entries(this.bindings.overrides)) {\n                if (overrides.styles) {\n                    set(\n                        document.bindings,\n                        `${this.elementId}.overrides.${bp}.styles`,\n                        structuredClone(this.bindings.overrides[bp].styles)\n                    );\n                }\n            }\n        }\n    }\n\n    createJsonPatch(bindings: DocumentElementBindings) {\n        const toCompare: Partial<DocumentElementBindings> = { ...this.bindings };\n        if (Object.keys(toCompare.overrides ?? {}).length === 0) {\n            delete toCompare.overrides;\n        }\n\n        const ignore = [\"/inputs\", \"/overrides/inputs\", \"/metadata\"];\n\n        return jsonPatch.compare(bindings, toCompare).filter(op => {\n            return !ignore.some(prefix => op.path.startsWith(prefix));\n        });\n    }\n}\n"],"names":["StylesUpdater","elementId","bindings","document","bp","overrides","Object","set","structuredClone","toCompare","ignore","jsonPatch","op","prefix"],"mappings":";;AAMO,MAAMA;IAIT,YAAYC,SAAiB,EAAEC,QAA+B,CAAE;QAC5D,IAAI,CAAC,SAAS,GAAGD;QACjB,IAAI,CAAC,QAAQ,GAAGC;IACpB;IAEA,gBAAgBC,QAAkB,EAAE;QAChC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,EACpBA,SAAS,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM;QAGnE,IAAI,IAAI,CAAC,QAAQ,CAAC,SAAS,EACvB;YAAA,KAAK,MAAM,CAACC,IAAIC,UAAU,IAAIC,OAAO,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,EAChE,IAAID,UAAU,MAAM,EAChBE,IACIJ,SAAS,QAAQ,EACjB,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,EAAEC,GAAG,OAAO,CAAC,EAC1CI,gBAAgB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAACJ,GAAG,CAAC,MAAM;QAG9D;IAER;IAEA,gBAAgBF,QAAiC,EAAE;QAC/C,MAAMO,YAA8C;YAAE,GAAG,IAAI,CAAC,QAAQ;QAAC;QACvE,IAAIH,AAAkD,MAAlDA,OAAO,IAAI,CAACG,UAAU,SAAS,IAAI,CAAC,GAAG,MAAM,EAC7C,OAAOA,UAAU,SAAS;QAG9B,MAAMC,SAAS;YAAC;YAAW;YAAqB;SAAY;QAE5D,OAAOC,UAAU,OAAO,CAACT,UAAUO,WAAW,MAAM,CAACG,CAAAA,KAC1C,CAACF,OAAO,IAAI,CAACG,CAAAA,SAAUD,GAAG,IAAI,CAAC,UAAU,CAACC;IAEzD;AACJ"}

package/Theme.js

@@ -1,36 +1,34 @@
-import deepMerge from "deepmerge";
+import deepmerge from "deepmerge";
 import { defaultBreakpoints } from "./defaultBreakpoints.js";
-import { createLexicalTheme } from "./lexical/createLexicalTheme.js";
-export class Theme {
-  static from(input) {
-    const {
-      custom = {},
-      ...builtInOverrides
-    } = input?.breakpoints ?? {};
-    const mergedBreakpoints = deepMerge.all([{}, defaultBreakpoints, builtInOverrides, custom]);
-    const breakpoints = [];
-    Object.entries(mergedBreakpoints ?? {}).forEach(([name, breakpoint]) => {
-      breakpoints.push({
-        name,
-        ...breakpoint
-      });
-    });
-    return {
-      css: input.css,
-      cssVariables: input.cssVariables,
-      fonts: input.fonts,
-      breakpoints: breakpoints.sort((a, b) => b.maxWidth - a.maxWidth),
-      lexical: createLexicalTheme(input?.lexical),
-      styles: {
-        colors: {
-          ...input?.styles?.colors
-        },
-        typography: {
-          ...input?.styles?.typography
-        }
-      }
-    };
-  }
+class Theme {
+    static from(input) {
+        const { custom = {}, ...builtInOverrides } = input?.breakpoints ?? {};
+        const mergedBreakpoints = deepmerge.all([
+            {},
+            defaultBreakpoints,
+            builtInOverrides,
+            custom
+        ]);
+        const breakpoints = [];
+        Object.entries(mergedBreakpoints ?? {}).forEach(([name, breakpoint])=>{
+            breakpoints.push({
+                name,
+                ...breakpoint
+            });
+        });
+        return {
+            css: input.css,
+            fonts: input.fonts,
+            fontSizes: input.fontSizes,
+            breakpoints: breakpoints.sort((a, b)=>b.maxWidth - a.maxWidth),
+            colors: input?.colors ?? [],
+            typography: {
+                ...input?.typography
+            },
+            allowCustomColors: input.allowCustomColors
+        };
+    }
 }
+export { Theme };
 
 //# sourceMappingURL=Theme.js.map

package/Theme.js.map

@@ -1 +1 @@
-{"version":3,"names":["deepMerge","defaultBreakpoints","createLexicalTheme","Theme","from","input","custom","builtInOverrides","breakpoints","mergedBreakpoints","all","Object","entries","forEach","name","breakpoint","push","css","cssVariables","fonts","sort","a","b","maxWidth","lexical","styles","colors","typography"],"sources":["Theme.ts"],"sourcesContent":["import deepMerge from \"deepmerge\";\nimport type {\n    Breakpoint,\n    WebsiteBuilderTheme,\n    WebsiteBuilderThemeInput\n} from \"~/types/WebsiteBuilderTheme.js\";\nimport { defaultBreakpoints } from \"~/defaultBreakpoints.js\";\nimport { createLexicalTheme } from \"~/lexical/createLexicalTheme.js\";\n\nexport class Theme {\n    static from(input: WebsiteBuilderThemeInput): WebsiteBuilderTheme {\n        const { custom = {}, ...builtInOverrides } = input?.breakpoints ?? {};\n\n        const mergedBreakpoints = deepMerge.all([\n            {},\n            defaultBreakpoints,\n            builtInOverrides,\n            custom\n        ]) as WebsiteBuilderThemeInput[\"breakpoints\"];\n\n        const breakpoints: Breakpoint[] = [];\n        Object.entries(mergedBreakpoints ?? {}).forEach(([name, breakpoint]) => {\n            breakpoints.push({\n                name,\n                ...(breakpoint as Omit<Breakpoint, \"name\">)\n            });\n        });\n\n        return {\n            css: input.css,\n            cssVariables: input.cssVariables,\n            fonts: input.fonts,\n            breakpoints: breakpoints.sort((a, b) => b.maxWidth - a.maxWidth),\n            lexical: createLexicalTheme(input?.lexical),\n            styles: {\n                colors: {\n                    ...input?.styles?.colors\n                },\n                typography: {\n                    ...input?.styles?.typography\n                }\n            }\n        };\n    }\n}\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,WAAW;AAMjC,SAASC,kBAAkB;AAC3B,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,KAAK,CAAC;EACf,OAAOC,IAAIA,CAACC,KAA+B,EAAuB;IAC9D,MAAM;MAAEC,MAAM,GAAG,CAAC,CAAC;MAAE,GAAGC;IAAiB,CAAC,GAAGF,KAAK,EAAEG,WAAW,IAAI,CAAC,CAAC;IAErE,MAAMC,iBAAiB,GAAGT,SAAS,CAACU,GAAG,CAAC,CACpC,CAAC,CAAC,EACFT,kBAAkB,EAClBM,gBAAgB,EAChBD,MAAM,CACT,CAA4C;IAE7C,MAAME,WAAyB,GAAG,EAAE;IACpCG,MAAM,CAACC,OAAO,CAACH,iBAAiB,IAAI,CAAC,CAAC,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,IAAI,EAAEC,UAAU,CAAC,KAAK;MACpEP,WAAW,CAACQ,IAAI,CAAC;QACbF,IAAI;QACJ,GAAIC;MACR,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,OAAO;MACHE,GAAG,EAAEZ,KAAK,CAACY,GAAG;MACdC,YAAY,EAAEb,KAAK,CAACa,YAAY;MAChCC,KAAK,EAAEd,KAAK,CAACc,KAAK;MAClBX,WAAW,EAAEA,WAAW,CAACY,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAACC,QAAQ,GAAGF,CAAC,CAACE,QAAQ,CAAC;MAChEC,OAAO,EAAEtB,kBAAkB,CAACG,KAAK,EAAEmB,OAAO,CAAC;MAC3CC,MAAM,EAAE;QACJC,MAAM,EAAE;UACJ,GAAGrB,KAAK,EAAEoB,MAAM,EAAEC;QACtB,CAAC;QACDC,UAAU,EAAE;UACR,GAAGtB,KAAK,EAAEoB,MAAM,EAAEE;QACtB;MACJ;IACJ,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"file":"Theme.js","sources":["../src/Theme.ts"],"sourcesContent":["import deepMerge from \"deepmerge\";\nimport type {\n    Breakpoint,\n    WebsiteBuilderTheme,\n    WebsiteBuilderThemeInput\n} from \"~/types/WebsiteBuilderTheme.js\";\nimport { defaultBreakpoints } from \"~/defaultBreakpoints.js\";\n\nexport class Theme {\n    static from(input: WebsiteBuilderThemeInput): WebsiteBuilderTheme {\n        const { custom = {}, ...builtInOverrides } = input?.breakpoints ?? {};\n\n        const mergedBreakpoints = deepMerge.all([\n            {},\n            defaultBreakpoints,\n            builtInOverrides,\n            custom\n        ]) as WebsiteBuilderThemeInput[\"breakpoints\"];\n\n        const breakpoints: Breakpoint[] = [];\n        Object.entries(mergedBreakpoints ?? {}).forEach(([name, breakpoint]) => {\n            breakpoints.push({\n                name,\n                ...(breakpoint as Omit<Breakpoint, \"name\">)\n            });\n        });\n\n        return {\n            css: input.css,\n            fonts: input.fonts,\n            fontSizes: input.fontSizes,\n            breakpoints: breakpoints.sort((a, b) => b.maxWidth - a.maxWidth),\n            colors: input?.colors ?? [],\n            typography: {\n                ...input?.typography\n            },\n            allowCustomColors: input.allowCustomColors\n        };\n    }\n}\n"],"names":["Theme","input","custom","builtInOverrides","mergedBreakpoints","deepMerge","defaultBreakpoints","breakpoints","Object","name","breakpoint","a","b"],"mappings":";;AAQO,MAAMA;IACT,OAAO,KAAKC,KAA+B,EAAuB;QAC9D,MAAM,EAAEC,SAAS,CAAC,CAAC,EAAE,GAAGC,kBAAkB,GAAGF,OAAO,eAAe,CAAC;QAEpE,MAAMG,oBAAoBC,UAAAA,GAAa,CAAC;YACpC,CAAC;YACDC;YACAH;YACAD;SACH;QAED,MAAMK,cAA4B,EAAE;QACpCC,OAAO,OAAO,CAACJ,qBAAqB,CAAC,GAAG,OAAO,CAAC,CAAC,CAACK,MAAMC,WAAW;YAC/DH,YAAY,IAAI,CAAC;gBACbE;gBACA,GAAIC,UAAU;YAClB;QACJ;QAEA,OAAO;YACH,KAAKT,MAAM,GAAG;YACd,OAAOA,MAAM,KAAK;YAClB,WAAWA,MAAM,SAAS;YAC1B,aAAaM,YAAY,IAAI,CAAC,CAACI,GAAGC,IAAMA,EAAE,QAAQ,GAAGD,EAAE,QAAQ;YAC/D,QAAQV,OAAO,UAAU,EAAE;YAC3B,YAAY;gBACR,GAAGA,OAAO,UAAU;YACxB;YACA,mBAAmBA,MAAM,iBAAiB;QAC9C;IACJ;AACJ"}

package/ViewportManager.d.ts

@@ -2,6 +2,8 @@ import type { Breakpoint } from "./types.js";
 export interface ViewportInfo {
     width: number;
     height: number;
+    scrollWidth: number;
+    scrollHeight: number;
     scrollX: number;
     scrollY: number;
     breakpoint: string;

package/ViewportManager.js

@@ -1,106 +1,98 @@
 "use client";
-
 import { environment } from "./Environment.js";
-export class ViewportManager {
-  /**
-   * We need this fallback breakpoint for server environments.
-   */
-  breakpoints = [{
-    name: "desktop",
-    title: "",
-    description: "",
-    icon: "",
-    minWidth: 0,
-    maxWidth: 4000
-  }];
-  constructor(timeout = 150) {
-    this.changeTimeout = timeout;
-    this.changeStartSubscribers = new Set();
-    this.changeEndSubscribers = new Set();
-    this.isChanging = false;
-    this.changeTimer = null;
-    this.handleViewportChange = this.handleViewportChange.bind(this);
-    this.handleResize = this.handleResize.bind(this);
-    if (environment.isClient()) {
-      window.addEventListener("resize", this.handleResize, {
-        passive: true
-      });
+class ViewportManager {
+    constructor(timeout = 150){
+        this.breakpoints = [
+            {
+                name: "desktop",
+                title: "",
+                description: "",
+                icon: "",
+                minWidth: 0,
+                maxWidth: 4000
+            }
+        ];
+        this.changeTimeout = timeout;
+        this.changeStartSubscribers = new Set();
+        this.changeEndSubscribers = new Set();
+        this.isChanging = false;
+        this.changeTimer = null;
+        this.handleViewportChange = this.handleViewportChange.bind(this);
+        this.handleResize = this.handleResize.bind(this);
+        if (environment.isClient()) window.addEventListener("resize", this.handleResize, {
+            passive: true
+        });
     }
-  }
-  setBreakpoints(breakpoints) {
-    this.breakpoints = breakpoints;
-  }
-  onViewportChangeStart(callback) {
-    this.changeStartSubscribers.add(callback);
-    return () => this.changeStartSubscribers.delete(callback);
-  }
-  onViewportChangeEnd(callback) {
-    this.changeEndSubscribers.add(callback);
-    return () => this.changeEndSubscribers.delete(callback);
-  }
-
-  /**
-   * Get the current viewport information
-   */
-  getViewport() {
-    return this.getViewportInfo();
-  }
-  destroy() {
-    if (environment.isClient()) {
-      window.removeEventListener("resize", this.handleResize);
-      if (this.changeTimer !== null) {
-        clearTimeout(this.changeTimer);
-      }
-      this.changeStartSubscribers.clear();
-      this.changeEndSubscribers.clear();
+    setBreakpoints(breakpoints) {
+        this.breakpoints = breakpoints;
+    }
+    onViewportChangeStart(callback) {
+        this.changeStartSubscribers.add(callback);
+        return ()=>this.changeStartSubscribers.delete(callback);
+    }
+    onViewportChangeEnd(callback) {
+        this.changeEndSubscribers.add(callback);
+        return ()=>this.changeEndSubscribers.delete(callback);
+    }
+    getViewport() {
+        return this.getViewportInfo();
+    }
+    destroy() {
+        if (environment.isClient()) {
+            window.removeEventListener("resize", this.handleResize);
+            if (null !== this.changeTimer) clearTimeout(this.changeTimer);
+            this.changeStartSubscribers.clear();
+            this.changeEndSubscribers.clear();
+        }
+    }
+    handleResize() {
+        this.handleViewportChange();
+    }
+    handleViewportChange() {
+        const viewportInfo = this.getViewportInfo();
+        if (!this.isChanging) {
+            this.isChanging = true;
+            this.notifySubscribers(this.changeStartSubscribers, viewportInfo);
+        }
+        if (null !== this.changeTimer) clearTimeout(this.changeTimer);
+        this.changeTimer = window.setTimeout(()=>{
+            this.isChanging = false;
+            this.notifySubscribers(this.changeEndSubscribers, viewportInfo);
+        }, this.changeTimeout);
     }
-  }
-  handleResize() {
-    this.handleViewportChange();
-  }
-  handleViewportChange() {
-    const viewportInfo = this.getViewportInfo();
-    if (!this.isChanging) {
-      this.isChanging = true;
-      this.notifySubscribers(this.changeStartSubscribers, viewportInfo);
+    getViewportInfo() {
+        const modes = [
+            ...this.breakpoints
+        ].reverse();
+        const viewport = environment.isClient() ? {
+            width: window.innerWidth,
+            height: window.innerHeight,
+            scrollWidth: window.document.body.scrollWidth,
+            scrollHeight: window.document.body.scrollHeight,
+            scrollX: window.scrollX,
+            scrollY: window.scrollY
+        } : {
+            height: 0,
+            width: 2000,
+            scrollHeight: 0,
+            scrollWidth: 2000,
+            scrollX: 0,
+            scrollY: 0
+        };
+        const [breakpoint] = modes.filter((mode)=>mode.maxWidth >= viewport.width);
+        return {
+            ...viewport,
+            breakpoint: breakpoint.name,
+            breakpoints: this.breakpoints
+        };
     }
-    if (this.changeTimer !== null) {
-      clearTimeout(this.changeTimer);
+    notifySubscribers(subscribers, viewportInfo) {
+        subscribers.forEach((callback)=>{
+            if ("function" == typeof callback) callback(viewportInfo);
+        });
     }
-    this.changeTimer = window.setTimeout(() => {
-      this.isChanging = false;
-      this.notifySubscribers(this.changeEndSubscribers, viewportInfo);
-    }, this.changeTimeout);
-  }
-  getViewportInfo() {
-    const modes = [...this.breakpoints].reverse();
-    const viewport = environment.isClient() ? {
-      width: window.innerWidth,
-      height: window.innerHeight,
-      scrollX: window.scrollX,
-      scrollY: window.scrollY
-    } : {
-      // During SSR or Next.js build, viewport is not available.
-      height: 0,
-      width: 2000,
-      scrollX: 0,
-      scrollY: 0
-    };
-    const [breakpoint] = modes.filter(mode => mode.maxWidth >= viewport.width);
-    return {
-      ...viewport,
-      breakpoint: breakpoint.name,
-      breakpoints: this.breakpoints
-    };
-  }
-  notifySubscribers(subscribers, viewportInfo) {
-    subscribers.forEach(callback => {
-      if (typeof callback === "function") {
-        callback(viewportInfo);
-      }
-    });
-  }
 }
-export const viewportManager = new ViewportManager();
+const viewportManager = new ViewportManager();
+export { ViewportManager, viewportManager };
 
 //# sourceMappingURL=ViewportManager.js.map

package/ViewportManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["environment","ViewportManager","breakpoints","name","title","description","icon","minWidth","maxWidth","constructor","timeout","changeTimeout","changeStartSubscribers","Set","changeEndSubscribers","isChanging","changeTimer","handleViewportChange","bind","handleResize","isClient","window","addEventListener","passive","setBreakpoints","onViewportChangeStart","callback","add","delete","onViewportChangeEnd","getViewport","getViewportInfo","destroy","removeEventListener","clearTimeout","clear","viewportInfo","notifySubscribers","setTimeout","modes","reverse","viewport","width","innerWidth","height","innerHeight","scrollX","scrollY","breakpoint","filter","mode","subscribers","forEach","viewportManager"],"sources":["ViewportManager.ts"],"sourcesContent":["\"use client\";\nimport type { Breakpoint } from \"~/types.js\";\nimport { environment } from \"~/Environment.js\";\n\nexport interface ViewportInfo {\n    width: number;\n    height: number;\n    scrollX: number;\n    scrollY: number;\n    breakpoint: string;\n    breakpoints: Breakpoint[];\n}\n\nexport class ViewportManager {\n    private readonly changeTimeout: number;\n    private readonly changeStartSubscribers: Set<(info: ViewportInfo) => void>;\n    private readonly changeEndSubscribers: Set<(info: ViewportInfo) => void>;\n    private isChanging: boolean;\n    private changeTimer: number | null;\n\n    /**\n     * We need this fallback breakpoint for server environments.\n     */\n    private breakpoints: Breakpoint[] = [\n        {\n            name: \"desktop\",\n            title: \"\",\n            description: \"\",\n            icon: \"\",\n            minWidth: 0,\n            maxWidth: 4000\n        }\n    ];\n\n    constructor(timeout: number = 150) {\n        this.changeTimeout = timeout;\n        this.changeStartSubscribers = new Set();\n        this.changeEndSubscribers = new Set();\n        this.isChanging = false;\n        this.changeTimer = null;\n\n        this.handleViewportChange = this.handleViewportChange.bind(this);\n        this.handleResize = this.handleResize.bind(this);\n\n        if (environment.isClient()) {\n            window.addEventListener(\"resize\", this.handleResize, { passive: true });\n        }\n    }\n\n    public setBreakpoints(breakpoints: Breakpoint[]) {\n        this.breakpoints = breakpoints;\n    }\n\n    public onViewportChangeStart(callback: (info: ViewportInfo) => void): () => void {\n        this.changeStartSubscribers.add(callback);\n        return () => this.changeStartSubscribers.delete(callback);\n    }\n\n    public onViewportChangeEnd(callback: (info: ViewportInfo) => void): () => void {\n        this.changeEndSubscribers.add(callback);\n        return () => this.changeEndSubscribers.delete(callback);\n    }\n\n    /**\n     * Get the current viewport information\n     */\n    public getViewport(): ViewportInfo {\n        return this.getViewportInfo();\n    }\n\n    public destroy(): void {\n        if (environment.isClient()) {\n            window.removeEventListener(\"resize\", this.handleResize);\n            if (this.changeTimer !== null) {\n                clearTimeout(this.changeTimer);\n            }\n            this.changeStartSubscribers.clear();\n            this.changeEndSubscribers.clear();\n        }\n    }\n\n    private handleResize(): void {\n        this.handleViewportChange();\n    }\n\n    private handleViewportChange(): void {\n        const viewportInfo = this.getViewportInfo();\n\n        if (!this.isChanging) {\n            this.isChanging = true;\n            this.notifySubscribers(this.changeStartSubscribers, viewportInfo);\n        }\n\n        if (this.changeTimer !== null) {\n            clearTimeout(this.changeTimer);\n        }\n\n        this.changeTimer = window.setTimeout(() => {\n            this.isChanging = false;\n            this.notifySubscribers(this.changeEndSubscribers, viewportInfo);\n        }, this.changeTimeout);\n    }\n\n    private getViewportInfo(): ViewportInfo {\n        const modes = [...this.breakpoints].reverse();\n        const viewport = environment.isClient()\n            ? {\n                  width: window.innerWidth,\n                  height: window.innerHeight,\n                  scrollX: window.scrollX,\n                  scrollY: window.scrollY\n              }\n            : {\n                  // During SSR or Next.js build, viewport is not available.\n                  height: 0,\n                  width: 2000,\n                  scrollX: 0,\n                  scrollY: 0\n              };\n\n        const [breakpoint] = modes.filter(mode => mode.maxWidth >= viewport.width);\n\n        return { ...viewport, breakpoint: breakpoint.name, breakpoints: this.breakpoints };\n    }\n\n    private notifySubscribers(\n        subscribers: Set<(info: ViewportInfo) => void>,\n        viewportInfo: ViewportInfo\n    ): void {\n        subscribers.forEach(callback => {\n            if (typeof callback === \"function\") {\n                callback(viewportInfo);\n            }\n        });\n    }\n}\n\nexport const viewportManager = new ViewportManager();\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ViewportManager.js","sources":["../src/ViewportManager.ts"],"sourcesContent":["\"use client\";\nimport type { Breakpoint } from \"~/types.js\";\nimport { environment } from \"~/Environment.js\";\n\nexport interface ViewportInfo {\n    width: number;\n    height: number;\n    scrollWidth: number;\n    scrollHeight: number;\n    scrollX: number;\n    scrollY: number;\n    breakpoint: string;\n    breakpoints: Breakpoint[];\n}\n\nexport class ViewportManager {\n    private readonly changeTimeout: number;\n    private readonly changeStartSubscribers: Set<(info: ViewportInfo) => void>;\n    private readonly changeEndSubscribers: Set<(info: ViewportInfo) => void>;\n    private isChanging: boolean;\n    private changeTimer: number | null;\n\n    /**\n     * We need this fallback breakpoint for server environments.\n     */\n    private breakpoints: Breakpoint[] = [\n        {\n            name: \"desktop\",\n            title: \"\",\n            description: \"\",\n            icon: \"\",\n            minWidth: 0,\n            maxWidth: 4000\n        }\n    ];\n\n    constructor(timeout: number = 150) {\n        this.changeTimeout = timeout;\n        this.changeStartSubscribers = new Set();\n        this.changeEndSubscribers = new Set();\n        this.isChanging = false;\n        this.changeTimer = null;\n\n        this.handleViewportChange = this.handleViewportChange.bind(this);\n        this.handleResize = this.handleResize.bind(this);\n\n        if (environment.isClient()) {\n            window.addEventListener(\"resize\", this.handleResize, { passive: true });\n        }\n    }\n\n    public setBreakpoints(breakpoints: Breakpoint[]) {\n        this.breakpoints = breakpoints;\n    }\n\n    public onViewportChangeStart(callback: (info: ViewportInfo) => void): () => void {\n        this.changeStartSubscribers.add(callback);\n        return () => this.changeStartSubscribers.delete(callback);\n    }\n\n    public onViewportChangeEnd(callback: (info: ViewportInfo) => void): () => void {\n        this.changeEndSubscribers.add(callback);\n        return () => this.changeEndSubscribers.delete(callback);\n    }\n\n    /**\n     * Get the current viewport information\n     */\n    public getViewport(): ViewportInfo {\n        return this.getViewportInfo();\n    }\n\n    public destroy(): void {\n        if (environment.isClient()) {\n            window.removeEventListener(\"resize\", this.handleResize);\n            if (this.changeTimer !== null) {\n                clearTimeout(this.changeTimer);\n            }\n            this.changeStartSubscribers.clear();\n            this.changeEndSubscribers.clear();\n        }\n    }\n\n    private handleResize(): void {\n        this.handleViewportChange();\n    }\n\n    private handleViewportChange(): void {\n        const viewportInfo = this.getViewportInfo();\n\n        if (!this.isChanging) {\n            this.isChanging = true;\n            this.notifySubscribers(this.changeStartSubscribers, viewportInfo);\n        }\n\n        if (this.changeTimer !== null) {\n            clearTimeout(this.changeTimer);\n        }\n\n        this.changeTimer = window.setTimeout(() => {\n            this.isChanging = false;\n            this.notifySubscribers(this.changeEndSubscribers, viewportInfo);\n        }, this.changeTimeout);\n    }\n\n    private getViewportInfo(): ViewportInfo {\n        const modes = [...this.breakpoints].reverse();\n        const viewport = environment.isClient()\n            ? {\n                  width: window.innerWidth,\n                  height: window.innerHeight,\n                  scrollWidth: window.document.body.scrollWidth,\n                  scrollHeight: window.document.body.scrollHeight,\n                  scrollX: window.scrollX,\n                  scrollY: window.scrollY\n              }\n            : {\n                  // During SSR or Next.js build, viewport is not available.\n                  height: 0,\n                  width: 2000,\n                  scrollHeight: 0,\n                  scrollWidth: 2000,\n                  scrollX: 0,\n                  scrollY: 0\n              };\n\n        const [breakpoint] = modes.filter(mode => mode.maxWidth >= viewport.width);\n\n        return { ...viewport, breakpoint: breakpoint.name, breakpoints: this.breakpoints };\n    }\n\n    private notifySubscribers(\n        subscribers: Set<(info: ViewportInfo) => void>,\n        viewportInfo: ViewportInfo\n    ): void {\n        subscribers.forEach(callback => {\n            if (typeof callback === \"function\") {\n                callback(viewportInfo);\n            }\n        });\n    }\n}\n\nexport const viewportManager = new ViewportManager();\n"],"names":["ViewportManager","timeout","Set","environment","window","breakpoints","callback","clearTimeout","viewportInfo","modes","viewport","breakpoint","mode","subscribers","viewportManager"],"mappings":";;AAeO,MAAMA;IAqBT,YAAYC,UAAkB,GAAG,CAAE;QAZlC,KACO,WAAW,GAAiB;YAChC;gBACI,MAAM;gBACN,OAAO;gBACP,aAAa;gBACb,MAAM;gBACN,UAAU;gBACV,UAAU;YACd;SACH;QAGG,IAAI,CAAC,aAAa,GAAGA;QACrB,IAAI,CAAC,sBAAsB,GAAG,IAAIC;QAClC,IAAI,CAAC,oBAAoB,GAAG,IAAIA;QAChC,IAAI,CAAC,UAAU,GAAG;QAClB,IAAI,CAAC,WAAW,GAAG;QAEnB,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI;QAC/D,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI;QAE/C,IAAIC,YAAY,QAAQ,IACpBC,OAAO,gBAAgB,CAAC,UAAU,IAAI,CAAC,YAAY,EAAE;YAAE,SAAS;QAAK;IAE7E;IAEO,eAAeC,WAAyB,EAAE;QAC7C,IAAI,CAAC,WAAW,GAAGA;IACvB;IAEO,sBAAsBC,QAAsC,EAAc;QAC7E,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAACA;QAChC,OAAO,IAAM,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAACA;IACpD;IAEO,oBAAoBA,QAAsC,EAAc;QAC3E,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAACA;QAC9B,OAAO,IAAM,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAACA;IAClD;IAKO,cAA4B;QAC/B,OAAO,IAAI,CAAC,eAAe;IAC/B;IAEO,UAAgB;QACnB,IAAIH,YAAY,QAAQ,IAAI;YACxBC,OAAO,mBAAmB,CAAC,UAAU,IAAI,CAAC,YAAY;YACtD,IAAI,AAAqB,SAArB,IAAI,CAAC,WAAW,EAChBG,aAAa,IAAI,CAAC,WAAW;YAEjC,IAAI,CAAC,sBAAsB,CAAC,KAAK;YACjC,IAAI,CAAC,oBAAoB,CAAC,KAAK;QACnC;IACJ;IAEQ,eAAqB;QACzB,IAAI,CAAC,oBAAoB;IAC7B;IAEQ,uBAA6B;QACjC,MAAMC,eAAe,IAAI,CAAC,eAAe;QAEzC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAClB,IAAI,CAAC,UAAU,GAAG;YAClB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,sBAAsB,EAAEA;QACxD;QAEA,IAAI,AAAqB,SAArB,IAAI,CAAC,WAAW,EAChBD,aAAa,IAAI,CAAC,WAAW;QAGjC,IAAI,CAAC,WAAW,GAAGH,OAAO,UAAU,CAAC;YACjC,IAAI,CAAC,UAAU,GAAG;YAClB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,EAAEI;QACtD,GAAG,IAAI,CAAC,aAAa;IACzB;IAEQ,kBAAgC;QACpC,MAAMC,QAAQ;eAAI,IAAI,CAAC,WAAW;SAAC,CAAC,OAAO;QAC3C,MAAMC,WAAWP,YAAY,QAAQ,KAC/B;YACI,OAAOC,OAAO,UAAU;YACxB,QAAQA,OAAO,WAAW;YAC1B,aAAaA,OAAO,QAAQ,CAAC,IAAI,CAAC,WAAW;YAC7C,cAAcA,OAAO,QAAQ,CAAC,IAAI,CAAC,YAAY;YAC/C,SAASA,OAAO,OAAO;YACvB,SAASA,OAAO,OAAO;QAC3B,IACA;YAEI,QAAQ;YACR,OAAO;YACP,cAAc;YACd,aAAa;YACb,SAAS;YACT,SAAS;QACb;QAEN,MAAM,CAACO,WAAW,GAAGF,MAAM,MAAM,CAACG,CAAAA,OAAQA,KAAK,QAAQ,IAAIF,SAAS,KAAK;QAEzE,OAAO;YAAE,GAAGA,QAAQ;YAAE,YAAYC,WAAW,IAAI;YAAE,aAAa,IAAI,CAAC,WAAW;QAAC;IACrF;IAEQ,kBACJE,WAA8C,EAC9CL,YAA0B,EACtB;QACJK,YAAY,OAAO,CAACP,CAAAA;YAChB,IAAI,AAAoB,cAApB,OAAOA,UACPA,SAASE;QAEjB;IACJ;AACJ;AAEO,MAAMM,kBAAkB,IAAId"}

package/assertBindingShapes.d.ts

@@ -0,0 +1,31 @@
+import type { DocumentElementBindings } from "./types.js";
+import type { InputAstNode } from "./ComponentManifestToAstConverter.js";
+/**
+ * A binding whose value does not match the shape its input declares.
+ */
+export interface BindingShapeViolation {
+    path: string;
+    /** What the input declares. */
+    declared: "list" | "scalar";
+    /** What the binding holds. */
+    found: "list" | "scalar";
+    value: unknown;
+}
+/**
+ * Checks a built element's bindings against the shapes its inputs declare.
+ *
+ * **Deliberately on the BINDINGS, not on the inputs handed to the factory.** A check on the inputs
+ * covers only the shapes that intermediate happens to carry, and the defect this exists for lived
+ * entirely downstream of it: the composition passed a correct array, and the traverser collapsed it
+ * to its last item while writing the bindings. An input-level check passed on all 34 occurrences
+ * while every one of those pages was failing to render. `stripInventedBindings` in the composition
+ * pipeline learned the same thing about invented destinations and says so in its own comment; this is
+ * that lesson paid for a second time.
+ *
+ * **READ THIS WITH the list tolerance in `BindingsResolver`, and do not remove one without the
+ * other.** This is the alarm: it fires where the bad write happens, so a writer that regresses is
+ * found rather than absorbed. The tolerance there is the recovery for documents already stored. Keep
+ * only the tolerance and a broken writer lives indefinitely, because nothing downstream ever looks
+ * wrong; keep only the alarm and every already-stored page stays broken.
+ */
+export declare const assertBindingShapes: (bindings: DocumentElementBindings, inputAst: InputAstNode[]) => BindingShapeViolation[];

package/assertBindingShapes.js

@@ -0,0 +1,64 @@
+const assertBindingShapes = (bindings, inputAst)=>{
+    const violations = [];
+    const inputs = bindings?.inputs ?? {};
+    const check = (nodes, prefix)=>{
+        for (const node of nodes){
+            const path = [
+                ...prefix,
+                node.name
+            ].join("/");
+            if (node.children.length > 0) {
+                if (node.list) {
+                    for (const index of indexesUnder(path, inputs))check(node.children, [
+                        ...prefix,
+                        `${node.name}/${index}`
+                    ]);
+                    continue;
+                }
+                check(node.children, [
+                    ...prefix,
+                    node.name
+                ]);
+                continue;
+            }
+            if (node.list) {
+                if (indexesUnder(path, inputs).length > 0) continue;
+                const binding = inputs[path];
+                if (!binding || !("static" in binding)) continue;
+                const value = binding.static;
+                if (null == value || Array.isArray(value)) continue;
+                violations.push({
+                    path,
+                    declared: "list",
+                    found: "scalar",
+                    value
+                });
+                continue;
+            }
+            const binding = inputs[path];
+            if (binding && "static" in binding && Array.isArray(binding.static)) violations.push({
+                path,
+                declared: "scalar",
+                found: "list",
+                value: binding.static
+            });
+        }
+    };
+    check(inputAst, []);
+    return violations;
+};
+const indexesUnder = (path, inputs)=>{
+    const seen = new Set();
+    const prefix = `${path}/`;
+    for (const key of Object.keys(inputs)){
+        if (!key.startsWith(prefix)) continue;
+        const index = Number.parseInt(key.slice(prefix.length).split("/")[0], 10);
+        if (Number.isInteger(index)) seen.add(index);
+    }
+    return [
+        ...seen
+    ].sort((a, b)=>a - b);
+};
+export { assertBindingShapes };
+
+//# sourceMappingURL=assertBindingShapes.js.map

package/assertBindingShapes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assertBindingShapes.js","sources":["../src/assertBindingShapes.ts"],"sourcesContent":["import type { DocumentElementBindings } from \"./types.js\";\nimport type { InputAstNode } from \"./ComponentManifestToAstConverter.js\";\n\n/**\n * A binding whose value does not match the shape its input declares.\n */\nexport interface BindingShapeViolation {\n    path: string;\n    /** What the input declares. */\n    declared: \"list\" | \"scalar\";\n    /** What the binding holds. */\n    found: \"list\" | \"scalar\";\n    value: unknown;\n}\n\n/**\n * Checks a built element's bindings against the shapes its inputs declare.\n *\n * **Deliberately on the BINDINGS, not on the inputs handed to the factory.** A check on the inputs\n * covers only the shapes that intermediate happens to carry, and the defect this exists for lived\n * entirely downstream of it: the composition passed a correct array, and the traverser collapsed it\n * to its last item while writing the bindings. An input-level check passed on all 34 occurrences\n * while every one of those pages was failing to render. `stripInventedBindings` in the composition\n * pipeline learned the same thing about invented destinations and says so in its own comment; this is\n * that lesson paid for a second time.\n *\n * **READ THIS WITH the list tolerance in `BindingsResolver`, and do not remove one without the\n * other.** This is the alarm: it fires where the bad write happens, so a writer that regresses is\n * found rather than absorbed. The tolerance there is the recovery for documents already stored. Keep\n * only the tolerance and a broken writer lives indefinitely, because nothing downstream ever looks\n * wrong; keep only the alarm and every already-stored page stays broken.\n */\nexport const assertBindingShapes = (\n    bindings: DocumentElementBindings,\n    inputAst: InputAstNode[]\n): BindingShapeViolation[] => {\n    const violations: BindingShapeViolation[] = [];\n    const inputs = bindings?.inputs ?? {};\n\n    const check = (nodes: InputAstNode[], prefix: string[]): void => {\n        for (const node of nodes) {\n            const path = [...prefix, node.name].join(\"/\");\n\n            if (node.children.length > 0) {\n                // An object list is stored element-wise (`rows/0/label`), so its own path holds no\n                // value to check; its children are checked under each index that exists.\n                if (node.list) {\n                    for (const index of indexesUnder(path, inputs)) {\n                        check(node.children, [...prefix, `${node.name}/${index}`]);\n                    }\n                    continue;\n                }\n                check(node.children, [...prefix, node.name]);\n                continue;\n            }\n\n            if (node.list) {\n                /*\n                 * A scalar list is correct in either of two stored shapes: element-wise `name/0`,\n                 * `name/1`, … or a single binding holding an array. Both are what the resolver reads.\n                 * A single binding holding a scalar is the broken one.\n                 */\n                if (indexesUnder(path, inputs).length > 0) {\n                    continue;\n                }\n                const binding = inputs[path];\n                if (!binding || !(\"static\" in binding)) {\n                    continue;\n                }\n                const value = binding.static;\n                if (value === undefined || value === null || Array.isArray(value)) {\n                    continue;\n                }\n                violations.push({ path, declared: \"list\", found: \"scalar\", value });\n                continue;\n            }\n\n            const binding = inputs[path];\n            if (binding && \"static\" in binding && Array.isArray(binding.static)) {\n                violations.push({ path, declared: \"scalar\", found: \"list\", value: binding.static });\n            }\n        }\n    };\n\n    check(inputAst, []);\n    return violations;\n};\n\n/** The indexes stored under a list path, from `name/0`, `name/1`, … */\nconst indexesUnder = (path: string, inputs: Record<string, unknown>): number[] => {\n    const seen = new Set<number>();\n    const prefix = `${path}/`;\n    for (const key of Object.keys(inputs)) {\n        if (!key.startsWith(prefix)) {\n            continue;\n        }\n        const index = Number.parseInt(key.slice(prefix.length).split(\"/\")[0], 10);\n        if (Number.isInteger(index)) {\n            seen.add(index);\n        }\n    }\n    return [...seen].sort((a, b) => a - b);\n};\n"],"names":["assertBindingShapes","bindings","inputAst","violations","inputs","check","nodes","prefix","node","path","index","indexesUnder","binding","value","Array","seen","Set","key","Object","Number","a","b"],"mappings":"AAgCO,MAAMA,sBAAsB,CAC/BC,UACAC;IAEA,MAAMC,aAAsC,EAAE;IAC9C,MAAMC,SAASH,UAAU,UAAU,CAAC;IAEpC,MAAMI,QAAQ,CAACC,OAAuBC;QAClC,KAAK,MAAMC,QAAQF,MAAO;YACtB,MAAMG,OAAO;mBAAIF;gBAAQC,KAAK,IAAI;aAAC,CAAC,IAAI,CAAC;YAEzC,IAAIA,KAAK,QAAQ,CAAC,MAAM,GAAG,GAAG;gBAG1B,IAAIA,KAAK,IAAI,EAAE;oBACX,KAAK,MAAME,SAASC,aAAaF,MAAML,QACnCC,MAAMG,KAAK,QAAQ,EAAE;2BAAID;wBAAQ,GAAGC,KAAK,IAAI,CAAC,CAAC,EAAEE,OAAO;qBAAC;oBAE7D;gBACJ;gBACAL,MAAMG,KAAK,QAAQ,EAAE;uBAAID;oBAAQC,KAAK,IAAI;iBAAC;gBAC3C;YACJ;YAEA,IAAIA,KAAK,IAAI,EAAE;gBAMX,IAAIG,aAAaF,MAAML,QAAQ,MAAM,GAAG,GACpC;gBAEJ,MAAMQ,UAAUR,MAAM,CAACK,KAAK;gBAC5B,IAAI,CAACG,WAAW,CAAE,aAAYA,OAAM,GAChC;gBAEJ,MAAMC,QAAQD,QAAQ,MAAM;gBAC5B,IAAIC,QAAAA,SAAyCC,MAAM,OAAO,CAACD,QACvD;gBAEJV,WAAW,IAAI,CAAC;oBAAEM;oBAAM,UAAU;oBAAQ,OAAO;oBAAUI;gBAAM;gBACjE;YACJ;YAEA,MAAMD,UAAUR,MAAM,CAACK,KAAK;YAC5B,IAAIG,WAAW,YAAYA,WAAWE,MAAM,OAAO,CAACF,QAAQ,MAAM,GAC9DT,WAAW,IAAI,CAAC;gBAAEM;gBAAM,UAAU;gBAAU,OAAO;gBAAQ,OAAOG,QAAQ,MAAM;YAAC;QAEzF;IACJ;IAEAP,MAAMH,UAAU,EAAE;IAClB,OAAOC;AACX;AAGA,MAAMQ,eAAe,CAACF,MAAcL;IAChC,MAAMW,OAAO,IAAIC;IACjB,MAAMT,SAAS,GAAGE,KAAK,CAAC,CAAC;IACzB,KAAK,MAAMQ,OAAOC,OAAO,IAAI,CAACd,QAAS;QACnC,IAAI,CAACa,IAAI,UAAU,CAACV,SAChB;QAEJ,MAAMG,QAAQS,OAAO,QAAQ,CAACF,IAAI,KAAK,CAACV,OAAO,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE;QACtE,IAAIY,OAAO,SAAS,CAACT,QACjBK,KAAK,GAAG,CAACL;IAEjB;IACA,OAAO;WAAIK;KAAK,CAAC,IAAI,CAAC,CAACK,GAAGC,IAAMD,IAAIC;AACxC"}

package/assertBindingShapes.test.d.ts

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