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

package/ecommerce/components/adaptInputToBind.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { NullMetadata } from "../../BaseEditor/metadata";
+import { InputValueObject } from "../../BaseEditor/hooks/useInputValue";
+const metadata = new NullMetadata();
+const noop = () => void 0;
+export const adaptInputToBind = Component => {
+  return function ElementInputAsFormInput(props) {
+    const onChange = cb => {
+      const value = new InputValueObject(props.value);
+      cb({
+        value,
+        metadata
+      });
+      props.onChange(value.get());
+    };
+    return /*#__PURE__*/React.createElement(Component, {
+      label: props.label,
+      value: props.value,
+      onChange: onChange,
+      metadata: metadata,
+      onPreviewChange: noop,
+      input: {}
+    });
+  };
+};
+
+//# sourceMappingURL=adaptInputToBind.js.map

package/ecommerce/components/adaptInputToBind.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","NullMetadata","InputValueObject","metadata","noop","adaptInputToBind","Component","ElementInputAsFormInput","props","onChange","cb","value","get","createElement","label","onPreviewChange","input"],"sources":["adaptInputToBind.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\nimport { NullMetadata } from \"~/BaseEditor/metadata\";\nimport { InputValueObject } from \"~/BaseEditor/hooks/useInputValue\";\n\nconst metadata = new NullMetadata();\nconst noop = () => void 0;\n\nexport const adaptInputToBind = (Component: React.ComponentType<ElementInputRendererProps>) => {\n    return function ElementInputAsFormInput(props: BindComponentRenderProp & { label: string }) {\n        const onChange: ElementInputRendererProps[\"onChange\"] = cb => {\n            const value = new InputValueObject(props.value);\n            cb({ value, metadata });\n            props.onChange(value.get());\n        };\n\n        return (\n            <Component\n                label={props.label}\n                value={props.value}\n                onChange={onChange}\n                metadata={metadata}\n                onPreviewChange={noop}\n                input={{} as any}\n            />\n        );\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,YAAY;AACrB,SAASC,gBAAgB;AAEzB,MAAMC,QAAQ,GAAG,IAAIF,YAAY,CAAC,CAAC;AACnC,MAAMG,IAAI,GAAGA,CAAA,KAAM,KAAK,CAAC;AAEzB,OAAO,MAAMC,gBAAgB,GAAIC,SAAyD,IAAK;EAC3F,OAAO,SAASC,uBAAuBA,CAACC,KAAkD,EAAE;IACxF,MAAMC,QAA+C,GAAGC,EAAE,IAAI;MAC1D,MAAMC,KAAK,GAAG,IAAIT,gBAAgB,CAACM,KAAK,CAACG,KAAK,CAAC;MAC/CD,EAAE,CAAC;QAAEC,KAAK;QAAER;MAAS,CAAC,CAAC;MACvBK,KAAK,CAACC,QAAQ,CAACE,KAAK,CAACC,GAAG,CAAC,CAAC,CAAC;IAC/B,CAAC;IAED,oBACIZ,KAAA,CAAAa,aAAA,CAACP,SAAS;MACNQ,KAAK,EAAEN,KAAK,CAACM,KAAM;MACnBH,KAAK,EAAEH,KAAK,CAACG,KAAM;MACnBF,QAAQ,EAAEA,QAAS;MACnBN,QAAQ,EAAEA,QAAS;MACnBY,eAAe,EAAEX,IAAK;MACtBY,KAAK,EAAE,CAAC;IAAS,CACpB,CAAC;EAEV,CAAC;AACL,CAAC","ignoreList":[]}

package/ecommerce/components/toTitleCaseLabel.d.ts

@@ -0,0 +1 @@
+export declare function toTitleCaseLabel(input: string): string;

package/ecommerce/components/toTitleCaseLabel.js

@@ -0,0 +1,9 @@
+export function toTitleCaseLabel(input) {
+  // Convert camelCase to spaced: "originalSize" → "original Size"
+  const spaced = input.replace(/([a-z])([A-Z])/g, "$1 $2");
+
+  // Split by space, capitalize each word
+  return spaced.split(" ").map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+
+//# sourceMappingURL=toTitleCaseLabel.js.map

package/ecommerce/components/toTitleCaseLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toTitleCaseLabel","input","spaced","replace","split","map","word","charAt","toUpperCase","slice","join"],"sources":["toTitleCaseLabel.ts"],"sourcesContent":["export function toTitleCaseLabel(input: string): string {\n    // Convert camelCase to spaced: \"originalSize\" → \"original Size\"\n    const spaced = input.replace(/([a-z])([A-Z])/g, \"$1 $2\");\n\n    // Split by space, capitalize each word\n    return spaced\n        .split(\" \")\n        .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n        .join(\" \");\n}\n"],"mappings":"AAAA,OAAO,SAASA,gBAAgBA,CAACC,KAAa,EAAU;EACpD;EACA,MAAMC,MAAM,GAAGD,KAAK,CAACE,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC;;EAExD;EACA,OAAOD,MAAM,CACRE,KAAK,CAAC,GAAG,CAAC,CACVC,GAAG,CAACC,IAAI,IAAIA,IAAI,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGF,IAAI,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC,CACzDC,IAAI,CAAC,GAAG,CAAC;AAClB","ignoreList":[]}

package/ecommerce/createResourceListPicker.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { Editor } from "../index";
+import type { IEcommerceApi } from "./types";
+export declare const createResourceListPicker: (pluginName: string, api: IEcommerceApi, resourceName: string) => {
+    (props: Editor.ElementInputRendererProps): React.JSX.Element;
+    displayName: string;
+};

package/ecommerce/createResourceListPicker.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { FormComponentLabel } from "@webiny/admin-ui";
+import { PickResourcesListButton } from "./components/ResourcesList";
+export const createResourceListPicker = (pluginName, api, resourceName) => {
+  const ListResourcePicker = props => {
+    const onChange = newValue => {
+      props.onChange(({
+        value
+      }) => {
+        value.set(newValue);
+      });
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: "wby-w-full"
+    }, /*#__PURE__*/React.createElement(FormComponentLabel, {
+      text: props.label
+    }), /*#__PURE__*/React.createElement(PickResourcesListButton, {
+      api: api,
+      resourceName: resourceName,
+      pluginName: pluginName,
+      value: props.value,
+      onChange: onChange
+    }));
+  };
+  ListResourcePicker.displayName = `${pluginName}${resourceName}List`;
+  return ListResourcePicker;
+};
+
+//# sourceMappingURL=createResourceListPicker.js.map

package/ecommerce/createResourceListPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FormComponentLabel","PickResourcesListButton","createResourceListPicker","pluginName","api","resourceName","ListResourcePicker","props","onChange","newValue","value","set","createElement","className","text","label","displayName"],"sources":["createResourceListPicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentLabel } from \"@webiny/admin-ui\";\nimport type { Editor } from \"~/index\";\nimport type { IEcommerceApi } from \"./types\";\nimport { PickResourcesListButton } from \"./components/ResourcesList\";\n\nexport const createResourceListPicker = (\n    pluginName: string,\n    api: IEcommerceApi,\n    resourceName: string\n) => {\n    const ListResourcePicker = (props: Editor.ElementInputRendererProps) => {\n        const onChange = (newValue: unknown) => {\n            props.onChange(({ value }) => {\n                value.set(newValue);\n            });\n        };\n\n        return (\n            <div className={\"wby-w-full\"}>\n                <FormComponentLabel text={props.label} />\n                <PickResourcesListButton\n                    api={api}\n                    resourceName={resourceName}\n                    pluginName={pluginName}\n                    value={props.value}\n                    onChange={onChange}\n                />\n            </div>\n        );\n    };\n\n    ListResourcePicker.displayName = `${pluginName}${resourceName}List`;\n\n    return ListResourcePicker;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,kBAAkB;AAGrD,SAASC,uBAAuB;AAEhC,OAAO,MAAMC,wBAAwB,GAAGA,CACpCC,UAAkB,EAClBC,GAAkB,EAClBC,YAAoB,KACnB;EACD,MAAMC,kBAAkB,GAAIC,KAAuC,IAAK;IACpE,MAAMC,QAAQ,GAAIC,QAAiB,IAAK;MACpCF,KAAK,CAACC,QAAQ,CAAC,CAAC;QAAEE;MAAM,CAAC,KAAK;QAC1BA,KAAK,CAACC,GAAG,CAACF,QAAQ,CAAC;MACvB,CAAC,CAAC;IACN,CAAC;IAED,oBACIV,KAAA,CAAAa,aAAA;MAAKC,SAAS,EAAE;IAAa,gBACzBd,KAAA,CAAAa,aAAA,CAACZ,kBAAkB;MAACc,IAAI,EAAEP,KAAK,CAACQ;IAAM,CAAE,CAAC,eACzChB,KAAA,CAAAa,aAAA,CAACX,uBAAuB;MACpBG,GAAG,EAAEA,GAAI;MACTC,YAAY,EAAEA,YAAa;MAC3BF,UAAU,EAAEA,UAAW;MACvBO,KAAK,EAAEH,KAAK,CAACG,KAAM;MACnBF,QAAQ,EAAEA;IAAS,CACtB,CACA,CAAC;EAEd,CAAC;EAEDF,kBAAkB,CAACU,WAAW,GAAG,GAAGb,UAAU,GAAGE,YAAY,MAAM;EAEnE,OAAOC,kBAAkB;AAC7B,CAAC","ignoreList":[]}

