react-native-inapp-inspector 1.1.23 → 1.1.25

package/dist/esm/styles/index.js

@@ -574,10 +574,10 @@ export const getRawStyles = (colors) => ({
         flexDirection: 'row',
         alignItems: 'center',
         justifyContent: 'space-between',
-        backgroundColor: colors.grayBackground,
-        borderRadius: 7,
+        backgroundColor: `${colors.brandPurple}08`,
+        borderRadius: 8,
         borderWidth: 1,
-        borderColor: colors.grayBorderSecondary,
+        borderColor: `${colors.brandPurple}18`,
         paddingHorizontal: 8,
         paddingVertical: 5,
         marginVertical: 5,
@@ -592,12 +592,16 @@ export const getRawStyles = (colors) => ({
     slugTag: {
         fontFamily: AppFonts.interBold,
         fontSize: 8.5,
-        color: colors.grayTextWeak,
+        color: colors.brandPurple,
         letterSpacing: 0.5,
+        backgroundColor: `${colors.brandPurple}15`,
+        paddingHorizontal: 4,
+        paddingVertical: 1,
+        borderRadius: 4,
     },
     slugText: {
         fontFamily: AppFonts.interBold,
-        fontSize: 12.5,
+        fontSize: 12,
         color: colors.primaryBlack,
         flexShrink: 1,
     },
@@ -1333,11 +1337,11 @@ export const getRawStyles = (colors) => ({
         backgroundColor: colors.primaryLight,
         borderRadius: 12,
         borderWidth: 1,
-        borderColor: colors.grayBorderSecondary,
-        padding: 14,
-        marginHorizontal: 12,
+        borderColor: `${colors.brandPurple}20`,
+        padding: 12,
+        marginHorizontal: 10,
         marginTop: 8,
-        marginBottom: 8,
+        marginBottom: 6,
         shadowColor: colors.black,
         shadowOpacity: 0.03,
         shadowRadius: 4,
@@ -1348,11 +1352,10 @@ export const getRawStyles = (colors) => ({
         flexDirection: 'row',
         justifyContent: 'space-between',
         alignItems: 'center',
-        marginBottom: 10,
     },
     analyticsHeaderTitle: {
         fontFamily: AppFonts.interBold,
-        fontSize: 14,
+        fontSize: 13.5,
         color: colors.primaryBlack,
     },
     statusDot: {
@@ -1363,21 +1366,21 @@ export const getRawStyles = (colors) => ({
     analyticsHeaderSubtitle: {
         fontFamily: AppFonts.interMedium,
         fontSize: 11,
-        color: colors.grayText,
+        color: colors.grayTextWeak,
         marginTop: 2,
     },
     analyticsHeaderToggle: {
-        paddingVertical: 4,
-        paddingHorizontal: 8,
-        borderRadius: 4,
-        backgroundColor: colors.grayBackground,
+        paddingVertical: 4.5,
+        paddingHorizontal: 9,
+        borderRadius: 7,
+        backgroundColor: `${colors.brandPurple}12`,
         borderWidth: 1,
-        borderColor: colors.grayBorderSecondary,
+        borderColor: `${colors.brandPurple}25`,
     },
     analyticsHeaderToggleText: {
         fontFamily: AppFonts.interBold,
-        fontSize: 10,
-        color: colors.purple,
+        fontSize: 10.5,
+        color: colors.brandPurple,
     },
     analyticsStatsRow: {
         flexDirection: 'row',

package/dist/esm/types/enums.d.ts

@@ -1,9 +1,115 @@
-export type ActiveTab = 'apis' | 'analytics' | 'logs' | 'redux' | 'bundle' | 'performance';
-export type Method = 'ALL' | 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
-export type StatusFilter = 'ALL' | '2xx' | '3xx' | '4xx' | '5xx' | 'Failed';
-export type SortOrder = 'newest' | 'oldest';
-export type LocalFilter = 'success' | 'failed' | 'loading';
-export type ModalAnimationType = 'slide' | 'fade' | 'none';
-export type SettingsPage = 'main' | 'apis' | 'logs' | 'analytics' | 'redux' | 'bundle' | 'performance' | null;
-export type SettingsSubTab = 'module' | 'ui';
-export type LogFilter = 'all' | 'info' | 'warn' | 'error' | 'user-log' | 'analytics';
+export declare const ActiveTab: {
+    readonly Apis: "apis";
+    readonly Analytics: "analytics";
+    readonly Logs: "logs";
+    readonly Redux: "redux";
+    readonly Bundle: "bundle";
+    readonly Performance: "performance";
+};
+export type ActiveTab = (typeof ActiveTab)[keyof typeof ActiveTab];
+export declare const Method: {
+    readonly All: "ALL";
+    readonly Get: "GET";
+    readonly Post: "POST";
+    readonly Put: "PUT";
+    readonly Patch: "PATCH";
+    readonly Delete: "DELETE";
+};
+export type Method = (typeof Method)[keyof typeof Method];
+export declare const StatusFilter: {
+    readonly All: "ALL";
+    readonly TwoXx: "2xx";
+    readonly ThreeXx: "3xx";
+    readonly FourXx: "4xx";
+    readonly FiveXx: "5xx";
+    readonly Failed: "Failed";
+};
+export type StatusFilter = (typeof StatusFilter)[keyof typeof StatusFilter];
+export declare const SortOrder: {
+    readonly Newest: "newest";
+    readonly Oldest: "oldest";
+};
+export type SortOrder = (typeof SortOrder)[keyof typeof SortOrder];
+export declare const LocalFilter: {
+    readonly Success: "success";
+    readonly Failed: "failed";
+    readonly Loading: "loading";
+};
+export type LocalFilter = (typeof LocalFilter)[keyof typeof LocalFilter];
+export declare const ModalAnimationType: {
+    readonly Slide: "slide";
+    readonly Fade: "fade";
+    readonly None: "none";
+};
+export type ModalAnimationType = (typeof ModalAnimationType)[keyof typeof ModalAnimationType];
+export declare const SettingsPage: {
+    readonly Main: "main";
+    readonly Apis: "apis";
+    readonly Logs: "logs";
+    readonly Analytics: "analytics";
+    readonly Redux: "redux";
+    readonly Bundle: "bundle";
+    readonly Performance: "performance";
+};
+export type SettingsPage = (typeof SettingsPage)[keyof typeof SettingsPage] | null;
+export declare const SettingsSubTab: {
+    readonly Module: "module";
+    readonly Ui: "ui";
+};
+export type SettingsSubTab = (typeof SettingsSubTab)[keyof typeof SettingsSubTab];
+export declare const LogFilter: {
+    readonly All: "all";
+    readonly Info: "info";
+    readonly Warn: "warn";
+    readonly Error: "error";
+    readonly UserLog: "user-log";
+    readonly Analytics: "analytics";
+};
+export type LogFilter = (typeof LogFilter)[keyof typeof LogFilter];
+export declare const ConsoleLogType: {
+    readonly Info: "info";
+    readonly Warn: "warn";
+    readonly Error: "error";
+};
+export type ConsoleLogType = (typeof ConsoleLogType)[keyof typeof ConsoleLogType];
+export declare const AnalyticsEventSource: {
+    readonly Firebase: "firebase";
+    readonly Manual: "manual";
+};
+export type AnalyticsEventSource = (typeof AnalyticsEventSource)[keyof typeof AnalyticsEventSource];
+export declare const GAEventCategory: {
+    readonly PageView: "page_view";
+    readonly Ecommerce: "ecommerce";
+    readonly System: "system";
+    readonly Custom: "custom";
+};
+export type GAEventCategory = (typeof GAEventCategory)[keyof typeof GAEventCategory];
+export declare const StackFrameType: {
+    readonly App: "app";
+    readonly Dependency: "dependency";
+    readonly Runtime: "runtime";
+    readonly Native: "native";
+};
+export type StackFrameType = (typeof StackFrameType)[keyof typeof StackFrameType];
+export declare const DiffResultType: {
+    readonly Added: "added";
+    readonly Removed: "removed";
+    readonly Changed: "changed";
+};
+export type DiffResultType = (typeof DiffResultType)[keyof typeof DiffResultType];
+export declare const BundleSubTab: {
+    readonly Overview: "overview";
+    readonly Production: "production";
+    readonly Files: "files";
+    readonly Packages: "packages";
+    readonly Media: "media";
+    readonly Optimizer: "optimizer";
+};
+export type BundleSubTab = (typeof BundleSubTab)[keyof typeof BundleSubTab];
+export declare const PerformanceSubTab: {
+    readonly Overview: "overview";
+    readonly Renders: "renders";
+    readonly Interactions: "interactions";
+    readonly Memory: "memory";
+};
+export type PerformanceSubTab = (typeof PerformanceSubTab)[keyof typeof PerformanceSubTab];

package/dist/esm/types/enums.js

@@ -1,3 +1,102 @@
-// ─── Enum-like union types ────────────────────────────────────────────────────
-// The codebase treats these as string enums (used for tab keys, filters, etc.).
-export {};
+// ─── Enums & Constants ─────────────────────────────────────────────────────────
+// Universal TypeScript Enum Objects and Type Aliases.
+// Allows both enum-style access (e.g. ActiveTab.Apis) and string literals ('apis').
+export const ActiveTab = {
+    Apis: 'apis',
+    Analytics: 'analytics',
+    Logs: 'logs',
+    Redux: 'redux',
+    Bundle: 'bundle',
+    Performance: 'performance',
+};
+export const Method = {
+    All: 'ALL',
+    Get: 'GET',
+    Post: 'POST',
+    Put: 'PUT',
+    Patch: 'PATCH',
+    Delete: 'DELETE',
+};
+export const StatusFilter = {
+    All: 'ALL',
+    TwoXx: '2xx',
+    ThreeXx: '3xx',
+    FourXx: '4xx',
+    FiveXx: '5xx',
+    Failed: 'Failed',
+};
+export const SortOrder = {
+    Newest: 'newest',
+    Oldest: 'oldest',
+};
+export const LocalFilter = {
+    Success: 'success',
+    Failed: 'failed',
+    Loading: 'loading',
+};
+export const ModalAnimationType = {
+    Slide: 'slide',
+    Fade: 'fade',
+    None: 'none',
+};
+export const SettingsPage = {
+    Main: 'main',
+    Apis: 'apis',
+    Logs: 'logs',
+    Analytics: 'analytics',
+    Redux: 'redux',
+    Bundle: 'bundle',
+    Performance: 'performance',
+};
+export const SettingsSubTab = {
+    Module: 'module',
+    Ui: 'ui',
+};
+export const LogFilter = {
+    All: 'all',
+    Info: 'info',
+    Warn: 'warn',
+    Error: 'error',
+    UserLog: 'user-log',
+    Analytics: 'analytics',
+};
+export const ConsoleLogType = {
+    Info: 'info',
+    Warn: 'warn',
+    Error: 'error',
+};
+export const AnalyticsEventSource = {
+    Firebase: 'firebase',
+    Manual: 'manual',
+};
+export const GAEventCategory = {
+    PageView: 'page_view',
+    Ecommerce: 'ecommerce',
+    System: 'system',
+    Custom: 'custom',
+};
+export const StackFrameType = {
+    App: 'app',
+    Dependency: 'dependency',
+    Runtime: 'runtime',
+    Native: 'native',
+};
+export const DiffResultType = {
+    Added: 'added',
+    Removed: 'removed',
+    Changed: 'changed',
+};
+export const BundleSubTab = {
+    Overview: 'overview',
+    Production: 'production',
+    Files: 'files',
+    Packages: 'packages',
+    Media: 'media',
+    Optimizer: 'optimizer',
+};
+export const PerformanceSubTab = {
+    Overview: 'overview',
+    Renders: 'renders',
+    Interactions: 'interactions',
+    Memory: 'memory',
+};

package/dist/esm/types/interfaces.d.ts

@@ -32,6 +32,21 @@ export interface AnalyticsEvent {
     pageTitle?: string;
     pageLocation?: string;
 }
+export interface AnalyticsFilters {
+    categories: Set<string>;
+    screens: Set<string>;
+    sources: Set<string>;
+    userTypes: Set<string>;
+    timeWindow: 'all' | '1m' | '5m' | '15m' | '1h';
+    payloadComplexity: 'all' | 'none' | 'simple' | 'heavy';
+    hasRevenue: boolean;
+    hasItems: boolean;
+    hasUserProps: boolean;
+    hasParams: boolean;
+    onlyDuplicates: boolean;
+    onlyConversions: boolean;
+    sortBy: 'time_desc' | 'time_asc' | 'revenue_desc' | 'count_desc';
+}
 export interface NetworkLog {
     id: number;
     url: string;
@@ -192,6 +207,10 @@ export interface InspectorContextValue {
     })[];
     analyticsSearch: string;
     setAnalyticsSearch: React.Dispatch<React.SetStateAction<string>>;
+    analyticsFilters: AnalyticsFilters;
+    setAnalyticsFilters: React.Dispatch<React.SetStateAction<AnalyticsFilters>>;
+    isAnalyticsFilterApplied: boolean;
+    resetAnalyticsFilters: () => void;
     newEventIds: Set<number>;
     isAnalyticsLayoutReady: boolean;
     setIsAnalyticsLayoutReady: React.Dispatch<React.SetStateAction<boolean>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-inapp-inspector",
-  "version": "1.1.23",
+  "version": "1.1.25",
   "description": "The zero-config, all-in-one in-app debugger for React Native & Expo. Inspect Network (fetch/axios), Console logs, Stack Traces, Redux State, Firebase Analytics, and JS Bundle size directly on device.",
   "repository": {
     "type": "git",