react-native-inapp-inspector 1.0.0

package/dist/commonjs/components/SourcePageCard.js

@@ -0,0 +1,132 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+// Components
+const CopyButton_1 = __importDefault(require("./CopyButton"));
+// Custom Hooks
+const useAccordion_1 = __importDefault(require("../customHooks/useAccordion"));
+// Assets
+const NetworkIcons_1 = require("./NetworkIcons");
+// Stylesheet
+const AppColors_1 = require("../styles/AppColors");
+const styles_1 = __importDefault(require("../styles"));
+const SourcePageCard = ({ routeInfo }) => {
+    const main = (0, useAccordion_1.default)(true, 600, 280);
+    const params = (0, useAccordion_1.default)(false, 800, 260);
+    const hasParams = routeInfo.params && Object.keys(routeInfo.params).length > 0;
+    return (<react_native_1.View style={styles_1.default.sourcePageCard}>
+      <react_native_1.Pressable onPress={main.toggleOpen} hitSlop={12}>
+        <react_native_1.View style={styles_1.default.sourcePageAccordionHeader}>
+          <react_native_1.View style={styles_1.default.sourcePageTop}>
+            <react_native_1.View style={styles_1.default.sourcePageIcon}>
+              <react_native_svg_1.default width={14} height={14} viewBox="0 0 24 24" fill="none">
+                <react_native_svg_1.Rect x="3" y="3" width="7" height="7" rx="1.5" stroke={AppColors_1.AppColors.purple} strokeWidth="2"/>
+                <react_native_svg_1.Rect x="14" y="3" width="7" height="7" rx="1.5" stroke={AppColors_1.AppColors.purple} strokeWidth="2"/>
+                <react_native_svg_1.Rect x="3" y="14" width="7" height="7" rx="1.5" stroke={AppColors_1.AppColors.purple} strokeWidth="2"/>
+                <react_native_svg_1.Path d="M14 17.5h7M17.5 14v7" stroke={AppColors_1.AppColors.purple} strokeWidth="2" strokeLinecap="round"/>
+              </react_native_svg_1.default>
+            </react_native_1.View>
+            <react_native_1.View style={{ flex: 1 }}>
+              <react_native_1.Text style={styles_1.default.sourcePageLabel}>Source Page</react_native_1.Text>
+              <react_native_1.Text style={styles_1.default.sourcePageValue} numberOfLines={1}>
+                {routeInfo.path}
+              </react_native_1.Text>
+            </react_native_1.View>
+          </react_native_1.View>
+          <react_native_1.View style={styles_1.default.sourcePageHeaderRight}>
+            <CopyButton_1.default value={routeInfo.path} label="Source Path"/>
+            <react_native_1.View style={styles_1.default.iconSquareBtn}>
+              <react_native_1.Animated.View style={main.chevronStyle}>
+                <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextStrong} size={14}/>
+              </react_native_1.Animated.View>
+            </react_native_1.View>
+          </react_native_1.View>
+        </react_native_1.View>
+      </react_native_1.Pressable>
+
+      <react_native_1.Animated.View style={main.bodyStyle}>
+        {hasParams && (<react_native_1.View style={styles_1.default.sourceParamsBox}>
+            <react_native_1.Pressable onPress={params.toggleOpen} hitSlop={10}>
+              <react_native_1.View style={styles_1.default.paramsAccordionHeader}>
+                <react_native_1.View style={styles_1.default.paramsAccordionLeft}>
+                  <react_native_1.Text style={styles_1.default.sourceParamsLabel}>Parameters</react_native_1.Text>
+                  <react_native_1.View style={styles_1.default.headerCountBadge}>
+                    <react_native_1.Text style={styles_1.default.headerCountText}>
+                      {Object.keys(routeInfo.params).length}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+                </react_native_1.View>
+                <react_native_1.View style={styles_1.default.paramsAccordionRight}>
+                  <CopyButton_1.default value={routeInfo.params} label="Parameters"/>
+                  <react_native_1.View style={styles_1.default.iconSquareBtn}>
+                    <react_native_1.Animated.View style={params.chevronStyle}>
+                      <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextStrong} size={14}/>
+                    </react_native_1.Animated.View>
+                  </react_native_1.View>
+                </react_native_1.View>
+              </react_native_1.View>
+            </react_native_1.Pressable>
+
+            <react_native_1.Animated.View style={params.bodyStyle}>
+              <react_native_1.View style={styles_1.default.paramsBody}>
+                {Object.entries(routeInfo.params).map(([key, val], i, arr) => (<react_native_1.View key={key} style={[
+                    styles_1.default.paramRow,
+                    i < arr.length - 1 ? styles_1.default.paramRowBorder : null,
+                ]}>
+                    <react_native_1.Text style={styles_1.default.paramKey}>{key}</react_native_1.Text>
+                    <react_native_1.View style={styles_1.default.paramValueRow}>
+                      <react_native_1.Text selectable style={styles_1.default.paramValue}>
+                        {typeof val === 'object'
+                    ? JSON.stringify(val)
+                    : String(val)}
+                      </react_native_1.Text>
+                      <CopyButton_1.default value={typeof val === 'object'
+                    ? JSON.stringify(val)
+                    : String(val)} label={key}/>
+                    </react_native_1.View>
+                  </react_native_1.View>))}
+              </react_native_1.View>
+            </react_native_1.Animated.View>
+          </react_native_1.View>)}
+      </react_native_1.Animated.View>
+    </react_native_1.View>);
+};
+exports.default = SourcePageCard;

