@webiny/app-website-builder 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

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;;gDAEd;8CACF;kDACI;WAJHA;;AAOL,MAAMC;IAYT,SACIC,OAAmB,EACnBC,OAA0B,EAC1BC,WApBK,CAoB6C,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

@@ -20,6 +20,8 @@ export type EditorState = {
     isReadOnly: boolean;
     showOverlays: boolean;
     breakpoint?: string;
+    /** The light/dark mode the canvas is previewed in. Undefined follows the theme's own default. */
+    themeMode?: string;
     [key: string]: any;
 };
 export declare class Editor<TDocument extends EditorDocument = EditorDocument> {

package/editorSdk/Editor.js

@@ -1,70 +1,71 @@
 import { CommandBus, CommandPriority } from "./CommandBus.js";
 import { StateWithHistory } from "./StateWithHistory.js";
 import { State } from "./State.js";
-export 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);
-  }
+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","options","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","getEditorOptions","getEditorState","getDocumentState","onDocumentStateChange","listener","onStateChange"],"sources":["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"],"mappings":"AASA,SAAuBA,UAAU,EAAEC,eAAe;AAClD,SAAmCC,gBAAgB;AACnD,SAA4BC,KAAK;AAqBjC,OAAO,MAAMC,MAAM,CAAoD;EAMnEC,WAAWA,CAACC,YAAuB,EAAEC,OAAuB,EAAE;IAC1D,IAAI,CAACC,UAAU,GAAG,IAAIR,UAAU,CAAC,CAAC;IAClC,IAAI,CAACS,aAAa,GAAG,IAAIP,gBAAgB,CAACI,YAAY,CAAC;IAEvD,IAAI,CAACC,OAAO,GAAGA,OAAO,IAAI,CAAC,CAAC;IAE5B,IAAI,CAACG,WAAW,GAAG,IAAIP,KAAK,CACxB;MACIQ,eAAe,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACxCC,UAAU,EAAEP,OAAO,EAAEO,UAAU,IAAI,KAAK;MACxCC,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,GAAGlC,eAAe,CAACmC,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;EAEOG,gBAAgBA,CAAA,EAAkB;IACrC,OAAO,IAAI,CAACxC,OAAO;EACvB;EAEAyC,cAAcA,CAAA,EAAG;IACb,OAAO,IAAI,CAACtC,WAAW;EAC3B;EAEAuC,gBAAgBA,CAAA,EAAG;IACf,OAAO,IAAI,CAACxC,aAAa;EAC7B;EAEAyC,qBAAqBA,CAACC,QAAwC,EAAE;IAC5D,OAAO,IAAI,CAAC1C,aAAa,CAAC2C,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    /** The light/dark mode the canvas is previewed in. Undefined follows the theme's own default. */\n    themeMode?: 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":";;;AAkCO,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"}

package/editorSdk/State.js

@@ -1,50 +1,50 @@
-import { makeAutoObservable, toJS, runInAction, observable } from "mobx";
+import { makeAutoObservable, observable, runInAction, toJS } from "mobx";
 import { scheduleMicroTask } from "./scheduleMicroTask.js";
