react-native-inapp-inspector 2.3.18 → 2.3.20

package/src/components/TreeNode.tsx

@@ -1,171 +0,0 @@
-import React, {useState, useEffect} from 'react';
-import {Text, View, Image, Pressable} from 'react-native';
-
-// Helpers
-import {escapeRegex} from '../helpers';
-
-// Assets
-import {ChevronIcon, DocIcon} from './NetworkIcons';
-
-// Stylesheet
-import {AppColors} from '../styles/AppColors';
-import styles from '../styles';
-
-// Type Definition
-import {TreeNodeProps} from '../types';
-
-const TreeNode = React.memo(function TreeNode({
-  data,
-  name,
-  level = 0,
-  search,
-  forceOpen,
-  defaultExpandDepth = 1,
-}: TreeNodeProps) {
-  const [localOpen, setLocalOpen] = useState<boolean>(() => {
-    if (forceOpen !== undefined) {
-      return forceOpen;
-    }
-    return defaultExpandDepth !== undefined ? level < defaultExpandDepth : level < 1;
-  });
-  const open = localOpen;
-
-  useEffect(() => {
-    if (forceOpen !== undefined) {
-      setLocalOpen(forceOpen);
-    }
-  }, [forceOpen]);
-
-  const isObject = typeof data === 'object' && data !== null;
-  const isArray = Array.isArray(data);
-
-  function renderHighlighted(text: string): React.ReactNode[] {
-    if (text === 'null' || text === 'undefined') {
-      return [
-        <Text key="nil" style={styles.codeTextNil}>
-          {text}
-        </Text>,
-      ];
-    }
-    if (!search) {
-      return [
-        <Text key="plain" style={styles.codeText}>
-          {text}
-        </Text>,
-      ];
-    }
-    const regex = new RegExp(`(${escapeRegex(search)})`, 'gi');
-    const parts = text.split(regex);
-    return parts.map((part, i) =>
-      part.toLowerCase() === search.toLowerCase() ? (
-        <Text key={i} style={styles.highlight}>
-          {part}
-        </Text>
-      ) : (
-        <Text key={i} style={styles.codeText}>
-          {part}
-        </Text>
-      ),
-    );
-  }
-
-  const indentStyle = {paddingLeft: level * 12};
-
-  if (isObject && (data as any)._isFile) {
-    const file = data as any;
-    const isImage = file.type?.includes('image');
-
-    return (
-      <View style={[indentStyle, styles.filePreviewNode]}>
-        {name !== undefined && (
-          <Text style={[styles.codeKey, {marginBottom: 4}]}>{`"${String(
-            name,
-          )}": `}</Text>
-        )}
-        <View style={styles.filePreviewCard}>
-          {isImage ? (
-            <Image
-              source={{uri: file.uri}}
-              style={styles.filePreviewThumb}
-              resizeMode="cover"
-            />
-          ) : (
-            <View style={styles.filePreviewDoc}>
-              <DocIcon color={AppColors.grayTextWeak} size={20} />
-            </View>
-          )}
-          <View style={{flex: 1}}>
-            <Text style={styles.filePreviewName} numberOfLines={1}>
-              {file.name}
-            </Text>
-            <Text style={styles.filePreviewType}>{file.type}</Text>
-          </View>
-        </View>
-      </View>
-    );
-  }
-
-  if (!isObject) {
-    const serialized = JSON.stringify(data) ?? String(data);
-    const prefix = name !== undefined ? `"${String(name)}": ` : null;
-    return (
-      <View style={indentStyle}>
-        <Text selectable={true} style={styles.codeText}>
-          <Text style={styles.codeKey}>{prefix}</Text>
-          {renderHighlighted(serialized)}
-        </Text>
-      </View>
-    );
-  }
-
-  const entries: [string | number, unknown][] = isArray
-    ? (data as unknown[]).map((v, i) => [i, v])
-    : Object.entries(data as Record<string, unknown>);
-
-  const countLabel = isArray ? `[${entries.length}]` : `{${entries.length}}`;
-
-  return (
-    <View style={indentStyle}>
-      <Pressable
-        style={styles.treeRow}
-        onPress={() => setLocalOpen(v => !v)}
-        hitSlop={{top: 10, bottom: 10, left: 10, right: 10}}>
-        <View
-          style={{transform: [{rotate: open ? '180deg' : '0deg'}], marginRight: 6}}>
-          <ChevronIcon color={AppColors.grayTextWeak} size={12} />
-        </View>
-        {name !== undefined && (
-          <Text style={[styles.codeKey, styles.treeKeyMargin]}>{`"${String(
-            name,
-          )}"`}</Text>
-        )}
-        {isArray ? (
-          <View style={styles.arrayBadge}>
-            <Text style={styles.arrayBadgeText}>{countLabel}</Text>
-          </View>
-        ) : (
-          <View style={styles.objectBadge}>
-            <Text style={styles.objectBadgeText}>{countLabel}</Text>
-          </View>
-        )}
-      </Pressable>
-
-      {open &&
-        entries.map(([k, v]) => (
-          <TreeNode
-            key={String(k)}
-            name={k}
-            data={v}
-            level={level + 1}
-            search={search}
-            forceOpen={forceOpen}
-            defaultExpandDepth={defaultExpandDepth}
-          />
-        ))}
-
-      {open && <Text style={styles.codeSyntax}>{isArray ? ']' : '}'}</Text>}
-    </View>
-  );
-});
-
-export default TreeNode;

