@persona/layout-editor-remote-module 0.7.0 → 0.8.0

package/README.md

@@ -115,6 +115,11 @@ cannot derive itself:
 - `isReadOnly` — the host object is locked for edits
 - `isInEditor` — the module is rendered inside the layout editor rather than on a live record
 - `isUsingStubData` — the host is feeding placeholder/stub data instead of a real record
+- `dynamicHeight` — whether the host sizes the iframe to the height the bridge reports
+  (`RemoteModuleFrame`'s `dynamicHeight`). A module that fills a fixed-height iframe with viewport
+  units (`100vh`) should size to its content when it's set, or the reported height just follows the
+  iframe. `RemoteModuleFrame` sets it from its `dynamicHeight` prop, overriding any value in the
+  `context` prop.
 
 `context` is sent with `init` and pushed again whenever it changes, just like `data`; inside the
 iframe it arrives through `ready()`, `getContext()`, and the `context` render prop (all

package/dist/bridge-frame.d.mts

@@ -1,4 +1,4 @@
-import { n as Json, t as RemoteModuleContext } from "./protocol-BljV-Zhi.mjs";
+import { n as Json, t as RemoteModuleContext } from "./protocol-Dqnl8JTs.mjs";
 import { ReactNode } from "react";
 
 //#region src/bridge/origin.d.ts

package/dist/bridge-frame.mjs

@@ -1,4 +1,4 @@
-import { c as resolveAllowedHostOrigins, n as SOURCE, o as candidateParentOrigin, r as parseHostToModuleMessage, s as personaDashboardHostOrigins, t as PROTOCOL_VERSION } from "./protocol-Dr_M54Kt.mjs";
+import { c as resolveAllowedHostOrigins, n as SOURCE, o as candidateParentOrigin, r as parseHostToModuleMessage, s as personaDashboardHostOrigins, t as PROTOCOL_VERSION } from "./protocol-D_pdVZjs.mjs";
 import { Component, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/bridge-host.d.mts

@@ -1,4 +1,4 @@
-import { n as Json, t as RemoteModuleContext } from "./protocol-BljV-Zhi.mjs";
+import { n as Json, t as RemoteModuleContext } from "./protocol-Dqnl8JTs.mjs";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/bridge/host/buildModuleSrc.d.ts

package/dist/bridge-host.mjs

@@ -1,4 +1,4 @@
-import { a as assertNotSelfOrigin, i as parseModuleToHostMessage, n as SOURCE, t as PROTOCOL_VERSION } from "./protocol-Dr_M54Kt.mjs";
+import { a as assertNotSelfOrigin, i as parseModuleToHostMessage, n as SOURCE, t as PROTOCOL_VERSION } from "./protocol-D_pdVZjs.mjs";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -139,16 +139,23 @@ function createHostBridge({ iframe, moduleOrigin, getData, getContext, resolveDa
 
 //#endregion
 //#region src/bridge/host/RemoteModuleFrame.tsx
+function withDynamicHeight(context, dynamicHeight) {
+	return {
+		...context,
+		dynamicHeight
+	};
+}
 function RemoteModuleFrame({ documentUrl, moduleOrigin, accessToken, environmentId, locale, extraParams, title, sandbox, referrerPolicy = "no-referrer", initRetryMs, initRetryTimeoutMs, dynamicHeight = false, heightOffset = 0, minHeight, className, style, data, context, resolveDataPath, onRenderError }) {
 	const iframeRef = useRef(null);
 	const dataRef = useRef(data);
-	const contextRef = useRef(context);
+	const contextRef = useRef(withDynamicHeight(context, dynamicHeight));
 	const onRenderErrorRef = useRef(onRenderError);
 	const resolveDataPathRef = useRef(resolveDataPath);
 	const bridgeRef = useRef(void 0);
 	const [height, setHeight] = useState();
+	const hostContext = useMemo(() => withDynamicHeight(context, dynamicHeight), [context, dynamicHeight]);
 	dataRef.current = data;
-	contextRef.current = context;
+	contextRef.current = hostContext;
 	onRenderErrorRef.current = onRenderError;
 	resolveDataPathRef.current = resolveDataPath;
 	const src = useMemo(() => buildModuleSrc(documentUrl, {
@@ -194,8 +201,8 @@ function RemoteModuleFrame({ documentUrl, moduleOrigin, accessToken, environment
 		bridgeRef.current?.pushData(data);
 	}, [data]);
 	useEffect(() => {
-		bridgeRef.current?.pushContext(context);
-	}, [context]);
+		bridgeRef.current?.pushContext(hostContext);
+	}, [hostContext]);
 	const computedHeight = dynamicHeight && height !== void 0 ? `${Math.max(height + heightOffset, minHeight ?? 0)}px` : minHeight === void 0 ? "100%" : `${minHeight}px`;
 	return /* @__PURE__ */ jsx("iframe", {
 		ref: iframeRef,

package/dist/{protocol-Dr_M54Kt.mjs → protocol-D_pdVZjs.mjs}

@@ -156,7 +156,8 @@ const remoteModuleContextSchema = z.object({
 	layoutObjectId: z.string().nullable(),
 	isReadOnly: z.boolean(),
 	isInEditor: z.boolean(),
-	isUsingStubData: z.boolean()
+	isUsingStubData: z.boolean(),
+	dynamicHeight: z.boolean().optional()
 });
 const moduleToHostMessageSchema = z.discriminatedUnion("type", [
 	readySchema,

package/dist/{protocol-BljV-Zhi.d.mts → protocol-Dqnl8JTs.d.mts}

@@ -20,6 +20,7 @@ declare const remoteModuleContextSchema: z.ZodObject<{
   isReadOnly: z.ZodBoolean;
   isInEditor: z.ZodBoolean;
   isUsingStubData: z.ZodBoolean;
+  dynamicHeight: z.ZodOptional<z.ZodBoolean>;
 }, z.core.$strip>;
 type RemoteModuleContext = z.infer<typeof remoteModuleContextSchema>;
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@persona/layout-editor-remote-module",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Shared manifest format, Vite plugin, and host/iframe bridge for remotely-defined dashboard layout modules in Persona dashboard apps.",
   "license": "SEE LICENSE",
   "type": "module",