@nest-rn-lens/nest 0.1.0 → 0.1.2

package/README.md

@@ -11,9 +11,9 @@ the status, and the time it took.
 ```
 
 It is the server half of **NestRN Lens**, a toolkit for Turborepo monorepos with
-a NestJS API and a React Native (Expo) app. On its own it gives you readable
-request logs and a typed event for every call. With the NestRN Lens VS Code
-extension, those events become a live traffic panel where you can click any
+a NestJS API and a React Native (Expo) or Next.js app. On its own it gives you readable
+request logs and a typed event for every call. With the [NestRN Lens VS Code
+extension](https://marketplace.visualstudio.com/items?itemName=IsaiasDiaz.nest-rn-lens), those events become a live traffic panel where you can click any
 request to open the screen that made it or the handler that answered it.
 
 ## Install
@@ -72,7 +72,7 @@ adds that with three headers:
 | Header                    | Example                                         | Used for                                          |
 | ------------------------- | ----------------------------------------------- | ------------------------------------------------- |
 | `x-nest-rn-lens-app`      | `mobile`                                        | Which app made the request                        |
-| `x-nest-rn-lens-caller`   | `/repo/apps/mobile/src/screens/orders.tsx:23`   | The file and line that made it                    |
+| `x-nest-rn-lens-caller`   | `/repo/apps/mobile/src/screens/orders.tsx:23`   | The file and line that made it, or the page path for web apps (`/orders/42`) |
 | `x-nest-rn-lens-trace-id` | `5f0c…`                                         | Linking every hop of one request chain            |
 
 You don't have to write these by hand. The upcoming React Native client,
@@ -184,7 +184,7 @@ response. Native React Native apps don't use CORS at all.
 | ----------------------------- | ----------------------------------------------------------------- | ------------- |
 | `@nest-rn-lens/nest`          | This interceptor                                                  | Available     |
 | `@nest-rn-lens/react-native`  | `fetch` wrapper that sends the app name and the calling screen    | Coming soon   |
-| NestRN Lens for VS Code       | Live traffic panel with the app running in a phone frame          | Coming soon   |
+| [NestRN Lens for VS Code](https://marketplace.visualstudio.com/items?itemName=IsaiasDiaz.nest-rn-lens) | Live traffic panel with the app running in a phone frame | Available |
 
 ## Development
 

package/dist/cjs/reporter.d.ts

@@ -10,3 +10,9 @@ export declare class NestRnLensReporter {
     private describe;
     private shortPath;
 }
+/**
+ * Callers that are source locations are shown relative to the monorepo root
+ * (clients send absolute paths so editors can open them). Anything else, such as
+ * a web page path like "/orders/42", is shown as sent.
+ */
+export declare function formatCaller(caller: string, repoRoot: string): string;

package/dist/cjs/reporter.js

@@ -13,6 +13,7 @@ var __param = (this && this.__param) || function (paramIndex, decorator) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NestRnLensReporter = void 0;
+exports.formatCaller = formatCaller;
 const common_1 = require("@nestjs/common");
 const node_fs_1 = require("node:fs");
 const node_path_1 = require("node:path");
@@ -48,14 +49,12 @@ let NestRnLensReporter = class NestRnLensReporter {
         const from = [`${source.app} (${source.platform})`, this.shortPath(source.caller)].filter(Boolean).join(' ');
         return `${from} → ${target.method} ${target.route} → ${target.controller}.${target.handler} ${status} ${durationMs}ms`;
     }
-    // Clients send absolute paths (editors need them to open the file); logs are
-    // easier to read relative to the monorepo root.
-    shortPath(file) {
-        if (!file?.startsWith('/')) {
-            return file;
+    shortPath(caller) {
+        if (!caller || !SOURCE_LOCATION.test(caller)) {
+            return caller;
         }
         this.repoRoot ??= findRepoRoot(process.cwd());
-        return (0, node_path_1.relative)(this.repoRoot, file);
+        return formatCaller(caller, this.repoRoot);
     }
 };
 exports.NestRnLensReporter = NestRnLensReporter;
@@ -64,6 +63,16 @@ exports.NestRnLensReporter = NestRnLensReporter = __decorate([
     __param(0, (0, common_1.Inject)(constants_js_1.NEST_RN_LENS_OPTIONS)),
     __metadata("design:paramtypes", [Object])
 ], NestRnLensReporter);
+// "/repo/apps/mobile/src/screens/Orders.tsx:23": an absolute file path plus a line.
+const SOURCE_LOCATION = /^\/.+:\d+$/;
+/**
+ * Callers that are source locations are shown relative to the monorepo root
+ * (clients send absolute paths so editors can open them). Anything else, such as
+ * a web page path like "/orders/42", is shown as sent.
+ */
+function formatCaller(caller, repoRoot) {
+    return SOURCE_LOCATION.test(caller) ? (0, node_path_1.relative)(repoRoot, caller) : caller;
+}
 const ROOT_MARKERS = ['turbo.json', 'pnpm-workspace.yaml', '.git'];
 function findRepoRoot(from) {
     let dir = from;

package/dist/esm/reporter.d.ts

@@ -10,3 +10,9 @@ export declare class NestRnLensReporter {
     private describe;
     private shortPath;
 }
+/**
+ * Callers that are source locations are shown relative to the monorepo root
+ * (clients send absolute paths so editors can open them). Anything else, such as
+ * a web page path like "/orders/42", is shown as sent.
+ */
+export declare function formatCaller(caller: string, repoRoot: string): string;

package/dist/esm/reporter.js

@@ -45,14 +45,12 @@ let NestRnLensReporter = class NestRnLensReporter {
         const from = [`${source.app} (${source.platform})`, this.shortPath(source.caller)].filter(Boolean).join(' ');
         return `${from} → ${target.method} ${target.route} → ${target.controller}.${target.handler} ${status} ${durationMs}ms`;
     }
-    // Clients send absolute paths (editors need them to open the file); logs are
-    // easier to read relative to the monorepo root.
-    shortPath(file) {
-        if (!file?.startsWith('/')) {
-            return file;
+    shortPath(caller) {
+        if (!caller || !SOURCE_LOCATION.test(caller)) {
+            return caller;
         }
         this.repoRoot ??= findRepoRoot(process.cwd());
-        return relative(this.repoRoot, file);
+        return formatCaller(caller, this.repoRoot);
     }
 };
 NestRnLensReporter = __decorate([
@@ -61,6 +59,16 @@ NestRnLensReporter = __decorate([
     __metadata("design:paramtypes", [Object])
 ], NestRnLensReporter);
 export { NestRnLensReporter };
+// "/repo/apps/mobile/src/screens/Orders.tsx:23": an absolute file path plus a line.
+const SOURCE_LOCATION = /^\/.+:\d+$/;
+/**
+ * Callers that are source locations are shown relative to the monorepo root
+ * (clients send absolute paths so editors can open them). Anything else, such as
+ * a web page path like "/orders/42", is shown as sent.
+ */
+export function formatCaller(caller, repoRoot) {
+    return SOURCE_LOCATION.test(caller) ? relative(repoRoot, caller) : caller;
+}
 const ROOT_MARKERS = ['turbo.json', 'pnpm-workspace.yaml', '.git'];
 function findRepoRoot(from) {
     let dir = from;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nest-rn-lens/nest",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "NestJS interceptor that reports every request together with the React Native screen that made it. Part of NestRN Lens.",
   "keywords": [
     "nestjs",
@@ -12,10 +12,19 @@
     "monorepo",
     "observability",
     "tracing",
-    "devtools"
+    "devtools",
+    "nextjs"
   ],
   "license": "MIT",
   "author": "isa",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/isa95Ar/nest-rn-lens-nest.git"
+  },
+  "homepage": "https://github.com/isa95Ar/nest-rn-lens-nest#readme",
+  "bugs": {
+    "url": "https://github.com/isa95Ar/nest-rn-lens-nest/issues"
+  },
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
   "exports": {