react-native-inapp-inspector 2.3.14 → 2.3.16

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;
@@ -7,320 +8,77 @@ export interface SearchQueryOptions {
 }
 
 /**
- * Parses query strings like `method:POST is:error slow:>1s status:200 auth`
- * and checks whether a given NetworkLog matches all tokens against the specified scope.
+ * Universal substring search for NetworkLog.
+ * Checks whether a given NetworkLog matches all query keywords across all log fields.
  */
 export function matchNetworkLogQuery(
   log: NetworkLog,
   searchQuery: string,
   routePath?: string,
-  options?: SearchQueryOptions,
+  _options?: SearchQueryOptions,
 ): boolean {
   if (!searchQuery || searchQuery.trim().length === 0) return true;
 
-  // Split tokens by spaces or commas while respecting quotes
-  const rawTokens =
-    searchQuery.trim().match(/(?:[^\s,"']+|"[^"]*"|'[^']*')+/g) || [];
+  markSearchFilterUsed();
 
+  const rawTokens = searchQuery.trim().toLowerCase().split(/\s+/).filter(Boolean);
   if (rawTokens.length === 0) return true;
 
-  const isCaseSensitive = Boolean(options?.isCaseSensitive);
-  const isRegex = Boolean(options?.isRegex);
-  const scope = options?.scope || 'all';
-
-  const methodRaw = log.method || '';
-  const urlRaw = log.url || '';
+  const methodRaw = (log.method || '').toLowerCase();
+  const urlRaw = (log.url || '').toLowerCase();
+  const statusStr = log.status != null ? String(log.status).toLowerCase() : 'pending';
   const statusNum =
     typeof log.status === 'number'
       ? log.status
       : log.status != null
       ? parseInt(String(log.status), 10)
       : null;
-  const statusStr = log.status != null ? String(log.status) : 'pending';
-  const durationNum = log.duration || 0;
-  const clientRaw = log.client || '';
-  const callerRaw = log.caller || '';
+  const clientRaw = (log.client || '').toLowerCase();
+  const callerRaw = (log.caller || '').toLowerCase();
+  const pathRaw = (routePath || (log as any)?.routeInfo?.path || '').toLowerCase();
+
   const reqRaw =
     typeof log.request === 'string'
-      ? log.request
+      ? log.request.toLowerCase()
       : log.request != null
-      ? JSON.stringify(log.request)
+      ? JSON.stringify(log.request).toLowerCase()
       : '';
   const resRaw =
     typeof log.response === 'string'
-      ? log.response
+      ? log.response.toLowerCase()
       : log.response != null
-      ? JSON.stringify(log.response)
+      ? JSON.stringify(log.response).toLowerCase()
       : '';
   const reqHeadersRaw = log.requestHeaders
-    ? JSON.stringify(log.requestHeaders)
+    ? JSON.stringify(log.requestHeaders).toLowerCase()
     : '';
   const resHeadersRaw = log.responseHeaders
-    ? JSON.stringify(log.responseHeaders)
+    ? JSON.stringify(log.responseHeaders).toLowerCase()
     : '';
-  const pathRaw = routePath || (log as any)?.routeInfo?.path || '';
-
-  // Construct search corpus based on active scope
-  const getScopedCorpus = (caseSens: boolean): string => {
-    let parts: string[] = [];
-    if (scope === 'url') {
-      parts = [methodRaw, urlRaw, pathRaw, callerRaw];
-    } else if (scope === 'reqBody') {
-      parts = [reqRaw];
-    } else if (scope === 'resBody') {
-      parts = [resRaw];
-    } else if (scope === 'headers') {
-      parts = [reqHeadersRaw, resHeadersRaw];
-    } else {
-      parts = [
-        methodRaw,
-        urlRaw,
-        statusStr,
-        pathRaw,
-        callerRaw,
-        clientRaw,
-        reqRaw,
-        resRaw,
-        reqHeadersRaw,
-        resHeadersRaw,
-      ];
-    }
-    const combined = parts.join(' ');
-    return caseSens ? combined : combined.toLowerCase();
-  };
-
-  const targetCorpus = getScopedCorpus(isCaseSensitive);
-
-  const methodStr = methodRaw.toLowerCase();
-  const urlStr = urlRaw.toLowerCase();
-  const clientStr = clientRaw.toLowerCase();
-  const callerStr = callerRaw.toLowerCase();
-  const reqStr = reqRaw.toLowerCase();
-  const resStr = resRaw.toLowerCase();
-  const reqHeadersStr = reqHeadersRaw.toLowerCase();
-  const resHeadersStr = resHeadersRaw.toLowerCase();
-  const pathStr = pathRaw.toLowerCase();
-
-  for (const rawToken of rawTokens) {
-    const token = rawToken.replace(/^["']|["']$/g, '').trim();
-    if (!token) continue;
-
-    const lowerToken = token.toLowerCase();
 
-    // 1. method:<VAL> or m:<VAL>
-    if (lowerToken.startsWith('method:') || lowerToken.startsWith('m:')) {
-      const targetMethod = lowerToken.replace(/^(method:|m:)/, '').trim();
-      if (targetMethod.startsWith('!')) {
-        if (methodStr === targetMethod.slice(1)) return false;
-      } else {
-        if (methodStr !== targetMethod) return false;
-      }
-      continue;
+  const corpus = [
+    methodRaw,
+    urlRaw,
+    statusStr,
+    pathRaw,
+    callerRaw,
+    clientRaw,
+    reqRaw,
+    resRaw,
+    reqHeadersRaw,
+    resHeadersRaw,
+  ].join(' ');
+
+  return rawTokens.every(token => {
+    if (corpus.includes(token)) return true;
+    // Error status keywords
+    if (token === 'error' || token === 'failed' || token === 'err' || token === 'fail') {
+      return log.status === 0 || (statusNum !== null && statusNum >= 400);
     }
-
-    // 2. status:<VAL> or s:<VAL>
-    if (lowerToken.startsWith('status:') || lowerToken.startsWith('s:')) {
-      const val = lowerToken.replace(/^(status:|s:)/, '').trim();
-      if (val === 'pending' || val === 'loading') {
-        if (log.status != null) return false;
-      } else if (val.startsWith('>=')) {
-        const threshold = parseInt(val.slice(2), 10);
-        if (isNaN(threshold) || statusNum === null || statusNum < threshold) return false;
-      } else if (val.startsWith('>')) {
-        const threshold = parseInt(val.slice(1), 10);
-        if (isNaN(threshold) || statusNum === null || statusNum <= threshold) return false;
-      } else if (val.startsWith('<=')) {
-        const threshold = parseInt(val.slice(2), 10);
-        if (isNaN(threshold) || statusNum === null || statusNum > threshold) return false;
-      } else if (val.startsWith('<')) {
-        const threshold = parseInt(val.slice(1), 10);
-        if (isNaN(threshold) || statusNum === null || statusNum >= threshold) return false;
-      } else if (val.endsWith('xx') || val.endsWith('x')) {
-        const prefix = val.replace(/x/g, '');
-        if (!statusStr.startsWith(prefix)) return false;
-      } else {
-        const targetCode = parseInt(val, 10);
-        if (!isNaN(targetCode)) {
-          if (statusNum !== targetCode) return false;
-        } else if (!statusStr.includes(val)) {
-          return false;
-        }
-      }
-      continue;
-    }
-
-    // 3. is:<FLAG>
-    if (lowerToken.startsWith('is:')) {
-      const flag = lowerToken.slice(3).trim();
-      if (
-        flag === 'error' ||
-        flag === 'failed' ||
-        flag === 'err' ||
-        flag === 'fail'
-      ) {
-        const isErr =
-          log.status === 0 || (statusNum !== null && statusNum >= 400);
-        if (!isErr) return false;
-      } else if (flag === 'success' || flag === 'ok' || flag === '2xx') {
-        const isSuccess = statusNum !== null && statusNum >= 200 && statusNum < 300;
-        if (!isSuccess) return false;
-      } else if (flag === 'pending' || flag === 'loading') {
-        if (log.status != null) return false;
-      } else if (flag === 'slow') {
-        if (durationNum < 1000) return false;
-      } else if (flag === 'fast') {
-        if (durationNum >= 200) return false;
-      } else if (flag === 'graphql' || flag === 'gql') {
-        const isGql =
-          urlStr.includes('graphql') ||
-          clientStr === 'graphql' ||
-          clientStr === 'apollo';
-        if (!isGql) return false;
-      } else if (flag === 'https') {
-        if (!urlStr.startsWith('https')) return false;
-      } else if (flag === 'http') {
-        if (urlStr.startsWith('https') || !urlStr.startsWith('http'))
-          return false;
-      } else if (flag === 'json') {
-        const isJson =
-          reqHeadersStr.includes('application/json') ||
-          resHeadersStr.includes('application/json') ||
-          urlStr.includes('.json');
-        if (!isJson) return false;
-      } else if (flag === 'image') {
-        const isImg =
-          resHeadersStr.includes('image/') ||
-          /\.(png|jpe?g|gif|webp|svg)/i.test(urlStr);
-        if (!isImg) return false;
-      }
-      continue;
-    }
-
-    // 4. slow:<DURATION> or dur:<DURATION> or duration:<DURATION>
-    if (
-      lowerToken.startsWith('slow:') ||
-      lowerToken.startsWith('dur:') ||
-      lowerToken.startsWith('duration:')
-    ) {
-      const val = lowerToken.replace(/^(slow:|dur:|duration:)/, '').trim();
-      let thresholdMs = 0;
-      let isGreater = true;
-
-      let cleanVal = val;
-      if (val.startsWith('>=')) {
-        isGreater = true;
-        cleanVal = val.slice(2);
-      } else if (val.startsWith('>')) {
-        isGreater = true;
-        cleanVal = val.slice(1);
-      } else if (val.startsWith('<=')) {
-        isGreater = false;
-        cleanVal = val.slice(2);
-      } else if (val.startsWith('<')) {
-        isGreater = false;
-        cleanVal = val.slice(1);
-      }
-
-      if (cleanVal.endsWith('s') && !cleanVal.endsWith('ms')) {
-        thresholdMs = parseFloat(cleanVal.slice(0, -1)) * 1000;
-      } else if (cleanVal.endsWith('ms')) {
-        thresholdMs = parseFloat(cleanVal.slice(0, -2));
-      } else {
-        thresholdMs = parseFloat(cleanVal);
-      }
-
-      if (!isNaN(thresholdMs)) {
-        if (isGreater) {
-          if (durationNum < thresholdMs) return false;
-        } else {
-          if (durationNum > thresholdMs) return false;
-        }
-      }
-      continue;
+    // Success status keywords
+    if (token === 'success' || token === 'ok' || token === '2xx') {
+      return statusNum !== null && statusNum >= 200 && statusNum < 300;
     }
-
-    // 5. client:<CLIENT> or c:<CLIENT>
-    if (lowerToken.startsWith('client:') || lowerToken.startsWith('c:')) {
-      const targetClient = lowerToken.replace(/^(client:|c:)/, '').trim();
-      if (!clientStr.includes(targetClient)) return false;
-      continue;
-    }
-
-    // 6. domain:<DOMAIN> or d:<DOMAIN>
-    if (lowerToken.startsWith('domain:') || lowerToken.startsWith('d:')) {
-      const targetDomain = lowerToken.replace(/^(domain:|d:)/, '').trim();
-      if (!urlStr.includes(targetDomain)) return false;
-      continue;
-    }
-
-    // 7. path:<PATH> or p:<PATH> or page:<PAGE>
-    if (
-      lowerToken.startsWith('path:') ||
-      lowerToken.startsWith('p:') ||
-      lowerToken.startsWith('page:')
-    ) {
-      const targetPath = lowerToken
-        .replace(/^(path:|p:|page:)/, '')
-        .trim();
-      if (
-        !urlStr.includes(targetPath) &&
-        !pathStr.includes(targetPath) &&
-        !callerStr.includes(targetPath)
-      ) {
-        return false;
-      }
-      continue;
-    }
-
-    // 8. req:<TERM> or body:<TERM>
-    if (lowerToken.startsWith('req:') || lowerToken.startsWith('body:')) {
-      const target = lowerToken.replace(/^(req:|body:)/, '').trim();
-      if (!reqStr.includes(target)) return false;
-      continue;
-    }
-
-    // 9. res:<TERM>
-    if (lowerToken.startsWith('res:')) {
-      const target = lowerToken.slice(4).trim();
-      if (!resStr.includes(target)) return false;
-      continue;
-    }
-
-    // 10. header:<TERM> or h:<TERM>
-    if (lowerToken.startsWith('header:') || lowerToken.startsWith('h:')) {
-      const target = lowerToken.replace(/^(header:|h:)/, '').trim();
-      if (!reqHeadersStr.includes(target) && !resHeadersStr.includes(target)) {
-        return false;
-      }
-      continue;
-    }
-
-    // 11. Generic Match (handles Regex, Case-sensitivity, and Scoped corpus)
-    if (isRegex) {
-      try {
-        const re = new RegExp(token, isCaseSensitive ? '' : 'i');
-        if (!re.test(targetCorpus)) return false;
-      } catch {
-        const queryTerm = isCaseSensitive ? token : lowerToken;
-        if (!targetCorpus.includes(queryTerm)) return false;
-      }
-    } else {
-      const queryTerm = isCaseSensitive ? token : lowerToken;
-      if (!targetCorpus.includes(queryTerm)) {
-        // Special case: if user typed "error" / "failed", check error status
-        if (
-          queryTerm === 'error' ||
-          queryTerm === 'failed' ||
-          queryTerm === 'fail'
-        ) {
-          const isErr =
-            log.status === 0 || (statusNum !== null && statusNum >= 400);
-          if (isErr) continue;
-        }
-        return false;
-      }
-    }
-  }
-
-  return true;
+    return false;
+  });
 }