@webiny/app-website-builder 6.0.0-alpha.0

package/sdk/ElementFactory.js

@@ -0,0 +1,184 @@
+import { generateAlphaNumericLowerCaseId } from "@webiny/utils/generateId";
+import { DocumentOperations } from "./documentOperations";
+import { ComponentManifestToAstConverter } from "./ComponentManifestToAstConverter";
+import { ComponentInputTraverser } from "./ComponentInputTraverser";
+const defaultStyles = {
+  display: "flex",
+  flexDirection: "column",
+  overflow: "hidden"
+};
+const withDefaultStyles = styles => {
+  return {
+    ...defaultStyles,
+    ...styles
+  };
+};
+const defaultOperations = {
+  addElement: element => {
+    return new DocumentOperations.AddElement(element);
+  },
+  addToParent: (element, index) => {
+    return new DocumentOperations.AddToParent(element, index);
+  },
+  setInputBinding: (elementId, bindingPath, binding) => {
+    return new DocumentOperations.SetGlobalInputBinding(elementId, bindingPath, binding);
+  },
+  setStyleBinding: (elementId, bindingPath, binding) => {
+    return new DocumentOperations.SetGlobalStyleBinding(elementId, bindingPath, binding);
+  }
+};
+export class ElementFactory {
+  constructor(components) {
+    this.components = components;
+  }
+  createElementFromComponent({
+    componentName,
+    parentId,
+    slot,
+    index,
+    bindings
+  }) {
+    const {
+      element,
+      componentManifest,
+      inputsAst
+    } = this.createElement(componentName, parentId, slot);
+    const documentOps = [defaultOperations.addElement(element), defaultOperations.addToParent(element, index)];
+    documentOps.push(...this.generateOperations({
+      element,
+      inputsAst,
+      bindings: {
+        inputs: bindings?.inputs ?? componentManifest.defaults?.inputs ?? {},
+        styles: withDefaultStyles(bindings?.styles ?? componentManifest.defaults?.styles ?? {}),
+        overrides: bindings?.overrides ?? {}
+      },
+      operations: defaultOperations
+    }));
+    return {
+      element,
+      operations: documentOps
+    };
+  }
+  generateOperations({
+    element,
+    inputsAst,
+    bindings,
+    operations
+  }) {
+    const ops = this.generateOperationsFromBindings({
+      elementId: element.id,
+      inputsAst,
+      bindings,
+      operations,
+      ignoreDefaultValues: false
+    });
+    if (bindings.overrides) {
+      for (const [breakpoint, overrides] of Object.entries(bindings.overrides)) {
+        ops.push(...this.generateOperationsFromBindings({
+          elementId: element.id,
+          inputsAst,
+          bindings: {
+            inputs: overrides.inputs ?? {},
+            styles: overrides.styles ?? {}
+          },
+          operations: {
+            ...operations,
+            setInputBinding: (elementId, bindingPath, binding) => {
+              return new DocumentOperations.SetInputBindingOverride(elementId, bindingPath, binding, breakpoint);
+            },
+            setStyleBinding: (elementId, bindingPath, binding) => {
+              return new DocumentOperations.SetStyleBindingOverride(elementId, bindingPath, binding, breakpoint);
+            }
+          },
+          ignoreDefaultValues: true
+        }));
+      }
+    }
+    return ops;
+  }
+  generateOperationsFromBindings({
+    elementId,
+    inputsAst,
+    bindings,
+    operations,
+    ignoreDefaultValues
+  }) {
+    const inputData = bindings.inputs;
+    const traverser = new ComponentInputTraverser(inputsAst);
+    const ops = [];
+    traverser.traverse(inputData, (node, path, value) => {
+      const isCreateElement = value?.action === "CreateElement";
+      const isList = node.list;
+      const isObject = node.type === "object";
+      if (isCreateElement) {
+        const factory = new ElementFactory(this.components);
+        const newElement = factory.createElementFromComponent({
+          componentName: value.params.component,
+          index: isList ? this.extractIndex(path) : 0,
+          slot: path,
+          parentId: elementId,
+          bindings: value.params
+        });
+        const newElementId = newElement.element.id;
+        ops.push(...newElement.operations, operations.setInputBinding(elementId, path, {
+          id: generateAlphaNumericLowerCaseId(),
+          static: node.list ? [newElementId] : newElementId,
+          type: node.type,
+          translatable: node.input.translatable,
+          list: node.list
+        }));
+      } else if (isObject && isList) {
+        return;
+      } else {
+        ops.push(operations.setInputBinding(elementId, path, {
+          id: generateAlphaNumericLowerCaseId(),
+          static: ignoreDefaultValues ? undefined : value ?? node.input.defaultValue,
+          type: node.type,
+          list: node.list,
+          translatable: node.input.translatable
+        }));
+      }
+    });
+
+    // Process styles
+    for (const key in bindings.styles) {
+      ops.push(operations.setStyleBinding(elementId, key, {
+        static: bindings.styles[key]
+      }));
+    }
+    return ops;
+  }
+  getComponentManifest(componentName) {
+    const manifest = this.components[componentName];
+    if (!manifest) {
+      throw new Error(`Component "${componentName}" not registered.`);
+    }
+    return manifest;
+  }
+  extractIndex(path) {
+    const match = path.match(/\/(\d+)\//);
+    return match ? parseInt(match[1], 10) : 0;
+  }
+  createElement(componentName, parentId, slot) {
+    const element = {
+      type: "Webiny/Element",
+      id: generateAlphaNumericLowerCaseId(),
+      parent: {
+        id: parentId,
+        slot
+      },
+      component: {
+        name: componentName
+      }
+    };
+    const componentManifest = this.getComponentManifest(componentName);
+    const inputsAst = ComponentManifestToAstConverter.convert(componentManifest.inputs ?? []);
+    return {
+      element,
+      inputsAst,
+      componentManifest
+    };
+  }
+}
+
+//# sourceMappingURL=ElementFactory.js.map

package/sdk/ElementFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["generateAlphaNumericLowerCaseId","DocumentOperations","ComponentManifestToAstConverter","ComponentInputTraverser","defaultStyles","display","flexDirection","overflow","withDefaultStyles","styles","defaultOperations","addElement","element","AddElement","addToParent","index","AddToParent","setInputBinding","elementId","bindingPath","binding","SetGlobalInputBinding","setStyleBinding","SetGlobalStyleBinding","ElementFactory","constructor","components","createElementFromComponent","componentName","parentId","slot","bindings","componentManifest","inputsAst","createElement","documentOps","push","generateOperations","inputs","defaults","overrides","operations","ops","generateOperationsFromBindings","id","ignoreDefaultValues","breakpoint","Object","entries","SetInputBindingOverride","SetStyleBindingOverride","inputData","traverser","traverse","node","path","value","isCreateElement","action","isList","list","isObject","type","factory","newElement","params","component","extractIndex","newElementId","static","translatable","input","undefined","defaultValue","key","getComponentManifest","manifest","Error","match","parseInt","parent","name","convert"],"sources":["ElementFactory.ts"],"sourcesContent":["import { generateAlphaNumericLowerCaseId } from \"@webiny/utils/generateId\";\nimport type {\n    DocumentElement,\n    ComponentManifest,\n    InputValueBinding,\n    StyleValueBinding,\n    CssProperties\n} from \"~/sdk/types\";\nimport { type IDocumentOperation, DocumentOperations } from \"./documentOperations\";\nimport {\n    ComponentManifestToAstConverter,\n    type InputAstNode\n} from \"./ComponentManifestToAstConverter\";\nimport { ComponentInputTraverser } from \"./ComponentInputTraverser\";\n\nconst defaultStyles = {\n    display: \"flex\",\n    flexDirection: \"column\",\n    overflow: \"hidden\"\n};\n\nconst withDefaultStyles = (styles: CssProperties) => {\n    return { ...defaultStyles, ...styles };\n};\n\nexport interface CreateElementParams {\n    componentName: string;\n    parentId: string;\n    slot: string;\n    index: number;\n    bindings?: {\n        inputs?: Record<string, any>;\n        styles?: Record<string, any>;\n        overrides?: {\n            [breakpoint: string]: {\n                inputs?: Record<string, any>;\n                styles?: Record<string, any>;\n            };\n        };\n    };\n}\n\ninterface GenerateOperationsParams {\n    element: DocumentElement;\n    inputsAst: InputAstNode[];\n    operations: ElementFactoryOperations;\n    bindings: {\n        inputs: Record<string, any>;\n        styles: Record<string, any>;\n        overrides: {\n            [breakpoint: string]: {\n                inputs?: Record<string, any>;\n                styles?: Record<string, any>;\n            };\n        };\n    };\n}\n\ninterface GenerateOperationsFromBindingsParams {\n    elementId: string;\n    inputsAst: InputAstNode[];\n    bindings: {\n        inputs: Record<string, any>;\n        styles: Record<string, any>;\n    };\n    operations: ElementFactoryOperations;\n    ignoreDefaultValues: boolean;\n}\n\ntype ElementFactoryOperations = {\n    addElement: (element: DocumentElement) => IDocumentOperation;\n    addToParent: (element: DocumentElement, index: number) => IDocumentOperation;\n    setInputBinding: (\n        elementId: string,\n        bindingPath: string,\n        binding: InputValueBinding\n    ) => IDocumentOperation;\n    setStyleBinding: (\n        elementId: string,\n        bindingPath: string,\n        binding: StyleValueBinding\n    ) => IDocumentOperation;\n};\n\nconst defaultOperations: ElementFactoryOperations = {\n    addElement: (element: DocumentElement) => {\n        return new DocumentOperations.AddElement(element);\n    },\n    addToParent: (element: DocumentElement, index: number) => {\n        return new DocumentOperations.AddToParent(element, index);\n    },\n    setInputBinding: (elementId, bindingPath, binding) => {\n        return new DocumentOperations.SetGlobalInputBinding(elementId, bindingPath, binding);\n    },\n    setStyleBinding: (elementId, bindingPath, binding) => {\n        return new DocumentOperations.SetGlobalStyleBinding(elementId, bindingPath, binding);\n    }\n};\n\nexport class ElementFactory {\n    constructor(private components: Record<string, ComponentManifest>) {}\n\n    public createElementFromComponent({\n        componentName,\n        parentId,\n        slot,\n        index,\n        bindings\n    }: CreateElementParams) {\n        const { element, componentManifest, inputsAst } = this.createElement(\n            componentName,\n            parentId,\n            slot\n        );\n\n        const documentOps: IDocumentOperation[] = [\n            defaultOperations.addElement(element),\n            defaultOperations.addToParent(element, index)\n        ];\n\n        documentOps.push(\n            ...this.generateOperations({\n                element,\n                inputsAst,\n                bindings: {\n                    inputs: bindings?.inputs ?? componentManifest.defaults?.inputs ?? {},\n                    styles: withDefaultStyles(\n                        bindings?.styles ?? componentManifest.defaults?.styles ?? {}\n                    ),\n                    overrides: bindings?.overrides ?? {}\n                },\n                operations: defaultOperations\n            })\n        );\n\n        return { element, operations: documentOps };\n    }\n\n    public generateOperations({\n        element,\n        inputsAst,\n        bindings,\n        operations\n    }: GenerateOperationsParams): IDocumentOperation[] {\n        const ops = this.generateOperationsFromBindings({\n            elementId: element.id,\n            inputsAst,\n            bindings,\n            operations,\n            ignoreDefaultValues: false\n        });\n\n        if (bindings.overrides) {\n            for (const [breakpoint, overrides] of Object.entries(bindings.overrides)) {\n                ops.push(\n                    ...this.generateOperationsFromBindings({\n                        elementId: element.id,\n                        inputsAst,\n                        bindings: {\n                            inputs: overrides.inputs ?? {},\n                            styles: overrides.styles ?? {}\n                        },\n                        operations: {\n                            ...operations,\n                            setInputBinding: (elementId, bindingPath, binding) => {\n                                return new DocumentOperations.SetInputBindingOverride(\n                                    elementId,\n                                    bindingPath,\n                                    binding,\n                                    breakpoint\n                                );\n                            },\n                            setStyleBinding: (elementId, bindingPath, binding) => {\n                                return new DocumentOperations.SetStyleBindingOverride(\n                                    elementId,\n                                    bindingPath,\n                                    binding,\n                                    breakpoint\n                                );\n                            }\n                        },\n                        ignoreDefaultValues: true\n                    })\n                );\n            }\n        }\n\n        return ops;\n    }\n\n    private generateOperationsFromBindings({\n        elementId,\n        inputsAst,\n        bindings,\n        operations,\n        ignoreDefaultValues\n    }: GenerateOperationsFromBindingsParams): IDocumentOperation[] {\n        const inputData = bindings.inputs;\n        const traverser = new ComponentInputTraverser(inputsAst);\n\n        const ops: IDocumentOperation[] = [];\n\n        traverser.traverse(inputData, (node, path, value) => {\n            const isCreateElement = value?.action === \"CreateElement\";\n            const isList = node.list;\n            const isObject = node.type === \"object\";\n\n            if (isCreateElement) {\n                const factory = new ElementFactory(this.components);\n                const newElement = factory.createElementFromComponent({\n                    componentName: value.params.component,\n                    index: isList ? this.extractIndex(path) : 0,\n                    slot: path,\n                    parentId: elementId,\n                    bindings: value.params\n                });\n\n                const newElementId = newElement.element.id;\n\n                ops.push(\n                    ...newElement.operations,\n                    operations.setInputBinding(elementId, path, {\n                        id: generateAlphaNumericLowerCaseId(),\n                        static: node.list ? [newElementId] : newElementId,\n                        type: node.type,\n                        translatable: node.input.translatable,\n                        list: node.list\n                    })\n                );\n            } else if (isObject && isList) {\n                return;\n            } else {\n                ops.push(\n                    operations.setInputBinding(elementId, path, {\n                        id: generateAlphaNumericLowerCaseId(),\n                        static: ignoreDefaultValues ? undefined : value ?? node.input.defaultValue,\n                        type: node.type,\n                        list: node.list,\n                        translatable: node.input.translatable\n                    })\n                );\n            }\n        });\n\n        // Process styles\n        for (const key in bindings.styles) {\n            ops.push(\n                operations.setStyleBinding(elementId, key, {\n                    static: bindings.styles[key]\n                })\n            );\n        }\n\n        return ops;\n    }\n\n    private getComponentManifest(componentName: string): ComponentManifest {\n        const manifest = this.components[componentName];\n        if (!manifest) {\n            throw new Error(`Component \"${componentName}\" not registered.`);\n        }\n\n        return manifest;\n    }\n\n    private extractIndex(path: string): number {\n        const match = path.match(/\\/(\\d+)\\//);\n        return match ? parseInt(match[1], 10) : 0;\n    }\n\n    private createElement(componentName: string, parentId: string, slot: string) {\n        const element: DocumentElement = {\n            type: \"Webiny/Element\",\n            id: generateAlphaNumericLowerCaseId(),\n            parent: { id: parentId, slot },\n            component: { name: componentName }\n        };\n\n        const componentManifest = this.getComponentManifest(componentName);\n        const inputsAst = ComponentManifestToAstConverter.convert(componentManifest.inputs ?? []);\n\n        return {\n            element,\n            inputsAst,\n            componentManifest\n        };\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/sdk/ElementFactory.test.d.ts

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

package/sdk/ElementFactory.test.js

@@ -0,0 +1,124 @@
+import { ElementFactory } from "./ElementFactory";
+const mockComponents = {
+  "Webiny/Text": {
+    name: "Webiny/Text",
+    label: "Text",
+    group: "basic",
+    inputs: [{
+      type: "text",
+      renderer: "Webiny/Input",
+      name: "text"
+    }, {
+      type: "boolean",
+      renderer: "Webiny/Checkbox",
+      name: "flag"
+    }],
+    defaults: {
+      inputs: {
+        text: "Hello",
+        flag: true
+      },
+      styles: {
+        color: "black"
+      }
+    }
+  },
+  "Webiny/Grid": {
+    name: "Webiny/Grid",
+    label: "Grid",
+    group: "layout",
+    inputs: [{
+      type: "text",
+      renderer: "Webiny/GridSize",
+      name: "gridSize"
+    }, {
+      type: "object",
+      renderer: "Webiny/Object",
+      name: "columns",
+      list: true,
+      fields: [{
+        type: "slot",
+        list: false,
+        renderer: "Webiny/Slot",
+        name: "children",
+        fields: []
+      }]
+    }],
+    defaults: {
+      inputs: {
+        gridSize: "6-6",
+        columns: [{
+          children: {
+            action: "CreateElement",
+            params: {
+              component: "Webiny/GridColumn",
+              inputs: {
+                children: [{
+                  action: "CreateElement",
+                  params: {
+                    component: "Webiny/Text",
+                    inputs: {
+                      text: "Left Column"
+                    }
+                  }
+                }]
+              }
+            }
+          }
+        }, {
+          children: {
+            action: "CreateElement",
+            params: {
+              component: "Webiny/GridColumn",
+              inputs: {
+                children: [{
+                  action: "CreateElement",
+                  params: {
+                    component: "Webiny/Text",
+                    inputs: {
+                      text: "Right Column"
+                    }
+                  }
+                }]
+              }
+            }
+          }
+        }]
+      },
+      styles: {
+        paddingTop: "10px"
+      }
+    }
+  },
+  "Webiny/GridColumn": {
+    name: "Webiny/GridColumn",
+    label: "Column",
+    acceptsChildren: true,
+    defaults: {
+      styles: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "stretch"
+      }
+    },
+    inputs: [{
+      type: "slot",
+      list: true,
+      renderer: "Webiny/Slot",
+      name: "children",
+      fields: []
+    }]
+  }
+};
+test("ElementFactory generates element tree and bindings", () => {
+  const factory = new ElementFactory(mockComponents);
+  const result = factory.createElementFromComponent({
+    componentName: "Webiny/Grid",
+    parentId: "root",
+    slot: "children",
+    index: 0
+  });
+  const a = result;
+});
+
+//# sourceMappingURL=ElementFactory.test.js.map

package/sdk/ElementFactory.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ElementFactory","mockComponents","name","label","group","inputs","type","renderer","defaults","text","flag","styles","color","list","fields","gridSize","columns","children","action","params","component","paddingTop","acceptsChildren","display","flexDirection","alignItems","test","factory","result","createElementFromComponent","componentName","parentId","slot","index","a"],"sources":["ElementFactory.test.ts"],"sourcesContent":["import { ElementFactory } from \"./ElementFactory\";\nimport type { ComponentManifest } from \"~/sdk/types\";\n\nconst mockComponents: Record<string, ComponentManifest> = {\n    \"Webiny/Text\": {\n        name: \"Webiny/Text\",\n        label: \"Text\",\n        group: \"basic\",\n        inputs: [\n            {\n                type: \"text\",\n                renderer: \"Webiny/Input\",\n                name: \"text\"\n            },\n            {\n                type: \"boolean\",\n                renderer: \"Webiny/Checkbox\",\n                name: \"flag\"\n            }\n        ],\n        defaults: {\n            inputs: {\n                text: \"Hello\",\n                flag: true\n            },\n            styles: {\n                color: \"black\"\n            }\n        }\n    },\n    \"Webiny/Grid\": {\n        name: \"Webiny/Grid\",\n        label: \"Grid\",\n        group: \"layout\",\n        inputs: [\n            {\n                type: \"text\",\n                renderer: \"Webiny/GridSize\",\n                name: \"gridSize\"\n            },\n            {\n                type: \"object\",\n                renderer: \"Webiny/Object\",\n                name: \"columns\",\n                list: true,\n                fields: [\n                    {\n                        type: \"slot\",\n                        list: false,\n                        renderer: \"Webiny/Slot\",\n                        name: \"children\",\n                        fields: []\n                    }\n                ]\n            }\n        ],\n        defaults: {\n            inputs: {\n                gridSize: \"6-6\",\n                columns: [\n                    {\n                        children: {\n                            action: \"CreateElement\",\n                            params: {\n                                component: \"Webiny/GridColumn\",\n                                inputs: {\n                                    children: [\n                                        {\n                                            action: \"CreateElement\",\n                                            params: {\n                                                component: \"Webiny/Text\",\n                                                inputs: {\n                                                    text: \"Left Column\"\n                                                }\n                                            }\n                                        }\n                                    ]\n                                }\n                            }\n                        }\n                    },\n                    {\n                        children: {\n                            action: \"CreateElement\",\n                            params: {\n                                component: \"Webiny/GridColumn\",\n                                inputs: {\n                                    children: [\n                                        {\n                                            action: \"CreateElement\",\n                                            params: {\n                                                component: \"Webiny/Text\",\n                                                inputs: {\n                                                    text: \"Right Column\"\n                                                }\n                                            }\n                                        }\n                                    ]\n                                }\n                            }\n                        }\n                    }\n                ]\n            },\n            styles: {\n                paddingTop: \"10px\"\n            }\n        }\n    },\n    \"Webiny/GridColumn\": {\n        name: \"Webiny/GridColumn\",\n        label: \"Column\",\n        acceptsChildren: true,\n        defaults: {\n            styles: {\n                display: \"flex\",\n                flexDirection: \"column\",\n                alignItems: \"stretch\"\n            }\n        },\n        inputs: [\n            {\n                type: \"slot\",\n                list: true,\n                renderer: \"Webiny/Slot\",\n                name: \"children\",\n                fields: []\n            }\n        ]\n    }\n};\n\ntest(\"ElementFactory generates element tree and bindings\", () => {\n    const factory = new ElementFactory(mockComponents);\n    const result = factory.createElementFromComponent({\n        componentName: \"Webiny/Grid\",\n        parentId: \"root\",\n        slot: \"children\",\n        index: 0\n    });\n    const a = result;\n});\n"],"mappings":"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","ignoreList":[]}

