@rangojs/router 0.0.0-experimental.preview.1774295099 → 0.0.0-experimental.preview.1774295247

package/dist/vite/index.js

@@ -1745,7 +1745,7 @@ import { resolve } from "node:path";
 // package.json
 var package_default = {
   name: "@rangojs/router",
-  version: "0.0.0-experimental.preview.1774295099",
+  version: "0.0.0-experimental.preview.1774295247",
   description: "Django-inspired RSC router with composable URL patterns",
   keywords: [
     "react",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rangojs/router",
-  "version": "0.0.0-experimental.preview.1774295099",
+  "version": "0.0.0-experimental.preview.1774295247",
   "description": "Django-inspired RSC router with composable URL patterns",
   "keywords": [
     "react",

package/src/browser/navigation-client.ts

@@ -119,15 +119,14 @@ export function createNavigationClient(
 
       /** Start a fresh navigation fetch (no cache / inflight hit). */
       const doFreshFetch = (): Promise<Response> => {
-        // Dev-only: create debug channel for React Performance Tracks
+        // Dev-only: generate debugId for React Performance Tracks.
+        // The debug channel is created AFTER response headers arrive,
+        // so the server has time to finish writing debug data before
+        // the client sends "ready".
         const debugId = (import.meta as any).hot
           ? crypto.randomUUID()
           : undefined;
         debugChannel = null;
-        if (debugId) {
-          debugChannel = createClientDebugChannel(debugId);
-          console.log("[perf-tracks] client: fresh fetch, debugId =", debugId);
-        }
 
         if (tx) {
           browserDebugLog(tx, "fetching", {
@@ -148,6 +147,14 @@ export function createNavigationClient(
           },
           signal,
         }).then((response) => {
+          // Create debug channel now — response headers arrived, meaning
+          // the server started streaming. By the time we send "ready",
+          // all debug data should be buffered in the relay.
+          if (debugId) {
+            debugChannel = createClientDebugChannel(debugId);
+            console.log("[perf-tracks] client: debug channel created after response for", debugId.slice(0, 8));
+          }
+
           // Check for version mismatch - server wants us to reload
           const reload = extractRscHeaderUrl(response, "X-RSC-Reload");
           if (reload === "blocked") {