package/ecommerce/createResourcePicker.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { Editor } from "../index";
+import type { IEcommerceApi } from "./types";
+export declare const createResourcePicker: (pluginName: string, api: IEcommerceApi, resourceName: string) => {
+    (props: Editor.ElementInputRendererProps): React.JSX.Element;
+    displayName: string;
+};

package/ecommerce/createResourcePicker.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { FormComponentLabel } from "@webiny/admin-ui";
+import { ResourcesPickerButton } from "./components/ResourcesPicker";
+export const createResourcePicker = (pluginName, api, resourceName) => {
+  const SingleResourcePicker = props => {
+    const onChange = newValue => {
+      props.onChange(({
+        value
+      }) => {
+        value.set(newValue);
+      });
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: "wby-w-full"
+    }, /*#__PURE__*/React.createElement(FormComponentLabel, {
+      text: props.label
+    }), /*#__PURE__*/React.createElement(ResourcesPickerButton, {
+      api: api,
+      resourceName: resourceName,
+      pluginName: pluginName,
+      value: props.value,
+      onChange: onChange
+    }));
+  };
+  SingleResourcePicker.displayName = `${pluginName}${resourceName}`;
+  return SingleResourcePicker;
+};
+
+//# sourceMappingURL=createResourcePicker.js.map

package/ecommerce/createResourcePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FormComponentLabel","ResourcesPickerButton","createResourcePicker","pluginName","api","resourceName","SingleResourcePicker","props","onChange","newValue","value","set","createElement","className","text","label","displayName"],"sources":["createResourcePicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentLabel } from \"@webiny/admin-ui\";\nimport type { Editor } from \"~/index\";\nimport type { IEcommerceApi } from \"./types\";\nimport { ResourcesPickerButton } from \"./components/ResourcesPicker\";\n\nexport const createResourcePicker = (\n    pluginName: string,\n    api: IEcommerceApi,\n    resourceName: string\n) => {\n    const SingleResourcePicker = (props: Editor.ElementInputRendererProps) => {\n        const onChange = (newValue: unknown) => {\n            props.onChange(({ value }) => {\n                value.set(newValue);\n            });\n        };\n        return (\n            <div className={\"wby-w-full\"}>\n                <FormComponentLabel text={props.label} />\n                <ResourcesPickerButton\n                    api={api}\n                    resourceName={resourceName}\n                    pluginName={pluginName}\n                    value={props.value}\n                    onChange={onChange}\n                />\n            </div>\n        );\n    };\n\n    SingleResourcePicker.displayName = `${pluginName}${resourceName}`;\n\n    return SingleResourcePicker;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,kBAAkB;AAGrD,SAASC,qBAAqB;AAE9B,OAAO,MAAMC,oBAAoB,GAAGA,CAChCC,UAAkB,EAClBC,GAAkB,EAClBC,YAAoB,KACnB;EACD,MAAMC,oBAAoB,GAAIC,KAAuC,IAAK;IACtE,MAAMC,QAAQ,GAAIC,QAAiB,IAAK;MACpCF,KAAK,CAACC,QAAQ,CAAC,CAAC;QAAEE;MAAM,CAAC,KAAK;QAC1BA,KAAK,CAACC,GAAG,CAACF,QAAQ,CAAC;MACvB,CAAC,CAAC;IACN,CAAC;IACD,oBACIV,KAAA,CAAAa,aAAA;MAAKC,SAAS,EAAE;IAAa,gBACzBd,KAAA,CAAAa,aAAA,CAACZ,kBAAkB;MAACc,IAAI,EAAEP,KAAK,CAACQ;IAAM,CAAE,CAAC,eACzChB,KAAA,CAAAa,aAAA,CAACX,qBAAqB;MAClBG,GAAG,EAAEA,GAAI;MACTC,YAAY,EAAEA,YAAa;MAC3BF,UAAU,EAAEA,UAAW;MACvBO,KAAK,EAAEH,KAAK,CAACG,KAAM;MACnBF,QAAQ,EAAEA;IAAS,CACtB,CACA,CAAC;EAEd,CAAC;EAEDF,oBAAoB,CAACU,WAAW,GAAG,GAAGb,UAAU,GAAGE,YAAY,EAAE;EAEjE,OAAOC,oBAAoB;AAC/B,CAAC","ignoreList":[]}

