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

package/editorSdk/State.js

@@ -0,0 +1,50 @@
+import { makeAutoObservable, toJS, runInAction, observable } 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;
+    }
+    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;
+        }
+      });
+    });
+  }
+}
+
+//# sourceMappingURL=State.js.map

package/editorSdk/State.js.map

@@ -0,0 +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":[]}

package/editorSdk/StateWithHistory.d.ts

@@ -0,0 +1,27 @@
+import type { GenericRecord } from "@webiny/app/types.js";
+import { EditorHistory } from "./EditorHistory.js";
+import { type IState, type MutableState } from "./State";
+import { type JsonPatchOperation } from "../sdk/jsonPatch";
+export type StateChangeEvent<TState> = {
+    reason: "undo" | "redo" | "update";
+    diff: JsonPatchOperation[];
+    state: TState;
+};
+export type StateChangeListener<T> = (event: StateChangeEvent<T>) => void;
+export declare class StateWithHistory<TState extends GenericRecord = GenericRecord> implements IState<TState> {
+    private readonly history;
+    private state;
+    private previousState;
+    private stateListeners;
+    private timeTravel;
+    constructor(initialState: TState);
+    read(): TState;
+    toJson(): TState;
+    setState(setter: (state: MutableState<TState>) => TState): void;
+    update(cb: (state: MutableState<TState>) => void): void;
+    getHistory(): EditorHistory;
+    undo(): void;
+    redo(): void;
+    onStateChange(listener: StateChangeListener<TState>): () => void;
+    private executeStateListeners;
+}

package/editorSdk/StateWithHistory.js

@@ -0,0 +1,93 @@
+import { makeObservable, autorun, observable } from "mobx";
+import { EditorHistory } from "./EditorHistory.js";
+import { State } from "./State";
+import { jsonPatch } from "../sdk/jsonPatch";
+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
+    });
+    autorun(() => {
+      const newState = this.state.toJson();
+      if (!this.timeTravel) {
+        return;
+      }
+      const previousState = this.previousState ?? {};
+      const diff = jsonPatch.compare(previousState, newState);
+      this.previousState = undefined;
+      this.history.trackState(newState);
+      if (diff.length) {
+        this.executeStateListeners({
+          reason: "update",
+          diff,
+          state: 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);
+    });
+  }
+}
+
+//# sourceMappingURL=StateWithHistory.js.map

package/editorSdk/StateWithHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeObservable","autorun","observable","EditorHistory","State","jsonPatch","StateWithHistory","stateListeners","timeTravel","constructor","initialState","history","snapshots","observeKeys","state","newState","toJson","previousState","diff","compare","undefined","trackState","length","executeStateListeners","reason","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\";\nimport { jsonPatch, type JsonPatchOperation } from \"~/sdk/jsonPatch\";\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<TState extends GenericRecord = GenericRecord>\n    implements IState<TState>\n{\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        autorun(() => {\n            const newState = this.state.toJson();\n\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\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":[]}

package/editorSdk/createCommand.d.ts

@@ -0,0 +1,5 @@
+export type Command<TPayload> = {
+    type: string;
+};
+export type CommandPayload<TCommand extends Command<unknown>> = TCommand extends Command<infer TPayload> ? TPayload : never;
+export declare function createCommand<T>(type: string): Command<T>;

package/editorSdk/createCommand.js

@@ -0,0 +1,7 @@
+export function createCommand(type) {
+  return {
+    type
+  }; // assert to preserve type info
+}
+
+//# sourceMappingURL=createCommand.js.map

package/editorSdk/createCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createCommand","type"],"sources":["createCommand.ts"],"sourcesContent":["export 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":"AAOA,OAAO,SAASA,aAAaA,CAAIC,IAAY,EAAc;EACvD,OAAO;IAAEA;EAAK,CAAC,CAAe,CAAC;AACnC","ignoreList":[]}

package/editorSdk/scheduleMicroTask.d.ts

@@ -0,0 +1 @@
+export declare const scheduleMicroTask: (fn: () => void) => void;

package/editorSdk/scheduleMicroTask.js

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

package/editorSdk/scheduleMicroTask.js.map

@@ -0,0 +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":[]}

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

