react-native-debug-toolkit 3.2.3 → 3.2.5

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

@@ -1,47 +0,0 @@
-import type { ComponentType } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-export interface CameraKitReadCodeEvent {
-    nativeEvent?: {
-        codeStringValue?: string;
-    };
-}
-export interface CameraKitCameraProps {
-    style?: StyleProp<ViewStyle>;
-    cameraType?: unknown;
-    scanBarcode?: boolean;
-    onReadCode?: (event: CameraKitReadCodeEvent) => void;
-    showFrame?: boolean;
-    laserColor?: string;
-    frameColor?: string;
-    allowedBarcodeTypes?: string[];
-}
-export interface CameraKitModule {
-    Camera: ComponentType<CameraKitCameraProps>;
-    CameraType?: {
-        Back?: unknown;
-    };
-}
-export interface ExpoCameraScanResult {
-    boundingBox?: unknown;
-    cornerPoints?: unknown;
-    type?: string;
-    value?: string;
-}
-export interface ExpoCameraModule {
-    Camera: ComponentType<{
-        style?: StyleProp<ViewStyle>;
-        onBarCodeScanned?: (result: ExpoCameraScanResult) => void;
-        barCodeScannerSettings?: {
-            barCodeTypes: string[];
-        };
-    }>;
-}
-export type ScannerKind = 'camera-kit' | 'expo-camera';
-export interface ScannerModule {
-    kind: ScannerKind;
-    CameraKit?: CameraKitModule;
-    ExpoCamera?: ExpoCameraModule;
-}
-export declare function getScannerModule(): ScannerModule | null;
-export declare function isCameraKitAvailable(): boolean;
-//# sourceMappingURL=cameraKit.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cameraKit.d.ts","sourceRoot":"","sources":["../../../../../src/features/devConnect/cameraKit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzD,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;CACH;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC5C,UAAU,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CACjC;AAID,MAAM,WAAW,oBAAoB;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,aAAa,CAAC;QACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC7B,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;QAC1D,sBAAsB,CAAC,EAAE;YAAE,YAAY,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC;KACrD,CAAC,CAAC;CACJ;AAID,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,aAAa,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAgCD,wBAAgB,gBAAgB,IAAI,aAAa,GAAG,IAAI,CAIvD;AAED,wBAAgB,oBAAoB,IAAI,OAAO,CAE9C"}

package/src/features/devConnect/DevConnectQrScanner.tsx

