npm - @glassly/engine - Versions diffs - 0.3.7-dev.894 → 0.3.7-dev.895 - Mend

@glassly/engine 0.3.7-dev.894 → 0.3.7-dev.895

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/build/generated/releaseMetadata.js +3 -3
package/build/generated/releaseMetadata.js.map +1 -1
package/build/utils/miniappGlobals.d.ts +13 -17
package/build/utils/miniappGlobals.d.ts.map +1 -1
package/build/utils/miniappGlobals.js +24 -56
package/build/utils/miniappGlobals.js.map +1 -1
package/package.json +7 -7
package/src/generated/releaseMetadata.ts +3 -3
package/src/utils/miniappGlobals.ts +32 -64

package/build/generated/releaseMetadata.js CHANGED Viewed

@@ -1,9 +1,9 @@
 export const ENGINE_RELEASE_METADATA = Object.freeze({
     "schemaVersion": 1,
     "familyBaseVersion": "0.3.7",
-    "releaseIdentity": "0.3.7-dev.894",
-    "releaseSetId": "glassly-0.3.7-dev.894",
-    "sourceCommit": "c85c8d91f155af711ef6315801faef9652a5a789",
+    "releaseIdentity": "0.3.7-dev.895",
+    "releaseSetId": "glassly-0.3.7-dev.895",
+    "sourceCommit": "251fd15bfc9bfedd0d7ad78b78bf2843767d80d6",
     "otaManifestUrl": null,
     "otaManifestSha256": null
 });

