@webiny/app-website-builder 6.3.0 → 6.4.0-beta.1

package/BaseEditor/metadata/ElementMetadata.js

@@ -1,30 +1,26 @@
 import { matcher } from "matcher";
-export class ElementMetadata {
-  constructor(elementId, metadata = {}) {
-    this.elementId = elementId;
-    this.metadata = metadata;
-  }
-  get(id) {
-    return this.metadata[id];
-  }
-  set(id, data) {
-    this.metadata[id] = data;
-  }
-  unset(id) {
-    // Support wildcard paths using micromatch
-    if (id.includes("*")) {
-      const keys = Object.keys(this.metadata);
-      const matches = matcher(keys, id);
-      for (const key of matches) {
-        delete this.metadata[key];
-      }
-    } else {
-      delete this.metadata[id];
+class ElementMetadata {
+    constructor(elementId, metadata = {}){
+        this.elementId = elementId;
+        this.metadata = metadata;
+    }
+    get(id) {
+        return this.metadata[id];
+    }
+    set(id, data) {
+        this.metadata[id] = data;
+    }
+    unset(id) {
+        if (id.includes("*")) {
+            const keys = Object.keys(this.metadata);
+            const matches = matcher(keys, id);
+            for (const key of matches)delete this.metadata[key];
+        } else delete this.metadata[id];
+    }
+    applyToDocument(document) {
+        document.bindings[this.elementId].metadata = this.metadata;
     }
-  }
-  applyToDocument(document) {
-    document.bindings[this.elementId].metadata = this.metadata;
-  }
 }
+export { ElementMetadata };
 
 //# sourceMappingURL=ElementMetadata.js.map

package/BaseEditor/metadata/ElementMetadata.js.map

@@ -1 +1 @@
-{"version":3,"names":["matcher","ElementMetadata","constructor","elementId","metadata","get","id","set","data","unset","includes","keys","Object","matches","key","applyToDocument","document","bindings"],"sources":["ElementMetadata.ts"],"sourcesContent":["import { matcher } from \"matcher\";\nimport type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata, Metadata } from \"./IMetadata.js\";\n\nexport class ElementMetadata implements IMetadata {\n    private readonly elementId: string;\n    private readonly metadata: Record<string, any>;\n\n    constructor(elementId: string, metadata: Record<string, any> = {}) {\n        this.elementId = elementId;\n        this.metadata = metadata;\n    }\n\n    get<T = unknown>(id: string): T | undefined {\n        return this.metadata[id];\n    }\n\n    set(id: string, data: Metadata): void {\n        this.metadata[id] = data;\n    }\n\n    unset(id: string): void {\n        // Support wildcard paths using micromatch\n        if (id.includes(\"*\")) {\n            const keys = Object.keys(this.metadata);\n            const matches = matcher(keys, id);\n            for (const key of matches) {\n                delete this.metadata[key];\n            }\n        } else {\n            delete this.metadata[id];\n        }\n    }\n\n    applyToDocument(document: Document) {\n        document.bindings[this.elementId].metadata = this.metadata;\n    }\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,SAAS;AAIjC,OAAO,MAAMC,eAAe,CAAsB;EAI9CC,WAAWA,CAACC,SAAiB,EAAEC,QAA6B,GAAG,CAAC,CAAC,EAAE;IAC/D,IAAI,CAACD,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACC,QAAQ,GAAGA,QAAQ;EAC5B;EAEAC,GAAGA,CAAcC,EAAU,EAAiB;IACxC,OAAO,IAAI,CAACF,QAAQ,CAACE,EAAE,CAAC;EAC5B;EAEAC,GAAGA,CAACD,EAAU,EAAEE,IAAc,EAAQ;IAClC,IAAI,CAACJ,QAAQ,CAACE,EAAE,CAAC,GAAGE,IAAI;EAC5B;EAEAC,KAAKA,CAACH,EAAU,EAAQ;IACpB;IACA,IAAIA,EAAE,CAACI,QAAQ,CAAC,GAAG,CAAC,EAAE;MAClB,MAAMC,IAAI,GAAGC,MAAM,CAACD,IAAI,CAAC,IAAI,CAACP,QAAQ,CAAC;MACvC,MAAMS,OAAO,GAAGb,OAAO,CAACW,IAAI,EAAEL,EAAE,CAAC;MACjC,KAAK,MAAMQ,GAAG,IAAID,OAAO,EAAE;QACvB,OAAO,IAAI,CAACT,QAAQ,CAACU,GAAG,CAAC;MAC7B;IACJ,CAAC,MAAM;MACH,OAAO,IAAI,CAACV,QAAQ,CAACE,EAAE,CAAC;IAC5B;EACJ;EAEAS,eAAeA,CAACC,QAAkB,EAAE;IAChCA,QAAQ,CAACC,QAAQ,CAAC,IAAI,CAACd,SAAS,CAAC,CAACC,QAAQ,GAAG,IAAI,CAACA,QAAQ;EAC9D;AACJ","ignoreList":[]}
+{"version":3,"file":"BaseEditor/metadata/ElementMetadata.js","sources":["../../../src/BaseEditor/metadata/ElementMetadata.ts"],"sourcesContent":["import { matcher } from \"matcher\";\nimport type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata, Metadata } from \"./IMetadata.js\";\n\nexport class ElementMetadata implements IMetadata {\n    private readonly elementId: string;\n    private readonly metadata: Record<string, any>;\n\n    constructor(elementId: string, metadata: Record<string, any> = {}) {\n        this.elementId = elementId;\n        this.metadata = metadata;\n    }\n\n    get<T = unknown>(id: string): T | undefined {\n        return this.metadata[id];\n    }\n\n    set(id: string, data: Metadata): void {\n        this.metadata[id] = data;\n    }\n\n    unset(id: string): void {\n        // Support wildcard paths using micromatch\n        if (id.includes(\"*\")) {\n            const keys = Object.keys(this.metadata);\n            const matches = matcher(keys, id);\n            for (const key of matches) {\n                delete this.metadata[key];\n            }\n        } else {\n            delete this.metadata[id];\n        }\n    }\n\n    applyToDocument(document: Document) {\n        document.bindings[this.elementId].metadata = this.metadata;\n    }\n}\n"],"names":["ElementMetadata","elementId","metadata","id","data","keys","Object","matches","matcher","key","document"],"mappings":";AAIO,MAAMA;IAIT,YAAYC,SAAiB,EAAEC,WAAgC,CAAC,CAAC,CAAE;QAC/D,IAAI,CAAC,SAAS,GAAGD;QACjB,IAAI,CAAC,QAAQ,GAAGC;IACpB;IAEA,IAAiBC,EAAU,EAAiB;QACxC,OAAO,IAAI,CAAC,QAAQ,CAACA,GAAG;IAC5B;IAEA,IAAIA,EAAU,EAAEC,IAAc,EAAQ;QAClC,IAAI,CAAC,QAAQ,CAACD,GAAG,GAAGC;IACxB;IAEA,MAAMD,EAAU,EAAQ;QAEpB,IAAIA,GAAG,QAAQ,CAAC,MAAM;YAClB,MAAME,OAAOC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ;YACtC,MAAMC,UAAUC,QAAQH,MAAMF;YAC9B,KAAK,MAAMM,OAAOF,QACd,OAAO,IAAI,CAAC,QAAQ,CAACE,IAAI;QAEjC,OACI,OAAO,IAAI,CAAC,QAAQ,CAACN,GAAG;IAEhC;IAEA,gBAAgBO,QAAkB,EAAE;QAChCA,SAAS,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;IAC9D;AACJ"}

package/BaseEditor/metadata/IMetadata.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=IMetadata.js.map

package/BaseEditor/metadata/InputMetadata.js

@@ -1,21 +1,22 @@
-export class InputMetadata {
-  prefix = "inputs/";
-  constructor(inputId, metadata) {
-    this.inputId = inputId;
-    this.metadata = metadata;
-  }
-  applyToDocument(document) {
-    this.metadata.applyToDocument(document);
-  }
-  get(id) {
-    return this.metadata.get(`${this.prefix}${this.inputId}/${id}`);
-  }
-  set(id, data) {
-    this.metadata.set(`${this.prefix}${this.inputId}/${id}`, data);
-  }
-  unset(id = "*") {
-    this.metadata.unset(`${this.prefix}${this.inputId}/${id}`);
-  }
+class InputMetadata {
+    constructor(inputId, metadata){
+        this.prefix = "inputs/";
+        this.inputId = inputId;
+        this.metadata = metadata;
+    }
+    applyToDocument(document) {
+        this.metadata.applyToDocument(document);
+    }
+    get(id) {
+        return this.metadata.get(`${this.prefix}${this.inputId}/${id}`);
+    }
+    set(id, data) {
+        this.metadata.set(`${this.prefix}${this.inputId}/${id}`, data);
+    }
+    unset(id = "*") {
+        this.metadata.unset(`${this.prefix}${this.inputId}/${id}`);
+    }
 }
+export { InputMetadata };
 
 //# sourceMappingURL=InputMetadata.js.map

package/BaseEditor/metadata/InputMetadata.js.map

@@ -1 +1 @@
-{"version":3,"names":["InputMetadata","prefix","constructor","inputId","metadata","applyToDocument","document","get","id","set","data","unset"],"sources":["InputMetadata.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata } from \"./IMetadata.js\";\n\nexport class InputMetadata implements IMetadata {\n    private readonly inputId: string;\n    private metadata: IMetadata;\n    private prefix = \"inputs/\";\n\n    constructor(inputId: string, metadata: IMetadata) {\n        this.inputId = inputId;\n        this.metadata = metadata;\n    }\n\n    applyToDocument(document: Document): void {\n        this.metadata.applyToDocument(document);\n    }\n\n    get<T = unknown>(id: string): T | undefined {\n        return this.metadata.get(`${this.prefix}${this.inputId}/${id}`);\n    }\n\n    set(id: string, data: any): void {\n        this.metadata.set(`${this.prefix}${this.inputId}/${id}`, data);\n    }\n\n    unset(id: string = \"*\"): void {\n        this.metadata.unset(`${this.prefix}${this.inputId}/${id}`);\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,aAAa,CAAsB;EAGpCC,MAAM,GAAG,SAAS;EAE1BC,WAAWA,CAACC,OAAe,EAAEC,QAAmB,EAAE;IAC9C,IAAI,CAACD,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACC,QAAQ,GAAGA,QAAQ;EAC5B;EAEAC,eAAeA,CAACC,QAAkB,EAAQ;IACtC,IAAI,CAACF,QAAQ,CAACC,eAAe,CAACC,QAAQ,CAAC;EAC3C;EAEAC,GAAGA,CAAcC,EAAU,EAAiB;IACxC,OAAO,IAAI,CAACJ,QAAQ,CAACG,GAAG,CAAC,GAAG,IAAI,CAACN,MAAM,GAAG,IAAI,CAACE,OAAO,IAAIK,EAAE,EAAE,CAAC;EACnE;EAEAC,GAAGA,CAACD,EAAU,EAAEE,IAAS,EAAQ;IAC7B,IAAI,CAACN,QAAQ,CAACK,GAAG,CAAC,GAAG,IAAI,CAACR,MAAM,GAAG,IAAI,CAACE,OAAO,IAAIK,EAAE,EAAE,EAAEE,IAAI,CAAC;EAClE;EAEAC,KAAKA,CAACH,EAAU,GAAG,GAAG,EAAQ;IAC1B,IAAI,CAACJ,QAAQ,CAACO,KAAK,CAAC,GAAG,IAAI,CAACV,MAAM,GAAG,IAAI,CAACE,OAAO,IAAIK,EAAE,EAAE,CAAC;EAC9D;AACJ","ignoreList":[]}
+{"version":3,"file":"BaseEditor/metadata/InputMetadata.js","sources":["../../../src/BaseEditor/metadata/InputMetadata.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata } from \"./IMetadata.js\";\n\nexport class InputMetadata implements IMetadata {\n    private readonly inputId: string;\n    private metadata: IMetadata;\n    private prefix = \"inputs/\";\n\n    constructor(inputId: string, metadata: IMetadata) {\n        this.inputId = inputId;\n        this.metadata = metadata;\n    }\n\n    applyToDocument(document: Document): void {\n        this.metadata.applyToDocument(document);\n    }\n\n    get<T = unknown>(id: string): T | undefined {\n        return this.metadata.get(`${this.prefix}${this.inputId}/${id}`);\n    }\n\n    set(id: string, data: any): void {\n        this.metadata.set(`${this.prefix}${this.inputId}/${id}`, data);\n    }\n\n    unset(id: string = \"*\"): void {\n        this.metadata.unset(`${this.prefix}${this.inputId}/${id}`);\n    }\n}\n"],"names":["InputMetadata","inputId","metadata","document","id","data"],"mappings":"AAGO,MAAMA;IAKT,YAAYC,OAAe,EAAEC,QAAmB,CAAE;aAF1C,MAAM,GAAG;QAGb,IAAI,CAAC,OAAO,GAAGD;QACf,IAAI,CAAC,QAAQ,GAAGC;IACpB;IAEA,gBAAgBC,QAAkB,EAAQ;QACtC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAACA;IAClC;IAEA,IAAiBC,EAAU,EAAiB;QACxC,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,EAAEA,IAAI;IAClE;IAEA,IAAIA,EAAU,EAAEC,IAAS,EAAQ;QAC7B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,EAAED,IAAI,EAAEC;IAC7D;IAEA,MAAMD,KAAa,GAAG,EAAQ;QAC1B,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,EAAEA,IAAI;IAC7D;AACJ"}

package/BaseEditor/metadata/NullMetadata.js

@@ -1,10 +1,9 @@
-export class NullMetadata {
-  applyToDocument() {}
-  get() {
-    return undefined;
-  }
-  set() {}
-  unset() {}
+class NullMetadata {
+    applyToDocument() {}
+    get() {}
+    set() {}
+    unset() {}
 }
+export { NullMetadata };
 
 //# sourceMappingURL=NullMetadata.js.map

package/BaseEditor/metadata/NullMetadata.js.map

@@ -1 +1 @@
-{"version":3,"names":["NullMetadata","applyToDocument","get","undefined","set","unset"],"sources":["NullMetadata.ts"],"sourcesContent":["import type { IMetadata } from \"./IMetadata.js\";\n\nexport class NullMetadata implements IMetadata {\n    applyToDocument(): void {}\n\n    get<T = unknown>(): T | undefined {\n        return undefined;\n    }\n\n    set(): void {}\n\n    unset(): void {}\n}\n"],"mappings":"AAEA,OAAO,MAAMA,YAAY,CAAsB;EAC3CC,eAAeA,CAAA,EAAS,CAAC;EAEzBC,GAAGA,CAAA,EAA+B;IAC9B,OAAOC,SAAS;EACpB;EAEAC,GAAGA,CAAA,EAAS,CAAC;EAEbC,KAAKA,CAAA,EAAS,CAAC;AACnB","ignoreList":[]}
+{"version":3,"file":"BaseEditor/metadata/NullMetadata.js","sources":["../../../src/BaseEditor/metadata/NullMetadata.ts"],"sourcesContent":["import type { IMetadata } from \"./IMetadata.js\";\n\nexport class NullMetadata implements IMetadata {\n    applyToDocument(): void {}\n\n    get<T = unknown>(): T | undefined {\n        return undefined;\n    }\n\n    set(): void {}\n\n    unset(): void {}\n}\n"],"names":["NullMetadata"],"mappings":"AAEO,MAAMA;IACT,kBAAwB,CAAC;IAEzB,MAAkC,CAElC;IAEA,MAAY,CAAC;IAEb,QAAc,CAAC;AACnB"}

package/BaseEditor/metadata/StylesMetadata.js

@@ -1,20 +1,21 @@
-export class StylesMetadata {
-  prefix = "styles/";
-  constructor(metadata) {
-    this.metadata = metadata;
-  }
-  applyToDocument(document) {
-    this.metadata.applyToDocument(document);
-  }
-  get(id) {
-    return this.metadata.get(`${this.prefix}${id}`);
-  }
-  set(id, data) {
-    this.metadata.set(`${this.prefix}${id}`, data);
-  }
-  unset(id) {
-    this.metadata.unset(`${this.prefix}${id}`);
-  }
+class StylesMetadata {
+    constructor(metadata){
+        this.prefix = "styles/";
+        this.metadata = metadata;
+    }
+    applyToDocument(document) {
+        this.metadata.applyToDocument(document);
+    }
+    get(id) {
+        return this.metadata.get(`${this.prefix}${id}`);
+    }
+    set(id, data) {
+        this.metadata.set(`${this.prefix}${id}`, data);
+    }
+    unset(id) {
+        this.metadata.unset(`${this.prefix}${id}`);
+    }
 }
+export { StylesMetadata };
 
 //# sourceMappingURL=StylesMetadata.js.map

package/BaseEditor/metadata/StylesMetadata.js.map

@@ -1 +1 @@
-{"version":3,"names":["StylesMetadata","prefix","constructor","metadata","applyToDocument","document","get","id","set","data","unset"],"sources":["StylesMetadata.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata } from \"./IMetadata.js\";\n\nexport class StylesMetadata implements IMetadata {\n    private metadata: IMetadata;\n    private prefix = \"styles/\";\n\n    constructor(metadata: IMetadata) {\n        this.metadata = metadata;\n    }\n\n    applyToDocument(document: Document): void {\n        this.metadata.applyToDocument(document);\n    }\n\n    get<T = unknown>(id: string): T | undefined {\n        return this.metadata.get(`${this.prefix}${id}`);\n    }\n\n    set(id: string, data: any): void {\n        this.metadata.set(`${this.prefix}${id}`, data);\n    }\n\n    unset(id: string): void {\n        this.metadata.unset(`${this.prefix}${id}`);\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,cAAc,CAAsB;EAErCC,MAAM,GAAG,SAAS;EAE1BC,WAAWA,CAACC,QAAmB,EAAE;IAC7B,IAAI,CAACA,QAAQ,GAAGA,QAAQ;EAC5B;EAEAC,eAAeA,CAACC,QAAkB,EAAQ;IACtC,IAAI,CAACF,QAAQ,CAACC,eAAe,CAACC,QAAQ,CAAC;EAC3C;EAEAC,GAAGA,CAAcC,EAAU,EAAiB;IACxC,OAAO,IAAI,CAACJ,QAAQ,CAACG,GAAG,CAAC,GAAG,IAAI,CAACL,MAAM,GAAGM,EAAE,EAAE,CAAC;EACnD;EAEAC,GAAGA,CAACD,EAAU,EAAEE,IAAS,EAAQ;IAC7B,IAAI,CAACN,QAAQ,CAACK,GAAG,CAAC,GAAG,IAAI,CAACP,MAAM,GAAGM,EAAE,EAAE,EAAEE,IAAI,CAAC;EAClD;EAEAC,KAAKA,CAACH,EAAU,EAAQ;IACpB,IAAI,CAACJ,QAAQ,CAACO,KAAK,CAAC,GAAG,IAAI,CAACT,MAAM,GAAGM,EAAE,EAAE,CAAC;EAC9C;AACJ","ignoreList":[]}
+{"version":3,"file":"BaseEditor/metadata/StylesMetadata.js","sources":["../../../src/BaseEditor/metadata/StylesMetadata.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata } from \"./IMetadata.js\";\n\nexport class StylesMetadata implements IMetadata {\n    private metadata: IMetadata;\n    private prefix = \"styles/\";\n\n    constructor(metadata: IMetadata) {\n        this.metadata = metadata;\n    }\n\n    applyToDocument(document: Document): void {\n        this.metadata.applyToDocument(document);\n    }\n\n    get<T = unknown>(id: string): T | undefined {\n        return this.metadata.get(`${this.prefix}${id}`);\n    }\n\n    set(id: string, data: any): void {\n        this.metadata.set(`${this.prefix}${id}`, data);\n    }\n\n    unset(id: string): void {\n        this.metadata.unset(`${this.prefix}${id}`);\n    }\n}\n"],"names":["StylesMetadata","metadata","document","id","data"],"mappings":"AAGO,MAAMA;IAIT,YAAYC,QAAmB,CAAE;aAFzB,MAAM,GAAG;QAGb,IAAI,CAAC,QAAQ,GAAGA;IACpB;IAEA,gBAAgBC,QAAkB,EAAQ;QACtC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAACA;IAClC;IAEA,IAAiBC,EAAU,EAAiB;QACxC,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAGA,IAAI;IAClD;IAEA,IAAIA,EAAU,EAAEC,IAAS,EAAQ;QAC7B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAGD,IAAI,EAAEC;IAC7C;IAEA,MAAMD,EAAU,EAAQ;QACpB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,GAAGA,IAAI;IAC7C;AACJ"}

package/BaseEditor/metadata/index.js

@@ -3,5 +3,3 @@ export * from "./ElementMetadata.js";
 export * from "./BreakpointElementMetadata.js";
 export * from "./StylesMetadata.js";
 export * from "./NullMetadata.js";
-
-//# sourceMappingURL=index.js.map

package/DocumentEditor/ConnectEditorToPreview.js

@@ -1,31 +1,28 @@
 import { useEffect, useRef } from "react";
 import { MessageOrigin, Messenger } from "@webiny/website-builder-sdk";
-export function ConnectEditorToPreview({
-  iframeRef,
-  onConnected
-}) {
-  const messengerRef = useRef(null);
-  useEffect(() => {
-    if (!iframeRef.current?.contentWindow) {
-      return;
-    }
-    const targetWindow = () => iframeRef.current.contentWindow;
-    const targetOrigin = new URL(iframeRef.current.src).origin;
-    const editorOrigin = new MessageOrigin(() => window, window.location.origin);
-    const previewTarget = new MessageOrigin(targetWindow, targetOrigin);
-    const messenger = new Messenger(editorOrigin, previewTarget, "wb.editor.*");
-    messengerRef.current = messenger;
-
-    // Listen for "preview-ready"
-    const off = messenger.on("preview.ready", () => {
-      onConnected(messenger);
-    });
-    return () => {
-      off(); // Remove listener
-      messenger.dispose();
-    };
-  }, [iframeRef, onConnected]);
-  return null;
+function ConnectEditorToPreview({ iframeRef, onConnected }) {
+    const messengerRef = useRef(null);
+    useEffect(()=>{
+        if (!iframeRef.current?.contentWindow) return;
+        const targetWindow = ()=>iframeRef.current.contentWindow;
+        const targetOrigin = new URL(iframeRef.current.src).origin;
+        const editorOrigin = new MessageOrigin(()=>window, window.location.origin);
+        const previewTarget = new MessageOrigin(targetWindow, targetOrigin);
+        const messenger = new Messenger(editorOrigin, previewTarget, "wb.editor.*");
+        messengerRef.current = messenger;
+        const off = messenger.on("preview.ready", ()=>{
+            onConnected(messenger);
+        });
+        return ()=>{
+            off();
+            messenger.dispose();
+        };
+    }, [
+        iframeRef,
+        onConnected
+    ]);
+    return null;
 }
+export { ConnectEditorToPreview };
 
 //# sourceMappingURL=ConnectEditorToPreview.js.map

package/DocumentEditor/ConnectEditorToPreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","MessageOrigin","Messenger","ConnectEditorToPreview","iframeRef","onConnected","messengerRef","current","contentWindow","targetWindow","targetOrigin","URL","src","origin","editorOrigin","window","location","previewTarget","messenger","off","on","dispose"],"sources":["ConnectEditorToPreview.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useEffect, useRef } from \"react\";\nimport { MessageOrigin, Messenger } from \"@webiny/website-builder-sdk\";\nimport type { usePreviewData } from \"~/BaseEditor/hooks/usePreviewData.js\";\n\ntype ConnectEditorToPreviewProps = {\n    iframeRef: React.RefObject<HTMLIFrameElement | null>;\n    onConnected: (\n        messenger: Messenger,\n        elementPositionsHook?: ReturnType<typeof usePreviewData>\n    ) => void;\n};\n\nexport function ConnectEditorToPreview({ iframeRef, onConnected }: ConnectEditorToPreviewProps) {\n    const messengerRef = useRef<Messenger | null>(null);\n\n    useEffect(() => {\n        if (!iframeRef.current?.contentWindow) {\n            return;\n        }\n\n        const targetWindow = () => iframeRef.current!.contentWindow!;\n        const targetOrigin = new URL(iframeRef.current.src).origin;\n\n        const editorOrigin = new MessageOrigin(() => window, window.location.origin);\n        const previewTarget = new MessageOrigin(targetWindow, targetOrigin);\n\n        const messenger = new Messenger(editorOrigin, previewTarget, \"wb.editor.*\");\n        messengerRef.current = messenger;\n\n        // Listen for \"preview-ready\"\n        const off = messenger.on(\"preview.ready\", () => {\n            onConnected(messenger);\n        });\n\n        return () => {\n            off(); // Remove listener\n            messenger.dispose();\n        };\n    }, [iframeRef, onConnected]);\n\n    return null;\n}\n"],"mappings":"AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,aAAa,EAAEC,SAAS,QAAQ,6BAA6B;AAWtE,OAAO,SAASC,sBAAsBA,CAAC;EAAEC,SAAS;EAAEC;AAAyC,CAAC,EAAE;EAC5F,MAAMC,YAAY,GAAGN,MAAM,CAAmB,IAAI,CAAC;EAEnDD,SAAS,CAAC,MAAM;IACZ,IAAI,CAACK,SAAS,CAACG,OAAO,EAAEC,aAAa,EAAE;MACnC;IACJ;IAEA,MAAMC,YAAY,GAAGA,CAAA,KAAML,SAAS,CAACG,OAAO,CAAEC,aAAc;IAC5D,MAAME,YAAY,GAAG,IAAIC,GAAG,CAACP,SAAS,CAACG,OAAO,CAACK,GAAG,CAAC,CAACC,MAAM;IAE1D,MAAMC,YAAY,GAAG,IAAIb,aAAa,CAAC,MAAMc,MAAM,EAAEA,MAAM,CAACC,QAAQ,CAACH,MAAM,CAAC;IAC5E,MAAMI,aAAa,GAAG,IAAIhB,aAAa,CAACQ,YAAY,EAAEC,YAAY,CAAC;IAEnE,MAAMQ,SAAS,GAAG,IAAIhB,SAAS,CAACY,YAAY,EAAEG,aAAa,EAAE,aAAa,CAAC;IAC3EX,YAAY,CAACC,OAAO,GAAGW,SAAS;;IAEhC;IACA,MAAMC,GAAG,GAAGD,SAAS,CAACE,EAAE,CAAC,eAAe,EAAE,MAAM;MAC5Cf,WAAW,CAACa,SAAS,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,MAAM;MACTC,GAAG,CAAC,CAAC,CAAC,CAAC;MACPD,SAAS,CAACG,OAAO,CAAC,CAAC;IACvB,CAAC;EACL,CAAC,EAAE,CAACjB,SAAS,EAAEC,WAAW,CAAC,CAAC;EAE5B,OAAO,IAAI;AACf","ignoreList":[]}
+{"version":3,"file":"DocumentEditor/ConnectEditorToPreview.js","sources":["../../src/DocumentEditor/ConnectEditorToPreview.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useEffect, useRef } from \"react\";\nimport { MessageOrigin, Messenger } from \"@webiny/website-builder-sdk\";\nimport type { usePreviewData } from \"~/BaseEditor/hooks/usePreviewData.js\";\n\ntype ConnectEditorToPreviewProps = {\n    iframeRef: React.RefObject<HTMLIFrameElement | null>;\n    onConnected: (\n        messenger: Messenger,\n        elementPositionsHook?: ReturnType<typeof usePreviewData>\n    ) => void;\n};\n\nexport function ConnectEditorToPreview({ iframeRef, onConnected }: ConnectEditorToPreviewProps) {\n    const messengerRef = useRef<Messenger | null>(null);\n\n    useEffect(() => {\n        if (!iframeRef.current?.contentWindow) {\n            return;\n        }\n\n        const targetWindow = () => iframeRef.current!.contentWindow!;\n        const targetOrigin = new URL(iframeRef.current.src).origin;\n\n        const editorOrigin = new MessageOrigin(() => window, window.location.origin);\n        const previewTarget = new MessageOrigin(targetWindow, targetOrigin);\n\n        const messenger = new Messenger(editorOrigin, previewTarget, \"wb.editor.*\");\n        messengerRef.current = messenger;\n\n        // Listen for \"preview-ready\"\n        const off = messenger.on(\"preview.ready\", () => {\n            onConnected(messenger);\n        });\n\n        return () => {\n            off(); // Remove listener\n            messenger.dispose();\n        };\n    }, [iframeRef, onConnected]);\n\n    return null;\n}\n"],"names":["ConnectEditorToPreview","iframeRef","onConnected","messengerRef","useRef","useEffect","targetWindow","targetOrigin","URL","editorOrigin","MessageOrigin","window","previewTarget","messenger","Messenger","off"],"mappings":";;AAaO,SAASA,uBAAuB,EAAEC,SAAS,EAAEC,WAAW,EAA+B;IAC1F,MAAMC,eAAeC,OAAyB;IAE9CC,UAAU;QACN,IAAI,CAACJ,UAAU,OAAO,EAAE,eACpB;QAGJ,MAAMK,eAAe,IAAML,UAAU,OAAO,CAAE,aAAa;QAC3D,MAAMM,eAAe,IAAIC,IAAIP,UAAU,OAAO,CAAC,GAAG,EAAE,MAAM;QAE1D,MAAMQ,eAAe,IAAIC,cAAc,IAAMC,QAAQA,OAAO,QAAQ,CAAC,MAAM;QAC3E,MAAMC,gBAAgB,IAAIF,cAAcJ,cAAcC;QAEtD,MAAMM,YAAY,IAAIC,UAAUL,cAAcG,eAAe;QAC7DT,aAAa,OAAO,GAAGU;QAGvB,MAAME,MAAMF,UAAU,EAAE,CAAC,iBAAiB;YACtCX,YAAYW;QAChB;QAEA,OAAO;YACHE;YACAF,UAAU,OAAO;QACrB;IACJ,GAAG;QAACZ;QAAWC;KAAY;IAE3B,OAAO;AACX"}

package/DocumentEditor/DocumentEditor.d.ts

@@ -7,8 +7,9 @@ interface DocumentEditorProps<TDocument> {
     document: TDocument;
     name: string;
     children?: React.ReactNode;
+    readOnly: boolean;
 }
-declare function BaseDocumentEditor<TDocument extends EditorDocument>({ document, name, children }: DocumentEditorProps<TDocument>): React.JSX.Element;
+declare function BaseDocumentEditor<TDocument extends EditorDocument>({ document, name, children, readOnly }: DocumentEditorProps<TDocument>): React.JSX.Element;
 export declare const DocumentEditor: typeof BaseDocumentEditor & {
     displayName: string;
 };

package/DocumentEditor/DocumentEditor.js

@@ -1,37 +1,37 @@
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import { HTML5Backend } from "react-dnd-html5-backend";
 import { DndProvider } from "react-dnd";
-import { Editor as EditorComponent } from "../BaseEditor/components/index.js";
-import { Editor } from "../editorSdk/Editor.js";
+import { Editor } from "../BaseEditor/components/index.js";
+import { Editor as Editor_js_Editor } from "../editorSdk/Editor.js";
 import { observer } from "mobx-react-lite";
 import { StateInspector } from "./StateInspector.js";
 import { CompositionScope } from "@webiny/react-composition";
 import { DialogsProvider } from "@webiny/app-admin";
-export const DocumentEditorContext = /*#__PURE__*/React.createContext(undefined);
-export function useDocumentEditor() {
-  const context = React.useContext(DocumentEditorContext);
-  if (!context) {
-    throw new Error("useDocumentEditor must be used within a <DocumentEditor /> context!");
-  }
-  return context;
+const DocumentEditorContext = /*#__PURE__*/ react.createContext(void 0);
+function useDocumentEditor() {
+    const context = react.useContext(DocumentEditorContext);
+    if (!context) throw new Error("useDocumentEditor must be used within a <DocumentEditor /> context!");
+    return context;
 }
-function BaseDocumentEditor({
-  document,
-  name,
-  children
-}) {
-  const editor = useMemo(() => new Editor(document), [document]);
-  return /*#__PURE__*/React.createElement(DndProvider, {
-    backend: HTML5Backend
-  }, /*#__PURE__*/React.createElement(StateInspector, {
-    editor: editor
-  }), /*#__PURE__*/React.createElement(DocumentEditorContext.Provider, {
-    value: editor
-  }, /*#__PURE__*/React.createElement(DialogsProvider, null, children ? /*#__PURE__*/React.createElement(React.Fragment, null, children) : null, /*#__PURE__*/React.createElement(CompositionScope, {
-    name: name
-  }, /*#__PURE__*/React.createElement(EditorComponent, null)))));
+function BaseDocumentEditor({ document, name, children, readOnly }) {
+    const editor = useMemo(()=>new Editor_js_Editor(document, {
+            isReadOnly: readOnly
+        }), [
+        document,
+        readOnly
+    ]);
+    return /*#__PURE__*/ react.createElement(DndProvider, {
+        backend: HTML5Backend
+    }, /*#__PURE__*/ react.createElement(StateInspector, {
+        editor: editor
+    }), /*#__PURE__*/ react.createElement(DocumentEditorContext.Provider, {
+        value: editor
+    }, /*#__PURE__*/ react.createElement(DialogsProvider, null, children ? /*#__PURE__*/ react.createElement(react.Fragment, null, children) : null, /*#__PURE__*/ react.createElement(CompositionScope, {
+        name: name
+    }, /*#__PURE__*/ react.createElement(Editor, null)))));
 }
 const WithObserver = observer(BaseDocumentEditor);
-export const DocumentEditor = WithObserver;
+const DocumentEditor = WithObserver;
+export { DocumentEditor, DocumentEditorContext, useDocumentEditor };
 
 //# sourceMappingURL=DocumentEditor.js.map

package/DocumentEditor/DocumentEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","HTML5Backend","DndProvider","Editor","EditorComponent","observer","StateInspector","CompositionScope","DialogsProvider","DocumentEditorContext","createContext","undefined","useDocumentEditor","context","useContext","Error","BaseDocumentEditor","document","name","children","editor","createElement","backend","Provider","value","Fragment","WithObserver","DocumentEditor"],"sources":["DocumentEditor.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { EditorDocument } from \"@webiny/website-builder-sdk\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { Editor as EditorComponent } from \"~/BaseEditor/components/index.js\";\nimport { Editor } from \"~/editorSdk/Editor.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { StateInspector } from \"./StateInspector.js\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { DialogsProvider } from \"@webiny/app-admin\";\n\nexport const DocumentEditorContext = React.createContext<Editor<any> | undefined>(undefined);\n\nexport function useDocumentEditor<TDocument extends EditorDocument>() {\n    const context = React.useContext(DocumentEditorContext);\n    if (!context) {\n        throw new Error(\"useDocumentEditor must be used within a <DocumentEditor /> context!\");\n    }\n    return context as Editor<TDocument>;\n}\n\ninterface DocumentEditorProps<TDocument> {\n    document: TDocument;\n    name: string;\n    children?: React.ReactNode;\n}\n\nfunction BaseDocumentEditor<TDocument extends EditorDocument>({\n    document,\n    name,\n    children\n}: DocumentEditorProps<TDocument>) {\n    const editor = useMemo(() => new Editor<TDocument>(document), [document]);\n\n    return (\n        <DndProvider backend={HTML5Backend}>\n            <StateInspector editor={editor} />\n            <DocumentEditorContext.Provider value={editor as Editor<TDocument>}>\n                <DialogsProvider>\n                    {children ? <>{children}</> : null}\n                    <CompositionScope name={name}>\n                        <EditorComponent />\n                    </CompositionScope>\n                </DialogsProvider>\n            </DocumentEditorContext.Provider>\n        </DndProvider>\n    );\n}\n\nconst WithObserver = observer(BaseDocumentEditor);\n\nexport const DocumentEditor = WithObserver;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,MAAM,IAAIC,eAAe;AAClC,SAASD,MAAM;AACf,SAASE,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,cAAc;AACvB,SAASC,gBAAgB,QAAQ,2BAA2B;AAC5D,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,OAAO,MAAMC,qBAAqB,gBAAGV,KAAK,CAACW,aAAa,CAA0BC,SAAS,CAAC;AAE5F,OAAO,SAASC,iBAAiBA,CAAA,EAAqC;EAClE,MAAMC,OAAO,GAAGd,KAAK,CAACe,UAAU,CAACL,qBAAqB,CAAC;EACvD,IAAI,CAACI,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,qEAAqE,CAAC;EAC1F;EACA,OAAOF,OAAO;AAClB;AAQA,SAASG,kBAAkBA,CAAmC;EAC1DC,QAAQ;EACRC,IAAI;EACJC;AAC4B,CAAC,EAAE;EAC/B,MAAMC,MAAM,GAAGpB,OAAO,CAAC,MAAM,IAAIG,MAAM,CAAYc,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEzE,oBACIlB,KAAA,CAAAsB,aAAA,CAACnB,WAAW;IAACoB,OAAO,EAAErB;EAAa,gBAC/BF,KAAA,CAAAsB,aAAA,CAACf,cAAc;IAACc,MAAM,EAAEA;EAAO,CAAE,CAAC,eAClCrB,KAAA,CAAAsB,aAAA,CAACZ,qBAAqB,CAACc,QAAQ;IAACC,KAAK,EAAEJ;EAA4B,gBAC/DrB,KAAA,CAAAsB,aAAA,CAACb,eAAe,QACXW,QAAQ,gBAAGpB,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAA0B,QAAA,QAAGN,QAAW,CAAC,GAAG,IAAI,eAClCpB,KAAA,CAAAsB,aAAA,CAACd,gBAAgB;IAACW,IAAI,EAAEA;EAAK,gBACzBnB,KAAA,CAAAsB,aAAA,CAACjB,eAAe,MAAE,CACJ,CACL,CACW,CACvB,CAAC;AAEtB;AAEA,MAAMsB,YAAY,GAAGrB,QAAQ,CAACW,kBAAkB,CAAC;AAEjD,OAAO,MAAMW,cAAc,GAAGD,YAAY","ignoreList":[]}
+{"version":3,"file":"DocumentEditor/DocumentEditor.js","sources":["../../src/DocumentEditor/DocumentEditor.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { EditorDocument } from \"@webiny/website-builder-sdk\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { Editor as EditorComponent } from \"~/BaseEditor/components/index.js\";\nimport { Editor } from \"~/editorSdk/Editor.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { StateInspector } from \"./StateInspector.js\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { DialogsProvider } from \"@webiny/app-admin\";\n\nexport const DocumentEditorContext = React.createContext<Editor<any> | undefined>(undefined);\n\nexport function useDocumentEditor<TDocument extends EditorDocument>() {\n    const context = React.useContext(DocumentEditorContext);\n    if (!context) {\n        throw new Error(\"useDocumentEditor must be used within a <DocumentEditor /> context!\");\n    }\n    return context as Editor<TDocument>;\n}\n\ninterface DocumentEditorProps<TDocument> {\n    document: TDocument;\n    name: string;\n    children?: React.ReactNode;\n    // Required for now. When use case with possibly not read-only arises, put it to optional.\n    readOnly: boolean;\n}\n\nfunction BaseDocumentEditor<TDocument extends EditorDocument>({\n    document,\n    name,\n    children,\n    readOnly\n}: DocumentEditorProps<TDocument>) {\n    const editor = useMemo(() => {\n        return new Editor<TDocument>(document, {\n            isReadOnly: readOnly\n        });\n    }, [document, readOnly]);\n\n    return (\n        <DndProvider backend={HTML5Backend}>\n            <StateInspector editor={editor} />\n            <DocumentEditorContext.Provider value={editor as Editor<TDocument>}>\n                <DialogsProvider>\n                    {children ? <>{children}</> : null}\n                    <CompositionScope name={name}>\n                        <EditorComponent />\n                    </CompositionScope>\n                </DialogsProvider>\n            </DocumentEditorContext.Provider>\n        </DndProvider>\n    );\n}\n\nconst WithObserver = observer(BaseDocumentEditor);\n\nexport const DocumentEditor = WithObserver;\n"],"names":["DocumentEditorContext","React","undefined","useDocumentEditor","context","Error","BaseDocumentEditor","document","name","children","readOnly","editor","useMemo","Editor","DndProvider","HTML5Backend","StateInspector","DialogsProvider","CompositionScope","EditorComponent","WithObserver","observer","DocumentEditor"],"mappings":";;;;;;;;;AAWO,MAAMA,wBAAwB,WAAHA,GAAGC,MAAAA,aAAmB,CAA0BC;AAE3E,SAASC;IACZ,MAAMC,UAAUH,MAAAA,UAAgB,CAACD;IACjC,IAAI,CAACI,SACD,MAAM,IAAIC,MAAM;IAEpB,OAAOD;AACX;AAUA,SAASE,mBAAqD,EAC1DC,QAAQ,EACRC,IAAI,EACJC,QAAQ,EACRC,QAAQ,EACqB;IAC7B,MAAMC,SAASC,QAAQ,IACZ,IAAIC,iBAAkBN,UAAU;YACnC,YAAYG;QAChB,IACD;QAACH;QAAUG;KAAS;IAEvB,OAAO,WAAP,GACI,oBAACI,aAAWA;QAAC,SAASC;qBAClB,oBAACC,gBAAcA;QAAC,QAAQL;sBACxB,oBAACX,sBAAsB,QAAQ;QAAC,OAAOW;qBACnC,oBAACM,iBAAeA,MACXR,WAAW,WAAXA,GAAW,0CAAGA,YAAe,oBAC9B,oBAACS,kBAAgBA;QAAC,MAAMV;qBACpB,oBAACW,QAAeA;AAMxC;AAEA,MAAMC,eAAeC,SAASf;AAEvB,MAAMgB,iBAAiBF"}

package/DocumentEditor/StateInspector.js

@@ -1,26 +1,23 @@
-import React from "react";
+import react from "react";
 import { toJS } from "mobx";
 import { observer } from "mobx-react-lite";
 import { DevToolsSection } from "@webiny/app-admin";
-function BaseStateInspector({
-  editor
-}) {
-  // toJS() deep-reads every observable property, which makes MobX
-  // track them all and re-render this observer when anything changes.
-  const document = toJS(editor.getDocumentState().read());
-  const editorState = toJS(editor.getEditorState().read());
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DevToolsSection, {
-    name: "Document State",
-    group: "WB Page Editor",
-    data: document,
-    views: "raw"
-  }), /*#__PURE__*/React.createElement(DevToolsSection, {
-    name: "Editor State",
-    group: "WB Page Editor",
-    data: editorState,
-    views: "raw"
-  }));
+function BaseStateInspector({ editor }) {
+    const document = toJS(editor.getDocumentState().read());
+    const editorState = toJS(editor.getEditorState().read());
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(DevToolsSection, {
+        name: "Document State",
+        group: "WB Page Editor",
+        data: document,
+        views: "raw"
+    }), /*#__PURE__*/ react.createElement(DevToolsSection, {
+        name: "Editor State",
+        group: "WB Page Editor",
+        data: editorState,
+        views: "raw"
+    }));
 }
-export const StateInspector = observer(BaseStateInspector);
+const StateInspector = observer(BaseStateInspector);
+export { StateInspector };
 
 //# sourceMappingURL=StateInspector.js.map

package/DocumentEditor/StateInspector.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","toJS","observer","DevToolsSection","BaseStateInspector","editor","document","getDocumentState","read","editorState","getEditorState","createElement","Fragment","name","group","data","views","StateInspector"],"sources":["StateInspector.tsx"],"sourcesContent":["import React from \"react\";\nimport { toJS } from \"mobx\";\nimport { observer } from \"mobx-react-lite\";\nimport { DevToolsSection } from \"@webiny/app-admin\";\nimport type { EditorDocument } from \"@webiny/website-builder-sdk\";\nimport type { Editor } from \"~/editorSdk/Editor.js\";\n\nfunction BaseStateInspector<TDocument extends EditorDocument>({\n    editor\n}: {\n    editor: Editor<TDocument>;\n}) {\n    // toJS() deep-reads every observable property, which makes MobX\n    // track them all and re-render this observer when anything changes.\n    const document = toJS(editor.getDocumentState().read());\n    const editorState = toJS(editor.getEditorState().read());\n\n    return (\n        <>\n            <DevToolsSection\n                name={\"Document State\"}\n                group={\"WB Page Editor\"}\n                data={document}\n                views={\"raw\"}\n            />\n            <DevToolsSection\n                name={\"Editor State\"}\n                group={\"WB Page Editor\"}\n                data={editorState}\n                views={\"raw\"}\n            />\n        </>\n    );\n}\n\nexport const StateInspector = observer(BaseStateInspector);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,MAAM;AAC3B,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,eAAe,QAAQ,mBAAmB;AAInD,SAASC,kBAAkBA,CAAmC;EAC1DC;AAGJ,CAAC,EAAE;EACC;EACA;EACA,MAAMC,QAAQ,GAAGL,IAAI,CAACI,MAAM,CAACE,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;EACvD,MAAMC,WAAW,GAAGR,IAAI,CAACI,MAAM,CAACK,cAAc,CAAC,CAAC,CAACF,IAAI,CAAC,CAAC,CAAC;EAExD,oBACIR,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACIZ,KAAA,CAAAW,aAAA,CAACR,eAAe;IACZU,IAAI,EAAE,gBAAiB;IACvBC,KAAK,EAAE,gBAAiB;IACxBC,IAAI,EAAET,QAAS;IACfU,KAAK,EAAE;EAAM,CAChB,CAAC,eACFhB,KAAA,CAAAW,aAAA,CAACR,eAAe;IACZU,IAAI,EAAE,cAAe;IACrBC,KAAK,EAAE,gBAAiB;IACxBC,IAAI,EAAEN,WAAY;IAClBO,KAAK,EAAE;EAAM,CAChB,CACH,CAAC;AAEX;AAEA,OAAO,MAAMC,cAAc,GAAGf,QAAQ,CAACE,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"file":"DocumentEditor/StateInspector.js","sources":["../../src/DocumentEditor/StateInspector.tsx"],"sourcesContent":["import React from \"react\";\nimport { toJS } from \"mobx\";\nimport { observer } from \"mobx-react-lite\";\nimport { DevToolsSection } from \"@webiny/app-admin\";\nimport type { EditorDocument } from \"@webiny/website-builder-sdk\";\nimport type { Editor } from \"~/editorSdk/Editor.js\";\n\nfunction BaseStateInspector<TDocument extends EditorDocument>({\n    editor\n}: {\n    editor: Editor<TDocument>;\n}) {\n    // toJS() deep-reads every observable property, which makes MobX\n    // track them all and re-render this observer when anything changes.\n    const document = toJS(editor.getDocumentState().read());\n    const editorState = toJS(editor.getEditorState().read());\n\n    return (\n        <>\n            <DevToolsSection\n                name={\"Document State\"}\n                group={\"WB Page Editor\"}\n                data={document}\n                views={\"raw\"}\n            />\n            <DevToolsSection\n                name={\"Editor State\"}\n                group={\"WB Page Editor\"}\n                data={editorState}\n                views={\"raw\"}\n            />\n        </>\n    );\n}\n\nexport const StateInspector = observer(BaseStateInspector);\n"],"names":["BaseStateInspector","editor","document","toJS","editorState","DevToolsSection","StateInspector","observer"],"mappings":";;;;AAOA,SAASA,mBAAqD,EAC1DC,MAAM,EAGT;IAGG,MAAMC,WAAWC,KAAKF,OAAO,gBAAgB,GAAG,IAAI;IACpD,MAAMG,cAAcD,KAAKF,OAAO,cAAc,GAAG,IAAI;IAErD,OAAO,WAAP,GACI,wDACI,oBAACI,iBAAeA;QACZ,MAAM;QACN,OAAO;QACP,MAAMH;QACN,OAAO;sBAEX,oBAACG,iBAAeA;QACZ,MAAM;QACN,OAAO;QACP,MAAMD;QACN,OAAO;;AAIvB;AAEO,MAAME,iBAAiBC,SAASP"}

package/DocumentEditor/index.js

@@ -1,3 +1 @@
 export * from "./DocumentEditor.js";
-
-//# sourceMappingURL=index.js.map