@webiny/website-builder-sdk 0.0.0-unstable.06b2ede40f

package/ComponentResolver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["logger","BindingsResolver","ComponentManifestToAstConverter","ComponentResolver","constructor","registry","components","resolve","element","elementBindings","onResolved","state","componentName","component","name","blueprint","get","warn","bindingsResolver","instances","resolveElement","inputAst","convert","manifest","inputs","map","instance","styles"],"sources":["ComponentResolver.ts"],"sourcesContent":["import type { ComponentRegistry } from \"~/ComponentRegistry.js\";\nimport type {\n    DocumentElement,\n    DocumentElementBindings,\n    DocumentState,\n    ResolvedComponent\n} from \"~/types\";\nimport { logger } from \"./Logger\";\nimport type { OnResolved } from \"./BindingsResolver\";\nimport { BindingsResolver } from \"./BindingsResolver\";\nimport { ComponentManifestToAstConverter } from \"~/ComponentManifestToAstConverter\";\n\nexport type ResolveElementParams = {\n    element: DocumentElement;\n    elementBindings: DocumentElementBindings;\n    state: DocumentState;\n    onResolved?: OnResolved;\n};\n\nexport class ComponentResolver {\n    private components: ComponentRegistry;\n\n    constructor(registry: ComponentRegistry) {\n        this.components = registry;\n    }\n\n    resolve({\n        element,\n        elementBindings = {},\n        onResolved,\n        state\n    }: ResolveElementParams): ResolvedComponent[] | null {\n        const componentName = element.component.name;\n        const blueprint = this.components.get(componentName);\n\n        if (!blueprint) {\n            logger.warn(`Unknown component: ${componentName}`);\n            return null;\n        }\n\n        const bindingsResolver = new BindingsResolver(state);\n        const instances = bindingsResolver.resolveElement({\n            element,\n            elementBindings,\n            inputAst: ComponentManifestToAstConverter.convert(blueprint.manifest.inputs ?? []),\n            onResolved\n        });\n\n        return instances.map(instance => ({\n            component: blueprint.component,\n            manifest: blueprint.manifest!,\n            styles: instance.styles,\n            inputs: instance.inputs\n        }));\n    }\n}\n"],"mappings":"AAOA,SAASA,MAAM;AAEf,SAASC,gBAAgB;AACzB,SAASC,+BAA+B;AASxC,OAAO,MAAMC,iBAAiB,CAAC;EAG3BC,WAAWA,CAACC,QAA2B,EAAE;IACrC,IAAI,CAACC,UAAU,GAAGD,QAAQ;EAC9B;EAEAE,OAAOA,CAAC;IACJC,OAAO;IACPC,eAAe,GAAG,CAAC,CAAC;IACpBC,UAAU;IACVC;EACkB,CAAC,EAA8B;IACjD,MAAMC,aAAa,GAAGJ,OAAO,CAACK,SAAS,CAACC,IAAI;IAC5C,MAAMC,SAAS,GAAG,IAAI,CAACT,UAAU,CAACU,GAAG,CAACJ,aAAa,CAAC;IAEpD,IAAI,CAACG,SAAS,EAAE;MACZf,MAAM,CAACiB,IAAI,CAAC,sBAAsBL,aAAa,EAAE,CAAC;MAClD,OAAO,IAAI;IACf;IAEA,MAAMM,gBAAgB,GAAG,IAAIjB,gBAAgB,CAACU,KAAK,CAAC;IACpD,MAAMQ,SAAS,GAAGD,gBAAgB,CAACE,cAAc,CAAC;MAC9CZ,OAAO;MACPC,eAAe;MACfY,QAAQ,EAAEnB,+BAA+B,CAACoB,OAAO,CAACP,SAAS,CAACQ,QAAQ,CAACC,MAAM,IAAI,EAAE,CAAC;MAClFd;IACJ,CAAC,CAAC;IAEF,OAAOS,SAAS,CAACM,GAAG,CAACC,QAAQ,KAAK;MAC9Bb,SAAS,EAAEE,SAAS,CAACF,SAAS;MAC9BU,QAAQ,EAAER,SAAS,CAACQ,QAAS;MAC7BI,MAAM,EAAED,QAAQ,CAACC,MAAM;MACvBH,MAAM,EAAEE,QAAQ,CAACF;IACrB,CAAC,CAAC,CAAC;EACP;AACJ","ignoreList":[]}