package/dist/commonjs/components/TouchableScale.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const TouchableScale: ({ onPress, style, children, hitSlop, disabled, }: {
+    onPress?: () => void;
+    style?: any;
+    children: React.ReactNode;
+    hitSlop?: any;
+    disabled?: boolean;
+}) => React.JSX.Element;
+export default TouchableScale;

package/dist/commonjs/components/TouchableScale.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const TouchableScale = ({ onPress, style, children, hitSlop, disabled, }) => {
+    const scale = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
+    return (<react_native_1.Pressable disabled={disabled} style={style} onPressIn={() => react_native_1.Animated.spring(scale, { toValue: 0.94, useNativeDriver: true }).start()} onPressOut={() => react_native_1.Animated.spring(scale, { toValue: 1, useNativeDriver: true }).start()} onPress={onPress} hitSlop={hitSlop}>
+      <react_native_1.Animated.View style={{ transform: [{ scale }] }}>{children}</react_native_1.Animated.View>
+    </react_native_1.Pressable>);
+};
+exports.default = TouchableScale;

package/dist/commonjs/components/TreeNode.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TreeNodeProps } from '../types';
+declare const TreeNode: React.NamedExoticComponent<TreeNodeProps>;
+export default TreeNode;

package/dist/commonjs/components/TreeNode.js

