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

package/ecommerce/createResourcePicker.js

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

package/ecommerce/createResourcePicker.js.map

@@ -1 +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.js\";\nimport type { IEcommerceApi } from \"./types.js\";\nimport { ResourcesPickerButton } from \"./components/ResourcesPicker.js\";\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={\"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;IAAS,gBACrBd,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":[]}
+{"version":3,"file":"ecommerce/createResourcePicker.js","sources":["../../src/ecommerce/createResourcePicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentLabel } from \"@webiny/admin-ui\";\nimport type { Editor } from \"~/index.js\";\nimport type { IEcommerceApi } from \"./types.js\";\nimport { ResourcesPickerButton } from \"./components/ResourcesPicker.js\";\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={\"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"],"names":["createResourcePicker","pluginName","api","resourceName","SingleResourcePicker","props","onChange","newValue","value","FormComponentLabel","ResourcesPickerButton"],"mappings":";;;AAMO,MAAMA,uBAAuB,CAChCC,YACAC,KACAC;IAEA,MAAMC,uBAAuB,CAACC;QAC1B,MAAMC,WAAW,CAACC;YACdF,MAAM,QAAQ,CAAC,CAAC,EAAEG,KAAK,EAAE;gBACrBA,MAAM,GAAG,CAACD;YACd;QACJ;QACA,OAAO,WAAP,GACI,oBAAC;YAAI,WAAW;yBACZ,oBAACE,oBAAkBA;YAAC,MAAMJ,MAAM,KAAK;0BACrC,oBAACK,uBAAqBA;YAClB,KAAKR;YACL,cAAcC;YACd,YAAYF;YACZ,OAAOI,MAAM,KAAK;YAClB,UAAUC;;IAI1B;IAEAF,qBAAqB,WAAW,GAAG,GAAGH,aAAaE,cAAc;IAEjE,OAAOC;AACX"}

package/ecommerce/index.js

@@ -1,3 +1 @@
 export * from "./EcommerceIntegration.js";
-
-//# sourceMappingURL=index.js.map

package/ecommerce/types.js

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

package/editorSdk/CommandBus.js

@@ -1,61 +1,52 @@
 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;
+var CommandBus_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);
-  }
+class CommandBus {
+    register(command, handler, priority = 0) {
+        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 ()=>{
+            const current = this.handlers.get(command.type);
+            if (!current) return;
+            const index = current.indexOf(entry);
+            if (-1 !== index) current.splice(index, 1);
+            if (0 === current.length) 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);
+        await composed(payload);
+    }
+    constructor(){
+        this.handlers = new Map();
+        this.middleware = [];
+    }
 }
+export { CommandBus, CommandBus_CommandPriority as CommandPriority };
 
 //# sourceMappingURL=CommandBus.js.map

package/editorSdk/CommandBus.js.map

@@ -1 +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":[]}
+{"version":3,"file":"editorSdk/CommandBus.js","sources":["../../src/editorSdk/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"],"names":["INTERNAL_STOP","Symbol","CommandPriority","CommandBus","command","handler","priority","list","entry","a","b","current","index","mw","payload","runHandlers","p","control","result","composed","next","Map"],"mappings":";AAGA,MAAMA,gBAAgBC,OAAO;AAWtB,IAAKC,6BAAeA,WAAAA,GAAAA,SAAfA,eAAe;;;;;WAAfA;;AAOL,MAAMC;IAYT,SACIC,OAAmB,EACnBC,OAA0B,EAC1BC,WAAAA,CAAkD,EACxC;QACV,MAAMC,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACH,QAAQ,IAAI,KAAK,EAAE;QAElD,MAAMI,QAAQ;YAAEH;YAASC;QAAS;QAClCC,KAAK,IAAI,CAACC;QACVD,KAAK,IAAI,CAAC,CAACE,GAAGC,IAAMA,EAAE,QAAQ,GAAGD,EAAE,QAAQ;QAC3C,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACL,QAAQ,IAAI,EAAEG;QAGhC,OAAO;YACH,MAAMI,UAAU,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACP,QAAQ,IAAI;YAC9C,IAAI,CAACO,SACD;YAGJ,MAAMC,QAAQD,QAAQ,OAAO,CAACH;YAE9B,IAAII,AAAU,OAAVA,OACAD,QAAQ,MAAM,CAACC,OAAO;YAG1B,IAAID,AAAmB,MAAnBA,QAAQ,MAAM,EACd,IAAI,CAAC,QAAQ,CAAC,MAAM,CAACP,QAAQ,IAAI;QAEzC;IACJ;IAEA,IAAIS,EAAwF,EAAE;QAC1F,IAAI,CAAC,UAAU,CAAC,IAAI,CAACA;IACzB;IAEA,MAAM,QAAWT,OAAmB,EAAEU,OAAW,EAAE;QAC/C,MAAMP,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACH,QAAQ,IAAI,KAAK,EAAE;QAElD,MAAMW,cAAc,OAAOC;YACvB,MAAMC,UAAiC;gBACnC,MAAM,IAAMjB;YAChB;YAEA,KAAK,MAAMQ,SAASD,KAAM;gBACtB,MAAMW,SAAS,MAAMV,MAAM,OAAO,CAACQ,GAAGC;gBACtC,IAAIC,WAAWlB,eACX;YAER;QACJ;QAEA,MAAMmB,WAAW,IAAI,CAAC,UAAU,CAAC,WAAW,CACxC,CAACC,MAAMP,KAAO,OAAOG,IAAUH,GAAGT,QAAQ,IAAI,EAAEY,GAAGI,OACnDL;QAIJ,MAAMI,SAASL;IACnB;;aArEQ,QAAQ,GAAG,IAAIO;aAKf,UAAU,GAIM,EAAE;;AA6D9B"}