package/ContentSdk.d.ts

@@ -0,0 +1,44 @@
+import type { Component, IContentSdk, PublicPage, PublicRedirect, ResolvedComponent } from "./types";
+import { LiveSdk } from "./LiveSdk.js";
+import { EditingSdk } from "./EditingSdk.js";
+import { type ResolveElementParams } from "./ComponentResolver";
+import type { WebsiteBuilderThemeInput } from "./types/WebsiteBuilderTheme.js";
+import type { IRedirects } from "./IRedirects";
+export type ApiConfig = {
+    apiKey: string;
+    apiHost: string;
+    apiTenant: string;
+};
+export type ContentSDKConfig = ApiConfig & {
+    preview?: boolean;
+    theme?: WebsiteBuilderThemeInput;
+};
+declare class InternalContentSdk implements IContentSdk, IRedirects {
+    private activeSdk;
+    private editingSdk;
+    private redirectsProvider;
+    constructor(redirectsProvider: IRedirects, liveSdk: LiveSdk, editingSdk?: EditingSdk);
+    getEditingSdk(): EditingSdk | undefined;
+    getPage(path: string): Promise<PublicPage | null>;
+    listPages(): Promise<PublicPage[]>;
+    getAllRedirects(): Promise<Map<string, PublicRedirect>>;
+    getRedirectByPath(path: string): Promise<PublicRedirect | undefined>;
+}
+export declare class ContentSdk implements IContentSdk, IRedirects {
+    protected sdk?: InternalContentSdk;
+    private isPreview;
+    private lastConfig;
+    init(config: ContentSDKConfig, afterInit?: () => void): void;
+    getEditingSdk(): EditingSdk | undefined;
+    getPage(path: string): Promise<PublicPage | null>;
+    listPages(): Promise<PublicPage[]>;
+    getAllRedirects(): Promise<Map<string, PublicRedirect>>;
+    getRedirectByPath(path: string): Promise<PublicRedirect | undefined>;
+    registerComponent(blueprint: Component): void;
+    resolveElement(params: ResolveElementParams): ResolvedComponent[] | null;
+    isEditing(): boolean;
+    isPreviewing(): boolean;
+    private assertInitialized;
+}
+export declare const contentSdk: ContentSdk;
+export {};

package/ContentSdk.js

