react-native-network-lens 0.0.0-stage → 0.1.1

package/lib/typescript/src/core/XHRInterceptor.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Patches the global XMLHttpRequest so every request made from JavaScript can
+ * be observed. `fetch` in React Native is built on XMLHttpRequest, so this also
+ * covers fetch, axios, Apollo and friends.
+ *
+ * Every callback is wrapped in try/catch: the inspector must never break the
+ * app's networking.
+ */
+export interface InterceptedXHR {
+    __lensId?: number;
+    __lensSeenHeaders?: boolean;
+    __lensSeenDone?: boolean;
+}
+type XHRInstance = XMLHttpRequest & InterceptedXHR;
+export interface InterceptorCallbacks {
+    onOpen: (method: string, url: string, xhr: XHRInstance) => void;
+    onRequestHeader: (header: string, value: string, xhr: XHRInstance) => void;
+    onSend: (body: unknown, xhr: XHRInstance) => void;
+    onHeadersReceived: (status: number, contentType: string, contentLength: number, headers: Record<string, string>, xhr: XHRInstance) => void;
+    onResponse: (status: number, timeout: number, response: unknown, responseURL: string, responseType: string, xhr: XHRInstance) => void;
+    onFailure: (reason: 'error' | 'timeout' | 'abort', xhr: XHRInstance) => void;
+}
+export declare const parseResponseHeaders: (raw: string) => Record<string, string>;
+export declare const isInterceptorEnabled: () => boolean;
+export declare const setCallbacks: (next: InterceptorCallbacks) => void;
+export declare const enableInterception: () => void;
+export declare const disableInterception: () => void;
+export {};
+//# sourceMappingURL=XHRInterceptor.d.ts.map

package/lib/typescript/src/core/XHRInterceptor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XHRInterceptor.d.ts","sourceRoot":"","sources":["../../../../src/core/XHRInterceptor.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,KAAK,WAAW,GAAG,cAAc,GAAG,cAAc,CAAC;AAEnD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IAChE,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3E,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD,iBAAiB,EAAE,CACjB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,MAAM,EACnB,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC/B,GAAG,EAAE,WAAW,KACb,IAAI,CAAC;IACV,UAAU,EAAE,CACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,OAAO,EACjB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,GAAG,EAAE,WAAW,KACb,IAAI,CAAC;IACV,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,EAAE,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CAC9E;AA6BD,eAAO,MAAM,oBAAoB,GAAI,KAAK,MAAM,KAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAUvE,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAO,OAAkC,CAAC;AAE3E,eAAO,MAAM,YAAY,GAAI,MAAM,oBAAoB,SAEtD,CAAC;AAaF,eAAO,MAAM,kBAAkB,QAAO,IA4ErC,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAAO,IAKtC,CAAC"}

package/lib/typescript/src/core/har.d.ts

@@ -0,0 +1,65 @@
+import type NetworkRequest from './NetworkRequest.js';
+/** Minimal HAR 1.2 document that Chrome/Charles/Proxyman can import. */
+export declare const createHar: (requests: NetworkRequest[]) => Promise<{
+    log: {
+        version: string;
+        creator: {
+            name: string;
+            version: string;
+        };
+        pages: never[];
+        entries: {
+            startedDateTime: string;
+            time: number;
+            request: {
+                postData?: {
+                    mimeType: string;
+                    text: string;
+                } | undefined;
+                method: import("../index.js").RequestMethod;
+                url: string;
+                httpVersion: string;
+                headers: {
+                    name: string;
+                    value: string;
+                }[];
+                queryString: {
+                    name: string;
+                    value: string;
+                }[];
+                cookies: never[];
+                headersSize: number;
+                bodySize: number;
+            };
+            response: {
+                status: number;
+                statusText: string;
+                httpVersion: string;
+                headers: {
+                    name: string;
+                    value: string;
+                }[];
+                cookies: never[];
+                content: {
+                    size: number;
+                    mimeType: string;
+                    text: string;
+                };
+                redirectURL: string;
+                headersSize: number;
+                bodySize: number;
+            };
+            cache: {};
+            timings: {
+                blocked: number;
+                dns: number;
+                ssl: number;
+                connect: number;
+                send: number;
+                wait: number;
+                receive: number;
+            };
+        }[];
+    };
+}>;
+//# sourceMappingURL=har.d.ts.map