-export class State {
-  usePendingState = true;
-  constructor(initialState, usePendingState = true) {
-    this.usePendingState = usePendingState;
-    this.activeState = initialState;
-    makeAutoObservable(this, {
-      // @ts-ignore 123
-      activeState: observable
-    });
-  }
-  read() {
-    return this.pendingState || this.activeState;
-  }
-  update(cb) {
-    if (this.usePendingState) {
-      if (!this.pendingState) {
-        this.pendingState = structuredClone(toJS(this.activeState));
-        this.commitPendingState();
-      }
-      cb(this.pendingState);
-      return;
+class State {
+    constructor(initialState, usePendingState = true){
+        this.usePendingState = true;
+        this.usePendingState = usePendingState;
+        this.activeState = initialState;
+        makeAutoObservable(this, {
+            activeState: observable
+        });
     }
-    runInAction(() => {
-      cb(this.activeState);
-    });
-  }
-  updateInPlace(cb) {
-    cb(this.activeState);
-  }
-  setState(setter) {
-    this.activeState = observable(setter(this.activeState));
-  }
-  toJson() {
-    return toJS(this.activeState);
-  }
-  commitPendingState() {
-    scheduleMicroTask(() => {
-      runInAction(() => {
-        if (this.pendingState) {
-          this.activeState = observable(this.pendingState);
-          this.pendingState = undefined;
+    read() {
+        return this.pendingState || this.activeState;
+    }
+    update(cb) {
+        if (this.usePendingState) {
+            if (!this.pendingState) {
+                this.pendingState = structuredClone(toJS(this.activeState));
+                this.commitPendingState();
+            }
+            cb(this.pendingState);
+            return;
         }
-      });
-    });
-  }
+        runInAction(()=>{
+            cb(this.activeState);
+        });
+    }
+    updateInPlace(cb) {
+        cb(this.activeState);
+    }
+    setState(setter) {
+        this.activeState = observable(setter(this.activeState));
+    }
+    toJson() {
+        return toJS(this.activeState);
+    }
+    commitPendingState() {
+        scheduleMicroTask(()=>{
+            runInAction(()=>{
+                if (this.pendingState) {
+                    this.activeState = observable(this.pendingState);
+                    this.pendingState = void 0;
+                }
+            });
+        });
+    }
 }
+export { State };
 
 //# sourceMappingURL=State.js.map

package/editorSdk/State.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","toJS","runInAction","observable","scheduleMicroTask","State","usePendingState","constructor","initialState","activeState","read","pendingState","update","cb","structuredClone","commitPendingState","updateInPlace","setState","setter","toJson","undefined"],"sources":["State.ts"],"sourcesContent":["import { makeAutoObservable, toJS, runInAction, observable } from \"mobx\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\nimport { scheduleMicroTask } from \"./scheduleMicroTask.js\";\n\nexport type MutableState<T> = T;\n\nexport interface IState<TState> {\n    read(): TState;\n    update(cb: (state: MutableState<TState>) => void): void;\n    setState(setter: (state: MutableState<TState>) => TState): void;\n    toJson(): TState;\n}\n\nexport class State<TState extends GenericRecord = GenericRecord> implements IState<TState> {\n    private activeState: TState;\n    private pendingState: TState | undefined;\n    private readonly usePendingState: boolean = true;\n\n    constructor(initialState: TState, usePendingState: boolean = true) {\n        this.usePendingState = usePendingState;\n        this.activeState = initialState;\n        makeAutoObservable(this, {\n            // @ts-ignore 123\n            activeState: observable\n        });\n    }\n\n    read(): TState {\n        return this.pendingState || this.activeState;\n    }\n\n    update(cb: (state: MutableState<TState>) => void) {\n        if (this.usePendingState) {\n            if (!this.pendingState) {\n                this.pendingState = structuredClone(toJS(this.activeState));\n                this.commitPendingState();\n            }\n\n            cb(this.pendingState);\n            return;\n        }\n\n        runInAction(() => {\n            cb(this.activeState);\n        });\n    }\n\n    updateInPlace(cb: (state: MutableState<TState>) => void) {\n        cb(this.activeState);\n    }\n\n    setState(setter: (state: MutableState<TState>) => TState) {\n        this.activeState = observable(setter(this.activeState));\n    }\n\n    toJson() {\n        return toJS(this.activeState);\n    }\n\n    private commitPendingState() {\n        scheduleMicroTask(() => {\n            runInAction(() => {\n                if (this.pendingState) {\n                    this.activeState = observable(this.pendingState);\n                    this.pendingState = undefined;\n                }\n            });\n        });\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,IAAI,EAAEC,WAAW,EAAEC,UAAU,QAAQ,MAAM;AAExE,SAASC,iBAAiB;AAW1B,OAAO,MAAMC,KAAK,CAAyE;EAGtEC,eAAe,GAAY,IAAI;EAEhDC,WAAWA,CAACC,YAAoB,EAAEF,eAAwB,GAAG,IAAI,EAAE;IAC/D,IAAI,CAACA,eAAe,GAAGA,eAAe;IACtC,IAAI,CAACG,WAAW,GAAGD,YAAY;IAC/BR,kBAAkB,CAAC,IAAI,EAAE;MACrB;MACAS,WAAW,EAAEN;IACjB,CAAC,CAAC;EACN;EAEAO,IAAIA,CAAA,EAAW;IACX,OAAO,IAAI,CAACC,YAAY,IAAI,IAAI,CAACF,WAAW;EAChD;EAEAG,MAAMA,CAACC,EAAyC,EAAE;IAC9C,IAAI,IAAI,CAACP,eAAe,EAAE;MACtB,IAAI,CAAC,IAAI,CAACK,YAAY,EAAE;QACpB,IAAI,CAACA,YAAY,GAAGG,eAAe,CAACb,IAAI,CAAC,IAAI,CAACQ,WAAW,CAAC,CAAC;QAC3D,IAAI,CAACM,kBAAkB,CAAC,CAAC;MAC7B;MAEAF,EAAE,CAAC,IAAI,CAACF,YAAY,CAAC;MACrB;IACJ;IAEAT,WAAW,CAAC,MAAM;MACdW,EAAE,CAAC,IAAI,CAACJ,WAAW,CAAC;IACxB,CAAC,CAAC;EACN;EAEAO,aAAaA,CAACH,EAAyC,EAAE;IACrDA,EAAE,CAAC,IAAI,CAACJ,WAAW,CAAC;EACxB;EAEAQ,QAAQA,CAACC,MAA+C,EAAE;IACtD,IAAI,CAACT,WAAW,GAAGN,UAAU,CAACe,MAAM,CAAC,IAAI,CAACT,WAAW,CAAC,CAAC;EAC3D;EAEAU,MAAMA,CAAA,EAAG;IACL,OAAOlB,IAAI,CAAC,IAAI,CAACQ,WAAW,CAAC;EACjC;EAEQM,kBAAkBA,CAAA,EAAG;IACzBX,iBAAiB,CAAC,MAAM;MACpBF,WAAW,CAAC,MAAM;QACd,IAAI,IAAI,CAACS,YAAY,EAAE;UACnB,IAAI,CAACF,WAAW,GAAGN,UAAU,CAAC,IAAI,CAACQ,YAAY,CAAC;UAChD,IAAI,CAACA,YAAY,GAAGS,SAAS;QACjC;MACJ,CAAC,CAAC;IACN,CAAC,CAAC;EACN;AACJ","ignoreList":[]}
+{"version":3,"file":"editorSdk/State.js","sources":["../../src/editorSdk/State.ts"],"sourcesContent":["import { makeAutoObservable, toJS, runInAction, observable } from \"mobx\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\nimport { scheduleMicroTask } from \"./scheduleMicroTask.js\";\n\nexport type MutableState<T> = T;\n\nexport interface IState<TState> {\n    read(): TState;\n    update(cb: (state: MutableState<TState>) => void): void;\n    setState(setter: (state: MutableState<TState>) => TState): void;\n    toJson(): TState;\n}\n\nexport class State<TState extends GenericRecord = GenericRecord> implements IState<TState> {\n    private activeState: TState;\n    private pendingState: TState | undefined;\n    private readonly usePendingState: boolean = true;\n\n    constructor(initialState: TState, usePendingState: boolean = true) {\n        this.usePendingState = usePendingState;\n        this.activeState = initialState;\n        makeAutoObservable(this, {\n            // @ts-ignore 123\n            activeState: observable\n        });\n    }\n\n    read(): TState {\n        return this.pendingState || this.activeState;\n    }\n\n    update(cb: (state: MutableState<TState>) => void) {\n        if (this.usePendingState) {\n            if (!this.pendingState) {\n                this.pendingState = structuredClone(toJS(this.activeState));\n                this.commitPendingState();\n            }\n\n            cb(this.pendingState);\n            return;\n        }\n\n        runInAction(() => {\n            cb(this.activeState);\n        });\n    }\n\n    updateInPlace(cb: (state: MutableState<TState>) => void) {\n        cb(this.activeState);\n    }\n\n    setState(setter: (state: MutableState<TState>) => TState) {\n        this.activeState = observable(setter(this.activeState));\n    }\n\n    toJson() {\n        return toJS(this.activeState);\n    }\n\n    private commitPendingState() {\n        scheduleMicroTask(() => {\n            runInAction(() => {\n                if (this.pendingState) {\n                    this.activeState = observable(this.pendingState);\n                    this.pendingState = undefined;\n                }\n            });\n        });\n    }\n}\n"],"names":["State","initialState","usePendingState","makeAutoObservable","observable","cb","structuredClone","toJS","runInAction","setter","scheduleMicroTask","undefined"],"mappings":";;AAaO,MAAMA;IAKT,YAAYC,YAAoB,EAAEC,kBAA2B,IAAI,CAAE;aAFlD,eAAe,GAAY;QAGxC,IAAI,CAAC,eAAe,GAAGA;QACvB,IAAI,CAAC,WAAW,GAAGD;QACnBE,mBAAmB,IAAI,EAAE;YAErB,aAAaC;QACjB;IACJ;IAEA,OAAe;QACX,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,WAAW;IAChD;IAEA,OAAOC,EAAyC,EAAE;QAC9C,IAAI,IAAI,CAAC,eAAe,EAAE;YACtB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;gBACpB,IAAI,CAAC,YAAY,GAAGC,gBAAgBC,KAAK,IAAI,CAAC,WAAW;gBACzD,IAAI,CAAC,kBAAkB;YAC3B;YAEAF,GAAG,IAAI,CAAC,YAAY;YACpB;QACJ;QAEAG,YAAY;YACRH,GAAG,IAAI,CAAC,WAAW;QACvB;IACJ;IAEA,cAAcA,EAAyC,EAAE;QACrDA,GAAG,IAAI,CAAC,WAAW;IACvB;IAEA,SAASI,MAA+C,EAAE;QACtD,IAAI,CAAC,WAAW,GAAGL,WAAWK,OAAO,IAAI,CAAC,WAAW;IACzD;IAEA,SAAS;QACL,OAAOF,KAAK,IAAI,CAAC,WAAW;IAChC;IAEQ,qBAAqB;QACzBG,kBAAkB;YACdF,YAAY;gBACR,IAAI,IAAI,CAAC,YAAY,EAAE;oBACnB,IAAI,CAAC,WAAW,GAAGJ,WAAW,IAAI,CAAC,YAAY;oBAC/C,IAAI,CAAC,YAAY,GAAGO;gBACxB;YACJ;QACJ;IACJ;AACJ"}