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

package/editorSdk/StateWithHistory.js

@@ -1,96 +1,91 @@
-import { makeObservable, autorun, observable } from "mobx";
+import { autorun, makeObservable, observable } from "mobx";
 import { EditorHistory } from "./EditorHistory.js";
 import { State } from "./State.js";
 import { jsonPatch } from "@webiny/website-builder-sdk";
-export class StateWithHistory {
-  stateListeners = [];
-  timeTravel = true;
-  constructor(initialState) {
-    this.history = new EditorHistory({
-      snapshots: [initialState],
-      observeKeys: ["elements", "bindings"]
-    });
-    this.state = new State(initialState);
-    makeObservable(this, {
-      state: observable
-    });
-    const handleStateUpdate = newState => {
-      if (!this.timeTravel) {
-        return;
-      }
-      const previousState = this.previousState ?? {};
-      const diff = jsonPatch.compare(previousState, newState);
-      this.previousState = undefined;
-      this.history.trackState(newState);
-      if (diff.length) {
+class StateWithHistory {
+    constructor(initialState){
+        this.stateListeners = [];
+        this.timeTravel = true;
+        this.history = new EditorHistory({
+            snapshots: [
+                initialState
+            ],
+            observeKeys: [
+                "elements",
+                "bindings"
+            ]
+        });
+        this.state = new State(initialState);
+        makeObservable(this, {
+            state: observable
+        });
+        const handleStateUpdate = (newState)=>{
+            if (!this.timeTravel) return;
+            const previousState = this.previousState ?? {};
+            const diff = jsonPatch.compare(previousState, newState);
+            this.previousState = void 0;
+            this.history.trackState(newState);
+            if (diff.length) this.executeStateListeners({
+                reason: "update",
+                diff,
+                state: newState
+            });
+        };
+        autorun(()=>{
+            const newState = this.state.toJson();
+            handleStateUpdate(newState);
+        });
+    }
+    read() {
+        return this.state.read();
+    }
+    toJson() {
+        return this.state.toJson();
+    }
+    setState(setter) {
+        this.state.setState(setter);
+    }
+    update(cb) {
+        if (!this.previousState) this.previousState = structuredClone(this.state.toJson());
+        this.state.update(cb);
+    }
+    getHistory() {
+        return this.history;
+    }
+    undo() {
+        this.timeTravel = false;
+        const snapshot = this.history.goToOlderSnapshot();
+        this.state.setState((state)=>Object.assign({}, state, snapshot.getState()));
+        this.executeStateListeners({
+            reason: "undo",
+            diff: [],
+            state: this.state.toJson()
+        });
+        this.timeTravel = true;
+    }
+    redo() {
+        this.timeTravel = false;
+        const snapshot = this.history.goToNewerSnapshot();
+        this.state.setState((state)=>Object.assign({}, state, snapshot.getState()));
         this.executeStateListeners({
-          reason: "update",
-          diff,
-          state: newState
+            reason: "redo",
+            diff: [],
+            state: this.state.toJson()
+        });
+        this.timeTravel = true;
+    }
+    onStateChange(listener) {
+        this.stateListeners.push(listener);
+        return ()=>{
+            this.stateListeners = this.stateListeners.filter((l)=>l !== listener);
+        };
+    }
+    executeStateListeners(event) {
+        this.stateListeners.forEach((listener)=>{
+            listener(event);
         });
-      }
-    };
-    autorun(() => {
-      const newState = this.state.toJson();
-      handleStateUpdate(newState);
-    });
-  }
-  read() {
-    return this.state.read();
-  }
-  toJson() {
-    return this.state.toJson();
-  }
-  setState(setter) {
-    this.state.setState(setter);
-  }
-  update(cb) {
-    // This is necessary to calculate a diff between two states later on.
-    if (!this.previousState) {
-      this.previousState = structuredClone(this.state.toJson());
     }
-    this.state.update(cb);
-  }
-  getHistory() {
-    return this.history;
-  }
-  undo() {
-    this.timeTravel = false;
-    const snapshot = this.history.goToOlderSnapshot();
-    this.state.setState(state => {
-      return Object.assign({}, state, snapshot.getState());
-    });
-    this.executeStateListeners({
-      reason: "undo",
-      diff: [],
-      state: this.state.toJson()
-    });
-    this.timeTravel = true;
-  }
-  redo() {
-    this.timeTravel = false;
-    const snapshot = this.history.goToNewerSnapshot();
-    this.state.setState(state => {
-      return Object.assign({}, state, snapshot.getState());
-    });
-    this.executeStateListeners({
-      reason: "redo",
-      diff: [],
-      state: this.state.toJson()
-    });
-    this.timeTravel = true;
-  }
-  onStateChange(listener) {
-    this.stateListeners.push(listener);
-    return () => {
-      this.stateListeners = this.stateListeners.filter(l => l !== listener);
-    };
-  }
-  executeStateListeners(event) {
-    this.stateListeners.forEach(listener => {
-      listener(event);
-    });
-  }
 }
+export { StateWithHistory };
 
 //# sourceMappingURL=StateWithHistory.js.map

package/editorSdk/StateWithHistory.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeObservable","autorun","observable","EditorHistory","State","jsonPatch","StateWithHistory","stateListeners","timeTravel","constructor","initialState","history","snapshots","observeKeys","state","handleStateUpdate","newState","previousState","diff","compare","undefined","trackState","length","executeStateListeners","reason","toJson","read","setState","setter","update","cb","structuredClone","getHistory","undo","snapshot","goToOlderSnapshot","Object","assign","getState","redo","goToNewerSnapshot","onStateChange","listener","push","filter","l","event","forEach"],"sources":["StateWithHistory.ts"],"sourcesContent":["import { makeObservable, autorun, observable } from \"mobx\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\nimport { EditorHistory } from \"./EditorHistory.js\";\nimport { type IState, type MutableState, State } from \"./State.js\";\nimport { jsonPatch, type JsonPatchOperation } from \"@webiny/website-builder-sdk\";\n\nexport type StateChangeEvent<TState> = {\n    reason: \"undo\" | \"redo\" | \"update\";\n    diff: JsonPatchOperation[];\n    state: TState;\n};\n\nexport type StateChangeListener<T> = (event: StateChangeEvent<T>) => void;\n\nexport class StateWithHistory<\n    TState extends GenericRecord = GenericRecord\n> implements IState<TState> {\n    private readonly history: EditorHistory;\n    private state: State<TState>;\n    private previousState: TState | undefined;\n    private stateListeners: Array<(event: StateChangeEvent<TState>) => void> = [];\n    private timeTravel = true;\n\n    constructor(initialState: TState) {\n        this.history = new EditorHistory({\n            snapshots: [initialState],\n            observeKeys: [\"elements\", \"bindings\"]\n        });\n\n        this.state = new State<TState>(initialState);\n\n        makeObservable<StateWithHistory, \"state\">(this, {\n            state: observable\n        });\n\n        const handleStateUpdate = (newState: any) => {\n            if (!this.timeTravel) {\n                return;\n            }\n\n            const previousState = this.previousState ?? {};\n            const diff = jsonPatch.compare(previousState, newState);\n            this.previousState = undefined;\n\n            this.history.trackState(newState);\n\n            if (diff.length) {\n                this.executeStateListeners({\n                    reason: \"update\",\n                    diff,\n                    state: newState\n                });\n            }\n        };\n\n        autorun(() => {\n            const newState = this.state.toJson();\n            handleStateUpdate(newState);\n        });\n    }\n\n    read(): TState {\n        return this.state.read();\n    }\n\n    toJson() {\n        return this.state.toJson();\n    }\n\n    setState(setter: (state: MutableState<TState>) => TState) {\n        this.state.setState(setter);\n    }\n\n    update(cb: (state: MutableState<TState>) => void): void {\n        // This is necessary to calculate a diff between two states later on.\n        if (!this.previousState) {\n            this.previousState = structuredClone(this.state.toJson());\n        }\n        this.state.update(cb);\n    }\n\n    getHistory() {\n        return this.history;\n    }\n\n    undo() {\n        this.timeTravel = false;\n        const snapshot = this.history.goToOlderSnapshot();\n\n        this.state.setState(state => {\n            return Object.assign({}, state, snapshot.getState());\n        });\n\n        this.executeStateListeners({\n            reason: \"undo\",\n            diff: [],\n            state: this.state.toJson()\n        });\n        this.timeTravel = true;\n    }\n\n    redo() {\n        this.timeTravel = false;\n        const snapshot = this.history.goToNewerSnapshot();\n        this.state.setState(state => {\n            return Object.assign({}, state, snapshot.getState());\n        });\n\n        this.executeStateListeners({\n            reason: \"redo\",\n            diff: [],\n            state: this.state.toJson()\n        });\n        this.timeTravel = true;\n    }\n\n    onStateChange(listener: StateChangeListener<TState>): () => void {\n        this.stateListeners.push(listener);\n        return () => {\n            this.stateListeners = this.stateListeners.filter(l => l !== listener);\n        };\n    }\n\n    private executeStateListeners(event: StateChangeEvent<TState>) {\n        this.stateListeners.forEach(listener => {\n            listener(event);\n        });\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"editorSdk/StateWithHistory.js","sources":["../../src/editorSdk/StateWithHistory.ts"],"sourcesContent":["import { makeObservable, autorun, observable } from \"mobx\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\nimport { EditorHistory } from \"./EditorHistory.js\";\nimport { type IState, type MutableState, State } from \"./State.js\";\nimport { jsonPatch, type JsonPatchOperation } from \"@webiny/website-builder-sdk\";\n\nexport type StateChangeEvent<TState> = {\n    reason: \"undo\" | \"redo\" | \"update\";\n    diff: JsonPatchOperation[];\n    state: TState;\n};\n\nexport type StateChangeListener<T> = (event: StateChangeEvent<T>) => void;\n\nexport class StateWithHistory<\n    TState extends GenericRecord = GenericRecord\n> implements IState<TState> {\n    private readonly history: EditorHistory;\n    private state: State<TState>;\n    private previousState: TState | undefined;\n    private stateListeners: Array<(event: StateChangeEvent<TState>) => void> = [];\n    private timeTravel = true;\n\n    constructor(initialState: TState) {\n        this.history = new EditorHistory({\n            snapshots: [initialState],\n            observeKeys: [\"elements\", \"bindings\"]\n        });\n\n        this.state = new State<TState>(initialState);\n\n        makeObservable<StateWithHistory, \"state\">(this, {\n            state: observable\n        });\n\n        const handleStateUpdate = (newState: any) => {\n            if (!this.timeTravel) {\n                return;\n            }\n\n            const previousState = this.previousState ?? {};\n            const diff = jsonPatch.compare(previousState, newState);\n            this.previousState = undefined;\n\n            this.history.trackState(newState);\n\n            if (diff.length) {\n                this.executeStateListeners({\n                    reason: \"update\",\n                    diff,\n                    state: newState\n                });\n            }\n        };\n\n        autorun(() => {\n            const newState = this.state.toJson();\n            handleStateUpdate(newState);\n        });\n    }\n\n    read(): TState {\n        return this.state.read();\n    }\n\n    toJson() {\n        return this.state.toJson();\n    }\n\n    setState(setter: (state: MutableState<TState>) => TState) {\n        this.state.setState(setter);\n    }\n\n    update(cb: (state: MutableState<TState>) => void): void {\n        // This is necessary to calculate a diff between two states later on.\n        if (!this.previousState) {\n            this.previousState = structuredClone(this.state.toJson());\n        }\n        this.state.update(cb);\n    }\n\n    getHistory() {\n        return this.history;\n    }\n\n    undo() {\n        this.timeTravel = false;\n        const snapshot = this.history.goToOlderSnapshot();\n\n        this.state.setState(state => {\n            return Object.assign({}, state, snapshot.getState());\n        });\n\n        this.executeStateListeners({\n            reason: \"undo\",\n            diff: [],\n            state: this.state.toJson()\n        });\n        this.timeTravel = true;\n    }\n\n    redo() {\n        this.timeTravel = false;\n        const snapshot = this.history.goToNewerSnapshot();\n        this.state.setState(state => {\n            return Object.assign({}, state, snapshot.getState());\n        });\n\n        this.executeStateListeners({\n            reason: \"redo\",\n            diff: [],\n            state: this.state.toJson()\n        });\n        this.timeTravel = true;\n    }\n\n    onStateChange(listener: StateChangeListener<TState>): () => void {\n        this.stateListeners.push(listener);\n        return () => {\n            this.stateListeners = this.stateListeners.filter(l => l !== listener);\n        };\n    }\n\n    private executeStateListeners(event: StateChangeEvent<TState>) {\n        this.stateListeners.forEach(listener => {\n            listener(event);\n        });\n    }\n}\n"],"names":["StateWithHistory","initialState","EditorHistory","State","makeObservable","observable","handleStateUpdate","newState","previousState","diff","jsonPatch","undefined","autorun","setter","cb","structuredClone","snapshot","state","Object","listener","l","event"],"mappings":";;;;AAcO,MAAMA;IAST,YAAYC,YAAoB,CAAE;aAH1B,cAAc,GAAqD,EAAE;aACrE,UAAU,GAAG;QAGjB,IAAI,CAAC,OAAO,GAAG,IAAIC,cAAc;YAC7B,WAAW;gBAACD;aAAa;YACzB,aAAa;gBAAC;gBAAY;aAAW;QACzC;QAEA,IAAI,CAAC,KAAK,GAAG,IAAIE,MAAcF;QAE/BG,eAA0C,IAAI,EAAE;YAC5C,OAAOC;QACX;QAEA,MAAMC,oBAAoB,CAACC;YACvB,IAAI,CAAC,IAAI,CAAC,UAAU,EAChB;YAGJ,MAAMC,gBAAgB,IAAI,CAAC,aAAa,IAAI,CAAC;YAC7C,MAAMC,OAAOC,UAAU,OAAO,CAACF,eAAeD;YAC9C,IAAI,CAAC,aAAa,GAAGI;YAErB,IAAI,CAAC,OAAO,CAAC,UAAU,CAACJ;YAExB,IAAIE,KAAK,MAAM,EACX,IAAI,CAAC,qBAAqB,CAAC;gBACvB,QAAQ;gBACRA;gBACA,OAAOF;YACX;QAER;QAEAK,QAAQ;YACJ,MAAML,WAAW,IAAI,CAAC,KAAK,CAAC,MAAM;YAClCD,kBAAkBC;QACtB;IACJ;IAEA,OAAe;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI;IAC1B;IAEA,SAAS;QACL,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM;IAC5B;IAEA,SAASM,MAA+C,EAAE;QACtD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAACA;IACxB;IAEA,OAAOC,EAAyC,EAAQ;QAEpD,IAAI,CAAC,IAAI,CAAC,aAAa,EACnB,IAAI,CAAC,aAAa,GAAGC,gBAAgB,IAAI,CAAC,KAAK,CAAC,MAAM;QAE1D,IAAI,CAAC,KAAK,CAAC,MAAM,CAACD;IACtB;IAEA,aAAa;QACT,OAAO,IAAI,CAAC,OAAO;IACvB;IAEA,OAAO;QACH,IAAI,CAAC,UAAU,GAAG;QAClB,MAAME,WAAW,IAAI,CAAC,OAAO,CAAC,iBAAiB;QAE/C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAACC,CAAAA,QACTC,OAAO,MAAM,CAAC,CAAC,GAAGD,OAAOD,SAAS,QAAQ;QAGrD,IAAI,CAAC,qBAAqB,CAAC;YACvB,QAAQ;YACR,MAAM,EAAE;YACR,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM;QAC5B;QACA,IAAI,CAAC,UAAU,GAAG;IACtB;IAEA,OAAO;QACH,IAAI,CAAC,UAAU,GAAG;QAClB,MAAMA,WAAW,IAAI,CAAC,OAAO,CAAC,iBAAiB;QAC/C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAACC,CAAAA,QACTC,OAAO,MAAM,CAAC,CAAC,GAAGD,OAAOD,SAAS,QAAQ;QAGrD,IAAI,CAAC,qBAAqB,CAAC;YACvB,QAAQ;YACR,MAAM,EAAE;YACR,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM;QAC5B;QACA,IAAI,CAAC,UAAU,GAAG;IACtB;IAEA,cAAcG,QAAqC,EAAc;QAC7D,IAAI,CAAC,cAAc,CAAC,IAAI,CAACA;QACzB,OAAO;YACH,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAACC,CAAAA,IAAKA,MAAMD;QAChE;IACJ;IAEQ,sBAAsBE,KAA+B,EAAE;QAC3D,IAAI,CAAC,cAAc,CAAC,OAAO,CAACF,CAAAA;YACxBA,SAASE;QACb;IACJ;AACJ"}

