react-native-inapp-inspector 2.3.15 → 2.3.17

package/src/customHooks/useAccordion.tsx

@@ -1,58 +1,25 @@
-import {useCallback, useRef, useState} from 'react';
-import {Animated} from 'react-native';
+import {useCallback, useState} from 'react';
 
 const useAccordion = (
   initialOpen = false,
-  maxBodyHeight = 1200,
-  duration = 280,
+  _maxBodyHeight = 1200,
+  _duration = 280,
 ) => {
   const [isOpen, setIsOpen] = useState(initialOpen);
-  const animVal = useRef(new Animated.Value(initialOpen ? 1 : 0)).current;
 
   const toggleOpen = useCallback(() => {
-    const next = !isOpen;
-    setIsOpen(next);
-    Animated.timing(animVal, {
-      toValue: next ? 1 : 0,
-      duration,
-      useNativeDriver: false,
-    }).start();
-  }, [isOpen, animVal, duration]);
+    setIsOpen(prev => !prev);
+  }, []);
 
-  const forceOpen = useCallback(
-    (open: boolean) => {
-      setIsOpen(open);
-      Animated.timing(animVal, {
-        toValue: open ? 1 : 0,
-        duration,
-        useNativeDriver: false,
-      }).start();
-    },
-    [animVal, duration],
-  );
+  const forceOpen = useCallback((open: boolean) => {
+    setIsOpen(open);
+  }, []);
 
   const chevronStyle = {
-    transform: [
-      {
-        rotate: animVal.interpolate({
-          inputRange: [0, 1],
-          outputRange: ['0deg', '180deg'],
-        }),
-      },
-    ],
+    transform: [{rotate: isOpen ? '180deg' : '0deg'}],
   };
 
-  const bodyStyle = {
-    maxHeight: animVal.interpolate({
-      inputRange: [0, 1],
-      outputRange: [0, maxBodyHeight],
-    }),
-    overflow: 'hidden' as const,
-    opacity: animVal.interpolate({
-      inputRange: [0, 0.4, 1],
-      outputRange: [0, 0.7, 1],
-    }),
-  };
+  const bodyStyle = {};
 
   return {isOpen, toggleOpen, forceOpen, chevronStyle, bodyStyle};
 };

package/src/helpers/index.ts

@@ -24,6 +24,7 @@ import {
 } from '../types';
 export * from './searchQueryParser';
 export * from './memoryManager';