package/lib/typescript/src/core/har.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"har.d.ts","sourceRoot":"","sources":["../../../../src/core/har.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,qBAAkB,CAAC;AA8DnD,wEAAwE;AACxE,eAAO,MAAM,SAAS,GAAU,UAAU,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOxD,CAAC"}

package/lib/typescript/src/core/loggerSingleton.d.ts

@@ -0,0 +1,9 @@
+import Logger from './Logger.js';
+/**
+ * One logger per JS runtime. It lives on `globalThis` so that Fast Refresh
+ * (which re-evaluates modules) keeps the same instance and the same patched
+ * XMLHttpRequest instead of silently creating a fresh, disabled one.
+ */
+declare const logger: Logger;
+export default logger;
+//# sourceMappingURL=loggerSingleton.d.ts.map

package/lib/typescript/src/core/loggerSingleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loggerSingleton.d.ts","sourceRoot":"","sources":["../../../../src/core/loggerSingleton.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,aAAU,CAAC;AAM9B;;;;GAIG;AACH,QAAA,MAAM,MAAM,EAAE,MAAiE,CAAC;AAEhF,eAAe,MAAM,CAAC"}

package/lib/typescript/src/hooks.d.ts

@@ -0,0 +1,11 @@
+import type NetworkRequest from './core/NetworkRequest.js';
+/** Live list of captured requests, newest first. */
+export declare const useNetworkRequests: () => NetworkRequest[];
+export declare const useLoggerEnabled: () => boolean;
+export declare const useLoggerPaused: () => boolean;
+/** Resolves a promise factory, re-running whenever `deps` change. */
+export declare const useAsyncValue: <T>(factory: () => Promise<T>, deps: readonly unknown[]) => {
+    value: T | undefined;
+    loading: boolean;
+};
+//# sourceMappingURL=hooks.d.ts.map

package/lib/typescript/src/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/hooks.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,0BAAuB,CAAC;AAExD,oDAAoD;AACpD,eAAO,MAAM,kBAAkB,QAAO,cAAc,EAKjD,CAAC;AAKJ,eAAO,MAAM,gBAAgB,QAAO,OAC4B,CAAC;AAEjE,eAAO,MAAM,eAAe,QAAO,OAC2B,CAAC;AAE/D,qEAAqE;AACrE,eAAO,MAAM,aAAa,GAAI,CAAC,EAC7B,SAAS,MAAM,OAAO,CAAC,CAAC,CAAC,EACzB,MAAM,SAAS,OAAO,EAAE,KACvB;IAAE,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAyB1C,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,33 @@
+import type { NetworkLensOptions } from './types.js';
+export { default as NetworkLens, default } from './components/NetworkLens.js';
+export type { NetworkLensProps, NetworkLensHandle, } from './components/NetworkLens.js';
+export { default as NetworkLensOverlay } from './components/NetworkLensOverlay.js';
+export type { NetworkLensOverlayProps } from './components/NetworkLensOverlay.js';
+export { default as JsonTreeView } from './components/JsonTree/JsonTreeView.js';
+export type { JsonTreeHandle } from './components/JsonTree/JsonTreeView.js';
+export { default as NetworkRequest } from './core/NetworkRequest.js';
+export { createHar } from './core/har.js';
+export { getBackHandler } from './backHandler.js';
+export { useNetworkRequests, useLoggerEnabled, useLoggerPaused } from './hooks.js';
+export { lightTheme, darkTheme } from './theme.js';
+export type { Theme, ThemeName, ThemeInput } from './theme.js';
+export type { NetworkLensOptions, StartNetworkLoggingOptions, NetworkRequestRow, ParsedBody, RequestMethod, RequestState, FailureReason, StatusGroup, Headers, } from './types.js';
+/**
+ * Start capturing requests. Call it once, as early as possible (e.g. in your
+ * `index.js`). Pass `enabled: false` to turn the whole thing into a no-op.
+ *
+ * ```ts
+ * startNetworkLogging({ enabled: __DEV__, maxRequests: 500 });
+ * ```
+ */
+export declare const startNetworkLogging: (options?: NetworkLensOptions) => void;
+/** Stop capturing, restore XMLHttpRequest and drop every captured request. */
+export declare const stopNetworkLogging: () => void;
+/** Whether requests are currently being captured. */
+export declare const isNetworkLoggingEnabled: () => boolean;
+/** Snapshot of captured requests, newest first. */
+export declare const getRequests: () => import("./index.js").NetworkRequest[];
+export declare const clearRequests: () => void;
+/** Pause or resume publishing new requests to the UI. Capturing continues while paused. */
+export declare const setNetworkLoggingPaused: (paused: boolean) => void;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAS,CAAC;AAElD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,OAAO,EAAE,MAAM,6BAA0B,CAAC;AAC3E,YAAY,EACV,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,6BAA0B,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,oCAAiC,CAAC;AAChF,YAAY,EAAE,uBAAuB,EAAE,MAAM,oCAAiC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAoC,CAAC;AAC7E,YAAY,EAAE,cAAc,EAAE,MAAM,uCAAoC,CAAC;AAEzE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAAuB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAY,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAe,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,YAAS,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,YAAS,CAAC;AAChD,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,YAAS,CAAC;AAC5D,YAAY,EACV,kBAAkB,EAClB,0BAA0B,EAC1B,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,YAAY,EACZ,aAAa,EACb,WAAW,EACX,OAAO,GACR,MAAM,YAAS,CAAC;AAEjB;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,GAAI,UAAU,kBAAkB,KAAG,IAC5C,CAAC;AAExB,8EAA8E;AAC9E,eAAO,MAAM,kBAAkB,QAAO,IAAqB,CAAC;AAE5D,qDAAqD;AACrD,eAAO,MAAM,uBAAuB,QAAO,OAAyB,CAAC;AAErE,mDAAmD;AACnD,eAAO,MAAM,WAAW,6CAA6B,CAAC;AAEtD,eAAO,MAAM,aAAa,QAAO,IAAsB,CAAC;AAExD,2FAA2F;AAC3F,eAAO,MAAM,uBAAuB,GAAI,QAAQ,OAAO,KAAG,IAChC,CAAC"}

