Editor and Canvas communication with postMessage

apps/page-builder-demo/src/app/DocumenWidgetInline.tsx

@@ -33,8 +33,22 @@ export const DocumentWidgetInline: React.FC<{
       }
     }
 
+    function handleMessageParentWindow(event: MessageEvent) {
+      if (event.data?.type?.includes("@easyblocks-editor")) {
+        editorIframeNode?.contentWindow?.postMessage(
+          {
+            type: event.data.type,
+            payload: event.data.payload,
+          },
+          "*"
+        );
+      }
+    }
+
     editorIframeNode?.contentWindow?.addEventListener("message", handleMessage);
 
+    window.addEventListener("message", handleMessageParentWindow);
+
     return () => {
       editorIframeNode?.contentWindow?.removeEventListener(
         "message",

packages/core/src/_internals.ts

@@ -27,6 +27,7 @@ export type {
   EditorContextType,
   InternalComponentDefinition,
   InternalRenderableComponentDefinition,
+  EditorActions,
 } from "./compiler/types";
 export {
   EasyblocksMetadataProvider,
@@ -39,3 +40,7 @@ export {
 } from "./components/ComponentBuilder/ComponentBuilder";
 export { createTestCompilationContext, createFormMock } from "./testUtils";
 export * from "./compiler/builtins/$richText/builders";
+export {
+  EasyblocksCanvasProvider,
+  useEasyblocksCanvasContext,
+} from "./components/EasyblocksCanvasProvider";