package/sdk/Environment.d.ts

@@ -0,0 +1,9 @@
+import { IEnvironment } from "./types.js";
+export declare class Environment implements IEnvironment {
+    isPreview(): boolean;
+    isClient(): boolean;
+    isServer(): boolean;
+    isEditing(): boolean;
+    private getQueryParam;
+}
+export declare const environment: Environment;

package/sdk/Environment.js

@@ -0,0 +1,23 @@
+export class Environment {
+  isPreview() {
+    return this.getQueryParam("preview.document") !== null;
+  }
+  isClient() {
+    return typeof window !== "undefined";
+  }
+  isServer() {
+    return !this.isClient();
+  }
+  isEditing() {
+    return this.isClient() && window.parent !== window;
+  }
+  getQueryParam(key) {
+    if (!this.isClient()) {
+      return null;
+    }
+    return new URLSearchParams(window.location.search).get(key);
+  }
+}
+export const environment = new Environment();
+
+//# sourceMappingURL=Environment.js.map

package/sdk/Environment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Environment","isPreview","getQueryParam","isClient","window","isServer","isEditing","parent","key","URLSearchParams","location","search","get","environment"],"sources":["Environment.ts"],"sourcesContent":["import { IEnvironment } from \"./types.js\";\n\nexport class Environment implements IEnvironment {\n    public isPreview(): boolean {\n        return this.getQueryParam(\"preview.document\") !== null;\n    }\n\n    public isClient(): boolean {\n        return typeof window !== \"undefined\";\n    }\n\n    public isServer(): boolean {\n        return !this.isClient();\n    }\n\n    public isEditing(): boolean {\n        return this.isClient() && window.parent !== window;\n    }\n\n    private getQueryParam(key: string): string | null {\n        if (!this.isClient()) {\n            return null;\n        }\n\n        return new URLSearchParams(window.location.search).get(key);\n    }\n}\n\nexport const environment = new Environment();\n"],"mappings":"AAEA,OAAO,MAAMA,WAAW,CAAyB;EACtCC,SAASA,CAAA,EAAY;IACxB,OAAO,IAAI,CAACC,aAAa,CAAC,kBAAkB,CAAC,KAAK,IAAI;EAC1D;EAEOC,QAAQA,CAAA,EAAY;IACvB,OAAO,OAAOC,MAAM,KAAK,WAAW;EACxC;EAEOC,QAAQA,CAAA,EAAY;IACvB,OAAO,CAAC,IAAI,CAACF,QAAQ,CAAC,CAAC;EAC3B;EAEOG,SAASA,CAAA,EAAY;IACxB,OAAO,IAAI,CAACH,QAAQ,CAAC,CAAC,IAAIC,MAAM,CAACG,MAAM,KAAKH,MAAM;EACtD;EAEQF,aAAaA,CAACM,GAAW,EAAiB;IAC9C,IAAI,CAAC,IAAI,CAACL,QAAQ,CAAC,CAAC,EAAE;MAClB,OAAO,IAAI;IACf;IAEA,OAAO,IAAIM,eAAe,CAACL,MAAM,CAACM,QAAQ,CAACC,MAAM,CAAC,CAACC,GAAG,CAACJ,GAAG,CAAC;EAC/D;AACJ;AAEA,OAAO,MAAMK,WAAW,GAAG,IAAIb,WAAW,CAAC,CAAC","ignoreList":[]}