package/src/console.ts

@@ -1,24 +0,0 @@
-/**
- * Sub-module entry point: react-native-inapp-inspector/console
- * Clean tree-shaking & isolated console logger.
- */
-export {
-  setupConsoleLogger,
-  clearConsoleLogs,
-  subscribeConsoleLogs,
-  getConsoleLogs,
-  setConsoleModuleEnabled,
-  getConsoleModuleEnabled,
-  setMaxConsoleLogsLimit,
-  getMaxConsoleLogsLimit,
-  pruneConsoleLogs,
-} from './customHooks/consoleLogger';
-
-export type {
-  ConsoleLog,
-} from './types';
-
-export {
-  ConsoleLogType,
-  LogFilter,
-} from './types';

package/src/constants/index.ts

@@ -1,41 +0,0 @@
-import {Method} from '../types';
-
-// Styles
-import {AppColors} from '../styles/AppColors';
-
-// Type Definition
-import {StatusFilter} from '../types';
-
-export const STATUS_FILTERS: string[] = [
-  'ALL',
-  '2xx',
-  '200',
-  '3xx',
-  '4xx',
-  '400',
-  '404',
-  '5xx',
-  '500',
-  'Failed',
-];
-
-export const METHOD_COLORS: Record<Method, string> = {
-  ALL: '#64748B',     // Slate
-  GET: '#059669',     // Emerald
-  POST: '#2563EB',    // Royal Blue
-  PUT: '#D97706',     // Amber Gold
-  PATCH: '#7C3AED',   // Rich Violet
-  DELETE: '#DC2626',  // Crimson Red
-  QUERY: '#0284C7',   // Sky Cyan (HTTP QUERY RFC 9535)
-  OPTIONS: '#475569', // Cool Slate
-  HEAD: '#0891B2',    // Cyan
-};
-
-export const DOMAIN_COLORS: string[] = AppColors.domainColors;
-
-export const DURATION_FAST_MS = 200;
-export const DURATION_SLOW_MS = 800;
-
-// Package version — auto-generated from package.json at build time.
-// See scripts/gen-version.js (wired to the "prebuild" npm script).
-export {LIB_VERSION} from './version';

package/src/constants/telemetryConfig.ts

@@ -1,4 +0,0 @@
-// AUTO-GENERATED FILE — do not edit by hand.
-export const ENC_MID = '';
-export const ENC_SEC = '';
-export const TELEMETRY_SALT = '';

package/src/constants/version.ts

@@ -1,3 +0,0 @@
-// AUTO-GENERATED FILE — do not edit by hand.
-// Regenerated from package.json on every build by scripts/gen-version.js.
-export const LIB_VERSION = '2.3.18';

package/src/crash.ts