@@ -0,0 +1,9 @@
+import type { Document } from "../../sdk/types.js";
+interface Params {
+    elementId: string;
+    parentId: string;
+    slot: string;
+    index: number;
+}
+export declare function $addElementReferenceToParent(document: Document, { elementId, parentId, slot, index }: Params): void;
+export {};

package/editorSdk/utils/$addElementReferenceToParent.js

@@ -0,0 +1,31 @@
+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
+    };
+  } 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
+  };
+}
+
+//# sourceMappingURL=$addElementReferenceToParent.js.map

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

@@ -0,0 +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 \"~/sdk/types.js\";\nimport type { InputValueBinding } from \"~/sdk/types\";\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":[]}

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

@@ -0,0 +1,4 @@
+import type { Editor } from "../Editor";
+import type { CommandPayload } from "../createCommand";
+import { Commands } from "../../BaseEditor";
+export declare function $createElement(editor: Editor, payload: CommandPayload<typeof Commands.CreateElement>): void;

package/editorSdk/utils/$createElement.js

@@ -0,0 +1,26 @@
+import { ElementFactory } from "../../sdk/ElementFactory";
+export function $createElement(editor, payload) {
+  const {
+    componentName,
+    index,
+    parentId,
+    slot,
+    bindings
+  } = payload;
+  const componentsManifest = editor.getEditorState().read().components;
+  const elementFactory = new ElementFactory(componentsManifest);
+  const {
+    operations
+  } = elementFactory.createElementFromComponent({
+    componentName,
+    parentId,
+    slot,
+    index,
+    bindings: bindings ?? componentsManifest[componentName].defaults ?? {}
+  });
+  editor.updateDocument(document => {
+    operations.forEach(operation => operation.apply(document));
+  });
+}
+
+//# sourceMappingURL=$createElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ElementFactory","$createElement","editor","payload","componentName","index","parentId","slot","bindings","componentsManifest","getEditorState","read","components","elementFactory","operations","createElementFromComponent","defaults","updateDocument","document","forEach","operation","apply"],"sources":["$createElement.ts"],"sourcesContent":["import type { Editor } from \"../Editor\";\nimport type { CommandPayload } from \"~/editorSdk/createCommand\";\nimport { Commands } from \"~/BaseEditor\";\nimport { ElementFactory } from \"~/sdk/ElementFactory\";\n\nexport function $createElement(\n    editor: Editor,\n    payload: CommandPayload<typeof Commands.CreateElement>\n) {\n    const { componentName, index, parentId, slot, bindings } = payload;\n    const componentsManifest = editor.getEditorState().read().components;\n\n    const elementFactory = new ElementFactory(componentsManifest);\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"],"mappings":"AAGA,SAASA,cAAc;AAEvB,OAAO,SAASC,cAAcA,CAC1BC,MAAc,EACdC,OAAsD,EACxD;EACE,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,cAAc,GAAG,IAAIb,cAAc,CAACS,kBAAkB,CAAC;EAC7D,MAAM;IAAEK;EAAW,CAAC,GAAGD,cAAc,CAACE,0BAA0B,CAAC;IAC7DX,aAAa;IACbE,QAAQ;IACRC,IAAI;IACJF,KAAK;IACLG,QAAQ,EAAEA,QAAQ,IAAIC,kBAAkB,CAACL,aAAa,CAAC,CAACY,QAAQ,IAAI,CAAC;EACzE,CAAC,CAAC;EAEFd,MAAM,CAACe,cAAc,CAACC,QAAQ,IAAI;IAC9BJ,UAAU,CAACK,OAAO,CAACC,SAAS,IAAIA,SAAS,CAACC,KAAK,CAACH,QAAQ,CAAC,CAAC;EAC9D,CAAC,CAAC;AACN","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import type { Document } from "../../sdk/types.js";
+export declare function $deleteElement(document: Document, id: string): void;

package/editorSdk/utils/$deleteElement.js

