@qontinui/ui-bridge-native 0.6.4 → 0.6.5

package/dist/react/index.mjs

@@ -1,5 +1,5 @@
 import { createContext, useRef, useState, useCallback, useEffect, useMemo, use } from 'react';
-import { StyleSheet, Platform } from 'react-native';
+import { Dimensions, StyleSheet, Platform } from 'react-native';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
@@ -1557,8 +1557,8 @@ function error(message, code) {
 function createDesignHandlers(registry) {
   function getScreenDimensions() {
     try {
-      const { Dimensions } = __require("react-native");
-      const screen = Dimensions.get("screen");
+      const { Dimensions: Dimensions2 } = __require("react-native");
+      const screen = Dimensions2.get("screen");
       return { width: screen.width, height: screen.height };
     } catch {
       return { width: 0, height: 0 };
@@ -2192,15 +2192,6 @@ async function executeWorkflowStep(step, registry, executor) {
     };
   }
 }
-function getWindowDimensions() {
-  try {
-    const { Dimensions } = __require("react-native");
-    const win = Dimensions.get("window");
-    return { width: win.width, height: win.height };
-  } catch {
-    return { width: 0, height: 0 };
-  }
-}
 function success2(data) {
   return {
     success: true,
@@ -2408,7 +2399,7 @@ function createServerHandlers(registry, executor, config) {
     },
     getPageHealth: async (ctx) => {
       const bodyViewport = ctx.body?.viewport;
-      const viewport = bodyViewport ?? getWindowDimensions();
+      const viewport = bodyViewport ?? config?.viewportProvider?.() ?? { width: 0, height: 0 };
       const elements = registry.getAllElements().map((e) => ({
         type: e.type,
         state: e.getState()
@@ -3379,7 +3370,8 @@ var NativeUIBridgeServer = class {
     this.handlers = createServerHandlers(registry, executor, {
       appInfo: this.config.appInfo,
       consoleErrorBuffer: this.consoleErrorBuffer,
-      networkRequestBuffer: this.networkRequestBuffer
+      networkRequestBuffer: this.networkRequestBuffer,
+      viewportProvider: this.config.viewportProvider
     });
     this.handlers.getMethods = async () => {
       const testHooks = this.config.testHooks === true;
@@ -5145,7 +5137,17 @@ function UIBridgeNativeProvider({
       serverPort: config.serverPort || 8087,
       cors: true,
       appInfo: config.appInfo,
-      testHooks: features.testHooks === true
+      testHooks: features.testHooks === true,
+      // Injected device-viewport getter for POST /control/page-health. The
+      // server doesn't import `react-native` itself — the require/import
+      // pattern there crashed the host RN app in 0.6.3/0.6.4 (Metro/Hermes
+      // raised `unknownModuleError` past every try/catch). This provider
+      // already has a live react-native import, so it's the safe injection
+      // point. See feedback_metro_require_gotcha for the full incident.
+      viewportProvider: () => {
+        const win = Dimensions.get("window");
+        return { width: win.width, height: win.height };
+      }
     });
     server.setAdapter(serverAdapter);
     if (navigationProvider) {
@@ -5240,7 +5242,11 @@ function UIBridgeNativeProvider({
             serverPort: config.serverPort || 8087,
             cors: true,
             appInfo: config.appInfo,
-            testHooks: features.testHooks === true
+            testHooks: features.testHooks === true,
+            viewportProvider: () => {
+              const win = Dimensions.get("window");
+              return { width: win.width, height: win.height };
+            }
           });
           if (navigationProvider) bareServer.setNavigationProvider(navigationProvider);
           if (screenshotProvider) bareServer.setScreenshotProvider(screenshotProvider);