+export * from './toast';
 
 /**
  * Returns true if running in local debug environment (connected to Metro/dev server, __DEV__ is true).
@@ -98,7 +99,16 @@ export const getSize = (data: unknown): string => {
   }
 };
 
-export const copyToClipboard = (value: unknown, label: string): void => {
+export const formatBytes = (bytes: number): string => {
+  if (bytes === 0 || !bytes || isNaN(bytes)) return '0 B';
+  const k = 1024;
+  const sizes = ['B', 'KB', 'MB', 'GB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i] || 'B'}`;
+};
+
+export const copyToClipboard = (value: unknown, label?: string): void => {
+
   const resolved = typeof value === 'function' ? (value as Function)() : value;
   let textToCopy = '';
   if (typeof resolved === 'string') {

package/src/helpers/remoteConfig.ts

@@ -0,0 +1,212 @@
+import {ActiveTab} from '../types';
+
+/**
+ * Supported Remote Config keys for each module:
+ *
+ * 1. JSON Configuration:
+ *    - `inspector_modules` (e.g. `{"apis": true, "logs": true, "analytics": true, ...}`)
+ *    - `inapp_inspector_modules`
+ *
+ * 2. Individual Boolean Keys:
+ *    - `inspector_module_apis` / `inapp_inspector_apis` / `inspector_apis`
+ *    - `inspector_module_logs` / `inapp_inspector_logs` / `inspector_logs`
+ *    - `inspector_module_analytics` / `inapp_inspector_analytics` / `inspector_analytics`
+ *    - `inspector_module_redux` / `inapp_inspector_redux` / `inspector_redux`
+ *    - `inspector_module_storage` / `inapp_inspector_storage` / `inspector_storage`
+ *    - `inspector_module_device` / `inapp_inspector_device` / `inspector_device`
+ *    - `inspector_module_crash` / `inapp_inspector_crash` / `inspector_crash`
+ *    - `inspector_module_bundle` / `inapp_inspector_bundle` / `inspector_bundle`
+ *    - `inspector_module_performance` / `inapp_inspector_performance` / `inspector_performance`
+ *    - `inspector_module_debugging` / `inapp_inspector_debugging` / `inspector_debugging`
+ */
+
+const MODULE_KEYS: ActiveTab[] = [
+  'apis',
+  'logs',
+  'analytics',
+  'redux',
+  'storage',
+  'device',
+  'crash',
+  'bundle',
+  'performance',
+  'debugging',
+];
+
+let cachedRemoteConfigInstance: any = null;
+
+/**
+ * Dynamically resolves Firebase Remote Config instance if installed.
+ */
+export function getFirebaseRemoteConfig(customInstance?: any): any {
+  if (customInstance && typeof customInstance === 'object') {
+    cachedRemoteConfigInstance = customInstance;
+    return customInstance;
+  }
+  if (cachedRemoteConfigInstance) {
+    return cachedRemoteConfigInstance;
+  }
+  try {
+    const rcModule = require('@react-native-firebase/remote-config');
+    const instance =
+      typeof rcModule.default === 'function'
+        ? rcModule.default()
+        : typeof rcModule === 'function'
+        ? rcModule()
+        : rcModule;
+    cachedRemoteConfigInstance = instance;
+    return instance;
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Checks if @react-native-firebase/remote-config is available in the environment.
+ */
+export function isFirebaseRemoteConfigAvailable(customInstance?: any): boolean {
+  return Boolean(getFirebaseRemoteConfig(customInstance));
+}
+
+/**
+ * Helper to extract a boolean or JSON value from a Firebase Remote Config parameter.
+ */
+function extractValue(val: any): any {
+  if (val === null || val === undefined) return undefined;
+  if (typeof val === 'boolean') return val;
+  if (typeof val === 'number') return val !== 0;
+  if (typeof val === 'string') {
+    const lower = val.trim().toLowerCase();
+    if (lower === 'true' || lower === '1' || lower === 'enabled' || lower === 'on') return true;
+    if (lower === 'false' || lower === '0' || lower === 'disabled' || lower === 'off') return false;
+    try {
+      return JSON.parse(val);
+    } catch {
+      return undefined;
+    }
+  }
+  // Firebase Remote Config Value object with .asBoolean() or .asString()
+  if (typeof val.asBoolean === 'function') {
+    return val.asBoolean();
+  }
+  if (typeof val.asString === 'function') {
+    const str = val.asString();
+    const lower = str.trim().toLowerCase();
+    if (lower === 'true' || lower === '1' || lower === 'enabled' || lower === 'on') return true;
+    if (lower === 'false' || lower === '0' || lower === 'disabled' || lower === 'off') return false;
+    try {
+      return JSON.parse(str);
+    } catch {
+      return undefined;
+    }
+  }
+  return undefined;
+}
+
+/**
+ * Fetches and activates latest values from Firebase Remote Config, then parses module enable/disable statuses.
+ * Returns a partial or complete mapping of module visibility flags, or null if Remote Config is unavailable.
+ *
+ * @param customInstance Optional custom remoteConfig instance from consumer app
+ * @param fetchTimeoutMs Timeout for fetch operation in ms (default: 8000)
+ */
+export async function fetchRemoteConfigModuleStatus(
+  customInstance?: any,
+  fetchTimeoutMs = 8000,
+): Promise<Partial<Record<ActiveTab, boolean>> | null> {
+  const rc = getFirebaseRemoteConfig(customInstance);
+  if (!rc) {
+    return null;
+  }
+
+  try {
+    // 1. Fetch & Activate with timeout protection
+    const fetchPromise = (async () => {
+      if (typeof rc.fetchAndActivate === 'function') {
+        await rc.fetchAndActivate();
+      } else {
+        if (typeof rc.fetch === 'function') {
+          await rc.fetch();
+        }
+        if (typeof rc.activate === 'function') {
+          await rc.activate();
+        }
+      }
+    })();
+
+    const timeoutPromise = new Promise((_, reject) =>
+      setTimeout(() => reject(new Error('Remote Config fetch timeout')), fetchTimeoutMs),
+    );
+
+    await Promise.race([fetchPromise, timeoutPromise]).catch(() => {
+      // If network fetch fails/times out, we still read cached/activated values
+    });
+
+    // 2. Read values from Remote Config
+    const result: Partial<Record<ActiveTab, boolean>> = {};
+
+    // Check JSON bundle key first: `inspector_modules` or `inapp_inspector_modules`
+    const jsonKeys = [
+      'inspector_modules',
+      'inapp_inspector_modules',
+      'react_native_inapp_inspector_modules',
+    ];
+
+    for (const jKey of jsonKeys) {
+      let rawVal: any;
+      if (typeof rc.getValue === 'function') {
+        try {
+          rawVal = rc.getValue(jKey);
+        } catch {}
+      } else if (rc[jKey] !== undefined) {
+        rawVal = rc[jKey];
+      }
+
+      const parsed = extractValue(rawVal);
+      if (parsed && typeof parsed === 'object') {
+        for (const modKey of MODULE_KEYS) {
+          if (typeof parsed[modKey] === 'boolean') {
+            result[modKey] = parsed[modKey];
+          }
+        }
+      }
+    }
+
+    // Check individual module boolean flags (overrides JSON if explicitly defined)
+    for (const modKey of MODULE_KEYS) {
+      const paramKeys = [
+        `inspector_module_${modKey}`,
+        `inapp_inspector_${modKey}`,
+        `inspector_${modKey}`,
+        `inapp_inspector_module_${modKey}`,
+        `rn_inspector_${modKey}`,
+      ];
+
+      for (const pKey of paramKeys) {
+        let rawVal: any;
+        if (typeof rc.getValue === 'function') {
+          try {
+            rawVal = rc.getValue(pKey);
+          } catch {}
+        } else if (rc[pKey] !== undefined) {
+          rawVal = rc[pKey];
+        }
+
+        const boolVal = extractValue(rawVal);
+        if (typeof boolVal === 'boolean') {
+          result[modKey] = boolVal;
+          break;
+        }
+      }
+    }
+
+    // APIs module is fundamental core, keep true unless explicitly disabled via remote config
+    if (result.apis === undefined) {
+      result.apis = true;
+    }
+
+    return Object.keys(result).length > 0 ? result : null;
+  } catch (error) {
+    return null;
+  }
+}

package/src/helpers/searchQueryParser.ts

@@ -1,4 +1,5 @@
 import {NetworkLog, SearchScope} from '../types';
+import {markSearchFilterUsed} from './telemetry';
 
 export interface SearchQueryOptions {
   scope?: SearchScope;
@@ -18,6 +19,8 @@ export function matchNetworkLogQuery(
 ): boolean {
   if (!searchQuery || searchQuery.trim().length === 0) return true;
 
+  markSearchFilterUsed();
+
   const rawTokens = searchQuery.trim().toLowerCase().split(/\s+/).filter(Boolean);
   if (rawTokens.length === 0) return true;