@@ -0,0 +1,30 @@
+import { $getElementById } from "./$getElementById";
+import { $removeElementReferenceFromParent } from "./$removeElementReferenceFromParent";
+export function $deleteElement(document, id) {
+  const elementToDelete = $getElementById(document, id);
+  if (!elementToDelete) {
+    return;
+  }
+
+  // Remove the reference to the element from its parent element.
+  if (elementToDelete.parent) {
+    $removeElementReferenceFromParent(document, {
+      elementId: id,
+      parentId: elementToDelete.parent.id,
+      slot: elementToDelete.parent.slot
+    });
+  }
+
+  // Remove all descendants.
+  Object.values(document.elements).filter(el => el.parent?.id === id).forEach(element => {
+    $deleteElement(document, element.id);
+  });
+
+  // Delete element bindings.
+  delete document.bindings[elementToDelete.id];
+
+  // Delete the element itself.
+  delete document.elements[id];
+}
+
+//# sourceMappingURL=$deleteElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["$getElementById","$removeElementReferenceFromParent","$deleteElement","document","id","elementToDelete","parent","elementId","parentId","slot","Object","values","elements","filter","el","forEach","element","bindings"],"sources":["$deleteElement.ts"],"sourcesContent":["import type { Document } from \"~/sdk/types.js\";\nimport { $getElementById } from \"./$getElementById\";\nimport { $removeElementReferenceFromParent } from \"./$removeElementReferenceFromParent\";\n\nexport function $deleteElement(document: Document, id: string) {\n    const elementToDelete = $getElementById(document, id);\n\n    if (!elementToDelete) {\n        return;\n    }\n\n    // Remove the reference to the element from its parent element.\n    if (elementToDelete.parent) {\n        $removeElementReferenceFromParent(document, {\n            elementId: id,\n            parentId: elementToDelete.parent.id,\n            slot: elementToDelete.parent.slot\n        });\n    }\n\n    // Remove all descendants.\n    Object.values(document.elements)\n        .filter(el => el.parent?.id === id)\n        .forEach(element => {\n            $deleteElement(document, element.id);\n        });\n\n    // Delete element bindings.\n    delete document.bindings[elementToDelete.id];\n\n    // Delete the element itself.\n    delete document.elements[id];\n}\n"],"mappings":"AACA,SAASA,eAAe;AACxB,SAASC,iCAAiC;AAE1C,OAAO,SAASC,cAAcA,CAACC,QAAkB,EAAEC,EAAU,EAAE;EAC3D,MAAMC,eAAe,GAAGL,eAAe,CAACG,QAAQ,EAAEC,EAAE,CAAC;EAErD,IAAI,CAACC,eAAe,EAAE;IAClB;EACJ;;EAEA;EACA,IAAIA,eAAe,CAACC,MAAM,EAAE;IACxBL,iCAAiC,CAACE,QAAQ,EAAE;MACxCI,SAAS,EAAEH,EAAE;MACbI,QAAQ,EAAEH,eAAe,CAACC,MAAM,CAACF,EAAE;MACnCK,IAAI,EAAEJ,eAAe,CAACC,MAAM,CAACG;IACjC,CAAC,CAAC;EACN;;EAEA;EACAC,MAAM,CAACC,MAAM,CAACR,QAAQ,CAACS,QAAQ,CAAC,CAC3BC,MAAM,CAACC,EAAE,IAAIA,EAAE,CAACR,MAAM,EAAEF,EAAE,KAAKA,EAAE,CAAC,CAClCW,OAAO,CAACC,OAAO,IAAI;IAChBd,cAAc,CAACC,QAAQ,EAAEa,OAAO,CAACZ,EAAE,CAAC;EACxC,CAAC,CAAC;;EAEN;EACA,OAAOD,QAAQ,CAACc,QAAQ,CAACZ,eAAe,CAACD,EAAE,CAAC;;EAE5C;EACA,OAAOD,QAAQ,CAACS,QAAQ,CAACR,EAAE,CAAC;AAChC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import { Editor } from "../Editor";
+export declare function $deselectElement(editor: Editor): void;

package/editorSdk/utils/$deselectElement.js