package/sdk/FunctionConverter.d.ts

@@ -0,0 +1,6 @@
+declare class FunctionConverter {
+    serialize(fn: (...args: any[]) => unknown): string;
+    deserialize(fn: string): any;
+}
+export declare const functionConverter: FunctionConverter;
+export {};

package/sdk/FunctionConverter.js

@@ -0,0 +1,11 @@
+class FunctionConverter {
+  serialize(fn) {
+    return fn.toString();
+  }
+  deserialize(fn) {
+    return new Function(`return ${fn}`)();
+  }
+}
+export const functionConverter = new FunctionConverter();
+
+//# sourceMappingURL=FunctionConverter.js.map

package/sdk/FunctionConverter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FunctionConverter","serialize","fn","toString","deserialize","Function","functionConverter"],"sources":["FunctionConverter.ts"],"sourcesContent":["class FunctionConverter {\n    serialize(fn: (...args: any[]) => unknown) {\n        return fn.toString();\n    }\n\n    deserialize(fn: string) {\n        return new Function(`return ${fn}`)();\n    }\n}\n\nexport const functionConverter = new FunctionConverter();\n"],"mappings":"AAAA,MAAMA,iBAAiB,CAAC;EACpBC,SAASA,CAACC,EAA+B,EAAE;IACvC,OAAOA,EAAE,CAACC,QAAQ,CAAC,CAAC;EACxB;EAEAC,WAAWA,CAACF,EAAU,EAAE;IACpB,OAAO,IAAIG,QAAQ,CAAC,UAAUH,EAAE,EAAE,CAAC,CAAC,CAAC;EACzC;AACJ;AAEA,OAAO,MAAMI,iBAAiB,GAAG,IAAIN,iBAAiB,CAAC,CAAC","ignoreList":[]}

