@qontinui/ui-bridge-native 0.6.4 → 0.6.6

package/dist/react/UIBridgeNativeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UIBridgeNativeProvider.d.ts","sourceRoot":"","sources":["../../src/react/UIBridgeNativeProvider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UIBridgeNativeProvider.d.ts","sourceRoot":"","sources":["../../src/react/UIBridgeNativeProvider.tsx"],"names":[],"mappings":"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"}

package/dist/react/index.js

@@ -16,6 +16,10 @@ function extractHandlerNames(props) {
   if (!props) return [];
   return Object.keys(props).filter((k) => typeof props[k] === "function");
 }
+function matchesCurrentRoute(registrationRoute, currentRoute) {
+  if (registrationRoute == null || registrationRoute === "") return true;
+  return registrationRoute === currentRoute;
+}
 function inferActions(type) {
   const baseActions = ["focus", "blur"];
   switch (type) {
@@ -221,13 +225,20 @@ var NativeUIBridgeRegistry = class {
     if (this.config.verbose) {
       console.log(`[ui-bridge-native] Registered element: ${id} (${type})`);
     }
-    this.updateElementState(id, {
+    const seededState = {
       mounted: true,
       visible: true,
       enabled: true,
       focused: false,
       layout: null
-    });
+    };
+    if (type === "input" && typeof props?.value === "string") {
+      seededState.value = props.value;
+    }
+    if (type === "text" && typeof label === "string") {
+      seededState.value = label;
+    }
+    this.updateElementState(id, seededState);
     return registered;
   }
   /**
@@ -389,6 +400,9 @@ var NativeUIBridgeRegistry = class {
       })
     };
     this.elements.set(id, updated);
+    if (element.type === "text" && labelChanged && typeof nextLabel === "string") {
+      this.updateElementState(id, { value: nextLabel });
+    }
     this.emit("element:registered", {
       id,
       type: element.type,
@@ -397,7 +411,22 @@ var NativeUIBridgeRegistry = class {
     return true;
   }
   /**
-   * Update element props (for action execution)
+   * Update element props (for action execution).
+   *
+   * Side effect for `type: 'input'` elements: when `props.value` is a string,
+   * mirror it into `state.value` so AI drivers reading the registry don't see
+   * `state.value === undefined` until the user types. Before this mirror,
+   * controlled-input consumers (`<TextInput value={x} onChangeText={setX} />`
+   * with `captureProps({ value: x, onChangeText: setX })`) registered an
+   * input whose `state.value` only became defined after the FIRST
+   * `onChangeText` call — bridge consumers couldn't read the default value
+   * (e.g. a pre-populated API-URL input) until someone typed into it.
+   *
+   * Re-runs on every `updateElementProps` so a parent passing a fresh
+   * `value` prop (controlled re-render) keeps the registry in sync. The
+   * mirror is gated on `type === 'input'` to avoid touching non-input
+   * elements that may carry an unrelated `value` prop (e.g. a Switch's
+   * boolean value, which lives on `state.checked`).
    */
   updateElementProps(id, props) {
     const element = this.elements.get(id);
@@ -407,6 +436,12 @@ var NativeUIBridgeRegistry = class {
         props: { ...element.props, ...props }
       };
       this.elements.set(id, updated);
+      if (element.type === "input" && Object.prototype.hasOwnProperty.call(props, "value") && typeof props.value === "string") {
+        const currentState = updated.getState();
+        if (currentState.value !== props.value) {
+          this.updateElementState(id, { value: props.value });
+        }
+      }
     }
   }
   /**
@@ -617,7 +652,7 @@ var NativeUIBridgeRegistry = class {
     let elements = options?.visibleOnly ? this.getMountedVisibleElements() : this.getAllElements();
     if (options?.currentRouteOnly && resolvedRoute.currentRoute) {
       const currentRoute = resolvedRoute.currentRoute;
-      elements = elements.filter((e) => e.registrationRoute === currentRoute);
+      elements = elements.filter((e) => matchesCurrentRoute(e.registrationRoute, currentRoute));
     }
     const snapshot = {
       timestamp: Date.now(),
@@ -1556,15 +1591,9 @@ function success(data) {
 function error(message, code) {
   return { success: false, error: message, code, timestamp: Date.now() };
 }
-function createDesignHandlers(registry) {
+function createDesignHandlers(registry, viewportProvider) {
   function getScreenDimensions() {
-    try {
-      const { Dimensions } = __require("react-native");
-      const screen = Dimensions.get("screen");
-      return { width: screen.width, height: screen.height };
-    } catch {
-      return { width: 0, height: 0 };
-    }
+    return viewportProvider?.() ?? { width: 0, height: 0 };
   }
   return {
     // 1. GET /design/element/:id/styles
@@ -2194,15 +2223,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,
@@ -2219,7 +2239,7 @@ function error2(message, code) {
   };
 }
 function createServerHandlers(registry, executor, config) {
-  const designHandlers = createDesignHandlers(registry);
+  const designHandlers = createDesignHandlers(registry, config?.viewportProvider);
   return {
     // Elements
     getElements: async (ctx) => {
@@ -2227,7 +2247,7 @@ function createServerHandlers(registry, executor, config) {
       const forRoute = ctx.query?.route || ctx.body?.route;
       let allElements = visibleOnly ? registry.getMountedVisibleElements() : registry.getAllElements();
       if (forRoute) {
-        allElements = allElements.filter((e) => e.registrationRoute === forRoute);
+        allElements = allElements.filter((e) => matchesCurrentRoute(e.registrationRoute, forRoute));
       }
       const elements = allElements.map((e) => {
         const handlers = extractHandlerNames(e.props);
@@ -2410,7 +2430,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()
@@ -3381,7 +3401,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;
@@ -5147,7 +5168,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 = reactNative.Dimensions.get("window");
+        return { width: win.width, height: win.height };
+      }
     });
     server.setAdapter(serverAdapter);
     if (navigationProvider) {
@@ -5242,7 +5273,11 @@ function UIBridgeNativeProvider({
             serverPort: config.serverPort || 8087,
             cors: true,
             appInfo: config.appInfo,
-            testHooks: features.testHooks === true
+            testHooks: features.testHooks === true,
+            viewportProvider: () => {
+              const win = reactNative.Dimensions.get("window");
+              return { width: win.width, height: win.height };
+            }
           });
           if (navigationProvider) bareServer.setNavigationProvider(navigationProvider);
           if (screenshotProvider) bareServer.setScreenshotProvider(screenshotProvider);