@metapages/metapage 1.8.9 → 1.8.10

package/dist/metapage/metapageRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"metapageRenderer.d.ts","sourceRoot":"","sources":["../../src/metapage/metapageRenderer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAGxD,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAmGD,wBAAsB,cAAc,CAAC,KAAK,EAAE;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACtD,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,GAAG,OAAO,CAAC,sBAAsB,CAAC,CA4NlC"}
+{"version":3,"file":"metapageRenderer.d.ts","sourceRoot":"","sources":["../../src/metapage/metapageRenderer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAGxD,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA6FD,wBAAsB,cAAc,CAAC,KAAK,EAAE;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACtD,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,GAAG,OAAO,CAAC,sBAAsB,CAAC,CA8PlC"}

package/dist/metapage/metapageRenderer.js

@@ -1,18 +1,12 @@
-import { MetapageEvents as W } from "./events.js";
-import { Metapage as I } from "./Metapage.js";
-import { pageLoaded as N } from "./MetapageTools.js";
-import { getMetapageDefinitionFromUrl as P } from "./util.js";
-function T(a) {
-  if (!a.startsWith("data:"))
-    return !1;
-  try {
-    return new URL(a).pathname.split(";")[0].split(";")[1] === "type=metapage-divider";
-  } catch {
-    return !1;
-  }
+import { MetapageEvents as T } from "./events.js";
+import { Metapage as F } from "./Metapage.js";
+import { pageLoaded as J } from "./MetapageTools.js";
+import { getMetapageDefinitionFromUrl as R } from "./util.js";
+function $(r) {
+  return r.startsWith("data:") ? r.includes("type=metapage-divider") : !1;
 }
-function U(a) {
-  const i = JSON.parse(JSON.stringify(a));
+function W(r) {
+  const i = JSON.parse(JSON.stringify(r));
   i.meta || (i.meta = {}), i.meta.layouts || (i.meta.layouts = {}), i.meta.layouts["react-grid-layout"] || (i.meta.layouts["react-grid-layout"] = {
     docs: "https://www.npmjs.com/package/react-grid-layout",
     props: {
@@ -23,141 +17,155 @@ function U(a) {
     },
     layout: []
   });
-  const r = i.meta.layouts["react-grid-layout"];
+  const t = i.meta.layouts["react-grid-layout"];
   if (i.metaframes) {
-    Object.keys(i.metaframes).forEach((t) => {
-      if (!r.layout.some((c) => c.i === t)) {
-        const c = r.layout.length > 0 ? Math.max(...r.layout.map((h) => (h.y || 0) + (h.h || 2))) : 0;
-        r.layout.push({
-          i: t,
+    Object.keys(i.metaframes).forEach((a) => {
+      if (!t.layout.some((l) => l.i === a)) {
+        const l = t.layout.length > 0 ? Math.max(...t.layout.map((o) => (o.y || 0) + (o.h || 2))) : 0;
+        t.layout.push({
+          i: a,
           x: 0,
-          y: c,
-          w: r.props.cols,
-          h: T(i.metaframes[t].url) ? 1 : 3
+          y: l,
+          w: t.props.cols,
+          h: $(i.metaframes[a].url) ? 1 : 3
         });
       }
     });
-    const m = new Set(Object.keys(i.metaframes));
-    r.layout = r.layout.filter((t) => m.has(t.i)), r.layout.forEach((t) => {
-      t.x = t.x || 0, t.y = t.y || 0, t.w = t.w || 1, t.h = t.h || 1;
+    const f = new Set(Object.keys(i.metaframes));
+    t.layout = t.layout.filter((a) => f.has(a.i)), t.layout.forEach((a) => {
+      a.x = a.x || 0, a.y = a.y || 0, a.w = a.w || 1, a.h = a.h || 1;
     });
   }
   return i;
 }
-async function q(a) {
-  var C, O, $, H;
-  let { url: i, definition: r, onOutputs: m, rootDiv: t, options: c = {} } = a;
-  if (!i && !r)
+async function Z(r) {
+  var b, C, O, j, S;
+  let { url: i, definition: t, onOutputs: f, rootDiv: a, options: l = {} } = r;
+  if (!i && !t)
     throw new Error("Either url or definition must be provided");
-  if (i && r)
+  if (i && t)
     throw new Error("Either url or definition must be provided, not both");
-  if (i && (r = await P(i)), !r)
+  if (i && (t = await R(i)), !t)
     throw new Error("Failed to fetch metapage definition");
-  const h = U(r), y = await A(h);
-  await N();
-  const s = new I();
-  s.debug = c.debug || !1;
+  t = W(t), t = await P(t), await J();
+  const o = new F();
+  o.debug = l.debug || !1;
   try {
-    await s.setDefinition(y);
+    await o.setDefinition(JSON.parse(JSON.stringify(t)));
   } catch (e) {
-    throw s.dispose(), new Error(`Failed to set metapage definition: ${e}`);
+    throw o.dispose(), new Error(`Failed to set metapage definition: ${e}`);
   }
-  const M = [];
-  m && M.push(s.addListenerReturnDisposer(W.Outputs, m));
-  const f = (O = (C = y == null ? void 0 : y.meta) == null ? void 0 : C.layouts) == null ? void 0 : O["react-grid-layout"], l = f == null ? void 0 : f.layout;
-  if (!f || !l)
+  const y = [];
+  f && y.push(o.addListenerReturnDisposer(T.Outputs, f));
+  const m = (C = (b = t == null ? void 0 : t.meta) == null ? void 0 : b.layouts) == null ? void 0 : C["react-grid-layout"], p = m == null ? void 0 : m.layout;
+  if (!m || !p)
     throw new Error("No valid layout found in metapage definition");
-  const { metaframesToHide: x } = (() => {
-    var w;
-    const e = l.map((o, p) => {
-      const S = s.getMetaframes()[o.i];
-      return S && T(S.url) ? { index: p, y: o.y, id: o.i } : null;
-    }).filter((o) => o !== null);
-    if (e.length === 0)
-      return { metaframesToHide: /* @__PURE__ */ new Set() };
-    const u = e.reduce((o, p) => p.y < o.y ? p : o), n = /* @__PURE__ */ new Set(), d = ((w = l.find((o) => o.i === u.id)) == null ? void 0 : w.y) ?? 0;
-    return l.forEach((o) => {
-      o.y >= d && n.add(o.i);
-    }), { metaframesToHide: n };
-  })(), b = Object.keys(s.getMetaframes()).filter((e) => !x.has(e)), j = l.filter((e) => b.includes(e.i)), k = Math.max(...j.map((e) => e.x + e.w)), L = Math.max(...j.map((e) => e.y + e.h)), R = {
+  const g = /* @__PURE__ */ new Set(), E = p.map((e, d) => {
+    const s = o.getMetaframes()[e.i];
+    return s && $(s.url) ? { index: d, y: e.y, id: e.i } : null;
+  }).filter((e) => e !== null);
+  if (E.length > 0) {
+    const e = E.reduce((s, n) => n.y < s.y ? n : s), d = ((O = p.find((s) => s.i === e.id)) == null ? void 0 : O.y) ?? 0;
+    p.forEach((s) => {
+      s.y >= d && g.add(s.i);
+    });
+  }
+  const M = o.getMetaframeIds().filter((e) => !g.has(e));
+  let u = p.filter((e) => M.includes(e.i));
+  if (u.length === 0)
+    return console.warn("No visible metaframes found"), {
+      setInputs: (e) => {
+        o.isDisposed() || o.setInputs(e);
+      },
+      dispose: () => {
+        y.forEach((e) => e()), o.dispose(), a.innerHTML = "";
+      }
+    };
+  u.sort((e, d) => e.y !== d.y ? e.y - d.y : e.x - d.x);
+  const H = Math.max(...u.map((e) => e.x + e.w));
+  Math.max(...u.map((e) => e.y + e.h));
+  const L = {
     display: "grid",
-    gridTemplateColumns: `repeat(${k}, 1fr)`,
-    gridTemplateRows: `repeat(${L}, minmax(0, 1fr))`,
-    gap: `${(($ = f.props.margin) == null ? void 0 : $[0]) || 10}px`,
+    gridTemplateColumns: `repeat(${Math.max(1, H)}, 1fr)`,
+    gridAutoRows: "minmax(100px, auto)",
+    gap: `${((j = m.props.margin) == null ? void 0 : j[0]) || 10}px`,
     width: "100%",
     height: "100%",
-    padding: ((H = f.props.containerPadding) == null ? void 0 : H[0]) || 0,
+    padding: ((S = m.props.containerPadding) == null ? void 0 : S[0]) || 0,
     minHeight: 0,
     alignContent: "stretch"
-  }, F = {
+  }, k = {
     width: "100%",
     height: "100%",
     overflow: "hidden",
     display: "flex",
     flexDirection: "column"
   };
-  t.innerHTML = "";
-  const g = document.createElement("div");
-  Object.assign(g.style, F);
-  const v = document.createElement("div");
-  Object.assign(v.style, R), b.forEach((e, u) => {
-    const n = l.find((p) => p.i === e);
-    if (!n)
+  a.innerHTML = "";
+  const h = document.createElement("div");
+  Object.assign(h.style, k);
+  const w = document.createElement("div");
+  Object.assign(w.style, L), M.forEach((e, d) => {
+    const s = p.find((N) => N.i === e);
+    if (!s)
       return;
-    const d = s.getMetaframes()[e];
-    if (!d)
+    const n = o.getMetaframes()[e];
+    if (!n)
       return;
-    const w = {
-      gridColumn: `${n.x + 1} / span ${n.w}`,
-      gridRow: `${n.y + 1} / span ${n.h}`,
+    const I = {
+      gridColumn: `${s.x + 1} / span ${s.w}`,
+      gridRow: `${s.y + 1} / span ${s.h}`,
       overflow: "hidden",
       width: "100%",
       minHeight: "100%",
       height: "100%",
-      border: c.hideFrameBorders ? "none" : "1px solid #e0e0e0"
-    }, o = document.createElement("iframe");
-    o.src = d.url, o.style.border = "none", Object.assign(o.style, w), v.appendChild(o);
+      border: l.hideFrameBorders ? "none" : "1px solid #e0e0e0",
+      position: "relative"
+    }, c = document.createElement("iframe");
+    c.src = n.url, c.style.border = "none", c.style.position = "absolute", c.style.top = "0", c.style.left = "0", c.style.width = "100%", c.style.height = "100%";
+    const x = document.createElement("div");
+    Object.assign(x.style, I), x.appendChild(c), w.appendChild(x);
   });
-  const E = document.createElement("div");
-  return E.style.display = "none", Object.keys(s.getMetaframes()).filter((e) => x.has(e)).forEach((e) => {
-    const u = s.getMetaframes()[e];
-    if (!u)
+  const v = document.createElement("div");
+  return v.style.display = "none", Object.keys(o.getMetaframes()).filter((e) => g.has(e)).forEach((e) => {
+    const d = o.getMetaframes()[e];
+    if (!d)
       return;
-    const n = document.createElement("div");
-    n.setAttribute("data-metaframe-id", e);
-    const d = document.createElement("iframe");
-    d.src = u.url, d.style.border = "none", d.style.height = "100%", d.style.width = "100%", d.style.overflow = "clip", n.appendChild(d), E.appendChild(n);
-  }), g.appendChild(v), g.appendChild(E), t.appendChild(g), {
+    const s = document.createElement("div");
+    s.setAttribute("data-metaframe-id", e);
+    const n = document.createElement("iframe");
+    n.src = d.url, n.style.border = "none", n.style.height = "100%", n.style.width = "100%", n.style.overflow = "clip", s.appendChild(n), v.appendChild(s);
+  }), h.appendChild(w), h.appendChild(v), a.appendChild(h), {
     setInputs: (e) => {
-      s.isDisposed() || s.setInputs(e);
+      o.isDisposed() || o.setInputs(e);
     },
     dispose: () => {
-      M.forEach((e) => e()), s.dispose(), t.innerHTML = "";
+      y.forEach((e) => e()), o.dispose(), a.innerHTML = "";
     }
   };
 }
-const Y = (a) => {
-  var r;
-  if (!a)
+const A = (r) => {
+  var t;
+  if (!r)
     return;
-  typeof a == "string" && (a.startsWith("/") && (a = "https://metapage.io" + a), a = new URL(a));
-  let i = (r = /\/m?f\/([0-9a-zA-Z-]{3,})\/?(metaframe\.json)?.*$/g.exec(a.pathname)) == null ? void 0 : r[1];
-  return i || (a.searchParams.get("mfk") ?? void 0);
-}, A = async (a) => {
-  if (!(a != null && a.metaframes))
-    return a;
-  for (const [i, r] of Object.entries(a.metaframes)) {
-    if (!(r.url.startsWith("https://metapage.io/mf/") || r.url.startsWith("https://metapage.io/f/")))
+  typeof r == "string" && (r.startsWith("/") && (r = "https://metapage.io" + r), r = new URL(r));
+  let i = (t = /\/m?f\/([0-9a-zA-Z-]{3,})\/?(metaframe\.json)?.*$/g.exec(r.pathname)) == null ? void 0 : t[1];
+  return i || (r.searchParams.get("mfk") ?? void 0);
+}, P = async (r) => {
+  if (!(r != null && r.metaframes))
+    return r;
+  for (const [i, t] of Object.entries(r.metaframes)) {
+    if (!(t.url.startsWith("https://metapage.io/mf/") || t.url.startsWith("https://metapage.io/f/")))
       continue;
-    const m = Y(r.url);
-    if (!m)
+    const f = A(t.url);
+    if (!f)
       continue;
-    const t = await fetch(`https://metapage.io/f/${m}/definition.json`).then((c) => c.json());
-    t != null && t.url && (r.url = t == null ? void 0 : t.url);
+    const a = await fetch(`https://metapage.io/f/${f}/definition.json`).then((l) => l.json());
+    a != null && a.url && (t.url = a == null ? void 0 : a.url);
   }
-  return a;
+  return r;
 };
 export {
-  q as renderMetapage
+  Z as renderMetapage
 };
 //# sourceMappingURL=metapageRenderer.js.map

package/dist/metapage/metapageRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"metapageRenderer.js","sources":["../../src/metapage/metapageRenderer.ts"],"sourcesContent":[null],"names":["isMetaframeDivider","url","validateLayout","definition","validated","layout","metaframeId","l","currentMaxY","allMetaframeIds","renderMetapage","props","onOutputs","rootDiv","options","getMetapageDefinitionFromUrl","validatedDefinition","processedDefinition","processMetapage","pageLoaded","metapage","Metapage","err","disposers","MetapageEvents","desktopLayoutBlob","_b","_a","metaframesToHide","dividers","item","index","metaframe","lowestYDivider","lowest","current","dividerY","visibleMetaframeIds","visibleLayoutItems","maxCol","maxRow","gridStyle","_c","_d","containerStyle","container","gridContainer","layoutItem","itemStyle","iframe","hiddenContainer","wrapper","inputs","disposer","getMetaframeKey","mfk","metapageDefinition","metaframeDefinition","r"],"mappings":"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"}
+{"version":3,"file":"metapageRenderer.js","sources":["../../src/metapage/metapageRenderer.ts"],"sourcesContent":[null],"names":["isMetaframeDivider","url","validateLayout","definition","validated","layout","metaframeId","currentMaxY","l","allMetaframeIds","renderMetapage","props","onOutputs","rootDiv","options","getMetapageDefinitionFromUrl","processMetapage","pageLoaded","metapage","Metapage","err","disposers","MetapageEvents","desktopLayoutBlob","_b","_a","metaframesToHide","dividers","item","index","metaframe","lowestYDivider","lowest","current","dividerY","_c","visibleMetaframeIds","visibleLayoutItems","inputs","disposer","a","b","maxCol","gridStyle","_d","_e","containerStyle","container","gridContainer","layoutItem","itemStyle","iframe","wrapper","hiddenContainer","getMetaframeKey","mfk","metapageDefinition","metaframeDefinition","r"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@metapages/metapage",
   "public": true,
-  "version": "1.8.9",
+  "version": "1.8.10",
   "description": "Connect web pages together",
   "repository": "https://github.com/metapages/metapage",
   "homepage": "https://metapage.io/",

package/src/metapage/metapageRenderer.ts

@@ -34,13 +34,7 @@ function isMetaframeDivider(url: string): boolean {
   if (!url.startsWith("data:")) {
     return false;
   }
-  try {
-    const parsed = new URL(url);
-    const mimetype = parsed.pathname.split(";")[0];
-    return mimetype.split(";")[1] === "type=metapage-divider";
-  } catch {
-    return false;
-  }
+  return url.includes("type=metapage-divider");
 }
 
 // Utility function to validate layout (simplified version)
@@ -118,14 +112,12 @@ function validateLayout(
  * and returns a function to set inputs and a dispose function
  */
 export async function renderMetapage(props: {
-  url?: string,
+  url?: string;
   definition?: MetapageDefinitionV2;
   onOutputs?: (outputs: MetapageInstanceInputs) => void;
   rootDiv: HTMLElement;
   options?: RenderingOptions;
 }): Promise<MetapageRendererResult> {
-
-  
   // Validate and clean the definition
   let { url, definition, onOutputs, rootDiv, options = {} } = props;
   if (!url && !definition) {
@@ -138,13 +130,13 @@ export async function renderMetapage(props: {
   if (url) {
     definition = await getMetapageDefinitionFromUrl(url);
   }
-  
+
   if (!definition) {
     throw new Error("Failed to fetch metapage definition");
   }
 
-  const validatedDefinition = validateLayout(definition);
-  const processedDefinition = await processMetapage(validatedDefinition);
+  definition = validateLayout(definition);
+  definition = await processMetapage(definition);
 
   // Wait for page to be loaded
   await pageLoaded();
@@ -154,7 +146,7 @@ export async function renderMetapage(props: {
   metapage.debug = options.debug || false;
 
   try {
-    await metapage.setDefinition(processedDefinition);
+    await metapage.setDefinition(JSON.parse(JSON.stringify(definition)));
   } catch (err) {
     metapage.dispose();
     throw new Error(`Failed to set metapage definition: ${err}`);
@@ -170,8 +162,7 @@ export async function renderMetapage(props: {
   }
 
   // Get the layout information
-  const desktopLayoutBlob =
-    processedDefinition?.meta?.layouts?.["react-grid-layout"];
+  const desktopLayoutBlob = definition?.meta?.layouts?.["react-grid-layout"];
   const layout = desktopLayoutBlob?.layout as LayoutItem[];
 
   if (!desktopLayoutBlob || !layout) {
@@ -179,23 +170,22 @@ export async function renderMetapage(props: {
   }
 
   // Find dividers and determine which metaframes to hide
-  const { metaframesToHide } = (() => {
-    // Find all dividers and their y positions
-    const dividers = layout
-      .map((item: LayoutItem, index: number) => {
-        const metaframe = metapage.getMetaframes()[item.i];
-        return metaframe && isMetaframeDivider(metaframe.url)
-          ? { index, y: item.y, id: item.i }
-          : null;
-      })
-      .filter(
-        (item): item is { index: number; y: number; id: string } =>
-          item !== null
-      );
-
-    // If no dividers found, return empty list
-    if (dividers.length === 0) return { metaframesToHide: new Set<string>() };
+  const metaframesToHide = new Set<string>();
+  
+  // Find all dividers and their y positions
+  const dividers = layout
+    .map((item: LayoutItem, index: number) => {
+      const metaframe = metapage.getMetaframes()[item.i];
+      return metaframe && isMetaframeDivider(metaframe.url)
+        ? { index, y: item.y, id: item.i }
+        : null;
+    })
+    .filter(
+      (item): item is { index: number; y: number; id: string } => item !== null
+    );
 
+  // If dividers found, determine which metaframes to hide
+  if (dividers.length > 0) {
     // Find the divider with the lowest y value
     const lowestYDivider = dividers.reduce(
       (
@@ -204,8 +194,6 @@ export async function renderMetapage(props: {
       ) => (current.y < lowest.y ? current : lowest)
     );
 
-    // Create a set of metaframe IDs to hide (divider and those below it)
-    const metaframesToHide = new Set<string>();
     const dividerY =
       layout.find((item: LayoutItem) => item.i === lowestYDivider.id)?.y ?? 0;
 
@@ -215,31 +203,61 @@ export async function renderMetapage(props: {
         metaframesToHide.add(item.i);
       }
     });
-
-    return { metaframesToHide };
-  })();
+  }
 
   // Get visible metaframes
-  const visibleMetaframeIds = Object.keys(metapage.getMetaframes()).filter(
-    (metaframeId) => !metaframesToHide.has(metaframeId)
-  );
+  const visibleMetaframeIds = metapage
+    .getMetaframeIds()
+    .filter((metaframeId) => !metaframesToHide.has(metaframeId));
 
   // Calculate grid dimensions based on visible metaframes only
-  const visibleLayoutItems = layout.filter((item: LayoutItem) =>
+  let visibleLayoutItems = layout.filter((item: LayoutItem) =>
     visibleMetaframeIds.includes(item.i)
   );
+  
+  // Handle case where no metaframes are visible
+  if (visibleLayoutItems.length === 0) {
+    console.warn("No visible metaframes found");
+    // Return early with empty result
+    return {
+      setInputs: (inputs: MetapageInstanceInputs) => {
+        if (!metapage.isDisposed()) {
+          metapage.setInputs(inputs);
+        }
+      },
+      dispose: () => {
+        disposers.forEach((disposer) => disposer());
+        metapage.dispose();
+        rootDiv.innerHTML = "";
+      },
+    };
+  }
+  
+  // Sort visible layout items by y position to ensure proper grid layout
+  visibleLayoutItems.sort((a, b) => {
+    if (a.y !== b.y) {
+      return a.y - b.y;
+    }
+    return a.x - b.x;
+  });
+  
+  // Calculate grid dimensions based on visible items only
   const maxCol = Math.max(
     ...visibleLayoutItems.map((item: LayoutItem) => item.x + item.w)
   );
+  
+  // For rows, we need to account for the fact that we're hiding items below the divider
+  // So we should use the actual visible items' positions
   const maxRow = Math.max(
     ...visibleLayoutItems.map((item: LayoutItem) => item.y + item.h)
   );
+  
 
   // Create grid container style
   const gridStyle = {
     display: "grid",
-    gridTemplateColumns: `repeat(${maxCol}, 1fr)`,
-    gridTemplateRows: `repeat(${maxRow}, minmax(0, 1fr))`,
+    gridTemplateColumns: `repeat(${Math.max(1, maxCol)}, 1fr)`,
+    gridAutoRows: "minmax(100px, auto)",
     gap: `${desktopLayoutBlob.props.margin?.[0] || 10}px`,
     width: "100%",
     height: "100%",
@@ -286,15 +304,25 @@ export async function renderMetapage(props: {
       minHeight: "100%",
       height: "100%",
       border: options.hideFrameBorders ? "none" : "1px solid #e0e0e0",
+      position: "relative" as const,
     };
 
     // Create iframe for the metaframe
     const iframe = document.createElement("iframe");
     iframe.src = metaframe.url;
     iframe.style.border = "none";
-    Object.assign(iframe.style, itemStyle);
-
-    gridContainer.appendChild(iframe);
+    iframe.style.position = "absolute";
+    iframe.style.top = "0";
+    iframe.style.left = "0";
+    iframe.style.width = "100%";
+    iframe.style.height = "100%";
+    
+    // Create wrapper div for proper grid positioning
+    const wrapper = document.createElement("div");
+    Object.assign(wrapper.style, itemStyle);
+    wrapper.appendChild(iframe);
+    
+    gridContainer.appendChild(wrapper);
   });
 
   // Create hidden container for hidden metaframes