package/sdk/HashObject.d.ts

@@ -0,0 +1,6 @@
+declare class HashObject {
+    hash(object: object): number;
+    private fastHash;
+}
+export declare const hashObject: HashObject;
+export {};

package/sdk/HashObject.js

@@ -0,0 +1,17 @@
+import stringify from "fast-json-stable-stringify";
+class HashObject {
+  hash(object) {
+    return this.fastHash(object);
+  }
+  fastHash(obj) {
+    const str = stringify(obj); // stable key order
+    let hash = 0;
+    for (let i = 0; i < str.length; i++) {
+      hash = (hash << 5) - hash + str.charCodeAt(i) | 0;
+    }
+    return hash >>> 0; // unsigned
+  }
+}
+export const hashObject = new HashObject();
+
+//# sourceMappingURL=HashObject.js.map

package/sdk/HashObject.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stringify","HashObject","hash","object","fastHash","obj","str","i","length","charCodeAt","hashObject"],"sources":["HashObject.ts"],"sourcesContent":["import stringify from \"fast-json-stable-stringify\";\n\nclass HashObject {\n    hash(object: object) {\n        return this.fastHash(object);\n    }\n\n    private fastHash(obj: object): number {\n        const str = stringify(obj); // stable key order\n        let hash = 0;\n        for (let i = 0; i < str.length; i++) {\n            hash = ((hash << 5) - hash + str.charCodeAt(i)) | 0;\n        }\n        return hash >>> 0; // unsigned\n    }\n}\n\nexport const hashObject = new HashObject();\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,4BAA4B;AAElD,MAAMC,UAAU,CAAC;EACbC,IAAIA,CAACC,MAAc,EAAE;IACjB,OAAO,IAAI,CAACC,QAAQ,CAACD,MAAM,CAAC;EAChC;EAEQC,QAAQA,CAACC,GAAW,EAAU;IAClC,MAAMC,GAAG,GAAGN,SAAS,CAACK,GAAG,CAAC,CAAC,CAAC;IAC5B,IAAIH,IAAI,GAAG,CAAC;IACZ,KAAK,IAAIK,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,GAAG,CAACE,MAAM,EAAED,CAAC,EAAE,EAAE;MACjCL,IAAI,GAAI,CAACA,IAAI,IAAI,CAAC,IAAIA,IAAI,GAAGI,GAAG,CAACG,UAAU,CAACF,CAAC,CAAC,GAAI,CAAC;IACvD;IACA,OAAOL,IAAI,KAAK,CAAC,CAAC,CAAC;EACvB;AACJ;AAEA,OAAO,MAAMQ,UAAU,GAAG,IAAIT,UAAU,CAAC,CAAC","ignoreList":[]}