@@ -0,0 +1,106 @@
+import { environment } from "./Environment.js";
+import { LiveSdk } from "./LiveSdk.js";
+import { EditingSdk } from "./EditingSdk.js";
+import { ComponentResolver } from "./ComponentResolver";
+import { PreviewSdk } from "./PreviewSdk.js";
+import { componentRegistry } from "./ComponentRegistry";
+import { ApiClient } from "./dataProviders/ApiClient";
+import { DefaultDataProvider } from "./dataProviders/DefaultDataProvider";
+import { Theme } from "./Theme.js";
+import { viewportManager } from "./ViewportManager.js";
+import { RedirectsProvider } from "./dataProviders/RedirectsProvider";
+class InternalContentSdk {
+  constructor(redirectsProvider, liveSdk, editingSdk) {
+    this.redirectsProvider = redirectsProvider;
+    this.activeSdk = editingSdk ?? liveSdk;
+    this.editingSdk = editingSdk;
+  }
+  getEditingSdk() {
+    return this.editingSdk;
+  }
+  async getPage(path) {
+    return this.activeSdk.getPage(path);
+  }
+  listPages() {
+    return this.activeSdk.listPages();
+  }
+  getAllRedirects() {
+    return this.redirectsProvider.getAllRedirects();
+  }
+  getRedirectByPath(path) {
+    return this.redirectsProvider.getRedirectByPath(path);
+  }
+}
+export class ContentSdk {
+  isPreview = false;
+  init(config, afterInit) {
+    const configHash = JSON.stringify(config);
+    if (this.lastConfig && this.lastConfig === configHash) {
+      return;
+    }
+    this.lastConfig = configHash;
+    const apiClient = new ApiClient(config.apiHost, config.apiKey, config.apiTenant);
+    const dataProvider = new DefaultDataProvider({
+      apiClient
+    });
+    let liveSdk = new LiveSdk(dataProvider);
+    if (config.preview && !environment.isEditing()) {
+      this.isPreview = true;
+      liveSdk = new PreviewSdk(dataProvider, liveSdk);
+    }
+    const theme = Theme.from(config.theme ?? {});
+    if (environment.isClient()) {
+      viewportManager.setBreakpoints(theme.breakpoints);
+    }
+    let editingSdk;
+    if (environment.isEditing()) {
+      editingSdk = new EditingSdk(liveSdk, theme);
+    }
+    this.sdk = new InternalContentSdk(new RedirectsProvider(apiClient), liveSdk, editingSdk);
+    if (typeof afterInit === "function") {
+      afterInit();
+    }
+  }
+  getEditingSdk() {
+    this.assertInitialized();
+    return this.sdk.getEditingSdk();
+  }
+  getPage(path) {
+    this.assertInitialized();
+    return this.sdk.getPage(path);
+  }
+  listPages() {
+    this.assertInitialized();
+    return this.sdk.listPages();
+  }
+  async getAllRedirects() {
+    this.assertInitialized();
+    return this.sdk.getAllRedirects();
+  }
+  getRedirectByPath(path) {
+    this.assertInitialized();
+    return this.sdk.getRedirectByPath(path);
+  }
+  registerComponent(blueprint) {
+    this.assertInitialized();
+    componentRegistry.register(blueprint);
+  }
+  resolveElement(params) {
+    this.assertInitialized();
+    return new ComponentResolver(componentRegistry).resolve(params);
+  }
+  isEditing() {
+    return environment.isEditing();
+  }
+  isPreviewing() {
+    return this.isPreview;
+  }
+  assertInitialized() {
+    if (!this.sdk) {
+      throw new Error(`ContentSdk has not been initialized!`);
+    }
+  }
+}
+export const contentSdk = new ContentSdk();
+
+//# sourceMappingURL=ContentSdk.js.map

