react-native-inapp-inspector 1.1.14 → 1.1.16

package/README.md

@@ -14,7 +14,7 @@
   <a href="https://github.com/vengatmacuser/react-native-inapp-inspector"><img src="https://img.shields.io/badge/platform-iOS%20%7C%20Android-blue" alt="platform" /></a>
 </p>
 
-A self-contained in-app debugging overlay for React Native. Inspect network traffic, console output, analytics events, Redux state, and WebView activity directly inside your app.
+A self-contained, developer-first in-app debugging overlay for React Native. Inspect network traffic, console logs, stack traces, analytics events, and Redux state directly on your device or simulator with zero external dependencies.
 
 <p align="center">
   <img src="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/walkthrough.gif" alt="React Native In-App Inspector Walkthrough" width="360" style="border-radius: 20px;" />
@@ -22,27 +22,27 @@ A self-contained in-app debugging overlay for React Native. Inspect network traf
 
 ---
 
-## Features
+## ✨ Features
 
-| Feature            | Description                                                                                                                                                                 |
-| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Network inspector  | Captures `fetch` and axios `GET`, `POST`, `PUT`, `PATCH`, and `DELETE` calls with URL, method, status, headers, body, response, duration, caller, cURL, and fetch snippets. |
-| Insights dashboard | Shows request totals, status breakdowns, latency, payload size, slow requests, and recent activity charts.                                                                  |
-| Console logger     | Captures `console.log`, `console.info`, `console.warn`, and `console.error` with source method and caller details.                                                          |
-| Analytics tracker  | Captures manual analytics events and patched `@react-native-firebase/analytics` calls including `logEvent`, `logScreenView`, user properties, and user id.                  |
-| Redux inspector    | Connects to a Redux store, displays the live state tree, tracks dispatched actions, affected slices, and action history.                                                    |
-| WebView inspector  | Provides an instrumented `WebView` with console capture, navigation history, HTML/CSS/JS snapshots, and optional loading overlay.                                           |
-| Error boundary     | Exports an `ErrorBoundary` for catching React errors and wrapping the inspector safely.                                                                                     |
+| Feature | Description |
+| --- | --- |
+| 🌐 **Network Inspector** | Intercepts `fetch` and Axios (`GET`, `POST`, `PUT`, `PATCH`, `DELETE`). Inspect status codes, request/response headers, body JSON, duration, caller origin, and instant cURL / fetch export snippets. |
+| 🪵 **Console Logger & Stack Trace** | Captures `console.log`, `info`, `warn`, and `error`. Displays trigger file (`TSX`, `JSX`, `TS`, `JS`) & line numbers via **Metro Symbolication**, call stack frames, individual arguments inspection, and duplicate collapsing (`×N`). |
+| ⏸️ **Live Stream Pause / Resume** | Freeze incoming network requests, console logs, and analytics streams on the fly to inspect active traffic without list jumping. |
+| 📊 **Analytics Tracker** | Tracks manual events and auto-patches `@react-native-firebase/analytics` calls (`logEvent`, `logScreenView`, `setUserProperties`, and `setUserId`). |
+| 🔄 **Redux State & Actions** | Connects to Redux / Redux Toolkit. Inspect dispatched actions with deep state diffs, payload breakdown, slice state trees, and `redux-persist` metadata. |
+| 🪟 **Rich JSON Viewer** | Explore data in **Pretty**, **Raw**, and **Table** modes with full-text search highlighting and uniform typography. |
+| 🛡️ **Error Boundary** | Built-in `ErrorBoundary` to gracefully catch and inspect React render crashes. |
 
 ---
 
-## Video Walkthrough
+## 🎬 Video Walkthrough
 
 [Download or watch the Video Walkthrough](https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/example/guidance/Video-WalkThrough.mp4)
 
 ---
 
