react-native-debug-toolkit 2.0.0 → 2.2.0

package/lib/module/ui/floating/FloatIcon.js

@@ -0,0 +1,235 @@
+"use strict";
+
+import React, { useEffect, useRef } from 'react';
+import { View, Text, StyleSheet, Animated, PanResponder, Pressable, useWindowDimensions } from 'react-native';
+import { Colors } from '../theme/colors';
+import { ICON_SIZE } from '../theme/layout';
+import { getPreference, setPreference, KEYS } from '../../utils/debugPreferences';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const EDGE_MARGIN = 16;
+export function FloatIcon({
+  visible,
+  onPress,
+  badge
+}) {
+  const {
+    width: screenWidth,
+    height: screenHeight
+  } = useWindowDimensions();
+  const defaultX = screenWidth - ICON_SIZE - EDGE_MARGIN;
+  const defaultY = screenHeight / 2 - ICON_SIZE / 2;
+  const pan = useRef(new Animated.ValueXY({
+    x: defaultX,
+    y: defaultY
+  })).current;
+  const scale = useRef(new Animated.Value(1)).current;
+  const lastPosition = useRef({
+    x: defaultX,
+    y: defaultY
+  });
+  const positionLoaded = useRef(false);
+
+  // Restore saved position
+  useEffect(() => {
+    let mounted = true;
+    getPreference(KEYS.fabPosition).then(saved => {
+      if (!mounted || !saved) return;
+      try {
+        const pos = JSON.parse(saved);
+        const x = Math.max(0, Math.min(pos.x, screenWidth - ICON_SIZE));
+        const y = Math.max(0, Math.min(pos.y, screenHeight - ICON_SIZE));
+        lastPosition.current = {
+          x,
+          y
+        };
+        pan.setValue({
+          x,
+          y
+        });
+        positionLoaded.current = true;
+      } catch {
+        // ignore bad data
+      }
+    });
+    return () => {
+      mounted = false;
+    };
+  }, [screenWidth, screenHeight, pan]);
+  const panResponder = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderGrant: () => {
+      Animated.spring(scale, {
+        toValue: 0.9,
+        friction: 5,
+        useNativeDriver: true
+      }).start();
+    },
+    onPanResponderMove: (_, gs) => {
+      const x = Math.max(0, Math.min(lastPosition.current.x + gs.dx, screenWidth - ICON_SIZE));
+      const y = Math.max(0, Math.min(lastPosition.current.y + gs.dy, screenHeight - ICON_SIZE));
+      pan.setValue({
+        x,
+        y
+      });
+    },
+    onPanResponderRelease: (_, gs) => {
+      if (Math.abs(gs.dx) < 5 && Math.abs(gs.dy) < 5) {
+        Animated.spring(scale, {
+          toValue: 1,
+          friction: 5,
+          useNativeDriver: true
+        }).start();
+        onPress();
+        return;
+      }
+      Animated.spring(scale, {
+        toValue: 1,
+        friction: 5,
+        useNativeDriver: true
+      }).start();
+
+      // Snap to nearest edge
+      const rawX = lastPosition.current.x + gs.dx;
+      const midX = screenWidth / 2 - ICON_SIZE / 2;
+      const snappedX = rawX < midX ? EDGE_MARGIN : screenWidth - ICON_SIZE - EDGE_MARGIN;
+      const finalY = Math.max(0, Math.min(lastPosition.current.y + gs.dy, screenHeight - ICON_SIZE));
+      lastPosition.current = {
+        x: snappedX,
+        y: finalY
+      };
+      Animated.spring(pan, {
+        toValue: {
+          x: snappedX,
+          y: finalY
+        },
+        friction: 7,
+        tension: 40,
+        useNativeDriver: true
+      }).start();
+
+      // Persist
+      setPreference(KEYS.fabPosition, JSON.stringify({
+        x: snappedX,
+        y: finalY
+      }));
+    },
+    onPanResponderTerminate: (_, gs) => {
+      const snappedX = lastPosition.current.x + gs.dx < screenWidth / 2 - ICON_SIZE / 2 ? EDGE_MARGIN : screenWidth - ICON_SIZE - EDGE_MARGIN;
+      const finalY = Math.max(0, Math.min(lastPosition.current.y + gs.dy, screenHeight - ICON_SIZE));
+      lastPosition.current = {
+        x: snappedX,
+        y: finalY
+      };
+    }
+  })).current;
+  return /*#__PURE__*/_jsx(Animated.View, {
+    pointerEvents: visible ? 'auto' : 'none',
+    style: [styles.root, {
+      transform: [{
+        translateX: pan.x
+      }, {
+        translateY: pan.y
+      }, {
+        scale
+      }],
+      opacity: visible ? 1 : 0
+    }],
+    ...panResponder.panHandlers,
+    children: /*#__PURE__*/_jsxs(Pressable, {
+      onPress: onPress,
+      style: styles.inner,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.iconGrid,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.iconRow,
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [styles.iconCell, {
+              backgroundColor: Colors.primary
+            }]
+          }), /*#__PURE__*/_jsx(View, {
+            style: [styles.iconCell, {
+              backgroundColor: Colors.success
+            }]
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.iconRow,
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [styles.iconCell, {
+              backgroundColor: Colors.warning
+            }]
+          }), /*#__PURE__*/_jsx(View, {
+            style: [styles.iconCell, {
+              backgroundColor: Colors.purple
+            }]
+          })]
+        })]
+      }), badge && /*#__PURE__*/_jsx(View, {
+        style: [styles.badge, {
+          backgroundColor: badge.color
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.badgeText,
+          children: badge.label
+        })
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    position: 'absolute',
+    width: ICON_SIZE,
+    height: ICON_SIZE,
+    borderRadius: ICON_SIZE / 2,
+    backgroundColor: '#FFFFFF',
+    elevation: 6,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.12,
+    shadowRadius: 8
+  },
+  inner: {
+    width: '100%',
+    height: '100%',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  iconGrid: {
+    width: 22,
+    height: 22,
+    justifyContent: 'space-between'
+  },
+  iconRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+  },
+  iconCell: {
+    width: 8,
+    height: 8,
+    borderRadius: 2.5
+  },
+  badge: {
+    position: 'absolute',
+    top: -4,
+    right: -4,
+    minWidth: 20,
+    height: 18,
+    borderRadius: 9,
+    paddingHorizontal: 5,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderWidth: 2,
+    borderColor: '#FFF',
+    elevation: 4
+  },
+  badgeText: {
+    color: '#FFF',
+    fontSize: 9,
+    fontWeight: '700'
+  }
+});
+//# sourceMappingURL=FloatIcon.js.map