package/ecommerce/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./EcommercePlugin";
+export * from "./types";

package/ecommerce/index.js

@@ -0,0 +1,4 @@
+export * from "./EcommercePlugin";
+export * from "./types";
+
+//# sourceMappingURL=index.js.map

package/ecommerce/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./EcommercePlugin\";\nexport * from \"./types\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/ecommerce/types.d.ts

@@ -0,0 +1,52 @@
+export type Image = {
+    width?: number;
+    height?: number;
+    src: string;
+};
+export type Resource = {
+    id: string | number;
+    title: string;
+    handle?: string;
+    image?: Image;
+};
+export interface IEcommerceApi {
+    [resourceName: string]: {
+        findById(id: string): Promise<Resource>;
+        findByHandle?(handle: string): Promise<Resource>;
+        search(search: string, offset?: number, limit?: number): Promise<Resource[]>;
+        getRequestObject(id: string, resource?: Resource): string;
+    };
+}
+export interface IEcommerceApiFactory {
+    (settings: any): Promise<IEcommerceApi> | IEcommerceApi;
+}
+export type BaseInput<T = any> = {
+    type: string;
+    name: string;
+    defaultValue?: T;
+    label?: string;
+    description?: string;
+    note?: string;
+    required?: boolean;
+};
+export type TextInput = BaseInput<string> & {
+    type: "text";
+    placeholder?: string;
+};
+export type NumberInput = BaseInput<number> & {
+    type: "number";
+    min?: number;
+    max?: number;
+};
+export type BooleanInput = BaseInput<boolean> & {
+    type: "boolean";
+    required?: never;
+};
+export type SelectInput = BaseInput<string> & {
+    type: "select";
+    options: {
+        label: string;
+        value: string;
+    }[];
+};
+export type SettingsInput = TextInput | SelectInput | NumberInput | BooleanInput;

package/ecommerce/types.js

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

package/ecommerce/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export type Image = {\n    width?: number;\n    height?: number;\n    src: string;\n};\n\nexport type Resource = {\n    id: string | number;\n    title: string;\n    handle?: string;\n    image?: Image;\n};\n\nexport interface IEcommerceApi {\n    [resourceName: string]: {\n        findById(id: string): Promise<Resource>;\n        findByHandle?(handle: string): Promise<Resource>;\n        search(search: string, offset?: number, limit?: number): Promise<Resource[]>;\n        getRequestObject(id: string, resource?: Resource): string;\n    };\n}\n\nexport interface IEcommerceApiFactory {\n    (settings: any): Promise<IEcommerceApi> | IEcommerceApi;\n}\n\nexport type BaseInput<T = any> = {\n    type: string;\n    name: string;\n    defaultValue?: T;\n    label?: string;\n    description?: string;\n    note?: string;\n    required?: boolean;\n};\n\nexport type TextInput = BaseInput<string> & {\n    type: \"text\";\n    placeholder?: string;\n};\n\nexport type NumberInput = BaseInput<number> & {\n    type: \"number\";\n    min?: number;\n    max?: number;\n};\n\nexport type BooleanInput = BaseInput<boolean> & {\n    type: \"boolean\";\n    required?: never;\n};\n\nexport type SelectInput = BaseInput<string> & {\n    type: \"select\";\n    options: { label: string; value: string }[];\n};\n\nexport type SettingsInput = TextInput | SelectInput | NumberInput | BooleanInput;\n"],"mappings":"","ignoreList":[]}

package/ecommerce/usePageTypes.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export type PageType = {
+    name: string;
+    label: string;
+    element: React.ReactNode;
+};
+export declare const usePageTypes: () => {
+    pageTypes: Map<string, PageType>;
+    addPageType: (pageType: PageType) => void;
+};

package/ecommerce/usePageTypes.js

@@ -0,0 +1,21 @@
+import React, { useState } from "react";
+import { StaticPageForm } from "../DocumentList/components/Main/CreatePage/StaticPageForm";
+const pageTypes = new Map();
+pageTypes.set("static", {
+  name: "static",
+  label: "Static Page",
+  element: /*#__PURE__*/React.createElement(StaticPageForm, null)
+});
+export const usePageTypes = () => {
+  const [, setCount] = useState(0);
+  const addPageType = pageType => {
+    pageTypes.set(pageType.name, pageType);
+    setCount(count => count + 1);
+  };
+  return {
+    pageTypes,
+    addPageType
+  };
+};
+
+//# sourceMappingURL=usePageTypes.js.map

package/ecommerce/usePageTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","StaticPageForm","pageTypes","Map","set","name","label","element","createElement","usePageTypes","setCount","addPageType","pageType","count"],"sources":["usePageTypes.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { StaticPageForm } from \"~/DocumentList/components/Main/CreatePage/StaticPageForm\";\n\nexport type PageType = {\n    name: string;\n    label: string;\n    element: React.ReactNode;\n};\n\nconst pageTypes: Map<string, PageType> = new Map();\n\npageTypes.set(\"static\", {\n    name: \"static\",\n    label: \"Static Page\",\n    element: <StaticPageForm />\n});\n\nexport const usePageTypes = () => {\n    const [, setCount] = useState(0);\n\n    const addPageType = (pageType: PageType) => {\n        pageTypes.set(pageType.name, pageType);\n        setCount(count => count + 1);\n    };\n\n    return { pageTypes, addPageType };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,cAAc;AAQvB,MAAMC,SAAgC,GAAG,IAAIC,GAAG,CAAC,CAAC;AAElDD,SAAS,CAACE,GAAG,CAAC,QAAQ,EAAE;EACpBC,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE,aAAa;EACpBC,OAAO,eAAER,KAAA,CAAAS,aAAA,CAACP,cAAc,MAAE;AAC9B,CAAC,CAAC;AAEF,OAAO,MAAMQ,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM,GAAGC,QAAQ,CAAC,GAAGV,QAAQ,CAAC,CAAC,CAAC;EAEhC,MAAMW,WAAW,GAAIC,QAAkB,IAAK;IACxCV,SAAS,CAACE,GAAG,CAACQ,QAAQ,CAACP,IAAI,EAAEO,QAAQ,CAAC;IACtCF,QAAQ,CAACG,KAAK,IAAIA,KAAK,GAAG,CAAC,CAAC;EAChC,CAAC;EAED,OAAO;IAAEX,SAAS;IAAES;EAAY,CAAC;AACrC,CAAC","ignoreList":[]}

package/editorSdk/CommandBus.d.ts