package/sdk/HotkeyManager.d.ts

@@ -0,0 +1,6 @@
+export declare class HotkeyManager {
+    private readonly id;
+    constructor();
+    add(key: string, handler: (e: KeyboardEvent) => void): void;
+    remove(key: string): void;
+}

package/sdk/HotkeyManager.js

@@ -0,0 +1,58 @@
+import isHotkey from "is-hotkey";
+const keyStack = {};
+let listenerInitialized = false;
+const filterTags = ["TEXTAREA", "INPUT"];
+const isContentEditable = value => {
+  return ["true", true].includes(value);
+};
+let idCounter = 0;
+const generateSimpleId = () => `hotkey-${++idCounter}`;
+const setupListener = () => {
+  if (listenerInitialized || !document.body) {
+    return;
+  }
+  const eventListener = ev => {
+    const target = ev.target;
+    if (!target) {
+      return;
+    }
+    if (filterTags.includes(target.nodeName) || isContentEditable(target.contentEditable)) {
+      return;
+    }
+    const matchedKey = Object.keys(keyStack).find(key => isHotkey(key, ev));
+    if (matchedKey && keyStack[matchedKey]?.length > 0) {
+      const item = keyStack[matchedKey][0];
+      item.handler(ev);
+      ev.stopPropagation();
+    }
+  };
+  document.body.addEventListener("keydown", eventListener);
+  listenerInitialized = true;
+};
+export class HotkeyManager {
+  constructor() {
+    this.id = generateSimpleId();
+    setupListener();
+  }
+  add(key, handler) {
+    keyStack[key] = keyStack[key] || [];
+    const exists = keyStack[key].some(item => item.id === this.id);
+    if (!exists) {
+      keyStack[key].unshift({
+        id: this.id,
+        handler
+      });
+    }
+  }
+  remove(key) {
+    if (!keyStack[key]) {
+      return;
+    }
+    const index = keyStack[key].findIndex(item => item.id === this.id);
+    if (index >= 0) {
+      keyStack[key].splice(index, 1);
+    }
+  }
+}
+
+//# sourceMappingURL=HotkeyManager.js.map

