react-native-inapp-inspector 2.0.7 → 2.2.0

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

@@ -1,210 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PerformanceHud = void 0;
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const TouchableScale_1 = __importDefault(require("../TouchableScale"));
-const AppColors_1 = require("../../styles/AppColors");
-const AppFonts_1 = require("../../styles/AppFonts");
-const NativeInspector_1 = require("../../native/NativeInspector");
-const PerformanceHud = ({ visible, onPress, }) => {
-    const [fps, setFps] = (0, react_1.useState)(60);
-    const [ramMb, setRamMb] = (0, react_1.useState)(45);
-    // Pan / Drag positioning
-    const pan = (0, react_1.useRef)(new react_native_1.Animated.ValueXY({ x: 16, y: react_native_1.Platform.OS === 'ios' ? 56 : 36 })).current;
-    const panResponder = (0, react_1.useRef)(react_native_1.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: react_native_1.Animated.event([null, { dx: pan.x, dy: pan.y }], {
-            useNativeDriver: false,
-        }),
-        onPanResponderRelease: () => {
-            pan.flattenOffset();
-        },
-    })).current;
-    // Real-time FPS Calculation via requestAnimationFrame
-    (0, react_1.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
-    (0, react_1.useEffect)(() => {
-        if (!visible)
-            return;
-        const interval = setInterval(async () => {
-            try {
-                const metrics = await (0, NativeInspector_1.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_1.AppColors.greenColor
-        : fps >= 35
-            ? AppColors_1.AppColors.warningIconGold
-            : AppColors_1.AppColors.errorColor;
-    return (<react_native_1.Animated.View {...panResponder.panHandlers} style={[
-            styles.hudContainer,
-            {
-                transform: pan.getTranslateTransform(),
-            },
-        ]}>
-      <TouchableScale_1.default onPress={onPress} style={styles.hudInner}>
-        {/* FPS Indicator */}
-        <react_native_1.View style={styles.metricItem}>
-          <react_native_1.View style={[styles.statusDot, { backgroundColor: fpsColor }]}/>
-          <react_native_1.Text style={[styles.metricValue, { color: fpsColor }]}>{fps}</react_native_1.Text>
-          <react_native_1.Text style={styles.metricUnit}>FPS</react_native_1.Text>
-        </react_native_1.View>
-
-        <react_native_1.View style={styles.divider}/>
-
-        {/* RAM / Heap Indicator */}
-        <react_native_1.View style={styles.metricItem}>
-          <react_native_1.Text style={styles.metricIcon}>⚡</react_native_1.Text>
-          <react_native_1.Text style={styles.metricValue}>{ramMb}</react_native_1.Text>
-          <react_native_1.Text style={styles.metricUnit}>MB</react_native_1.Text>
-        </react_native_1.View>
-      </TouchableScale_1.default>
-    </react_native_1.Animated.View>);
-};
-exports.PerformanceHud = PerformanceHud;
-const styles = react_native_1.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_1.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_1.AppFonts.interBold,
-        fontSize: 11.5,
-        color: AppColors_1.AppColors.white,
-    },
-    metricUnit: {
-        fontFamily: AppFonts_1.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)',
-    },
-});
-exports.default = exports.PerformanceHud;

package/dist/commonjs/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;