package/editorSdk/Editor.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentManifest, EditorDocument, EditorViewportData, PreviewViewportData, SerializedComponentGroup } from "@webiny/website-builder-sdk";
+import type { ComponentManifest, EditorDocument, EditorOptions, EditorViewportData, PreviewViewportData, SerializedComponentGroup } from "@webiny/website-builder-sdk";
 import type { CommandHandler } from "./CommandBus.js";
 import { type Command, CommandPriority } from "./CommandBus.js";
 import { type StateChangeListener, StateWithHistory } from "./StateWithHistory.js";
@@ -26,13 +26,15 @@ export declare class Editor<TDocument extends EditorDocument = EditorDocument> {
     private readonly documentState;
     private readonly editorState;
     private readonly commandBus;
-    constructor(initialState: TDocument);
+    private readonly options;
+    constructor(initialState: TDocument, options?: EditorOptions);
     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;
+    getEditorOptions(): EditorOptions;
     getEditorState(): State<EditorState>;
     getDocumentState(): StateWithHistory<TDocument>;
     onDocumentStateChange(listener: StateChangeListener<TDocument>): () => void;

package/editorSdk/Editor.js

@@ -1,66 +1,71 @@
 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({
-      uiReservedSpace: {
-        width: 0,
-        height: 0
-      },
-      isReadOnly: false,
-      showOverlays: true,
-      selectedElement: null,
-      highlightedElement: null,
-      boxes: {
-        preview: {},
-        editor: {}
-      },
-      viewport: {
-        top: 0,
-        left: 0,
-        width: 0,
-        height: 0,
-        scrollX: 0,
-        scrollY: 0,
-        scrollWidth: 0,
-        scrollHeight: 0,
-        breakpoint: "desktop",
-        breakpoints: []
-      },
-      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);
-  }
+class Editor {
+    constructor(initialState, options){
+        this.commandBus = new CommandBus();
+        this.documentState = new StateWithHistory(initialState);
+        this.options = options || {};
+        this.editorState = new State({
+            uiReservedSpace: {
+                width: 0,
+                height: 0
+            },
+            isReadOnly: options?.isReadOnly || false,
+            showOverlays: true,
+            selectedElement: null,
+            highlightedElement: null,
+            boxes: {
+                preview: {},
+                editor: {}
+            },
+            viewport: {
+                top: 0,
+                left: 0,
+                width: 0,
+                height: 0,
+                scrollX: 0,
+                scrollY: 0,
+                scrollWidth: 0,
+                scrollHeight: 0,
+                breakpoint: "desktop",
+                breakpoints: []
+            },
+            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);
+    }
+    getEditorOptions() {
+        return this.options;
+    }
+    getEditorState() {
+        return this.editorState;
+    }
+    getDocumentState() {
+        return this.documentState;
+    }
+    onDocumentStateChange(listener) {
+        return this.documentState.onStateChange(listener);
+    }
 }
+export { Editor };
 
 //# sourceMappingURL=Editor.js.map

package/editorSdk/Editor.js.map

@@ -1 +1 @@
-{"version":3,"names":["CommandBus","CommandPriority","StateWithHistory","State","Editor","constructor","initialState","commandBus","documentState","editorState","uiReservedSpace","width","height","isReadOnly","showOverlays","selectedElement","highlightedElement","boxes","preview","editor","viewport","top","left","scrollX","scrollY","scrollWidth","scrollHeight","breakpoint","breakpoints","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 type {\n    ComponentManifest,\n    EditorDocument,\n    EditorViewportData,\n    PreviewViewportData,\n    SerializedComponentGroup\n} from \"@webiny/website-builder-sdk\";\nimport type { CommandHandler } from \"./CommandBus.js\";\nimport { CommandBus, type Command, CommandPriority } from \"./CommandBus.js\";\nimport { type StateChangeListener, StateWithHistory } from \"./StateWithHistory.js\";\nimport { type MutableState, State } from \"./State.js\";\n\nexport type EditorState = {\n    uiReservedSpace: { width: number; height: number };\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    components: Record<string, ComponentManifest>;\n    componentGroups: Record<string, SerializedComponentGroup>;\n    isReadOnly: boolean;\n    showOverlays: boolean;\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                uiReservedSpace: { width: 0, height: 0 },\n                isReadOnly: false,\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                    scrollWidth: 0,\n                    scrollHeight: 0,\n                    breakpoint: \"desktop\",\n                    breakpoints: []\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":"AAQA,SAASA,UAAU,EAAgBC,eAAe;AAClD,SAAmCC,gBAAgB;AACnD,SAA4BC,KAAK;AAqBjC,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,eAAe,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACxCC,UAAU,EAAE,KAAK;MACjBC,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;QACPX,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE,CAAC;QACTW,OAAO,EAAE,CAAC;QACVC,OAAO,EAAE,CAAC;QACVC,WAAW,EAAE,CAAC;QACdC,YAAY,EAAE,CAAC;QACfC,UAAU,EAAE,SAAS;QACrBC,WAAW,EAAE;MACjB,CAAC;MACDC,UAAU,EAAE,CAAC,CAAC;MACdC,eAAe,EAAE,CAAC;IACtB,CAAC,EACD,KACJ,CAAC;EACL;EAEAC,sBAAsBA,CAClBC,OAAmB,EACnBC,OAA0B,EAC1BC,QAAyB,GAAGjC,eAAe,CAACkC,MAAM,EACpD;IACE,OAAO,IAAI,CAAC5B,UAAU,CAAC6B,QAAQ,CAACJ,OAAO,EAAEC,OAAO,EAAEC,QAAQ,CAAC;EAC/D;EAEAG,cAAcA,CAAIL,OAAmB,EAAEM,OAAW,EAAE;IAChD,OAAO,IAAI,CAAC/B,UAAU,CAACgC,OAAO,CAACP,OAAO,EAAEM,OAAO,CAAC;EACpD;EAEAE,IAAIA,CAAA,EAAG;IACH,IAAI,CAAChC,aAAa,CAACgC,IAAI,CAAC,CAAC;EAC7B;EAEAC,IAAIA,CAAA,EAAG;IACH,IAAI,CAACjC,aAAa,CAACiC,IAAI,CAAC,CAAC;EAC7B;EAEAC,cAAcA,CAACC,EAA4C,EAAE;IACzD,IAAI,CAACnC,aAAa,CAACoC,MAAM,CAACD,EAAE,CAAC;EACjC;EAEAE,YAAYA,CAACF,EAA8C,EAAE;IACzD,IAAI,CAAClC,WAAW,CAACmC,MAAM,CAACD,EAAE,CAAC;EAC/B;EAEAG,cAAcA,CAAA,EAAG;IACb,OAAO,IAAI,CAACrC,WAAW;EAC3B;EAEAsC,gBAAgBA,CAAA,EAAG;IACf,OAAO,IAAI,CAACvC,aAAa;EAC7B;EAEAwC,qBAAqBA,CAACC,QAAwC,EAAE;IAC5D,OAAO,IAAI,CAACzC,aAAa,CAAC0C,aAAa,CAACD,QAAQ,CAAC;EACrD;AACJ","ignoreList":[]}
+{"version":3,"file":"editorSdk/Editor.js","sources":["../../src/editorSdk/Editor.ts"],"sourcesContent":["import type {\n    ComponentManifest,\n    EditorDocument,\n    EditorOptions,\n    EditorViewportData,\n    PreviewViewportData,\n    SerializedComponentGroup\n} from \"@webiny/website-builder-sdk\";\nimport type { CommandHandler } from \"./CommandBus.js\";\nimport { type Command, CommandBus, CommandPriority } from \"./CommandBus.js\";\nimport { type StateChangeListener, StateWithHistory } from \"./StateWithHistory.js\";\nimport { type MutableState, State } from \"./State.js\";\n\nexport type EditorState = {\n    uiReservedSpace: { width: number; height: number };\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    components: Record<string, ComponentManifest>;\n    componentGroups: Record<string, SerializedComponentGroup>;\n    isReadOnly: boolean;\n    showOverlays: boolean;\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    private readonly options: EditorOptions;\n\n    constructor(initialState: TDocument, options?: EditorOptions) {\n        this.commandBus = new CommandBus();\n        this.documentState = new StateWithHistory(initialState);\n\n        this.options = options || {};\n\n        this.editorState = new State<EditorState>(\n            {\n                uiReservedSpace: { width: 0, height: 0 },\n                isReadOnly: options?.isReadOnly || false,\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                    scrollWidth: 0,\n                    scrollHeight: 0,\n                    breakpoint: \"desktop\",\n                    breakpoints: []\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    public getEditorOptions(): EditorOptions {\n        return this.options;\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"],"names":["Editor","initialState","options","CommandBus","StateWithHistory","State","command","handler","priority","CommandPriority","payload","cb","listener"],"mappings":";;;AAgCO,MAAMA;IAMT,YAAYC,YAAuB,EAAEC,OAAuB,CAAE;QAC1D,IAAI,CAAC,UAAU,GAAG,IAAIC;QACtB,IAAI,CAAC,aAAa,GAAG,IAAIC,iBAAiBH;QAE1C,IAAI,CAAC,OAAO,GAAGC,WAAW,CAAC;QAE3B,IAAI,CAAC,WAAW,GAAG,IAAIG,MACnB;YACI,iBAAiB;gBAAE,OAAO;gBAAG,QAAQ;YAAE;YACvC,YAAYH,SAAS,cAAc;YACnC,cAAc;YACd,iBAAiB;YACjB,oBAAoB;YACpB,OAAO;gBACH,SAAS,CAAC;gBACV,QAAQ,CAAC;YACb;YACA,UAAU;gBACN,KAAK;gBACL,MAAM;gBACN,OAAO;gBACP,QAAQ;gBACR,SAAS;gBACT,SAAS;gBACT,aAAa;gBACb,cAAc;gBACd,YAAY;gBACZ,aAAa,EAAE;YACnB;YACA,YAAY,CAAC;YACb,iBAAiB,CAAC;QACtB,GACA;IAER;IAEA,uBACII,OAAmB,EACnBC,OAA0B,EAC1BC,WAA4BC,gBAAgB,MAAM,EACpD;QACE,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAACH,SAASC,SAASC;IACtD;IAEA,eAAkBF,OAAmB,EAAEI,OAAW,EAAE;QAChD,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAACJ,SAASI;IAC5C;IAEA,OAAO;QACH,IAAI,CAAC,aAAa,CAAC,IAAI;IAC3B;IAEA,OAAO;QACH,IAAI,CAAC,aAAa,CAAC,IAAI;IAC3B;IAEA,eAAeC,EAA4C,EAAE;QACzD,IAAI,CAAC,aAAa,CAAC,MAAM,CAACA;IAC9B;IAEA,aAAaA,EAA8C,EAAE;QACzD,IAAI,CAAC,WAAW,CAAC,MAAM,CAACA;IAC5B;IAEO,mBAAkC;QACrC,OAAO,IAAI,CAAC,OAAO;IACvB;IAEA,iBAAiB;QACb,OAAO,IAAI,CAAC,WAAW;IAC3B;IAEA,mBAAmB;QACf,OAAO,IAAI,CAAC,aAAa;IAC7B;IAEA,sBAAsBC,QAAwC,EAAE;QAC5D,OAAO,IAAI,CAAC,aAAa,CAAC,aAAa,CAACA;IAC5C;AACJ"}

package/editorSdk/EditorHistory.js

@@ -1,54 +1,50 @@
 import pick from "lodash/pick.js";
 import { jsonPatch } from "@webiny/website-builder-sdk";
 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;
-  }
+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 (0 === changes.length) return;
+        const newSnapshot = new HistorySnapshot(newSnapshotState, changes);
+        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;
+    }
 }