package/lib/typescript/src/theme.d.ts

@@ -0,0 +1,49 @@
+import type { DeepPartial } from './types.js';
+export type ThemeName = 'light' | 'dark' | 'auto';
+export type Theme = {
+    colors: {
+        background: string;
+        surface: string;
+        surfaceAlt: string;
+        border: string;
+        text: string;
+        textMuted: string;
+        primary: string;
+        onPrimary: string;
+        statusGood: string;
+        statusRedirect: string;
+        statusWarning: string;
+        statusBad: string;
+        statusPending: string;
+        methodGet: string;
+        methodPost: string;
+        methodPut: string;
+        methodPatch: string;
+        methodDelete: string;
+        methodOther: string;
+        jsonKey: string;
+        jsonString: string;
+        jsonNumber: string;
+        jsonBoolean: string;
+        jsonNull: string;
+        highlight: string;
+        highlightActive: string;
+        onHighlight: string;
+    };
+    fonts: {
+        mono: string;
+    };
+    sizes: {
+        codeFontSize: number;
+        codeLineHeight: number;
+    };
+};
+export declare const lightTheme: Theme;
+export declare const darkTheme: Theme;
+export type ThemeInput = ThemeName | DeepPartial<Theme>;
+export declare const ThemeContext: import("react").Context<ThemeInput>;
+export declare const resolveTheme: (input: ThemeInput, systemScheme: "light" | "dark") => Theme;
+export declare const useTheme: () => Theme;
+export declare const methodColor: (theme: Theme, method: string) => string;
+export declare const statusColor: (theme: Theme, status: number, failed?: boolean) => string;
+//# sourceMappingURL=theme.d.ts.map

package/lib/typescript/src/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/theme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC;AAE3C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAElD,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE;QACN,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,cAAc,EAAE,MAAM,CAAC;QACvB,aAAa,EAAE,MAAM,CAAC;QACtB,SAAS,EAAE,MAAM,CAAC;QAClB,aAAa,EAAE,MAAM,CAAC;QACtB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,eAAe,EAAE,MAAM,CAAC;QACxB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,EAAE;QACL,YAAY,EAAE,MAAM,CAAC;QACrB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;CACH,CAAC;AAQF,eAAO,MAAM,UAAU,EAAE,KAgCxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAgCvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAExD,eAAO,MAAM,YAAY,qCAAoC,CAAC;AAQ9D,eAAO,MAAM,YAAY,GACvB,OAAO,UAAU,EACjB,cAAc,OAAO,GAAG,MAAM,KAC7B,KAKF,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,KAI3B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,KAAG,MAe1D,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,OAAO,KAAK,EACZ,QAAQ,MAAM,EACd,gBAAc,KACb,MAOF,CAAC"}