-## Installation
+## 📦 Installation
 
 ```bash
 npm install --save-dev react-native-inapp-inspector axios
@@ -52,25 +52,22 @@ npm install --save-dev react-native-inapp-inspector axios
 yarn add -D react-native-inapp-inspector axios
 ```
 
-The package has React and React Native as peer dependencies. It depends on `@react-navigation/native`, `react-native-linear-gradient`, and `react-native-svg`. The current network logger imports `axios` for axios interception, so install `axios` even if most of your requests use `fetch`.
+### Peer & Native Dependencies
 
-Install optional integrations when you use WebView or Firebase Analytics capture:
+The package has React and React Native as peer dependencies. It depends on `@react-navigation/native`, `react-native-linear-gradient`, and `react-native-svg`.
 
-```bash
-npm install react-native-webview @react-native-firebase/analytics
-```
-
-For iOS, install pods after adding native dependencies:
+*(Optional)* If you use `@react-native-clipboard/clipboard` in your project, the inspector automatically detects and utilizes native clipboard bridges for seamless emulator-to-host copying.
 
 ```bash
+# iOS Pods installation
 cd ios && pod install
 ```
 
 ---
 
-## Basic Setup
+## 🚀 Basic Setup
 
-Mount the inspector once near the root of your app.
+Mount `<NetworkInspector />` near the root of your application:
 
 ```tsx
 import React from 'react';
@@ -80,7 +77,7 @@ import NetworkInspector from 'react-native-inapp-inspector';
 const App = () => {
   return (
     <SafeAreaView style={{flex: 1}}>
-      {/* Your app */}
+      {/* Your application components */}
       <NetworkInspector />
     </SafeAreaView>
   );
@@ -89,71 +86,59 @@ const App = () => {
 export default App;
 ```
 
-When mounted, the inspector sets up network logging, clears previous network logs, patches console logging, and attempts Firebase Analytics auto-setup if `@react-native-firebase/analytics` is installed.
+When mounted, the inspector automatically sets up network logging, intercepts console methods, and attaches Firebase Analytics if available.
 
-If you need to capture requests that happen before the component mounts, call `setupNetworkLogger()` at module level in your app entry file.
+### Early Startup Network Logging
+
+If your application makes API calls before the root component finishes mounting, initialize the logger at the module level in your entry file (`index.js` or `App.tsx`):
 
 ```tsx
 import NetworkInspector, {
   setupNetworkLogger,
+  setupConsoleLogger,
 } from 'react-native-inapp-inspector';
 
 setupNetworkLogger();
+setupConsoleLogger();
 ```
 
-You can disable the overlay without removing it from your tree:
-
-```tsx
-<NetworkInspector enabled={false} />
-```
-
----
-
-## Settings Persistence
+### Toggling Visibility
 
-By default, the inspector preserves configuration preferences (such as dark mode, default landing tab, and module visibilities):
-- **iOS:** Settings are persisted automatically using React Native's built-in `Settings` module (`NSUserDefaults`) with zero configuration or additional packages required.
-- **Android / Custom:** To persist settings on Android (or to use a custom storage mechanism on both platforms), pass a storage instance such as `@react-native-async-storage/async-storage` or `react-native-mmkv` to the `storage` prop:
+You can disable or hide the floating launcher overlay conditionally:
 
 ```tsx
-import AsyncStorage from '@react-native-async-storage/async-storage';
+// Fully disable the overlay and interception
+<NetworkInspector enabled={__DEV__} />
 
-<NetworkInspector storage={AsyncStorage} />
+// Hide the floating trigger button while keeping background interception active
+<NetworkInspector isEnabled={false} />
 ```
 
-If no `storage` prop is passed, Android will fall back to an in-memory store (settings reset when the app is restarted).
-
 ---
 
-## Navigation & Screen Tracking
+## 🪵 Console Logger & Stack Trace
 
-To group network requests, console logs, and analytics events by the specific navigation screen where they occurred, the inspector automatically hooks into React Navigation context.
+The console logger provides deep insight into every `console.log`, `info`, `warn`, and `error` call:
 