@@ -0,0 +1,140 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+// Helpers
+const helpers_1 = require("../helpers");
+// Assets
+const NetworkIcons_1 = require("./NetworkIcons");
+// Stylesheet
+const AppColors_1 = require("../styles/AppColors");
+const styles_1 = __importDefault(require("../styles"));
+const TreeNode = react_1.default.memo(function TreeNode({ data, name, level = 0, search, forceOpen, }) {
+    const [localOpen, setLocalOpen] = (0, react_1.useState)(level < 1);
+    const open = forceOpen !== undefined ? forceOpen : localOpen;
+    const isObject = typeof data === 'object' && data !== null;
+    const isArray = Array.isArray(data);
+    function renderHighlighted(text) {
+        if (text === 'null' || text === 'undefined') {
+            return [
+                <react_native_1.Text key="nil" style={styles_1.default.codeTextNil}>
+          {text}
+        </react_native_1.Text>,
+            ];
+        }
+        if (!search) {
+            return [
+                <react_native_1.Text key="plain" style={styles_1.default.codeText}>
+          {text}
+        </react_native_1.Text>,
+            ];
+        }
+        const regex = new RegExp(`(${(0, helpers_1.escapeRegex)(search)})`, 'gi');
+        const parts = text.split(regex);
+        return parts.map((part, i) => part.toLowerCase() === search.toLowerCase() ? (<react_native_1.Text key={i} style={styles_1.default.highlight}>
+          {part}
+        </react_native_1.Text>) : (<react_native_1.Text key={i} style={styles_1.default.codeText}>
+          {part}
+        </react_native_1.Text>));
+    }
+    const indentStyle = { paddingLeft: level * 12 };
+    if (isObject && data._isFile) {
+        const file = data;
+        const isImage = file.type?.includes('image');
+        return (<react_native_1.View style={[indentStyle, styles_1.default.filePreviewNode]}>
+        {name !== undefined && (<react_native_1.Text style={[styles_1.default.codeKey, { marginBottom: 4 }]}>{`"${String(name)}": `}</react_native_1.Text>)}
+        <react_native_1.View style={styles_1.default.filePreviewCard}>
+          {isImage ? (<react_native_1.Image source={{ uri: file.uri }} style={styles_1.default.filePreviewThumb} resizeMode="cover"/>) : (<react_native_1.View style={styles_1.default.filePreviewDoc}>
+              <react_native_1.Text style={{ fontSize: 20 }}>📄</react_native_1.Text>
+            </react_native_1.View>)}
+          <react_native_1.View style={{ flex: 1 }}>
+            <react_native_1.Text style={styles_1.default.filePreviewName} numberOfLines={1}>
+              {file.name}
+            </react_native_1.Text>
+            <react_native_1.Text style={styles_1.default.filePreviewType}>{file.type}</react_native_1.Text>
+          </react_native_1.View>
+        </react_native_1.View>
+      </react_native_1.View>);
+    }
+    if (!isObject) {
+        const serialized = JSON.stringify(data) ?? String(data);
+        const prefix = name !== undefined ? `"${String(name)}": ` : null;
+        return (<react_native_1.View style={indentStyle}>
+        <react_native_1.Text selectable={true} style={styles_1.default.codeText}>
+          <react_native_1.Text style={styles_1.default.codeKey}>{prefix}</react_native_1.Text>
+          {renderHighlighted(serialized)}
+        </react_native_1.Text>
+      </react_native_1.View>);
+    }
+    const entries = isArray
+        ? data.map((v, i) => [i, v])
+        : Object.entries(data);
+    const countLabel = isArray ? `[${entries.length}]` : `{${entries.length}}`;
+    const treeChevronAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(open ? 1 : 0)).current;
+    (0, react_1.useEffect)(() => {
+        react_native_1.Animated.timing(treeChevronAnim, {
+            toValue: open ? 1 : 0,
+            duration: 160,
+            useNativeDriver: true,
+        }).start();
+    }, [open]);
+    const treeChevronRotate = treeChevronAnim.interpolate({
+        inputRange: [0, 1],
+        outputRange: ['0deg', '180deg'],
+    });
+    return (<react_native_1.View style={indentStyle}>
+      <react_native_1.Pressable style={styles_1.default.treeRow} onPress={() => setLocalOpen(v => !v)} hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}>
+        <react_native_1.Animated.View style={{ transform: [{ rotate: treeChevronRotate }], marginRight: 6 }}>
+          <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextWeak} size={12}/>
+        </react_native_1.Animated.View>
+        {name !== undefined && (<react_native_1.Text style={[styles_1.default.codeKey, styles_1.default.treeKeyMargin]}>{`"${String(name)}"`}</react_native_1.Text>)}
+        {isArray ? (<react_native_1.View style={styles_1.default.arrayBadge}>
+            <react_native_1.Text style={styles_1.default.arrayBadgeText}>{countLabel}</react_native_1.Text>
+          </react_native_1.View>) : (<react_native_1.View style={styles_1.default.objectBadge}>
+            <react_native_1.Text style={styles_1.default.objectBadgeText}>{countLabel}</react_native_1.Text>
+          </react_native_1.View>)}
+      </react_native_1.Pressable>
+
+      {open &&
+            entries.map(([k, v]) => (<TreeNode key={String(k)} name={k} data={v} level={level + 1} search={search} forceOpen={forceOpen}/>))}
+
+      {open && <react_native_1.Text style={styles_1.default.codeSyntax}>{isArray ? ']' : '}'}</react_native_1.Text>}
+    </react_native_1.View>);
+});
+exports.default = TreeNode;