@@ -0,0 +1,20 @@
+import type { Command } from "./createCommand.js";
+export * from "./createCommand.js";
+declare const INTERNAL_STOP: unique symbol;
+export type CommandHandler<T> = (payload: T, control: CommandHandlerControl) => void | typeof INTERNAL_STOP | Promise<void | typeof INTERNAL_STOP>;
+export type CommandHandlerControl = {
+    stop: () => typeof INTERNAL_STOP;
+};
+export declare enum CommandPriority {
+    LOW = -100,
+    NORMAL = 0,
+    HIGH = 100,
+    CRITICAL = 1000
+}
+export declare class CommandBus {
+    private handlers;
+    private middleware;
+    register<T>(command: Command<T>, handler: CommandHandler<T>, priority?: CommandPriority): () => void;
+    use(mw: (type: string, payload: any, next: (payload: any) => Promise<void>) => Promise<void>): void;
+    execute<T>(command: Command<T>, payload?: T): Promise<void>;
+}

package/editorSdk/CommandBus.js

@@ -0,0 +1,61 @@
+export * from "./createCommand.js";
+const INTERNAL_STOP = Symbol("INTERNAL_STOP");
+export let CommandPriority = /*#__PURE__*/function (CommandPriority) {
+  CommandPriority[CommandPriority["LOW"] = -100] = "LOW";
+  CommandPriority[CommandPriority["NORMAL"] = 0] = "NORMAL";
+  CommandPriority[CommandPriority["HIGH"] = 100] = "HIGH";
+  CommandPriority[CommandPriority["CRITICAL"] = 1000] = "CRITICAL";
+  return CommandPriority;
+}({});
+export class CommandBus {
+  handlers = new Map();
+  middleware = [];
+  register(command, handler, priority = CommandPriority.NORMAL) {
+    const list = this.handlers.get(command.type) ?? [];
+    const entry = {
+      handler,
+      priority
+    };
+    list.push(entry);
+    list.sort((a, b) => b.priority - a.priority);
+    this.handlers.set(command.type, list);
+
+    // Return an unregister function
+    return () => {
+      const current = this.handlers.get(command.type);
+      if (!current) {
+        return;
+      }
+      const index = current.indexOf(entry);
+      if (index !== -1) {
+        current.splice(index, 1);
+      }
+      if (current.length === 0) {
+        this.handlers.delete(command.type);
+      }
+    };
+  }
+  use(mw) {
+    this.middleware.push(mw);
+  }
+  async execute(command, payload) {
+    const list = this.handlers.get(command.type) ?? [];
+    const runHandlers = async p => {
+      const control = {
+        stop: () => INTERNAL_STOP
+      };
+      for (const entry of list) {
+        const result = await entry.handler(p, control);
+        if (result === INTERNAL_STOP) {
+          break;
+        }
+      }
+    };
+    const composed = this.middleware.reduceRight((next, mw) => async p => mw(command.type, p, next), runHandlers);
+
+    // console.log("[Execute Command]", command.type, payload);
+    await composed(payload);
+  }
+}
+
+//# sourceMappingURL=CommandBus.js.map

package/editorSdk/CommandBus.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["INTERNAL_STOP","Symbol","CommandPriority","CommandBus","handlers","Map","middleware","register","command","handler","priority","NORMAL","list","get","type","entry","push","sort","a","b","set","current","index","indexOf","splice","length","delete","use","mw","execute","payload","runHandlers","p","control","stop","result","composed","reduceRight","next"],"sources":["CommandBus.ts"],"sourcesContent":["import type { Command } from \"./createCommand.js\";\nexport * from \"./createCommand.js\";\n\nconst INTERNAL_STOP = Symbol(\"INTERNAL_STOP\");\n\nexport type CommandHandler<T> = (\n    payload: T,\n    control: CommandHandlerControl\n) => void | typeof INTERNAL_STOP | Promise<void | typeof INTERNAL_STOP>;\n\nexport type CommandHandlerControl = {\n    stop: () => typeof INTERNAL_STOP;\n};\n\nexport enum CommandPriority {\n    LOW = -100,\n    NORMAL = 0,\n    HIGH = 100,\n    CRITICAL = 1000\n}\n\nexport class CommandBus {\n    private handlers = new Map<\n        string,\n        { priority: number; handler: (payload: any, control: CommandHandlerControl) => any }[]\n    >();\n\n    private middleware: ((\n        type: string,\n        payload: any,\n        next: (payload: any) => Promise<void>\n    ) => Promise<void>)[] = [];\n\n    register<T>(\n        command: Command<T>,\n        handler: CommandHandler<T>,\n        priority: CommandPriority = CommandPriority.NORMAL\n    ): () => void {\n        const list = this.handlers.get(command.type) ?? [];\n\n        const entry = { handler, priority };\n        list.push(entry);\n        list.sort((a, b) => b.priority - a.priority);\n        this.handlers.set(command.type, list);\n\n        // Return an unregister function\n        return () => {\n            const current = this.handlers.get(command.type);\n            if (!current) {\n                return;\n            }\n\n            const index = current.indexOf(entry);\n\n            if (index !== -1) {\n                current.splice(index, 1);\n            }\n\n            if (current.length === 0) {\n                this.handlers.delete(command.type);\n            }\n        };\n    }\n\n    use(mw: (type: string, payload: any, next: (payload: any) => Promise<void>) => Promise<void>) {\n        this.middleware.push(mw);\n    }\n\n    async execute<T>(command: Command<T>, payload?: T) {\n        const list = this.handlers.get(command.type) ?? [];\n\n        const runHandlers = async (p?: T) => {\n            const control: CommandHandlerControl = {\n                stop: () => INTERNAL_STOP\n            };\n\n            for (const entry of list) {\n                const result = await entry.handler(p, control);\n                if (result === INTERNAL_STOP) {\n                    break;\n                }\n            }\n        };\n\n        const composed = this.middleware.reduceRight(\n            (next, mw) => async (p?: T) => mw(command.type, p, next),\n            runHandlers\n        );\n\n        // console.log(\"[Execute Command]\", command.type, payload);\n        await composed(payload);\n    }\n}\n"],"mappings":"AACA;AAEA,MAAMA,aAAa,GAAGC,MAAM,CAAC,eAAe,CAAC;AAW7C,WAAYC,eAAe,0BAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA;AAO3B,OAAO,MAAMC,UAAU,CAAC;EACZC,QAAQ,GAAG,IAAIC,GAAG,CAGxB,CAAC;EAEKC,UAAU,GAIM,EAAE;EAE1BC,QAAQA,CACJC,OAAmB,EACnBC,OAA0B,EAC1BC,QAAyB,GAAGR,eAAe,CAACS,MAAM,EACxC;IACV,MAAMC,IAAI,GAAG,IAAI,CAACR,QAAQ,CAACS,GAAG,CAACL,OAAO,CAACM,IAAI,CAAC,IAAI,EAAE;IAElD,MAAMC,KAAK,GAAG;MAAEN,OAAO;MAAEC;IAAS,CAAC;IACnCE,IAAI,CAACI,IAAI,CAACD,KAAK,CAAC;IAChBH,IAAI,CAACK,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAACT,QAAQ,GAAGQ,CAAC,CAACR,QAAQ,CAAC;IAC5C,IAAI,CAACN,QAAQ,CAACgB,GAAG,CAACZ,OAAO,CAACM,IAAI,EAAEF,IAAI,CAAC;;IAErC;IACA,OAAO,MAAM;MACT,MAAMS,OAAO,GAAG,IAAI,CAACjB,QAAQ,CAACS,GAAG,CAACL,OAAO,CAACM,IAAI,CAAC;MAC/C,IAAI,CAACO,OAAO,EAAE;QACV;MACJ;MAEA,MAAMC,KAAK,GAAGD,OAAO,CAACE,OAAO,CAACR,KAAK,CAAC;MAEpC,IAAIO,KAAK,KAAK,CAAC,CAAC,EAAE;QACdD,OAAO,CAACG,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;MAC5B;MAEA,IAAID,OAAO,CAACI,MAAM,KAAK,CAAC,EAAE;QACtB,IAAI,CAACrB,QAAQ,CAACsB,MAAM,CAAClB,OAAO,CAACM,IAAI,CAAC;MACtC;IACJ,CAAC;EACL;EAEAa,GAAGA,CAACC,EAAwF,EAAE;IAC1F,IAAI,CAACtB,UAAU,CAACU,IAAI,CAACY,EAAE,CAAC;EAC5B;EAEA,MAAMC,OAAOA,CAAIrB,OAAmB,EAAEsB,OAAW,EAAE;IAC/C,MAAMlB,IAAI,GAAG,IAAI,CAACR,QAAQ,CAACS,GAAG,CAACL,OAAO,CAACM,IAAI,CAAC,IAAI,EAAE;IAElD,MAAMiB,WAAW,GAAG,MAAOC,CAAK,IAAK;MACjC,MAAMC,OAA8B,GAAG;QACnCC,IAAI,EAAEA,CAAA,KAAMlC;MAChB,CAAC;MAED,KAAK,MAAMe,KAAK,IAAIH,IAAI,EAAE;QACtB,MAAMuB,MAAM,GAAG,MAAMpB,KAAK,CAACN,OAAO,CAACuB,CAAC,EAAEC,OAAO,CAAC;QAC9C,IAAIE,MAAM,KAAKnC,aAAa,EAAE;UAC1B;QACJ;MACJ;IACJ,CAAC;IAED,MAAMoC,QAAQ,GAAG,IAAI,CAAC9B,UAAU,CAAC+B,WAAW,CACxC,CAACC,IAAI,EAAEV,EAAE,KAAK,MAAOI,CAAK,IAAKJ,EAAE,CAACpB,OAAO,CAACM,IAAI,EAAEkB,CAAC,EAAEM,IAAI,CAAC,EACxDP,WACJ,CAAC;;IAED;IACA,MAAMK,QAAQ,CAACN,OAAO,CAAC;EAC3B;AACJ","ignoreList":[]}