package/ContentSdk.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["environment","LiveSdk","EditingSdk","ComponentResolver","PreviewSdk","componentRegistry","ApiClient","DefaultDataProvider","Theme","viewportManager","RedirectsProvider","InternalContentSdk","constructor","redirectsProvider","liveSdk","editingSdk","activeSdk","getEditingSdk","getPage","path","listPages","getAllRedirects","getRedirectByPath","ContentSdk","isPreview","init","config","afterInit","configHash","JSON","stringify","lastConfig","apiClient","apiHost","apiKey","apiTenant","dataProvider","preview","isEditing","theme","from","isClient","setBreakpoints","breakpoints","sdk","assertInitialized","registerComponent","blueprint","register","resolveElement","params","resolve","isPreviewing","Error","contentSdk"],"sources":["ContentSdk.ts"],"sourcesContent":["import type {\n    Component,\n    IContentSdk,\n    PublicPage,\n    PublicRedirect,\n    ResolvedComponent\n} from \"~/types\";\nimport { environment } from \"./Environment.js\";\nimport { LiveSdk } from \"./LiveSdk.js\";\nimport { EditingSdk } from \"./EditingSdk.js\";\nimport { ComponentResolver, type ResolveElementParams } from \"~/ComponentResolver\";\nimport { PreviewSdk } from \"./PreviewSdk.js\";\nimport { componentRegistry } from \"~/ComponentRegistry\";\nimport { ApiClient } from \"~/dataProviders/ApiClient\";\nimport { DefaultDataProvider } from \"~/dataProviders/DefaultDataProvider\";\nimport type { WebsiteBuilderThemeInput } from \"./types/WebsiteBuilderTheme.js\";\nimport { Theme } from \"./Theme.js\";\nimport { viewportManager } from \"./ViewportManager.js\";\nimport type { IRedirects } from \"~/IRedirects\";\nimport { RedirectsProvider } from \"~/dataProviders/RedirectsProvider\";\n\nexport type ApiConfig = {\n    apiKey: string;\n    apiHost: string;\n    apiTenant: string;\n};\n\nexport type ContentSDKConfig = ApiConfig & {\n    preview?: boolean;\n    theme?: WebsiteBuilderThemeInput;\n};\n\nclass InternalContentSdk implements IContentSdk, IRedirects {\n    private activeSdk: IContentSdk;\n    private editingSdk: EditingSdk | undefined;\n    private redirectsProvider: IRedirects;\n\n    constructor(redirectsProvider: IRedirects, liveSdk: LiveSdk, editingSdk?: EditingSdk) {\n        this.redirectsProvider = redirectsProvider;\n        this.activeSdk = editingSdk ?? liveSdk;\n        this.editingSdk = editingSdk;\n    }\n\n    getEditingSdk() {\n        return this.editingSdk;\n    }\n\n    async getPage(path: string): Promise<PublicPage | null> {\n        return this.activeSdk.getPage(path);\n    }\n\n    listPages(): Promise<PublicPage[]> {\n        return this.activeSdk.listPages();\n    }\n\n    getAllRedirects(): Promise<Map<string, PublicRedirect>> {\n        return this.redirectsProvider.getAllRedirects();\n    }\n\n    getRedirectByPath(path: string): Promise<PublicRedirect | undefined> {\n        return this.redirectsProvider.getRedirectByPath(path);\n    }\n}\n\nexport class ContentSdk implements IContentSdk, IRedirects {\n    protected sdk?: InternalContentSdk;\n    private isPreview = false;\n    private lastConfig: any;\n\n    public init(config: ContentSDKConfig, afterInit?: () => void): void {\n        const configHash = JSON.stringify(config);\n        if (this.lastConfig && this.lastConfig === configHash) {\n            return;\n        }\n\n        this.lastConfig = configHash;\n        const apiClient = new ApiClient(config.apiHost, config.apiKey, config.apiTenant);\n\n        const dataProvider = new DefaultDataProvider({ apiClient });\n\n        let liveSdk: IContentSdk = new LiveSdk(dataProvider);\n\n        if (config.preview && !environment.isEditing()) {\n            this.isPreview = true;\n            liveSdk = new PreviewSdk(dataProvider, liveSdk);\n        }\n\n        const theme = Theme.from(config.theme ?? {});\n\n        if (environment.isClient()) {\n            viewportManager.setBreakpoints(theme.breakpoints);\n        }\n\n        let editingSdk;\n        if (environment.isEditing()) {\n            editingSdk = new EditingSdk(liveSdk, theme);\n        }\n\n        this.sdk = new InternalContentSdk(\n            new RedirectsProvider(apiClient),\n            liveSdk as LiveSdk,\n            editingSdk\n        );\n\n        if (typeof afterInit === \"function\") {\n            afterInit();\n        }\n    }\n\n    public getEditingSdk() {\n        this.assertInitialized();\n        return this.sdk.getEditingSdk();\n    }\n\n    public getPage(path: string) {\n        this.assertInitialized();\n        return this.sdk.getPage(path);\n    }\n\n    public listPages() {\n        this.assertInitialized();\n        return this.sdk.listPages();\n    }\n\n    public async getAllRedirects() {\n        this.assertInitialized();\n        return this.sdk.getAllRedirects();\n    }\n\n    getRedirectByPath(path: string): Promise<PublicRedirect | undefined> {\n        this.assertInitialized();\n        return this.sdk.getRedirectByPath(path);\n    }\n\n    registerComponent(blueprint: Component): void {\n        this.assertInitialized();\n        componentRegistry.register(blueprint);\n    }\n\n    resolveElement(params: ResolveElementParams): ResolvedComponent[] | null {\n        this.assertInitialized();\n        return new ComponentResolver(componentRegistry).resolve(params);\n    }\n\n    isEditing() {\n        return environment.isEditing();\n    }\n\n    isPreviewing() {\n        return this.isPreview;\n    }\n\n    private assertInitialized(): asserts this is this & {\n        sdk: IContentSdk;\n    } {\n        if (!this.sdk) {\n            throw new Error(`ContentSdk has not been initialized!`);\n        }\n    }\n}\n\nexport const contentSdk = new ContentSdk();\n"],"mappings":"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","ignoreList":[]}