@@ -0,0 +1,7 @@
+export function $deselectElement(editor) {
+  editor.updateEditor(state => {
+    state.selectedElement = null;
+  });
+}
+
+//# sourceMappingURL=$deselectElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["$deselectElement","editor","updateEditor","state","selectedElement"],"sources":["$deselectElement.ts"],"sourcesContent":["import { Editor } from \"../Editor\";\n\nexport function $deselectElement(editor: Editor) {\n    editor.updateEditor(state => {\n        state.selectedElement = null;\n    });\n}\n"],"mappings":"AAEA,OAAO,SAASA,gBAAgBA,CAACC,MAAc,EAAE;EAC7CA,MAAM,CAACC,YAAY,CAACC,KAAK,IAAI;IACzBA,KAAK,CAACC,eAAe,GAAG,IAAI;EAChC,CAAC,CAAC;AACN","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import { Editor } from "../Editor";
+export declare function $getActiveElementId(editor: Editor): string | null;

package/editorSdk/utils/$getActiveElementId.js

@@ -0,0 +1,5 @@
+export function $getActiveElementId(editor) {
+  return editor.getEditorState().read().selectedElement;
+}
+
+//# sourceMappingURL=$getActiveElementId.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["$getActiveElementId","editor","getEditorState","read","selectedElement"],"sources":["$getActiveElementId.ts"],"sourcesContent":["import { Editor } from \"../Editor\";\n\nexport function $getActiveElementId(editor: Editor) {\n    return editor.getEditorState().read().selectedElement;\n}\n"],"mappings":"AAEA,OAAO,SAASA,mBAAmBA,CAACC,MAAc,EAAE;EAChD,OAAOA,MAAM,CAACC,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACC,eAAe;AACzD","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+import { Editor } from "../Editor";
+import { ComponentManifest } from "../../sdk/types";
+export declare function $getComponentManifestByElementId(editor: Editor, id: string): ComponentManifest | undefined;

package/editorSdk/utils/$getComponentManifestByElementId.js

@@ -0,0 +1,11 @@
+export function $getComponentManifestByElementId(editor, id) {
+  const document = editor.getDocumentState().read();
+  const editorState = editor.getEditorState().read();
+  if (!document.elements[id]) {
+    return undefined;
+  }
+  const componentName = document.elements[id].component.name;
+  return editorState.components[componentName];
+}
+
+//# sourceMappingURL=$getComponentManifestByElementId.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["$getComponentManifestByElementId","editor","id","document","getDocumentState","read","editorState","getEditorState","elements","undefined","componentName","component","name","components"],"sources":["$getComponentManifestByElementId.ts"],"sourcesContent":["import { Editor } from \"../Editor\";\nimport { ComponentManifest } from \"~/sdk/types\";\n\nexport function $getComponentManifestByElementId(\n    editor: Editor,\n    id: string\n): ComponentManifest | undefined {\n    const document = editor.getDocumentState().read();\n    const editorState = editor.getEditorState().read();\n\n    if (!document.elements[id]) {\n        return undefined;\n    }\n\n    const componentName = document.elements[id].component.name;\n    return editorState.components[componentName];\n}\n"],"mappings":"AAGA,OAAO,SAASA,gCAAgCA,CAC5CC,MAAc,EACdC,EAAU,EACmB;EAC7B,MAAMC,QAAQ,GAAGF,MAAM,CAACG,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;EACjD,MAAMC,WAAW,GAAGL,MAAM,CAACM,cAAc,CAAC,CAAC,CAACF,IAAI,CAAC,CAAC;EAElD,IAAI,CAACF,QAAQ,CAACK,QAAQ,CAACN,EAAE,CAAC,EAAE;IACxB,OAAOO,SAAS;EACpB;EAEA,MAAMC,aAAa,GAAGP,QAAQ,CAACK,QAAQ,CAACN,EAAE,CAAC,CAACS,SAAS,CAACC,IAAI;EAC1D,OAAON,WAAW,CAACO,UAAU,CAACH,aAAa,CAAC;AAChD","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import type { Document } from "../../sdk/types.js";
+export declare function $getElementById(document: Document, id: string): import("../../sdk/types.js").DocumentElement;

package/editorSdk/utils/$getElementById.js