package/dist/commonjs/constants/index.d.ts

@@ -0,0 +1,7 @@
+import { Method } from '../types';
+import { StatusFilter } from '../types';
+export declare const STATUS_FILTERS: StatusFilter[];
+export declare const METHOD_COLORS: Record<Method, string>;
+export declare const DOMAIN_COLORS: string[];
+export declare const DURATION_FAST_MS = 200;
+export declare const DURATION_SLOW_MS = 800;

package/dist/commonjs/constants/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DURATION_SLOW_MS = exports.DURATION_FAST_MS = exports.DOMAIN_COLORS = exports.METHOD_COLORS = exports.STATUS_FILTERS = void 0;
+// Styles
+const AppColors_1 = require("../styles/AppColors");
+exports.STATUS_FILTERS = [
+    'ALL',
+    '2xx',
+    '3xx',
+    '4xx',
+    '5xx',
+    'Failed',
+];
+exports.METHOD_COLORS = {
+    ALL: AppColors_1.AppColors.grayText,
+    GET: AppColors_1.AppColors.purple,
+    POST: AppColors_1.AppColors.greenColor,
+    PUT: AppColors_1.AppColors.lightOrange,
+    PATCH: AppColors_1.AppColors.offerPurple,
+    DELETE: AppColors_1.AppColors.errorColor,
+};
+exports.DOMAIN_COLORS = [
+    '#1a5276',
+    '#8e44ad',
+    '#1e8449',
+    '#c0392b',
+    '#d35400',
+    '#d68910',
+    '#16a085',
+    '#27ae60',
+    '#2c3e50',
+    '#c2185b',
+];
+exports.DURATION_FAST_MS = 200;
+exports.DURATION_SLOW_MS = 800;

package/dist/commonjs/customHooks/analyticsLogger.d.ts

@@ -0,0 +1,21 @@
+import { AnalyticsEvent } from '../types';
+export declare const subscribeAnalyticsEvents: (callback: (events: AnalyticsEvent[]) => void) => () => void;
+export declare const clearAnalyticsEvents: () => void;
+export declare const getAnalyticsEvents: () => AnalyticsEvent[];
+/**
+ * Directly push an event into the inspector without going through Firebase.
+ * Useful for custom analytics wrappers or testing.
+ */
+export declare const logAnalyticsEvent: (name: string, params?: Record<string, any>, userProperties?: Record<string, any>) => void;
+/**
+ * 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());
+ */
+export declare const setupAnalyticsLogger: (analyticsInstance: any) => void;

package/dist/commonjs/customHooks/analyticsLogger.js

