@mondaydotcomorg/z2h-cli 0.12.1 → 0.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mondaydotcomorg/z2h-cli",
-  "version": "0.12.1",
+  "version": "0.13.0",
   "bin": "./bin/z2h-cli.js",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/templates/app/html-index.tsx.tmpl

@@ -1,18 +1,30 @@
-// HTML-embed entrypoint. Renders src/page.html in an iframe, with the file
-// imported via Vite's `?url` suffix so Vite's dev server hosts it at
-// /src/page.html (and copies it to /assets/ at build time). Same-origin
-// (the URL lives under whatever host is rendering the app), so the page's
-// fetch() calls carry bigbrain.me auth cookies normally.
-//
-// The iframe gives the page its own document — scripts execute natively,
-// CSS/JS is fully isolated from the host React app, no script reinjection
-// logic needed.
-import React from 'react';
+import React, { useRef, useEffect } from 'react';
+import { getBigBrainAPI } from '@mondaydotcomorg/trident-runtime';
 import pageUrl from './page.html?url';
 
+const BACKEND_SUBDOMAIN = 'bigbrain-zth';
+
+function getBackendBaseUrl(): string | null {
+  const base = getBigBrainAPI()?.contextService?.bigbrainBaseUrl;
+  return base ? base.replace('//', `//${BACKEND_SUBDOMAIN}.`) : null;
+}
+
 export default function __APP_COMPONENT__() {
+  const iframeRef = useRef<HTMLIFrameElement>(null);
+  useEffect(() => {
+    const handleMessage = (event: MessageEvent) => {
+      if (!iframeRef.current || event.source !== iframeRef.current.contentWindow) return;
+      if (event.data?.type !== 'z2h:getConfig') return;
+      const baseUrl = getBackendBaseUrl();
+      if (!baseUrl) return;
+      (event.source as Window).postMessage({ type: 'z2h:config', baseUrl }, event.origin);
+    };
+    window.addEventListener('message', handleMessage);
+    return () => window.removeEventListener('message', handleMessage);
+  }, []);
   return (
     <iframe
+      ref={iframeRef}
       src={pageUrl}
       title="App"
       style={{ width: '100vw', height: '100vh', border: 'none', display: 'block' }}