+export { EditorHistory };
 
 //# sourceMappingURL=EditorHistory.js.map

package/editorSdk/EditorHistory.js.map

@@ -1 +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.js\";\nimport { jsonPatch } from \"@webiny/website-builder-sdk\";\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,gBAAgB;AACjC,SAASC,SAAS,QAAQ,6BAA6B;AACvD,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":[]}
+{"version":3,"file":"editorSdk/EditorHistory.js","sources":["../../src/editorSdk/EditorHistory.ts"],"sourcesContent":["import pick from \"lodash/pick.js\";\nimport { jsonPatch } from \"@webiny/website-builder-sdk\";\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"],"names":["EditorHistory","params","state","snapshotData","HistorySnapshot","snapshot","newSnapshotState","currentSnapshot","changes","jsonPatch","newSnapshot","pick"],"mappings":";;;AASO,MAAMA;IAKT,YAAYC,MAA4B,CAAE;QACtC,IAAI,CAAC,WAAW,GAAGA,QAAQ,eAAe,EAAE;QAC5C,IAAI,CAAC,SAAS,GAAIA,AAAAA,CAAAA,QAAQ,aAAa,EAAC,EAAG,GAAG,CAACC,CAAAA;YAC3C,MAAMC,eAAe,IAAI,CAAC,mBAAmB,CAACD;YAC9C,OAAO,IAAIE,gBAAgBD;QAC/B;QACA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG;IACvD;IAEA,eAAe;QACX,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,WAAWE,QAAuB,EAAE;QAChC,MAAMC,mBAAmB,IAAI,CAAC,mBAAmB,CAACD;QAClD,MAAME,kBAAkB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC;QAEhE,MAAMC,UAAUC,UAAU,OAAO,CAACF,gBAAgB,QAAQ,IAAID;QAC9D,IAAIE,AAAmB,MAAnBA,QAAQ,MAAM,EACd;QAGJ,MAAME,cAAc,IAAIN,gBAAgBE,kBAAkBE;QAG1D,IAAI,CAAC,SAAS,GAAG;eAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,mBAAmB,GAAG;YAAIE;SAAY;QACxF,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG;IACvD;IAEA,qBAAqB;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC;IACnD;IAEA,yBAAyB;QACrB,OAAO,IAAI,CAAC,mBAAmB;IACnC;IAEA,oBAAoB;QAChB,IAAI,IAAI,CAAC,mBAAmB,IAAI,GAC5B,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC;QAGnD,IAAI,CAAC,mBAAmB,IAAI;QAE5B,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC;IACnD;IAEA,oBAAoB;QAChB,IAAI,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,GACpD,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC;QAGnD,IAAI,CAAC,mBAAmB,IAAI;QAC5B,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC;IACnD;IAEQ,oBAAoBR,KAAoB,EAAE;QAC9C,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,IAAIS,KAAKT,OAAO,IAAI,CAAC,WAAW,IAAIA;IACzE;AACJ"}