-If you mount `<NetworkInspector />` globally at the root of your application (outside of the `<NavigationContainer>`), it won't have access to React Navigation's context. To enable accurate screen tracking in this setup, create a navigation ref and pass it to the `navigationRef` prop:
+- **Metro Source Map Symbolication**: In development mode, stack traces are automatically symbolicated against Metro to point directly to your exact project source files (`HomeScreen.tsx:42:15`, `App.tsx:20`).
+- **File Type Badges**: Distinct visual chips identifying `.tsx`, `.jsx`, `.ts`, and `.js` callers.
+- **Detailed Sub-Tabs**:
+  - **Output / Message**: Full message with JSON Viewer (Pretty, Raw, Table modes) and link detection.
+  - **Args (N)**: Inspect each passed argument individually with type detection (`Array[5]`, `Object{4}`).
+  - **Call Stack Trace**: Structured frame cards (with Frame `#`, Function, File, and `L:C` pills) and Raw Trace view.
+  - **Error Stack**: Automatically captures the thrown Error stack trace when logging Error objects.
+  - **Metadata**: Structured table of log properties, timestamp, character count, and duplicate counter.
 
 ```tsx
-import { NavigationContainer, createNavigationContainerRef } from '@react-navigation/native';
-import NetworkInspector from 'react-native-inapp-inspector';
-
-const navigationRef = createNavigationContainerRef();
-
-const App = () => {
-  return (
-    <>
-      <NavigationContainer ref={navigationRef}>
-        {/* Navigators / Screens */}
-      </NavigationContainer>
-      <NetworkInspector navigationRef={navigationRef} />
-    </>
-  );
-};
+console.log('[API] User authenticated successfully', {userId: 42, role: 'admin'});
+console.error(new Error('Payment gateway timeout'));
 ```
 
 ---
 
-## Network Logging
+## 🌐 Network Logging
 
-`setupNetworkLogger()` patches global `fetch`, the default axios instance, and future axios instances created with `axios.create()`.
+`setupNetworkLogger()` intercepts global `fetch`, the default Axios instance, and instances created with `axios.create()`.
 
 ```tsx
 import axios from 'axios';
@@ -167,7 +152,7 @@ await fetch('https://api.example.com/users');
 await api.post('/login', {email, password});
 ```
 
-If an axios instance was created before `setupNetworkLogger()` ran, attach interceptors manually:
+If an Axios instance was instantiated before `setupNetworkLogger()` ran, attach interceptors manually:
 
 ```tsx
 import {addAxiosInterceptors} from 'react-native-inapp-inspector';
@@ -175,27 +160,46 @@ import {addAxiosInterceptors} from 'react-native-inapp-inspector';
 addAxiosInterceptors(api);
 ```
 
-Network logs are capped at 100 entries and ignore React Native symbolication requests.
-
 ---
 
-## Console Logging
+## 🔄 Redux State & Action Inspection
 
-The inspector captures console output automatically when mounted. You can also set it up manually:
+Connect your Redux store once during application startup:
 
 ```tsx
-import {setupConsoleLogger} from 'react-native-inapp-inspector';
+import {connectReduxStore} from 'react-native-inapp-inspector';
+import store from './store';
 
-setupConsoleLogger();
+connectReduxStore(store);
+```
+
+### RTK Query, Thunks & Sagas (Recommended)
+
+To capture actions dispatched from inside async thunks, sagas, or RTK Query, add `inspectorReduxMiddleware`:
+
+```tsx
+import {configureStore} from '@reduxjs/toolkit';
+import {inspectorReduxMiddleware, connectReduxStore} from 'react-native-inapp-inspector';
+import rootReducer from './slices';
+
+const store = configureStore({
+  reducer: rootReducer,
+  middleware: getDefaultMiddleware =>
+    getDefaultMiddleware().concat(inspectorReduxMiddleware),
+});
+
+connectReduxStore(store);
 ```
 