package/lib/typescript/src/types.d.ts

@@ -0,0 +1,80 @@
+export type Headers = Record<string, string>;
+export type RequestMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE' | 'HEAD' | 'OPTIONS' | (string & {});
+/** Lifecycle of a captured request. */
+export type RequestState = 'pending' | 'done' | 'failed';
+export type FailureReason = 'error' | 'timeout' | 'abort';
+export type StatusGroup = '1xx' | '2xx' | '3xx' | '4xx' | '5xx' | 'pending' | 'failed';
+export interface NetworkLensOptions {
+    /**
+     * Master switch. When `false` nothing is intercepted and every UI component
+     * renders nothing, so you can wire it to `__DEV__` or a remote feature flag.
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Max number of requests to keep before the oldest ones are dropped.
+     * @default 500
+     */
+    maxRequests?: number;
+    /** Hosts to ignore, e.g. `services.test.com` */
+    ignoredHosts?: string[];
+    /** Exact urls to ignore, e.g. `https://services.test.com/test` */
+    ignoredUrls?: string[];
+    /**
+     * Patterns to ignore. They are tested against `${method} ${url}`,
+     * e.g. `/^GET https:\/\/test\.com\/pages\/.*$/`
+     */
+    ignoredPatterns?: RegExp[];
+    /**
+     * How often (ms) the UI is notified about new data.
+     * @default 50
+     */
+    refreshRate?: number;
+}
+/** @deprecated use `NetworkLensOptions` */
+export type StartNetworkLoggingOptions = NetworkLensOptions;
+/**
+ * A body after we tried to understand it.
+ * `text` is always the raw textual representation used by the "Raw" view.
+ */
+export type ParsedBody = {
+    kind: 'empty';
+    text: '';
+} | {
+    kind: 'json';
+    value: unknown;
+    text: string;
+} | {
+    kind: 'form';
+    value: Record<string, string>;
+    text: string;
+} | {
+    kind: 'text';
+    text: string;
+} | {
+    kind: 'binary';
+    text: string;
+    size: number;
+    mimeType?: string;
+};
+/** Light-weight projection of a request used by list rows. */
+export interface NetworkRequestRow {
+    id: string;
+    method: RequestMethod;
+    url: string;
+    host: string;
+    path: string;
+    status: number;
+    state: RequestState;
+    statusGroup: StatusGroup;
+    failureReason?: FailureReason;
+    duration: number;
+    startTime: number;
+    responseSize: number;
+    gqlOperation?: string;
+    updatedAt: number;
+}
+export type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE7C,MAAM,MAAM,aAAa,GACrB,KAAK,GACL,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,SAAS,GACT,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,uCAAuC;AACvC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1D,MAAM,MAAM,WAAW,GACrB,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/D,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,2CAA2C;AAC3C,MAAM,MAAM,0BAA0B,GAAG,kBAAkB,CAAC;AAE5D;;;GAGG;AACH,MAAM,MAAM,UAAU,GAClB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,EAAE,CAAA;CAAE,GAC3B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC9C;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC7D;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtE,8DAA8D;AAC9D,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,aAAa,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAChE,CAAC"}

package/lib/typescript/src/utils/body.d.ts

@@ -0,0 +1,19 @@
+import type { ParsedBody } from '../types.js';
+export declare const stringifyJson: (value: unknown) => string;
+export declare const tryParseJson: (text: string) => {
+    ok: true;
+    value: unknown;
+} | {
+    ok: false;
+};
+export declare const parseTextBody: (text: string, contentType?: string) => ParsedBody;
+/**
+ * Normalises whatever was passed to `xhr.send()`.
+ */
+export declare const parseRequestBody: (data: unknown, contentType?: string) => ParsedBody;
+/**
+ * Normalises an XHR response. Blob responses are only decoded when they look textual.
+ */
+export declare const parseResponseBody: (response: unknown, responseType: string, contentType?: string) => Promise<ParsedBody>;
+export declare const bodySize: (body: ParsedBody) => number;
+//# sourceMappingURL=body.d.ts.map