@@ -0,0 +1,5 @@
+export function $getElementById(document, id) {
+  return document.elements[id];
+}
+
+//# sourceMappingURL=$getElementById.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["$getElementById","document","id","elements"],"sources":["$getElementById.ts"],"sourcesContent":["import type { Document } from \"~/sdk/types.js\";\n\nexport function $getElementById(document: Document, id: string) {\n    return document.elements[id];\n}\n"],"mappings":"AAEA,OAAO,SAASA,eAAeA,CAACC,QAAkB,EAAEC,EAAU,EAAE;EAC5D,OAAOD,QAAQ,CAACE,QAAQ,CAACD,EAAE,CAAC;AAChC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import { Editor } from "../Editor";
+export declare function $highlightElement(editor: Editor, id: string | null): void;

package/editorSdk/utils/$highlightElement.js

@@ -0,0 +1,7 @@
+export function $highlightElement(editor, id) {
+  editor.updateEditor(state => {
+    state.highlightedElement = id;
+  });
+}
+
+//# sourceMappingURL=$highlightElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["$highlightElement","editor","id","updateEditor","state","highlightedElement"],"sources":["$highlightElement.ts"],"sourcesContent":["import { Editor } from \"../Editor\";\n\nexport function $highlightElement(editor: Editor, id: string | null) {\n    editor.updateEditor(state => {\n        state.highlightedElement = id;\n    });\n}\n"],"mappings":"AAEA,OAAO,SAASA,iBAAiBA,CAACC,MAAc,EAAEC,EAAiB,EAAE;EACjED,MAAM,CAACE,YAAY,CAACC,KAAK,IAAI;IACzBA,KAAK,CAACC,kBAAkB,GAAGH,EAAE;EACjC,CAAC,CAAC;AACN","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import type { Document } from "../../sdk/types.js";
+interface MoveParams {
+    elementId: string;
+    parentId: string;
+    slot: string;
+    index: number;
+}
+export declare function $moveElement(document: Document, params: MoveParams): void;
+export {};

package/editorSdk/utils/$moveElement.js

@@ -0,0 +1,37 @@
+import { $getElementById } from "./$getElementById";
+import { $removeElementReferenceFromParent } from "./$removeElementReferenceFromParent";
+import { $addElementReferenceToParent } from "./$addElementReferenceToParent";
+export function $moveElement(document, params) {
+  const {
+    elementId,
+    index,
+    slot,
+    parentId
+  } = params;
+  const elementToMove = $getElementById(document, elementId);
+
+  // Remove the reference to the element from its parent element.
+  if (elementToMove.parent) {
+    $removeElementReferenceFromParent(document, {
+      elementId,
+      parentId: elementToMove.parent.id,
+      slot: elementToMove.parent.slot
+    });
+  }
+
+  // Assign new parent.
+  elementToMove.parent = {
+    id: parentId,
+    slot
+  };
+
+  // Add reference to the new parent.
+  $addElementReferenceToParent(document, {
+    elementId,
+    parentId,
+    slot,
+    index
+  });
+}
+
+//# sourceMappingURL=$moveElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["$getElementById","$removeElementReferenceFromParent","$addElementReferenceToParent","$moveElement","document","params","elementId","index","slot","parentId","elementToMove","parent","id"],"sources":["$moveElement.ts"],"sourcesContent":["import type { Document } from \"~/sdk/types.js\";\nimport { $getElementById } from \"./$getElementById\";\nimport { $removeElementReferenceFromParent } from \"./$removeElementReferenceFromParent\";\nimport { $addElementReferenceToParent } from \"./$addElementReferenceToParent\";\n\ninterface MoveParams {\n    // ID of the element to move.\n    elementId: string;\n    // Parent element for the new element.\n    parentId: string;\n    // Parent element slot (e.g., `children`, `heroBanner`, `tabsList.0.content`).\n    slot: string;\n    // Index within the slot.\n    index: number;\n}\n\nexport function $moveElement(document: Document, params: MoveParams) {\n    const { elementId, index, slot, parentId } = params;\n\n    const elementToMove = $getElementById(document, elementId);\n\n    // Remove the reference to the element from its parent element.\n    if (elementToMove.parent) {\n        $removeElementReferenceFromParent(document, {\n            elementId,\n            parentId: elementToMove.parent.id,\n            slot: elementToMove.parent.slot\n        });\n    }\n\n    // Assign new parent.\n    elementToMove.parent = {\n        id: parentId,\n        slot\n    };\n\n    // Add reference to the new parent.\n    $addElementReferenceToParent(document, {\n        elementId,\n        parentId,\n        slot,\n        index\n    });\n}\n"],"mappings":"AACA,SAASA,eAAe;AACxB,SAASC,iCAAiC;AAC1C,SAASC,4BAA4B;AAarC,OAAO,SAASC,YAAYA,CAACC,QAAkB,EAAEC,MAAkB,EAAE;EACjE,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGJ,MAAM;EAEnD,MAAMK,aAAa,GAAGV,eAAe,CAACI,QAAQ,EAAEE,SAAS,CAAC;;EAE1D;EACA,IAAII,aAAa,CAACC,MAAM,EAAE;IACtBV,iCAAiC,CAACG,QAAQ,EAAE;MACxCE,SAAS;MACTG,QAAQ,EAAEC,aAAa,CAACC,MAAM,CAACC,EAAE;MACjCJ,IAAI,EAAEE,aAAa,CAACC,MAAM,CAACH;IAC/B,CAAC,CAAC;EACN;;EAEA;EACAE,aAAa,CAACC,MAAM,GAAG;IACnBC,EAAE,EAAEH,QAAQ;IACZD;EACJ,CAAC;;EAED;EACAN,4BAA4B,CAACE,QAAQ,EAAE;IACnCE,SAAS;IACTG,QAAQ;IACRD,IAAI;IACJD;EACJ,CAAC,CAAC;AACN","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import type { Document } from "../../sdk/types.js";
+interface Params {
+    elementId: string;
+    parentId: string;
+    slot: string;
+}
+export declare function $removeElementReferenceFromParent(document: Document, { elementId, parentId, slot }: Params): void;
+export {};