-Captured levels are `log`, `info`, `warn`, and `error`.
+The Redux tab provides:
+- **Action History**: Action type badge, timestamp, payload size, affected slices, deep state diffs, and snapshot viewer.
+- **Slice Tree**: Live state tree per slice, persisted slice detection (`_persist`), search filtering, and JSON table exploration.
 
 ---
 
-## Analytics Logging
+## 📊 Analytics Logging
 
-Manual events can be pushed into the Analytics tab:
+Log manual analytics events or connect Firebase Analytics:
 
 ```tsx
 import {logAnalyticsEvent} from 'react-native-inapp-inspector';
@@ -207,7 +211,7 @@ logAnalyticsEvent('purchase_completed', {
 });
 ```
 
-For Firebase Analytics, pass the result of `analytics()` to `setupAnalyticsLogger()` before analytics calls begin:
+### Firebase Analytics Integration
 
 ```tsx
 import analytics from '@react-native-firebase/analytics';
@@ -216,109 +220,89 @@ import {setupAnalyticsLogger} from 'react-native-inapp-inspector';
 setupAnalyticsLogger(analytics());
 ```
 
-The logger patches `logEvent`, `logScreenView`, `setUserProperty`, `setUserProperties`, and `setUserId`. Analytics events are capped at 200 entries.
-
 ---
 
-## Redux Inspection
+## 🧭 Navigation & Screen Tracking
 
-Connect your Redux store once during app startup.
+To group network requests, logs, and analytics by the active screen, pass your navigation container ref:
 
 ```tsx
-import {connectReduxStore} from 'react-native-inapp-inspector';
-import store from './store';
-
-connectReduxStore(store);
-```
-
-**Recommended:** if you use thunks, sagas or RTK Query, also add the inspector middleware so actions dispatched from inside them are captured with full type/payload attribution (they bypass the wrapped outer dispatch otherwise):
+import {NavigationContainer, createNavigationContainerRef} from '@react-navigation/native';
+import NetworkInspector from 'react-native-inapp-inspector';
 
-```tsx
-import {inspectorReduxMiddleware} from 'react-native-inapp-inspector';
+const navigationRef = createNavigationContainerRef();
 
-const store = configureStore({
-  reducer,
-  middleware: getDefaultMiddleware =>
-    getDefaultMiddleware().concat(inspectorReduxMiddleware),
-});
+const App = () => {
+  return (
+    <>
+      <NavigationContainer ref={navigationRef}>
+        {/* Your screens */}
+      </NavigationContainer>
+      <NetworkInspector navigationRef={navigationRef} />
+    </>
+  );
+};
 ```
 
-Using both together is safe — they de-duplicate automatically.
-
-The Redux tab shows the latest state tree, recent dispatches, payloads, and changed top-level state slices. Action history is capped at 50 entries.
-
 ---
 
-## WebView Inspection
+## ⚙️ Settings Persistence
 
-Use the exported `WebView` as a drop-in wrapper around `react-native-webview`.
+Inspector preferences (dark mode, active modules, default landing tab) persist across app launches:
+- **iOS**: Uses React Native's built-in `Settings` module (`NSUserDefaults`) with zero extra configuration.
+- **Android / Custom Storage**: Pass `@react-native-async-storage/async-storage` or `react-native-mmkv` to the `storage` prop:
 
 ```tsx
-import {WebView} from 'react-native-inapp-inspector';
-
-<WebView source={{uri: 'https://example.com'}} />;
-```
-
-The wrapper forwards your props and ref, preserves your `onMessage`, `onNavigationStateChange`, `onLoadStart`, and `onLoadEnd` handlers, and injects scripts for WebView console logs, navigation history, and source snapshots.
-
-Disable the loading overlay with `showLoader={false}`:
+import AsyncStorage from '@react-native-async-storage/async-storage';
 
