@mobileai/react-native 0.9.3 → 0.9.4

package/lib/module/tools/typeTool.js

@@ -5,37 +5,65 @@
  *
  * Strategy chain (tried in order, first success wins):
  *
- * 1. onChangeText (controlled) — developer wired up React state. Most common.
- *    → calls props.onChangeText(text) directly.
+ * 1. onChangeText — developer's controlled component wired React state.
+ *    → calls element.props.onChangeText(text) directly.
  *
- * 2. onChange (controlled, lower-level) — some forms use onChange instead of
- *    onChangeText. RN's TextInput fires onChange before calling onChangeText.
- *    → calls props.onChange({ nativeEvent: { text, eventCount: 1 } })
+ * 2. Fiber subtree walk — for uncontrolled TextInputs (defaultValue only).
+ *    React Native's TextInput.js always creates an internal `_onChange` handler
+ *    and passes it as `onChange` to the native host view (RCTTextInputView /
+ *    AndroidTextInput). That `_onChange` internally calls `props.onChangeText`
+ *    and updates native text state.
  *
- * 3. setNativeProps (uncontrolled, Old Arch) — for TextInputs with defaultValue
- *    only. React doesn't manage the native value after initial render for
- *    uncontrolled inputs, so setNativeProps is stable (no re-render wipe).
- *    Also focuses the input first so the native layer treats it as user input.
- *    → stateNode.focus() + stateNode.setNativeProps({ text })
+ *    We walk the fiber subtree (behavior-based, no tag numbers) to find any
+ *    descendant node whose memoizedProps.onChange is a function. Then we call
+ *    it with a synthetic TextInputChangeEvent. This triggers RN's internal
+ *    `_onChange` which calls `setLastNativeText` and updates the native view.
  *