package/lib/typescript/src/utils/body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../../src/utils/body.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAU,CAAC;AAsC3C,eAAO,MAAM,aAAa,GAAI,OAAO,OAAO,KAAG,MAM9C,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,MAAM,MAAM,KACX;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAA;CAiB5C,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,MAAM,MAAM,EACZ,cAAc,MAAM,KACnB,UAcF,CAAC;AAoBF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,MAAM,OAAO,EACb,cAAc,MAAM,KACnB,UAoBF,CAAC;AAgCF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,UAAU,OAAO,EACjB,cAAc,MAAM,EACpB,cAAc,MAAM,KACnB,OAAO,CAAC,UAAU,CAqBpB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,MAAM,UAAU,KAAG,MACgB,CAAC"}

package/lib/typescript/src/utils/debounce.d.ts

@@ -0,0 +1,4 @@
+export default function debounce<T extends (...args: never[]) => void>(fn: T, wait: number): T & {
+    cancel: () => void;
+};
+//# sourceMappingURL=debounce.d.ts.map

package/lib/typescript/src/utils/debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../../../src/utils/debounce.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,EACnE,EAAE,EAAE,CAAC,EACL,IAAI,EAAE,MAAM,GACX,CAAC,GAAG;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,CAc5B"}

package/lib/typescript/src/utils/format.d.ts

@@ -0,0 +1,7 @@
+export declare const formatBytes: (bytes: number) => string;
+export declare const formatDuration: (ms: number) => string;
+export declare const formatTime: (time: number, withMillis?: boolean) => string;
+export declare const formatDateTime: (time: number) => string;
+/** Approximate size of a string in bytes (UTF-8). */
+export declare const byteLength: (text: string) => number;
+//# sourceMappingURL=format.d.ts.map

package/lib/typescript/src/utils/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../src/utils/format.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,KAAG,MAW3C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,IAAI,MAAM,KAAG,MAI3C,CAAC;AAIF,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,EAAE,oBAAkB,KAAG,MAQ7D,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,KAAG,MAG7C,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,KAAG,MAYzC,CAAC"}

package/lib/typescript/src/utils/logger.d.ts

@@ -0,0 +1,2 @@
+export declare const warn: (message: string) => void;
+//# sourceMappingURL=logger.d.ts.map

package/lib/typescript/src/utils/logger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../../../src/utils/logger.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,GAAI,SAAS,MAAM,KAAG,IAEtC,CAAC"}

package/lib/typescript/src/utils/search.d.ts

@@ -0,0 +1,17 @@
+export interface LineMatch {
+    line: number;
+    start: number;
+    end: number;
+}
+/** Finds every (case-insensitive) occurrence of `query` in `lines`. */
+export declare const findLineMatches: (lines: readonly string[], query: string) => LineMatch[];
+export interface TextSegment {
+    text: string;
+    highlighted: boolean;
+}
+/** Splits `text` into highlighted / plain segments for the given query. */
+export declare const splitHighlights: (text: string, query: string) => TextSegment[];
+export declare const MAX_LINE_CHARS = 2000;
+/** Splits text into lines, hard-wrapping absurdly long ones so layout stays sane. */
+export declare const toLines: (text: string) => string[];
+//# sourceMappingURL=search.d.ts.map

package/lib/typescript/src/utils/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../src/utils/search.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,uEAAuE;AACvE,eAAO,MAAM,eAAe,GAC1B,OAAO,SAAS,MAAM,EAAE,EACxB,OAAO,MAAM,KACZ,SAAS,EAeX,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,2EAA2E;AAC3E,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,WAAW,EAoBxE,CAAC;AAEF,eAAO,MAAM,cAAc,OAAO,CAAC;AAEnC,qFAAqF;AACrF,eAAO,MAAM,OAAO,GAAI,MAAM,MAAM,KAAG,MAAM,EAa5C,CAAC"}

package/lib/typescript/src/utils/url.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Tiny URL helpers that do not rely on the `URL` global, because React Native's
+ * implementation is incomplete (no `searchParams`, throws on relative urls).
+ */
+export interface UrlParts {
+    host: string;
+    path: string;
+    query: Record<string, string>;
+    hasQuery: boolean;
+}
+export declare const extractHost: (url: string) => string;
+export declare const parseQueryString: (search: string) => Record<string, string>;
+export declare const safeDecode: (value: string) => string;
+export declare const parseUrl: (url: string) => UrlParts;
+//# sourceMappingURL=url.d.ts.map