-```tsx
-<WebView source={{uri: 'https://example.com'}} showLoader={false} />
+<NetworkInspector storage={AsyncStorage} />
 ```
 
 ---
 
-## Error Boundary
+## 🛡️ Error Boundary
+
+Catch and inspect unhandled React component render crashes:
 
 ```tsx
 import {ErrorBoundary} from 'react-native-inapp-inspector';
 
 <ErrorBoundary>
-  <YourComponent />
-</ErrorBoundary>;
+  <YourApp />
+</ErrorBoundary>
 ```
 
 ---
 
-## Public API
-
-| Export                                              | Type              | Description                                                                |
-| --------------------------------------------------- | ----------------- | -------------------------------------------------------------------------- |
-| `NetworkInspector`                                  | default component | Floating inspector overlay. Mount once near the root of the app.           |
-| `setupNetworkLogger()`                              | function          | Patches `fetch`, default axios, and future `axios.create()` instances.     |
-| `addAxiosInterceptors(instance)`                    | function          | Manually attaches axios interceptors to an existing instance.              |
-| `clearNetworkLogs()`                                | function          | Clears captured network logs.                                              |
-| `subscribeNetworkLogs(callback)`                    | function          | Subscribes to network log updates and returns an unsubscribe function.     |
-| `setupConsoleLogger()`                              | function          | Patches console methods.                                                   |
-| `clearConsoleLogs()`                                | function          | Clears captured console logs.                                              |
-| `subscribeConsoleLogs(callback)`                    | function          | Subscribes to console log updates and returns an unsubscribe function.     |
-| `setupAnalyticsLogger(instance)`                    | function          | Patches a Firebase Analytics instance.                                     |
-| `logAnalyticsEvent(name, params?, userProperties?)` | function          | Adds a manual analytics event to the inspector.                            |
-| `clearAnalyticsEvents()`                            | function          | Clears captured analytics events.                                          |
-| `subscribeAnalyticsEvents(callback)`                | function          | Subscribes to analytics event updates and returns an unsubscribe function. |
-| `connectReduxStore(store)`                          | function          | Connects a Redux store for live state and action inspection.               |
-| `inspectorReduxMiddleware`                          | middleware        | Redux middleware to capture actions dispatched from thunks/sagas.          |
-| `getReduxState()`                                   | function          | Returns the latest captured Redux state.                                   |
-| `subscribeReduxState(callback)`                     | function          | Subscribes to Redux state updates and returns an unsubscribe function.     |
-| `getActionHistory()`                                | function          | Returns the recent dispatched Redux actions.                               |
-| `clearActionHistory()`                              | function          | Clears the Redux action history.                                           |
-| `WebView`                                           | component         | Instrumented WebView wrapper.                                              |
-| `getWebViewLogs()`                                  | function          | Returns captured WebView console logs.                                     |
-| `getWebViewNavHistory()`                            | function          | Returns captured WebView navigation history.                               |
-| `getWebViewHtml()`                                  | function          | Returns the latest captured WebView HTML.                                  |
-| `getWebViewCss()`                                   | function          | Returns the latest captured WebView CSS.                                   |
-| `getWebViewJs()`                                    | function          | Returns the latest captured WebView JavaScript.                            |
-| `getWebViewHtmlUrl()`                               | function          | Returns the URL for the latest captured WebView source snapshot.           |
-| `clearWebViewData()`                                | function          | Clears captured WebView logs, navigation, and source data.                 |
-| `subscribeWebView(callback)`                        | function          | Subscribes to WebView data changes and returns an unsubscribe function.    |
-| `ErrorBoundary`                                     | component         | React error boundary component.                                            |
+## 📚 Public API Reference
+
+| Export | Type | Description |
+| --- | --- | --- |
+| `NetworkInspector` | Component | Floating inspector overlay. Mount near app root. |
+| `setupNetworkLogger()` | Function | Patches `fetch`, default Axios, and future `axios.create()` instances. |
+| `addAxiosInterceptors(instance)` | Function | Manually attaches Axios interceptors to an existing instance. |
+| `clearNetworkLogs()` | Function | Clears captured network requests. |
+| `subscribeNetworkLogs(cb)` | Function | Subscribes to network log updates. |
+| `setupConsoleLogger()` | Function | Intercepts `console.log`, `info`, `warn`, and `error`. |
+| `clearConsoleLogs()` | Function | Clears captured console logs. |
+| `subscribeConsoleLogs(cb)` | Function | Subscribes to console log updates. |
+| `connectReduxStore(store)` | Function | Connects a Redux store for state and action inspection. |
+| `inspectorReduxMiddleware` | Middleware | Redux middleware for capturing thunks, sagas, and RTK Query actions. |
+| `getReduxState()` | Function | Returns the current captured Redux state snapshot. |
+| `subscribeReduxState(cb)` | Function | Subscribes to Redux state changes. |
+| `getActionHistory()` | Function | Returns the history of dispatched Redux actions. |
+| `clearActionHistory()` | Function | Clears Redux action history. |
+| `setupAnalyticsLogger(instance)` | Function | Patches a Firebase Analytics instance. |
+| `logAnalyticsEvent(name, params?, userProps?)` | Function | Logs a manual analytics event. |
+| `clearAnalyticsEvents()` | Function | Clears captured analytics events. |
+| `subscribeAnalyticsEvents(cb)` | Function | Subscribes to analytics event updates. |
+| `ErrorBoundary` | Component | React error boundary component. |
 
 ---
 
