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

package/sdk/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 \"~/sdk/ComponentRegistry.js\";\nimport type {\n    DocumentElement,\n    DocumentElementBindings,\n    DocumentState,\n    ResolvedComponent\n} from \"~/sdk/types\";\nimport { logger } from \"./Logger\";\nimport { BindingsResolver, OnResolved } from \"./BindingsResolver\";\nimport { ComponentManifestToAstConverter } from \"~/sdk/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;AACf,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/sdk/ContentSdk.d.ts

@@ -0,0 +1,36 @@
+import type { Component, IContentSdk, PublicPage, ResolvedComponent } from "./types";
+import { LiveSdk } from "./LiveSdk.js";
+import { EditingSdk } from "./EditingSdk.js";
+import { ResolveElementParams } from "./ComponentResolver";
+export type ApiConfig = {
+    apiKey: string;
+    apiHost: string;
+    apiTenant: string;
+};
+export type ContentSDKConfig = ApiConfig & {
+    preview?: boolean;
+};
+declare class InternalContentSdk implements IContentSdk {
+    private activeSdk;
+    private editingSdk;
+    constructor(liveSdk: LiveSdk, editingSdk?: EditingSdk);
+    getEditingSdk(): EditingSdk | undefined;
+    getPage(path: string): Promise<PublicPage | null>;
+    listPages(): Promise<PublicPage[]>;
+}
+export declare class ContentSdk implements IContentSdk {
+    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[]>;
+    registerComponent(blueprint: Component): void;
+    resolveElement(params: ResolveElementParams): ResolvedComponent[] | null;
+    isEditing(): boolean;
+    isPreviewing(): boolean;
+    private assertInitialized;
+}
+export declare const contentSdk: ContentSdk;
+export {};

package/sdk/ContentSdk.js

