react-native-inapp-inspector 2.0.6 → 2.1.0

package/dist/esm/components/Inspector/PerformanceHud.js

@@ -1,170 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { Animated, PanResponder, Platform, StyleSheet, Text, View, } from 'react-native';
-import TouchableScale from '../TouchableScale';
-import { AppColors } from '../../styles/AppColors';
-import { AppFonts } from '../../styles/AppFonts';
-import { getNativeDeviceMetrics } from '../../native/NativeInspector';
-export const PerformanceHud = ({ visible, onPress, }) => {
-    const [fps, setFps] = useState(60);
-    const [ramMb, setRamMb] = useState(45);
-    // Pan / Drag positioning
-    const pan = useRef(new Animated.ValueXY({ x: 16, y: Platform.OS === 'ios' ? 56 : 36 })).current;
-    const panResponder = useRef(PanResponder.create({
-        onStartShouldSetPanResponder: () => false,
-        onMoveShouldSetPanResponder: (_, gestureState) => {
-            return Math.abs(gestureState.dx) > 4 || Math.abs(gestureState.dy) > 4;
-        },
-        onPanResponderGrant: () => {
-            pan.setOffset({
-                // @ts-ignore
-                x: pan.x._value,
-                // @ts-ignore
-                y: pan.y._value,
-            });
-            pan.setValue({ x: 0, y: 0 });
-        },
-        onPanResponderMove: Animated.event([null, { dx: pan.x, dy: pan.y }], {
-            useNativeDriver: false,
-        }),
-        onPanResponderRelease: () => {
-            pan.flattenOffset();
-        },
-    })).current;
-    // Real-time FPS Calculation via requestAnimationFrame
-    useEffect(() => {
-        if (!visible)
-            return;
-        let frameCount = 0;
-        let lastTime = performance.now();
-        let animId;
-        const loop = (now) => {
-            frameCount++;
-            const elapsed = now - lastTime;
-            if (elapsed >= 500) {
-                const currentFps = Math.min(60, Math.round((frameCount * 1000) / elapsed));
-                setFps(currentFps);
-                frameCount = 0;
-                lastTime = now;
-            }
-            animId = requestAnimationFrame(loop);
-        };
-        animId = requestAnimationFrame(loop);
-        return () => {
-            cancelAnimationFrame(animId);
-        };
-    }, [visible]);
-    // Memory Metrics Polling
-    useEffect(() => {
-        if (!visible)
-            return;
-        const interval = setInterval(async () => {
-            try {
-                const metrics = await getNativeDeviceMetrics();
-                if (metrics && metrics.residentMemory != null) {
-                    const mb = metrics.residentMemory / (1024 * 1024);
-                    setRamMb(Math.round(mb));
-                }
-                else if (metrics && metrics.usedRAM != null) {
-                    const mb = metrics.usedRAM / (1024 * 1024);
-                    setRamMb(Math.round(mb));
-                }
-                else if (typeof performance !== 'undefined' &&
-                    // @ts-ignore
-                    performance.memory?.usedJSHeapSize) {
-                    // @ts-ignore
-                    const mb = performance.memory.usedJSHeapSize / (1024 * 1024);
-                    setRamMb(Math.round(mb));
-                }
-            }
-            catch {
-                // Safe fallback
-            }
-        }, 1500);
-        return () => clearInterval(interval);
-    }, [visible]);
-    if (!visible)
-        return null;
-    const fpsColor = fps >= 55
-        ? AppColors.greenColor
-        : fps >= 35
-            ? AppColors.warningIconGold
-            : AppColors.errorColor;
-    return (<Animated.View {...panResponder.panHandlers} style={[
-            styles.hudContainer,
-            {
-                transform: pan.getTranslateTransform(),
-            },
-        ]}>
-      <TouchableScale onPress={onPress} style={styles.hudInner}>
-        {/* FPS Indicator */}
-        <View style={styles.metricItem}>
-          <View style={[styles.statusDot, { backgroundColor: fpsColor }]}/>
-          <Text style={[styles.metricValue, { color: fpsColor }]}>{fps}</Text>
-          <Text style={styles.metricUnit}>FPS</Text>
-        </View>
-
-        <View style={styles.divider}/>
-
-        {/* RAM / Heap Indicator */}
-        <View style={styles.metricItem}>
-          <Text style={styles.metricIcon}>⚡</Text>
-          <Text style={styles.metricValue}>{ramMb}</Text>
-          <Text style={styles.metricUnit}>MB</Text>
-        </View>
-      </TouchableScale>
-    </Animated.View>);
-};
-const styles = StyleSheet.create({
-    hudContainer: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        zIndex: 999998,
-        elevation: 999998,
-    },
-    hudInner: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: 'rgba(15, 23, 42, 0.88)',
-        borderRadius: 20,
-        borderWidth: 1,
-        borderColor: 'rgba(255, 255, 255, 0.18)',
-        paddingHorizontal: 10,
-        paddingVertical: 5,
-        gap: 8,
-        shadowColor: AppColors.black,
-        shadowOpacity: 0.35,
-        shadowRadius: 6,
-        shadowOffset: { width: 0, height: 2 },
-    },
-    metricItem: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-    },
-    statusDot: {
-        width: 6,
-        height: 6,
-        borderRadius: 3,
-    },
-    metricIcon: {
-        fontSize: 10,
-    },
-    metricValue: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 11.5,
-        color: AppColors.white,
-    },
-    metricUnit: {
-        fontFamily: AppFonts.interRegular,
-        fontSize: 9,
-        color: 'rgba(255, 255, 255, 0.65)',
-        letterSpacing: 0.2,
-    },
-    divider: {
-        width: 1,
-        height: 12,
-        backgroundColor: 'rgba(255, 255, 255, 0.2)',
-    },
-});
-export default PerformanceHud;

package/dist/esm/components/Inspector/RequestReplayModal.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { NetworkLog } from '../../types';
-interface RequestReplayModalProps {
-    visible: boolean;
-    onClose: () => void;
-    request: NetworkLog;
-}
-export declare const RequestReplayModal: React.FC<RequestReplayModalProps>;
-export default RequestReplayModal;