@buoy-gg/route-events 7.0.17 → 7.0.19

package/lib/commonjs/sync/routeEventsSyncAdapter.js

@@ -3,12 +3,46 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.routeEventsSyncAdapter = void 0;
+exports.routeEventsSyncAdapter = exports.SNAPSHOT_PARAM_INLINE_LIMIT = void 0;
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _routeEventStore = require("../stores/routeEventStore");
 var _navigationStackStore = require("../stores/navigationStackStore");
 var _RouteParser = require("../RouteParser");
 var _expoRouterStore = require("../expoRouterStore");
+/**
+ * Navigation params larger than this are NOT streamed in the snapshot.
+ * Apps routinely pass whole user objects (or a stringified payload) through
+ * `navigate(..., { user })`; 500 of those on every route change exceed the
+ * 2MB emit budget and drop the Routes panel. Pathname/segments stay inline.
+ */
+const SNAPSHOT_PARAM_INLINE_LIMIT = exports.SNAPSHOT_PARAM_INLINE_LIMIT = 16 * 1024;
+const PARAMS_ON_DEVICE = Object.freeze({
+  __buoyOmitted: "route-params",
+  note: "Navigation params stay on the device."
+});
+function shouldOmitParams(params) {
+  if (params == null) return false;
+  return (0, _sharedUi.isOverWireBudget)(params, SNAPSHOT_PARAM_INLINE_LIMIT);
+}
+function toWireParams(params) {
+  if (!shouldOmitParams(params)) return params;
+  return PARAMS_ON_DEVICE;
+}
+function toWireEvent(event) {
+  if (!shouldOmitParams(event.params)) return event;
+  return {
+    ...event,
+    params: toWireParams(event.params)
+  };
+}
+function toWireStackItem(item) {
+  if (!shouldOmitParams(item.params)) return item;
+  return {
+    ...item,
+    params: toWireParams(item.params)
+  };
+}
+
 /**
  * Serializable snapshot of the device's route tree, sent to the dashboard so
  * the Routes tab can render a sitemap (the raw expo-router RouteNode itself is
@@ -47,9 +81,9 @@ function getSitemapSnapshot() {
 const routeEventsSyncAdapter = exports.routeEventsSyncAdapter = {
   version: 3,
   getSnapshot: () => ({
-    events: _routeEventStore.routeEventStore.getEvents(),
+    events: _routeEventStore.routeEventStore.getEvents().map(toWireEvent),
     sitemap: getSitemapSnapshot(),
-    stack: _navigationStackStore.navigationStackStore.getStack()
+    stack: _navigationStackStore.navigationStackStore.getStack().map(toWireStackItem)
   }),
   subscribe: onChange => {
     const unsubscribeEvents = _routeEventStore.routeEventStore.subscribeToEvents(onChange);

package/lib/module/sync/routeEventsSyncAdapter.js

@@ -5,6 +5,41 @@ import { routeEventStore } from "../stores/routeEventStore";
 import { navigationStackStore } from "../stores/navigationStackStore";
 import { RouteParser } from "../RouteParser";
 import { loadRouteNode, getRouteNodeMetadata } from "../expoRouterStore";
+import { isOverWireBudget } from "@buoy-gg/shared-ui";
+
+/**
+ * Navigation params larger than this are NOT streamed in the snapshot.
+ * Apps routinely pass whole user objects (or a stringified payload) through
+ * `navigate(..., { user })`; 500 of those on every route change exceed the
+ * 2MB emit budget and drop the Routes panel. Pathname/segments stay inline.
+ */
+export const SNAPSHOT_PARAM_INLINE_LIMIT = 16 * 1024;
+const PARAMS_ON_DEVICE = Object.freeze({
+  __buoyOmitted: "route-params",
+  note: "Navigation params stay on the device."
+});
+function shouldOmitParams(params) {
+  if (params == null) return false;
+  return isOverWireBudget(params, SNAPSHOT_PARAM_INLINE_LIMIT);
+}
+function toWireParams(params) {
+  if (!shouldOmitParams(params)) return params;
+  return PARAMS_ON_DEVICE;
+}
+function toWireEvent(event) {
+  if (!shouldOmitParams(event.params)) return event;
+  return {
+    ...event,
+    params: toWireParams(event.params)
+  };
+}
+function toWireStackItem(item) {
+  if (!shouldOmitParams(item.params)) return item;
+  return {
+    ...item,
+    params: toWireParams(item.params)
+  };
+}
 
 /**
  * Serializable snapshot of the device's route tree, sent to the dashboard so
@@ -44,9 +79,9 @@ function getSitemapSnapshot() {
 export const routeEventsSyncAdapter = {
   version: 3,
   getSnapshot: () => ({
-    events: routeEventStore.getEvents(),
+    events: routeEventStore.getEvents().map(toWireEvent),
     sitemap: getSitemapSnapshot(),
-    stack: navigationStackStore.getStack()
+    stack: navigationStackStore.getStack().map(toWireStackItem)
   }),
   subscribe: onChange => {
     const unsubscribeEvents = routeEventStore.subscribeToEvents(onChange);

package/lib/typescript/sync/routeEventsSyncAdapter.d.ts

@@ -1,6 +1,13 @@
 import { type RouteInfo } from "../RouteParser";
 import type { RouteChangeEvent } from "../RouteObserver";
 import type { StackDisplayItem } from "../useNavigationStack";
+/**
+ * Navigation params larger than this are NOT streamed in the snapshot.
+ * Apps routinely pass whole user objects (or a stringified payload) through
+ * `navigate(..., { user })`; 500 of those on every route change exceed the
+ * 2MB emit budget and drop the Routes panel. Pathname/segments stay inline.
+ */
+export declare const SNAPSHOT_PARAM_INLINE_LIMIT: number;
 /**
  * Serializable snapshot of the device's route tree, sent to the dashboard so
  * the Routes tab can render a sitemap (the raw expo-router RouteNode itself is
@@ -49,13 +56,13 @@ export declare const routeEventsSyncAdapter: {
          * Navigate the device to a concrete path. The dashboard resolves any
          * dynamic params into a concrete path before invoking this.
          */
