rn-inspector 0.2.4 → 0.3.1

package/README.md

@@ -1,22 +1,15 @@
 # rn-inspector CLI
 
-> **Warning:** All versions **before `0.2.0`** had known issues (especially on macOS and DevTools reconnect behavior). Please upgrade and use the latest version `0.2.0` or newer. We’re sorry for the inconvenience.
+[![npm version](https://img.shields.io/npm/v/rn-inspector.svg?label=rn-inspector)](https://www.npmjs.com/package/rn-inspector)
+[![npm downloads](https://img.shields.io/npm/dm/rn-inspector.svg)](https://www.npmjs.com/package/rn-inspector)
 
-`rn-inspector` is a small CLI + Web UI that helps you debug **React Native** apps by:
+`rn-inspector` is a focused CLI + Web UI that helps you debug **React Native** apps by:
 
 - Proxying **Metro** messages.
-- Attaching to **DevTools** targets (one or many devices/emulators).
-- Streaming **console logs** and **network requests** into a rich, glassy web UI.
+- Attaching to **DevTools** targets (single or multiple devices/emulators).
+- Streaming **console logs**, **network requests**, and selected **storage state** into a modern, glassy web UI.
 
----
-
-## What's new in 0.2.4
-
-- **Console**: Removed all truncation limits for nested objects; logs now show full payloads.
-- **Network**: Much broader capture on RN CLI/Expo—hooks into `fetch`, `XHR`, native `Networking`, `ImageLoader`, `Image` component methods, WebSockets (incl. messages and sends), Blob/FileReader operations.
-- **Stability**: Higher body limits (up to 500KB) and richer source tagging for requests (fetch/xhr/native/image/websocket/etc.).
-
-This package is the CLI entry point that you install globally.
+This package is the **CLI entry point** you install globally.
 
 ---
 
@@ -48,7 +41,7 @@ After installing, the `rn-inspector` command is available in your shell.
    - Serve the **UI** at `http://localhost:4173`.
    - Auto-discover any available **DevTools targets** (for connected devices/emulators).
 
-4. Open the UI in your browser (or use the `o` keyboard shortcut, see below), pick a device from the header, and start inspecting **Console** and **Network** events.
+4. Open the UI in your browser (or use the `o` keyboard shortcut), pick a device from the header, and start inspecting **Console** and **Network** events.
 
 ---
 
@@ -60,7 +53,7 @@ rn-inspector \
   [--ui-port 4173 | --ui-port=4173] \
   [--ui-ws-port 9230 | --ui-ws-port=9230] \
   [--devtools-url ws://...] \
-  [--version | -v | version]
+  [--version]
 ```
 
 ### Options
@@ -84,8 +77,8 @@ rn-inspector \
   - Explicit DevTools websocket URL to attach to (for advanced usage).
   - If omitted, `rn-inspector` will **auto-discover** DevTools targets via `http://<host>:<port>/json` on a range of ports (starting around the Metro port) and attach to all matching targets.
 
-- `--version`, `-v`, `version`
-  - Print the `rn-inspector` CLI version and exit without starting the proxy.
+- `--version`
+  - Print the `rn-inspector` CLI version and exit.
 
 ### Environment variables
 
@@ -132,12 +125,10 @@ The UI includes:
   - Live console logs from Metro and DevTools.
   - Level filters (log/info/warn/error).
   - Detail drawer with copy-to-clipboard and timestamps.
-  - Glassy search bar and Clear action in the header to filter and reset the current view.
 
 - **Network** page
   - HTTP requests captured via an injected fetch wrapper / DevTools Network domain.
   - Detail drawer with headers, payload, and response preview (including text, JSON, images, and some binary types).
-  - Glassy search bar and Clear action in the header to filter by URL/method/status and reset the current view.
 
 - **Header controls**
   - Global **device selector** (backed by the `deviceId` tagging in the CLI).

package/dist/config/Index.d.ts

@@ -0,0 +1,7 @@
+export declare const DEFAULT_METRO_PORT = 8081;
+export declare const DEFAULT_UI_WS_PORT = 9230;
+export declare const DEFAULT_UI_STATIC_PORT = 4173;
+export declare const baseDir: string;
+export declare function getCliVersion(): string;
+export declare function getMetroPort(envPort?: string | undefined): number;
+//# sourceMappingURL=Index.d.ts.map

package/dist/config/Index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Index.d.ts","sourceRoot":"","sources":["../../src/config/Index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,OAAO,CAAC;AACvC,eAAO,MAAM,kBAAkB,OAAO,CAAC;AACvC,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAG3C,eAAO,MAAM,OAAO,EAAE,MAA8E,CAAC;AAErG,wBAAgB,aAAa,IAAI,MAAM,CAStC;AAED,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAOjE"}

package/dist/config/Index.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseDir = exports.DEFAULT_UI_STATIC_PORT = exports.DEFAULT_UI_WS_PORT = exports.DEFAULT_METRO_PORT = void 0;
+exports.getCliVersion = getCliVersion;
+exports.getMetroPort = getMetroPort;
+const path_1 = __importDefault(require("path"));
+const fs_1 = __importDefault(require("fs"));
+exports.DEFAULT_METRO_PORT = 8081;
+exports.DEFAULT_UI_WS_PORT = 9230;
+exports.DEFAULT_UI_STATIC_PORT = 4173;
+const baseFile = typeof __filename !== 'undefined' ? __filename : path_1.default.resolve(process.argv[1] ?? '');
+exports.baseDir = typeof __dirname !== 'undefined' ? __dirname : path_1.default.dirname(baseFile);
+function getCliVersion() {
+    try {
+        const pkgPath = path_1.default.resolve(exports.baseDir, '../../package.json');
+        const raw = fs_1.default.readFileSync(pkgPath, 'utf8');
+        const pkg = JSON.parse(raw);
+        return pkg.version ?? 'unknown';
+    }
+    catch {
+        return 'unknown';
+    }
+}
+function getMetroPort(envPort) {
+    if (envPort) {
+        const parsed = Number(envPort);
+        if (!Number.isNaN(parsed) && parsed > 0 && parsed < 65536)
+            return parsed;
+        console.warn(`[rn-inspector] Ignoring invalid METRO_PORT="${envPort}", falling back to ${exports.DEFAULT_METRO_PORT}`);
+    }
+    return exports.DEFAULT_METRO_PORT;
+}
+//# sourceMappingURL=Index.js.map

package/dist/config/Index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Index.js","sourceRoot":"","sources":["../../src/config/Index.ts"],"names":[],"mappings":";;;;;;AAUA,sCASC;AAED,oCAOC;AA5BD,gDAAwB;AACxB,4CAAoB;AAEP,QAAA,kBAAkB,GAAG,IAAI,CAAC;AAC1B,QAAA,kBAAkB,GAAG,IAAI,CAAC;AAC1B,QAAA,sBAAsB,GAAG,IAAI,CAAC;AAE3C,MAAM,QAAQ,GAAW,OAAO,UAAU,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AACjG,QAAA,OAAO,GAAW,OAAO,SAAS,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;AAErG,SAAgB,aAAa;IAC3B,IAAI,CAAC;QACH,MAAM,OAAO,GAAG,cAAI,CAAC,OAAO,CAAC,eAAO,EAAE,oBAAoB,CAAC,CAAC;QAC5D,MAAM,GAAG,GAAG,YAAE,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAC7C,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAyB,CAAC;QACpD,OAAO,GAAG,CAAC,OAAO,IAAI,SAAS,CAAC;IAClC,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,SAAS,CAAC;IACnB,CAAC;AACH,CAAC;AAED,SAAgB,YAAY,CAAC,OAA4B;IACvD,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;QAC/B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,MAAM,GAAG,CAAC,IAAI,MAAM,GAAG,KAAK;YAAE,OAAO,MAAM,CAAC;QACzE,OAAO,CAAC,IAAI,CAAC,+CAA+C,OAAO,sBAAsB,0BAAkB,EAAE,CAAC,CAAC;IACjH,CAAC;IACD,OAAO,0BAAkB,CAAC;AAC5B,CAAC"}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAyxEA,wBAAsB,IAAI,kBA4BzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAsjDA,wBAAsB,IAAI,kBA4BzB"}