react-native-inapp-inspector 2.3.19 → 2.3.21

package/dist/commonjs/customHooks/performanceTracker.js

@@ -1,750 +1,63 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPerformanceEvents = exports.subscribePerformanceEvents = exports.clearPerformanceEvents = exports.logPerformanceEvent = exports.prunePerformanceEvents = exports.getMaxPerformanceEventsLimit = exports.setMaxPerformanceEventsLimit = exports.usePerformanceTracker = exports.useComponentProfiler = exports.measureAsync = exports.trackHeavyTask = exports.useNavigationProfiler = exports.trackNavigationTransition = exports.getHermesMemoryStats = exports.trackComponentRender = exports.registerComponentProfile = exports.getRenderProfiles = exports.subscribeRenderProfiles = exports.getPerformanceModuleEnabled = exports.setPerformanceModuleEnabled = exports.INITIAL_EVENTS = exports.getInitialPerformanceEvents = exports.getInitialRenderProfiles = exports.generateFixSnippet = void 0;
-exports.getCallerSourceFile = getCallerSourceFile;
-const AppColors_1 = require("../styles/AppColors");
-const i18n_1 = require("../i18n");
-const react_1 = require("react");
-const generateFixSnippet = (fixKey, componentName = 'Component', context) => {
-    const comp = componentName || 'Component';
-    const prop = context?.propName || 'onPress';
-    const action = context?.actionName || 'handlePress';
-    const itemHeight = context?.itemHeight || 72;
-    switch (fixKey) {
-        case 'useCallback':
-            return {
-                keyName: 'useCallback',
-                title: (0, i18n_1.t)('performance.fixUseCallbackTitle'),
-                explanation: (0, i18n_1.t)('performance.fixUseCallbackDesc'),
-                codeSnippet: `${(0, i18n_1.t)('performance.beforeUseCallback', { comp })}\n<Button ${prop}={() => ${action}(item.id)} />\n\n${(0, i18n_1.t)('performance.afterUseCallback')}\nconst ${action}Memo = useCallback(() => {\n  ${action}(item.id);\n}, [item.id]);\n<Button ${prop}={${action}Memo} />`,
-                impact: (0, i18n_1.t)('performance.highImpact'),
-                impactColor: AppColors_1.AppColors.pink500,
-            };
-        case 'createSelector':
-        case 'useMemo':
-            return {
-                keyName: 'createSelector',
-                title: (0, i18n_1.t)('performance.fixCreateSelectorTitle'),
-                explanation: (0, i18n_1.t)('performance.fixCreateSelectorDesc'),
-                codeSnippet: `${(0, i18n_1.t)('performance.beforeCreateSelector', { comp })}\nconst { items, total } = useSelector(state => ({\n  items: state.cart.items,\n  total: state.cart.total,\n}));\n\n${(0, i18n_1.t)('performance.afterCreateSelector')}\nimport { shallowEqual } from 'react-redux';\nconst { items, total } = useSelector(\n  state => ({ items: state.cart.items, total: state.cart.total }),\n  shallowEqual\n);`,
-                impact: (0, i18n_1.t)('performance.highImpact'),
-                impactColor: AppColors_1.AppColors.pink500,
-            };
-        case 'memo':
-        case 'React.memo':
-            return {
-                keyName: 'memo',
-                title: (0, i18n_1.t)('performance.fixReactMemoTitle'),
-                explanation: (0, i18n_1.t)('performance.fixReactMemoDesc'),
-                codeSnippet: `${(0, i18n_1.t)('performance.beforeMemo', { comp })}\nexport const ${comp} = (props: ${comp}Props) => {\n  return <View>...</View>;\n};\n\n${(0, i18n_1.t)('performance.afterMemo')}\nexport const ${comp} = React.memo((props: ${comp}Props) => {\n  return <View>...</View>;\n}, (prev, next) => prev.id === next.id && prev.updatedAt === next.updatedAt);`,
-                impact: (0, i18n_1.t)('performance.highImpact'),
-                impactColor: AppColors_1.AppColors.pink500,
-            };
-        case 'getItemLayout':
-            return {
-                keyName: 'getItemLayout',
-                title: (0, i18n_1.t)('performance.fixGetItemLayoutTitle'),
-                explanation: (0, i18n_1.t)('performance.fixGetItemLayoutDesc'),
-                codeSnippet: `${(0, i18n_1.t)('performance.flatListOptimization', { comp })}\nconst ITEM_HEIGHT = ${itemHeight};\nconst getItemLayout = useCallback((_data: any, index: number) => ({\n  length: ITEM_HEIGHT,\n  offset: ITEM_HEIGHT * index,\n  index,\n}), []);\n\n<FlatList\n  data={items}\n  getItemLayout={getItemLayout}\n  renderItem={({item}) => <${comp} item={item} />}\n  keyExtractor={item => String(item.id)}\n/>`,
-                impact: (0, i18n_1.t)('performance.highImpact'),
-                impactColor: AppColors_1.AppColors.pink500,
-            };
-        case 'customComparator':
-            return {
-                keyName: 'customComparator',
-                title: (0, i18n_1.t)('performance.fixCustomComparatorTitle'),
-                explanation: (0, i18n_1.t)('performance.fixCustomComparatorDesc'),
-                codeSnippet: `${(0, i18n_1.t)('performance.customComparator', { comp })}\nexport const ${comp} = React.memo(\n  ${comp}Component,\n  (prevProps, nextProps) => {\n    return prevProps.id === nextProps.id && prevProps.status === nextProps.status;\n  }\n);`,
-                impact: (0, i18n_1.t)('performance.mediumImpact'),
-                impactColor: AppColors_1.AppColors.amber500,
-            };
-        case 'DebouncedInput':
-            return {
-                keyName: 'DebouncedInput',
-                title: (0, i18n_1.t)('performance.fixDebouncedInputTitle'),
-                explanation: (0, i18n_1.t)('performance.fixDebouncedInputDesc'),
-                codeSnippet: `${(0, i18n_1.t)('performance.debounceInput', { comp })}\nconst [localText, setLocalText] = useState('');\nconst debouncedSearch = useMemo(\n  () => debounce((query: string) => onSearch(query), 250),\n  [onSearch]\n);`,
-                impact: (0, i18n_1.t)('performance.highImpact'),
-                impactColor: AppColors_1.AppColors.pink500,
-            };
-        case 'ComponentSplitting':
-            return {
-                keyName: 'ComponentSplitting',
-                title: (0, i18n_1.t)('performance.fixComponentSplittingTitle'),
-                explanation: (0, i18n_1.t)('performance.fixComponentSplittingDesc'),
-                codeSnippet: `${(0, i18n_1.t)('performance.isolateState', { comp })}\nexport const StickyKeyboard = React.memo(KeyboardStickyView);`,
-                impact: (0, i18n_1.t)('performance.mediumImpact'),
-                impactColor: AppColors_1.AppColors.purple500,
-            };
-        case 'InteractionManager':
-            return {
-                keyName: 'InteractionManager',
-                title: (0, i18n_1.t)('performance.fixInteractionManagerTitle'),
-                explanation: (0, i18n_1.t)('performance.fixInteractionManagerDesc'),
-                codeSnippet: `${(0, i18n_1.t)('performance.beforeInteractionManager', { comp })}\n\n${(0, i18n_1.t)('performance.afterInteractionManager')}`,
-                impact: (0, i18n_1.t)('performance.highImpact'),
-                impactColor: AppColors_1.AppColors.pink500,
-            };
-        case 'FlatListWindowing':
-            return {
-                keyName: 'FlatListWindowing',
-                title: (0, i18n_1.t)('performance.fixFlatListWindowingTitle'),
-                explanation: (0, i18n_1.t)('performance.fixFlatListWindowingDesc'),
-                codeSnippet: `${(0, i18n_1.t)('performance.beforeFlatListWindowing', { comp })}`,
-                impact: (0, i18n_1.t)('performance.mediumImpact'),
-                impactColor: AppColors_1.AppColors.purple500,
-            };
-        case 'ImageCaching':
-            return {
-                keyName: 'ImageCaching',
-                title: (0, i18n_1.t)('performance.fixImageCachingTitle'),
-                explanation: (0, i18n_1.t)('performance.fixImageCachingDesc'),
-                codeSnippet: `${(0, i18n_1.t)('performance.beforeImageCaching', { comp })}`,
-                impact: (0, i18n_1.t)('performance.mediumImpact'),
-                impactColor: AppColors_1.AppColors.purple500,
-            };
-        case 'ContextSplitting':
-            return {
-                keyName: 'ContextSplitting',
-                title: (0, i18n_1.t)('performance.fixContextSplittingTitle'),
-                explanation: (0, i18n_1.t)('performance.fixContextSplittingDesc'),
-                codeSnippet: `${(0, i18n_1.t)('performance.beforeContextSplitting', { comp })}\n\n${(0, i18n_1.t)('performance.afterContextSplitting')}`,
-                impact: (0, i18n_1.t)('performance.highImpact'),
-                impactColor: AppColors_1.AppColors.pink500,
-            };
-        case 'InlineStylesHoist':
-            return {
-                keyName: 'InlineStylesHoist',
-                title: (0, i18n_1.t)('performance.fixInlineStylesHoistTitle'),
-                explanation: (0, i18n_1.t)('performance.fixInlineStylesHoistDesc'),
-                codeSnippet: `${(0, i18n_1.t)('performance.beforeInlineStyles', { comp })}\n\n${(0, i18n_1.t)('performance.afterInlineStyles')}`,
-                impact: (0, i18n_1.t)('performance.bestPractice'),
-                impactColor: AppColors_1.AppColors.pink500,
-            };
-        case 'useRef':
-        case 'useRefForTracking':
-        default:
-            return {
-                keyName: 'useRefForTracking',
-                title: (0, i18n_1.t)('performance.fixUseRefForTrackingTitle'),
-                explanation: (0, i18n_1.t)('performance.fixUseRefForTrackingDesc'),
-                codeSnippet: `${(0, i18n_1.t)('performance.beforeUseRef', { comp })}\nconst [eventCount, setEventCount] = useState(0);\n\n${(0, i18n_1.t)('performance.afterUseRef')}\nconst eventCountRef = useRef(0);`,
-                impact: (0, i18n_1.t)('performance.bestPractice'),
-                impactColor: AppColors_1.AppColors.pink500,
-            };
-    }
-};
-exports.generateFixSnippet = generateFixSnippet;
-function getCallerSourceFile(fallbackName) {
-    try {
-        const stack = new Error().stack;
-        if (!stack)
-            return fallbackName || 'React Native Runtime';
-        const lines = stack.split('\n');
-        for (let i = 0; i < lines.length; i++) {
-            const line = lines[i];
-            if (line.includes('performanceTracker') ||
-                line.includes('node_modules') ||
-                line.includes('Error') ||
-                line.includes('regeneratorRuntime')) {
-                continue;
-            }
-            const match = line.match(/(?:at\s+)?(?:.*?\((.*?)(?::\d+)?(?::\d+)?\)|(\S+:\d+:\d+))/);
-            if (match) {
-                const file = (match[1] || match[2] || '').trim().replace(/^at\s+/, '');
-                if (file && !file.includes('performanceTracker'))
-                    return file;
-            }
-            const cleaned = line.trim().replace(/^at\s+/, '');
-            if (cleaned && !cleaned.includes('performanceTracker'))
-                return cleaned;
-        }
-    }
-    catch (e) { }
-    return fallbackName || 'React Native Runtime';
-}
-const getInitialRenderProfiles = () => [];
-exports.getInitialRenderProfiles = getInitialRenderProfiles;
-const getInitialPerformanceEvents = () => [];
-exports.getInitialPerformanceEvents = getInitialPerformanceEvents;
-exports.INITIAL_EVENTS = [];
-let isPerformanceModuleEnabled = false;
-const setPerformanceModuleEnabled = (enabled) => {
-    isPerformanceModuleEnabled = enabled;
-};
-exports.setPerformanceModuleEnabled = setPerformanceModuleEnabled;
-const getPerformanceModuleEnabled = () => isPerformanceModuleEnabled;
-exports.getPerformanceModuleEnabled = getPerformanceModuleEnabled;
-const globalRenderRegistry = new Map();
-const renderListeners = new Set();
-const notifyRenderListeners = () => {
-    const list = Array.from(globalRenderRegistry.values());
-    renderListeners.forEach(listener => {
-        try {
-            listener(list);
-        }
-        catch { }
-    });
-};
-const subscribeRenderProfiles = (listener) => {
-    renderListeners.add(listener);
-    listener(Array.from(globalRenderRegistry.values()));
-    return () => {
-        renderListeners.delete(listener);
-    };
-};
-exports.subscribeRenderProfiles = subscribeRenderProfiles;
-const getRenderProfiles = () => Array.from(globalRenderRegistry.values());
-exports.getRenderProfiles = getRenderProfiles;
-const registerComponentProfile = (profile) => {
-    if (!isPerformanceModuleEnabled)
-        return;
-    globalRenderRegistry.set(profile.name, profile);
-    notifyRenderListeners();
-};
-exports.registerComponentProfile = registerComponentProfile;
-const trackComponentRender = (params) => {
-    if (!isPerformanceModuleEnabled)
-        return;
-    const existing = globalRenderRegistry.get(params.name);
-    const now = Date.now();
-    const renderTimeMs = params.renderTimeMs ?? 1.5;
-    const isWasteful = params.isWasteful ?? false;
-    if (existing) {
-        const nextCount = existing.renderCount + 1;
-        const nextWasteful = existing.wastefulCount + (isWasteful ? 1 : 0);
-        const nextPct = Number(((nextWasteful / nextCount) * 100).toFixed(1));
-        const nextTotalTime = Number((existing.totalRenderTimeMs + renderTimeMs).toFixed(1));
-        const nextAvgTime = Number((nextTotalTime / nextCount).toFixed(1));
-        const reasons = params.reason
-            ? Array.from(new Set([...existing.reasons, params.reason]))
-            : existing.reasons;
-        const updated = {
-            ...existing,
-            renderCount: nextCount,
-            wastefulCount: nextWasteful,
-            wastefulPercentage: nextPct,
-            avgRenderTimeMs: nextAvgTime,
-            totalRenderTimeMs: nextTotalTime,
-            lastRenderedAt: now,
-            reasons,
-            severity: nextPct > 70 && nextCount > 20
-                ? 'critical'
-                : nextPct > 40 && nextCount > 10
-                    ? 'warning'
-                    : 'optimal',
-        };
-        globalRenderRegistry.set(params.name, updated);
-    }
-    else {
-        const profile = {
-            id: `render-${Date.now()}-${Math.random().toString(36).substring(2, 6)}`,
-            name: params.name,
-            type: params.type || 'component',
-            sourceFile: params.sourceFile || getCallerSourceFile(params.name),
-            renderCount: 1,
-            wastefulCount: isWasteful ? 1 : 0,
-            wastefulPercentage: isWasteful ? 100 : 0,
-            avgRenderTimeMs: renderTimeMs,
-            totalRenderTimeMs: renderTimeMs,
-            lastRenderedAt: now,
-            reasons: params.reason ? [params.reason] : [],
-            fixKeys: params.fixKeys || [
-                (0, exports.generateFixSnippet)('useCallback', params.name),
-                (0, exports.generateFixSnippet)('memo', params.name),
-            ],
-            severity: 'optimal',
-        };
-        globalRenderRegistry.set(params.name, profile);
-    }
-    notifyRenderListeners();
-};
-exports.trackComponentRender = trackComponentRender;
-const getHermesMemoryStats = () => {
-    try {
-        const hermes = globalThis.HermesInternal;
-        if (hermes && typeof hermes.getInstrumentedStats === 'function') {
-            const stats = hermes.getInstrumentedStats();
-            const heapUsedMb = Number(((stats.js_heap_size || stats.heap_size || 34800000) / 1048576).toFixed(1));
-            const heapTotalMb = Number(((stats.js_heap_capacity || stats.allocated_bytes || 64000000) /
-                1048576).toFixed(1));
-            const gcCount = Number(stats.num_gcs || 0);
-            const gcPauseMs = Number(((stats.gc_time_ms || 0) / Math.max(1, gcCount)).toFixed(1));
-            return {
-                heapUsedMb,
-                heapTotalMb,
-                gcCount,
-                gcPauseMs,
-                allocationRateMbPerSec: 1.8,
-            };
-        }
-    }
-    catch { }
-    return {
-        heapUsedMb: 32.5,
-        heapTotalMb: 64.0,
-        gcCount: 0,
-        gcPauseMs: 1.5,
-        allocationRateMbPerSec: 1.2,
-    };
-};
-exports.getHermesMemoryStats = getHermesMemoryStats;
-const trackNavigationTransition = (screenName, durationMs, options) => {
-    const duration = Math.max(1, Number(durationMs.toFixed(1)));
-    const tti = options?.ttiMs ? Number(options.ttiMs.toFixed(1)) : duration;
-    const droppedFrames = options?.droppedFrames ??
-        (duration > 32 ? Math.round((duration - 16.67) / 16.67) : 0);
-    const fps = Math.min(60, Math.max(15, Math.round(1000 / Math.max(16.67, duration))));
-    return (0, exports.logPerformanceEvent)({
-        type: 'transition',
-        category: 'navigation',
-        fps,
-        durationMs: duration,
-        droppedFrames,
-        frameTimeMs: duration,
-        frameBudgetPct: Number(((duration / 16.67) * 100).toFixed(0)),
-        bottleneckThread: duration > 32 ? 'JS Thread' : 'Balanced',
-        screenName,
-        label: (0, i18n_1.t)('performance.transitionEventLabel', { screen: screenName }),
-        detail: (0, i18n_1.t)('performance.transitionEventDetail', { duration, tti }),
-        source: options?.source || getCallerSourceFile(screenName),
-        advice: (0, i18n_1.t)('performance.transitionEventAdvice'),
-        severity: duration > 50 ? 'critical' : duration > 25 ? 'warning' : 'optimal',
-    });
-};
-exports.trackNavigationTransition = trackNavigationTransition;
-const useNavigationProfiler = (screenName, options) => {
-    const mountTimeRef = (0, react_1.useRef)(Date.now());
-    (0, react_1.useEffect)(() => {
-        const elapsed = Date.now() - mountTimeRef.current;
-        (0, exports.trackNavigationTransition)(screenName, elapsed);
-        if (options?.onTransitionEnd) {
-            options.onTransitionEnd(elapsed);
-        }
-    }, [screenName]);
-};
-exports.useNavigationProfiler = useNavigationProfiler;
-const trackHeavyTask = (taskName, syncFn, options) => {
-    const start = Date.now();
-    try {
-        return syncFn();
-    }
-    finally {
-        const duration = Date.now() - start;
-        const threshold = options?.thresholdMs ?? 16;
-        if (duration >= threshold) {
-            (0, exports.logPerformanceEvent)({
-                type: 'slow_render',
-                category: 'render',
-                fps: Math.min(60, Math.max(10, Math.round(1000 / duration))),
-                durationMs: duration,
-                frameTimeMs: duration,
-                frameBudgetPct: Number(((duration / 16.67) * 100).toFixed(0)),
-                bottleneckThread: 'JS Thread',
-                screenName: taskName,
-                label: (0, i18n_1.t)('performance.heavyTaskEventLabel', { taskName }),
-                detail: (0, i18n_1.t)('performance.heavyTaskEventDetail', { duration }),
-                source: options?.source || getCallerSourceFile(taskName),
-                advice: (0, i18n_1.t)('performance.heavyTaskEventAdvice'),
-                severity: duration > 50 ? 'critical' : 'warning',
-            });
-        }
-    }
-};
-exports.trackHeavyTask = trackHeavyTask;
-const measureAsync = async (taskName, asyncFn, options) => {
-    const start = Date.now();
-    try {
-        return await asyncFn();
-    }
-    finally {
-        const duration = Date.now() - start;
-        const threshold = options?.thresholdMs ?? 100;
-        if (duration >= threshold) {
-            (0, exports.logPerformanceEvent)({
-                type: 'network',
-                category: 'io',
-                fps: 60,
-                durationMs: duration,
-                bottleneckThread: 'Balanced',
-                screenName: taskName,
-                label: (0, i18n_1.t)('performance.asyncOpEventLabel', { opName: taskName }),
-                detail: (0, i18n_1.t)('performance.asyncOpEventDetail', { duration }),
-                source: options?.source || getCallerSourceFile(taskName),
-                severity: duration > 1000 ? 'critical' : duration > 300 ? 'warning' : 'optimal',
-            });
-        }
-    }
-};
-exports.measureAsync = measureAsync;
-const useComponentProfiler = (componentName, options) => {
-    const renderCountRef = (0, react_1.useRef)(0);
-    const prevPropsRef = (0, react_1.useRef)(options?.propsToCompare);
-    const startTimeRef = (0, react_1.useRef)(Date.now());
-    const renderTimestampsRef = (0, react_1.useRef)([]);
-    startTimeRef.current = Date.now();
-    (0, react_1.useEffect)(() => {
-        const duration = Date.now() - startTimeRef.current;
-        const now = Date.now();
-        renderCountRef.current += 1;
-        renderTimestampsRef.current = [
-            ...renderTimestampsRef.current.filter(ts => now - ts <= 500),
-            now,
-        ];
-        if (renderTimestampsRef.current.length >= 10) {
-            (0, exports.logPerformanceEvent)({
-                type: 'slow_render',
-                category: 'render',
-                fps: 20,
-                durationMs: duration,
-                bottleneckThread: 'JS Thread',
-                screenName: componentName,
-                label: (0, i18n_1.t)('performance.renderLoopWarningLabel', { comp: componentName }),
-                detail: (0, i18n_1.t)('performance.renderLoopWarningDetail', {
-                    comp: componentName,
-                    count: renderTimestampsRef.current.length,
-                }),
-                source: options?.sourceFile || getCallerSourceFile(componentName),
-                advice: (0, i18n_1.t)('performance.renderLoopWarningAdvice'),
-                severity: 'critical',
-            });
-        }
-        let isWasteful = false;
-        let wastefulReason = undefined;
-        if (renderCountRef.current > 1 && options?.propsToCompare) {
-            const prev = prevPropsRef.current;
-            const next = options.propsToCompare;
-            const keys = Object.keys(next);
-            const changedKeys = keys.filter(k => prev[k] !== next[k]);
-            if (changedKeys.length === 0) {
-                isWasteful = true;
-                wastefulReason =
-                    'Re-rendered with identical props (memoization candidate)';
-            }
-            prevPropsRef.current = next;
-        }
-        (0, exports.trackComponentRender)({
-            name: componentName,
-            type: options?.type || 'component',
-            sourceFile: options?.sourceFile || getCallerSourceFile(componentName),
-            renderTimeMs: Math.max(0.5, duration),
-            isWasteful,
-            reason: wastefulReason,
-        });
-    });
-};
-exports.useComponentProfiler = useComponentProfiler;
-const usePerformanceTracker = (enabled = true) => {
-    const isTrackerActive = enabled && isPerformanceModuleEnabled;
-    const [isRecording, setIsRecording] = (0, react_1.useState)(true);
-    const [currentFps, setCurrentFps] = (0, react_1.useState)(60);
-    const [minFps, setMinFps] = (0, react_1.useState)(60);
-    const [maxFps, setMaxFps] = (0, react_1.useState)(60);
-    const [avgFps, setAvgFps] = (0, react_1.useState)(60);
-    const [totalFrames, setTotalFrames] = (0, react_1.useState)(0);
-    const [jankyFrameCount, setJankyFrameCount] = (0, react_1.useState)(0);
-    const [jsLagMs, setJsLagMs] = (0, react_1.useState)(0);
-    const [fpsHistory, setFpsHistory] = (0, react_1.useState)(() => Array(30).fill(60));
-    const [memoryStats, setMemoryStats] = (0, react_1.useState)(() => (0, exports.getHermesMemoryStats)());
-    const [renderProfiles, setRenderProfiles] = (0, react_1.useState)(() => (0, exports.getRenderProfiles)());
-    const [events, setEvents] = (0, react_1.useState)(() => (0, exports.getPerformanceEvents)());
-    (0, react_1.useEffect)(() => {
-        if (!isTrackerActive)
-            return;
-        const unsubRender = (0, exports.subscribeRenderProfiles)(profiles => {
-            setRenderProfiles(profiles);
-        });
-        const unsubEvents = (0, exports.subscribePerformanceEvents)(liveEvents => {
-            setEvents(liveEvents);
-        });
-        return () => {
-            unsubRender();
-            unsubEvents();
-        };
-    }, [isTrackerActive]);
-    const lastFrameTimeRef = (0, react_1.useRef)(Date.now());
-    const rafIdRef = (0, react_1.useRef)(null);
-    const appStartTimestampRef = (0, react_1.useRef)(Date.now());
-    (0, react_1.useEffect)(() => {
-        if (!isTrackerActive || !isRecording)
-            return;
-        let isMounted = true;
-        let frameCount = 0;
-        let maxLagInSecond = 0;
-        let lastSecond = Date.now();
-        const measureFrame = () => {
-            if (!isMounted)
-                return;
-            const now = Date.now();
-            const delta = now - lastFrameTimeRef.current;
-            lastFrameTimeRef.current = now;
-            const lag = Math.max(0, delta - 16.67);
-            if (lag > maxLagInSecond) {
-                maxLagInSecond = lag;
-            }
-            frameCount++;
-            if (now - lastSecond >= 1000) {
-                const elapsed = now - lastSecond;
-                const measuredFps = Math.min(60, Math.max(0, Math.round((frameCount * 1000) / elapsed)));
-                setCurrentFps(measuredFps);
-                setMinFps(prev => Math.min(prev, measuredFps));
-                setMaxFps(prev => Math.max(prev, measuredFps));
-                setTotalFrames(prev => prev + frameCount);
-                setJsLagMs(Number(maxLagInSecond.toFixed(1)));
-                if (measuredFps < 55) {
-                    setJankyFrameCount(prev => prev + 1);
-                }
-                setFpsHistory(prev => {
-                    const next = [...prev.slice(-29), measuredFps];
-                    const sum = next.reduce((a, b) => a + b, 0);
-                    setAvgFps(Math.round(sum / next.length));
-                    return next;
-                });
-                const liveMem = (0, exports.getHermesMemoryStats)();
-                setMemoryStats(prev => ({
-                    ...prev,
-                    heapUsedMb: liveMem.heapUsedMb,
-                    heapTotalMb: liveMem.heapTotalMb,
-                    gcCount: liveMem.gcCount,
-                    gcPauseMs: liveMem.gcPauseMs,
-                    allocationRateMbPerSec: liveMem.allocationRateMbPerSec,
-                }));
-                if (measuredFps < 50) {
-                    const frameTime = Number((1000 / measuredFps).toFixed(1));
-                    (0, exports.logPerformanceEvent)({
-                        type: 'fps_drop',
-                        category: 'render',
-                        fps: measuredFps,
-                        durationMs: frameTime,
-                        droppedFrames: Math.max(0, 60 - measuredFps),
-                        frameTimeMs: frameTime,
-                        frameBudgetPct: Number(((frameTime / 16.67) * 100).toFixed(0)),
-                        bottleneckThread: maxLagInSecond > 8 ? 'JS Thread' : 'UI Thread',
-                        screenName: 'Live Application Render',
-                        label: (0, i18n_1.t)('performance.liveFpsDropLabel', { fps: measuredFps }),
-                        detail: (0, i18n_1.t)('performance.liveFpsDropDetail', { duration: frameTime }),
-                        source: 'React Native UI Thread',
-                        breakdown: {
-                            jsTimeMs: Number((frameTime * 0.65).toFixed(1)),
-                            uiTimeMs: Number((frameTime * 0.35).toFixed(1)),
-                        },
-                        advice: (0, i18n_1.t)('performance.liveFpsDropAdvice'),
-                        severity: measuredFps < 30 ? 'critical' : 'warning',
-                    });
-                }
-                frameCount = 0;
-                maxLagInSecond = 0;
-                lastSecond = now;
-            }
-            rafIdRef.current = requestAnimationFrame(measureFrame);
-        };
-        lastFrameTimeRef.current = Date.now();
-        rafIdRef.current = requestAnimationFrame(measureFrame);
-        return () => {
-            isMounted = false;
-            if (rafIdRef.current)
-                cancelAnimationFrame(rafIdRef.current);
-        };
-    }, [isRecording]);
-    const mobileVitals = (0, react_1.useMemo)(() => {
-        const measuredJankPct = totalFrames > 0
-            ? Number(((jankyFrameCount / Math.max(1, totalFrames / 60)) * 100).toFixed(1))
-            : 0;
-        const slowRenderCount = events.filter(e => e.type === 'slow_render').length;
-        const dynamicInp = Math.min(100, Math.max(8.0, Number((jsLagMs + 12.5).toFixed(1))));
-        const dynamicFcp = Math.max(120, Math.min(500, Math.round(150 + slowRenderCount * 25)));
-        const dynamicTti = Math.max(280, Math.min(1200, Math.round(dynamicFcp + 180 + slowRenderCount * 40)));
-        return {
-            ttiMs: dynamicTti,
-            fcpMs: dynamicFcp,
-            inpMs: dynamicInp,
-            jankPercentage: measuredJankPct,
-            grade: measuredJankPct <= 2.0
-                ? 'Optimal'
-                : measuredJankPct <= 5.0
-                    ? 'Fair'
-                    : 'Poor',
-        };
-    }, [totalFrames, jankyFrameCount, jsLagMs, events]);
-    const reRenderSummary = (0, react_1.useMemo)(() => {
-        const totalRenders = renderProfiles.reduce((sum, p) => sum + p.renderCount, 0);
-        const totalWasteful = renderProfiles.reduce((sum, p) => sum + p.wastefulCount, 0);
-        const overallWastefulPct = totalRenders > 0
-            ? Number(((totalWasteful / totalRenders) * 100).toFixed(1))
-            : 0;
-        const topOffender = [...renderProfiles].sort((a, b) => b.renderCount - a.renderCount)[0];
-        return {
-            totalRenders,
-            totalWasteful,
-            overallWastefulPct,
-            topOffender,
-            totalComponentsTracked: renderProfiles.length,
-        };
-    }, [renderProfiles]);
-    const clearEvents = () => {
-        (0, exports.clearPerformanceEvents)();
-    };
-    const resetRenderCounters = (0, react_1.useCallback)(() => {
-        globalRenderRegistry.forEach((p, key) => {
-            globalRenderRegistry.set(key, {
-                ...p,
-                renderCount: 1,
-                wastefulCount: 0,
-                wastefulPercentage: 0,
-                totalRenderTimeMs: p.avgRenderTimeMs,
-                lastRenderedAt: Date.now(),
-                severity: 'optimal',
-            });
-        });
-        notifyRenderListeners();
-    }, []);
-    const simulateComponentRender = (0, react_1.useCallback)((componentId) => {
-        globalRenderRegistry.forEach((p, key) => {
-            if (p.id === componentId || p.name === componentId) {
-                const nextCount = p.renderCount + 1;
-                const nextWasteful = p.wastefulCount + 1;
-                const nextPct = Number(((nextWasteful / nextCount) * 100).toFixed(1));
-                globalRenderRegistry.set(key, {
-                    ...p,
-                    renderCount: nextCount,
-                    wastefulCount: nextWasteful,
-                    wastefulPercentage: nextPct,
-                    totalRenderTimeMs: Number((p.totalRenderTimeMs + p.avgRenderTimeMs).toFixed(1)),
-                    lastRenderedAt: Date.now(),
-                    severity: nextCount > 30
-                        ? 'critical'
-                        : nextCount > 15
-                            ? 'warning'
-                            : 'optimal',
-                });
-            }
-        });
-        notifyRenderListeners();
-    }, []);
-    const triggerGc = () => {
-        try {
-            if (typeof globalThis.gc === 'function') {
-                globalThis.gc();
-            }
-        }
-        catch { }
-        const reclaimedMb = Number((4.5 + Math.random() * 3.5).toFixed(1));
-        const reclaimedKb = Math.round(reclaimedMb * 1024);
-        setMemoryStats(prev => ({
-            ...prev,
-            heapUsedMb: Math.max(18.0, Number((prev.heapUsedMb - reclaimedMb).toFixed(1))),
-            gcCount: prev.gcCount + 1,
-            gcPauseMs: Number((1.2 + Math.random() * 0.9).toFixed(1)),
-        }));
-        (0, exports.logPerformanceEvent)({
-            type: 'memory',
-            category: 'memory',
-            fps: 60,
-            durationMs: Number((1.6 + Math.random() * 0.8).toFixed(1)),
-            label: (0, i18n_1.t)('performance.gcCycleLabel'),
-            detail: (0, i18n_1.t)('performance.gcCycleDetail', { amount: reclaimedMb }),
-            source: 'Hermes JavaScript VM Scavenger',
-            breakdown: { jsTimeMs: 1.8, uiTimeMs: 0.3 },
-            heapDeltaKb: -reclaimedKb,
-            advice: (0, i18n_1.t)('performance.gcCycleAdvice'),
-            severity: 'optimal',
-        });
-    };
-    return {
-        isRecording,
-        setIsRecording,
-        currentFps,
-        minFps,
-        maxFps,
-        avgFps,
-        totalFrames,
-        jankyFrameCount,
-        jsLagMs,
-        fpsHistory,
-        memoryStats,
-        mobileVitals,
-        renderProfiles,
-        reRenderSummary,
-        resetRenderCounters,
-        simulateComponentRender,
-        events,
-        setEvents,
-        clearEvents,
-        triggerGc,
-    };
-};
-exports.usePerformanceTracker = usePerformanceTracker;
-const globalPerformanceEvents = [...exports.INITIAL_EVENTS];
-const performanceListeners = new Set();
-let maxPerformanceEventsLimit = 100;
-const setMaxPerformanceEventsLimit = (limit) => {
-    maxPerformanceEventsLimit = Math.max(10, limit);
-    if (globalPerformanceEvents.length > maxPerformanceEventsLimit) {
-        globalPerformanceEvents.length = maxPerformanceEventsLimit;
-        performanceListeners.forEach(listener => {
-            try {
-                listener([...globalPerformanceEvents]);
-            }
-            catch { }
-        });
-    }
-};
-exports.setMaxPerformanceEventsLimit = setMaxPerformanceEventsLimit;
-const getMaxPerformanceEventsLimit = () => maxPerformanceEventsLimit;
-exports.getMaxPerformanceEventsLimit = getMaxPerformanceEventsLimit;
-const prunePerformanceEvents = (targetCount) => {
-    const countToKeep = targetCount !== undefined ? Math.max(0, targetCount) : Math.floor(globalPerformanceEvents.length / 2);
-    const pruned = globalPerformanceEvents.length - countToKeep;
-    if (pruned > 0) {
-        globalPerformanceEvents.length = countToKeep;
-        performanceListeners.forEach(listener => {
-            try {
-                listener([...globalPerformanceEvents]);
-            }
-            catch { }
-        });
-    }
-    return Math.max(0, pruned);
-};
-exports.prunePerformanceEvents = prunePerformanceEvents;
-const logPerformanceEvent = (event) => {
-    const fullEvent = {
-        id: event.id ||
-            `perf-${Date.now()}-${Math.random().toString(36).substring(2, 6)}`,
-        timestamp: event.timestamp || Date.now(),
-        source: event.source || getCallerSourceFile(),
-        ...event,
-    };
-    globalPerformanceEvents.unshift(fullEvent);
-    if (globalPerformanceEvents.length > maxPerformanceEventsLimit) {
-        globalPerformanceEvents.length = maxPerformanceEventsLimit;
-    }
-    performanceListeners.forEach(listener => {
-        try {
-            listener([...globalPerformanceEvents]);
-        }
-        catch { }
-    });
-    return fullEvent;
-};
-exports.logPerformanceEvent = logPerformanceEvent;
-const clearPerformanceEvents = () => {
-    globalPerformanceEvents.length = 0;
-    performanceListeners.forEach(listener => {
-        try {
-            listener([]);
-        }
-        catch { }
-    });
-};
-exports.clearPerformanceEvents = clearPerformanceEvents;
-const subscribePerformanceEvents = (listener) => {
-    performanceListeners.add(listener);
-    listener([...globalPerformanceEvents]);
-    return () => {
-        performanceListeners.delete(listener);
-    };
-};
-exports.subscribePerformanceEvents = subscribePerformanceEvents;
-const getPerformanceEvents = () => [...globalPerformanceEvents];
-exports.getPerformanceEvents = getPerformanceEvents;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getPerformanceEvents=exports.subscribePerformanceEvents=exports.clearPerformanceEvents=exports.logPerformanceEvent=exports.prunePerformanceEvents=exports.getMaxPerformanceEventsLimit=exports.setMaxPerformanceEventsLimit=exports.usePerformanceTracker=exports.useComponentProfiler=exports.measureAsync=exports.trackHeavyTask=exports.useNavigationProfiler=exports.trackNavigationTransition=exports.getHermesMemoryStats=exports.trackComponentRender=exports.registerComponentProfile=exports.getRenderProfiles=exports.subscribeRenderProfiles=exports.getPerformanceModuleEnabled=exports.setPerformanceModuleEnabled=exports.INITIAL_EVENTS=exports.getInitialPerformanceEvents=exports.getInitialRenderProfiles=exports.generateFixSnippet=void 0,exports.getCallerSourceFile=getCallerSourceFile;const AppColors_1=require("../styles/AppColors"),i18n_1=require("../i18n"),react_1=require("react"),generateFixSnippet=(e,r="Component",o)=>{const t=r||"Component",n=o?.propName||"onPress",a=o?.actionName||"handlePress",p=o?.itemHeight||72;switch(e){case"useCallback":return{keyName:"useCallback",title:(0,i18n_1.t)("performance.fixUseCallbackTitle"),explanation:(0,i18n_1.t)("performance.fixUseCallbackDesc"),codeSnippet:`${(0,i18n_1.t)("performance.beforeUseCallback",{comp:t})}
+<Button ${n}={() => ${a}(item.id)} />
+
+${(0,i18n_1.t)("performance.afterUseCallback")}
+const ${a}Memo = useCallback(() => {
+  ${a}(item.id);
+}, [item.id]);
+<Button ${n}={${a}Memo} />`,impact:(0,i18n_1.t)("performance.highImpact"),impactColor:AppColors_1.AppColors.pink500};case"createSelector":case"useMemo":return{keyName:"createSelector",title:(0,i18n_1.t)("performance.fixCreateSelectorTitle"),explanation:(0,i18n_1.t)("performance.fixCreateSelectorDesc"),codeSnippet:`${(0,i18n_1.t)("performance.beforeCreateSelector",{comp:t})}
+const { items, total } = useSelector(state => ({
+  items: state.cart.items,
+  total: state.cart.total,
+}));
+
+${(0,i18n_1.t)("performance.afterCreateSelector")}
+import { shallowEqual } from 'react-redux';
+const { items, total } = useSelector(
+  state => ({ items: state.cart.items, total: state.cart.total }),
+  shallowEqual
+);`,impact:(0,i18n_1.t)("performance.highImpact"),impactColor:AppColors_1.AppColors.pink500};case"memo":case"React.memo":return{keyName:"memo",title:(0,i18n_1.t)("performance.fixReactMemoTitle"),explanation:(0,i18n_1.t)("performance.fixReactMemoDesc"),codeSnippet:`${(0,i18n_1.t)("performance.beforeMemo",{comp:t})}
+export const ${t} = (props: ${t}Props) => {
+  return <View>...</View>;
+};
+
+${(0,i18n_1.t)("performance.afterMemo")}
+export const ${t} = React.memo((props: ${t}Props) => {
+  return <View>...</View>;
+}, (prev, next) => prev.id === next.id && prev.updatedAt === next.updatedAt);`,impact:(0,i18n_1.t)("performance.highImpact"),impactColor:AppColors_1.AppColors.pink500};case"getItemLayout":return{keyName:"getItemLayout",title:(0,i18n_1.t)("performance.fixGetItemLayoutTitle"),explanation:(0,i18n_1.t)("performance.fixGetItemLayoutDesc"),codeSnippet:`${(0,i18n_1.t)("performance.flatListOptimization",{comp:t})}
+const ITEM_HEIGHT = ${p};
+const getItemLayout = useCallback((_data: any, index: number) => ({
+  length: ITEM_HEIGHT,
+  offset: ITEM_HEIGHT * index,
+  index,
+}), []);
+
+<FlatList
+  data={items}
+  getItemLayout={getItemLayout}
+  renderItem={({item}) => <${t} item={item} />}
+  keyExtractor={item => String(item.id)}
+/>`,impact:(0,i18n_1.t)("performance.highImpact"),impactColor:AppColors_1.AppColors.pink500};case"customComparator":return{keyName:"customComparator",title:(0,i18n_1.t)("performance.fixCustomComparatorTitle"),explanation:(0,i18n_1.t)("performance.fixCustomComparatorDesc"),codeSnippet:`${(0,i18n_1.t)("performance.customComparator",{comp:t})}
+export const ${t} = React.memo(
+  ${t}Component,
+  (prevProps, nextProps) => {
+    return prevProps.id === nextProps.id && prevProps.status === nextProps.status;
+  }
+);`,impact:(0,i18n_1.t)("performance.mediumImpact"),impactColor:AppColors_1.AppColors.amber500};case"DebouncedInput":return{keyName:"DebouncedInput",title:(0,i18n_1.t)("performance.fixDebouncedInputTitle"),explanation:(0,i18n_1.t)("performance.fixDebouncedInputDesc"),codeSnippet:`${(0,i18n_1.t)("performance.debounceInput",{comp:t})}
+const [localText, setLocalText] = useState('');
+const debouncedSearch = useMemo(
+  () => debounce((query: string) => onSearch(query), 250),
+  [onSearch]
+);`,impact:(0,i18n_1.t)("performance.highImpact"),impactColor:AppColors_1.AppColors.pink500};case"ComponentSplitting":return{keyName:"ComponentSplitting",title:(0,i18n_1.t)("performance.fixComponentSplittingTitle"),explanation:(0,i18n_1.t)("performance.fixComponentSplittingDesc"),codeSnippet:`${(0,i18n_1.t)("performance.isolateState",{comp:t})}
+export const StickyKeyboard = React.memo(KeyboardStickyView);`,impact:(0,i18n_1.t)("performance.mediumImpact"),impactColor:AppColors_1.AppColors.purple500};case"InteractionManager":return{keyName:"InteractionManager",title:(0,i18n_1.t)("performance.fixInteractionManagerTitle"),explanation:(0,i18n_1.t)("performance.fixInteractionManagerDesc"),codeSnippet:`${(0,i18n_1.t)("performance.beforeInteractionManager",{comp:t})}
+
+${(0,i18n_1.t)("performance.afterInteractionManager")}`,impact:(0,i18n_1.t)("performance.highImpact"),impactColor:AppColors_1.AppColors.pink500};case"FlatListWindowing":return{keyName:"FlatListWindowing",title:(0,i18n_1.t)("performance.fixFlatListWindowingTitle"),explanation:(0,i18n_1.t)("performance.fixFlatListWindowingDesc"),codeSnippet:`${(0,i18n_1.t)("performance.beforeFlatListWindowing",{comp:t})}`,impact:(0,i18n_1.t)("performance.mediumImpact"),impactColor:AppColors_1.AppColors.purple500};case"ImageCaching":return{keyName:"ImageCaching",title:(0,i18n_1.t)("performance.fixImageCachingTitle"),explanation:(0,i18n_1.t)("performance.fixImageCachingDesc"),codeSnippet:`${(0,i18n_1.t)("performance.beforeImageCaching",{comp:t})}`,impact:(0,i18n_1.t)("performance.mediumImpact"),impactColor:AppColors_1.AppColors.purple500};case"ContextSplitting":return{keyName:"ContextSplitting",title:(0,i18n_1.t)("performance.fixContextSplittingTitle"),explanation:(0,i18n_1.t)("performance.fixContextSplittingDesc"),codeSnippet:`${(0,i18n_1.t)("performance.beforeContextSplitting",{comp:t})}
+
+${(0,i18n_1.t)("performance.afterContextSplitting")}`,impact:(0,i18n_1.t)("performance.highImpact"),impactColor:AppColors_1.AppColors.pink500};case"InlineStylesHoist":return{keyName:"InlineStylesHoist",title:(0,i18n_1.t)("performance.fixInlineStylesHoistTitle"),explanation:(0,i18n_1.t)("performance.fixInlineStylesHoistDesc"),codeSnippet:`${(0,i18n_1.t)("performance.beforeInlineStyles",{comp:t})}
+
+${(0,i18n_1.t)("performance.afterInlineStyles")}`,impact:(0,i18n_1.t)("performance.bestPractice"),impactColor:AppColors_1.AppColors.pink500};default:return{keyName:"useRefForTracking",title:(0,i18n_1.t)("performance.fixUseRefForTrackingTitle"),explanation:(0,i18n_1.t)("performance.fixUseRefForTrackingDesc"),codeSnippet:`${(0,i18n_1.t)("performance.beforeUseRef",{comp:t})}
+const [eventCount, setEventCount] = useState(0);
+
+${(0,i18n_1.t)("performance.afterUseRef")}
+const eventCountRef = useRef(0);`,impact:(0,i18n_1.t)("performance.bestPractice"),impactColor:AppColors_1.AppColors.pink500}}};exports.generateFixSnippet=generateFixSnippet;function getCallerSourceFile(e){try{const r=new Error().stack;if(!r)return e||"React Native Runtime";const o=r.split(`
+`);for(let t=0;t<o.length;t++){const n=o[t];if(n.includes("performanceTracker")||n.includes("node_modules")||n.includes("Error")||n.includes("regeneratorRuntime"))continue;const a=n.match(/(?:at\s+)?(?:.*?\((.*?)(?::\d+)?(?::\d+)?\)|(\S+:\d+:\d+))/);if(a){const f=(a[1]||a[2]||"").trim().replace(/^at\s+/,"");if(f&&!f.includes("performanceTracker"))return f}const p=n.trim().replace(/^at\s+/,"");if(p&&!p.includes("performanceTracker"))return p}}catch{}return e||"React Native Runtime"}const getInitialRenderProfiles=()=>[];exports.getInitialRenderProfiles=getInitialRenderProfiles;const getInitialPerformanceEvents=()=>[];exports.getInitialPerformanceEvents=getInitialPerformanceEvents,exports.INITIAL_EVENTS=[];let isPerformanceModuleEnabled=!1;const setPerformanceModuleEnabled=e=>{isPerformanceModuleEnabled=e};exports.setPerformanceModuleEnabled=setPerformanceModuleEnabled;const getPerformanceModuleEnabled=()=>isPerformanceModuleEnabled;exports.getPerformanceModuleEnabled=getPerformanceModuleEnabled;const globalRenderRegistry=new Map,renderListeners=new Set,notifyRenderListeners=()=>{const e=Array.from(globalRenderRegistry.values());renderListeners.forEach(r=>{try{r(e)}catch{}})},subscribeRenderProfiles=e=>(renderListeners.add(e),e(Array.from(globalRenderRegistry.values())),()=>{renderListeners.delete(e)});exports.subscribeRenderProfiles=subscribeRenderProfiles;const getRenderProfiles=()=>Array.from(globalRenderRegistry.values());exports.getRenderProfiles=getRenderProfiles;const registerComponentProfile=e=>{isPerformanceModuleEnabled&&(globalRenderRegistry.set(e.name,e),notifyRenderListeners())};exports.registerComponentProfile=registerComponentProfile;const trackComponentRender=e=>{if(!isPerformanceModuleEnabled)return;const r=globalRenderRegistry.get(e.name),o=Date.now(),t=e.renderTimeMs??1.5,n=e.isWasteful??!1;if(r){const a=r.renderCount+1,p=r.wastefulCount+(n?1:0),f=Number((p/a*100).toFixed(1)),g=Number((r.totalRenderTimeMs+t).toFixed(1)),b=Number((g/a).toFixed(1)),h=e.reason?Array.from(new Set([...r.reasons,e.reason])):r.reasons,M={...r,renderCount:a,wastefulCount:p,wastefulPercentage:f,avgRenderTimeMs:b,totalRenderTimeMs:g,lastRenderedAt:o,reasons:h,severity:f>70&&a>20?"critical":f>40&&a>10?"warning":"optimal"};globalRenderRegistry.set(e.name,M)}else{const a={id:`render-${Date.now()}-${Math.random().toString(36).substring(2,6)}`,name:e.name,type:e.type||"component",sourceFile:e.sourceFile||getCallerSourceFile(e.name),renderCount:1,wastefulCount:n?1:0,wastefulPercentage:n?100:0,avgRenderTimeMs:t,totalRenderTimeMs:t,lastRenderedAt:o,reasons:e.reason?[e.reason]:[],fixKeys:e.fixKeys||[(0,exports.generateFixSnippet)("useCallback",e.name),(0,exports.generateFixSnippet)("memo",e.name)],severity:"optimal"};globalRenderRegistry.set(e.name,a)}notifyRenderListeners()};exports.trackComponentRender=trackComponentRender;const getHermesMemoryStats=()=>{try{const e=globalThis.HermesInternal;if(e&&typeof e.getInstrumentedStats=="function"){const r=e.getInstrumentedStats(),o=Number(((r.js_heap_size||r.heap_size||348e5)/1048576).toFixed(1)),t=Number(((r.js_heap_capacity||r.allocated_bytes||64e6)/1048576).toFixed(1)),n=Number(r.num_gcs||0),a=Number(((r.gc_time_ms||0)/Math.max(1,n)).toFixed(1));return{heapUsedMb:o,heapTotalMb:t,gcCount:n,gcPauseMs:a,allocationRateMbPerSec:1.8}}}catch{}return{heapUsedMb:32.5,heapTotalMb:64,gcCount:0,gcPauseMs:1.5,allocationRateMbPerSec:1.2}};exports.getHermesMemoryStats=getHermesMemoryStats;const trackNavigationTransition=(e,r,o)=>{const t=Math.max(1,Number(r.toFixed(1))),n=o?.ttiMs?Number(o.ttiMs.toFixed(1)):t,a=o?.droppedFrames??(t>32?Math.round((t-16.67)/16.67):0),p=Math.min(60,Math.max(15,Math.round(1e3/Math.max(16.67,t))));return(0,exports.logPerformanceEvent)({type:"transition",category:"navigation",fps:p,durationMs:t,droppedFrames:a,frameTimeMs:t,frameBudgetPct:Number((t/16.67*100).toFixed(0)),bottleneckThread:t>32?"JS Thread":"Balanced",screenName:e,label:(0,i18n_1.t)("performance.transitionEventLabel",{screen:e}),detail:(0,i18n_1.t)("performance.transitionEventDetail",{duration:t,tti:n}),source:o?.source||getCallerSourceFile(e),advice:(0,i18n_1.t)("performance.transitionEventAdvice"),severity:t>50?"critical":t>25?"warning":"optimal"})};exports.trackNavigationTransition=trackNavigationTransition;const useNavigationProfiler=(e,r)=>{const o=(0,react_1.useRef)(Date.now());(0,react_1.useEffect)(()=>{const t=Date.now()-o.current;(0,exports.trackNavigationTransition)(e,t),r?.onTransitionEnd&&r.onTransitionEnd(t)},[e])};exports.useNavigationProfiler=useNavigationProfiler;const trackHeavyTask=(e,r,o)=>{const t=Date.now();try{return r()}finally{const n=Date.now()-t,a=o?.thresholdMs??16;n>=a&&(0,exports.logPerformanceEvent)({type:"slow_render",category:"render",fps:Math.min(60,Math.max(10,Math.round(1e3/n))),durationMs:n,frameTimeMs:n,frameBudgetPct:Number((n/16.67*100).toFixed(0)),bottleneckThread:"JS Thread",screenName:e,label:(0,i18n_1.t)("performance.heavyTaskEventLabel",{taskName:e}),detail:(0,i18n_1.t)("performance.heavyTaskEventDetail",{duration:n}),source:o?.source||getCallerSourceFile(e),advice:(0,i18n_1.t)("performance.heavyTaskEventAdvice"),severity:n>50?"critical":"warning"})}};exports.trackHeavyTask=trackHeavyTask;const measureAsync=async(e,r,o)=>{const t=Date.now();try{return await r()}finally{const n=Date.now()-t,a=o?.thresholdMs??100;n>=a&&(0,exports.logPerformanceEvent)({type:"network",category:"io",fps:60,durationMs:n,bottleneckThread:"Balanced",screenName:e,label:(0,i18n_1.t)("performance.asyncOpEventLabel",{opName:e}),detail:(0,i18n_1.t)("performance.asyncOpEventDetail",{duration:n}),source:o?.source||getCallerSourceFile(e),severity:n>1e3?"critical":n>300?"warning":"optimal"})}};exports.measureAsync=measureAsync;const useComponentProfiler=(e,r)=>{const o=(0,react_1.useRef)(0),t=(0,react_1.useRef)(r?.propsToCompare),n=(0,react_1.useRef)(Date.now()),a=(0,react_1.useRef)([]);n.current=Date.now(),(0,react_1.useEffect)(()=>{const p=Date.now()-n.current,f=Date.now();o.current+=1,a.current=[...a.current.filter(h=>f-h<=500),f],a.current.length>=10&&(0,exports.logPerformanceEvent)({type:"slow_render",category:"render",fps:20,durationMs:p,bottleneckThread:"JS Thread",screenName:e,label:(0,i18n_1.t)("performance.renderLoopWarningLabel",{comp:e}),detail:(0,i18n_1.t)("performance.renderLoopWarningDetail",{comp:e,count:a.current.length}),source:r?.sourceFile||getCallerSourceFile(e),advice:(0,i18n_1.t)("performance.renderLoopWarningAdvice"),severity:"critical"});let g=!1,b;if(o.current>1&&r?.propsToCompare){const h=t.current,M=r.propsToCompare;Object.keys(M).filter(y=>h[y]!==M[y]).length===0&&(g=!0,b="Re-rendered with identical props (memoization candidate)"),t.current=M}(0,exports.trackComponentRender)({name:e,type:r?.type||"component",sourceFile:r?.sourceFile||getCallerSourceFile(e),renderTimeMs:Math.max(.5,p),isWasteful:g,reason:b})})};exports.useComponentProfiler=useComponentProfiler;const usePerformanceTracker=(e=!0)=>{const r=e&&isPerformanceModuleEnabled,[o,t]=(0,react_1.useState)(!0),[n,a]=(0,react_1.useState)(60),[p,f]=(0,react_1.useState)(60),[g,b]=(0,react_1.useState)(60),[h,M]=(0,react_1.useState)(60),[v,F]=(0,react_1.useState)(0),[y,N]=(0,react_1.useState)(0),[S,A]=(0,react_1.useState)(0),[L,$]=(0,react_1.useState)(()=>Array(30).fill(60)),[_,I]=(0,react_1.useState)(()=>(0,exports.getHermesMemoryStats)()),[C,H]=(0,react_1.useState)(()=>(0,exports.getRenderProfiles)()),[E,w]=(0,react_1.useState)(()=>(0,exports.getPerformanceEvents)());(0,react_1.useEffect)(()=>{if(!r)return;const c=(0,exports.subscribeRenderProfiles)(i=>{H(i)}),s=(0,exports.subscribePerformanceEvents)(i=>{w(i)});return()=>{c(),s()}},[r]);const R=(0,react_1.useRef)(Date.now()),P=(0,react_1.useRef)(null),z=(0,react_1.useRef)(Date.now());(0,react_1.useEffect)(()=>{if(!r||!o)return;let c=!0,s=0,i=0,u=Date.now();const d=()=>{if(!c)return;const l=Date.now(),K=l-R.current;R.current=l;const D=Math.max(0,K-16.67);if(D>i&&(i=D),s++,l-u>=1e3){const J=l-u,x=Math.min(60,Math.max(0,Math.round(s*1e3/J)));a(x),f(m=>Math.min(m,x)),b(m=>Math.max(m,x)),F(m=>m+s),A(Number(i.toFixed(1))),x<55&&N(m=>m+1),$(m=>{const k=[...m.slice(-29),x],B=k.reduce((G,O)=>G+O,0);return M(Math.round(B/k.length)),k});const T=(0,exports.getHermesMemoryStats)();if(I(m=>({...m,heapUsedMb:T.heapUsedMb,heapTotalMb:T.heapTotalMb,gcCount:T.gcCount,gcPauseMs:T.gcPauseMs,allocationRateMbPerSec:T.allocationRateMbPerSec})),x<50){const m=Number((1e3/x).toFixed(1));(0,exports.logPerformanceEvent)({type:"fps_drop",category:"render",fps:x,durationMs:m,droppedFrames:Math.max(0,60-x),frameTimeMs:m,frameBudgetPct:Number((m/16.67*100).toFixed(0)),bottleneckThread:i>8?"JS Thread":"UI Thread",screenName:"Live Application Render",label:(0,i18n_1.t)("performance.liveFpsDropLabel",{fps:x}),detail:(0,i18n_1.t)("performance.liveFpsDropDetail",{duration:m}),source:"React Native UI Thread",breakdown:{jsTimeMs:Number((m*.65).toFixed(1)),uiTimeMs:Number((m*.35).toFixed(1))},advice:(0,i18n_1.t)("performance.liveFpsDropAdvice"),severity:x<30?"critical":"warning"})}s=0,i=0,u=l}P.current=requestAnimationFrame(d)};return R.current=Date.now(),P.current=requestAnimationFrame(d),()=>{c=!1,P.current&&cancelAnimationFrame(P.current)}},[o]);const U=(0,react_1.useMemo)(()=>{const c=v>0?Number((y/Math.max(1,v/60)*100).toFixed(1)):0,s=E.filter(l=>l.type==="slow_render").length,i=Math.min(100,Math.max(8,Number((S+12.5).toFixed(1)))),u=Math.max(120,Math.min(500,Math.round(150+s*25)));return{ttiMs:Math.max(280,Math.min(1200,Math.round(u+180+s*40))),fcpMs:u,inpMs:i,jankPercentage:c,grade:c<=2?"Optimal":c<=5?"Fair":"Poor"}},[v,y,S,E]),W=(0,react_1.useMemo)(()=>{const c=C.reduce((d,l)=>d+l.renderCount,0),s=C.reduce((d,l)=>d+l.wastefulCount,0),i=c>0?Number((s/c*100).toFixed(1)):0,u=[...C].sort((d,l)=>l.renderCount-d.renderCount)[0];return{totalRenders:c,totalWasteful:s,overallWastefulPct:i,topOffender:u,totalComponentsTracked:C.length}},[C]),V=()=>{(0,exports.clearPerformanceEvents)()},j=(0,react_1.useCallback)(()=>{globalRenderRegistry.forEach((c,s)=>{globalRenderRegistry.set(s,{...c,renderCount:1,wastefulCount:0,wastefulPercentage:0,totalRenderTimeMs:c.avgRenderTimeMs,lastRenderedAt:Date.now(),severity:"optimal"})}),notifyRenderListeners()},[]),q=(0,react_1.useCallback)(c=>{globalRenderRegistry.forEach((s,i)=>{if(s.id===c||s.name===c){const u=s.renderCount+1,d=s.wastefulCount+1,l=Number((d/u*100).toFixed(1));globalRenderRegistry.set(i,{...s,renderCount:u,wastefulCount:d,wastefulPercentage:l,totalRenderTimeMs:Number((s.totalRenderTimeMs+s.avgRenderTimeMs).toFixed(1)),lastRenderedAt:Date.now(),severity:u>30?"critical":u>15?"warning":"optimal"})}}),notifyRenderListeners()},[]);return{isRecording:o,setIsRecording:t,currentFps:n,minFps:p,maxFps:g,avgFps:h,totalFrames:v,jankyFrameCount:y,jsLagMs:S,fpsHistory:L,memoryStats:_,mobileVitals:U,renderProfiles:C,reRenderSummary:W,resetRenderCounters:j,simulateComponentRender:q,events:E,setEvents:w,clearEvents:V,triggerGc:()=>{try{typeof globalThis.gc=="function"&&globalThis.gc()}catch{}const c=Number((4.5+Math.random()*3.5).toFixed(1)),s=Math.round(c*1024);I(i=>({...i,heapUsedMb:Math.max(18,Number((i.heapUsedMb-c).toFixed(1))),gcCount:i.gcCount+1,gcPauseMs:Number((1.2+Math.random()*.9).toFixed(1))})),(0,exports.logPerformanceEvent)({type:"memory",category:"memory",fps:60,durationMs:Number((1.6+Math.random()*.8).toFixed(1)),label:(0,i18n_1.t)("performance.gcCycleLabel"),detail:(0,i18n_1.t)("performance.gcCycleDetail",{amount:c}),source:"Hermes JavaScript VM Scavenger",breakdown:{jsTimeMs:1.8,uiTimeMs:.3},heapDeltaKb:-s,advice:(0,i18n_1.t)("performance.gcCycleAdvice"),severity:"optimal"})}}};exports.usePerformanceTracker=usePerformanceTracker;const globalPerformanceEvents=[...exports.INITIAL_EVENTS],performanceListeners=new Set;let maxPerformanceEventsLimit=100;const setMaxPerformanceEventsLimit=e=>{maxPerformanceEventsLimit=Math.max(10,e),globalPerformanceEvents.length>maxPerformanceEventsLimit&&(globalPerformanceEvents.length=maxPerformanceEventsLimit,performanceListeners.forEach(r=>{try{r([...globalPerformanceEvents])}catch{}}))};exports.setMaxPerformanceEventsLimit=setMaxPerformanceEventsLimit;const getMaxPerformanceEventsLimit=()=>maxPerformanceEventsLimit;exports.getMaxPerformanceEventsLimit=getMaxPerformanceEventsLimit;const prunePerformanceEvents=e=>{const r=e!==void 0?Math.max(0,e):Math.floor(globalPerformanceEvents.length/2),o=globalPerformanceEvents.length-r;return o>0&&(globalPerformanceEvents.length=r,performanceListeners.forEach(t=>{try{t([...globalPerformanceEvents])}catch{}})),Math.max(0,o)};exports.prunePerformanceEvents=prunePerformanceEvents;const logPerformanceEvent=e=>{const r={id:e.id||`perf-${Date.now()}-${Math.random().toString(36).substring(2,6)}`,timestamp:e.timestamp||Date.now(),source:e.source||getCallerSourceFile(),...e};return globalPerformanceEvents.unshift(r),globalPerformanceEvents.length>maxPerformanceEventsLimit&&(globalPerformanceEvents.length=maxPerformanceEventsLimit),performanceListeners.forEach(o=>{try{o([...globalPerformanceEvents])}catch{}}),r};exports.logPerformanceEvent=logPerformanceEvent;const clearPerformanceEvents=()=>{globalPerformanceEvents.length=0,performanceListeners.forEach(e=>{try{e([])}catch{}})};exports.clearPerformanceEvents=clearPerformanceEvents;const subscribePerformanceEvents=e=>(performanceListeners.add(e),e([...globalPerformanceEvents]),()=>{performanceListeners.delete(e)});exports.subscribePerformanceEvents=subscribePerformanceEvents;const getPerformanceEvents=()=>[...globalPerformanceEvents];exports.getPerformanceEvents=getPerformanceEvents;