@buoy-gg/route-events 7.0.16 → 7.0.18

package/lib/commonjs/sync/routeEventsSyncAdapter.js

@@ -3,12 +3,75 @@
 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 jsonLongerThan(value, limit) {
+  let bytes = 0;
+  const stack = [value];
+  const seen = new Set();
+  while (stack.length > 0) {
+    if (bytes > limit) return true;
+    const v = stack.pop();
+    if (v === null || v === undefined) bytes += 4;else if (typeof v === "string") bytes += v.length + 2;else if (typeof v === "number") bytes += 8;else if (typeof v === "boolean") bytes += 5;else if (typeof v === "object") {
+      if (seen.has(v)) continue;
+      seen.add(v);
+      if (Array.isArray(v)) {
+        bytes += 2 + v.length;
+        for (let i = 0; i < v.length; i++) stack.push(v[i]);
+      } else {
+        bytes += 2;
+        for (const k in v) {
+          bytes += k.length + 4;
+          stack.push(v[k]);
+        }
+      }
+    } else bytes += 4;
+  }
+  return bytes > limit;
+}
+function shouldOmitParams(params) {
+  if (params == null) return false;
+  try {
+    JSON.stringify(params);
+  } catch {
+    return true;
+  }
+  return jsonLongerThan(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 +110,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,68 @@ import { routeEventStore } from "../stores/routeEventStore";
 import { navigationStackStore } from "../stores/navigationStackStore";
 import { RouteParser } from "../RouteParser";
 import { loadRouteNode, getRouteNodeMetadata } from "../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.
+ */
+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 jsonLongerThan(value, limit) {
+  let bytes = 0;
+  const stack = [value];
+  const seen = new Set();
+  while (stack.length > 0) {
+    if (bytes > limit) return true;
+    const v = stack.pop();
+    if (v === null || v === undefined) bytes += 4;else if (typeof v === "string") bytes += v.length + 2;else if (typeof v === "number") bytes += 8;else if (typeof v === "boolean") bytes += 5;else if (typeof v === "object") {
+      if (seen.has(v)) continue;
+      seen.add(v);
+      if (Array.isArray(v)) {
+        bytes += 2 + v.length;
+        for (let i = 0; i < v.length; i++) stack.push(v[i]);
+      } else {
+        bytes += 2;
+        for (const k in v) {
+          bytes += k.length + 4;
+          stack.push(v[k]);
+        }
+      }
+    } else bytes += 4;
+  }
+  return bytes > limit;
+}
+function shouldOmitParams(params) {
+  if (params == null) return false;
+  try {
+    JSON.stringify(params);
+  } catch {
+    return true;
+  }
+  return jsonLongerThan(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 +106,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

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;AAE9D;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,QAAY,CAAC;AA6DrD;;;;;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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/route-events",
-  "version": "7.0.16",
+  "version": "7.0.18",
   "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.16",
-    "@buoy-gg/shared-ui": "^7.0.16"
+    "@buoy-gg/floating-tools-core": "^7.0.18",
+    "@buoy-gg/shared-ui": "^7.0.18"
   },
   "peerDependencies": {
-    "@buoy-gg/license": "7.0.16",
+    "@buoy-gg/license": "7.0.18",
     "@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.16"
+    "@buoy-gg/license": "^7.0.18"
   },
   "react-native-builder-bob": {
     "source": "src",