package/lib/typescript/src/utils/url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../../../src/utils/url.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,KAAG,MAGzC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,KAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAetE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,KAAG,MAM1C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,KAAG,QAgBtC,CAAC"}

package/package.json

@@ -1,6 +1,188 @@
 {
   "name": "react-native-network-lens",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.1",
+  "description": "In-app HTTP network inspector for React Native with a tabbed request viewer, collapsible JSON tree, search and zero dependencies",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "react-native-network-lens-source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "!lib/typescript/example",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace react-native-network-lens-example",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "test": "jest",
+    "release": "release-it --only-version"
+  },
+  "keywords": [
+    "react-native",
+    "network",
+    "logger",
+    "inspector",
+    "http",
+    "xhr",
+    "fetch",
+    "axios",
+    "debug",
+    "devtools",
+    "json-viewer",
+    "ios",
+    "android",
+    "network-logger",
+    "network-lens"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/stainsmjohnson/react-native-network-lens.git"
+  },
+  "author": "Stains M Johnson <grahamstains1999@gmail.com> (https://github.com/stainsmjohnson)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/stainsmjohnson/react-native-network-lens/issues"
+  },
+  "homepage": "https://github.com/stainsmjohnson/react-native-network-lens#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^21.2.4",
+    "@eslint/compat": "^2.1.1",
+    "@eslint/eslintrc": "^3.3.7",
+    "@eslint/js": "^9.39.5",
+    "@jest/globals": "^29.7.0",
+    "@react-native/babel-preset": "0.88.0",
+    "@react-native/eslint-config": "0.88.0",
+    "@react-native/jest-preset": "0.88.0",
+    "@release-it/conventional-changelog": "^12.0.2",
+    "@types/react": "^19.2.0",
+    "commitlint": "^21.2.4",
+    "del-cli": "^8.0.1",
+    "eslint": "^9.39.5",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-ft-flow": "^3.0.11",
+    "eslint-plugin-prettier": "^5.5.7",
+    "jest": "^29.7.0",
+    "lefthook": "^2.2.2",
+    "prettier": "^3.9.10",
+    "react": "19.3.0",
+    "react-native": "0.88.0",
+    "react-native-builder-bob": "^0.43.2",
+    "release-it": "^21.1.1",
+    "turbo": "^2.11.10",
+    "typescript": "^6.0.3"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.69.0"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@4.18.1",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "jest": {
+    "preset": "@react-native/jest-preset",
+    "testEnvironmentOptions": {
+      "customExportConditions": [
+        "require",
+        "react-native",
+        "react-native-network-lens-source"
+      ]
+    },
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "dependenciesMeta": {
+    "lefthook": {
+      "built": true
+    }
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}",
+      "requireCleanWorkingDir": true,
+      "requireBranch": "main"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        },
+        "infile": "CHANGELOG.md"
+      }
+    },
+    "hooks": {
+      "before:init": [
+        "yarn lint",
+        "yarn typecheck",
+        "yarn test"
+      ]
+    }
+  },
+  "create-react-native-library": {
+    "type": "library",
+    "languages": "js",
+    "tools": [
+      "eslint",
+      "jest",
+      "lefthook",
+      "release-it"
+    ],
+    "version": "0.64.0"
+  },
+  "sideEffects": false
+}

package/src/backHandler.ts

@@ -0,0 +1,29 @@
+let appBackHandler: (() => unknown) | undefined;
+let lensBackHandler: (() => boolean) | undefined;
+
+/** @internal */
+export const setLensBackHandler = (handler?: () => boolean) => {
+  lensBackHandler = handler;
+};
+
+/** @internal */
+export const hasAppBackHandler = () => !!appBackHandler;
+
+const goBack = () => {
+  if (lensBackHandler?.()) return;
+  appBackHandler?.();
+};
+
+/**
+ * Wrap your screen's back action so the back button first navigates inside the
+ * inspector (details -> list) and only then falls back to your own navigation.
+ *
+ * ```tsx
+ * const onBack = getBackHandler(navigation.goBack);
+ * <Button title="Back" onPress={onBack} />
+ * ```
+ */
+export const getBackHandler = (backHandler: () => unknown) => {
+  appBackHandler = backHandler;
+  return goBack;
+};