react-native-debug-toolkit 2.3.0 → 3.1.2

package/lib/module/ui/panel/FloatPanelView.js

@@ -1,11 +1,12 @@
 "use strict";
 
 import React, { Component, useCallback, useEffect, useRef, useState } from 'react';
-import { View, Text, StyleSheet, Animated, PanResponder, Easing } from 'react-native';
+import { View, Text, StyleSheet, Animated } from 'react-native';
 import { getPreference, setPreference, KEYS } from '../../utils/debugPreferences';
 import { FloatIcon } from '../floating/FloatIcon';
 import { DebugPanel } from './DebugPanel';
 import { FeatureTabBar } from './FeatureTabBar';
+import { useTabAnimation } from './useTabAnimation';
 
 // ─── Error Boundary ────────────────────────────────────
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -52,32 +53,19 @@ export function FloatPanelView({
       mounted = false;
     };
   }, []);
-
-  // Content slide animation
-  const contentOpacity = useRef(new Animated.Value(1)).current;
-  const contentTranslateX = useRef(new Animated.Value(0)).current;
-  const isSwitchingTab = useRef(false);
-
-  // Refs to avoid stale closures in PanResponder
-  const activeTabRef = useRef(0);
-  activeTabRef.current = activeTab;
-  const featuresLengthRef = useRef(features.length);
-  featuresLengthRef.current = features.length;
-  const switchTabRef = useRef(() => {});
-
-  // Swipe-to-switch responder
-  const swipeResponder = useRef(PanResponder.create({
-    onStartShouldSetPanResponder: () => false,
-    onMoveShouldSetPanResponder: (_, gs) => {
-      if (isSwitchingTab.current) return false;
-      return Math.abs(gs.dx) > 25 && Math.abs(gs.dx) > Math.abs(gs.dy) * 2.5;
-    },
-    onPanResponderRelease: (_, gs) => {
-      const tab = activeTabRef.current;
-      if (gs.dx < -40 && tab < featuresLengthRef.current - 1) switchTabRef.current(tab + 1);else if (gs.dx > 40 && tab > 0) switchTabRef.current(tab - 1);
-    },
-    onPanResponderTerminationRequest: () => true
-  })).current;
+  const {
+    contentOpacity,
+    contentTranslateX,
+    panHandlers,
+    switchTab
+  } = useTabAnimation({
+    activeTab,
+    tabCount: features.length,
+    onTabChange: useCallback(index => {
+      setActiveTab(index);
+      setPreference(KEYS.lastTab, String(index));
+    }, [])
+  });
 
   // Feature subscription → re-render on data changes
   const [, setTick] = useState(0);
@@ -103,41 +91,6 @@ export function FloatPanelView({
     }
   }, [features.length, activeTab]);
 
-  // Tab switching with content animation
-  const switchTab = useCallback(index => {
-    if (isSwitchingTab.current || index === activeTabRef.current) return;
-    isSwitchingTab.current = true;
-    const direction = index > activeTabRef.current ? 1 : -1;
-    Animated.parallel([Animated.timing(contentOpacity, {
-      toValue: 0,
-      duration: 80,
-      useNativeDriver: true
-    }), Animated.timing(contentTranslateX, {
-      toValue: -direction * 40,
-      duration: 80,
-      useNativeDriver: true
-    })]).start(() => {
-      setActiveTab(index);
-      setPreference(KEYS.lastTab, String(index));
-      contentTranslateX.setValue(direction * 40);
-      Animated.parallel([Animated.timing(contentOpacity, {
-        toValue: 1,
-        duration: 150,
-        useNativeDriver: true
-      }), Animated.timing(contentTranslateX, {
-        toValue: 0,
-        duration: 200,
-        easing: Easing.out(Easing.cubic),
-        useNativeDriver: true
-      })]).start(() => {
-        isSwitchingTab.current = false;
-      });
-    });
-  }, [contentOpacity, contentTranslateX]);
-
-  // Keep ref in sync
-  switchTabRef.current = switchTab;
-
   // Badge (first feature that returns one)
   const envBadge = features.map(f => f.badge?.()).find(b => b != null) ?? null;
   const tabs = features.map(f => ({
@@ -195,7 +148,7 @@ export function FloatPanelView({
               translateX: contentTranslateX
             }]
           }],
-          ...swipeResponder.panHandlers,
+          ...panHandlers,
           children: renderFeatureContent()
         })]
       })]