@@ -1,214 +0,0 @@
-import React, { Component, useCallback, useEffect, useRef, useState } from 'react';
-import {
-  Modal,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  View,
-} from 'react-native';
-
-import { Colors } from '../../ui/theme/colors';
-import {
-  getScannerModule,
-  type CameraKitReadCodeEvent,
-  type ExpoCameraScanResult,
-} from './cameraKit';
-import { parseMetroQrPayload, type ParsedComputerTarget } from './devConnectUtils';
-
-// ─── Camera Error Boundary ─────────────────────────────────
-
-interface CameraBoundaryProps {
-  children: React.ReactNode;
-  onCameraError: (msg: string) => void;
-}
-
-interface CameraBoundaryState {
-  hasError: boolean;
-}
-
-class CameraErrorBoundary extends Component<CameraBoundaryProps, CameraBoundaryState> {
-  state: CameraBoundaryState = { hasError: false };
-
-  static getDerivedStateFromError(): CameraBoundaryState {
-    return { hasError: true };
-  }
-
-  componentDidCatch(error: Error) {
-    console.warn('[DevConnect] Camera error:', error.message);
-    this.props.onCameraError(error.message || 'Camera failed to initialize.');
-  }
-
-  render() {
-    if (this.state.hasError) {
-      return null;
-    }
-    return this.props.children;
-  }
-}
-
-// ─── QR Scanner ─────────────────────────────────────────────
-
-interface DevConnectQrScannerProps {
-  visible: boolean;
-  onClose: () => void;
-  onScanTarget: (target: ParsedComputerTarget) => void;
-}
-
-export function DevConnectQrScanner({ visible, onClose, onScanTarget }: DevConnectQrScannerProps) {
-  const scannedRef = useRef(false);
-  const [error, setError] = useState<string | null>(null);
-  const [cameraFailed, setCameraFailed] = useState(false);
-  const scanner = getScannerModule();
-
-  useEffect(() => {
-    if (visible) {
-      scannedRef.current = false;
-      setError(null);
-      setCameraFailed(false);
-    }
-  }, [visible]);
-
-  const handleScanned = useCallback((rawValue: string) => {
-    if (scannedRef.current) {
-      return;
-    }
-    if (typeof rawValue !== 'string') {
-      return;
-    }
-
-    const parsed = parseMetroQrPayload(rawValue);
-    if (!parsed) {
-      setError('QR code does not contain a supported Metro URL.');
-      return;
-    }
-
-    scannedRef.current = true;
-    setError(null);
-    onScanTarget({
-      computerHost: parsed.computerHost,
-      metroPort: parsed.metroPort,
-    });
-    onClose();
-  }, [onClose, onScanTarget]);
-
-  const handleCameraKitRead = useCallback((event: CameraKitReadCodeEvent) => {
-    handleScanned(event.nativeEvent?.codeStringValue ?? '');
-  }, [handleScanned]);
-
-  const handleExpoScanned = useCallback((result: ExpoCameraScanResult) => {
-    handleScanned(result.value ?? '');
-  }, [handleScanned]);
-
-  const handleCameraError = useCallback((_msg: string) => {
-    setCameraFailed(true);
-  }, []);
-
-  if (!visible || !scanner) {
-    return null;
-  }
-
-  return (
-    <Modal visible={visible} animationType="slide" presentationStyle="fullScreen" onRequestClose={onClose}>
-      <View style={styles.container}>
-        <View style={styles.previewLayer}>
-          {!cameraFailed && (
-            <CameraErrorBoundary onCameraError={handleCameraError}>
-              {scanner.kind === 'camera-kit' && scanner.CameraKit ? (
-                <scanner.CameraKit.Camera
-                  style={styles.camera}
-                  cameraType={scanner.CameraKit.CameraType?.Back}
-                  scanBarcode
-                  onReadCode={handleCameraKitRead}
-                  showFrame
-                  laserColor={Colors.primary}
-                  frameColor={Colors.primary}
-                  allowedBarcodeTypes={['qr']}
-                />
-              ) : scanner.kind === 'expo-camera' && scanner.ExpoCamera ? (
-                <scanner.ExpoCamera.Camera
-                  style={styles.camera}
-                  onBarCodeScanned={handleExpoScanned}
-                  barCodeScannerSettings={{ barCodeTypes: ['qr'] }}
-                />
-              ) : null}
-            </CameraErrorBoundary>
-          )}
-          {cameraFailed && (
-            <View style={styles.cameraFallback}>
-              <Text style={styles.cameraFallbackText}>Camera unavailable.</Text>
-              <Text style={styles.cameraFallbackHint}>Please enter computer IP manually.</Text>
-            </View>
-          )}
-        </View>
-
-        <View style={styles.topBar}>
-          <View style={styles.titleGroup}>
-            <Text style={styles.title}>Scan Metro QR</Text>
-            <Text style={styles.subtitle}>Expo or Metro URL</Text>
-          </View>
-          <TouchableOpacity style={styles.closeButton} onPress={onClose} activeOpacity={0.75}>
-            <Text style={styles.closeButtonText}>Close</Text>
-          </TouchableOpacity>
-        </View>
-
-        <View style={[styles.statusPill, error && styles.statusPillError]}>
-          <Text style={[styles.statusText, error && styles.statusTextError]}>
-            {error ?? 'Point the camera at exp:// or http:// Metro URL.'}
-          </Text>
-        </View>
-      </View>
-    </Modal>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: { flex: 1, backgroundColor: '#000' },
-  previewLayer: { ...StyleSheet.absoluteFillObject },
-  camera: { ...StyleSheet.absoluteFillObject },
-  cameraFallback: { ...StyleSheet.absoluteFillObject, justifyContent: 'center', alignItems: 'center', padding: 24 },
-  cameraFallbackText: { fontSize: 16, color: '#fff', fontWeight: '600', marginBottom: 8 },
-  cameraFallbackHint: { fontSize: 13, color: 'rgba(255,255,255,0.6)', textAlign: 'center' },
-  topBar: {
-    position: 'absolute',
-    top: 44,
-    left: 16,
-    right: 16,
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    paddingLeft: 14,
-    paddingRight: 8,
-    paddingVertical: 8,
-    borderRadius: 12,
-    backgroundColor: 'rgba(0,0,0,0.62)',
-  },
-  titleGroup: { flex: 1, paddingRight: 10 },
-  title: { color: '#fff', fontSize: 15, fontWeight: '700' },
-  subtitle: { color: 'rgba(255,255,255,0.68)', fontSize: 11, marginTop: 2 },
-  closeButton: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderRadius: 8,
-    backgroundColor: 'rgba(255,255,255,0.14)',
-  },
-  closeButtonText: { color: '#fff', fontSize: 14, fontWeight: '600' },
-  statusPill: {
-    position: 'absolute',
-    left: 16,
-    right: 16,
-    bottom: 30,
-    paddingHorizontal: 14,
-    paddingVertical: 11,
-    borderRadius: 12,
-    backgroundColor: 'rgba(0,0,0,0.62)',
-  },
-  statusPillError: {
-    backgroundColor: `${Colors.error}22`,
-    borderWidth: 1,
-    borderColor: `${Colors.error}66`,
-  },
-  statusText: { color: '#fff', fontSize: 13, textAlign: 'center', lineHeight: 18 },
-  statusTextError: { color: '#fff' },
-});