-        navigate: (params: unknown) => {
+        navigate: (params?: unknown) => {
             navigated: string;
         };
-        stackNavigateToIndex: (params: unknown) => {
+        stackNavigateToIndex: (params?: unknown) => {
             navigatedToIndex: number;
         };
-        stackPopToIndex: (params: unknown) => {
+        stackPopToIndex: (params?: unknown) => {
             poppedToIndex: number;
         };
         stackGoBack: () => {

package/lib/typescript/sync/routeEventsSyncAdapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"routeEventsSyncAdapter.d.ts","sourceRoot":"","sources":["../../../src/sync/routeEventsSyncAdapter.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACnC,6EAA6E;IAC7E,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,mEAAmE;IACnE,MAAM,EAAE,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC;IAC/B,6EAA6E;IAC7E,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,8EAA8E;IAC9E,KAAK,EAAE,gBAAgB,EAAE,CAAC;CAC3B;AAWD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,sBAAsB;;uBAEhB,sBAAsB;0BAKjB,MAAM,IAAI;;;QAkC9B;;;WAGG;2BACgB,OAAO;;;uCAcK,OAAO;;;kCAUZ,OAAO;;;;;;;;;;CAuBpC,CAAC"}
+{"version":3,"file":"routeEventsSyncAdapter.d.ts","sourceRoot":"","sources":["../../../src/sync/routeEventsSyncAdapter.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9D;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,QAAY,CAAC;AA4BrD;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACnC,6EAA6E;IAC7E,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,mEAAmE;IACnE,MAAM,EAAE,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC;IAC/B,6EAA6E;IAC7E,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,8EAA8E;IAC9E,KAAK,EAAE,gBAAgB,EAAE,CAAC;CAC3B;AAWD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,sBAAsB;;uBAEhB,sBAAsB;0BAKjB,MAAM,IAAI;;;QAkC9B;;;WAGG;4BACiB,OAAO;;;wCAcK,OAAO;;;mCAUZ,OAAO;;;;;;;;;;CAuBrC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/route-events",
-  "version": "7.0.17",
+  "version": "7.0.19",
   "description": "Navigation devtool for React Native — live stack, full sitemap, jump to any screen. Expo Router & React Navigation. Part of Buoy devtools.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,11 +26,11 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/floating-tools-core": "^7.0.17",
-    "@buoy-gg/shared-ui": "^7.0.17"
+    "@buoy-gg/floating-tools-core": "^7.0.19",
+    "@buoy-gg/shared-ui": "^7.0.19"
   },
   "peerDependencies": {
-    "@buoy-gg/license": "7.0.17",
+    "@buoy-gg/license": "7.0.19",
     "@react-native-async-storage/async-storage": "^2.0.0 || ^3.1.0",
     "@react-navigation/native": "*",
     "expo-router": "*",
@@ -52,7 +52,7 @@
     "@types/react-native": "^0.73.0",
     "expo-router": "~5.0.7",
     "typescript": "~5.8.3",
-    "@buoy-gg/license": "^7.0.17"
+    "@buoy-gg/license": "^7.0.19"
   },
   "react-native-builder-bob": {
     "source": "src",
@@ -70,7 +70,12 @@
           "sourceMaps": false
         }
       ],
-      "typescript"
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
     ]
   },
   "repository": {