package/sdk/HotkeyManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isHotkey","keyStack","listenerInitialized","filterTags","isContentEditable","value","includes","idCounter","generateSimpleId","setupListener","document","body","eventListener","ev","target","nodeName","contentEditable","matchedKey","Object","keys","find","key","length","item","handler","stopPropagation","addEventListener","HotkeyManager","constructor","id","add","exists","some","unshift","remove","index","findIndex","splice"],"sources":["HotkeyManager.ts"],"sourcesContent":["import isHotkey from \"is-hotkey\";\n\ninterface KeyHandler {\n    id: string;\n    handler: (e: KeyboardEvent) => void;\n}\n\nconst keyStack: Record<string, KeyHandler[]> = {};\nlet listenerInitialized = false;\nconst filterTags = [\"TEXTAREA\", \"INPUT\"];\n\nconst isContentEditable = (value: any) => {\n    return [\"true\", true].includes(value);\n};\n\nlet idCounter = 0;\nconst generateSimpleId = () => `hotkey-${++idCounter}`;\n\nconst setupListener = (): void => {\n    if (listenerInitialized || !document.body) {\n        return;\n    }\n\n    const eventListener = (ev: KeyboardEvent) => {\n        const target = ev.target as HTMLElement;\n\n        if (!target) {\n            return;\n        }\n        if (filterTags.includes(target.nodeName) || isContentEditable(target.contentEditable)) {\n            return;\n        }\n\n        const matchedKey = Object.keys(keyStack).find(key => isHotkey(key, ev));\n        if (matchedKey && keyStack[matchedKey]?.length > 0) {\n            const item = keyStack[matchedKey][0];\n            item.handler(ev);\n            ev.stopPropagation();\n        }\n    };\n\n    document.body.addEventListener(\"keydown\", eventListener);\n    listenerInitialized = true;\n};\n\nexport class HotkeyManager {\n    private readonly id: string;\n\n    constructor() {\n        this.id = generateSimpleId();\n        setupListener();\n    }\n\n    add(key: string, handler: (e: KeyboardEvent) => void): void {\n        keyStack[key] = keyStack[key] || [];\n        const exists = keyStack[key].some(item => item.id === this.id);\n        if (!exists) {\n            keyStack[key].unshift({ id: this.id, handler });\n        }\n    }\n\n    remove(key: string): void {\n        if (!keyStack[key]) {\n            return;\n        }\n\n        const index = keyStack[key].findIndex(item => item.id === this.id);\n        if (index >= 0) {\n            keyStack[key].splice(index, 1);\n        }\n    }\n}\n"],"mappings":"AAAA,OAAOA,QAAQ,MAAM,WAAW;AAOhC,MAAMC,QAAsC,GAAG,CAAC,CAAC;AACjD,IAAIC,mBAAmB,GAAG,KAAK;AAC/B,MAAMC,UAAU,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC;AAExC,MAAMC,iBAAiB,GAAIC,KAAU,IAAK;EACtC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAACC,QAAQ,CAACD,KAAK,CAAC;AACzC,CAAC;AAED,IAAIE,SAAS,GAAG,CAAC;AACjB,MAAMC,gBAAgB,GAAGA,CAAA,KAAM,UAAU,EAAED,SAAS,EAAE;AAEtD,MAAME,aAAa,GAAGA,CAAA,KAAY;EAC9B,IAAIP,mBAAmB,IAAI,CAACQ,QAAQ,CAACC,IAAI,EAAE;IACvC;EACJ;EAEA,MAAMC,aAAa,GAAIC,EAAiB,IAAK;IACzC,MAAMC,MAAM,GAAGD,EAAE,CAACC,MAAqB;IAEvC,IAAI,CAACA,MAAM,EAAE;MACT;IACJ;IACA,IAAIX,UAAU,CAACG,QAAQ,CAACQ,MAAM,CAACC,QAAQ,CAAC,IAAIX,iBAAiB,CAACU,MAAM,CAACE,eAAe,CAAC,EAAE;MACnF;IACJ;IAEA,MAAMC,UAAU,GAAGC,MAAM,CAACC,IAAI,CAAClB,QAAQ,CAAC,CAACmB,IAAI,CAACC,GAAG,IAAIrB,QAAQ,CAACqB,GAAG,EAAER,EAAE,CAAC,CAAC;IACvE,IAAII,UAAU,IAAIhB,QAAQ,CAACgB,UAAU,CAAC,EAAEK,MAAM,GAAG,CAAC,EAAE;MAChD,MAAMC,IAAI,GAAGtB,QAAQ,CAACgB,UAAU,CAAC,CAAC,CAAC,CAAC;MACpCM,IAAI,CAACC,OAAO,CAACX,EAAE,CAAC;MAChBA,EAAE,CAACY,eAAe,CAAC,CAAC;IACxB;EACJ,CAAC;EAEDf,QAAQ,CAACC,IAAI,CAACe,gBAAgB,CAAC,SAAS,EAAEd,aAAa,CAAC;EACxDV,mBAAmB,GAAG,IAAI;AAC9B,CAAC;AAED,OAAO,MAAMyB,aAAa,CAAC;EAGvBC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,EAAE,GAAGrB,gBAAgB,CAAC,CAAC;IAC5BC,aAAa,CAAC,CAAC;EACnB;EAEAqB,GAAGA,CAACT,GAAW,EAAEG,OAAmC,EAAQ;IACxDvB,QAAQ,CAACoB,GAAG,CAAC,GAAGpB,QAAQ,CAACoB,GAAG,CAAC,IAAI,EAAE;IACnC,MAAMU,MAAM,GAAG9B,QAAQ,CAACoB,GAAG,CAAC,CAACW,IAAI,CAACT,IAAI,IAAIA,IAAI,CAACM,EAAE,KAAK,IAAI,CAACA,EAAE,CAAC;IAC9D,IAAI,CAACE,MAAM,EAAE;MACT9B,QAAQ,CAACoB,GAAG,CAAC,CAACY,OAAO,CAAC;QAAEJ,EAAE,EAAE,IAAI,CAACA,EAAE;QAAEL;MAAQ,CAAC,CAAC;IACnD;EACJ;EAEAU,MAAMA,CAACb,GAAW,EAAQ;IACtB,IAAI,CAACpB,QAAQ,CAACoB,GAAG,CAAC,EAAE;MAChB;IACJ;IAEA,MAAMc,KAAK,GAAGlC,QAAQ,CAACoB,GAAG,CAAC,CAACe,SAAS,CAACb,IAAI,IAAIA,IAAI,CAACM,EAAE,KAAK,IAAI,CAACA,EAAE,CAAC;IAClE,IAAIM,KAAK,IAAI,CAAC,EAAE;MACZlC,QAAQ,CAACoB,GAAG,CAAC,CAACgB,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;IAClC;EACJ;AACJ","ignoreList":[]}