package/editorSdk/Editor.d.ts

@@ -0,0 +1,33 @@
+import { ComponentManifest, EditorDocument, EditorViewportData, PreviewViewportData, SerializedComponentGroup } from "../sdk/types";
+import { type Command, CommandHandler, CommandPriority } from "./CommandBus.js";
+import { type StateChangeListener, StateWithHistory } from "./StateWithHistory.js";
+import { type MutableState, State } from "./State.js";
+export type EditorState = {
+    boxes: {
+        preview: PreviewViewportData["boxes"];
+        editor: EditorViewportData["boxes"];
+    };
+    viewport: EditorViewportData["viewport"];
+    selectedElement: string | null;
+    highlightedElement: string | null;
+    showOverlays: boolean;
+    components: Record<string, ComponentManifest>;
+    componentGroups: Record<string, SerializedComponentGroup>;
+    breakpoint?: string;
+    [key: string]: any;
+};
+export declare class Editor<TDocument extends EditorDocument = EditorDocument> {
+    private readonly documentState;
+    private readonly editorState;
+    private readonly commandBus;
+    constructor(initialState: TDocument);
+    registerCommandHandler<T>(command: Command<T>, handler: CommandHandler<T>, priority?: CommandPriority): () => void;
+    executeCommand<T>(command: Command<T>, payload?: T): Promise<void>;
+    undo(): void;
+    redo(): void;
+    updateDocument(cb: (state: MutableState<TDocument>) => void): void;
+    updateEditor(cb: (state: MutableState<EditorState>) => void): void;
+    getEditorState(): State<EditorState>;
+    getDocumentState(): StateWithHistory<TDocument>;
+    onDocumentStateChange(listener: StateChangeListener<TDocument>): () => void;
+}

package/editorSdk/Editor.js

@@ -0,0 +1,57 @@
+import { CommandBus, CommandPriority } from "./CommandBus.js";
+import { StateWithHistory } from "./StateWithHistory.js";
+import { State } from "./State.js";
+export class Editor {
+  constructor(initialState) {
+    this.commandBus = new CommandBus();
+    this.documentState = new StateWithHistory(initialState);
+    this.editorState = new State({
+      showOverlays: true,
+      selectedElement: null,
+      highlightedElement: null,
+      boxes: {
+        preview: {},
+        editor: {}
+      },
+      viewport: {
+        top: 0,
+        left: 0,
+        width: 0,
+        height: 0,
+        scrollX: 0,
+        scrollY: 0
+      },
+      components: {},
+      componentGroups: {}
+    }, false);
+  }
+  registerCommandHandler(command, handler, priority = CommandPriority.NORMAL) {
+    return this.commandBus.register(command, handler, priority);
+  }
+  executeCommand(command, payload) {
+    return this.commandBus.execute(command, payload);
+  }
+  undo() {
+    this.documentState.undo();
+  }
+  redo() {
+    this.documentState.redo();
+  }
+  updateDocument(cb) {
+    this.documentState.update(cb);
+  }
+  updateEditor(cb) {
+    this.editorState.update(cb);
+  }
+  getEditorState() {
+    return this.editorState;
+  }
+  getDocumentState() {
+    return this.documentState;
+  }
+  onDocumentStateChange(listener) {
+    return this.documentState.onStateChange(listener);
+  }
+}
+
+//# sourceMappingURL=Editor.js.map