@@ -0,0 +1,160 @@
+"use strict";
+// ─── 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)
+// ─────────────────────────────────────────────────────────────────────────────
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupAnalyticsLogger = exports.logAnalyticsEvent = exports.getAnalyticsEvents = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = void 0;
+// ─── Internal state ───────────────────────────────────────────────────────────
+let events = [];
+let listeners = [];
+let counter = 0;
+// Running snapshot of user properties set so far — attached to every event
+let currentUserProperties = {};
+let currentUserId;
+// ─── Core helpers ─────────────────────────────────────────────────────────────
+const notify = () => {
+    const snapshot = [...events];
+    listeners.forEach((cb) => cb(snapshot));
+};
+const addEvent = (event) => {
+    events.unshift(event);
+    events = events.slice(0, 200);
+    notify();
+};
+// ─── Public subscribe / query API ────────────────────────────────────────────
+const subscribeAnalyticsEvents = (callback) => {
+    listeners.push(callback);
+    callback([...events]);
+    return () => {
+        listeners = listeners.filter((l) => l !== callback);
+    };
+};
+exports.subscribeAnalyticsEvents = subscribeAnalyticsEvents;
+const clearAnalyticsEvents = () => {
+    events = [];
+    notify();
+};
+exports.clearAnalyticsEvents = clearAnalyticsEvents;
+const getAnalyticsEvents = () => [...events];
+exports.getAnalyticsEvents = getAnalyticsEvents;
+// ─── Manual logging (escape hatch, rarely needed) ────────────────────────────
+/**
+ * Directly push an event into the inspector without going through Firebase.
+ * Useful for custom analytics wrappers or testing.
+ */
+const logAnalyticsEvent = (name, params = {}, userProperties = {}) => {
+    addEvent({
+        id: counter++,
+        name,
+        params,
+        userProperties: { ...currentUserProperties, ...userProperties },
+        timestamp: Date.now(),
+        source: "manual",
+        userId: currentUserId ?? "",
+        screenName: "",
+        screenClass: "",
+    });
+};
+exports.logAnalyticsEvent = logAnalyticsEvent;
+// ─── 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());
+ */
+const setupAnalyticsLogger = (analyticsInstance) => {
+    if (!analyticsInstance) {
+        console.warn("[AnalyticsLogger] No analytics instance provided — skipping setup.");
+        return;
+    }
+    // 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, params) => {
+        addEvent({
+            id: counter++,
+            name,
+            params: params ?? {},
+            userProperties: { ...currentUserProperties },
+            timestamp: Date.now(),
+            source: "firebase",
+            userId: currentUserId ?? "",
+            screenName: "",
+            screenClass: "",
+        });
+        return originalLogEvent(name, params);
+    };
+    // ── logScreenView ─────────────────────────────────────────────────────────
+    const originalLogScreenView = analyticsInstance.logScreenView.bind(analyticsInstance);
+    analyticsInstance.logScreenView = async (params) => {
+        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 ?? "",
+        });
+        return originalLogScreenView(params);
+    };
+    // ── setUserProperty ───────────────────────────────────────────────────────
+    const originalSetUserProperty = analyticsInstance.setUserProperty.bind(analyticsInstance);
+    analyticsInstance.setUserProperty = async (name, value) => {
+        if (value === null) {
+            delete currentUserProperties[name];
+        }
+        else {
+            currentUserProperties[name] = value;
+        }
+        return originalSetUserProperty(name, value);
+    };
+    // ── setUserProperties ─────────────────────────────────────────────────────
+    const originalSetUserProperties = analyticsInstance.setUserProperties.bind(analyticsInstance);
+    analyticsInstance.setUserProperties = async (properties) => {
+        Object.entries(properties).forEach(([k, v]) => {
+            if (v === null)
+                delete currentUserProperties[k];
+            else
+                currentUserProperties[k] = v;
+        });
+        return originalSetUserProperties(properties);
+    };
+    // ── setUserId ─────────────────────────────────────────────────────────────
+    const originalSetUserId = analyticsInstance.setUserId.bind(analyticsInstance);
+    analyticsInstance.setUserId = async (id) => {
+        currentUserId = id ?? undefined;
+        return originalSetUserId(id);
+    };
+};
+exports.setupAnalyticsLogger = setupAnalyticsLogger;

package/dist/commonjs/customHooks/consoleLogger.d.ts

@@ -0,0 +1,5 @@
+import { ConsoleLog } from '../types';
+export declare const subscribeConsoleLogs: (callback: (logs: ConsoleLog[]) => void) => () => void;
+export declare const clearConsoleLogs: () => void;
+export declare const getConsoleLogs: () => ConsoleLog[];
+export declare const setupConsoleLogger: () => void;