-## Example App
+## 📱 Example App
 
-The `example` directory contains a React Native sample app and video walkthrough.
+Check out the `example` directory for a complete demo application:
 
 ```bash
 cd example
@@ -329,17 +313,15 @@ npm run ios
 
 ---
 
-## Contributing 🤝
+## 🤝 Contributing
 
-Contributions are welcome! Please check out our [Contributing Guidelines](CONTRIBUTING.md) to learn how to get started, set up the development environment, or request features.
+Contributions are welcome! Please check out our [Contributing Guidelines](CONTRIBUTING.md) to get started.
 
 ---
 
-## Support & Sponsoring 💖
-
-This library is a completely free, open-source utility maintained in the author's spare time. If this tool has saved you or your team hours of debugging, please consider supporting its continuous development.
+## 💖 Support & Sponsoring
 
-Sponsoring helps prioritize your bug fixes, maintain compatibility with new React Native versions, and support new features.
+This library is a free, open-source utility maintained in spare time. If it saved you or your team time debugging, please consider supporting its continuous development.
 
 👉 **[Sponsor @vengatmacuser on GitHub Sponsors](https://github.com/sponsors/vengatmacuser)**
 
@@ -347,6 +329,6 @@ Sponsoring helps prioritize your bug fixes, maintain compatibility with new Reac
 
 ---
 
-## License
+## 📄 License
 
-MIT - see the [LICENSE](LICENSE) file for details.
+MIT © [vengatmacuser](LICENSE)

package/dist/commonjs/assets/svgAssets.d.ts

@@ -0,0 +1,3 @@
+export declare const PRETTY_SVG = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M5 3C3.9 3 3 3.9 3 5v1.5c0 .8-.7 1.5-1.5 1.5S0 7.3 0 6.5V5c0-2.8 2.2-5 5-5 .6 0 1 .4 1 1s-.4 1-1 1zm6 0c-1.1 0-2 .9-2 2v1.5c0 .8-.7 1.5-1.5 1.5S6 9.3 6 8.5V5c0-2.8 2.2-5 5-5 .6 0 1 .4 1 1s-.4 1-1 1z\" fill=\"currentColor\" opacity=\"0.9\"/>\n  <path d=\"M3 11v1.5c0 .8.7 1.5 1.5 1.5S6 13.3 6 12.5V11H3zm7 0v1.5c0 .8.7 1.5 1.5 1.5S13 13.3 13 12.5V11H10z\" fill=\"currentColor\" opacity=\"0.6\"/>\n</svg>";
+export declare const RAW_SVG = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <rect x=\"1\" y=\"2\" width=\"10\" height=\"1.5\" rx=\"0.75\" fill=\"currentColor\" opacity=\"0.9\"/>\n  <rect x=\"1\" y=\"5.5\" width=\"14\" height=\"1.5\" rx=\"0.75\" fill=\"currentColor\" opacity=\"0.6\"/>\n  <rect x=\"1\" y=\"9\" width=\"8\" height=\"1.5\" rx=\"0.75\" fill=\"currentColor\" opacity=\"0.45\"/>\n  <rect x=\"1\" y=\"12.5\" width=\"12\" height=\"1.5\" rx=\"0.75\" fill=\"currentColor\" opacity=\"0.3\"/>\n</svg>";
+export declare const TABLE_SVG = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <rect x=\"1\" y=\"1\" width=\"14\" height=\"14\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\"0.7\"/>\n  <path d=\"M1 5.5h14M1 10h14M5.5 1v14M10.5 1v14\" stroke=\"currentColor\" stroke-width=\"0.8\" opacity=\"0.5\"/>\n</svg>";

package/dist/commonjs/assets/svgAssets.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TABLE_SVG = exports.RAW_SVG = exports.PRETTY_SVG = void 0;
+exports.PRETTY_SVG = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M5 3C3.9 3 3 3.9 3 5v1.5c0 .8-.7 1.5-1.5 1.5S0 7.3 0 6.5V5c0-2.8 2.2-5 5-5 .6 0 1 .4 1 1s-.4 1-1 1zm6 0c-1.1 0-2 .9-2 2v1.5c0 .8-.7 1.5-1.5 1.5S6 9.3 6 8.5V5c0-2.8 2.2-5 5-5 .6 0 1 .4 1 1s-.4 1-1 1z" fill="currentColor" opacity="0.9"/>
+  <path d="M3 11v1.5c0 .8.7 1.5 1.5 1.5S6 13.3 6 12.5V11H3zm7 0v1.5c0 .8.7 1.5 1.5 1.5S13 13.3 13 12.5V11H10z" fill="currentColor" opacity="0.6"/>
+</svg>`;
+exports.RAW_SVG = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="1" y="2" width="10" height="1.5" rx="0.75" fill="currentColor" opacity="0.9"/>
+  <rect x="1" y="5.5" width="14" height="1.5" rx="0.75" fill="currentColor" opacity="0.6"/>
+  <rect x="1" y="9" width="8" height="1.5" rx="0.75" fill="currentColor" opacity="0.45"/>
+  <rect x="1" y="12.5" width="12" height="1.5" rx="0.75" fill="currentColor" opacity="0.3"/>
+</svg>`;
+exports.TABLE_SVG = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="1" y="1" width="14" height="14" rx="2" stroke="currentColor" stroke-width="1.2" opacity="0.7"/>
+  <path d="M1 5.5h14M1 10h14M5.5 1v14M10.5 1v14" stroke="currentColor" stroke-width="0.8" opacity="0.5"/>
+</svg>`;

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

@@ -1,18 +1,5 @@
 import React from 'react';
-import { AnalyticsEvent } from '../types';
+import { AnalyticsEventCardProps } from '../types';
 export declare function getEventColor(name: string): string;
-export interface AnalyticsEventCardProps {
-    event: AnalyticsEvent & {
-        count?: number;
-    };
-    onPress: () => void;
-    isNew?: boolean;
-    searchStr?: string;
-    isFirst: boolean;
-    isLast: boolean;
-    msSincePrev?: number;
-    showTimestamp?: boolean;
-    computedScreenName?: string;
-}
 declare const AnalyticsEventCard: React.NamedExoticComponent<AnalyticsEventCardProps>;
 export default AnalyticsEventCard;