package/editorSdk/Editor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CommandBus","CommandPriority","StateWithHistory","State","Editor","constructor","initialState","commandBus","documentState","editorState","showOverlays","selectedElement","highlightedElement","boxes","preview","editor","viewport","top","left","width","height","scrollX","scrollY","components","componentGroups","registerCommandHandler","command","handler","priority","NORMAL","register","executeCommand","payload","execute","undo","redo","updateDocument","cb","update","updateEditor","getEditorState","getDocumentState","onDocumentStateChange","listener","onStateChange"],"sources":["Editor.ts"],"sourcesContent":["import {\n    ComponentManifest,\n    EditorDocument,\n    EditorViewportData,\n    PreviewViewportData,\n    SerializedComponentGroup\n} from \"../sdk/types\";\nimport { CommandBus, type Command, CommandHandler, CommandPriority } from \"./CommandBus.js\";\nimport { type StateChangeListener, StateWithHistory } from \"./StateWithHistory.js\";\nimport { type MutableState, State } from \"./State.js\";\n\nexport type EditorState = {\n    boxes: {\n        // Coordinates are relative to the preview iframe.\n        preview: PreviewViewportData[\"boxes\"];\n        // Coordinates are relative to the editor.\n        editor: EditorViewportData[\"boxes\"];\n    };\n    viewport: EditorViewportData[\"viewport\"];\n    selectedElement: string | null;\n    highlightedElement: string | null;\n    showOverlays: boolean;\n    components: Record<string, ComponentManifest>;\n    componentGroups: Record<string, SerializedComponentGroup>;\n    breakpoint?: string;\n    [key: string]: any;\n};\n\nexport class Editor<TDocument extends EditorDocument = EditorDocument> {\n    private readonly documentState: StateWithHistory<TDocument>;\n    private readonly editorState: State<EditorState>;\n    private readonly commandBus: CommandBus;\n\n    constructor(initialState: TDocument) {\n        this.commandBus = new CommandBus();\n        this.documentState = new StateWithHistory(initialState);\n        this.editorState = new State<EditorState>(\n            {\n                showOverlays: true,\n                selectedElement: null,\n                highlightedElement: null,\n                boxes: {\n                    preview: {},\n                    editor: {}\n                },\n                viewport: {\n                    top: 0,\n                    left: 0,\n                    width: 0,\n                    height: 0,\n                    scrollX: 0,\n                    scrollY: 0\n                },\n                components: {},\n                componentGroups: {}\n            },\n            false\n        );\n    }\n\n    registerCommandHandler<T>(\n        command: Command<T>,\n        handler: CommandHandler<T>,\n        priority: CommandPriority = CommandPriority.NORMAL\n    ) {\n        return this.commandBus.register(command, handler, priority);\n    }\n\n    executeCommand<T>(command: Command<T>, payload?: T) {\n        return this.commandBus.execute(command, payload);\n    }\n\n    undo() {\n        this.documentState.undo();\n    }\n\n    redo() {\n        this.documentState.redo();\n    }\n\n    updateDocument(cb: (state: MutableState<TDocument>) => void) {\n        this.documentState.update(cb);\n    }\n\n    updateEditor(cb: (state: MutableState<EditorState>) => void) {\n        this.editorState.update(cb);\n    }\n\n    getEditorState() {\n        return this.editorState;\n    }\n\n    getDocumentState() {\n        return this.documentState;\n    }\n\n    onDocumentStateChange(listener: StateChangeListener<TDocument>) {\n        return this.documentState.onStateChange(listener);\n    }\n}\n"],"mappings":"AAOA,SAASA,UAAU,EAAgCC,eAAe;AAClE,SAAmCC,gBAAgB;AACnD,SAA4BC,KAAK;AAmBjC,OAAO,MAAMC,MAAM,CAAoD;EAKnEC,WAAWA,CAACC,YAAuB,EAAE;IACjC,IAAI,CAACC,UAAU,GAAG,IAAIP,UAAU,CAAC,CAAC;IAClC,IAAI,CAACQ,aAAa,GAAG,IAAIN,gBAAgB,CAACI,YAAY,CAAC;IACvD,IAAI,CAACG,WAAW,GAAG,IAAIN,KAAK,CACxB;MACIO,YAAY,EAAE,IAAI;MAClBC,eAAe,EAAE,IAAI;MACrBC,kBAAkB,EAAE,IAAI;MACxBC,KAAK,EAAE;QACHC,OAAO,EAAE,CAAC,CAAC;QACXC,MAAM,EAAE,CAAC;MACb,CAAC;MACDC,QAAQ,EAAE;QACNC,GAAG,EAAE,CAAC;QACNC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE,CAAC;QACTC,OAAO,EAAE,CAAC;QACVC,OAAO,EAAE;MACb,CAAC;MACDC,UAAU,EAAE,CAAC,CAAC;MACdC,eAAe,EAAE,CAAC;IACtB,CAAC,EACD,KACJ,CAAC;EACL;EAEAC,sBAAsBA,CAClBC,OAAmB,EACnBC,OAA0B,EAC1BC,QAAyB,GAAG3B,eAAe,CAAC4B,MAAM,EACpD;IACE,OAAO,IAAI,CAACtB,UAAU,CAACuB,QAAQ,CAACJ,OAAO,EAAEC,OAAO,EAAEC,QAAQ,CAAC;EAC/D;EAEAG,cAAcA,CAAIL,OAAmB,EAAEM,OAAW,EAAE;IAChD,OAAO,IAAI,CAACzB,UAAU,CAAC0B,OAAO,CAACP,OAAO,EAAEM,OAAO,CAAC;EACpD;EAEAE,IAAIA,CAAA,EAAG;IACH,IAAI,CAAC1B,aAAa,CAAC0B,IAAI,CAAC,CAAC;EAC7B;EAEAC,IAAIA,CAAA,EAAG;IACH,IAAI,CAAC3B,aAAa,CAAC2B,IAAI,CAAC,CAAC;EAC7B;EAEAC,cAAcA,CAACC,EAA4C,EAAE;IACzD,IAAI,CAAC7B,aAAa,CAAC8B,MAAM,CAACD,EAAE,CAAC;EACjC;EAEAE,YAAYA,CAACF,EAA8C,EAAE;IACzD,IAAI,CAAC5B,WAAW,CAAC6B,MAAM,CAACD,EAAE,CAAC;EAC/B;EAEAG,cAAcA,CAAA,EAAG;IACb,OAAO,IAAI,CAAC/B,WAAW;EAC3B;EAEAgC,gBAAgBA,CAAA,EAAG;IACf,OAAO,IAAI,CAACjC,aAAa;EAC7B;EAEAkC,qBAAqBA,CAACC,QAAwC,EAAE;IAC5D,OAAO,IAAI,CAACnC,aAAa,CAACoC,aAAa,CAACD,QAAQ,CAAC;EACrD;AACJ","ignoreList":[]}

package/editorSdk/EditorHistory.d.ts