package/lib/module/ui/panel/FloatPanelView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","useCallback","useEffect","useRef","useState","View","Text","StyleSheet","Animated","PanResponder","Easing","getPreference","setPreference","KEYS","FloatIcon","DebugPanel","FeatureTabBar","jsx","_jsx","jsxs","_jsxs","DebugErrorBoundary","state","hasError","getDerivedStateFromError","componentDidCatch","error","info","console","componentStack","props","onError","render","children","FloatPanelView","features","panelOpen","onOpenPanel","onClosePanel","onClearAll","activeTab","setActiveTab","tabLoaded","mounted","lastTab","then","val","idx","parseInt","isNaN","current","contentOpacity","Value","contentTranslateX","isSwitchingTab","activeTabRef","featuresLengthRef","length","switchTabRef","swipeResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_","gs","Math","abs","dx","dy","onPanResponderRelease","tab","onPanResponderTerminationRequest","setTick","refreshQueued","scheduleRefresh","requestAnimationFrame","t","unsubs","map","f","subscribe","filter","u","forEach","switchTab","index","direction","parallel","timing","toValue","duration","useNativeDriver","start","String","setValue","easing","out","cubic","envBadge","badge","find","b","tabs","label","id","name","renderFeatureContent","style","styles","emptyText","feature","snapshot","getSnapshot","TabComponent","renderContent","genericContent","jsonContent","JSON","stringify","container","pointerEvents","visible","onPress","onClose","activeIndex","onSelectTab","contentContainer","opacity","transform","translateX","panHandlers","position","top","left","right","bottom","zIndex","flex","padding","textAlign","color","fontSize","fontFamily"],"sourceRoot":"../../../../src","sources":["ui/panel/FloatPanelView.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","useCallback","useEffect","useRef","useState","View","Text","StyleSheet","Animated","getPreference","setPreference","KEYS","FloatIcon","DebugPanel","FeatureTabBar","useTabAnimation","jsx","_jsx","jsxs","_jsxs","DebugErrorBoundary","state","hasError","getDerivedStateFromError","componentDidCatch","error","info","console","componentStack","props","onError","render","children","FloatPanelView","features","panelOpen","onOpenPanel","onClosePanel","onClearAll","activeTab","setActiveTab","tabLoaded","mounted","lastTab","then","val","idx","parseInt","isNaN","current","contentOpacity","contentTranslateX","panHandlers","switchTab","tabCount","length","onTabChange","index","String","setTick","refreshQueued","scheduleRefresh","requestAnimationFrame","t","unsubs","map","f","subscribe","filter","u","forEach","envBadge","badge","find","b","tabs","label","id","name","renderFeatureContent","style","styles","emptyText","feature","snapshot","getSnapshot","TabComponent","renderContent","genericContent","jsonContent","JSON","stringify","container","pointerEvents","visible","onPress","onClose","activeIndex","onSelectTab","contentContainer","opacity","transform","translateX","create","position","top","left","right","bottom","zIndex","flex","padding","textAlign","color","fontSize","fontFamily"],"sourceRoot":"../../../../src","sources":["ui/panel/FloatPanelView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/panel/StreamingSettingsModal.js