package/editorSdk/createCommand.js

@@ -1,9 +1,8 @@
-// oxlint-disable-next-line typescript/no-unused-vars
-
-export function createCommand(type) {
-  return {
-    type
-  }; // assert to preserve type info
+function createCommand(type) {
+    return {
+        type
+    };
 }
+export { createCommand };
 
 //# sourceMappingURL=createCommand.js.map

package/editorSdk/createCommand.js.map

@@ -1 +1 @@
-{"version":3,"names":["createCommand","type"],"sources":["createCommand.ts"],"sourcesContent":["// oxlint-disable-next-line typescript/no-unused-vars\nexport type Command<TPayload> = {\n    type: string;\n};\n\nexport type CommandPayload<TCommand extends Command<unknown>> =\n    TCommand extends Command<infer TPayload> ? TPayload : never;\n\nexport function createCommand<T>(type: string): Command<T> {\n    return { type } as Command<T>; // assert to preserve type info\n}\n"],"mappings":"AAAA;;AAQA,OAAO,SAASA,aAAaA,CAAIC,IAAY,EAAc;EACvD,OAAO;IAAEA;EAAK,CAAC,CAAe,CAAC;AACnC","ignoreList":[]}
+{"version":3,"file":"editorSdk/createCommand.js","sources":["../../src/editorSdk/createCommand.ts"],"sourcesContent":["// oxlint-disable-next-line typescript/no-unused-vars\nexport type Command<TPayload> = {\n    type: string;\n};\n\nexport type CommandPayload<TCommand extends Command<unknown>> =\n    TCommand extends Command<infer TPayload> ? TPayload : never;\n\nexport function createCommand<T>(type: string): Command<T> {\n    return { type } as Command<T>; // assert to preserve type info\n}\n"],"names":["createCommand","type"],"mappings":"AAQO,SAASA,cAAiBC,IAAY;IACzC,OAAO;QAAEA;IAAK;AAClB"}

package/editorSdk/scheduleMicroTask.js

@@ -1,5 +1,6 @@
-export const scheduleMicroTask = typeof queueMicrotask === "function" ? queueMicrotask : fn => {
-  Promise.resolve().then(fn);
+const scheduleMicroTask = "function" == typeof queueMicrotask ? queueMicrotask : (fn)=>{
+    Promise.resolve().then(fn);
 };
+export { scheduleMicroTask };
 
 //# sourceMappingURL=scheduleMicroTask.js.map

package/editorSdk/scheduleMicroTask.js.map

@@ -1 +1 @@
-{"version":3,"names":["scheduleMicroTask","queueMicrotask","fn","Promise","resolve","then"],"sources":["scheduleMicroTask.ts"],"sourcesContent":["export const scheduleMicroTask: (fn: () => void) => void =\n    typeof queueMicrotask === \"function\"\n        ? queueMicrotask\n        : fn => {\n              Promise.resolve().then(fn);\n          };\n"],"mappings":"AAAA,OAAO,MAAMA,iBAA2C,GACpD,OAAOC,cAAc,KAAK,UAAU,GAC9BA,cAAc,GACdC,EAAE,IAAI;EACFC,OAAO,CAACC,OAAO,CAAC,CAAC,CAACC,IAAI,CAACH,EAAE,CAAC;AAC9B,CAAC","ignoreList":[]}
+{"version":3,"file":"editorSdk/scheduleMicroTask.js","sources":["../../src/editorSdk/scheduleMicroTask.ts"],"sourcesContent":["export const scheduleMicroTask: (fn: () => void) => void =\n    typeof queueMicrotask === \"function\"\n        ? queueMicrotask\n        : fn => {\n              Promise.resolve().then(fn);\n          };\n"],"names":["scheduleMicroTask","queueMicrotask","fn","Promise"],"mappings":"AAAO,MAAMA,oBACT,AAA0B,cAA1B,OAAOC,iBACDA,iBACAC,CAAAA;IACIC,QAAQ,OAAO,GAAG,IAAI,CAACD;AAC3B"}

package/editorSdk/utils/$addElementReferenceToParent.js

@@ -1,31 +1,29 @@
-export function $addElementReferenceToParent(document, {
-  elementId,
-  parentId,
-  slot,
-  index
-}) {
-  const bindings = document.bindings[parentId] ?? {};
-  const inputs = bindings.inputs ?? {};
-  if (index < 0) {
-    // Single value slot
-    inputs[slot] = {
-      ...inputs[slot],
-      type: "slot",
-      static: elementId
+function $addElementReferenceToParent(document, { elementId, parentId, slot, index }) {
+    const bindings = document.bindings[parentId] ?? {};
+    const inputs = bindings.inputs ?? {};
+    if (index < 0) inputs[slot] = {
+        ...inputs[slot],
+        type: "slot",
+        static: elementId
     };
-  } else {
-    const slotElements = inputs[slot];
-    inputs[slot] = {
-      ...inputs[slot],
-      type: "slot",
-      list: true,
-      static: [...(slotElements?.static ?? []).slice(0, index), elementId, ...(slotElements?.static ?? []).slice(index)]
+    else {
+        const slotElements = inputs[slot];
+        inputs[slot] = {
+            ...inputs[slot],
+            type: "slot",
+            list: true,
+            static: [
+                ...(slotElements?.static ?? []).slice(0, index),
+                elementId,
+                ...(slotElements?.static ?? []).slice(index)
+            ]
+        };
+    }
+    document.bindings[parentId] = {
+        ...bindings,
+        inputs
     };
-  }
-  document.bindings[parentId] = {
-    ...bindings,
-    inputs
-  };
 }
+export { $addElementReferenceToParent };
 
 //# sourceMappingURL=$addElementReferenceToParent.js.map

package/editorSdk/utils/$addElementReferenceToParent.js.map

@@ -1 +1 @@
-{"version":3,"names":["$addElementReferenceToParent","document","elementId","parentId","slot","index","bindings","inputs","type","static","slotElements","list","slice"],"sources":["$addElementReferenceToParent.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { InputValueBinding } from \"@webiny/website-builder-sdk\";\n\ninterface Params {\n    elementId: string;\n    parentId: string;\n    slot: string;\n    index: number;\n}\n\nexport function $addElementReferenceToParent(\n    document: Document,\n    { elementId, parentId, slot, index }: Params\n) {\n    const bindings = document.bindings[parentId] ?? {};\n    const inputs = bindings.inputs ?? {};\n\n    if (index < 0) {\n        // Single value slot\n        inputs[slot] = {\n            ...inputs[slot],\n            type: \"slot\",\n            static: elementId\n        };\n    } else {\n        const slotElements = inputs[slot] as InputValueBinding;\n        inputs[slot] = {\n            ...inputs[slot],\n            type: \"slot\",\n            list: true,\n            static: [\n                ...(slotElements?.static ?? []).slice(0, index),\n                elementId,\n                ...(slotElements?.static ?? []).slice(index)\n            ]\n        };\n    }\n\n    document.bindings[parentId] = {\n        ...bindings,\n        inputs\n    };\n}\n"],"mappings":"AAUA,OAAO,SAASA,4BAA4BA,CACxCC,QAAkB,EAClB;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;AAAc,CAAC,EAC9C;EACE,MAAMC,QAAQ,GAAGL,QAAQ,CAACK,QAAQ,CAACH,QAAQ,CAAC,IAAI,CAAC,CAAC;EAClD,MAAMI,MAAM,GAAGD,QAAQ,CAACC,MAAM,IAAI,CAAC,CAAC;EAEpC,IAAIF,KAAK,GAAG,CAAC,EAAE;IACX;IACAE,MAAM,CAACH,IAAI,CAAC,GAAG;MACX,GAAGG,MAAM,CAACH,IAAI,CAAC;MACfI,IAAI,EAAE,MAAM;MACZC,MAAM,EAAEP;IACZ,CAAC;EACL,CAAC,MAAM;IACH,MAAMQ,YAAY,GAAGH,MAAM,CAACH,IAAI,CAAsB;IACtDG,MAAM,CAACH,IAAI,CAAC,GAAG;MACX,GAAGG,MAAM,CAACH,IAAI,CAAC;MACfI,IAAI,EAAE,MAAM;MACZG,IAAI,EAAE,IAAI;MACVF,MAAM,EAAE,CACJ,GAAG,CAACC,YAAY,EAAED,MAAM,IAAI,EAAE,EAAEG,KAAK,CAAC,CAAC,EAAEP,KAAK,CAAC,EAC/CH,SAAS,EACT,GAAG,CAACQ,YAAY,EAAED,MAAM,IAAI,EAAE,EAAEG,KAAK,CAACP,KAAK,CAAC;IAEpD,CAAC;EACL;EAEAJ,QAAQ,CAACK,QAAQ,CAACH,QAAQ,CAAC,GAAG;IAC1B,GAAGG,QAAQ;IACXC;EACJ,CAAC;AACL","ignoreList":[]}
+{"version":3,"file":"editorSdk/utils/$addElementReferenceToParent.js","sources":["../../../src/editorSdk/utils/$addElementReferenceToParent.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { InputValueBinding } from \"@webiny/website-builder-sdk\";\n\ninterface Params {\n    elementId: string;\n    parentId: string;\n    slot: string;\n    index: number;\n}\n\nexport function $addElementReferenceToParent(\n    document: Document,\n    { elementId, parentId, slot, index }: Params\n) {\n    const bindings = document.bindings[parentId] ?? {};\n    const inputs = bindings.inputs ?? {};\n\n    if (index < 0) {\n        // Single value slot\n        inputs[slot] = {\n            ...inputs[slot],\n            type: \"slot\",\n            static: elementId\n        };\n    } else {\n        const slotElements = inputs[slot] as InputValueBinding;\n        inputs[slot] = {\n            ...inputs[slot],\n            type: \"slot\",\n            list: true,\n            static: [\n                ...(slotElements?.static ?? []).slice(0, index),\n                elementId,\n                ...(slotElements?.static ?? []).slice(index)\n            ]\n        };\n    }\n\n    document.bindings[parentId] = {\n        ...bindings,\n        inputs\n    };\n}\n"],"names":["$addElementReferenceToParent","document","elementId","parentId","slot","index","bindings","inputs","slotElements"],"mappings":"AAUO,SAASA,6BACZC,QAAkB,EAClB,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,KAAK,EAAU;IAE5C,MAAMC,WAAWL,SAAS,QAAQ,CAACE,SAAS,IAAI,CAAC;IACjD,MAAMI,SAASD,SAAS,MAAM,IAAI,CAAC;IAEnC,IAAID,QAAQ,GAERE,MAAM,CAACH,KAAK,GAAG;QACX,GAAGG,MAAM,CAACH,KAAK;QACf,MAAM;QACN,QAAQF;IACZ;SACG;QACH,MAAMM,eAAeD,MAAM,CAACH,KAAK;QACjCG,MAAM,CAACH,KAAK,GAAG;YACX,GAAGG,MAAM,CAACH,KAAK;YACf,MAAM;YACN,MAAM;YACN,QAAQ;mBACAI,AAAAA,CAAAA,cAAc,UAAU,EAAC,EAAG,KAAK,CAAC,GAAGH;gBACzCH;mBACIM,AAAAA,CAAAA,cAAc,UAAU,EAAC,EAAG,KAAK,CAACH;aACzC;QACL;IACJ;IAEAJ,SAAS,QAAQ,CAACE,SAAS,GAAG;QAC1B,GAAGG,QAAQ;QACXC;IACJ;AACJ"}

package/editorSdk/utils/$cloneElement.d.ts

@@ -0,0 +1,2 @@
+import type { Editor } from "../Editor.js";
+export declare function $cloneElement(editor: Editor, id: string): string | undefined;

package/editorSdk/utils/$cloneElement.js

@@ -0,0 +1,112 @@
+import { ElementFactory, generateElementId } from "@webiny/website-builder-sdk";
+import { $getElementById } from "./$getElementById.js";
+import { $addElementReferenceToParent } from "./$addElementReferenceToParent.js";
+import { applyAncestorUpdates, executeOnChange } from "./executeOnChange.js";
+function collectDescendants(document, elementId) {
+    const ids = [];
+    const bindings = document.bindings[elementId];
+    if (!bindings?.inputs) return ids;
+    for (const binding of Object.values(bindings.inputs)){
+        if ("slot" !== binding.type) continue;
+        const children = binding.list ? binding.static ?? [] : binding.static ? [
+            binding.static
+        ] : [];
+        for (const childId of children){
+            ids.push(childId);
+            ids.push(...collectDescendants(document, childId));
+        }
+    }
+    return ids;
+}
+function remapBindings(bindings, idMap) {
+    const cloned = structuredClone(bindings);
+    if (cloned.inputs) {
+        for (const [key, binding] of Object.entries(cloned.inputs))if ("slot" === binding.type) {
+            if (binding.list && Array.isArray(binding.static)) cloned.inputs[key] = {
+                ...binding,
+                static: binding.static.map((id)=>idMap.get(id) ?? id)
+            };
+            else if ("string" == typeof binding.static) {
+                const newId = idMap.get(binding.static);
+                if (newId) cloned.inputs[key] = {
+                    ...binding,
+                    static: newId
+                };
+            }
+        }
+    }
+    return cloned;
+}
+function getSlotIndex(document, element) {
+    const parent = element.parent;
+    if (!parent) return -1;
+    const parentBindings = document.bindings[parent.id];
+    if (!parentBindings?.inputs) return -1;
+    const slotBinding = parentBindings.inputs[parent.slot];
+    if (!slotBinding) return -1;
+    if (slotBinding.list && Array.isArray(slotBinding.static)) return slotBinding.static.indexOf(element.id);
+    return -1;
+}
+function $cloneElement(editor, id) {
+    const document = editor.getDocumentState().read();
+    const element = $getElementById(document, id);
+    if (!element || !element.parent) return;
+    const allIds = [
+        id,
+        ...collectDescendants(document, id)
+    ];
+    const idMap = new Map();
+    for (const oldId of allIds)idMap.set(oldId, generateElementId());
+    const originalIndex = getSlotIndex(document, element);
+    editor.updateDocument((doc)=>{
+        for (const oldId of allIds){
+            const original = doc.elements[oldId];
+            const newId = idMap.get(oldId);
+            const clonedElement = {
+                ...structuredClone(original),
+                id: newId
+            };
+            if (clonedElement.parent) {
+                const newParentId = idMap.get(clonedElement.parent.id);
+                if (newParentId) clonedElement.parent = {
+                    ...clonedElement.parent,
+                    id: newParentId
+                };
+            }
+            doc.elements[newId] = clonedElement;
+            const originalBindings = doc.bindings[oldId];
+            if (originalBindings) doc.bindings[newId] = remapBindings(originalBindings, idMap);
+        }
+        const rootNewId = idMap.get(id);
+        const insertIndex = originalIndex >= 0 ? originalIndex + 1 : originalIndex;
+        $addElementReferenceToParent(doc, {
+            elementId: rootNewId,
+            parentId: element.parent.id,
+            slot: element.parent.slot,
+            index: insertIndex
+        });
+    });
+    const componentsManifest = editor.getEditorState().read().components;
+    const editorState = editor.getEditorState().read();
+    const breakpointNames = editorState.viewport.breakpoints.map((bp)=>bp.name);
+    const baseBreakpoint = breakpointNames[0];
+    const elementFactory = new ElementFactory(componentsManifest);
+    for (const oldId of allIds){
+        const newId = idMap.get(oldId);
+        const ancestorUpdates = executeOnChange({
+            editor,
+            elementId: newId,
+            action: "create",
+            breakpointNames,
+            baseBreakpoint,
+            elementFactory
+        });
+        if (ancestorUpdates.length > 0) editor.updateDocument((doc)=>{
+            applyAncestorUpdates(doc, ancestorUpdates, breakpointNames, baseBreakpoint, elementFactory);
+        });
+    }
+    return idMap.get(id);
+}
+export { $cloneElement };
+
+//# sourceMappingURL=$cloneElement.js.map

package/editorSdk/utils/$cloneElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorSdk/utils/$cloneElement.js","sources":["../../../src/editorSdk/utils/$cloneElement.ts"],"sourcesContent":["import { generateElementId } from \"@webiny/website-builder-sdk\";\nimport type {\n    Document,\n    DocumentElement,\n    DocumentElementBindings\n} from \"@webiny/website-builder-sdk\";\nimport { ElementFactory } from \"@webiny/website-builder-sdk\";\nimport type { Editor } from \"../Editor.js\";\nimport { $getElementById } from \"./$getElementById.js\";\nimport { $addElementReferenceToParent } from \"./$addElementReferenceToParent.js\";\nimport { executeOnChange, applyAncestorUpdates } from \"./executeOnChange.js\";\n\nfunction collectDescendants(document: Document, elementId: string): string[] {\n    const ids: string[] = [];\n    const bindings = document.bindings[elementId];\n    if (!bindings?.inputs) {\n        return ids;\n    }\n\n    for (const binding of Object.values(bindings.inputs)) {\n        if (binding.type !== \"slot\") {\n            continue;\n        }\n\n        const children = binding.list\n            ? ((binding.static as string[] | undefined) ?? [])\n            : binding.static\n              ? [binding.static as string]\n              : [];\n\n        for (const childId of children) {\n            ids.push(childId);\n            ids.push(...collectDescendants(document, childId));\n        }\n    }\n\n    return ids;\n}\n\nfunction remapBindings(\n    bindings: DocumentElementBindings,\n    idMap: Map<string, string>\n): DocumentElementBindings {\n    const cloned = structuredClone(bindings);\n\n    if (cloned.inputs) {\n        for (const [key, binding] of Object.entries(cloned.inputs)) {\n            if (binding.type !== \"slot\") {\n                continue;\n            }\n\n            if (binding.list && Array.isArray(binding.static)) {\n                cloned.inputs[key] = {\n                    ...binding,\n                    static: binding.static.map((id: string) => idMap.get(id) ?? id)\n                };\n            } else if (typeof binding.static === \"string\") {\n                const newId = idMap.get(binding.static);\n                if (newId) {\n                    cloned.inputs[key] = { ...binding, static: newId };\n                }\n            }\n        }\n    }\n\n    return cloned;\n}\n\nfunction getSlotIndex(document: Document, element: DocumentElement): number {\n    const parent = element.parent;\n    if (!parent) {\n        return -1;\n    }\n\n    const parentBindings = document.bindings[parent.id];\n    if (!parentBindings?.inputs) {\n        return -1;\n    }\n\n    const slotBinding = parentBindings.inputs[parent.slot];\n    if (!slotBinding) {\n        return -1;\n    }\n\n    if (slotBinding.list && Array.isArray(slotBinding.static)) {\n        return slotBinding.static.indexOf(element.id);\n    }\n\n    return -1;\n}\n\nexport function $cloneElement(editor: Editor, id: string): string | undefined {\n    const document = editor.getDocumentState().read();\n    const element = $getElementById(document, id);\n\n    if (!element || !element.parent) {\n        return undefined;\n    }\n\n    const allIds = [id, ...collectDescendants(document, id)];\n    const idMap = new Map<string, string>();\n    for (const oldId of allIds) {\n        idMap.set(oldId, generateElementId());\n    }\n\n    const originalIndex = getSlotIndex(document, element);\n\n    editor.updateDocument(doc => {\n        for (const oldId of allIds) {\n            const original = doc.elements[oldId];\n            const newId = idMap.get(oldId)!;\n\n            const clonedElement: DocumentElement = {\n                ...structuredClone(original),\n                id: newId\n            };\n\n            if (clonedElement.parent) {\n                const newParentId = idMap.get(clonedElement.parent.id);\n                if (newParentId) {\n                    clonedElement.parent = {\n                        ...clonedElement.parent,\n                        id: newParentId\n                    };\n                }\n            }\n\n            doc.elements[newId] = clonedElement;\n\n            const originalBindings = doc.bindings[oldId];\n            if (originalBindings) {\n                doc.bindings[newId] = remapBindings(originalBindings, idMap);\n            }\n        }\n\n        const rootNewId = idMap.get(id)!;\n        const insertIndex = originalIndex >= 0 ? originalIndex + 1 : originalIndex;\n\n        $addElementReferenceToParent(doc, {\n            elementId: rootNewId,\n            parentId: element.parent!.id,\n            slot: element.parent!.slot,\n            index: insertIndex\n        });\n    });\n\n    const componentsManifest = editor.getEditorState().read().components;\n    const editorState = editor.getEditorState().read();\n    const breakpointNames = editorState.viewport.breakpoints.map(bp => bp.name);\n    const baseBreakpoint = breakpointNames[0];\n    const elementFactory = new ElementFactory(componentsManifest);\n\n    for (const oldId of allIds) {\n        const newId = idMap.get(oldId)!;\n        const ancestorUpdates = executeOnChange({\n            editor,\n            elementId: newId,\n            action: \"create\",\n            breakpointNames,\n            baseBreakpoint,\n            elementFactory\n        });\n\n        if (ancestorUpdates.length > 0) {\n            editor.updateDocument(doc => {\n                applyAncestorUpdates(\n                    doc,\n                    ancestorUpdates,\n                    breakpointNames,\n                    baseBreakpoint,\n                    elementFactory\n                );\n            });\n        }\n    }\n\n    return idMap.get(id);\n}\n"],"names":["collectDescendants","document","elementId","ids","bindings","binding","Object","children","childId","remapBindings","idMap","cloned","structuredClone","key","Array","id","newId","getSlotIndex","element","parent","parentBindings","slotBinding","$cloneElement","editor","$getElementById","allIds","Map","oldId","generateElementId","originalIndex","doc","original","clonedElement","newParentId","originalBindings","rootNewId","insertIndex","$addElementReferenceToParent","componentsManifest","editorState","breakpointNames","bp","baseBreakpoint","elementFactory","ElementFactory","ancestorUpdates","executeOnChange","applyAncestorUpdates"],"mappings":"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"}

package/editorSdk/utils/$createElement.js

@@ -1,65 +1,47 @@
 import { ElementFactory, evaluateConstraints } from "@webiny/website-builder-sdk";
-import { executeOnChange, applyAncestorUpdates } from "./executeOnChange.js";
-export function $createElement(editor, payload) {
-  const {
-    componentName,
-    index,
-    parentId,
-    slot,
-    bindings
-  } = payload;
-  const componentsManifest = editor.getEditorState().read().components;
-  const result = evaluateConstraints({
-    componentName,
-    parentId,
-    slot,
-    document: editor.getDocumentState().read(),
-    components: componentsManifest
-  });
-  if (!result.allowed) {
-    return result;
-  }
-  const elementFactory = new ElementFactory(componentsManifest);
-
-  // Snapshot element IDs before creation so we can find all new elements.
-  const elementsBefore = new Set(Object.keys(editor.getDocumentState().read().elements));
-  const {
-    operations
-  } = elementFactory.createElementFromComponent({
-    componentName,
-    parentId,
-    slot,
-    index,
-    bindings: bindings ?? componentsManifest[componentName].defaults ?? {}
-  });
-  editor.updateDocument(document => {
-    operations.forEach(operation => operation.apply(document));
-  });
-
-  // Fire onChange + onDescendantChange for every newly created element,
-  // not just the root. ElementFactory recursively creates child elements
-  // from slot defaults, and those children need callbacks too.
-  const editorState = editor.getEditorState().read();
-  const breakpointNames = editorState.viewport.breakpoints.map(bp => bp.name);
-  const baseBreakpoint = breakpointNames[0];
-  const document = editor.getDocumentState().read();
-  const newElementIds = Object.keys(document.elements).filter(id => !elementsBefore.has(id));
-  for (const elementId of newElementIds) {
-    const ancestorUpdates = executeOnChange({
-      editor,
-      elementId,
-      action: "create",
-      breakpointNames,
-      baseBreakpoint,
-      elementFactory
+import { applyAncestorUpdates, executeOnChange } from "./executeOnChange.js";
+function $createElement(editor, payload) {
+    const { componentName, index, parentId, slot, bindings } = payload;
+    const componentsManifest = editor.getEditorState().read().components;
+    const result = evaluateConstraints({
+        componentName,
+        parentId,
+        slot,
+        document: editor.getDocumentState().read(),
+        components: componentsManifest
+    });
+    if (!result.allowed) return result;
+    const elementFactory = new ElementFactory(componentsManifest);
+    const elementsBefore = new Set(Object.keys(editor.getDocumentState().read().elements));
+    const { operations } = elementFactory.createElementFromComponent({
+        componentName,
+        parentId,
+        slot,
+        index,
+        bindings: bindings ?? componentsManifest[componentName].defaults ?? {}
+    });
+    editor.updateDocument((document)=>{
+        operations.forEach((operation)=>operation.apply(document));
     });
-    if (ancestorUpdates.length > 0) {
-      editor.updateDocument(doc => {
-        applyAncestorUpdates(doc, ancestorUpdates, breakpointNames, baseBreakpoint, elementFactory);
-      });
+    const editorState = editor.getEditorState().read();
+    const breakpointNames = editorState.viewport.breakpoints.map((bp)=>bp.name);
+    const baseBreakpoint = breakpointNames[0];
+    const document = editor.getDocumentState().read();
+    const newElementIds = Object.keys(document.elements).filter((id)=>!elementsBefore.has(id));
+    for (const elementId of newElementIds){
+        const ancestorUpdates = executeOnChange({
+            editor,
+            elementId,
+            action: "create",
+            breakpointNames,
+            baseBreakpoint,
+            elementFactory
+        });
+        if (ancestorUpdates.length > 0) editor.updateDocument((doc)=>{
+            applyAncestorUpdates(doc, ancestorUpdates, breakpointNames, baseBreakpoint, elementFactory);
+        });
     }
-  }
-  return;
 }
+export { $createElement };
 
 //# sourceMappingURL=$createElement.js.map

package/editorSdk/utils/$createElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["ElementFactory","evaluateConstraints","executeOnChange","applyAncestorUpdates","$createElement","editor","payload","componentName","index","parentId","slot","bindings","componentsManifest","getEditorState","read","components","result","document","getDocumentState","allowed","elementFactory","elementsBefore","Set","Object","keys","elements","operations","createElementFromComponent","defaults","updateDocument","forEach","operation","apply","editorState","breakpointNames","viewport","breakpoints","map","bp","name","baseBreakpoint","newElementIds","filter","id","has","elementId","ancestorUpdates","action","length","doc"],"sources":["$createElement.ts"],"sourcesContent":["import type { Editor } from \"../Editor.js\";\nimport type { CommandPayload } from \"~/editorSdk/createCommand.js\";\nimport type { Commands } from \"~/BaseEditor/index.js\";\nimport {\n    type ConstraintResult,\n    ElementFactory,\n    evaluateConstraints\n} from \"@webiny/website-builder-sdk\";\nimport { executeOnChange, applyAncestorUpdates } from \"./executeOnChange.js\";\n\nexport function $createElement(\n    editor: Editor,\n    payload: CommandPayload<typeof Commands.CreateElement>\n): ConstraintResult | undefined {\n    const { componentName, index, parentId, slot, bindings } = payload;\n    const componentsManifest = editor.getEditorState().read().components;\n\n    const result = evaluateConstraints({\n        componentName,\n        parentId,\n        slot,\n        document: editor.getDocumentState().read(),\n        components: componentsManifest\n    });\n\n    if (!result.allowed) {\n        return result;\n    }\n\n    const elementFactory = new ElementFactory(componentsManifest);\n\n    // Snapshot element IDs before creation so we can find all new elements.\n    const elementsBefore = new Set(Object.keys(editor.getDocumentState().read().elements));\n\n    const { operations } = elementFactory.createElementFromComponent({\n        componentName,\n        parentId,\n        slot,\n        index,\n        bindings: bindings ?? componentsManifest[componentName].defaults ?? {}\n    });\n\n    editor.updateDocument(document => {\n        operations.forEach(operation => operation.apply(document));\n    });\n\n    // Fire onChange + onDescendantChange for every newly created element,\n    // not just the root. ElementFactory recursively creates child elements\n    // from slot defaults, and those children need callbacks too.\n    const editorState = editor.getEditorState().read();\n    const breakpointNames = editorState.viewport.breakpoints.map(bp => bp.name);\n    const baseBreakpoint = breakpointNames[0];\n\n    const document = editor.getDocumentState().read();\n    const newElementIds = Object.keys(document.elements).filter(id => !elementsBefore.has(id));\n\n    for (const elementId of newElementIds) {\n        const ancestorUpdates = executeOnChange({\n            editor,\n            elementId,\n            action: \"create\",\n            breakpointNames,\n            baseBreakpoint,\n            elementFactory\n        });\n\n        if (ancestorUpdates.length > 0) {\n            editor.updateDocument(doc => {\n                applyAncestorUpdates(\n                    doc,\n                    ancestorUpdates,\n                    breakpointNames,\n                    baseBreakpoint,\n                    elementFactory\n                );\n            });\n        }\n    }\n\n    return;\n}\n"],"mappings":"AAGA,SAEIA,cAAc,EACdC,mBAAmB,QAChB,6BAA6B;AACpC,SAASC,eAAe,EAAEC,oBAAoB;AAE9C,OAAO,SAASC,cAAcA,CAC1BC,MAAc,EACdC,OAAsD,EAC1B;EAC5B,MAAM;IAAEC,aAAa;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGL,OAAO;EAClE,MAAMM,kBAAkB,GAAGP,MAAM,CAACQ,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACC,UAAU;EAEpE,MAAMC,MAAM,GAAGf,mBAAmB,CAAC;IAC/BM,aAAa;IACbE,QAAQ;IACRC,IAAI;IACJO,QAAQ,EAAEZ,MAAM,CAACa,gBAAgB,CAAC,CAAC,CAACJ,IAAI,CAAC,CAAC;IAC1CC,UAAU,EAAEH;EAChB,CAAC,CAAC;EAEF,IAAI,CAACI,MAAM,CAACG,OAAO,EAAE;IACjB,OAAOH,MAAM;EACjB;EAEA,MAAMI,cAAc,GAAG,IAAIpB,cAAc,CAACY,kBAAkB,CAAC;;EAE7D;EACA,MAAMS,cAAc,GAAG,IAAIC,GAAG,CAACC,MAAM,CAACC,IAAI,CAACnB,MAAM,CAACa,gBAAgB,CAAC,CAAC,CAACJ,IAAI,CAAC,CAAC,CAACW,QAAQ,CAAC,CAAC;EAEtF,MAAM;IAAEC;EAAW,CAAC,GAAGN,cAAc,CAACO,0BAA0B,CAAC;IAC7DpB,aAAa;IACbE,QAAQ;IACRC,IAAI;IACJF,KAAK;IACLG,QAAQ,EAAEA,QAAQ,IAAIC,kBAAkB,CAACL,aAAa,CAAC,CAACqB,QAAQ,IAAI,CAAC;EACzE,CAAC,CAAC;EAEFvB,MAAM,CAACwB,cAAc,CAACZ,QAAQ,IAAI;IAC9BS,UAAU,CAACI,OAAO,CAACC,SAAS,IAAIA,SAAS,CAACC,KAAK,CAACf,QAAQ,CAAC,CAAC;EAC9D,CAAC,CAAC;;EAEF;EACA;EACA;EACA,MAAMgB,WAAW,GAAG5B,MAAM,CAACQ,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;EAClD,MAAMoB,eAAe,GAAGD,WAAW,CAACE,QAAQ,CAACC,WAAW,CAACC,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACC,IAAI,CAAC;EAC3E,MAAMC,cAAc,GAAGN,eAAe,CAAC,CAAC,CAAC;EAEzC,MAAMjB,QAAQ,GAAGZ,MAAM,CAACa,gBAAgB,CAAC,CAAC,CAACJ,IAAI,CAAC,CAAC;EACjD,MAAM2B,aAAa,GAAGlB,MAAM,CAACC,IAAI,CAACP,QAAQ,CAACQ,QAAQ,CAAC,CAACiB,MAAM,CAACC,EAAE,IAAI,CAACtB,cAAc,CAACuB,GAAG,CAACD,EAAE,CAAC,CAAC;EAE1F,KAAK,MAAME,SAAS,IAAIJ,aAAa,EAAE;IACnC,MAAMK,eAAe,GAAG5C,eAAe,CAAC;MACpCG,MAAM;MACNwC,SAAS;MACTE,MAAM,EAAE,QAAQ;MAChBb,eAAe;MACfM,cAAc;MACdpB;IACJ,CAAC,CAAC;IAEF,IAAI0B,eAAe,CAACE,MAAM,GAAG,CAAC,EAAE;MAC5B3C,MAAM,CAACwB,cAAc,CAACoB,GAAG,IAAI;QACzB9C,oBAAoB,CAChB8C,GAAG,EACHH,eAAe,EACfZ,eAAe,EACfM,cAAc,EACdpB,cACJ,CAAC;MACL,CAAC,CAAC;IACN;EACJ;EAEA;AACJ","ignoreList":[]}
+{"version":3,"file":"editorSdk/utils/$createElement.js","sources":["../../../src/editorSdk/utils/$createElement.ts"],"sourcesContent":["import type { Editor } from \"../Editor.js\";\nimport type { CommandPayload } from \"~/editorSdk/createCommand.js\";\nimport type { Commands } from \"~/BaseEditor/index.js\";\nimport {\n    type ConstraintResult,\n    ElementFactory,\n    evaluateConstraints\n} from \"@webiny/website-builder-sdk\";\nimport { executeOnChange, applyAncestorUpdates } from \"./executeOnChange.js\";\n\nexport function $createElement(\n    editor: Editor,\n    payload: CommandPayload<typeof Commands.CreateElement>\n): ConstraintResult | undefined {\n    const { componentName, index, parentId, slot, bindings } = payload;\n    const componentsManifest = editor.getEditorState().read().components;\n\n    const result = evaluateConstraints({\n        componentName,\n        parentId,\n        slot,\n        document: editor.getDocumentState().read(),\n        components: componentsManifest\n    });\n\n    if (!result.allowed) {\n        return result;\n    }\n\n    const elementFactory = new ElementFactory(componentsManifest);\n\n    // Snapshot element IDs before creation so we can find all new elements.\n    const elementsBefore = new Set(Object.keys(editor.getDocumentState().read().elements));\n\n    const { operations } = elementFactory.createElementFromComponent({\n        componentName,\n        parentId,\n        slot,\n        index,\n        bindings: bindings ?? componentsManifest[componentName].defaults ?? {}\n    });\n\n    editor.updateDocument(document => {\n        operations.forEach(operation => operation.apply(document));\n    });\n\n    // Fire onChange + onDescendantChange for every newly created element,\n    // not just the root. ElementFactory recursively creates child elements\n    // from slot defaults, and those children need callbacks too.\n    const editorState = editor.getEditorState().read();\n    const breakpointNames = editorState.viewport.breakpoints.map(bp => bp.name);\n    const baseBreakpoint = breakpointNames[0];\n\n    const document = editor.getDocumentState().read();\n    const newElementIds = Object.keys(document.elements).filter(id => !elementsBefore.has(id));\n\n    for (const elementId of newElementIds) {\n        const ancestorUpdates = executeOnChange({\n            editor,\n            elementId,\n            action: \"create\",\n            breakpointNames,\n            baseBreakpoint,\n            elementFactory\n        });\n\n        if (ancestorUpdates.length > 0) {\n            editor.updateDocument(doc => {\n                applyAncestorUpdates(\n                    doc,\n                    ancestorUpdates,\n                    breakpointNames,\n                    baseBreakpoint,\n                    elementFactory\n                );\n            });\n        }\n    }\n\n    return;\n}\n"],"names":["$createElement","editor","payload","componentName","index","parentId","slot","bindings","componentsManifest","result","evaluateConstraints","elementFactory","ElementFactory","elementsBefore","Set","Object","operations","document","operation","editorState","breakpointNames","bp","baseBreakpoint","newElementIds","id","elementId","ancestorUpdates","executeOnChange","doc","applyAncestorUpdates"],"mappings":";;AAUO,SAASA,eACZC,MAAc,EACdC,OAAsD;IAEtD,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGL;IAC3D,MAAMM,qBAAqBP,OAAO,cAAc,GAAG,IAAI,GAAG,UAAU;IAEpE,MAAMQ,SAASC,oBAAoB;QAC/BP;QACAE;QACAC;QACA,UAAUL,OAAO,gBAAgB,GAAG,IAAI;QACxC,YAAYO;IAChB;IAEA,IAAI,CAACC,OAAO,OAAO,EACf,OAAOA;IAGX,MAAME,iBAAiB,IAAIC,eAAeJ;IAG1C,MAAMK,iBAAiB,IAAIC,IAAIC,OAAO,IAAI,CAACd,OAAO,gBAAgB,GAAG,IAAI,GAAG,QAAQ;IAEpF,MAAM,EAAEe,UAAU,EAAE,GAAGL,eAAe,0BAA0B,CAAC;QAC7DR;QACAE;QACAC;QACAF;QACA,UAAUG,YAAYC,kBAAkB,CAACL,cAAc,CAAC,QAAQ,IAAI,CAAC;IACzE;IAEAF,OAAO,cAAc,CAACgB,CAAAA;QAClBD,WAAW,OAAO,CAACE,CAAAA,YAAaA,UAAU,KAAK,CAACD;IACpD;IAKA,MAAME,cAAclB,OAAO,cAAc,GAAG,IAAI;IAChD,MAAMmB,kBAAkBD,YAAY,QAAQ,CAAC,WAAW,CAAC,GAAG,CAACE,CAAAA,KAAMA,GAAG,IAAI;IAC1E,MAAMC,iBAAiBF,eAAe,CAAC,EAAE;IAEzC,MAAMH,WAAWhB,OAAO,gBAAgB,GAAG,IAAI;IAC/C,MAAMsB,gBAAgBR,OAAO,IAAI,CAACE,SAAS,QAAQ,EAAE,MAAM,CAACO,CAAAA,KAAM,CAACX,eAAe,GAAG,CAACW;IAEtF,KAAK,MAAMC,aAAaF,cAAe;QACnC,MAAMG,kBAAkBC,gBAAgB;YACpC1B;YACAwB;YACA,QAAQ;YACRL;YACAE;YACAX;QACJ;QAEA,IAAIe,gBAAgB,MAAM,GAAG,GACzBzB,OAAO,cAAc,CAAC2B,CAAAA;YAClBC,qBACID,KACAF,iBACAN,iBACAE,gBACAX;QAER;IAER;AAGJ"}