package/DocumentStore.d.ts

@@ -0,0 +1,15 @@
+import { type JsonPatchOperation } from "./jsonPatch";
+import type { Document } from "./types";
+export declare class DocumentStore<TDocument extends Document = Document> {
+    private document;
+    private documentReady;
+    private readyResolvers;
+    constructor();
+    setDocument(doc: TDocument): void;
+    updateDocument(cb: (document: TDocument) => void): void;
+    getDocument(): TDocument | null;
+    getElement(id: string): import("./types").DocumentElement | null;
+    updateElement(id: string, patch: Partial<any>): void;
+    applyPatch(patch: JsonPatchOperation[]): void;
+    waitForDocument(): Promise<TDocument>;
+}

package/DocumentStore.js

@@ -0,0 +1,67 @@
+import { jsonPatch } from "./jsonPatch";
+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;
+    }
+    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);
+      });
+    });
+  }
+}
+
+//# sourceMappingURL=DocumentStore.js.map

package/DocumentStore.js.map

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

package/DocumentStoreManager.d.ts

@@ -0,0 +1,11 @@
+import type { Document } from "./types";
+import { DocumentStore } from "./DocumentStore";
+declare class DocumentStoreManager {
+    private stores;
+    getStores(): Map<string, DocumentStore<Document>>;
+    getStore<TDocument extends Document>(id: string): DocumentStore<TDocument>;
+    removeStore(id: string): void;
+    hasStore(id: string): boolean;
+}
+export declare const documentStoreManager: DocumentStoreManager;
+export {};

package/DocumentStoreManager.js

@@ -0,0 +1,22 @@
+import { DocumentStore } from "./DocumentStore";
+class DocumentStoreManager {
+  stores = new Map();
+  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);
+  }
+}
+export const documentStoreManager = new DocumentStoreManager();
+
+//# sourceMappingURL=DocumentStoreManager.js.map

package/DocumentStoreManager.js.map

@@ -0,0 +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\";\nimport { DocumentStore } from \"./DocumentStore\";\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":[]}

package/EditingSdk.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentGroup, IContentSdk, PublicPage } from "./types.js";
+import { Messenger } from "./messenger";
+import type { WebsiteBuilderTheme } from "./types/WebsiteBuilderTheme";
+export declare class EditingSdk implements IContentSdk {
+    readonly messenger: Messenger;
+    private positionReportingEnabled;
+    private previewViewport;
+    private liveSdk;
+    private documentStore;
+    private previewDocument;
+    private lastBoxesHash;
+    constructor(liveSdk: IContentSdk, theme: WebsiteBuilderTheme);
+    getPage(path: string): Promise<PublicPage | null>;
+    listPages(): Promise<PublicPage[]>;
+    registerComponentGroup(group: ComponentGroup): void;
+    private getReferrerOrigin;
+    private setupListeners;
+    private initPositionReporting;
+    private reportBoxes;
+    private disableLinks;
+}

package/EditingSdk.js

