@webiny/website-builder-sdk 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/DocumentStore.js

@@ -1,67 +1,55 @@
 import { jsonPatch } from "./jsonPatch.js";
-import { makeAutoObservable, runInAction, observable } from "mobx";
-export class DocumentStore {
-  document = null;
-  documentReady = false;
-  readyResolvers = [];
-  constructor() {
-    makeAutoObservable(this);
-  }
-  setDocument(doc) {
-    runInAction(() => {
-      if (this.document) {
-        Object.assign(this.document, doc);
-      } else {
-        this.document = observable(doc);
-      }
-      this.documentReady = true;
-      this.readyResolvers.forEach(fn => fn());
-      this.readyResolvers = [];
-    });
-  }
-  updateDocument(cb) {
-    runInAction(() => {
-      if (this.document) {
-        cb(this.document);
-      }
-    });
-  }
-  getDocument() {
-    return this.document;
-  }
-  getElement(id) {
-    if (!this.document) {
-      return null;
+import { makeAutoObservable, observable, runInAction } from "mobx";
+class DocumentStore {
+    constructor(){
+        this.document = null;
+        this.documentReady = false;
+        this.readyResolvers = [];
+        makeAutoObservable(this);
     }
-    return this.document.elements[id];
-  }
-  updateElement(id, patch) {
-    if (!this.document) {
-      return;
+    setDocument(doc) {
+        runInAction(()=>{
+            if (this.document) Object.assign(this.document, doc);
+            else this.document = observable(doc);
+            this.documentReady = true;
+            this.readyResolvers.forEach((fn)=>fn());
+            this.readyResolvers = [];
+        });
     }
-    const current = this.document.elements[id];
-    if (current) {
-      this.document.elements[id] = {
-        ...current,
-        ...patch
-      };
+    updateDocument(cb) {
+        runInAction(()=>{
+            if (this.document) cb(this.document);
+        });
     }
-  }
-  applyPatch(patch) {
-    runInAction(() => {
-      jsonPatch.applyPatch(this.document, patch, false, true);
-    });
-  }
-  async waitForDocument() {
-    if (this.documentReady) {
-      return this.document;
+    getDocument() {
+        return this.document;
+    }
+    getElement(id) {
+        if (!this.document) return null;
+        return this.document.elements[id];
+    }
+    updateElement(id, patch) {
+        if (!this.document) return;
+        const current = this.document.elements[id];
+        if (current) this.document.elements[id] = {
+            ...current,
+            ...patch
+        };
+    }
+    applyPatch(patch) {
+        runInAction(()=>{
+            jsonPatch.applyPatch(this.document, patch, false, true);
+        });
+    }
+    async waitForDocument() {
+        if (this.documentReady) return this.document;
+        return new Promise((resolve)=>{
+            this.readyResolvers.push(()=>{
+                resolve(this.document);
+            });
+        });
     }
-    return new Promise(resolve => {
-      this.readyResolvers.push(() => {
-        resolve(this.document);
-      });
-    });
-  }
 }
+export { DocumentStore };
 
 //# sourceMappingURL=DocumentStore.js.map

package/DocumentStore.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsonPatch","makeAutoObservable","runInAction","observable","DocumentStore","document","documentReady","readyResolvers","constructor","setDocument","doc","Object","assign","forEach","fn","updateDocument","cb","getDocument","getElement","id","elements","updateElement","patch","current","applyPatch","waitForDocument","Promise","resolve","push"],"sources":["DocumentStore.ts"],"sourcesContent":["import { jsonPatch, type JsonPatchOperation } from \"~/jsonPatch.js\";\nimport type { Document } from \"~/types.js\";\nimport { makeAutoObservable, runInAction, observable } from \"mobx\";\n\nexport class DocumentStore<TDocument extends Document = Document> {\n    private document: TDocument | null = null;\n    private documentReady = false;\n    private readyResolvers: (() => void)[] = [];\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    setDocument(doc: TDocument) {\n        runInAction(() => {\n            if (this.document) {\n                Object.assign(this.document, doc);\n            } else {\n                this.document = observable(doc);\n            }\n            this.documentReady = true;\n            this.readyResolvers.forEach(fn => fn());\n            this.readyResolvers = [];\n        });\n    }\n\n    updateDocument(cb: (document: TDocument) => void) {\n        runInAction(() => {\n            if (this.document) {\n                cb(this.document);\n            }\n        });\n    }\n\n    getDocument() {\n        return this.document;\n    }\n\n    getElement(id: string) {\n        if (!this.document) {\n            return null;\n        }\n\n        return this.document.elements[id];\n    }\n\n    updateElement(id: string, patch: Partial<any>) {\n        if (!this.document) {\n            return;\n        }\n\n        const current = this.document.elements[id];\n        if (current) {\n            this.document.elements[id] = { ...current, ...patch };\n        }\n    }\n\n    applyPatch(patch: JsonPatchOperation[]) {\n        runInAction(() => {\n            jsonPatch.applyPatch(this.document!, patch, false, true);\n        });\n    }\n\n    async waitForDocument(): Promise<TDocument> {\n        if (this.documentReady) {\n            return this.document as TDocument;\n        }\n\n        return new Promise(resolve => {\n            this.readyResolvers.push(() => {\n                resolve(this.document as TDocument);\n            });\n        });\n    }\n}\n"],"mappings":"AAAA,SAASA,SAAS;AAElB,SAASC,kBAAkB,EAAEC,WAAW,EAAEC,UAAU,QAAQ,MAAM;AAElE,OAAO,MAAMC,aAAa,CAAwC;EACtDC,QAAQ,GAAqB,IAAI;EACjCC,aAAa,GAAG,KAAK;EACrBC,cAAc,GAAmB,EAAE;EAE3CC,WAAWA,CAAA,EAAG;IACVP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAQ,WAAWA,CAACC,GAAc,EAAE;IACxBR,WAAW,CAAC,MAAM;MACd,IAAI,IAAI,CAACG,QAAQ,EAAE;QACfM,MAAM,CAACC,MAAM,CAAC,IAAI,CAACP,QAAQ,EAAEK,GAAG,CAAC;MACrC,CAAC,MAAM;QACH,IAAI,CAACL,QAAQ,GAAGF,UAAU,CAACO,GAAG,CAAC;MACnC;MACA,IAAI,CAACJ,aAAa,GAAG,IAAI;MACzB,IAAI,CAACC,cAAc,CAACM,OAAO,CAACC,EAAE,IAAIA,EAAE,CAAC,CAAC,CAAC;MACvC,IAAI,CAACP,cAAc,GAAG,EAAE;IAC5B,CAAC,CAAC;EACN;EAEAQ,cAAcA,CAACC,EAAiC,EAAE;IAC9Cd,WAAW,CAAC,MAAM;MACd,IAAI,IAAI,CAACG,QAAQ,EAAE;QACfW,EAAE,CAAC,IAAI,CAACX,QAAQ,CAAC;MACrB;IACJ,CAAC,CAAC;EACN;EAEAY,WAAWA,CAAA,EAAG;IACV,OAAO,IAAI,CAACZ,QAAQ;EACxB;EAEAa,UAAUA,CAACC,EAAU,EAAE;IACnB,IAAI,CAAC,IAAI,CAACd,QAAQ,EAAE;MAChB,OAAO,IAAI;IACf;IAEA,OAAO,IAAI,CAACA,QAAQ,CAACe,QAAQ,CAACD,EAAE,CAAC;EACrC;EAEAE,aAAaA,CAACF,EAAU,EAAEG,KAAmB,EAAE;IAC3C,IAAI,CAAC,IAAI,CAACjB,QAAQ,EAAE;MAChB;IACJ;IAEA,MAAMkB,OAAO,GAAG,IAAI,CAAClB,QAAQ,CAACe,QAAQ,CAACD,EAAE,CAAC;IAC1C,IAAII,OAAO,EAAE;MACT,IAAI,CAAClB,QAAQ,CAACe,QAAQ,CAACD,EAAE,CAAC,GAAG;QAAE,GAAGI,OAAO;QAAE,GAAGD;MAAM,CAAC;IACzD;EACJ;EAEAE,UAAUA,CAACF,KAA2B,EAAE;IACpCpB,WAAW,CAAC,MAAM;MACdF,SAAS,CAACwB,UAAU,CAAC,IAAI,CAACnB,QAAQ,EAAGiB,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC;IAC5D,CAAC,CAAC;EACN;EAEA,MAAMG,eAAeA,CAAA,EAAuB;IACxC,IAAI,IAAI,CAACnB,aAAa,EAAE;MACpB,OAAO,IAAI,CAACD,QAAQ;IACxB;IAEA,OAAO,IAAIqB,OAAO,CAACC,OAAO,IAAI;MAC1B,IAAI,CAACpB,cAAc,CAACqB,IAAI,CAAC,MAAM;QAC3BD,OAAO,CAAC,IAAI,CAACtB,QAAqB,CAAC;MACvC,CAAC,CAAC;IACN,CAAC,CAAC;EACN;AACJ","ignoreList":[]}
+{"version":3,"file":"DocumentStore.js","sources":["../src/DocumentStore.ts"],"sourcesContent":["import { jsonPatch, type JsonPatchOperation } from \"~/jsonPatch.js\";\nimport type { Document } from \"~/types.js\";\nimport { makeAutoObservable, runInAction, observable } from \"mobx\";\n\nexport class DocumentStore<TDocument extends Document = Document> {\n    private document: TDocument | null = null;\n    private documentReady = false;\n    private readyResolvers: (() => void)[] = [];\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    setDocument(doc: TDocument) {\n        runInAction(() => {\n            if (this.document) {\n                Object.assign(this.document, doc);\n            } else {\n                this.document = observable(doc);\n            }\n            this.documentReady = true;\n            this.readyResolvers.forEach(fn => fn());\n            this.readyResolvers = [];\n        });\n    }\n\n    updateDocument(cb: (document: TDocument) => void) {\n        runInAction(() => {\n            if (this.document) {\n                cb(this.document);\n            }\n        });\n    }\n\n    getDocument() {\n        return this.document;\n    }\n\n    getElement(id: string) {\n        if (!this.document) {\n            return null;\n        }\n\n        return this.document.elements[id];\n    }\n\n    updateElement(id: string, patch: Partial<any>) {\n        if (!this.document) {\n            return;\n        }\n\n        const current = this.document.elements[id];\n        if (current) {\n            this.document.elements[id] = { ...current, ...patch };\n        }\n    }\n\n    applyPatch(patch: JsonPatchOperation[]) {\n        runInAction(() => {\n            jsonPatch.applyPatch(this.document!, patch, false, true);\n        });\n    }\n\n    async waitForDocument(): Promise<TDocument> {\n        if (this.documentReady) {\n            return this.document as TDocument;\n        }\n\n        return new Promise(resolve => {\n            this.readyResolvers.push(() => {\n                resolve(this.document as TDocument);\n            });\n        });\n    }\n}\n"],"names":["DocumentStore","makeAutoObservable","doc","runInAction","Object","observable","fn","cb","id","patch","current","jsonPatch","Promise","resolve"],"mappings":";;AAIO,MAAMA;IAKT,aAAc;aAJN,QAAQ,GAAqB;aAC7B,aAAa,GAAG;aAChB,cAAc,GAAmB,EAAE;QAGvCC,mBAAmB,IAAI;IAC3B;IAEA,YAAYC,GAAc,EAAE;QACxBC,YAAY;YACR,IAAI,IAAI,CAAC,QAAQ,EACbC,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAEF;iBAE7B,IAAI,CAAC,QAAQ,GAAGG,WAAWH;YAE/B,IAAI,CAAC,aAAa,GAAG;YACrB,IAAI,CAAC,cAAc,CAAC,OAAO,CAACI,CAAAA,KAAMA;YAClC,IAAI,CAAC,cAAc,GAAG,EAAE;QAC5B;IACJ;IAEA,eAAeC,EAAiC,EAAE;QAC9CJ,YAAY;YACR,IAAI,IAAI,CAAC,QAAQ,EACbI,GAAG,IAAI,CAAC,QAAQ;QAExB;IACJ;IAEA,cAAc;QACV,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,WAAWC,EAAU,EAAE;QACnB,IAAI,CAAC,IAAI,CAAC,QAAQ,EACd,OAAO;QAGX,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAACA,GAAG;IACrC;IAEA,cAAcA,EAAU,EAAEC,KAAmB,EAAE;QAC3C,IAAI,CAAC,IAAI,CAAC,QAAQ,EACd;QAGJ,MAAMC,UAAU,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAACF,GAAG;QAC1C,IAAIE,SACA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAACF,GAAG,GAAG;YAAE,GAAGE,OAAO;YAAE,GAAGD,KAAK;QAAC;IAE5D;IAEA,WAAWA,KAA2B,EAAE;QACpCN,YAAY;YACRQ,UAAU,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAGF,OAAO,OAAO;QACvD;IACJ;IAEA,MAAM,kBAAsC;QACxC,IAAI,IAAI,CAAC,aAAa,EAClB,OAAO,IAAI,CAAC,QAAQ;QAGxB,OAAO,IAAIG,QAAQC,CAAAA;YACf,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;gBACrBA,QAAQ,IAAI,CAAC,QAAQ;YACzB;QACJ;IACJ;AACJ"}

package/DocumentStoreManager.js

@@ -1,22 +1,23 @@
 import { DocumentStore } from "./DocumentStore.js";
 class DocumentStoreManager {
-  stores = new Map();
-  getStores() {
-    return this.stores;
-  }
-  getStore(id) {
-    if (!this.stores.has(id)) {
-      this.stores.set(id, new DocumentStore());
+    getStores() {
+        return this.stores;
+    }
+    getStore(id) {
+        if (!this.stores.has(id)) this.stores.set(id, new DocumentStore());
+        return this.stores.get(id);
+    }
+    removeStore(id) {
+        this.stores.delete(id);
+    }
+    hasStore(id) {
+        return this.stores.has(id);
+    }
+    constructor(){
+        this.stores = new Map();
     }
-    return this.stores.get(id);
-  }
-  removeStore(id) {
-    this.stores.delete(id);
-  }
-  hasStore(id) {
-    return this.stores.has(id);
-  }
 }
-export const documentStoreManager = new DocumentStoreManager();
+const documentStoreManager = new DocumentStoreManager();
+export { documentStoreManager };
 
 //# sourceMappingURL=DocumentStoreManager.js.map

package/DocumentStoreManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["DocumentStore","DocumentStoreManager","stores","Map","getStores","getStore","id","has","set","get","removeStore","delete","hasStore","documentStoreManager"],"sources":["DocumentStoreManager.ts"],"sourcesContent":["import type { Document } from \"./types.js\";\nimport { DocumentStore } from \"./DocumentStore.js\";\n\nclass DocumentStoreManager {\n    private stores = new Map<string, DocumentStore>();\n\n    getStores() {\n        return this.stores;\n    }\n\n    getStore<TDocument extends Document>(id: string): DocumentStore<TDocument> {\n        if (!this.stores.has(id)) {\n            this.stores.set(id, new DocumentStore<TDocument>());\n        }\n        return this.stores.get(id)! as DocumentStore<TDocument>;\n    }\n\n    removeStore(id: string) {\n        this.stores.delete(id);\n    }\n\n    hasStore(id: string): boolean {\n        return this.stores.has(id);\n    }\n}\n\nexport const documentStoreManager = new DocumentStoreManager();\n"],"mappings":"AACA,SAASA,aAAa;AAEtB,MAAMC,oBAAoB,CAAC;EACfC,MAAM,GAAG,IAAIC,GAAG,CAAwB,CAAC;EAEjDC,SAASA,CAAA,EAAG;IACR,OAAO,IAAI,CAACF,MAAM;EACtB;EAEAG,QAAQA,CAA6BC,EAAU,EAA4B;IACvE,IAAI,CAAC,IAAI,CAACJ,MAAM,CAACK,GAAG,CAACD,EAAE,CAAC,EAAE;MACtB,IAAI,CAACJ,MAAM,CAACM,GAAG,CAACF,EAAE,EAAE,IAAIN,aAAa,CAAY,CAAC,CAAC;IACvD;IACA,OAAO,IAAI,CAACE,MAAM,CAACO,GAAG,CAACH,EAAE,CAAC;EAC9B;EAEAI,WAAWA,CAACJ,EAAU,EAAE;IACpB,IAAI,CAACJ,MAAM,CAACS,MAAM,CAACL,EAAE,CAAC;EAC1B;EAEAM,QAAQA,CAACN,EAAU,EAAW;IAC1B,OAAO,IAAI,CAACJ,MAAM,CAACK,GAAG,CAACD,EAAE,CAAC;EAC9B;AACJ;AAEA,OAAO,MAAMO,oBAAoB,GAAG,IAAIZ,oBAAoB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"DocumentStoreManager.js","sources":["../src/DocumentStoreManager.ts"],"sourcesContent":["import type { Document } from \"./types.js\";\nimport { DocumentStore } from \"./DocumentStore.js\";\n\nclass DocumentStoreManager {\n    private stores = new Map<string, DocumentStore>();\n\n    getStores() {\n        return this.stores;\n    }\n\n    getStore<TDocument extends Document>(id: string): DocumentStore<TDocument> {\n        if (!this.stores.has(id)) {\n            this.stores.set(id, new DocumentStore<TDocument>());\n        }\n        return this.stores.get(id)! as DocumentStore<TDocument>;\n    }\n\n    removeStore(id: string) {\n        this.stores.delete(id);\n    }\n\n    hasStore(id: string): boolean {\n        return this.stores.has(id);\n    }\n}\n\nexport const documentStoreManager = new DocumentStoreManager();\n"],"names":["DocumentStoreManager","id","DocumentStore","Map","documentStoreManager"],"mappings":";AAGA,MAAMA;IAGF,YAAY;QACR,OAAO,IAAI,CAAC,MAAM;IACtB;IAEA,SAAqCC,EAAU,EAA4B;QACvE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAACA,KACjB,IAAI,CAAC,MAAM,CAAC,GAAG,CAACA,IAAI,IAAIC;QAE5B,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAACD;IAC3B;IAEA,YAAYA,EAAU,EAAE;QACpB,IAAI,CAAC,MAAM,CAAC,MAAM,CAACA;IACvB;IAEA,SAASA,EAAU,EAAW;QAC1B,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAACA;IAC3B;;aAnBQ,MAAM,GAAG,IAAIE;;AAoBzB;AAEO,MAAMC,uBAAuB,IAAIJ"}

package/EditingSdk.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentGroup, IContentSdk, PublicPage } from "./types.js";
+import type { ComponentGroup, IContentSdk, ListPagesOptions, ListPagesResult, PublicPage } from "./types.js";
 import { Messenger } from "./messenger/index.js";
 import type { WebsiteBuilderTheme } from "./types/WebsiteBuilderTheme.js";
 export declare class EditingSdk implements IContentSdk {
@@ -11,7 +11,7 @@ export declare class EditingSdk implements IContentSdk {
     private lastBoxesHash;
     constructor(liveSdk: IContentSdk, theme: WebsiteBuilderTheme);
     getPage(path: string): Promise<PublicPage | null>;
-    listPages(): Promise<PublicPage[]>;
+    listPages(options?: ListPagesOptions): Promise<ListPagesResult>;
     registerComponentGroup(group: ComponentGroup): void;
     private getReferrerOrigin;
     private setupListeners;

package/EditingSdk.js

@@ -1,6 +1,5 @@
 "use client";
-
-import { Messenger, MessageOrigin } from "./messenger/index.js";
+import { MessageOrigin, Messenger } from "./messenger/index.js";
 import { logger } from "./Logger.js";
 import { PreviewViewport } from "./PreviewViewport.js";
 import { viewportManager } from "./ViewportManager.js";
@@ -9,135 +8,104 @@ import { functionConverter } from "./FunctionConverter.js";
 import { documentStoreManager } from "./DocumentStoreManager.js";
 import { PreviewDocument } from "./PreviewDocument.js";
 import { hashObject } from "./HashObject.js";
-export class EditingSdk {
-  positionReportingEnabled = false;
-  previewViewport = null;
-  lastBoxesHash = 0;
-  constructor(liveSdk, theme) {
-    this.liveSdk = liveSdk;
-    const source = new MessageOrigin(() => window, window.location.origin);
-    const target = new MessageOrigin(() => window.parent, this.getReferrerOrigin());
-    this.previewDocument = PreviewDocument.createFromWindow();
-    this.documentStore = documentStoreManager.getStore(this.previewDocument.getId());
-    this.messenger = new Messenger(source, target, "wb.editor.*");
-    componentRegistry.onRegister(reg => {
-      this.messenger.send("preview.component.register", reg.component.manifest);
-    });
-    this.setupListeners();
-    this.messenger.send("preview.ready", true);
-    if (theme) {
-      this.messenger.send("preview.theme", {
-        theme
-      });
+class EditingSdk {
+    constructor(liveSdk, theme){
+        this.positionReportingEnabled = false;
+        this.previewViewport = null;
+        this.lastBoxesHash = 0;
+        this.liveSdk = liveSdk;
+        const source = new MessageOrigin(()=>window, window.location.origin);
+        const target = new MessageOrigin(()=>window.parent, this.getReferrerOrigin());
+        this.previewDocument = PreviewDocument.createFromWindow();
+        this.documentStore = documentStoreManager.getStore(this.previewDocument.getId());
+        this.messenger = new Messenger(source, target, "wb.editor.*");
+        componentRegistry.onRegister((reg)=>{
+            this.messenger.send("preview.component.register", reg.component.manifest);
+        });
+        this.setupListeners();
+        this.messenger.send("preview.ready", true);
+        if (theme) this.messenger.send("preview.theme", {
+            theme
+        });
+        this.disableLinks();
     }
-    this.disableLinks();
-  }
-  async getPage(path) {
-    if (!this.previewDocument.matches({
-      type: "page",
-      path
-    })) {
-      return this.liveSdk.getPage(path);
+    async getPage(path) {
+        if (!this.previewDocument.matches({
+            type: "page",
+            path
+        })) return this.liveSdk.getPage(path);
+        await this.documentStore.waitForDocument();
+        return this.documentStore.getDocument();
     }
-    await this.documentStore.waitForDocument();
-    return this.documentStore.getDocument();
-  }
-  async listPages() {
-    return this.liveSdk.listPages();
-  }
-  registerComponentGroup(group) {
-    this.messenger.send("preview.componentGroup.register", {
-      ...group,
-      filter: group.filter ? functionConverter.serialize(group.filter) : undefined
-    });
-  }
-  getReferrerOrigin() {
-    try {
-      const searchParams = new URLSearchParams(window.location.search);
-      return searchParams.get("wb.referrer");
-    } catch {
-      return "";
+    async listPages(options) {
+        return this.liveSdk.listPages(options);
     }
-  }
-  setupListeners() {
-    if (!this.messenger) {
-      return;
+    registerComponentGroup(group) {
+        this.messenger.send("preview.componentGroup.register", {
+            ...group,
+            filter: group.filter ? functionConverter.serialize(group.filter) : void 0
+        });
     }
-    this.messenger.on("document.set", data => {
-      this.documentStore.setDocument(data);
-      if (!this.positionReportingEnabled) {
-        // Initialize position reporting
-        this.initPositionReporting();
-      }
-    });
-    this.messenger.on("element.set", data => {
-      this.documentStore.updateElement(data.id, data.patch);
-    });
-    this.messenger.on("document.patch", patch => {
-      this.documentStore.applyPatch(patch);
-    });
-    this.messenger.on("preview.scroll", data => {
-      window.scrollBy(data.deltaX, data.deltaY);
-    });
-  }
-  initPositionReporting() {
-    if (this.positionReportingEnabled) {
-      return;
+    getReferrerOrigin() {
+        try {
+            const searchParams = new URLSearchParams(window.location.search);
+            return searchParams.get("wb.referrer");
+        } catch  {
+            return "";
+        }
     }
-
-    // Initialize element positions tracker
-    this.previewViewport = new PreviewViewport();
-
-    // Add event listeners
-    viewportManager.onViewportChangeStart(() => {
-      if (this.messenger) {
-        this.messenger.send("preview.viewport.change.start");
-      }
-    });
-    viewportManager.onViewportChangeEnd(() => {
-      if (this.messenger) {
-        this.messenger.send("preview.viewport.change.end");
-      }
-    });
-
-    // Enable position reporting by default
-    this.positionReportingEnabled = true;
-
-    // Report positions periodically
-    setInterval(() => this.reportBoxes(), 300);
-  }
-  reportBoxes() {
-    if (!this.messenger || !this.previewViewport) {
-      logger.warn("No messenger or preview viewport. Skipping position reporting.");
-      return;
+    setupListeners() {
+        if (!this.messenger) return;
+        this.messenger.on("document.set", (data)=>{
+            this.documentStore.setDocument(data);
+            if (!this.positionReportingEnabled) this.initPositionReporting();
+        });
+        this.messenger.on("element.set", (data)=>{
+            this.documentStore.updateElement(data.id, data.patch);
+        });
+        this.messenger.on("document.patch", (patch)=>{
+            this.documentStore.applyPatch(patch);
+        });
+        this.messenger.on("theme.mode", ({ mode })=>{
+            const root = document.documentElement;
+            if ("light" === mode || "dark" === mode) root.setAttribute("data-wby-theme-mode", mode);
+            else root.removeAttribute("data-wby-theme-mode");
+        });
     }
-    const newBoxes = this.previewViewport.getVisibleBoxes();
-    const hash = hashObject.hash(newBoxes);
-    if (hash === this.lastBoxesHash) {
-      return;
+    initPositionReporting() {
+        if (this.positionReportingEnabled) return;
+        this.previewViewport = new PreviewViewport();
+        viewportManager.onViewportChangeStart(()=>{
+            if (this.messenger) this.messenger.send("preview.viewport.change.start");
+        });
+        viewportManager.onViewportChangeEnd(()=>{
+            if (this.messenger) this.messenger.send("preview.viewport.change.end");
+        });
+        this.positionReportingEnabled = true;
+        setInterval(()=>this.reportBoxes(), 300);
+    }
+    reportBoxes() {
+        if (!this.messenger || !this.previewViewport) return void logger.warn("No messenger or preview viewport. Skipping position reporting.");
+        const newBoxes = this.previewViewport.getBoxes();
+        const hash = hashObject.hash(newBoxes);
+        if (hash === this.lastBoxesHash) return;
+        this.lastBoxesHash = hash;
+        this.messenger.send("preview.viewport", {
+            boxes: this.previewViewport.getBoxes(),
+            viewport: this.previewViewport.getViewport()
+        });
+    }
+    disableLinks() {
+        document.addEventListener("click", (event)=>{
+            const target = event.target;
+            const anchor = target.closest("a");
+            if (anchor && anchor.href) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+        }, true);
     }
-    this.lastBoxesHash = hash;
-    // Send positions to the editor
-    this.messenger.send("preview.viewport", {
-      boxes: this.previewViewport.getVisibleBoxes(),
-      viewport: this.previewViewport.getViewport()
-    });
-  }
-  disableLinks() {
-    // Intercept link clicks when we're in the editing mode (loaded via iframe from the editor).
-    document.addEventListener("click", event => {
-      const target = event.target;
-
-      // Check if the clicked element or any of its ancestors is a link
-      const anchor = target.closest("a");
-      if (anchor && anchor.href) {
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    },
-    // https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#usecapture
-    true);
-  }
 }
+export { EditingSdk };
 
 //# sourceMappingURL=EditingSdk.js.map

package/EditingSdk.js.map

@@ -1 +1 @@
-{"version":3,"names":["Messenger","MessageOrigin","logger","PreviewViewport","viewportManager","componentRegistry","functionConverter","documentStoreManager","PreviewDocument","hashObject","EditingSdk","positionReportingEnabled","previewViewport","lastBoxesHash","constructor","liveSdk","theme","source","window","location","origin","target","parent","getReferrerOrigin","previewDocument","createFromWindow","documentStore","getStore","getId","messenger","onRegister","reg","send","component","manifest","setupListeners","disableLinks","getPage","path","matches","type","waitForDocument","getDocument","listPages","registerComponentGroup","group","filter","serialize","undefined","searchParams","URLSearchParams","search","get","on","data","setDocument","initPositionReporting","updateElement","id","patch","applyPatch","scrollBy","deltaX","deltaY","onViewportChangeStart","onViewportChangeEnd","setInterval","reportBoxes","warn","newBoxes","getVisibleBoxes","hash","boxes","viewport","getViewport","document","addEventListener","event","anchor","closest","href","preventDefault","stopPropagation"],"sources":["EditingSdk.ts"],"sourcesContent":["\"use client\";\nimport type { ComponentGroup, IContentSdk, PublicPage } from \"./types.js\";\nimport { Messenger, MessageOrigin } from \"./messenger/index.js\";\nimport { logger } from \"./Logger.js\";\nimport { PreviewViewport } from \"./PreviewViewport.js\";\nimport { viewportManager } from \"./ViewportManager.js\";\nimport { componentRegistry } from \"./ComponentRegistry.js\";\nimport { functionConverter } from \"./FunctionConverter.js\";\nimport { documentStoreManager } from \"~/DocumentStoreManager.js\";\nimport type { DocumentStore } from \"~/DocumentStore.js\";\nimport { PreviewDocument } from \"./PreviewDocument.js\";\nimport { hashObject } from \"~/HashObject.js\";\nimport type { WebsiteBuilderTheme } from \"~/types/WebsiteBuilderTheme.js\";\n\nexport class EditingSdk implements IContentSdk {\n    public readonly messenger: Messenger;\n    private positionReportingEnabled = false;\n    private previewViewport: PreviewViewport | null = null;\n    private liveSdk: IContentSdk;\n    private documentStore: DocumentStore<PublicPage>;\n    private previewDocument: PreviewDocument;\n    private lastBoxesHash = 0;\n\n    constructor(liveSdk: IContentSdk, theme: WebsiteBuilderTheme) {\n        this.liveSdk = liveSdk;\n\n        const source = new MessageOrigin(() => window, window.location.origin);\n        const target = new MessageOrigin(() => window.parent, this.getReferrerOrigin());\n\n        this.previewDocument = PreviewDocument.createFromWindow();\n\n        this.documentStore = documentStoreManager.getStore<PublicPage>(\n            this.previewDocument.getId()\n        );\n\n        this.messenger = new Messenger(source, target, \"wb.editor.*\");\n\n        componentRegistry.onRegister(reg => {\n            this.messenger.send(\"preview.component.register\", reg.component.manifest);\n        });\n\n        this.setupListeners();\n\n        this.messenger.send(\"preview.ready\", true);\n\n        if (theme) {\n            this.messenger.send(\"preview.theme\", { theme });\n        }\n\n        this.disableLinks();\n    }\n\n    public async getPage(path: string): Promise<PublicPage | null> {\n        if (!this.previewDocument.matches({ type: \"page\", path })) {\n            return this.liveSdk.getPage(path);\n        }\n\n        await this.documentStore.waitForDocument();\n        return this.documentStore.getDocument();\n    }\n\n    public async listPages(): Promise<PublicPage[]> {\n        return this.liveSdk.listPages();\n    }\n\n    registerComponentGroup(group: ComponentGroup) {\n        this.messenger.send(\"preview.componentGroup.register\", {\n            ...group,\n            filter: group.filter ? functionConverter.serialize(group.filter) : undefined\n        });\n    }\n\n    private getReferrerOrigin(): string {\n        try {\n            const searchParams = new URLSearchParams(window.location.search);\n            return searchParams.get(\"wb.referrer\")!;\n        } catch {\n            return \"\";\n        }\n    }\n\n    private setupListeners() {\n        if (!this.messenger) {\n            return;\n        }\n\n        this.messenger.on(\"document.set\", data => {\n            this.documentStore.setDocument(data);\n\n            if (!this.positionReportingEnabled) {\n                // Initialize position reporting\n                this.initPositionReporting();\n            }\n        });\n\n        this.messenger.on(\"element.set\", data => {\n            this.documentStore.updateElement(data.id, data.patch);\n        });\n\n        this.messenger.on(\"document.patch\", patch => {\n            this.documentStore.applyPatch(patch);\n        });\n\n        this.messenger.on(\"preview.scroll\", data => {\n            window.scrollBy(data.deltaX, data.deltaY);\n        });\n    }\n\n    private initPositionReporting(): void {\n        if (this.positionReportingEnabled) {\n            return;\n        }\n\n        // Initialize element positions tracker\n        this.previewViewport = new PreviewViewport();\n\n        // Add event listeners\n        viewportManager.onViewportChangeStart(() => {\n            if (this.messenger) {\n                this.messenger.send(\"preview.viewport.change.start\");\n            }\n        });\n\n        viewportManager.onViewportChangeEnd(() => {\n            if (this.messenger) {\n                this.messenger.send(\"preview.viewport.change.end\");\n            }\n        });\n\n        // Enable position reporting by default\n        this.positionReportingEnabled = true;\n\n        // Report positions periodically\n        setInterval(() => this.reportBoxes(), 300);\n    }\n\n    private reportBoxes(): void {\n        if (!this.messenger || !this.previewViewport) {\n            logger.warn(\"No messenger or preview viewport. Skipping position reporting.\");\n            return;\n        }\n\n        const newBoxes = this.previewViewport.getVisibleBoxes();\n        const hash = hashObject.hash(newBoxes);\n        if (hash === this.lastBoxesHash) {\n            return;\n        }\n\n        this.lastBoxesHash = hash;\n        // Send positions to the editor\n        this.messenger.send(\"preview.viewport\", {\n            boxes: this.previewViewport.getVisibleBoxes(),\n            viewport: this.previewViewport.getViewport()\n        });\n    }\n\n    private disableLinks() {\n        // Intercept link clicks when we're in the editing mode (loaded via iframe from the editor).\n        document.addEventListener(\n            \"click\",\n            event => {\n                const target = event.target as HTMLElement;\n\n                // Check if the clicked element or any of its ancestors is a link\n                const anchor = target.closest(\"a\");\n\n                if (anchor && anchor.href) {\n                    event.preventDefault();\n                    event.stopPropagation();\n                }\n            },\n            // https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#usecapture\n            true\n        );\n    }\n}\n"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,SAAS,EAAEC,aAAa;AACjC,SAASC,MAAM;AACf,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAC1B,SAASC,oBAAoB;AAE7B,SAASC,eAAe;AACxB,SAASC,UAAU;AAGnB,OAAO,MAAMC,UAAU,CAAwB;EAEnCC,wBAAwB,GAAG,KAAK;EAChCC,eAAe,GAA2B,IAAI;EAI9CC,aAAa,GAAG,CAAC;EAEzBC,WAAWA,CAACC,OAAoB,EAAEC,KAA0B,EAAE;IAC1D,IAAI,CAACD,OAAO,GAAGA,OAAO;IAEtB,MAAME,MAAM,GAAG,IAAIhB,aAAa,CAAC,MAAMiB,MAAM,EAAEA,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC;IACtE,MAAMC,MAAM,GAAG,IAAIpB,aAAa,CAAC,MAAMiB,MAAM,CAACI,MAAM,EAAE,IAAI,CAACC,iBAAiB,CAAC,CAAC,CAAC;IAE/E,IAAI,CAACC,eAAe,GAAGhB,eAAe,CAACiB,gBAAgB,CAAC,CAAC;IAEzD,IAAI,CAACC,aAAa,GAAGnB,oBAAoB,CAACoB,QAAQ,CAC9C,IAAI,CAACH,eAAe,CAACI,KAAK,CAAC,CAC/B,CAAC;IAED,IAAI,CAACC,SAAS,GAAG,IAAI7B,SAAS,CAACiB,MAAM,EAAEI,MAAM,EAAE,aAAa,CAAC;IAE7DhB,iBAAiB,CAACyB,UAAU,CAACC,GAAG,IAAI;MAChC,IAAI,CAACF,SAAS,CAACG,IAAI,CAAC,4BAA4B,EAAED,GAAG,CAACE,SAAS,CAACC,QAAQ,CAAC;IAC7E,CAAC,CAAC;IAEF,IAAI,CAACC,cAAc,CAAC,CAAC;IAErB,IAAI,CAACN,SAAS,CAACG,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IAE1C,IAAIhB,KAAK,EAAE;MACP,IAAI,CAACa,SAAS,CAACG,IAAI,CAAC,eAAe,EAAE;QAAEhB;MAAM,CAAC,CAAC;IACnD;IAEA,IAAI,CAACoB,YAAY,CAAC,CAAC;EACvB;EAEA,MAAaC,OAAOA,CAACC,IAAY,EAA8B;IAC3D,IAAI,CAAC,IAAI,CAACd,eAAe,CAACe,OAAO,CAAC;MAAEC,IAAI,EAAE,MAAM;MAAEF;IAAK,CAAC,CAAC,EAAE;MACvD,OAAO,IAAI,CAACvB,OAAO,CAACsB,OAAO,CAACC,IAAI,CAAC;IACrC;IAEA,MAAM,IAAI,CAACZ,aAAa,CAACe,eAAe,CAAC,CAAC;IAC1C,OAAO,IAAI,CAACf,aAAa,CAACgB,WAAW,CAAC,CAAC;EAC3C;EAEA,MAAaC,SAASA,CAAA,EAA0B;IAC5C,OAAO,IAAI,CAAC5B,OAAO,CAAC4B,SAAS,CAAC,CAAC;EACnC;EAEAC,sBAAsBA,CAACC,KAAqB,EAAE;IAC1C,IAAI,CAAChB,SAAS,CAACG,IAAI,CAAC,iCAAiC,EAAE;MACnD,GAAGa,KAAK;MACRC,MAAM,EAAED,KAAK,CAACC,MAAM,GAAGxC,iBAAiB,CAACyC,SAAS,CAACF,KAAK,CAACC,MAAM,CAAC,GAAGE;IACvE,CAAC,CAAC;EACN;EAEQzB,iBAAiBA,CAAA,EAAW;IAChC,IAAI;MACA,MAAM0B,YAAY,GAAG,IAAIC,eAAe,CAAChC,MAAM,CAACC,QAAQ,CAACgC,MAAM,CAAC;MAChE,OAAOF,YAAY,CAACG,GAAG,CAAC,aAAa,CAAC;IAC1C,CAAC,CAAC,MAAM;MACJ,OAAO,EAAE;IACb;EACJ;EAEQjB,cAAcA,CAAA,EAAG;IACrB,IAAI,CAAC,IAAI,CAACN,SAAS,EAAE;MACjB;IACJ;IAEA,IAAI,CAACA,SAAS,CAACwB,EAAE,CAAC,cAAc,EAAEC,IAAI,IAAI;MACtC,IAAI,CAAC5B,aAAa,CAAC6B,WAAW,CAACD,IAAI,CAAC;MAEpC,IAAI,CAAC,IAAI,CAAC3C,wBAAwB,EAAE;QAChC;QACA,IAAI,CAAC6C,qBAAqB,CAAC,CAAC;MAChC;IACJ,CAAC,CAAC;IAEF,IAAI,CAAC3B,SAAS,CAACwB,EAAE,CAAC,aAAa,EAAEC,IAAI,IAAI;MACrC,IAAI,CAAC5B,aAAa,CAAC+B,aAAa,CAACH,IAAI,CAACI,EAAE,EAAEJ,IAAI,CAACK,KAAK,CAAC;IACzD,CAAC,CAAC;IAEF,IAAI,CAAC9B,SAAS,CAACwB,EAAE,CAAC,gBAAgB,EAAEM,KAAK,IAAI;MACzC,IAAI,CAACjC,aAAa,CAACkC,UAAU,CAACD,KAAK,CAAC;IACxC,CAAC,CAAC;IAEF,IAAI,CAAC9B,SAAS,CAACwB,EAAE,CAAC,gBAAgB,EAAEC,IAAI,IAAI;MACxCpC,MAAM,CAAC2C,QAAQ,CAACP,IAAI,CAACQ,MAAM,EAAER,IAAI,CAACS,MAAM,CAAC;IAC7C,CAAC,CAAC;EACN;EAEQP,qBAAqBA,CAAA,EAAS;IAClC,IAAI,IAAI,CAAC7C,wBAAwB,EAAE;MAC/B;IACJ;;IAEA;IACA,IAAI,CAACC,eAAe,GAAG,IAAIT,eAAe,CAAC,CAAC;;IAE5C;IACAC,eAAe,CAAC4D,qBAAqB,CAAC,MAAM;MACxC,IAAI,IAAI,CAACnC,SAAS,EAAE;QAChB,IAAI,CAACA,SAAS,CAACG,IAAI,CAAC,+BAA+B,CAAC;MACxD;IACJ,CAAC,CAAC;IAEF5B,eAAe,CAAC6D,mBAAmB,CAAC,MAAM;MACtC,IAAI,IAAI,CAACpC,SAAS,EAAE;QAChB,IAAI,CAACA,SAAS,CAACG,IAAI,CAAC,6BAA6B,CAAC;MACtD;IACJ,CAAC,CAAC;;IAEF;IACA,IAAI,CAACrB,wBAAwB,GAAG,IAAI;;IAEpC;IACAuD,WAAW,CAAC,MAAM,IAAI,CAACC,WAAW,CAAC,CAAC,EAAE,GAAG,CAAC;EAC9C;EAEQA,WAAWA,CAAA,EAAS;IACxB,IAAI,CAAC,IAAI,CAACtC,SAAS,IAAI,CAAC,IAAI,CAACjB,eAAe,EAAE;MAC1CV,MAAM,CAACkE,IAAI,CAAC,gEAAgE,CAAC;MAC7E;IACJ;IAEA,MAAMC,QAAQ,GAAG,IAAI,CAACzD,eAAe,CAAC0D,eAAe,CAAC,CAAC;IACvD,MAAMC,IAAI,GAAG9D,UAAU,CAAC8D,IAAI,CAACF,QAAQ,CAAC;IACtC,IAAIE,IAAI,KAAK,IAAI,CAAC1D,aAAa,EAAE;MAC7B;IACJ;IAEA,IAAI,CAACA,aAAa,GAAG0D,IAAI;IACzB;IACA,IAAI,CAAC1C,SAAS,CAACG,IAAI,CAAC,kBAAkB,EAAE;MACpCwC,KAAK,EAAE,IAAI,CAAC5D,eAAe,CAAC0D,eAAe,CAAC,CAAC;MAC7CG,QAAQ,EAAE,IAAI,CAAC7D,eAAe,CAAC8D,WAAW,CAAC;IAC/C,CAAC,CAAC;EACN;EAEQtC,YAAYA,CAAA,EAAG;IACnB;IACAuC,QAAQ,CAACC,gBAAgB,CACrB,OAAO,EACPC,KAAK,IAAI;MACL,MAAMxD,MAAM,GAAGwD,KAAK,CAACxD,MAAqB;;MAE1C;MACA,MAAMyD,MAAM,GAAGzD,MAAM,CAAC0D,OAAO,CAAC,GAAG,CAAC;MAElC,IAAID,MAAM,IAAIA,MAAM,CAACE,IAAI,EAAE;QACvBH,KAAK,CAACI,cAAc,CAAC,CAAC;QACtBJ,KAAK,CAACK,eAAe,CAAC,CAAC;MAC3B;IACJ,CAAC;IACD;IACA,IACJ,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"file":"EditingSdk.js","sources":["../src/EditingSdk.ts"],"sourcesContent":["\"use client\";\nimport type {\n    ComponentGroup,\n    IContentSdk,\n    ListPagesOptions,\n    ListPagesResult,\n    PublicPage\n} from \"./types.js\";\nimport { Messenger, MessageOrigin } from \"./messenger/index.js\";\nimport { logger } from \"./Logger.js\";\nimport { PreviewViewport } from \"./PreviewViewport.js\";\nimport { viewportManager } from \"./ViewportManager.js\";\nimport { componentRegistry } from \"./ComponentRegistry.js\";\nimport { functionConverter } from \"./FunctionConverter.js\";\nimport { documentStoreManager } from \"~/DocumentStoreManager.js\";\nimport type { DocumentStore } from \"~/DocumentStore.js\";\nimport { PreviewDocument } from \"./PreviewDocument.js\";\nimport { hashObject } from \"~/HashObject.js\";\nimport type { WebsiteBuilderTheme } from \"~/types/WebsiteBuilderTheme.js\";\n\nexport class EditingSdk implements IContentSdk {\n    public readonly messenger: Messenger;\n    private positionReportingEnabled = false;\n    private previewViewport: PreviewViewport | null = null;\n    private liveSdk: IContentSdk;\n    private documentStore: DocumentStore<PublicPage>;\n    private previewDocument: PreviewDocument;\n    private lastBoxesHash = 0;\n\n    constructor(liveSdk: IContentSdk, theme: WebsiteBuilderTheme) {\n        this.liveSdk = liveSdk;\n\n        const source = new MessageOrigin(() => window, window.location.origin);\n        const target = new MessageOrigin(() => window.parent, this.getReferrerOrigin());\n\n        this.previewDocument = PreviewDocument.createFromWindow();\n\n        this.documentStore = documentStoreManager.getStore<PublicPage>(\n            this.previewDocument.getId()\n        );\n\n        this.messenger = new Messenger(source, target, \"wb.editor.*\");\n\n        componentRegistry.onRegister(reg => {\n            this.messenger.send(\"preview.component.register\", reg.component.manifest);\n        });\n\n        this.setupListeners();\n\n        this.messenger.send(\"preview.ready\", true);\n\n        if (theme) {\n            this.messenger.send(\"preview.theme\", { theme });\n        }\n\n        this.disableLinks();\n    }\n\n    public async getPage(path: string): Promise<PublicPage | null> {\n        if (!this.previewDocument.matches({ type: \"page\", path })) {\n            return this.liveSdk.getPage(path);\n        }\n\n        await this.documentStore.waitForDocument();\n        return this.documentStore.getDocument();\n    }\n\n    public async listPages(options?: ListPagesOptions): Promise<ListPagesResult> {\n        return this.liveSdk.listPages(options);\n    }\n\n    registerComponentGroup(group: ComponentGroup) {\n        this.messenger.send(\"preview.componentGroup.register\", {\n            ...group,\n            filter: group.filter ? functionConverter.serialize(group.filter) : undefined\n        });\n    }\n\n    private getReferrerOrigin(): string {\n        try {\n            const searchParams = new URLSearchParams(window.location.search);\n            return searchParams.get(\"wb.referrer\")!;\n        } catch {\n            return \"\";\n        }\n    }\n\n    private setupListeners() {\n        if (!this.messenger) {\n            return;\n        }\n\n        this.messenger.on(\"document.set\", data => {\n            this.documentStore.setDocument(data);\n\n            if (!this.positionReportingEnabled) {\n                // Initialize position reporting\n                this.initPositionReporting();\n            }\n        });\n\n        this.messenger.on(\"element.set\", data => {\n            this.documentStore.updateElement(data.id, data.patch);\n        });\n\n        this.messenger.on(\"document.patch\", patch => {\n            this.documentStore.applyPatch(patch);\n        });\n\n        // Light/dark preview: the theme's dark values are declared under this attribute on the page's\n        // own `:root`, so the editor's mode toggle drives it here, inside the iframe document.\n        this.messenger.on(\"theme.mode\", ({ mode }: { mode?: string }) => {\n            const root = document.documentElement;\n            if (mode === \"light\" || mode === \"dark\") {\n                root.setAttribute(\"data-wby-theme-mode\", mode);\n            } else {\n                root.removeAttribute(\"data-wby-theme-mode\");\n            }\n        });\n    }\n\n    private initPositionReporting(): void {\n        if (this.positionReportingEnabled) {\n            return;\n        }\n\n        // Initialize element positions tracker\n        this.previewViewport = new PreviewViewport();\n\n        // Add event listeners\n        viewportManager.onViewportChangeStart(() => {\n            if (this.messenger) {\n                this.messenger.send(\"preview.viewport.change.start\");\n            }\n        });\n\n        viewportManager.onViewportChangeEnd(() => {\n            if (this.messenger) {\n                this.messenger.send(\"preview.viewport.change.end\");\n            }\n        });\n\n        // Enable position reporting by default\n        this.positionReportingEnabled = true;\n\n        // Report positions periodically\n        setInterval(() => this.reportBoxes(), 300);\n    }\n\n    private reportBoxes(): void {\n        if (!this.messenger || !this.previewViewport) {\n            logger.warn(\"No messenger or preview viewport. Skipping position reporting.\");\n            return;\n        }\n\n        const newBoxes = this.previewViewport.getBoxes();\n        const hash = hashObject.hash(newBoxes);\n        if (hash === this.lastBoxesHash) {\n            return;\n        }\n\n        this.lastBoxesHash = hash;\n        // Send positions to the editor\n        this.messenger.send(\"preview.viewport\", {\n            boxes: this.previewViewport.getBoxes(),\n            viewport: this.previewViewport.getViewport()\n        });\n    }\n\n    private disableLinks() {\n        // Intercept link clicks when we're in the editing mode (loaded via iframe from the editor).\n        document.addEventListener(\n            \"click\",\n            event => {\n                const target = event.target as HTMLElement;\n\n                // Check if the clicked element or any of its ancestors is a link\n                const anchor = target.closest(\"a\");\n\n                if (anchor && anchor.href) {\n                    event.preventDefault();\n                    event.stopPropagation();\n                }\n            },\n            // https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#usecapture\n            true\n        );\n    }\n}\n"],"names":["EditingSdk","liveSdk","theme","source","MessageOrigin","window","target","PreviewDocument","documentStoreManager","Messenger","componentRegistry","reg","path","options","group","functionConverter","undefined","searchParams","URLSearchParams","data","patch","mode","root","document","PreviewViewport","viewportManager","setInterval","logger","newBoxes","hash","hashObject","event","anchor"],"mappings":"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"}

package/ElementFactory.d.ts

@@ -5,7 +5,7 @@ export interface ElementFactoryCreateElementParams {
     componentName: string;
     parentId: string;
     slot: string;
-    index: number;
+    index?: number;
     bindings?: {
         inputs?: Record<string, any>;
         styles?: Record<string, any>;
@@ -34,7 +34,7 @@ interface GenerateOperationsParams {
 }
 type ElementFactoryOperations = {
     addElement: (element: DocumentElement) => IDocumentOperation;
-    addToParent: (element: DocumentElement, index: number) => IDocumentOperation;
+    addToParent: (element: DocumentElement, index?: number) => IDocumentOperation;
     setInputBinding: (elementId: string, bindingPath: string, binding: InputValueBinding) => IDocumentOperation;
     setStyleBinding: (elementId: string, bindingPath: string, binding: StyleValueBinding) => IDocumentOperation;
 };
@@ -48,7 +48,6 @@ export declare class ElementFactory {
     generateOperations({ element, inputsAst, bindings, operations }: GenerateOperationsParams): IDocumentOperation[];
     private generateOperationsFromBindings;
     private getComponentManifest;
-    private extractIndex;
     private createElement;
 }
 export {};