@@ -1,32 +0,0 @@
-/**
- * Sub-module entry point: react-native-inapp-inspector/crash
- * Clean tree-shaking & isolated global crash handler and reporting.
- */
-export {
-  setupGlobalCrashHandler,
-  subscribeCrashEvents,
-  emitCrashEvent,
-  getCrashRecords,
-  clearCrashRecords,
-  simulateTestCrash,
-  exportCrashReport,
-  parseCrashStackTrace,
-  setMaxCrashLogsLimit,
-  getMaxCrashLogsLimit,
-  pruneCrashRecords,
-  setCrashModuleEnabled,
-  getCrashModuleEnabled,
-} from './customHooks/crashHandler';
-
-export type {
-  CrashRecord,
-  CrashBreadcrumb,
-} from './types';
-
-export {
-  CrashType,
-  CrashExportFormat,
-  CrashDetailSubTab,
-  CrashFilterType,
-  BreadcrumbType,
-} from './types';

package/src/customHooks/analyticsLogger.ts

@@ -1,336 +0,0 @@
-// ─── Analytics Logger ─────────────────────────────────────────────────────────
-//
-// Captures @react-native-firebase/analytics events by monkey-patching the
-// analytics instance returned by `analytics()`.
-//
-// Setup (call once at app startup, before any analytics calls):
-//
-//   import analytics from '@react-native-firebase/analytics';
-//   import { setupAnalyticsLogger } from './network/analyticsLogger';
-//
-//   setupAnalyticsLogger(analytics());
-//
-// That's it — every subsequent logEvent / logScreenView / setUserProperty call
-// will be intercepted and shown in the Analytics tab of NetworkInspector.
-//
-// Patched methods:
-//   logEvent(name, params)
-//   logScreenView({ screen_name, screen_class })
-//   setUserProperty(name, value)
-//   setUserProperties(properties)
-//   setUserId(id)
-// ─────────────────────────────────────────────────────────────────────────────
-
-import {AnalyticsEvent} from '../types';
-
-// ─── Internal state ───────────────────────────────────────────────────────────
-
-let events: AnalyticsEvent[] = [];
-let listeners: ((events: AnalyticsEvent[]) => void)[] = [];
-let counter = 0;
-let isAnalyticsModuleEnabled = false;
-
-export const setAnalyticsModuleEnabled = (enabled: boolean) => {
-  isAnalyticsModuleEnabled = enabled;
-};
-
-export const getAnalyticsModuleEnabled = () => isAnalyticsModuleEnabled;
-
-// Running snapshot of user properties set so far — attached to every event
-let currentUserProperties: Record<string, any> = {};
-let currentUserId: string | undefined;
-let currentDefaultEventParameters: Record<string, any> = {};
-let isCollectionEnabled = true;
-
-let maxAnalyticsLogsLimit = 150;
-
-export const setMaxAnalyticsLogsLimit = (limit: number): void => {
-  maxAnalyticsLogsLimit = Math.max(10, limit);
-  if (events.length > maxAnalyticsLogsLimit) {
-    events = events.slice(0, maxAnalyticsLogsLimit);
-    notify();
-  }
-};
-
-export const getMaxAnalyticsLogsLimit = (): number => maxAnalyticsLogsLimit;
-
-export const pruneAnalyticsLogs = (targetCount?: number): number => {
-  const countToKeep = targetCount !== undefined ? Math.max(0, targetCount) : Math.floor(events.length / 2);
-  const pruned = events.length - countToKeep;
-  if (pruned > 0) {
-    events = events.slice(0, countToKeep);
-    notify();
-  }
-  return Math.max(0, pruned);
-};
-
-// ─── Core helpers ─────────────────────────────────────────────────────────────
-
-const notify = () => {
-  const snapshot = [...events];
-  listeners.forEach(cb => cb(snapshot));
-};
-
-const addEvent = (event: AnalyticsEvent) => {
-  if (!isAnalyticsModuleEnabled) return;
-  events.unshift(event);
-  events = events.slice(0, maxAnalyticsLogsLimit);
-  notify();
-};
-
-// ─── Public subscribe / query API ────────────────────────────────────────────
-
-export const subscribeAnalyticsEvents = (
-  callback: (events: AnalyticsEvent[]) => void,
-) => {
-  listeners.push(callback);
-  callback([...events]);
-  return () => {
-    listeners = listeners.filter(l => l !== callback);
-  };
-};
-
-export const clearAnalyticsEvents = () => {
-  events = [];
-  notify();
-};
-
-export const getAnalyticsEvents = () => [...events];
-
-export const getCurrentUserProperties = () => ({...currentUserProperties});
-export const getCurrentUserId = () => currentUserId;
-export const getDefaultEventParameters = () => ({...currentDefaultEventParameters});
-export const getCollectionEnabled = () => isCollectionEnabled;
-
-// ─── Manual logging (escape hatch, rarely needed) ────────────────────────────
-
-/**
- * Directly push an event into the inspector without going through Firebase.
- * Useful for custom analytics wrappers or testing.
- */
-export const logAnalyticsEvent = (
-  name: string,
-  params: Record<string, any> = {},
-  userProperties: Record<string, any> = {},
-) => {
-  addEvent({
-    id: counter++,
-    name,
-    params,
-    userProperties: {...currentUserProperties, ...userProperties},
-    timestamp: Date.now(),
-    source: 'manual',
-    userId: currentUserId ?? '',
-    screenName: '',
-    screenClass: '',
-  });
-};
-
-// ─── Firebase Analytics instance patcher ─────────────────────────────────────
-
-/**
- * Monkey-patches a @react-native-firebase/analytics instance so all calls
- * are intercepted and forwarded to the NetworkInspector analytics tab.
- *
- * Pass the result of `analytics()` (the default app instance or any named one).
- * Safe to call multiple times with the same instance — won't double-patch.
- *
- * @example
- *   import analytics from '@react-native-firebase/analytics';
- *   setupAnalyticsLogger(analytics());
- */
-let isAnalyticsPatched = false;
-
-/**
- * Returns true if analytics logging is active (always ready for custom and Firebase events).
- */
-export const isAnalyticsConnected = () => true;
-
-export const isFirebaseAnalyticsPatched = () => isAnalyticsPatched;
-
-export const setupAnalyticsLogger = (analyticsInstance: any): void => {
-  if (!analyticsInstance) {
-    console.warn(
-      '[AnalyticsLogger] No analytics instance provided — skipping setup.',
-    );
-    return;
-  }
-
-  isAnalyticsPatched = true;
-
-  // Guard against double-patching the same instance
-  if (analyticsInstance.__INSPECTOR_PATCHED__) return;
-  analyticsInstance.__INSPECTOR_PATCHED__ = true;
-
-  // ── logEvent ──────────────────────────────────────────────────────────────
-  const originalLogEvent = analyticsInstance.logEvent.bind(analyticsInstance);
-  analyticsInstance.logEvent = async (
-    name: string,
-    params?: Record<string, any>,
-  ) => {
-    try {
-      addEvent({
-        id: counter++,
-        name,
-        params: params ?? {},
-        userProperties: {...currentUserProperties},
-        timestamp: Date.now(),
-        source: 'firebase',
-        userId: currentUserId ?? '',
-        screenName: '',
-        screenClass: '',
-      });
-    } catch {}
-    return originalLogEvent(name, params);
-  };
-
-  // ── logScreenView ─────────────────────────────────────────────────────────
-  const originalLogScreenView =
-    analyticsInstance.logScreenView.bind(analyticsInstance);
-  analyticsInstance.logScreenView = async (params?: {
-    screen_name?: string;
-    screen_class?: string;
-    [key: string]: any;
-  }) => {
-    try {
-      addEvent({
-        id: counter++,
-        name: 'screen_view',
-        params: params ?? {},
-        userProperties: {...currentUserProperties},
-        timestamp: Date.now(),
-        source: 'firebase',
-        screenName: params?.screen_name ?? '',
-        screenClass: params?.screen_class ?? '',
-        userId: currentUserId ?? '',
-      });
-    } catch {}
-    return originalLogScreenView(params);
-  };
-
-  // ── setUserProperty ───────────────────────────────────────────────────────
-  const originalSetUserProperty =
-    analyticsInstance.setUserProperty.bind(analyticsInstance);
-  analyticsInstance.setUserProperty = async (
-    name: string,
-    value: string | null,
-  ) => {
-    try {
-      if (value === null) {
-        delete currentUserProperties[name];
-      } else {
-        currentUserProperties[name] = value;
-      }
-    } catch {}
-    return originalSetUserProperty(name, value);
-  };
-
-  // ── setUserProperties ─────────────────────────────────────────────────────
-  const originalSetUserProperties =
-    analyticsInstance.setUserProperties.bind(analyticsInstance);
-  analyticsInstance.setUserProperties = async (
-    properties: Record<string, string | null>,
-  ) => {
-    try {
-      if (properties && typeof properties === 'object') {
-        Object.entries(properties).forEach(([k, v]) => {
-          if (v === null) delete currentUserProperties[k];
-          else currentUserProperties[k] = v;
-        });
-      }
-    } catch {}
-    return originalSetUserProperties(properties);
-  };
-
-  // ── setUserId ─────────────────────────────────────────────────────────────
-  const originalSetUserId = analyticsInstance.setUserId.bind(analyticsInstance);
-  analyticsInstance.setUserId = async (id: string | null) => {
-    try {
-      currentUserId = id ?? undefined;
-      notify();
-    } catch {}
-    return originalSetUserId(id);
-  };
-
-  // ── setDefaultEventParameters ──────────────────────────────────────────────
-  if (typeof analyticsInstance.setDefaultEventParameters === 'function') {
-    const originalSetDefaultEventParameters =
-      analyticsInstance.setDefaultEventParameters.bind(analyticsInstance);
-    analyticsInstance.setDefaultEventParameters = async (
-      params: Record<string, any> | null,
-    ) => {
-      try {
-        currentDefaultEventParameters = params ?? {};
-        notify();
-      } catch {}
-      return originalSetDefaultEventParameters(params);
-    };
-  }
-
-  // ── setAnalyticsCollectionEnabled ───────────────────────────────────────────
-  if (typeof analyticsInstance.setAnalyticsCollectionEnabled === 'function') {
-    const originalSetAnalyticsCollectionEnabled =
-      analyticsInstance.setAnalyticsCollectionEnabled.bind(analyticsInstance);
-    analyticsInstance.setAnalyticsCollectionEnabled = async (enabled: boolean) => {
-      try {
-        isCollectionEnabled = enabled;
-        notify();
-      } catch {}
-      return originalSetAnalyticsCollectionEnabled(enabled);
-    };
-  }
-
-  // ── resetAnalyticsData ──────────────────────────────────────────────────────
-  if (typeof analyticsInstance.resetAnalyticsData === 'function') {
-    const originalResetAnalyticsData =
-      analyticsInstance.resetAnalyticsData.bind(analyticsInstance);
-    analyticsInstance.resetAnalyticsData = async () => {
-      try {
-        clearAnalyticsEvents();
-        currentUserProperties = {};
-        currentUserId = undefined;
-        currentDefaultEventParameters = {};
-        notify();
-      } catch {}
-      return originalResetAnalyticsData();
-    };
-  }
-};
-
-export const autoSetupAnalyticsLogger = (): boolean => {
-  if ((globalThis as any).__INSPECTOR_ANALYTICS_AUTOSETUP__) return true;
-
-  let mod: any;
-  try {
-    mod = require('@react-native-firebase/analytics'); // optional dep
-  } catch {
-    return false; // GA not installed — silent no-op
-  }
-
-  const accessor = mod?.default ?? mod;
-  if (typeof accessor !== 'function') return false;
-
-  try {
-    setupAnalyticsLogger(accessor());
-  } catch {} // patch default-app instance
-
-  if (!accessor.__INSPECTOR_WRAPPED__) {
-    // patch future/named instances
-    const wrapped: any = function (this: any, ...args: any[]) {
-      const instance = accessor.apply(this, args);
-      try {
-        setupAnalyticsLogger(instance);
-      } catch {}
-      return instance;
-    };
-    Object.setPrototypeOf(wrapped, accessor);
-    Object.assign(wrapped, accessor);
-    wrapped.__INSPECTOR_WRAPPED__ = true;
-    try {
-      if (mod.default !== undefined) mod.default = wrapped;
-    } catch {}
-  }
-
-  (globalThis as any).__INSPECTOR_ANALYTICS_AUTOSETUP__ = true;
-  return true;
-};