@@ -0,0 +1,84 @@
+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";
+class InternalContentSdk {
+  constructor(liveSdk, editingSdk) {
+    this.activeSdk = editingSdk ?? liveSdk;
+    this.editingSdk = editingSdk;
+  }
+  getEditingSdk() {
+    return this.editingSdk;
+  }
+  async getPage(path) {
+    return this.activeSdk.getPage(path);
+  }
+  listPages() {
+    return this.activeSdk.listPages();
+  }
+}
+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);
+    }
+    let editingSdk;
+    if (environment.isEditing()) {
+      editingSdk = new EditingSdk(liveSdk);
+    }
+    this.sdk = new InternalContentSdk(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();
+  }
+  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/sdk/ContentSdk.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["environment","LiveSdk","EditingSdk","ComponentResolver","PreviewSdk","componentRegistry","ApiClient","DefaultDataProvider","InternalContentSdk","constructor","liveSdk","editingSdk","activeSdk","getEditingSdk","getPage","path","listPages","ContentSdk","isPreview","init","config","afterInit","configHash","JSON","stringify","lastConfig","apiClient","apiHost","apiKey","apiTenant","dataProvider","preview","isEditing","sdk","assertInitialized","registerComponent","blueprint","register","resolveElement","params","resolve","isPreviewing","Error","contentSdk"],"sources":["ContentSdk.ts"],"sourcesContent":["import type { Component, IContentSdk, PublicPage, ResolvedComponent } from \"~/sdk/types\";\nimport { environment } from \"./Environment.js\";\nimport { LiveSdk } from \"./LiveSdk.js\";\nimport { EditingSdk } from \"./EditingSdk.js\";\nimport { ComponentResolver, ResolveElementParams } from \"~/sdk/ComponentResolver\";\nimport { PreviewSdk } from \"./PreviewSdk.js\";\nimport { componentRegistry } from \"~/sdk/ComponentRegistry\";\nimport { ApiClient } from \"~/sdk/dataProviders/ApiClient\";\nimport { DefaultDataProvider } from \"~/sdk/dataProviders/DefaultDataProvider\";\n\nexport type ApiConfig = {\n    apiKey: string;\n    apiHost: string;\n    apiTenant: string;\n};\n\nexport type ContentSDKConfig = ApiConfig & {\n    preview?: boolean;\n};\n\nclass InternalContentSdk implements IContentSdk {\n    private activeSdk: IContentSdk;\n    private editingSdk: EditingSdk | undefined;\n\n    constructor(liveSdk: LiveSdk, editingSdk?: EditingSdk) {\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\nexport class ContentSdk implements IContentSdk {\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        let editingSdk;\n        if (environment.isEditing()) {\n            editingSdk = new EditingSdk(liveSdk);\n        }\n\n        this.sdk = new InternalContentSdk(liveSdk as LiveSdk, editingSdk);\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    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 & { sdk: IContentSdk } {\n        if (!this.sdk) {\n            throw new Error(`ContentSdk has not been initialized!`);\n        }\n    }\n}\n\nexport const contentSdk = new ContentSdk();\n"],"mappings":"AACA,SAASA,WAAW;AACpB,SAASC,OAAO;AAChB,SAASC,UAAU;AACnB,SAASC,iBAAiB;AAC1B,SAASC,UAAU;AACnB,SAASC,iBAAiB;AAC1B,SAASC,SAAS;AAClB,SAASC,mBAAmB;AAY5B,MAAMC,kBAAkB,CAAwB;EAI5CC,WAAWA,CAACC,OAAgB,EAAEC,UAAuB,EAAE;IACnD,IAAI,CAACC,SAAS,GAAGD,UAAU,IAAID,OAAO;IACtC,IAAI,CAACC,UAAU,GAAGA,UAAU;EAChC;EAEAE,aAAaA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACF,UAAU;EAC1B;EAEA,MAAMG,OAAOA,CAACC,IAAY,EAA8B;IACpD,OAAO,IAAI,CAACH,SAAS,CAACE,OAAO,CAACC,IAAI,CAAC;EACvC;EAEAC,SAASA,CAAA,EAA0B;IAC/B,OAAO,IAAI,CAACJ,SAAS,CAACI,SAAS,CAAC,CAAC;EACrC;AACJ;AAEA,OAAO,MAAMC,UAAU,CAAwB;EAEnCC,SAAS,GAAG,KAAK;EAGlBC,IAAIA,CAACC,MAAwB,EAAEC,SAAsB,EAAQ;IAChE,MAAMC,UAAU,GAAGC,IAAI,CAACC,SAAS,CAACJ,MAAM,CAAC;IACzC,IAAI,IAAI,CAACK,UAAU,IAAI,IAAI,CAACA,UAAU,KAAKH,UAAU,EAAE;MACnD;IACJ;IAEA,IAAI,CAACG,UAAU,GAAGH,UAAU;IAC5B,MAAMI,SAAS,GAAG,IAAIpB,SAAS,CAACc,MAAM,CAACO,OAAO,EAAEP,MAAM,CAACQ,MAAM,EAAER,MAAM,CAACS,SAAS,CAAC;IAEhF,MAAMC,YAAY,GAAG,IAAIvB,mBAAmB,CAAC;MAAEmB;IAAU,CAAC,CAAC;IAE3D,IAAIhB,OAAoB,GAAG,IAAIT,OAAO,CAAC6B,YAAY,CAAC;IAEpD,IAAIV,MAAM,CAACW,OAAO,IAAI,CAAC/B,WAAW,CAACgC,SAAS,CAAC,CAAC,EAAE;MAC5C,IAAI,CAACd,SAAS,GAAG,IAAI;MACrBR,OAAO,GAAG,IAAIN,UAAU,CAAC0B,YAAY,EAAEpB,OAAO,CAAC;IACnD;IAEA,IAAIC,UAAU;IACd,IAAIX,WAAW,CAACgC,SAAS,CAAC,CAAC,EAAE;MACzBrB,UAAU,GAAG,IAAIT,UAAU,CAACQ,OAAO,CAAC;IACxC;IAEA,IAAI,CAACuB,GAAG,GAAG,IAAIzB,kBAAkB,CAACE,OAAO,EAAaC,UAAU,CAAC;IAEjE,IAAI,OAAOU,SAAS,KAAK,UAAU,EAAE;MACjCA,SAAS,CAAC,CAAC;IACf;EACJ;EAEOR,aAAaA,CAAA,EAAG;IACnB,IAAI,CAACqB,iBAAiB,CAAC,CAAC;IACxB,OAAO,IAAI,CAACD,GAAG,CAACpB,aAAa,CAAC,CAAC;EACnC;EAEOC,OAAOA,CAACC,IAAY,EAAE;IACzB,IAAI,CAACmB,iBAAiB,CAAC,CAAC;IACxB,OAAO,IAAI,CAACD,GAAG,CAACnB,OAAO,CAACC,IAAI,CAAC;EACjC;EAEOC,SAASA,CAAA,EAAG;IACf,IAAI,CAACkB,iBAAiB,CAAC,CAAC;IACxB,OAAO,IAAI,CAACD,GAAG,CAACjB,SAAS,CAAC,CAAC;EAC/B;EAEAmB,iBAAiBA,CAACC,SAAoB,EAAQ;IAC1C,IAAI,CAACF,iBAAiB,CAAC,CAAC;IACxB7B,iBAAiB,CAACgC,QAAQ,CAACD,SAAS,CAAC;EACzC;EAEAE,cAAcA,CAACC,MAA4B,EAA8B;IACrE,IAAI,CAACL,iBAAiB,CAAC,CAAC;IACxB,OAAO,IAAI/B,iBAAiB,CAACE,iBAAiB,CAAC,CAACmC,OAAO,CAACD,MAAM,CAAC;EACnE;EAEAP,SAASA,CAAA,EAAG;IACR,OAAOhC,WAAW,CAACgC,SAAS,CAAC,CAAC;EAClC;EAEAS,YAAYA,CAAA,EAAG;IACX,OAAO,IAAI,CAACvB,SAAS;EACzB;EAEQgB,iBAAiBA,CAAA,EAAgD;IACrE,IAAI,CAAC,IAAI,CAACD,GAAG,EAAE;MACX,MAAM,IAAIS,KAAK,CAAC,sCAAsC,CAAC;IAC3D;EACJ;AACJ;AAEA,OAAO,MAAMC,UAAU,GAAG,IAAI1B,UAAU,CAAC,CAAC","ignoreList":[]}