package/build/generated/releaseMetadata.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"releaseMetadata.js","sourceRoot":"","sources":["../../src/generated/releaseMetadata.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,MAAM,uBAAuB,GAAoC,MAAM,CAAC,MAAM,CAAC;IACpF,eAAe,EAAE,CAAC;IAClB,mBAAmB,EAAE,OAAO;IAC5B,iBAAiB,EAAE,eAAe;IAClC,cAAc,EAAE,uBAAuB;IACvC,cAAc,EAAE,0CAA0C;IAC1D,gBAAgB,EAAE,IAAI;IACtB,mBAAmB,EAAE,IAAI;CAC1B,CAAC,CAAA","sourcesContent":["/** Generated by release CI. Do not edit in a release checkout. */\nexport interface EngineReleaseMetadata {\n schemaVersion: 1\n familyBaseVersion: string \| null\n releaseIdentity: string \| null\n releaseSetId: string \| null\n sourceCommit: string \| null\n otaManifestUrl: string \| null\n otaManifestSha256: string \| null\n}\n\nexport const ENGINE_RELEASE_METADATA: Readonly<EngineReleaseMetadata> = Object.freeze({\n \"schemaVersion\": 1,\n \"familyBaseVersion\": \"0.3.7\",\n \"releaseIdentity\": \"0.3.7-dev.~~894~~\",\n \"releaseSetId\": \"glassly-0.3.7-dev.~~894~~\",\n \"sourceCommit\": \"~~c85c8d91f155af711ef6315801faef9652a5a789~~\",\n \"otaManifestUrl\": null,\n \"otaManifestSha256\": null\n})\n"]}
1	+ {"version":3,"file":"releaseMetadata.js","sourceRoot":"","sources":["../../src/generated/releaseMetadata.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,MAAM,uBAAuB,GAAoC,MAAM,CAAC,MAAM,CAAC;IACpF,eAAe,EAAE,CAAC;IAClB,mBAAmB,EAAE,OAAO;IAC5B,iBAAiB,EAAE,eAAe;IAClC,cAAc,EAAE,uBAAuB;IACvC,cAAc,EAAE,0CAA0C;IAC1D,gBAAgB,EAAE,IAAI;IACtB,mBAAmB,EAAE,IAAI;CAC1B,CAAC,CAAA","sourcesContent":["/** Generated by release CI. Do not edit in a release checkout. */\nexport interface EngineReleaseMetadata {\n schemaVersion: 1\n familyBaseVersion: string \| null\n releaseIdentity: string \| null\n releaseSetId: string \| null\n sourceCommit: string \| null\n otaManifestUrl: string \| null\n otaManifestSha256: string \| null\n}\n\nexport const ENGINE_RELEASE_METADATA: Readonly<EngineReleaseMetadata> = Object.freeze({\n \"schemaVersion\": 1,\n \"familyBaseVersion\": \"0.3.7\",\n \"releaseIdentity\": \"0.3.7-dev.895\",\n \"releaseSetId\": \"glassly-0.3.7-dev.895\",\n \"sourceCommit\": \"251fd15bfc9bfedd0d7ad78b78bf2843767d80d6\",\n \"otaManifestUrl\": null,\n \"otaManifestSha256\": null\n})\n"]}

package/build/utils/miniappGlobals.d.ts CHANGED Viewed

@@ -12,6 +12,11 @@ export interface MiniappSafeArea {
     left: number;
     right: number;
 }
+/**
+ * The host's capsule menu in the WebView's own coordinate space. `corner`
+ * floats over the page's top-right; `rail` sits in the iPhone Duo's status
+ * rail, inside the side safe-area inset and clear of the page content.
+ */
 export interface CapsuleMenuRect {
     top: number;
     right: number;
@@ -19,14 +24,8 @@ export interface CapsuleMenuRect {
     left: number;
     width: number;
     height: number;
+    placement: "corner" | "rail";
 }
-/**
- * @param topInsetOffset  extra top offset to add when the WebView container does
- *   NOT already pad by the safe-area inset (i.e. WebView fills edge-to-edge under
- *   the status bar). Pass `insets.top` in that case, or 0 when the container
- *   already applies top padding.
- */
-export declare function getCapsuleMenuRect(topInsetOffset?: number): CapsuleMenuRect;
 export type MiniappColorScheme = "light" | "dark";
 export interface BuildMiniappGlobalsOptions {
     packageName?: string;
@@ -34,21 +33,18 @@ export interface BuildMiniappGlobalsOptions {
     miniappLocal?: boolean;
     miniappDeveloperMode?: boolean;
     safeAreaInsets: MiniappSafeArea;
-    /**
-     * True when the WebView container renders edge-to-edge (no top padding for
-     * the status bar). In that case the capsule menu rect needs to shift down by
-     * the top inset so its coords match where it's actually drawn on screen.
-     */
-    webviewFillsStatusBar?: boolean;
+    /** Where the host draws its capsule menu over this WebView. */
+    capsuleMenu: CapsuleMenuRect;
     /** Current host color scheme. Miniapps may follow this to match the phone. */
     colorScheme?: MiniappColorScheme;
 }
 /**
- * JS to inject into a running miniapp when the host's safe area changes (an
- * iPhone Duo folding moves its status rail): updates window.Glassly and the
- * CSS variables, then fires `glassly:safe-area-change`.
+ * JS to inject into a running miniapp when the host's safe area or capsule
+ * menu moves (an iPhone Duo folding, or its rail's reserved regions growing):
+ * updates window.Glassly and the CSS variables, then fires
+ * `glassly:safe-area-change`.
  */
-export declare function buildSafeAreaUpdateScript(insets: MiniappSafeArea): string;
+export declare function buildSafeAreaUpdateScript(insets: MiniappSafeArea, capsuleMenu: CapsuleMenuRect): string;
 /**
  * Returns the JS string to inject into a miniapp WebView before its content
  * loads. Sets window.Glassly with the standard fields miniapps read:

package/build/utils/miniappGlobals.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"miniappGlobals.d.ts","sourceRoot":"","sources":["../../src/utils/miniappGlobals.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;~~CACf;AAaD;;;;;GAKG;AACH~~,~~wBAAgB~~,~~kBAAkB~~,~~CAAC~~,~~cAAc,SAAI,~~GAAG,~~eAAe~~,~~CAWtE~~;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,MAAM,CAAA;AAEjD,MAAM,WAAW,0BAA0B;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,cAAc,EAAE,eAAe,CAAA;IAC/B~~;;;;OAIG~~;~~IACH~~,~~qBAAqB~~,~~CAAC,~~EAAE,~~OAAO~~,CAAA;~~IAC/B~~,8EAA8E;IAC9E,WAAW,CAAC,EAAE,kBAAkB,CAAA;CACjC;~~AAWD;;;;GAIG~~;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,~~CAazE~~;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,0BAA0B,GAAG,MAAM,~~CAwKlF~~"}
1	+ {"version":3,"file":"miniappGlobals.d.ts","sourceRoot":"","sources":["../../src/utils/miniappGlobals.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,QAAQ,GAAG,MAAM,CAAA;CAC7B;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,MAAM,CAAA;AAEjD,MAAM,WAAW,0BAA0B;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,cAAc,EAAE,eAAe,CAAA;IAC/B,+DAA+D;IAC/D,WAAW,EAAE,eAAe,CAAA;IAC5B,8EAA8E;IAC9E,WAAW,CAAC,EAAE,kBAAkB,CAAA;CACjC;AAwBD;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,eAAe,EAAE,WAAW,EAAE,eAAe,GAAG,MAAM,CAcvG;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,0BAA0B,GAAG,MAAM,CAqJlF"}

package/build/utils/miniappGlobals.js CHANGED Viewed

@@ -6,55 +6,42 @@
  * this util is the one place that builds the globals so every WebView gets the
  * same API surface.
  */
-import { Dimensions, Platform } from "react-native";
-/**
- * The capsule menu bounding rect in the WebView's own coordinate space.
- *
- * Keep in sync with CapsuleMenu.tsx:
- *   - CapsuleButton height ≈ h-7.5 (30px), width ≈ 73px
- *   - Positioned at right-2 (8px), top = theme.spacing.s2 (8px) below insets.top
- */
-const CAPSULE_MENU_HEIGHT = 30;
-const CAPSULE_MENU_WIDTH = 73;
-const CAPSULE_MENU_PADDING = 8;
-/**
- * @param topInsetOffset  extra top offset to add when the WebView container does
- *   NOT already pad by the safe-area inset (i.e. WebView fills edge-to-edge under
- *   the status bar). Pass `insets.top` in that case, or 0 when the container
- *   already applies top padding.
- */
-export function getCapsuleMenuRect(topInsetOffset = 0) {
-    const screenWidth = Dimensions.get("window").width;
-    const top = topInsetOffset + CAPSULE_MENU_PADDING;
-    return {
-        top,
-        right: CAPSULE_MENU_PADDING,
-        bottom: top + CAPSULE_MENU_HEIGHT,
-        left: screenWidth - CAPSULE_MENU_PADDING - CAPSULE_MENU_WIDTH,
-        width: CAPSULE_MENU_WIDTH,
-        height: CAPSULE_MENU_HEIGHT,
-    };
-}
-function safeAreaCssVars(insets) {
+import { Platform } from "react-native";
+// CSS custom properties that mirror the safe-area and capsule menu data, so
+// miniapp CSS (or Tailwind arbitrary values) can read them without touching
+// JS: e.g. `style="margin-top: var(--glassly-capsule-top)"`.
+function layoutCssVars(insets, capsule) {
     return {
         "--glassly-safe-top": `${insets.top}px`,
         "--glassly-safe-bottom": `${insets.bottom}px`,
         "--glassly-safe-left": `${insets.left}px`,
         "--glassly-safe-right": `${insets.right}px`,
+        "--glassly-capsule-top": `${capsule.top}px`,
+        "--glassly-capsule-bottom": `${capsule.bottom}px`,
+        "--glassly-capsule-left": `${capsule.left}px`,
+        "--glassly-capsule-right": `${capsule.right}px`,
+        "--glassly-capsule-width": `${capsule.width}px`,
+        "--glassly-capsule-height": `${capsule.height}px`,
+        "--glassly-capsule-center-y": `${capsule.top + capsule.height / 2}px`,
+        // Right-side gutter to reserve so content doesn't slide under the
+        // capsule: its width + 16px breathing room, none when it sits in the rail.
+        "--glassly-capsule-gutter": `${capsule.placement === "rail" ? 0 : capsule.width + 16}px`,
     };
 }
 /**
- * JS to inject into a running miniapp when the host's safe area changes (an
- * iPhone Duo folding moves its status rail): updates window.Glassly and the
- * CSS variables, then fires `glassly:safe-area-change`.
+ * JS to inject into a running miniapp when the host's safe area or capsule
+ * menu moves (an iPhone Duo folding, or its rail's reserved regions growing):
+ * updates window.Glassly and the CSS variables, then fires
+ * `glassly:safe-area-change`.
  */
-export function buildSafeAreaUpdateScript(insets) {
-    const sets = Object.entries(safeAreaCssVars(insets))
+export function buildSafeAreaUpdateScript(insets, capsuleMenu) {
+    const sets = Object.entries(layoutCssVars(insets, capsuleMenu))
         .map(([k, v]) => `document.documentElement.style.setProperty(${JSON.stringify(k)}, ${JSON.stringify(v)});`)
         .join("\n      ");
     return `
     window.Glassly = window.Glassly || {};
     window.Glassly.safeAreaInsets = ${JSON.stringify(insets)};
+    window.Glassly.capsuleMenu = ${JSON.stringify(capsuleMenu)};
     try {
       ${sets}
     } catch (e) { /* ignore */ }
@@ -75,12 +62,11 @@ export function buildSafeAreaUpdateScript(insets) {
  * assign to it before the native bridge wires in.
  */
 export function buildMiniappGlobalsScript(opts) {
-    const capsuleTopOffset = opts.webviewFillsStatusBar ? opts.safeAreaInsets.top : 0;
     const globals = {
         platform: Platform.OS,
         capabilities: opts.capabilities ?? ["share", "open_url", "copy_clipboard", "download"],
         safeAreaInsets: opts.safeAreaInsets,
-        capsuleMenu: getCapsuleMenuRect(capsuleTopOffset),
+        capsuleMenu: opts.capsuleMenu,
     };
     if (opts.packageName)
         globals.packageName = opts.packageName;
@@ -90,25 +76,7 @@ export function buildMiniappGlobalsScript(opts) {
         globals.miniappDeveloperMode = true;
     if (opts.colorScheme)
         globals.colorScheme = opts.colorScheme;
-    // CSS custom properties that mirror the capsule menu / safe-area data.
-    // Miniapp CSS (or Tailwind arbitrary values) can read these without
-    // touching JS: e.g. `style="margin-top: var(--glassly-capsule-top)"`.
-    const capsule = globals.capsuleMenu;
-    const insets = opts.safeAreaInsets;
-    const capsuleCenter = capsule.top + capsule.height / 2;
-    const cssVars = {
-        ...safeAreaCssVars(insets),
-        "--glassly-capsule-top": `${capsule.top}px`,
-        "--glassly-capsule-bottom": `${capsule.bottom}px`,
-        "--glassly-capsule-left": `${capsule.left}px`,
-        "--glassly-capsule-right": `${capsule.right}px`,
-        "--glassly-capsule-width": `${capsule.width}px`,
-        "--glassly-capsule-height": `${capsule.height}px`,
-        "--glassly-capsule-center-y": `${capsuleCenter}px`,
-        // Right-side gutter to reserve so content doesn't slide under the
-        // capsule: capsule width + 16px breathing room.
-        "--glassly-capsule-gutter": `${capsule.width + 16}px`,
-    };
+    const cssVars = layoutCssVars(opts.safeAreaInsets, opts.capsuleMenu);
     const cssVarsBlock = Object.entries(cssVars)
         .map(([k, v]) => `${k}: ${v};`)
         .join(" ");

package/build/utils/miniappGlobals.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"miniappGlobals.js","sourceRoot":"","sources":["../../src/utils/miniappGlobals.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n miniappGlobals — shared builder for the window.Glassly globals injected\n * into every miniapp WebView.\n \n Miniapps run on-device, and LocalMiniappView is the single injection path;\n * this util is the one place that builds the globals so every WebView gets the\n * same API surface.\n /\n\nimport {Dimensions, Platform} from \"react-native\"\n\nexport interface MiniappSafeArea {\n top: number\n bottom: number\n left: number\n right: number\n}\n\nexport interface CapsuleMenuRect {\n top: number\n right: number\n bottom: number\n left: number\n width: number\n height: number\n}\n\n/\n The capsule menu bounding rect in the WebView's own coordinate space.\n \n Keep in sync with CapsuleMenu.tsx:\n * - CapsuleButton height ≈ h-7.5 (30px), width ≈ 73px\n * - Positioned at right-2 (8px), top = theme.spacing.s2 (8px) below insets.top\n /\nconst CAPSULE_MENU_HEIGHT = 30\nconst CAPSULE_MENU_WIDTH = 73\nconst CAPSULE_MENU_PADDING = 8\n\n/\n @param topInsetOffset extra top offset to add when the WebView container does\n * NOT already pad by the safe-area inset (i.e. WebView fills edge-to-edge under\n * the status bar). Pass `insets.top` in that case, or 0 when the container\n * already applies top padding.\n /\nexport function getCapsuleMenuRect(topInsetOffset = 0): CapsuleMenuRect {\n const screenWidth = Dimensions.get(\"window\").width\n const top = topInsetOffset + CAPSULE_MENU_PADDING\n return {\n top,\n right: CAPSULE_MENU_PADDING,\n bottom: top + CAPSULE_MENU_HEIGHT,\n left: screenWidth - CAPSULE_MENU_PADDING - CAPSULE_MENU_WIDTH,\n width: CAPSULE_MENU_WIDTH,\n height: CAPSULE_MENU_HEIGHT,\n }\n}\n\nexport type MiniappColorScheme = \"light\" \| \"dark\"\n\nexport interface BuildMiniappGlobalsOptions {\n packageName?: string\n capabilities?: string[]\n miniappLocal?: boolean\n miniappDeveloperMode?: boolean\n safeAreaInsets: MiniappSafeArea\n /\n True when the WebView container renders edge-to-edge (no top padding for\n * the status bar). In that case the capsule menu rect needs to shift down by\n * the top inset so its coords match where it's actually drawn on screen.\n /\n webviewFillsStatusBar?: boolean\n /* Current host color scheme. Miniapps may follow this to match the phone. /\n colorScheme?: MiniappColorScheme\n}\n\nfunction safeAreaCssVars(insets: MiniappSafeArea): Record<string, string> {\n return {\n \"--glassly-safe-top\": `${insets.top}px`,\n \"--glassly-safe-bottom\": `${insets.bottom}px`,\n \"--glassly-safe-left\": `${insets.left}px`,\n \"--glassly-safe-right\": `${insets.right}px`,\n }\n}\n\n/\n JS to inject into a running miniapp when the host's safe area changes (an\n * iPhone Duo folding moves its status rail): updates window.Glassly and the\n * CSS variables, then fires `glassly:safe-area-change`.\n /\nexport function buildSafeAreaUpdateScript(insets: MiniappSafeArea): string {\n const sets = Object.entries(safeAreaCssVars(insets))\n .map(([k, v]) => `document.documentElement.style.setProperty(${JSON.stringify(k)}, ${JSON.stringify(v)});`)\n .join(\"\\n \")\n return `\n window.Glassly = window.Glassly \|\| {};\n window.Glassly.safeAreaInsets = ${JSON.stringify(insets)};\n try {\n ${sets}\n } catch (e) { / ignore / }\n window.dispatchEvent(new Event(\"glassly:safe-area-change\"));\n true;\n `\n}\n\n/\n Returns the JS string to inject into a miniapp WebView before its content\n * loads. Sets window.Glassly with the standard fields miniapps read:\n \n window.Glassly = {\n * platform, packageName?, capabilities, safeAreaInsets, capsuleMenu,\n * miniappLocal?, miniappDeveloperMode?\n * }\n \n Also defines a stub window.receiveNativeMessage so the miniapp can safely\n * assign to it before the native bridge wires in.\n /\nexport function buildMiniappGlobalsScript(opts: BuildMiniappGlobalsOptions): string {\n const capsuleTopOffset = opts.webviewFillsStatusBar ? opts.safeAreaInsets.top : 0\n const globals: Record<string, unknown> = {\n platform: Platform.OS,\n capabilities: opts.capabilities ?? [\"share\", \"open_url\", \"copy_clipboard\", \"download\"],\n safeAreaInsets: opts.safeAreaInsets,\n capsuleMenu: getCapsuleMenuRect(capsuleTopOffset),\n }\n if (opts.packageName) globals.packageName = opts.packageName\n if (opts.miniappLocal) globals.miniappLocal = true\n if (opts.miniappDeveloperMode) globals.miniappDeveloperMode = true\n if (opts.colorScheme) globals.colorScheme = opts.colorScheme\n\n // CSS custom properties that mirror the capsule menu / safe-area data.\n // Miniapp CSS (or Tailwind arbitrary values) can read these without\n // touching JS: e.g. `style=\"margin-top: var(--glassly-capsule-top)\"`.\n const capsule = globals.capsuleMenu as CapsuleMenuRect\n const insets = opts.safeAreaInsets\n const capsuleCenter = capsule.top + capsule.height / 2\n const cssVars: Record<string, string> = {\n ...safeAreaCssVars(insets),\n \"--glassly-capsule-top\": `${capsule.top}px`,\n \"--glassly-capsule-bottom\": `${capsule.bottom}px`,\n \"--glassly-capsule-left\": `${capsule.left}px`,\n \"--glassly-capsule-right\": `${capsule.right}px`,\n \"--glassly-capsule-width\": `${capsule.width}px`,\n \"--glassly-capsule-height\": `${capsule.height}px`,\n \"--glassly-capsule-center-y\": `${capsuleCenter}px`,\n // Right-side gutter to reserve so content doesn't slide under the\n // capsule: capsule width + 16px breathing room.\n \"--glassly-capsule-gutter\": `${capsule.width + 16}px`,\n }\n const cssVarsBlock = Object.entries(cssVars)\n .map(([k, v]) => `${k}: ${v};`)\n .join(\" \")\n\n // Console-tap shim: wrap console.log/warn/error/info/debug so each call\n // also forwards a `dev_log` envelope back to the phone via\n // ReactNativeWebView.postMessage. Dev mode forwards to the laptop's\n // `glassly dev` terminal; non-dev mode falls back to the React\n // Native log stream (Metro / Xcode console / adb logcat) so installed-\n // miniapp errors are still inspectable when there's no laptop sidecar.\n //\n // Also tap window.onerror and window.onunhandledrejection so synchronous\n // throws and unhandled promise rejections surface even when the bundle\n // never gets a chance to call console.error itself.\n const consoleTapBlock = `\n (function() {\n try {\n var levels = [\"log\", \"warn\", \"error\", \"info\", \"debug\"];\n var seen = new WeakSet();\n function safeSerialize(arg) {\n if (arg instanceof Error) return {__error: true, message: arg.message, stack: arg.stack};\n if (arg === null \|\| typeof arg !== \"object\") return arg;\n try {\n return JSON.parse(JSON.stringify(arg, function(k, v) {\n if (v !== null && typeof v === \"object\") {\n if (seen.has(v)) return \"[Circular]\";\n seen.add(v);\n }\n return v;\n }));\n } catch (e) {\n try { return String(arg); } catch (_) { return \"[unserializable]\"; }\n }\n }\n levels.forEach(function(level) {\n var original = console[level];\n if (typeof original !== \"function\") return;\n console[level] = function() {\n try { original.apply(console, arguments); } catch (_) {}\n try {\n var args = Array.prototype.slice.call(arguments).map(safeSerialize);\n if (window.ReactNativeWebView && typeof window.ReactNativeWebView.postMessage === \"function\") {\n window.ReactNativeWebView.postMessage(JSON.stringify({\n payload: {\n type: \"dev_log\",\n level: level,\n args: args,\n packageName: (window.Glassly && window.Glassly.packageName) \|\| null,\n timestamp: Date.now()\n }\n }));\n }\n } catch (_) { / swallow / }\n };\n });\n } catch (_) { / ignore / }\n\n // Surface synchronous errors and unhandled promise rejections via the\n // same dev_log channel — many bundle-startup crashes never get to call\n // console.error themselves.\n try {\n window.addEventListener(\"error\", function(e) {\n try {\n if (window.ReactNativeWebView && typeof window.ReactNativeWebView.postMessage === \"function\") {\n window.ReactNativeWebView.postMessage(JSON.stringify({\n payload: {\n type: \"dev_log\",\n level: \"error\",\n args: [\"[window.error] \" + (e.message \|\| \"unknown\"), {filename: e.filename, lineno: e.lineno, colno: e.colno, stack: e.error && e.error.stack}],\n packageName: (window.Glassly && window.Glassly.packageName) \|\| null,\n timestamp: Date.now()\n }\n }));\n }\n } catch (_) {}\n });\n window.addEventListener(\"unhandledrejection\", function(e) {\n try {\n if (window.ReactNativeWebView && typeof window.ReactNativeWebView.postMessage === \"function\") {\n var reason = e.reason;\n var serialized = reason instanceof Error\n ? {__error: true, message: reason.message, stack: reason.stack}\n : (typeof reason === \"object\" ? JSON.stringify(reason) : String(reason));\n window.ReactNativeWebView.postMessage(JSON.stringify({\n payload: {\n type: \"dev_log\",\n level: \"error\",\n args: [\"[unhandledrejection]\", serialized],\n packageName: (window.Glassly && window.Glassly.packageName) \|\| null,\n timestamp: Date.now()\n }\n }));\n }\n } catch (_) {}\n });\n } catch (_) {}\n })();\n `\n\n // Lock zoom so miniapps feel like apps, not pages: force a non-scalable\n // viewport meta (overriding whatever the miniapp shipped) and disable\n // double-tap-zoom via CSS. Re-applies on DOMContentLoaded in case the\n // miniapp re-writes <head> during boot.\n return `\n window.Glassly = ${JSON.stringify(globals)};\n window.receiveNativeMessage = window.receiveNativeMessage \|\| function() {};\n (function() {\n try {\n var styleEl = document.createElement(\"style\");\n styleEl.setAttribute(\"data-glassly-injected\", \"1\");\n styleEl.textContent =\n \":root { ${cssVarsBlock} }\" +\n \"html, body { touch-action: manipulation; -ms-content-zooming: none; }\";\n (document.head \|\| document.documentElement).appendChild(styleEl);\n } catch (e) { / ignore / }\n\n function lockViewport() {\n try {\n var content = \"width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover\";\n var existing = document.querySelector('meta[name=\"viewport\"]');\n if (existing) {\n existing.setAttribute(\"content\", content);\n } else {\n var meta = document.createElement(\"meta\");\n meta.setAttribute(\"name\", \"viewport\");\n meta.setAttribute(\"content\", content);\n (document.head \|\| document.documentElement).appendChild(meta);\n }\n } catch (e) { / ignore */ }\n }\n lockViewport();\n document.addEventListener(\"DOMContentLoaded\", lockViewport);\n })();\n ${consoleTapBlock}\n true;\n `\n}\n"]}
1	+ {"version":3,"file":"miniappGlobals.js","sourceRoot":"","sources":["../../src/utils/miniappGlobals.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n miniappGlobals — shared builder for the window.Glassly globals injected\n * into every miniapp WebView.\n \n Miniapps run on-device, and LocalMiniappView is the single injection path;\n * this util is the one place that builds the globals so every WebView gets the\n * same API surface.\n /\n\nimport {Platform} from \"react-native\"\n\nexport interface MiniappSafeArea {\n top: number\n bottom: number\n left: number\n right: number\n}\n\n/\n The host's capsule menu in the WebView's own coordinate space. `corner`\n * floats over the page's top-right; `rail` sits in the iPhone Duo's status\n * rail, inside the side safe-area inset and clear of the page content.\n /\nexport interface CapsuleMenuRect {\n top: number\n right: number\n bottom: number\n left: number\n width: number\n height: number\n placement: \"corner\" \| \"rail\"\n}\n\nexport type MiniappColorScheme = \"light\" \| \"dark\"\n\nexport interface BuildMiniappGlobalsOptions {\n packageName?: string\n capabilities?: string[]\n miniappLocal?: boolean\n miniappDeveloperMode?: boolean\n safeAreaInsets: MiniappSafeArea\n /* Where the host draws its capsule menu over this WebView. /\n capsuleMenu: CapsuleMenuRect\n /* Current host color scheme. Miniapps may follow this to match the phone. /\n colorScheme?: MiniappColorScheme\n}\n\n// CSS custom properties that mirror the safe-area and capsule menu data, so\n// miniapp CSS (or Tailwind arbitrary values) can read them without touching\n// JS: e.g. `style=\"margin-top: var(--glassly-capsule-top)\"`.\nfunction layoutCssVars(insets: MiniappSafeArea, capsule: CapsuleMenuRect): Record<string, string> {\n return {\n \"--glassly-safe-top\": `${insets.top}px`,\n \"--glassly-safe-bottom\": `${insets.bottom}px`,\n \"--glassly-safe-left\": `${insets.left}px`,\n \"--glassly-safe-right\": `${insets.right}px`,\n \"--glassly-capsule-top\": `${capsule.top}px`,\n \"--glassly-capsule-bottom\": `${capsule.bottom}px`,\n \"--glassly-capsule-left\": `${capsule.left}px`,\n \"--glassly-capsule-right\": `${capsule.right}px`,\n \"--glassly-capsule-width\": `${capsule.width}px`,\n \"--glassly-capsule-height\": `${capsule.height}px`,\n \"--glassly-capsule-center-y\": `${capsule.top + capsule.height / 2}px`,\n // Right-side gutter to reserve so content doesn't slide under the\n // capsule: its width + 16px breathing room, none when it sits in the rail.\n \"--glassly-capsule-gutter\": `${capsule.placement === \"rail\" ? 0 : capsule.width + 16}px`,\n }\n}\n\n/\n JS to inject into a running miniapp when the host's safe area or capsule\n * menu moves (an iPhone Duo folding, or its rail's reserved regions growing):\n * updates window.Glassly and the CSS variables, then fires\n * `glassly:safe-area-change`.\n /\nexport function buildSafeAreaUpdateScript(insets: MiniappSafeArea, capsuleMenu: CapsuleMenuRect): string {\n const sets = Object.entries(layoutCssVars(insets, capsuleMenu))\n .map(([k, v]) => `document.documentElement.style.setProperty(${JSON.stringify(k)}, ${JSON.stringify(v)});`)\n .join(\"\\n \")\n return `\n window.Glassly = window.Glassly \|\| {};\n window.Glassly.safeAreaInsets = ${JSON.stringify(insets)};\n window.Glassly.capsuleMenu = ${JSON.stringify(capsuleMenu)};\n try {\n ${sets}\n } catch (e) { / ignore / }\n window.dispatchEvent(new Event(\"glassly:safe-area-change\"));\n true;\n `\n}\n\n/\n Returns the JS string to inject into a miniapp WebView before its content\n * loads. Sets window.Glassly with the standard fields miniapps read:\n \n window.Glassly = {\n * platform, packageName?, capabilities, safeAreaInsets, capsuleMenu,\n * miniappLocal?, miniappDeveloperMode?\n * }\n \n Also defines a stub window.receiveNativeMessage so the miniapp can safely\n * assign to it before the native bridge wires in.\n /\nexport function buildMiniappGlobalsScript(opts: BuildMiniappGlobalsOptions): string {\n const globals: Record<string, unknown> = {\n platform: Platform.OS,\n capabilities: opts.capabilities ?? [\"share\", \"open_url\", \"copy_clipboard\", \"download\"],\n safeAreaInsets: opts.safeAreaInsets,\n capsuleMenu: opts.capsuleMenu,\n }\n if (opts.packageName) globals.packageName = opts.packageName\n if (opts.miniappLocal) globals.miniappLocal = true\n if (opts.miniappDeveloperMode) globals.miniappDeveloperMode = true\n if (opts.colorScheme) globals.colorScheme = opts.colorScheme\n\n const cssVars = layoutCssVars(opts.safeAreaInsets, opts.capsuleMenu)\n const cssVarsBlock = Object.entries(cssVars)\n .map(([k, v]) => `${k}: ${v};`)\n .join(\" \")\n\n // Console-tap shim: wrap console.log/warn/error/info/debug so each call\n // also forwards a `dev_log` envelope back to the phone via\n // ReactNativeWebView.postMessage. Dev mode forwards to the laptop's\n // `glassly dev` terminal; non-dev mode falls back to the React\n // Native log stream (Metro / Xcode console / adb logcat) so installed-\n // miniapp errors are still inspectable when there's no laptop sidecar.\n //\n // Also tap window.onerror and window.onunhandledrejection so synchronous\n // throws and unhandled promise rejections surface even when the bundle\n // never gets a chance to call console.error itself.\n const consoleTapBlock = `\n (function() {\n try {\n var levels = [\"log\", \"warn\", \"error\", \"info\", \"debug\"];\n var seen = new WeakSet();\n function safeSerialize(arg) {\n if (arg instanceof Error) return {__error: true, message: arg.message, stack: arg.stack};\n if (arg === null \|\| typeof arg !== \"object\") return arg;\n try {\n return JSON.parse(JSON.stringify(arg, function(k, v) {\n if (v !== null && typeof v === \"object\") {\n if (seen.has(v)) return \"[Circular]\";\n seen.add(v);\n }\n return v;\n }));\n } catch (e) {\n try { return String(arg); } catch (_) { return \"[unserializable]\"; }\n }\n }\n levels.forEach(function(level) {\n var original = console[level];\n if (typeof original !== \"function\") return;\n console[level] = function() {\n try { original.apply(console, arguments); } catch (_) {}\n try {\n var args = Array.prototype.slice.call(arguments).map(safeSerialize);\n if (window.ReactNativeWebView && typeof window.ReactNativeWebView.postMessage === \"function\") {\n window.ReactNativeWebView.postMessage(JSON.stringify({\n payload: {\n type: \"dev_log\",\n level: level,\n args: args,\n packageName: (window.Glassly && window.Glassly.packageName) \|\| null,\n timestamp: Date.now()\n }\n }));\n }\n } catch (_) { / swallow / }\n };\n });\n } catch (_) { / ignore / }\n\n // Surface synchronous errors and unhandled promise rejections via the\n // same dev_log channel — many bundle-startup crashes never get to call\n // console.error themselves.\n try {\n window.addEventListener(\"error\", function(e) {\n try {\n if (window.ReactNativeWebView && typeof window.ReactNativeWebView.postMessage === \"function\") {\n window.ReactNativeWebView.postMessage(JSON.stringify({\n payload: {\n type: \"dev_log\",\n level: \"error\",\n args: [\"[window.error] \" + (e.message \|\| \"unknown\"), {filename: e.filename, lineno: e.lineno, colno: e.colno, stack: e.error && e.error.stack}],\n packageName: (window.Glassly && window.Glassly.packageName) \|\| null,\n timestamp: Date.now()\n }\n }));\n }\n } catch (_) {}\n });\n window.addEventListener(\"unhandledrejection\", function(e) {\n try {\n if (window.ReactNativeWebView && typeof window.ReactNativeWebView.postMessage === \"function\") {\n var reason = e.reason;\n var serialized = reason instanceof Error\n ? {__error: true, message: reason.message, stack: reason.stack}\n : (typeof reason === \"object\" ? JSON.stringify(reason) : String(reason));\n window.ReactNativeWebView.postMessage(JSON.stringify({\n payload: {\n type: \"dev_log\",\n level: \"error\",\n args: [\"[unhandledrejection]\", serialized],\n packageName: (window.Glassly && window.Glassly.packageName) \|\| null,\n timestamp: Date.now()\n }\n }));\n }\n } catch (_) {}\n });\n } catch (_) {}\n })();\n `\n\n // Lock zoom so miniapps feel like apps, not pages: force a non-scalable\n // viewport meta (overriding whatever the miniapp shipped) and disable\n // double-tap-zoom via CSS. Re-applies on DOMContentLoaded in case the\n // miniapp re-writes <head> during boot.\n return `\n window.Glassly = ${JSON.stringify(globals)};\n window.receiveNativeMessage = window.receiveNativeMessage \|\| function() {};\n (function() {\n try {\n var styleEl = document.createElement(\"style\");\n styleEl.setAttribute(\"data-glassly-injected\", \"1\");\n styleEl.textContent =\n \":root { ${cssVarsBlock} }\" +\n \"html, body { touch-action: manipulation; -ms-content-zooming: none; }\";\n (document.head \|\| document.documentElement).appendChild(styleEl);\n } catch (e) { / ignore / }\n\n function lockViewport() {\n try {\n var content = \"width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover\";\n var existing = document.querySelector('meta[name=\"viewport\"]');\n if (existing) {\n existing.setAttribute(\"content\", content);\n } else {\n var meta = document.createElement(\"meta\");\n meta.setAttribute(\"name\", \"viewport\");\n meta.setAttribute(\"content\", content);\n (document.head \|\| document.documentElement).appendChild(meta);\n }\n } catch (e) { / ignore */ }\n }\n lockViewport();\n document.addEventListener(\"DOMContentLoaded\", lockViewport);\n })();\n ${consoleTapBlock}\n true;\n `\n}\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@glassly/engine",
-  "version": "0.3.7-dev.894",
+  "version": "0.3.7-dev.895",
   "description": "Glassly Engine — miniapp registry, WebView bridge, and miniapp store",
   "main": "build/index.js",
   "react-native": "src/index.ts",
@@ -97,17 +97,17 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@glassly/bluetooth-sdk": "0.3.7-dev.894",
-    "@glassly/cloud-client": "0.3.7-dev.894",
-    "@glassly/cloud-protocol": "0.3.7-dev.894",
-    "@glassly/crust": "0.3.7-dev.894",
-    "@glassly/miniapp": "0.3.7-dev.894",
+    "@glassly/bluetooth-sdk": "0.3.7-dev.895",
+    "@glassly/cloud-client": "0.3.7-dev.895",
+    "@glassly/cloud-protocol": "0.3.7-dev.895",
+    "@glassly/crust": "0.3.7-dev.895",
+    "@glassly/miniapp": "0.3.7-dev.895",
     "buffer": "^6.0.3",
     "events": "^3.3.0",
     "react-native-marked": "8.3.2",
     "semver": "^7.7.4",
     "typesafe-ts": "^1.7.1",
-    "@glassly/llm-providers": "0.3.7-dev.894",
+    "@glassly/llm-providers": "0.3.7-dev.895",
     "@huggingface/jinja": "^0.5.9",
     "jsonrepair": "^3.12.0"
   },

package/src/generated/releaseMetadata.ts CHANGED Viewed

@@ -12,9 +12,9 @@ export interface EngineReleaseMetadata {
 export const ENGINE_RELEASE_METADATA: Readonly<EngineReleaseMetadata> = Object.freeze({
   "schemaVersion": 1,
   "familyBaseVersion": "0.3.7",
-  "releaseIdentity": "0.3.7-dev.894",
-  "releaseSetId": "glassly-0.3.7-dev.894",
-  "sourceCommit": "c85c8d91f155af711ef6315801faef9652a5a789",
+  "releaseIdentity": "0.3.7-dev.895",
+  "releaseSetId": "glassly-0.3.7-dev.895",
+  "sourceCommit": "251fd15bfc9bfedd0d7ad78b78bf2843767d80d6",
   "otaManifestUrl": null,
   "otaManifestSha256": null
 })

package/src/utils/miniappGlobals.ts CHANGED Viewed

@@ -7,7 +7,7 @@
  * same API surface.
  */
-import {Dimensions, Platform} from "react-native"
+import {Platform} from "react-native"
 export interface MiniappSafeArea {
   top: number
@@ -16,6 +16,11 @@ export interface MiniappSafeArea {
   right: number
 }
+/**
+ * The host's capsule menu in the WebView's own coordinate space. `corner`
+ * floats over the page's top-right; `rail` sits in the iPhone Duo's status
+ * rail, inside the side safe-area inset and clear of the page content.
+ */
 export interface CapsuleMenuRect {
   top: number
   right: number
@@ -23,36 +28,7 @@ export interface CapsuleMenuRect {
   left: number
   width: number
   height: number
-}
-/**
- * The capsule menu bounding rect in the WebView's own coordinate space.
- *
- * Keep in sync with CapsuleMenu.tsx:
- *   - CapsuleButton height ≈ h-7.5 (30px), width ≈ 73px
- *   - Positioned at right-2 (8px), top = theme.spacing.s2 (8px) below insets.top
- */
-const CAPSULE_MENU_HEIGHT = 30
-const CAPSULE_MENU_WIDTH = 73
-const CAPSULE_MENU_PADDING = 8
-/**
- * @param topInsetOffset  extra top offset to add when the WebView container does
- *   NOT already pad by the safe-area inset (i.e. WebView fills edge-to-edge under
- *   the status bar). Pass `insets.top` in that case, or 0 when the container
- *   already applies top padding.
- */
-export function getCapsuleMenuRect(topInsetOffset = 0): CapsuleMenuRect {
-  const screenWidth = Dimensions.get("window").width
-  const top = topInsetOffset + CAPSULE_MENU_PADDING
-  return {
-    top,
-    right: CAPSULE_MENU_PADDING,
-    bottom: top + CAPSULE_MENU_HEIGHT,
-    left: screenWidth - CAPSULE_MENU_PADDING - CAPSULE_MENU_WIDTH,
-    width: CAPSULE_MENU_WIDTH,
-    height: CAPSULE_MENU_HEIGHT,
-  }
+  placement: "corner" | "rail"
 }
 export type MiniappColorScheme = "light" | "dark"
@@ -63,37 +39,48 @@ export interface BuildMiniappGlobalsOptions {
   miniappLocal?: boolean
   miniappDeveloperMode?: boolean
   safeAreaInsets: MiniappSafeArea
-  /**
-   * True when the WebView container renders edge-to-edge (no top padding for
-   * the status bar). In that case the capsule menu rect needs to shift down by
-   * the top inset so its coords match where it's actually drawn on screen.
-   */
-  webviewFillsStatusBar?: boolean
+  /** Where the host draws its capsule menu over this WebView. */
+  capsuleMenu: CapsuleMenuRect
   /** Current host color scheme. Miniapps may follow this to match the phone. */
   colorScheme?: MiniappColorScheme
 }
-function safeAreaCssVars(insets: MiniappSafeArea): Record<string, string> {
+// CSS custom properties that mirror the safe-area and capsule menu data, so
+// miniapp CSS (or Tailwind arbitrary values) can read them without touching
+// JS: e.g. `style="margin-top: var(--glassly-capsule-top)"`.
+function layoutCssVars(insets: MiniappSafeArea, capsule: CapsuleMenuRect): Record<string, string> {
   return {
     "--glassly-safe-top": `${insets.top}px`,
     "--glassly-safe-bottom": `${insets.bottom}px`,
     "--glassly-safe-left": `${insets.left}px`,
     "--glassly-safe-right": `${insets.right}px`,
+    "--glassly-capsule-top": `${capsule.top}px`,
+    "--glassly-capsule-bottom": `${capsule.bottom}px`,
+    "--glassly-capsule-left": `${capsule.left}px`,
+    "--glassly-capsule-right": `${capsule.right}px`,
+    "--glassly-capsule-width": `${capsule.width}px`,
+    "--glassly-capsule-height": `${capsule.height}px`,
+    "--glassly-capsule-center-y": `${capsule.top + capsule.height / 2}px`,
+    // Right-side gutter to reserve so content doesn't slide under the
+    // capsule: its width + 16px breathing room, none when it sits in the rail.
+    "--glassly-capsule-gutter": `${capsule.placement === "rail" ? 0 : capsule.width + 16}px`,
   }
 }
 /**
- * JS to inject into a running miniapp when the host's safe area changes (an
- * iPhone Duo folding moves its status rail): updates window.Glassly and the
- * CSS variables, then fires `glassly:safe-area-change`.
+ * JS to inject into a running miniapp when the host's safe area or capsule
+ * menu moves (an iPhone Duo folding, or its rail's reserved regions growing):
+ * updates window.Glassly and the CSS variables, then fires
+ * `glassly:safe-area-change`.
  */
-export function buildSafeAreaUpdateScript(insets: MiniappSafeArea): string {
-  const sets = Object.entries(safeAreaCssVars(insets))
+export function buildSafeAreaUpdateScript(insets: MiniappSafeArea, capsuleMenu: CapsuleMenuRect): string {
+  const sets = Object.entries(layoutCssVars(insets, capsuleMenu))
     .map(([k, v]) => `document.documentElement.style.setProperty(${JSON.stringify(k)}, ${JSON.stringify(v)});`)
     .join("\n      ")
   return `
     window.Glassly = window.Glassly || {};
     window.Glassly.safeAreaInsets = ${JSON.stringify(insets)};
+    window.Glassly.capsuleMenu = ${JSON.stringify(capsuleMenu)};
     try {
       ${sets}
     } catch (e) { /* ignore */ }
@@ -115,37 +102,18 @@ export function buildSafeAreaUpdateScript(insets: MiniappSafeArea): string {
  * assign to it before the native bridge wires in.
  */
 export function buildMiniappGlobalsScript(opts: BuildMiniappGlobalsOptions): string {
-  const capsuleTopOffset = opts.webviewFillsStatusBar ? opts.safeAreaInsets.top : 0
   const globals: Record<string, unknown> = {
     platform: Platform.OS,
     capabilities: opts.capabilities ?? ["share", "open_url", "copy_clipboard", "download"],
     safeAreaInsets: opts.safeAreaInsets,
-    capsuleMenu: getCapsuleMenuRect(capsuleTopOffset),
+    capsuleMenu: opts.capsuleMenu,
   }
   if (opts.packageName) globals.packageName = opts.packageName
   if (opts.miniappLocal) globals.miniappLocal = true
   if (opts.miniappDeveloperMode) globals.miniappDeveloperMode = true
   if (opts.colorScheme) globals.colorScheme = opts.colorScheme
-  // CSS custom properties that mirror the capsule menu / safe-area data.
-  // Miniapp CSS (or Tailwind arbitrary values) can read these without
-  // touching JS: e.g. `style="margin-top: var(--glassly-capsule-top)"`.
-  const capsule = globals.capsuleMenu as CapsuleMenuRect
-  const insets = opts.safeAreaInsets
-  const capsuleCenter = capsule.top + capsule.height / 2
-  const cssVars: Record<string, string> = {
-    ...safeAreaCssVars(insets),
-    "--glassly-capsule-top": `${capsule.top}px`,
-    "--glassly-capsule-bottom": `${capsule.bottom}px`,
-    "--glassly-capsule-left": `${capsule.left}px`,
-    "--glassly-capsule-right": `${capsule.right}px`,
-    "--glassly-capsule-width": `${capsule.width}px`,
-    "--glassly-capsule-height": `${capsule.height}px`,
-    "--glassly-capsule-center-y": `${capsuleCenter}px`,
-    // Right-side gutter to reserve so content doesn't slide under the
-    // capsule: capsule width + 16px breathing room.
-    "--glassly-capsule-gutter": `${capsule.width + 16}px`,
-  }
+  const cssVars = layoutCssVars(opts.safeAreaInsets, opts.capsuleMenu)
   const cssVarsBlock = Object.entries(cssVars)
     .map(([k, v]) => `${k}: ${v};`)
     .join(" ")