@@ -0,0 +1,19 @@
+import { HistorySnapshot, type SnapshotState } from "./HistorySnapshot.js";
+interface EditorHistoryParams {
+    snapshots?: SnapshotState[];
+    observeKeys?: string[];
+}
+export declare class EditorHistory {
+    private snapshots;
+    private activeSnapshotIndex;
+    private readonly observeKeys;
+    constructor(params?: EditorHistoryParams);
+    getSnapshots(): HistorySnapshot<SnapshotState>[];
+    trackState(snapshot: SnapshotState): void;
+    getCurrentSnapshot(): HistorySnapshot<SnapshotState>;
+    getActiveSnapshotIndex(): number;
+    goToOlderSnapshot(): HistorySnapshot<SnapshotState>;
+    goToNewerSnapshot(): HistorySnapshot<SnapshotState>;
+    private getValuesOfInterest;
+}
+export {};

package/editorSdk/EditorHistory.js

@@ -0,0 +1,54 @@
+import pick from "lodash/pick";
+import { jsonPatch } from "../sdk/jsonPatch";
+import { HistorySnapshot } from "./HistorySnapshot.js";
+export class EditorHistory {
+  constructor(params) {
+    this.observeKeys = params?.observeKeys ?? [];
+    this.snapshots = (params?.snapshots ?? []).map(state => {
+      const snapshotData = this.getValuesOfInterest(state);
+      return new HistorySnapshot(snapshotData);
+    });
+    this.activeSnapshotIndex = this.snapshots.length - 1;
+  }
+  getSnapshots() {
+    return this.snapshots;
+  }
+  trackState(snapshot) {
+    const newSnapshotState = this.getValuesOfInterest(snapshot);
+    const currentSnapshot = this.snapshots[this.activeSnapshotIndex];
+    const changes = jsonPatch.compare(currentSnapshot.getState(), newSnapshotState);
+    if (changes.length === 0) {
+      return;
+    }
+    const newSnapshot = new HistorySnapshot(newSnapshotState, changes);
+
+    // Values of interest have changed! Create a snapshot.
+    this.snapshots = [...this.snapshots.slice(0, this.activeSnapshotIndex + 1), newSnapshot];
+    this.activeSnapshotIndex = this.snapshots.length - 1;
+  }
+  getCurrentSnapshot() {
+    return this.snapshots[this.activeSnapshotIndex];
+  }
+  getActiveSnapshotIndex() {
+    return this.activeSnapshotIndex;
+  }
+  goToOlderSnapshot() {
+    if (this.activeSnapshotIndex <= 0) {
+      return this.snapshots[this.activeSnapshotIndex];
+    }
+    this.activeSnapshotIndex -= 1;
+    return this.snapshots[this.activeSnapshotIndex];
+  }
+  goToNewerSnapshot() {
+    if (this.activeSnapshotIndex >= this.snapshots.length - 1) {
+      return this.snapshots[this.activeSnapshotIndex];
+    }
+    this.activeSnapshotIndex += 1;
+    return this.snapshots[this.activeSnapshotIndex];
+  }
+  getValuesOfInterest(state) {
+    return this.observeKeys.length > 0 ? pick(state, this.observeKeys) : state;
+  }
+}
+
+//# sourceMappingURL=EditorHistory.js.map

package/editorSdk/EditorHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pick","jsonPatch","HistorySnapshot","EditorHistory","constructor","params","observeKeys","snapshots","map","state","snapshotData","getValuesOfInterest","activeSnapshotIndex","length","getSnapshots","trackState","snapshot","newSnapshotState","currentSnapshot","changes","compare","getState","newSnapshot","slice","getCurrentSnapshot","getActiveSnapshotIndex","goToOlderSnapshot","goToNewerSnapshot"],"sources":["EditorHistory.ts"],"sourcesContent":["import pick from \"lodash/pick\";\nimport { jsonPatch } from \"~/sdk/jsonPatch\";\nimport { HistorySnapshot, type SnapshotState } from \"./HistorySnapshot.js\";\n\ninterface EditorHistoryParams {\n    snapshots?: SnapshotState[];\n    observeKeys?: string[];\n}\n\nexport class EditorHistory {\n    private snapshots: HistorySnapshot[];\n    private activeSnapshotIndex: number;\n    private readonly observeKeys: string[];\n\n    constructor(params?: EditorHistoryParams) {\n        this.observeKeys = params?.observeKeys ?? [];\n        this.snapshots = (params?.snapshots ?? []).map(state => {\n            const snapshotData = this.getValuesOfInterest(state);\n            return new HistorySnapshot(snapshotData);\n        });\n        this.activeSnapshotIndex = this.snapshots.length - 1;\n    }\n\n    getSnapshots() {\n        return this.snapshots;\n    }\n\n    trackState(snapshot: SnapshotState) {\n        const newSnapshotState = this.getValuesOfInterest(snapshot);\n        const currentSnapshot = this.snapshots[this.activeSnapshotIndex];\n\n        const changes = jsonPatch.compare(currentSnapshot.getState(), newSnapshotState);\n        if (changes.length === 0) {\n            return;\n        }\n\n        const newSnapshot = new HistorySnapshot(newSnapshotState, changes);\n\n        // Values of interest have changed! Create a snapshot.\n        this.snapshots = [...this.snapshots.slice(0, this.activeSnapshotIndex + 1), newSnapshot];\n        this.activeSnapshotIndex = this.snapshots.length - 1;\n    }\n\n    getCurrentSnapshot() {\n        return this.snapshots[this.activeSnapshotIndex];\n    }\n\n    getActiveSnapshotIndex() {\n        return this.activeSnapshotIndex;\n    }\n\n    goToOlderSnapshot() {\n        if (this.activeSnapshotIndex <= 0) {\n            return this.snapshots[this.activeSnapshotIndex];\n        }\n\n        this.activeSnapshotIndex -= 1;\n\n        return this.snapshots[this.activeSnapshotIndex];\n    }\n\n    goToNewerSnapshot() {\n        if (this.activeSnapshotIndex >= this.snapshots.length - 1) {\n            return this.snapshots[this.activeSnapshotIndex];\n        }\n\n        this.activeSnapshotIndex += 1;\n        return this.snapshots[this.activeSnapshotIndex];\n    }\n\n    private getValuesOfInterest(state: SnapshotState) {\n        return this.observeKeys.length > 0 ? pick(state, this.observeKeys) : state;\n    }\n}\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,aAAa;AAC9B,SAASC,SAAS;AAClB,SAASC,eAAe;AAOxB,OAAO,MAAMC,aAAa,CAAC;EAKvBC,WAAWA,CAACC,MAA4B,EAAE;IACtC,IAAI,CAACC,WAAW,GAAGD,MAAM,EAAEC,WAAW,IAAI,EAAE;IAC5C,IAAI,CAACC,SAAS,GAAG,CAACF,MAAM,EAAEE,SAAS,IAAI,EAAE,EAAEC,GAAG,CAACC,KAAK,IAAI;MACpD,MAAMC,YAAY,GAAG,IAAI,CAACC,mBAAmB,CAACF,KAAK,CAAC;MACpD,OAAO,IAAIP,eAAe,CAACQ,YAAY,CAAC;IAC5C,CAAC,CAAC;IACF,IAAI,CAACE,mBAAmB,GAAG,IAAI,CAACL,SAAS,CAACM,MAAM,GAAG,CAAC;EACxD;EAEAC,YAAYA,CAAA,EAAG;IACX,OAAO,IAAI,CAACP,SAAS;EACzB;EAEAQ,UAAUA,CAACC,QAAuB,EAAE;IAChC,MAAMC,gBAAgB,GAAG,IAAI,CAACN,mBAAmB,CAACK,QAAQ,CAAC;IAC3D,MAAME,eAAe,GAAG,IAAI,CAACX,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;IAEhE,MAAMO,OAAO,GAAGlB,SAAS,CAACmB,OAAO,CAACF,eAAe,CAACG,QAAQ,CAAC,CAAC,EAAEJ,gBAAgB,CAAC;IAC/E,IAAIE,OAAO,CAACN,MAAM,KAAK,CAAC,EAAE;MACtB;IACJ;IAEA,MAAMS,WAAW,GAAG,IAAIpB,eAAe,CAACe,gBAAgB,EAAEE,OAAO,CAAC;;IAElE;IACA,IAAI,CAACZ,SAAS,GAAG,CAAC,GAAG,IAAI,CAACA,SAAS,CAACgB,KAAK,CAAC,CAAC,EAAE,IAAI,CAACX,mBAAmB,GAAG,CAAC,CAAC,EAAEU,WAAW,CAAC;IACxF,IAAI,CAACV,mBAAmB,GAAG,IAAI,CAACL,SAAS,CAACM,MAAM,GAAG,CAAC;EACxD;EAEAW,kBAAkBA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACjB,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;EACnD;EAEAa,sBAAsBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACb,mBAAmB;EACnC;EAEAc,iBAAiBA,CAAA,EAAG;IAChB,IAAI,IAAI,CAACd,mBAAmB,IAAI,CAAC,EAAE;MAC/B,OAAO,IAAI,CAACL,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;IACnD;IAEA,IAAI,CAACA,mBAAmB,IAAI,CAAC;IAE7B,OAAO,IAAI,CAACL,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;EACnD;EAEAe,iBAAiBA,CAAA,EAAG;IAChB,IAAI,IAAI,CAACf,mBAAmB,IAAI,IAAI,CAACL,SAAS,CAACM,MAAM,GAAG,CAAC,EAAE;MACvD,OAAO,IAAI,CAACN,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;IACnD;IAEA,IAAI,CAACA,mBAAmB,IAAI,CAAC;IAC7B,OAAO,IAAI,CAACL,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;EACnD;EAEQD,mBAAmBA,CAACF,KAAoB,EAAE;IAC9C,OAAO,IAAI,CAACH,WAAW,CAACO,MAAM,GAAG,CAAC,GAAGb,IAAI,CAACS,KAAK,EAAE,IAAI,CAACH,WAAW,CAAC,GAAGG,KAAK;EAC9E;AACJ","ignoreList":[]}