package/sdk/DocumentStore.d.ts

@@ -0,0 +1,15 @@
+import { type JsonPatchOperation } from "./jsonPatch";
+import type { Document } from "./";
+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("./").DocumentElement | null;
+    updateElement(id: string, patch: Partial<any>): void;
+    applyPatch(patch: JsonPatchOperation[]): void;
+    waitForDocument(): Promise<TDocument>;
+}

package/sdk/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/sdk/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 \"~/sdk/jsonPatch\";\nimport type { Document } from \"~/sdk\";\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/sdk/DocumentStoreManager.d.ts

@@ -0,0 +1,11 @@
+import type { Document } from "./";
+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/sdk/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/sdk/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 \"~/sdk\";\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/sdk/EditingSdk.d.ts

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

package/sdk/EditingSdk.js

@@ -0,0 +1,161 @@
+"use client";
+
+import { Messenger, MessageOrigin } from "./messenger";
+import { logger } from "./Logger";
+import { PreviewViewport } from "./PreviewViewport";
+import { ViewportManager } from "./ViewportManager";
+import { componentRegistry } from "./ComponentRegistry";
+import { mouseTracker } from "./MouseTracker";
+import { functionConverter } from "./FunctionConverter";
+import { documentStoreManager } from "./DocumentStoreManager";
+import { HotkeyManager } from "./HotkeyManager";
+import { PreviewDocument } from "./PreviewDocument.js";
+import { hashObject } from "./HashObject";
+export class EditingSdk {
+  positionReportingEnabled = false;
+  previewViewport = null;
+  lastBoxesHash = 0;
+  constructor(liveSdk) {
+    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.*");
+    this.hotkeyManager = new HotkeyManager();
+    componentRegistry.onRegister(reg => {
+      this.messenger.send("preview.component.register", reg.component.manifest);
+    });
+    this.setupListeners();
+    this.messenger.send("preview.ready", true);
+    this.disableLinks();
+    this.setupHotkeyListeners();
+  }
+  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
+    const viewportManager = new ViewportManager();
+    viewportManager.onViewportChangeStart(() => {
+      if (this.messenger) {
+        this.messenger.send("preview.viewport.change.start");
+      }
+    });
+    viewportManager.onViewportChangeEnd(() => {
+      if (this.messenger) {
+        this.messenger.send("preview.viewport.change.end");
+      }
+    });
+    mouseTracker.start();
+    mouseTracker.subscribe(position => {
+      this.messenger.send("preview.mouse.move", position);
+    });
+
+    // 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);
+  }
+  setupHotkeyListeners() {
+    this.hotkeyManager.add("escape", e => {
+      e.preventDefault();
+      this.messenger.send("preview.escape");
+    });
+    this.hotkeyManager.add("mod+z", e => {
+      e.preventDefault();
+      this.messenger.send("preview.undo");
+    });
+    this.hotkeyManager.add("mod+shift+z", e => {
+      e.preventDefault();
+      this.messenger.send("preview.redo");
+    });
+  }
+}
+
+//# sourceMappingURL=EditingSdk.js.map