package/sdk/IBindingsUpdater.d.ts

@@ -0,0 +1,6 @@
+import type { JsonPatchOperation } from "./jsonPatch";
+import type { Document, DocumentElementBindings } from "./types";
+export interface IBindingsUpdater {
+    applyToDocument(document: Document): void;
+    createJsonPatch(bindings: DocumentElementBindings): JsonPatchOperation[];
+}

package/sdk/IBindingsUpdater.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=IBindingsUpdater.js.map

package/sdk/IBindingsUpdater.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["IBindingsUpdater.ts"],"sourcesContent":["import type { JsonPatchOperation } from \"~/sdk/jsonPatch\";\nimport type { Document, DocumentElementBindings } from \"~/sdk/types\";\n\nexport interface IBindingsUpdater {\n    applyToDocument(document: Document): void;\n    createJsonPatch(bindings: DocumentElementBindings): JsonPatchOperation[];\n}\n"],"mappings":"","ignoreList":[]}

package/sdk/InheritanceProcessor.d.ts

@@ -0,0 +1,29 @@
+import { DocumentElementBindings } from "./types";
+import { InputAstNode } from "./ComponentManifestToAstConverter";
+export type InheritanceInfo = {
+    inputs: Record<string, {
+        overridden: boolean;
+        inheritedFrom?: string;
+    }>;
+    styles: Record<string, {
+        overridden: boolean;
+        inheritedFrom?: string;
+    }>;
+};
+export declare class InheritanceProcessor {
+    private breakpoints;
+    private responsiveInputPaths;
+    constructor(breakpoints: string[], inputsAst: InputAstNode[]);
+    getInheritanceMap(bindings: DocumentElementBindings, breakpoint: string): {
+        inputs: Record<string, {
+            overridden: boolean;
+            inheritedFrom?: string | undefined;
+        }>;
+        styles: Record<string, {
+            overridden: boolean;
+            inheritedFrom?: string | undefined;
+        }>;
+    };
+    private normalizeBindingKey;
+    private getResponsiveInputPaths;
+}