package/editorSdk/utils/$removeElementReferenceFromParent.js

@@ -0,0 +1,23 @@
+export function $removeElementReferenceFromParent(document, {
+  elementId,
+  parentId,
+  slot
+}) {
+  const bindings = document.bindings[parentId] ?? {};
+  const inputs = bindings.inputs ?? {};
+  const binding = inputs[slot];
+  if (!binding) {
+    return;
+  }
+  if (binding.list) {
+    inputs[slot].static = binding.static.filter(id => id !== elementId);
+  } else {
+    delete inputs[slot].static;
+  }
+  document.bindings[parentId] = {
+    ...bindings,
+    inputs
+  };
+}
+
+//# sourceMappingURL=$removeElementReferenceFromParent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["$removeElementReferenceFromParent","document","elementId","parentId","slot","bindings","inputs","binding","list","static","filter","id"],"sources":["$removeElementReferenceFromParent.ts"],"sourcesContent":["import type { Document } from \"~/sdk/types.js\";\n\ninterface Params {\n    elementId: string;\n    parentId: string;\n    slot: string;\n}\n\nexport function $removeElementReferenceFromParent(\n    document: Document,\n    { elementId, parentId, slot }: Params\n) {\n    const bindings = document.bindings[parentId] ?? {};\n    const inputs = bindings.inputs ?? {};\n\n    const binding = inputs[slot];\n    if (!binding) {\n        return;\n    }\n\n    if (binding.list) {\n        inputs[slot].static = (binding.static as string[]).filter(id => id !== elementId);\n    } else {\n        delete inputs[slot].static;\n    }\n\n    document.bindings[parentId] = {\n        ...bindings,\n        inputs\n    };\n}\n"],"mappings":"AAQA,OAAO,SAASA,iCAAiCA,CAC7CC,QAAkB,EAClB;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAAa,CAAC,EACvC;EACE,MAAMC,QAAQ,GAAGJ,QAAQ,CAACI,QAAQ,CAACF,QAAQ,CAAC,IAAI,CAAC,CAAC;EAClD,MAAMG,MAAM,GAAGD,QAAQ,CAACC,MAAM,IAAI,CAAC,CAAC;EAEpC,MAAMC,OAAO,GAAGD,MAAM,CAACF,IAAI,CAAC;EAC5B,IAAI,CAACG,OAAO,EAAE;IACV;EACJ;EAEA,IAAIA,OAAO,CAACC,IAAI,EAAE;IACdF,MAAM,CAACF,IAAI,CAAC,CAACK,MAAM,GAAIF,OAAO,CAACE,MAAM,CAAcC,MAAM,CAACC,EAAE,IAAIA,EAAE,KAAKT,SAAS,CAAC;EACrF,CAAC,MAAM;IACH,OAAOI,MAAM,CAACF,IAAI,CAAC,CAACK,MAAM;EAC9B;EAEAR,QAAQ,CAACI,QAAQ,CAACF,QAAQ,CAAC,GAAG;IAC1B,GAAGE,QAAQ;IACXC;EACJ,CAAC;AACL","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import { Editor } from "../Editor";
+export declare function $selectElement(editor: Editor, id: string | null): void;