- * Why no 100% reliable cross-arch pure-JS solution for uncontrolled inputs:
- *  React's reconciliation model intentionally prevents external mutation of
- *  controlled values. For uncontrolled inputs, setNativeProps is the
- *  industry-standard JS approach (used by React Native's own test utils).
- *  True cross-arch reliability requires native keyboard injection (Detox/Appium).
+ * Why this is robust:
+ *  - No hardcoded fiber tag numbers (host component tags can change across versions)
+ *  - No dependency on setNativeProps (deprecated in New Architecture / Fabric)
+ *  - Uses the same code path as a real user typing — RN's own _onChange handler
  */
 
-import { findNodeHandle } from 'react-native';
 import { walkFiberTree } from "../core/FiberTreeWalker.js";
-/** Build a synthetic RN-style text change event object */
-function makeSyntheticChangeEvent(text, nodeHandle) {
-  return {
-    nativeEvent: {
-      text,
-      eventCount: 1,
-      target: nodeHandle ?? 0
+/**
+ * Walk a fiber subtree to find the first descendant whose memoizedProps
+ * has an `onChange` function. This is behavior-based — we don't check
+ * fiber tags, component names, or any React internal that could change.
+ * We just look for the prop that RN's TextInput always wires.
+ */
+function findNativeOnChange(fiber, maxDepth = 8) {
+  if (!fiber) return null;
+  let current = fiber.child;
+
+  // BFS-style walk through the fiber children
+  const queue = [];
+  if (current) queue.push({
+    node: current,
+    depth: 0
+  });
+  while (queue.length > 0) {
+    const {
+      node,
+      depth: d
+    } = queue.shift();
+    if (d > maxDepth) continue;
+    const props = node.memoizedProps;
+    if (props && typeof props.onChange === 'function') {
+      return props.onChange;
     }
-  };
+
+    // Add child and sibling
+    if (node.child) queue.push({
+      node: node.child,
+      depth: d + 1
+    });
+    if (node.sibling) queue.push({
+      node: node.sibling,
+      depth: d + 1
+    });
+  }
+  return null;
 }
 export function createTypeTool(context) {
   return {
@@ -62,11 +90,10 @@ export function createTypeTool(context) {
         return `❌ Element with index ${args.index} not found.`;
       }
       const props = element.props;
-      const stateNode = element.fiberNode?.stateNode;
-      const nodeHandle = stateNode ? findNodeHandle(stateNode) ?? null : null;
       const label = element.label || `[${element.type}]`;
 
       // ── Strategy 1: controlled via onChangeText ───────────────────────────
+      // App developer wired onChangeText={setText} — most reliable.
       if (typeof props.onChangeText === 'function') {
         try {
           props.onChangeText(args.text);
@@ -77,37 +104,33 @@ export function createTypeTool(context) {
         }
       }
 
-      // ── Strategy 2: controlled via onChange (lower-level event) ───────────
-      if (typeof props.onChange === 'function') {
-        try {
-          props.onChange(makeSyntheticChangeEvent(args.text, nodeHandle));
-          await new Promise(resolve => setTimeout(resolve, 300));
-          return `✅ Typed "${args.text}" into [${args.index}] "${label}"`;
-        } catch (err) {
-          return `❌ onChange failed: ${err.message}`;
-        }
-      }
-
-      // ── Strategy 3: uncontrolled — focus + setNativeProps ─────────────────
-      // For defaultValue-only TextInputs, React doesn't own the native value
-      // after initial render, so setNativeProps is stable across re-renders.
-      if (stateNode && typeof stateNode.setNativeProps === 'function') {
-        try {
-          // Focus first so the native layer treats this as active input
-          if (typeof stateNode.focus === 'function') {
-            stateNode.focus();
-            await new Promise(resolve => setTimeout(resolve, 200));
+      // ── Strategy 2: fiber subtree walk for native onChange ─────────────────
+      // For uncontrolled TextInputs (defaultValue only, no onChangeText).
+      // RN's TextInput.js creates _onChange internally and passes it as
+      // onChange to the native host view. We find that handler and call it
+      // with a synthetic TextInputChangeEvent.
+      const fiberNode = element.fiberNode;
+      if (fiberNode) {
+        // First check the matched fiber itself
+        const directOnChange = fiberNode.memoizedProps?.onChange;
+        const onChange = typeof directOnChange === 'function' ? directOnChange : findNativeOnChange(fiberNode);
+        if (onChange) {
+          try {
+            onChange({
+              nativeEvent: {
+                text: args.text,
+                eventCount: 0,
+                target: 0
+              }
+            });
+            await new Promise(resolve => setTimeout(resolve, 300));
+            return `✅ Typed "${args.text}" into [${args.index}] "${label}"`;
+          } catch (err) {
+            return `❌ onChange failed: ${err.message}`;
           }
-          stateNode.setNativeProps({
-            text: args.text
-          });
-          await new Promise(resolve => setTimeout(resolve, 300));
-          return `✅ Typed "${args.text}" into [${args.index}] "${label}"`;
-        } catch (err) {
-          return `❌ setNativeProps failed: ${err.message}`;
         }
       }
-      return `❌ Element [${args.index}] "${label}" is not a typeable text input.`;
+      return `❌ Element [${args.index}] "${label}" is not a typeable text input. No onChangeText or onChange handler found in fiber tree.`;
     }
   };
 }

package/lib/module/tools/typeTool.js.map

@@ -1 +1 @@
-{"version":3,"names":["findNodeHandle","walkFiberTree","makeSyntheticChangeEvent","text","nodeHandle","nativeEvent","eventCount","target","createTypeTool","context","name","description","parameters","index","type","required","execute","args","interactives","elements","getRootRef","getWalkConfig","element","find","el","props","stateNode","fiberNode","label","onChangeText","Promise","resolve","setTimeout","err","message","onChange","setNativeProps","focus"],"sourceRoot":"../../../src","sources":["tools/typeTool.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["walkFiberTree","findNativeOnChange","fiber","maxDepth","current","child","queue","push","node","depth","length","d","shift","props","memoizedProps","onChange","sibling","createTypeTool","context","name","description","parameters","index","type","required","text","execute","args","interactives","elements","getRootRef","getWalkConfig","element","find","el","label","onChangeText","Promise","resolve","setTimeout","err","message","fiberNode","directOnChange","nativeEvent","eventCount","target"],"sourceRoot":"../../../src","sources":["tools/typeTool.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/tools/typeTool.d.ts

@@ -3,24 +3,24 @@
  *
  * Strategy chain (tried in order, first success wins):
  *
- * 1. onChangeText (controlled) — developer wired up React state. Most common.
- *    → calls props.onChangeText(text) directly.
+ * 1. onChangeText — developer's controlled component wired React state.
+ *    → calls element.props.onChangeText(text) directly.
  *
- * 2. onChange (controlled, lower-level) — some forms use onChange instead of
- *    onChangeText. RN's TextInput fires onChange before calling onChangeText.
- *    → calls props.onChange({ nativeEvent: { text, eventCount: 1 } })
+ * 2. Fiber subtree walk — for uncontrolled TextInputs (defaultValue only).
+ *    React Native's TextInput.js always creates an internal `_onChange` handler
+ *    and passes it as `onChange` to the native host view (RCTTextInputView /
+ *    AndroidTextInput). That `_onChange` internally calls `props.onChangeText`
+ *    and updates native text state.
  *
- * 3. setNativeProps (uncontrolled, Old Arch) — for TextInputs with defaultValue
- *    only. React doesn't manage the native value after initial render for
- *    uncontrolled inputs, so setNativeProps is stable (no re-render wipe).
- *    Also focuses the input first so the native layer treats it as user input.
- *    → stateNode.focus() + stateNode.setNativeProps({ text })
+ *    We walk the fiber subtree (behavior-based, no tag numbers) to find any
+ *    descendant node whose memoizedProps.onChange is a function. Then we call
+ *    it with a synthetic TextInputChangeEvent. This triggers RN's internal
+ *    `_onChange` which calls `setLastNativeText` and updates the native view.
  *
- * Why no 100% reliable cross-arch pure-JS solution for uncontrolled inputs:
- *  React's reconciliation model intentionally prevents external mutation of
- *  controlled values. For uncontrolled inputs, setNativeProps is the
- *  industry-standard JS approach (used by React Native's own test utils).
- *  True cross-arch reliability requires native keyboard injection (Detox/Appium).
+ * Why this is robust:
+ *  - No hardcoded fiber tag numbers (host component tags can change across versions)
+ *  - No dependency on setNativeProps (deprecated in New Architecture / Fabric)
+ *  - Uses the same code path as a real user typing — RN's own _onChange handler
  */
 import type { AgentTool, ToolContext } from './types';
 export declare function createTypeTool(context: ToolContext): AgentTool;

package/lib/typescript/src/tools/typeTool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typeTool.d.ts","sourceRoot":"","sources":["../../../../src/tools/typeTool.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAatD,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,CAgE9D"}
+{"version":3,"file":"typeTool.d.ts","sourceRoot":"","sources":["../../../../src/tools/typeTool.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAkCtD,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,CAgE9D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobileai/react-native",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "description": "Build autonomous AI agents for React Native and Expo apps. Provides AI-native UI traversal, tool calling, and structured reasoning.",
   "main": "./lib/module/index.js",
   "source": "./src/index.ts",

package/src/tools/typeTool.ts

@@ -3,39 +3,59 @@
  *
  * Strategy chain (tried in order, first success wins):
  *
- * 1. onChangeText (controlled) — developer wired up React state. Most common.
- *    → calls props.onChangeText(text) directly.
+ * 1. onChangeText — developer's controlled component wired React state.
+ *    → calls element.props.onChangeText(text) directly.
  *
- * 2. onChange (controlled, lower-level) — some forms use onChange instead of
- *    onChangeText. RN's TextInput fires onChange before calling onChangeText.
- *    → calls props.onChange({ nativeEvent: { text, eventCount: 1 } })
+ * 2. Fiber subtree walk — for uncontrolled TextInputs (defaultValue only).
+ *    React Native's TextInput.js always creates an internal `_onChange` handler
+ *    and passes it as `onChange` to the native host view (RCTTextInputView /
+ *    AndroidTextInput). That `_onChange` internally calls `props.onChangeText`
+ *    and updates native text state.
  *
- * 3. setNativeProps (uncontrolled, Old Arch) — for TextInputs with defaultValue
- *    only. React doesn't manage the native value after initial render for
- *    uncontrolled inputs, so setNativeProps is stable (no re-render wipe).
- *    Also focuses the input first so the native layer treats it as user input.
- *    → stateNode.focus() + stateNode.setNativeProps({ text })
+ *    We walk the fiber subtree (behavior-based, no tag numbers) to find any
+ *    descendant node whose memoizedProps.onChange is a function. Then we call
+ *    it with a synthetic TextInputChangeEvent. This triggers RN's internal
+ *    `_onChange` which calls `setLastNativeText` and updates the native view.
  *
- * Why no 100% reliable cross-arch pure-JS solution for uncontrolled inputs:
- *  React's reconciliation model intentionally prevents external mutation of
- *  controlled values. For uncontrolled inputs, setNativeProps is the
- *  industry-standard JS approach (used by React Native's own test utils).
- *  True cross-arch reliability requires native keyboard injection (Detox/Appium).
+ * Why this is robust:
+ *  - No hardcoded fiber tag numbers (host component tags can change across versions)
+ *  - No dependency on setNativeProps (deprecated in New Architecture / Fabric)
+ *  - Uses the same code path as a real user typing — RN's own _onChange handler
  */
 
-import { findNodeHandle } from 'react-native';
 import { walkFiberTree } from '../core/FiberTreeWalker';
 import type { AgentTool, ToolContext } from './types';
 
-/** Build a synthetic RN-style text change event object */
-function makeSyntheticChangeEvent(text: string, nodeHandle: number | null) {
-  return {
-    nativeEvent: {
-      text,
-      eventCount: 1,
-      target: nodeHandle ?? 0,
-    },
-  };
+/**
+ * Walk a fiber subtree to find the first descendant whose memoizedProps
+ * has an `onChange` function. This is behavior-based — we don't check
+ * fiber tags, component names, or any React internal that could change.
+ * We just look for the prop that RN's TextInput always wires.
+ */
+function findNativeOnChange(fiber: any, maxDepth = 8): ((event: any) => void) | null {
+  if (!fiber) return null;
+
+  let current: any = fiber.child;
+
+  // BFS-style walk through the fiber children
+  const queue: { node: any; depth: number }[] = [];
+  if (current) queue.push({ node: current, depth: 0 });
+
+  while (queue.length > 0) {
+    const { node, depth: d } = queue.shift()!;
+    if (d > maxDepth) continue;
+
+    const props = node.memoizedProps;
+    if (props && typeof props.onChange === 'function') {
+      return props.onChange;
+    }
+
+    // Add child and sibling
+    if (node.child) queue.push({ node: node.child, depth: d + 1 });
+    if (node.sibling) queue.push({ node: node.sibling, depth: d + 1 });
+  }
+
+  return null;
 }
 
 export function createTypeTool(context: ToolContext): AgentTool {
@@ -55,11 +75,10 @@ export function createTypeTool(context: ToolContext): AgentTool {
       }
 
       const props = element.props;
-      const stateNode = element.fiberNode?.stateNode;
-      const nodeHandle: number | null = stateNode ? (findNodeHandle(stateNode) ?? null) : null;
       const label = element.label || `[${element.type}]`;
 
       // ── Strategy 1: controlled via onChangeText ───────────────────────────
+      // App developer wired onChangeText={setText} — most reliable.
       if (typeof props.onChangeText === 'function') {
         try {
           props.onChangeText(args.text);
@@ -70,36 +89,37 @@ export function createTypeTool(context: ToolContext): AgentTool {
         }
       }
 
-      // ── Strategy 2: controlled via onChange (lower-level event) ───────────
-      if (typeof props.onChange === 'function') {
-        try {
-          props.onChange(makeSyntheticChangeEvent(args.text, nodeHandle));
-          await new Promise(resolve => setTimeout(resolve, 300));
-          return `✅ Typed "${args.text}" into [${args.index}] "${label}"`;
-        } catch (err: any) {
-          return `❌ onChange failed: ${err.message}`;
-        }
-      }
+      // ── Strategy 2: fiber subtree walk for native onChange ─────────────────
+      // For uncontrolled TextInputs (defaultValue only, no onChangeText).
+      // RN's TextInput.js creates _onChange internally and passes it as
+      // onChange to the native host view. We find that handler and call it
+      // with a synthetic TextInputChangeEvent.
+      const fiberNode = element.fiberNode;
+      if (fiberNode) {
+        // First check the matched fiber itself
+        const directOnChange = fiberNode.memoizedProps?.onChange;
+        const onChange = typeof directOnChange === 'function'
+          ? directOnChange
+          : findNativeOnChange(fiberNode);
 
-      // ── Strategy 3: uncontrolled — focus + setNativeProps ─────────────────
-      // For defaultValue-only TextInputs, React doesn't own the native value
-      // after initial render, so setNativeProps is stable across re-renders.
-      if (stateNode && typeof stateNode.setNativeProps === 'function') {
-        try {
-          // Focus first so the native layer treats this as active input
-          if (typeof stateNode.focus === 'function') {
-            stateNode.focus();
-            await new Promise(resolve => setTimeout(resolve, 200));
+        if (onChange) {
+          try {
+            onChange({
+              nativeEvent: {
+                text: args.text,
+                eventCount: 0,
+                target: 0,
+              },
+            });
+            await new Promise(resolve => setTimeout(resolve, 300));
+            return `✅ Typed "${args.text}" into [${args.index}] "${label}"`;
+          } catch (err: any) {
+            return `❌ onChange failed: ${err.message}`;
           }
-          stateNode.setNativeProps({ text: args.text });
-          await new Promise(resolve => setTimeout(resolve, 300));
-          return `✅ Typed "${args.text}" into [${args.index}] "${label}"`;
-        } catch (err: any) {
-          return `❌ setNativeProps failed: ${err.message}`;
         }
       }
 
-      return `❌ Element [${args.index}] "${label}" is not a typeable text input.`;
+      return `❌ Element [${args.index}] "${label}" is not a typeable text input. No onChangeText or onChange handler found in fiber tree.`;
     },
   };
 }