package/sdk/EditingSdk.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Messenger","MessageOrigin","logger","PreviewViewport","ViewportManager","componentRegistry","mouseTracker","functionConverter","documentStoreManager","HotkeyManager","PreviewDocument","hashObject","EditingSdk","positionReportingEnabled","previewViewport","lastBoxesHash","constructor","liveSdk","source","window","location","origin","target","parent","getReferrerOrigin","previewDocument","createFromWindow","documentStore","getStore","getId","messenger","hotkeyManager","onRegister","reg","send","component","manifest","setupListeners","disableLinks","setupHotkeyListeners","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","viewportManager","onViewportChangeStart","onViewportChangeEnd","start","subscribe","position","setInterval","reportBoxes","warn","newBoxes","getVisibleBoxes","hash","boxes","viewport","getViewport","document","addEventListener","event","anchor","closest","href","preventDefault","stopPropagation","add","e"],"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 { mouseTracker } from \"./MouseTracker\";\nimport { functionConverter } from \"./FunctionConverter\";\nimport { documentStoreManager } from \"~/sdk/DocumentStoreManager\";\nimport { DocumentStore } from \"~/sdk/DocumentStore\";\nimport { HotkeyManager } from \"~/sdk/HotkeyManager\";\nimport { PreviewDocument } from \"./PreviewDocument.js\";\nimport { hashObject } from \"~/sdk/HashObject\";\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 hotkeyManager: HotkeyManager;\n    private lastBoxesHash = 0;\n\n    constructor(liveSdk: IContentSdk) {\n        this.liveSdk = liveSdk;\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        this.hotkeyManager = new HotkeyManager();\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        this.disableLinks();\n\n        this.setupHotkeyListeners();\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        const viewportManager = new ViewportManager();\n\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        mouseTracker.start();\n        mouseTracker.subscribe(position => {\n            this.messenger.send(\"preview.mouse.move\", position);\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    private setupHotkeyListeners() {\n        this.hotkeyManager.add(\"escape\", e => {\n            e.preventDefault();\n            this.messenger.send(\"preview.escape\");\n        });\n\n        this.hotkeyManager.add(\"mod+z\", e => {\n            e.preventDefault();\n            this.messenger.send(\"preview.undo\");\n        });\n\n        this.hotkeyManager.add(\"mod+shift+z\", e => {\n            e.preventDefault();\n            this.messenger.send(\"preview.redo\");\n        });\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/sdk/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 CreateElementParams {
+    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 }: CreateElementParams): {
+        element: DocumentElement;
+        operations: IDocumentOperation[];
+    };
+    generateOperations({ element, inputsAst, bindings, operations }: GenerateOperationsParams): IDocumentOperation[];
+    private generateOperationsFromBindings;
+    private getComponentManifest;
+    private extractIndex;
+    private createElement;
+}
+export {};