package/lib/module/ui/floating/FloatIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","View","Text","StyleSheet","Animated","PanResponder","Pressable","useWindowDimensions","Colors","ICON_SIZE","getPreference","setPreference","KEYS","jsx","_jsx","jsxs","_jsxs","EDGE_MARGIN","FloatIcon","visible","onPress","badge","width","screenWidth","height","screenHeight","defaultX","defaultY","pan","ValueXY","x","y","current","scale","Value","lastPosition","positionLoaded","mounted","fabPosition","then","saved","pos","JSON","parse","Math","max","min","setValue","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","spring","toValue","friction","useNativeDriver","start","onPanResponderMove","_","gs","dx","dy","onPanResponderRelease","abs","rawX","midX","snappedX","finalY","tension","stringify","onPanResponderTerminate","pointerEvents","style","styles","root","transform","translateX","translateY","opacity","panHandlers","children","inner","iconGrid","iconRow","iconCell","backgroundColor","primary","success","warning","purple","color","badgeText","label","position","borderRadius","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","alignItems","justifyContent","flexDirection","top","right","minWidth","paddingHorizontal","borderWidth","borderColor","fontSize","fontWeight"],"sourceRoot":"../../../../src","sources":["ui/floating/FloatIcon.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,225 @@
+"use strict";
+
+import React, { useCallback, useEffect, useRef } from 'react';
+import { View, Text, StyleSheet, Animated, PanResponder, Pressable, TouchableOpacity, useWindowDimensions } from 'react-native';
+import { Colors } from '../theme/colors';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function DebugPanel({
+  onClose,
+  onClearAll,
+  children
+}) {
+  const {
+    height: screenHeight
+  } = useWindowDimensions();
+  const panelTranslateY = useRef(new Animated.Value(screenHeight)).current;
+  const backdropOpacity = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    requestAnimationFrame(() => {
+      Animated.parallel([Animated.spring(panelTranslateY, {
+        toValue: 0,
+        friction: 8,
+        tension: 65,
+        useNativeDriver: true
+      }), Animated.timing(backdropOpacity, {
+        toValue: 1,
+        duration: 250,
+        useNativeDriver: true
+      })]).start();
+    });
+  }, [panelTranslateY, backdropOpacity]);
+  const closePanel = useCallback(() => {
+    Animated.parallel([Animated.spring(panelTranslateY, {
+      toValue: screenHeight,
+      friction: 8,
+      tension: 65,
+      useNativeDriver: true
+    }), Animated.timing(backdropOpacity, {
+      toValue: 0,
+      duration: 200,
+      useNativeDriver: true
+    })]).start(() => onClose());
+  }, [panelTranslateY, backdropOpacity, onClose, screenHeight]);
+  const panelResponder = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: (_, gs) => gs.dy > 5,
+    onPanResponderMove: (_, gs) => {
+      if (gs.dy > 0) {
+        panelTranslateY.setValue(gs.dy);
+        backdropOpacity.setValue(Math.max(0, 1 - gs.dy / 200));
+      }
+    },
+    onPanResponderRelease: (_, gs) => {
+      if (gs.dy > 100) {
+        closePanel();
+      } else {
+        Animated.spring(panelTranslateY, {
+          toValue: 0,
+          friction: 8,
+          tension: 50,
+          useNativeDriver: true
+        }).start();
+        Animated.timing(backdropOpacity, {
+          toValue: 1,
+          duration: 200,
+          useNativeDriver: true
+        }).start();
+      }
+    }
+  })).current;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.backdrop, {
+        opacity: backdropOpacity
+      }],
+      children: /*#__PURE__*/_jsx(Pressable, {
+        style: styles.backdropPressable,
+        onPress: closePanel
+      })
+    }), /*#__PURE__*/_jsxs(Animated.View, {
+      style: [styles.panel, {
+        transform: [{
+          translateY: panelTranslateY
+        }]
+      }],
+      children: [/*#__PURE__*/_jsxs(View, {
+        ...panelResponder.panHandlers,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.dragHandle,
+          children: /*#__PURE__*/_jsx(View, {
+            style: styles.dragIndicator
+          })
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.header,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.headerTitle,
+            children: "Debug Toolkit"
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.headerButtons,
+            children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+              onPress: () => {
+                onClearAll();
+                closePanel();
+              },
+              style: styles.clearButton,
+              activeOpacity: 0.6,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.clearButtonText,
+                children: "Clear"
+              })
+            }), /*#__PURE__*/_jsx(Pressable, {
+              onPress: closePanel,
+              style: styles.closeButton,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.closeButtonText,
+                children: "\u2715"
+              })
+            })]
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.panelContent,
+        children: children
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'flex-end'
+  },
+  backdrop: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(0,0,0,0.35)'
+  },
+  backdropPressable: {
+    flex: 1
+  },
+  panel: {
+    width: '100%',
+    height: '90%',
+    backgroundColor: Colors.background,
+    borderTopLeftRadius: 28,
+    borderTopRightRadius: 28,
+    overflow: 'hidden',
+    elevation: 24,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: -4
+    },
+    shadowOpacity: 0.08,
+    shadowRadius: 12
+  },
+  dragHandle: {
+    width: '100%',
+    height: 28,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: Colors.surface
+  },
+  dragIndicator: {
+    width: 40,
+    height: 4,
+    borderRadius: 2,
+    backgroundColor: Colors.textLight
+  },
+  panelContent: {
+    flex: 1
+  },
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingHorizontal: 20,
+    paddingTop: 6,
+    paddingBottom: 10,
+    backgroundColor: Colors.surface
+  },
+  headerTitle: {
+    fontSize: 17,
+    fontWeight: '600',
+    color: Colors.text
+  },
+  headerButtons: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12
+  },
+  clearButton: {
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderRadius: 8,
+    backgroundColor: `${Colors.error}0F`
+  },
+  clearButtonText: {
+    color: Colors.error,
+    fontSize: 14,
+    fontWeight: '500'
+  },
+  closeButton: {
+    width: 30,
+    height: 30,
+    borderRadius: 15,
+    backgroundColor: Colors.background,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  closeButtonText: {
+    fontSize: 16,
+    fontWeight: '400',
+    color: Colors.textSecondary,
+    lineHeight: 16
+  }
+});
+//# sourceMappingURL=DebugPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useRef","View","Text","StyleSheet","Animated","PanResponder","Pressable","TouchableOpacity","useWindowDimensions","Colors","jsx","_jsx","jsxs","_jsxs","DebugPanel","onClose","onClearAll","children","height","screenHeight","panelTranslateY","Value","current","backdropOpacity","requestAnimationFrame","parallel","spring","toValue","friction","tension","useNativeDriver","timing","duration","start","closePanel","panelResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_","gs","dy","onPanResponderMove","setValue","Math","max","onPanResponderRelease","style","styles","container","backdrop","opacity","backdropPressable","onPress","panel","transform","translateY","panHandlers","dragHandle","dragIndicator","header","headerTitle","headerButtons","clearButton","activeOpacity","clearButtonText","closeButton","closeButtonText","panelContent","position","top","left","right","bottom","justifyContent","backgroundColor","flex","width","background","borderTopLeftRadius","borderTopRightRadius","overflow","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","alignItems","surface","borderRadius","textLight","flexDirection","paddingHorizontal","paddingTop","paddingBottom","fontSize","fontWeight","color","text","gap","paddingVertical","error","textSecondary","lineHeight"],"sourceRoot":"../../../../src","sources":["ui/panel/DebugPanel.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,177 @@
+"use strict";
+
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { View, Text, StyleSheet, Animated, ScrollView, TouchableOpacity } from 'react-native';
+import { Colors } from '../theme/colors';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function FeatureTabBar({
+  tabs,
+  activeIndex,
+  onSelectTab
+}) {
+  const [underlineWidth, setUnderlineWidth] = useState(0);
+  const underlineTranslateX = useRef(new Animated.Value(0)).current;
+  const tabScrollViewRef = useRef(null);
+  const tabLayouts = useRef([]);
+  const tabScrollOffset = useRef(0);
+  const tabViewportWidth = useRef(0);
+  const tabContentWidth = useRef(0);
+  const underlineInit = useRef(false);
+  const isSwitching = useRef(false);
+  const maxTabScroll = useCallback(() => Math.max(0, tabContentWidth.current - tabViewportWidth.current), []);
+  const clampScroll = useCallback(offset => Math.min(Math.max(0, offset), maxTabScroll()), [maxTabScroll]);
+  const getTabScrollTarget = useCallback(index => {
+    const layout = tabLayouts.current[index];
+    return layout ? clampScroll(layout.x - 60) : clampScroll(tabScrollOffset.current);
+  }, [clampScroll]);
+  const animateUnderline = useCallback((index, scrollOffset) => {
+    const layout = tabLayouts.current[index];
+    if (!layout) return;
+    const offsetX = clampScroll(scrollOffset ?? tabScrollOffset.current);
+    setUnderlineWidth(layout.width);
+    Animated.spring(underlineTranslateX, {
+      toValue: layout.x - offsetX,
+      friction: 7,
+      tension: 50,
+      useNativeDriver: true
+    }).start();
+  }, [clampScroll, underlineTranslateX]);
+  const syncUnderlineToActiveTab = useCallback(() => {
+    const layout = tabLayouts.current[activeIndex];
+    if (!layout) return;
+    const clamped = clampScroll(tabScrollOffset.current);
+    if (clamped !== tabScrollOffset.current) tabScrollOffset.current = clamped;
+    underlineTranslateX.setValue(layout.x - clamped);
+    setUnderlineWidth(layout.width);
+  }, [activeIndex, clampScroll, underlineTranslateX]);
+  const tryInit = useCallback(() => {
+    if (underlineInit.current || tabViewportWidth.current <= 0 || tabContentWidth.current <= 0) return;
+    const layout = tabLayouts.current[activeIndex];
+    if (!layout) return;
+    const target = getTabScrollTarget(activeIndex);
+    tabScrollOffset.current = target;
+    tabScrollViewRef.current?.scrollTo({
+      x: target,
+      animated: false
+    });
+    underlineTranslateX.setValue(layout.x - target);
+    setUnderlineWidth(layout.width);
+    underlineInit.current = true;
+  }, [activeIndex, getTabScrollTarget, underlineTranslateX]);
+  const handleSelectTab = useCallback(index => {
+    if (isSwitching.current || index === activeIndex) return;
+    isSwitching.current = true;
+    const layout = tabLayouts.current[index];
+    if (layout) {
+      const target = getTabScrollTarget(index);
+      tabScrollOffset.current = target;
+      tabScrollViewRef.current?.scrollTo({
+        x: target,
+        animated: true
+      });
+      animateUnderline(index, target);
+    }
+    onSelectTab(index);
+    setTimeout(() => {
+      isSwitching.current = false;
+    }, 350);
+  }, [activeIndex, animateUnderline, getTabScrollTarget, onSelectTab]);
+
+  // React to external activeIndex changes (e.g. swipe-to-switch)
+  useEffect(() => {
+    if (!underlineInit.current) return;
+    const layout = tabLayouts.current[activeIndex];
+    if (!layout) return;
+    const target = getTabScrollTarget(activeIndex);
+    tabScrollOffset.current = target;
+    tabScrollViewRef.current?.scrollTo({
+      x: target,
+      animated: true
+    });
+    animateUnderline(activeIndex, target);
+  }, [activeIndex, animateUnderline, getTabScrollTarget]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(ScrollView, {
+      ref: tabScrollViewRef,
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles.scrollContent,
+      onLayout: e => {
+        tabViewportWidth.current = e.nativeEvent.layout.width;
+        tryInit();
+      },
+      onContentSizeChange: width => {
+        tabContentWidth.current = width;
+        tryInit();
+      },
+      onScroll: e => {
+        tabScrollOffset.current = clampScroll(e.nativeEvent.contentOffset.x);
+        if (!isSwitching.current) syncUnderlineToActiveTab();
+      },
+      scrollEventThrottle: 16,
+      children: tabs.map((tab, index) => /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.tab,
+        onPress: () => handleSelectTab(index),
+        activeOpacity: 0.7,
+        onLayout: e => {
+          const {
+            x,
+            width
+          } = e.nativeEvent.layout;
+          tabLayouts.current[index] = {
+            x,
+            width
+          };
+          if (index === activeIndex) tryInit();
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.tabText, activeIndex === index && styles.activeTabText],
+          numberOfLines: 1,
+          children: tab.label
+        })
+      }, tab.id))
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.underline, {
+        width: underlineWidth,
+        transform: [{
+          translateX: underlineTranslateX
+        }]
+      }]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: Colors.surface,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: Colors.border
+  },
+  scrollContent: {
+    paddingHorizontal: 20,
+    flexDirection: 'row'
+  },
+  tab: {
+    paddingVertical: 10,
+    paddingHorizontal: 14,
+    marginRight: 8
+  },
+  tabText: {
+    fontSize: 14,
+    fontWeight: '500',
+    color: Colors.textLight
+  },
+  activeTabText: {
+    color: Colors.primary,
+    fontWeight: '600'
+  },
+  underline: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    height: 2.5,
+    borderRadius: 1.25,
+    backgroundColor: Colors.primary
+  }
+});
+//# sourceMappingURL=FeatureTabBar.js.map