package/editorSdk/HistorySnapshot.d.ts

@@ -0,0 +1,11 @@
+import type { JsonPatchOperation } from "../sdk/jsonPatch";
+export type SnapshotState = Record<string, any>;
+export declare class HistorySnapshot<T = SnapshotState> {
+    private readonly state;
+    private readonly createdOn;
+    private readonly changes;
+    constructor(state: T, changes?: JsonPatchOperation[]);
+    getState(): T;
+    getCreatedOn(): Date;
+    getChanges(): any;
+}

package/editorSdk/HistorySnapshot.js

@@ -0,0 +1,18 @@
+export class HistorySnapshot {
+  constructor(state, changes = []) {
+    this.changes = changes;
+    this.state = state;
+    this.createdOn = new Date();
+  }
+  getState() {
+    return this.state;
+  }
+  getCreatedOn() {
+    return this.createdOn;
+  }
+  getChanges() {
+    return this.changes;
+  }
+}
+
+//# sourceMappingURL=HistorySnapshot.js.map

package/editorSdk/HistorySnapshot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HistorySnapshot","constructor","state","changes","createdOn","Date","getState","getCreatedOn","getChanges"],"sources":["HistorySnapshot.ts"],"sourcesContent":["import type { JsonPatchOperation } from \"~/sdk/jsonPatch\";\n\nexport type SnapshotState = Record<string, any>;\n\nexport class HistorySnapshot<T = SnapshotState> {\n    private readonly state: T;\n    private readonly createdOn: Date;\n    private readonly changes: any;\n\n    constructor(state: T, changes: JsonPatchOperation[] = []) {\n        this.changes = changes;\n        this.state = state;\n        this.createdOn = new Date();\n    }\n\n    getState() {\n        return this.state;\n    }\n\n    getCreatedOn() {\n        return this.createdOn;\n    }\n\n    getChanges() {\n        return this.changes;\n    }\n}\n"],"mappings":"AAIA,OAAO,MAAMA,eAAe,CAAoB;EAK5CC,WAAWA,CAACC,KAAQ,EAAEC,OAA6B,GAAG,EAAE,EAAE;IACtD,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACD,KAAK,GAAGA,KAAK;IAClB,IAAI,CAACE,SAAS,GAAG,IAAIC,IAAI,CAAC,CAAC;EAC/B;EAEAC,QAAQA,CAAA,EAAG;IACP,OAAO,IAAI,CAACJ,KAAK;EACrB;EAEAK,YAAYA,CAAA,EAAG;IACX,OAAO,IAAI,CAACH,SAAS;EACzB;EAEAI,UAAUA,CAAA,EAAG;IACT,OAAO,IAAI,CAACL,OAAO;EACvB;AACJ","ignoreList":[]}

package/editorSdk/State.d.ts

@@ -0,0 +1,20 @@
+import type { GenericRecord } from "@webiny/app/types.js";
+export type MutableState<T> = T;
+export interface IState<TState> {
+    read(): TState;
+    update(cb: (state: MutableState<TState>) => void): void;
+    setState(setter: (state: MutableState<TState>) => TState): void;
+    toJson(): TState;
+}
+export declare class State<TState extends GenericRecord = GenericRecord> implements IState<TState> {
+    private activeState;
+    private pendingState;
+    private readonly usePendingState;
+    constructor(initialState: TState, usePendingState?: boolean);
+    read(): TState;
+    update(cb: (state: MutableState<TState>) => void): void;
+    updateInPlace(cb: (state: MutableState<TState>) => void): void;
+    setState(setter: (state: MutableState<TState>) => TState): void;
+    toJson(): TState;
+    private commitPendingState;
+}