@@ -0,0 +1,143 @@
+"use client";
+
+import { Messenger, MessageOrigin } from "./messenger";
+import { logger } from "./Logger";
+import { PreviewViewport } from "./PreviewViewport";
+import { viewportManager } from "./ViewportManager";
+import { componentRegistry } from "./ComponentRegistry";
+import { functionConverter } from "./FunctionConverter";
+import { documentStoreManager } from "./DocumentStoreManager";
+import { PreviewDocument } from "./PreviewDocument.js";
+import { hashObject } from "./HashObject";
+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
+      });
+    }
+    this.disableLinks();
+  }
+  async getPage(path) {
+    if (!this.previewDocument.matches({
+      type: "page",
+      path
+    })) {
+      return this.liveSdk.getPage(path);
+    }
+    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 "";
+    }
+  }
+  setupListeners() {
+    if (!this.messenger) {
+      return;
+    }
+    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;
+    }
+
+    // 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;
+    }
+    const newBoxes = this.previewViewport.getVisibleBoxes();
+    const hash = hashObject.hash(newBoxes);
+    if (hash === this.lastBoxesHash) {
+      return;
+    }
+    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);
+  }
+}
+
+//# sourceMappingURL=EditingSdk.js.map

package/EditingSdk.js.map

@@ -0,0 +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\";\nimport { logger } from \"./Logger\";\nimport { PreviewViewport } from \"./PreviewViewport\";\nimport { viewportManager } from \"./ViewportManager\";\nimport { componentRegistry } from \"./ComponentRegistry\";\nimport { functionConverter } from \"./FunctionConverter\";\nimport { documentStoreManager } from \"~/DocumentStoreManager\";\nimport type { DocumentStore } from \"~/DocumentStore\";\nimport { PreviewDocument } from \"./PreviewDocument.js\";\nimport { hashObject } from \"~/HashObject\";\nimport type { WebsiteBuilderTheme } from \"~/types/WebsiteBuilderTheme\";\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":"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","ignoreList":[]}

package/ElementFactory.d.ts

@@ -0,0 +1,54 @@
+import type { DocumentElement, ComponentManifest, InputValueBinding, StyleValueBinding } from "./types";
+import { type IDocumentOperation } from "./documentOperations";
+import { type InputAstNode } from "./ComponentManifestToAstConverter";
+export interface ElementFactoryCreateElementParams {
+    componentName: string;
+    parentId: string;
+    slot: string;
+    index: number;
+    bindings?: {
+        inputs?: Record<string, any>;
+        styles?: Record<string, any>;
+        overrides?: {
+            [breakpoint: string]: {
+                inputs?: Record<string, any>;
+                styles?: Record<string, any>;
+            };
+        };
+    };
+}
+interface GenerateOperationsParams {
+    element: DocumentElement;
+    inputsAst: InputAstNode[];
+    operations: ElementFactoryOperations;
+    bindings: {
+        inputs: Record<string, any>;
+        styles: Record<string, any>;
+        overrides: {
+            [breakpoint: string]: {
+                inputs?: Record<string, any>;
+                styles?: Record<string, any>;
+            };
+        };
+    };
+}
+type ElementFactoryOperations = {
+    addElement: (element: DocumentElement) => IDocumentOperation;
+    addToParent: (element: DocumentElement, index: number) => IDocumentOperation;
+    setInputBinding: (elementId: string, bindingPath: string, binding: InputValueBinding) => IDocumentOperation;
+    setStyleBinding: (elementId: string, bindingPath: string, binding: StyleValueBinding) => IDocumentOperation;
+};
+export declare class ElementFactory {
+    private components;
+    constructor(components: Record<string, ComponentManifest>);
+    createElementFromComponent({ componentName, parentId, slot, index, bindings }: ElementFactoryCreateElementParams): {
+        element: DocumentElement;
+        operations: IDocumentOperation[];
+    };
+    generateOperations({ element, inputsAst, bindings, operations }: GenerateOperationsParams): IDocumentOperation[];
+    private generateOperationsFromBindings;
+    private getComponentManifest;
+    private extractIndex;
+    private createElement;
+}
+export {};