package/editorSdk/utils/$selectElement.js

@@ -0,0 +1,7 @@
+export function $selectElement(editor, id) {
+  editor.updateEditor(state => {
+    state.selectedElement = id;
+  });
+}
+
+//# sourceMappingURL=$selectElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["$selectElement","editor","id","updateEditor","state","selectedElement"],"sources":["$selectElement.ts"],"sourcesContent":["import { Editor } from \"../Editor\";\n\nexport function $selectElement(editor: Editor, id: string | null) {\n    editor.updateEditor(state => {\n        state.selectedElement = id;\n    });\n}\n"],"mappings":"AAEA,OAAO,SAASA,cAAcA,CAACC,MAAc,EAAEC,EAAiB,EAAE;EAC9DD,MAAM,CAACE,YAAY,CAACC,KAAK,IAAI;IACzBA,KAAK,CAACC,eAAe,GAAGH,EAAE;EAC9B,CAAC,CAAC;AACN","ignoreList":[]}

package/editorSdk/utils/README.md

@@ -0,0 +1,2 @@
+This folder contains editor state manipulation utilities, similar to how Lexical editor does it.
+This helps developers share use cases without the need to understand internal editor state, data normalization, etc.

package/editorSdk/utils/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./$selectElement";
+export * from "./$deselectElement";
+export * from "./$highlightElement";
+export * from "./$getElementById";
+export * from "./$getActiveElementId";
+export * from "./$getComponentManifestByElementId";
+export * from "./$deleteElement";
+export * from "./$createElement";
+export * from "./$moveElement";
+export * from "./$removeElementReferenceFromParent";
+export * from "./$addElementReferenceToParent";

package/editorSdk/utils/index.js

@@ -0,0 +1,13 @@
+export * from "./$selectElement";
+export * from "./$deselectElement";
+export * from "./$highlightElement";
+export * from "./$getElementById";
+export * from "./$getActiveElementId";
+export * from "./$getComponentManifestByElementId";
+export * from "./$deleteElement";
+export * from "./$createElement";
+export * from "./$moveElement";
+export * from "./$removeElementReferenceFromParent";
+export * from "./$addElementReferenceToParent";
+
+//# sourceMappingURL=index.js.map

package/editorSdk/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./$selectElement\";\nexport * from \"./$deselectElement\";\nexport * from \"./$highlightElement\";\nexport * from \"./$getElementById\";\nexport * from \"./$getActiveElementId\";\nexport * from \"./$getComponentManifestByElementId\";\nexport * from \"./$deleteElement\";\nexport * from \"./$createElement\";\nexport * from \"./$moveElement\";\nexport * from \"./$removeElementReferenceFromParent\";\nexport * from \"./$addElementReferenceToParent\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/features/ecommerce/apis/EcommerceApiManifest.d.ts

@@ -0,0 +1,10 @@
+import type { IEcommerceApiFactory, SettingsInput } from "../../../ecommerce";
+export declare class EcommerceApiManifest {
+    private readonly name;
+    private readonly api;
+    private readonly inputs;
+    constructor(name: string, api: IEcommerceApiFactory, inputs: SettingsInput[]);
+    getName(): string;
+    getApi(settings: Record<string, any>): Promise<import("../../../ecommerce").IEcommerceApi>;
+    getSettingsInputs(): SettingsInput[];
+}