react-native-debug-toolkit 3.2.1 → 3.2.2

package/lib/typescript/src/features/devConnect/DevConnectQrScanner.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
+import { type ParsedComputerTarget } from './devConnectUtils';
 interface DevConnectQrScannerProps {
     visible: boolean;
     onClose: () => void;
-    onScanHost: (host: string) => void;
+    onScanTarget: (target: ParsedComputerTarget) => void;
 }
-export declare function DevConnectQrScanner({ visible, onClose, onScanHost }: DevConnectQrScannerProps): React.JSX.Element | null;
+export declare function DevConnectQrScanner({ visible, onClose, onScanTarget }: DevConnectQrScannerProps): React.JSX.Element | null;
 export {};
 //# sourceMappingURL=DevConnectQrScanner.d.ts.map

package/lib/typescript/src/features/devConnect/DevConnectQrScanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DevConnectQrScanner.d.ts","sourceRoot":"","sources":["../../../../../src/features/devConnect/DevConnectQrScanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAiDnF,UAAU,wBAAwB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,wBAAwB,4BAwF7F"}
+{"version":3,"file":"DevConnectQrScanner.d.ts","sourceRoot":"","sources":["../../../../../src/features/devConnect/DevConnectQrScanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAgBnF,OAAO,EAAuB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAmCnF,UAAU,wBAAwB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACtD;AAED,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,wBAAwB,4BAiG/F"}

package/lib/typescript/src/features/devConnect/DevConnectTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DevConnectTab.d.ts","sourceRoot":"","sources":["../../../../../src/features/devConnect/DevConnectTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAYjF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAY3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAQ/C,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,CAAC,eAAe,CAAC,qBA8RnF"}
+{"version":3,"file":"DevConnectTab.d.ts","sourceRoot":"","sources":["../../../../../src/features/devConnect/DevConnectTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAYjF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AA0B3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA2B/C,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,CAAC,eAAe,CAAC,qBA8XnF"}

package/lib/typescript/src/features/devConnect/devConnectPreferences.d.ts

@@ -1,7 +1,13 @@
+import { type ParsedComputerTarget } from './devConnectUtils';
 export interface DevConnectPreferences {
     computerHost: string;
+    metroPort: string;
+    daemonPort: string;
 }
 export declare function loadDevConnectPreferences(): Promise<DevConnectPreferences>;
+export declare function saveComputerTarget(value: string): Promise<ParsedComputerTarget | null>;
 export declare function saveComputerHost(value: string): Promise<string | null>;
+export declare function saveMetroPort(value: string): Promise<string | null>;
+export declare function saveDaemonPort(value: string): Promise<string | null>;
 export declare function restoreDevConnectSettingsToDaemon(): Promise<void>;
 //# sourceMappingURL=devConnectPreferences.d.ts.map

package/lib/typescript/src/features/devConnect/devConnectPreferences.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devConnectPreferences.d.ts","sourceRoot":"","sources":["../../../../../src/features/devConnect/devConnectPreferences.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAsB,yBAAyB,IAAI,OAAO,CAAC,qBAAqB,CAAC,CAKhF;AAED,wBAAsB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAK5E;AAED,wBAAsB,iCAAiC,IAAI,OAAO,CAAC,IAAI,CAAC,CASvE"}
+{"version":3,"file":"devConnectPreferences.d.ts","sourceRoot":"","sources":["../../../../../src/features/devConnect/devConnectPreferences.ts"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,oBAAoB,EAC1B,MAAM,mBAAmB,CAAC;AAG3B,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAsB,yBAAyB,IAAI,OAAO,CAAC,qBAAqB,CAAC,CAShF;AAED,wBAAsB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAS5F;AAED,wBAAsB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAG5E;AAED,wBAAsB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAQzE;AAED,wBAAsB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAQ1E;AAED,wBAAsB,iCAAiC,IAAI,OAAO,CAAC,IAAI,CAAC,CAWvE"}

package/lib/typescript/src/features/devConnect/devConnectUtils.d.ts

@@ -1,12 +1,29 @@
+export declare const DEFAULT_METRO_PORT = "8081";
+export declare const DEFAULT_DAEMON_PORT = "3799";
 export interface MetroUrls {
     expUrl: string;
     httpUrl: string;
 }
+export interface MetroTarget {
+    host: string;
+    port: string;
+    hostPort: string;
+    statusUrl: string;
+}
+export interface ParsedComputerTarget {
+    computerHost: string;
+    metroPort: string;
+}
 export interface ParsedMetroQrPayload {
     computerHost: string;
+    metroPort: string;
     source: string;
 }
 export declare function normalizeComputerHost(raw: string): string | null;
-export declare function buildMetroUrls(rawHost: string): MetroUrls | null;
+export declare function normalizePort(raw: string): string | null;
+export declare function parseComputerTarget(raw: string): ParsedComputerTarget | null;
+export declare function buildMetroTarget(rawHost: string, rawPort?: string): MetroTarget | null;
+export declare function buildMetroUrls(rawHost: string, rawPort?: string): MetroUrls | null;
 export declare function parseMetroQrPayload(payload: string): ParsedMetroQrPayload | null;
+export declare function buildDaemonDeviceHost(computerHost: string, daemonPort: string): string;
 //# sourceMappingURL=devConnectUtils.d.ts.map

package/lib/typescript/src/features/devConnect/devConnectUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devConnectUtils.d.ts","sourceRoot":"","sources":["../../../../../src/features/devConnect/devConnectUtils.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB;AAqBD,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAWhE;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAQhE;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,oBAAoB,GAAG,IAAI,CAIhF"}
+{"version":3,"file":"devConnectUtils.d.ts","sourceRoot":"","sources":["../../../../../src/features/devConnect/devConnectUtils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,SAAS,CAAC;AACzC,eAAO,MAAM,mBAAmB,SAAS,CAAC;AAE1C,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AA0CD,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAOhE;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAWxD;AAED,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,GAAG,IAAI,CAiB5E;AAaD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,SAAqB,GAAG,WAAW,GAAG,IAAI,CAiBlG;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,SAAqB,GAAG,SAAS,GAAG,IAAI,CAU9F;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,oBAAoB,GAAG,IAAI,CAMhF;AAED,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAQtF"}

package/lib/typescript/src/features/devConnect/index.d.ts

@@ -1,7 +1,7 @@
 import type { DebugFeature } from '../../types';
 import type { DevConnectState } from './types';
 export type { DevConnectState } from './types';
-export { buildMetroUrls, normalizeComputerHost, parseMetroQrPayload, } from './devConnectUtils';
-export { loadDevConnectPreferences, restoreDevConnectSettingsToDaemon, saveComputerHost, } from './devConnectPreferences';
+export { buildMetroUrls, normalizeComputerHost, normalizePort, parseComputerTarget, parseMetroQrPayload, } from './devConnectUtils';
+export { loadDevConnectPreferences, restoreDevConnectSettingsToDaemon, saveComputerHost, saveComputerTarget, saveDaemonPort, saveMetroPort, } from './devConnectPreferences';
 export declare const createDevConnectFeature: () => DebugFeature<DevConnectState>;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/features/devConnect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/devConnect/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAwB,MAAM,aAAa,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,yBAAyB,EACzB,iCAAiC,EACjC,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,uBAAuB,QAAO,YAAY,CAAC,eAAe,CA2CtE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/devConnect/index.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAwB,MAAM,aAAa,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,yBAAyB,EACzB,iCAAiC,EACjC,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,aAAa,GACd,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,uBAAuB,QAAO,YAAY,CAAC,eAAe,CAiDtE,CAAC"}

package/lib/typescript/src/features/devConnect/nativeDevConnect.d.ts

@@ -0,0 +1,17 @@
+type MetroBundleFailureReason = 'invalid_target' | 'native_unavailable' | 'fetch_unavailable' | 'metro_unreachable' | 'native_error';
+export type MetroBundleResult = {
+    ok: true;
+    hostPort: string;
+} | {
+    ok: false;
+    reason: MetroBundleFailureReason;
+    error?: string;
+    statusUrl?: string;
+};
+export declare function isNativeDevConnectAvailable(): boolean;
+export declare function applyMetroBundle(host: string, port: string): Promise<MetroBundleResult>;
+export declare function resetMetroBundle(): Promise<MetroBundleResult | {
+    ok: true;
+}>;
+export {};
+//# sourceMappingURL=nativeDevConnect.d.ts.map

package/lib/typescript/src/features/devConnect/nativeDevConnect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nativeDevConnect.d.ts","sourceRoot":"","sources":["../../../../../src/features/devConnect/nativeDevConnect.ts"],"names":[],"mappings":"AAUA,KAAK,wBAAwB,GACzB,gBAAgB,GAChB,oBAAoB,GACpB,mBAAmB,GACnB,mBAAmB,GACnB,cAAc,CAAC;AAEnB,MAAM,MAAM,iBAAiB,GACzB;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,MAAM,EAAE,wBAAwB,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAsBxF,wBAAgB,2BAA2B,IAAI,OAAO,CAErD;AAmCD,wBAAsB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC,CA8B7F;AAED,wBAAsB,gBAAgB,IAAI,OAAO,CAAC,iBAAiB,GAAG;IAAE,EAAE,EAAE,IAAI,CAAA;CAAE,CAAC,CAiBlF"}

package/lib/typescript/src/features/devConnect/platformDetect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"platformDetect.d.ts","sourceRoot":"","sources":["../../../../../src/features/devConnect/platformDetect.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,IAAI,OAAO,CAuBrC"}
+{"version":3,"file":"platformDetect.d.ts","sourceRoot":"","sources":["../../../../../src/features/devConnect/platformDetect.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,IAAI,OAAO,CAkBrC"}

package/lib/typescript/src/features/devConnect/types.d.ts

@@ -1,7 +1,10 @@
 export interface DevConnectState {
     isSimulator: boolean;
     computerHost: string;
+    metroPort: string;
+    daemonPort: string;
     qrAvailable: boolean;
+    nativeMetroAvailable: boolean;
     streaming: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/features/devConnect/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/devConnect/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/devConnect/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;CACpB"}

package/lib/typescript/src/utils/debugPreferences.d.ts

@@ -7,5 +7,7 @@ export declare const KEYS: {
     readonly networkLogs: "@react_native_debug_toolkit/network_logs";
     readonly trackLogs: "@react_native_debug_toolkit/track_logs";
     readonly computerHost: "@react_native_debug_toolkit/computer_host";
+    readonly metroPort: "@react_native_debug_toolkit/metro_port";
+    readonly daemonPort: "@react_native_debug_toolkit/daemon_port";
 };
 //# sourceMappingURL=debugPreferences.d.ts.map

package/lib/typescript/src/utils/debugPreferences.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"debugPreferences.d.ts","sourceRoot":"","sources":["../../../../src/utils/debugPreferences.ts"],"names":[],"mappings":"AAgBA,wBAAsB,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAU7E;AAED,wBAAsB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAWvE;AAED,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC"}
+{"version":3,"file":"debugPreferences.d.ts","sourceRoot":"","sources":["../../../../src/utils/debugPreferences.ts"],"names":[],"mappings":"AAkCA,wBAAsB,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAoB7E;AAED,wBAAsB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA0BvE;AAED,eAAO,MAAM,IAAI;;;;;;;;;CASP,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-debug-toolkit",
-  "version": "3.2.1",
+  "version": "3.2.2",
   "description": "A local-first React Native debug toolkit with Web Console, HTTP API, and MCP support for AI-readable app logs",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -10,6 +10,9 @@
     "lib",
     "bin",
     "node",
+    "ios",
+    "android",
+    "react-native-debug-toolkit.podspec",
     "README.md",
     "LICENSE",
     "!**/__tests__",

package/react-native-debug-toolkit.podspec

@@ -0,0 +1,18 @@
+require 'json'
+
+package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
+
+Pod::Spec.new do |s|
+  s.name         = 'react-native-debug-toolkit'
+  s.version      = package['version']
+  s.summary      = package['description']
+  s.description  = package['description']
+  s.homepage     = package['homepage']
+  s.license      = package['license']
+  s.author       = package['author']
+  s.source       = { :git => package['repository']['url'], :tag => s.version.to_s }
+
+  s.platforms    = { :ios => '12.0' }
+  s.source_files = 'ios/**/*.{h,m,mm}'
+  s.dependency 'React-Core'
+end

package/src/features/devConnect/DevConnectQrScanner.tsx

@@ -14,7 +14,7 @@ import {
   type CameraKitReadCodeEvent,
   type ExpoCameraScanResult,
 } from './cameraKit';
-import { parseMetroQrPayload } from './devConnectUtils';
+import { parseMetroQrPayload, type ParsedComputerTarget } from './devConnectUtils';
 
 // ─── Camera Error Boundary ─────────────────────────────────
 
@@ -40,7 +40,9 @@ class CameraErrorBoundary extends Component<CameraBoundaryProps, CameraBoundaryS
   }
 
   render() {
-    if (this.state.hasError) return null;
+    if (this.state.hasError) {
+      return null;
+    }
     return this.props.children;
   }
 }
@@ -50,10 +52,10 @@ class CameraErrorBoundary extends Component<CameraBoundaryProps, CameraBoundaryS
 interface DevConnectQrScannerProps {
   visible: boolean;
   onClose: () => void;
-  onScanHost: (host: string) => void;
+  onScanTarget: (target: ParsedComputerTarget) => void;
 }
 
-export function DevConnectQrScanner({ visible, onClose, onScanHost }: DevConnectQrScannerProps) {
+export function DevConnectQrScanner({ visible, onClose, onScanTarget }: DevConnectQrScannerProps) {
   const scannedRef = useRef(false);
   const [error, setError] = useState<string | null>(null);
   const [cameraFailed, setCameraFailed] = useState(false);
@@ -68,8 +70,12 @@ export function DevConnectQrScanner({ visible, onClose, onScanHost }: DevConnect
   }, [visible]);
 
   const handleScanned = useCallback((rawValue: string) => {
-    if (scannedRef.current) return;
-    if (typeof rawValue !== 'string') return;
+    if (scannedRef.current) {
+      return;
+    }
+    if (typeof rawValue !== 'string') {
+      return;
+    }
 
     const parsed = parseMetroQrPayload(rawValue);
     if (!parsed) {
@@ -79,9 +85,12 @@ export function DevConnectQrScanner({ visible, onClose, onScanHost }: DevConnect
 
     scannedRef.current = true;
     setError(null);
-    onScanHost(parsed.computerHost);
+    onScanTarget({
+      computerHost: parsed.computerHost,
+      metroPort: parsed.metroPort,
+    });
     onClose();
-  }, [onClose, onScanHost]);
+  }, [onClose, onScanTarget]);
 
   const handleCameraKitRead = useCallback((event: CameraKitReadCodeEvent) => {
     handleScanned(event.nativeEvent?.codeStringValue ?? '');
@@ -95,7 +104,9 @@ export function DevConnectQrScanner({ visible, onClose, onScanHost }: DevConnect
     setCameraFailed(true);
   }, []);
 
-  if (!visible || !scanner) return null;
+  if (!visible || !scanner) {
+    return null;
+  }
 
   return (
     <Modal visible={visible} animationType="slide" onRequestClose={onClose}>