package/src/features/devConnect/cameraKit.ts

@@ -1,93 +0,0 @@
-import type { ComponentType } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-
-// ---- react-native-camera-kit types ----
-
-export interface CameraKitReadCodeEvent {
-  nativeEvent?: {
-    codeStringValue?: string;
-  };
-}
-
-export interface CameraKitCameraProps {
-  style?: StyleProp<ViewStyle>;
-  cameraType?: unknown;
-  scanBarcode?: boolean;
-  onReadCode?: (event: CameraKitReadCodeEvent) => void;
-  showFrame?: boolean;
-  laserColor?: string;
-  frameColor?: string;
-  allowedBarcodeTypes?: string[];
-}
-
-export interface CameraKitModule {
-  Camera: ComponentType<CameraKitCameraProps>;
-  CameraType?: { Back?: unknown };
-}
-
-// ---- expo-camera types ----
-
-export interface ExpoCameraScanResult {
-  boundingBox?: unknown;
-  cornerPoints?: unknown;
-  type?: string;
-  value?: string;
-}
-
-export interface ExpoCameraModule {
-  Camera: ComponentType<{
-    style?: StyleProp<ViewStyle>;
-    onBarCodeScanned?: (result: ExpoCameraScanResult) => void;
-    barCodeScannerSettings?: { barCodeTypes: string[] };
-  }>;
-}
-
-// ---- Unified scanner ----
-
-export type ScannerKind = 'camera-kit' | 'expo-camera';
-
-export interface ScannerModule {
-  kind: ScannerKind;
-  CameraKit?: CameraKitModule;
-  ExpoCamera?: ExpoCameraModule;
-}
-
-let cached: ScannerModule | null | false = false;
-
-function tryCameraKit(): ScannerModule | null {
-  try {
-    // eslint-disable-next-line @typescript-eslint/no-require-imports
-    const mod = require('react-native-camera-kit') as Partial<CameraKitModule>;
-    if (mod.Camera) {
-      return {
-        kind: 'camera-kit',
-        CameraKit: { Camera: mod.Camera, CameraType: mod.CameraType },
-      };
-    }
-  } catch { /* not installed */ }
-  return null;
-}
-
-function tryExpoCamera(): ScannerModule | null {
-  try {
-    // eslint-disable-next-line @typescript-eslint/no-require-imports
-    const mod = require('expo-camera') as Partial<ExpoCameraModule>;
-    if (mod.Camera) {
-      return {
-        kind: 'expo-camera',
-        ExpoCamera: { Camera: mod.Camera },
-      };
-    }
-  } catch { /* not installed */ }
-  return null;
-}
-
-export function getScannerModule(): ScannerModule | null {
-  if (cached !== false) return cached;
-  cached = tryCameraKit() ?? tryExpoCamera();
-  return cached;
-}
-
-export function isCameraKitAvailable(): boolean {
-  return getScannerModule() !== null;
-}