package/editorSdk/HistorySnapshot.js

@@ -1,18 +1,19 @@
-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;
-  }
+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;
+    }
 }
+export { HistorySnapshot };
 
 //# sourceMappingURL=HistorySnapshot.js.map

package/editorSdk/HistorySnapshot.js.map

@@ -1 +1 @@
-{"version":3,"names":["HistorySnapshot","constructor","state","changes","createdOn","Date","getState","getCreatedOn","getChanges"],"sources":["HistorySnapshot.ts"],"sourcesContent":["import type { JsonPatchOperation } from \"@webiny/website-builder-sdk\";\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":[]}
+{"version":3,"file":"editorSdk/HistorySnapshot.js","sources":["../../src/editorSdk/HistorySnapshot.ts"],"sourcesContent":["import type { JsonPatchOperation } from \"@webiny/website-builder-sdk\";\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"],"names":["HistorySnapshot","state","changes","Date"],"mappings":"AAIO,MAAMA;IAKT,YAAYC,KAAQ,EAAEC,UAAgC,EAAE,CAAE;QACtD,IAAI,CAAC,OAAO,GAAGA;QACf,IAAI,CAAC,KAAK,GAAGD;QACb,IAAI,CAAC,SAAS,GAAG,IAAIE;IACzB;IAEA,WAAW;QACP,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,eAAe;QACX,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,aAAa;QACT,OAAO,IAAI,CAAC,OAAO;IACvB;AACJ"}