@@ -0,0 +1,490 @@
+"use strict";
+
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { KeyboardAvoidingView, Modal, Platform, ScrollView, View, Text, TextInput, TouchableOpacity, StyleSheet, Pressable } from 'react-native';
+import { Colors } from '../theme/colors';
+import { daemonClient, buildDeviceDaemonEndpoint, normalizeDaemonSettings, getDefaultDaemonEndpoint } from '../../utils/DaemonClient';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CONNECTION_TIMEOUT_MS = 2000;
+function formatConnectionFailure() {
+  return 'Cannot reach desktop. Try /health in phone browser.';
+}
+export function StreamingSettingsModal({
+  visible,
+  onClose
+}) {
+  const inputRef = useRef(null);
+  const [mode, setMode] = useState('simulator');
+  const [deviceHost, setDeviceHost] = useState('');
+  const [streaming, setStreaming] = useState(daemonClient.isConnected());
+  const [syncState, setSyncState] = useState(daemonClient.isConnected() ? 'running' : 'idle');
+  const [message, setMessage] = useState(null);
+  const [sending, setSending] = useState(false);
+  const handleDeviceHostChange = useCallback(value => {
+    setDeviceHost(value);
+    if (syncState === 'failed') {
+      setSyncState('idle');
+    }
+    setMessage(null);
+  }, [syncState]);
+  const detectDeviceHost = useCallback(async () => {
+    setMessage('Enter your Mac IP, or open /health on the phone browser to verify reachability.');
+  }, []);
+  useEffect(() => {
+    if (visible) {
+      const settings = daemonClient.getSettings();
+      setMode(settings.mode);
+      setDeviceHost(settings.deviceHost);
+    }
+  }, [visible]);
+  useEffect(() => {
+    const active = daemonClient.isConnected();
+    setStreaming(active);
+    setSyncState(active ? 'running' : 'idle');
+  }, [visible]);
+  const getSettings = useCallback(() => ({
+    mode,
+    endpoint: '',
+    deviceHost,
+    token: ''
+  }), [deviceHost, mode]);
+  const validateSettings = useCallback(() => {
+    if (mode === 'device' && !deviceHost.trim()) {
+      setMessage('Enter your Mac IP first.');
+      return false;
+    }
+    return true;
+  }, [deviceHost, mode]);
+  const handleModeChange = useCallback(nextMode => {
+    setMode(nextMode);
+  }, []);
+  const toggleLiveSync = useCallback(async () => {
+    if (streaming) {
+      daemonClient.disconnect();
+      daemonClient.setStreamingEnabled(false);
+      setStreaming(false);
+      setSyncState('idle');
+      setMessage(null);
+      return;
+    }
+    if (!validateSettings()) {
+      return;
+    }
+    const settings = getSettings();
+    const daemonOptions = normalizeDaemonSettings(settings);
+    setMessage('Checking desktop connection...');
+    setSyncState('connecting');
+    daemonClient.configure(settings);
+    const connection = await daemonClient.checkConnection({
+      ...daemonOptions,
+      timeoutMs: CONNECTION_TIMEOUT_MS
+    });
+    if (!connection.ok) {
+      setStreaming(false);
+      setSyncState('failed');
+      setMessage(formatConnectionFailure());
+      return;
+    }
+    daemonClient.setStreamingEnabled(true);
+    daemonClient.connect({
+      ...daemonOptions,
+      timeoutMs: 3000,
+      onStatus: status => {
+        if (status.state === 'connected') {
+          setSyncState('connected');
+          setMessage(null);
+        } else if (status.state === 'retrying') {
+          setSyncState('retrying');
+          setMessage('Desktop not reachable. Retrying...');
+        } else if (status.state === 'failed') {
+          setStreaming(false);
+          setSyncState('failed');
+          setMessage(status.reason === 'auth' ? 'Desktop token rejected.' : 'Desktop not reachable after multiple retries.');
+        } else {
+          setSyncState('connecting');
+        }
+      }
+    });
+    setStreaming(true);
+  }, [getSettings, streaming, validateSettings]);
+  const sendOnce = useCallback(async () => {
+    if (!validateSettings()) {
+      return;
+    }
+    const settings = getSettings();
+    const daemonOptions = normalizeDaemonSettings(settings);
+    setSending(true);
+    setMessage('Checking desktop connection...');
+    daemonClient.configure(settings);
+    try {
+      const connection = await daemonClient.checkConnection({
+        ...daemonOptions,
+        timeoutMs: CONNECTION_TIMEOUT_MS
+      });
+      if (!connection.ok) {
+        setMessage(formatConnectionFailure());
+        return;
+      }
+      setMessage('Sending logs...');
+      const result = await daemonClient.reportOnce({
+        ...daemonOptions,
+        timeoutMs: 2000
+      });
+      if (result.ok) {
+        const totalLogs = Object.values(result.logCount ?? {}).reduce((total, count) => total + count, 0);
+        setMessage(`Sent ${totalLogs} logs.`);
+      } else {
+        setMessage(result.error ? `Send failed: ${result.error}` : 'Send failed.');
+      }
+    } finally {
+      setSending(false);
+    }
+  }, [getSettings, validateSettings]);
+  const target = mode === 'device' ? buildDeviceDaemonEndpoint(deviceHost) || 'Enter Mac IP' : getDefaultDaemonEndpoint();
+  const canConnect = mode === 'simulator' || Boolean(deviceHost.trim());
+  const connecting = !streaming && syncState === 'connecting';
+  const busy = sending || connecting;
+  const statusTitle = sending ? 'Checking' : connecting ? 'Checking' : streaming && syncState === 'connected' ? 'Live sync connected' : streaming && syncState === 'retrying' ? 'Retrying desktop sync' : syncState === 'failed' ? 'Failed' : streaming ? 'Live sync running' : mode === 'device' && !deviceHost.trim() ? 'Enter Mac IP' : 'Ready';
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/_jsx(KeyboardAvoidingView, {
+      style: styles.keyboardAvoiding,
+      behavior: Platform.OS === 'ios' ? 'padding' : undefined,
+      children: /*#__PURE__*/_jsx(Pressable, {
+        style: styles.backdrop,
+        onPress: onClose,
+        children: /*#__PURE__*/_jsxs(Pressable, {
+          style: styles.sheet,
+          onPress: e => e.stopPropagation(),
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.handle
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.header,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.title,
+              children: "Desktop Logs"
+            }), /*#__PURE__*/_jsx(TouchableOpacity, {
+              onPress: onClose,
+              style: styles.closeButton,
+              activeOpacity: 0.7,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.closeButtonText,
+                children: "Close"
+              })
+            })]
+          }), /*#__PURE__*/_jsxs(ScrollView, {
+            keyboardShouldPersistTaps: "handled",
+            showsVerticalScrollIndicator: false,
+            contentContainerStyle: styles.scrollContent,
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: styles.statusCard,
+              children: [/*#__PURE__*/_jsx(View, {
+                style: [styles.statusDot, streaming ? styles.dotActive : styles.dotInactive]
+              }), /*#__PURE__*/_jsxs(View, {
+                style: styles.statusCopy,
+                children: [/*#__PURE__*/_jsx(Text, {
+                  style: styles.statusTitle,
+                  children: statusTitle
+                }), /*#__PURE__*/_jsx(Text, {
+                  style: styles.statusTarget,
+                  numberOfLines: 1,
+                  children: target
+                })]
+              })]
+            }), /*#__PURE__*/_jsxs(View, {
+              style: styles.section,
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: styles.label,
+                children: "Connection"
+              }), /*#__PURE__*/_jsxs(View, {
+                style: styles.segment,
+                children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+                  style: [styles.segmentButton, mode === 'simulator' && styles.segmentButtonActive],
+                  onPress: () => handleModeChange('simulator'),
+                  disabled: streaming,
+                  activeOpacity: 0.7,
+                  children: /*#__PURE__*/_jsx(Text, {
+                    style: [styles.segmentText, mode === 'simulator' && styles.segmentTextActive],
+                    children: "Simulator"
+                  })
+                }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                  style: [styles.segmentButton, mode === 'device' && styles.segmentButtonActive],
+                  onPress: () => handleModeChange('device'),
+                  disabled: streaming,
+                  activeOpacity: 0.7,
+                  children: /*#__PURE__*/_jsx(Text, {
+                    style: [styles.segmentText, mode === 'device' && styles.segmentTextActive],
+                    children: "Real device"
+                  })
+                })]
+              })]
+            }), mode === 'device' ? /*#__PURE__*/_jsx(View, {
+              style: styles.section,
+              children: /*#__PURE__*/_jsxs(View, {
+                style: styles.inputRow,
+                children: [/*#__PURE__*/_jsx(Text, {
+                  style: styles.inputLabel,
+                  children: "Mac IP"
+                }), /*#__PURE__*/_jsx(TextInput, {
+                  ref: inputRef,
+                  style: styles.input,
+                  value: deviceHost,
+                  onChangeText: handleDeviceHostChange,
+                  placeholder: "192.168.1.10",
+                  placeholderTextColor: Colors.textLight,
+                  autoCapitalize: "none",
+                  autoCorrect: false,
+                  keyboardType: "numbers-and-punctuation",
+                  returnKeyType: "done",
+                  onSubmitEditing: () => inputRef.current?.blur(),
+                  editable: !streaming
+                }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                  style: [styles.detectButton, (streaming || busy) && styles.buttonDisabled],
+                  onPress: detectDeviceHost,
+                  disabled: streaming || busy,
+                  activeOpacity: 0.7,
+                  children: /*#__PURE__*/_jsx(Text, {
+                    style: styles.detectButtonText,
+                    children: "?"
+                  })
+                })]
+              })
+            }) : null, message ? /*#__PURE__*/_jsx(Text, {
+              style: styles.message,
+              children: message
+            }) : null, /*#__PURE__*/_jsxs(View, {
+              style: styles.actions,
+              children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+                style: [styles.primaryButton, (!canConnect || busy) && styles.buttonDisabled],
+                onPress: toggleLiveSync,
+                disabled: !canConnect || busy,
+                activeOpacity: 0.75,
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: styles.primaryButtonText,
+                  children: streaming ? 'Stop Live Sync' : busy ? 'Checking...' : 'Start Live Sync'
+                })
+              }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                style: [styles.secondaryButton, (!canConnect || busy) && styles.buttonDisabled],
+                onPress: sendOnce,
+                disabled: !canConnect || busy,
+                activeOpacity: 0.75,
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: styles.secondaryButtonText,
+                  children: sending ? 'Sending...' : 'Send Once'
+                })
+              })]
+            })]
+          })]
+        })
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  keyboardAvoiding: {
+    flex: 1
+  },
+  backdrop: {
+    flex: 1,
+    backgroundColor: 'rgba(0,0,0,0.4)',
+    justifyContent: 'flex-end'
+  },
+  sheet: {
+    backgroundColor: Colors.surface,
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    paddingHorizontal: 20,
+    paddingTop: 12,
+    paddingBottom: 20,
+    maxHeight: '82%'
+  },
+  handle: {
+    width: 40,
+    height: 4,
+    borderRadius: 2,
+    backgroundColor: Colors.textLight,
+    alignSelf: 'center',
+    marginBottom: 16
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginBottom: 14
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: '600',
+    color: Colors.text
+  },
+  closeButton: {
+    paddingHorizontal: 4,
+    paddingVertical: 4
+  },
+  closeButtonText: {
+    fontSize: 14,
+    fontWeight: '500',
+    color: Colors.primary
+  },
+  scrollContent: {
+    paddingBottom: 4
+  },
+  statusCard: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10,
+    padding: 12,
+    borderRadius: 8,
+    backgroundColor: Colors.background,
+    borderWidth: 1,
+    borderColor: Colors.border,
+    marginBottom: 16
+  },
+  statusCopy: {
+    flex: 1
+  },
+  statusTitle: {
+    fontSize: 14,
+    fontWeight: '600',
+    color: Colors.text
+  },
+  statusTarget: {
+    marginTop: 2,
+    fontSize: 12,
+    color: Colors.textLight,
+    fontFamily: 'Courier'
+  },
+  section: {
+    marginBottom: 14
+  },
+  label: {
+    fontSize: 13,
+    fontWeight: '500',
+    color: Colors.textSecondary,
+    marginBottom: 6
+  },
+  segment: {
+    flexDirection: 'row',
+    padding: 3,
+    borderRadius: 10,
+    backgroundColor: Colors.background,
+    borderWidth: 1,
+    borderColor: Colors.border
+  },
+  segmentButton: {
+    flex: 1,
+    alignItems: 'center',
+    paddingVertical: 9,
+    borderRadius: 7
+  },
+  segmentButtonActive: {
+    backgroundColor: Colors.surface,
+    borderWidth: 1,
+    borderColor: Colors.primary
+  },
+  segmentText: {
+    fontSize: 13,
+    fontWeight: '500',
+    color: Colors.textSecondary
+  },
+  segmentTextActive: {
+    color: Colors.primary,
+    fontWeight: '600'
+  },
+  inputRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  inputLabel: {
+    width: 50,
+    fontSize: 13,
+    fontWeight: '600',
+    color: Colors.textSecondary
+  },
+  input: {
+    flex: 1,
+    backgroundColor: Colors.background,
+    borderWidth: 1,
+    borderColor: Colors.border,
+    borderRadius: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    fontSize: 14,
+    color: Colors.text,
+    fontFamily: 'Courier'
+  },
+  detectButton: {
+    minWidth: 68,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 10,
+    paddingVertical: 10,
+    borderRadius: 8,
+    backgroundColor: Colors.surface,
+    borderWidth: 1,
+    borderColor: Colors.primary
+  },
+  detectButtonText: {
+    color: Colors.primary,
+    fontSize: 13,
+    fontWeight: '600'
+  },
+  statusDot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4
+  },
+  dotActive: {
+    backgroundColor: Colors.success
+  },
+  dotInactive: {
+    backgroundColor: Colors.textLight
+  },
+  message: {
+    fontSize: 12,
+    lineHeight: 17,
+    color: Colors.textSecondary,
+    marginBottom: 12
+  },
+  actions: {
+    flexDirection: 'row',
+    gap: 10,
+    marginTop: 4
+  },
+  primaryButton: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 11,
+    borderRadius: 10,
+    backgroundColor: Colors.primary
+  },
+  primaryButtonText: {
+    color: '#fff',
+    fontSize: 14,
+    fontWeight: '600'
+  },
+  secondaryButton: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 11,
+    borderRadius: 10,
+    backgroundColor: Colors.background,
+    borderWidth: 1,
+    borderColor: Colors.border
+  },
+  secondaryButtonText: {
+    color: Colors.primary,
+    fontSize: 14,
+    fontWeight: '600'
+  },
+  buttonDisabled: {
+    opacity: 0.5
+  }
+});
+//# sourceMappingURL=StreamingSettingsModal.js.map