@buoy-gg/route-events 7.0.40 → 7.0.42

package/README.md

@@ -1,76 +1,27 @@
-# @buoy-gg/route-events
+<div align="center">
 
-[![npm version](https://img.shields.io/npm/v/@buoy-gg/route-events?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/route-events) [![npm downloads](https://img.shields.io/npm/dm/@buoy-gg/route-events?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/route-events)
+# @buoy-gg/route-events
 
 Inspect observed navigation events, browse supported routes, and navigate using the parameters your app requires.
 
-Part of [Buoy](https://github.com/Buoy-gg/buoy) — devtools that live inside your React Native app. Install it and it auto-appears in the floating menu from [`@buoy-gg/core`](https://www.npmjs.com/package/@buoy-gg/core).
-
-![Route Inspector demo](https://github.com/user-attachments/assets/90e55dc7-f8ab-423a-9770-84b9ff9c8446)
+<a href="https://buoy.gg/buoy/latest/docs/tools/routes"><b>Routes guide</b></a> &nbsp;·&nbsp; <a href="https://buoy.gg">buoy.gg</a> &nbsp;·&nbsp; <a href="https://github.com/Buoy-gg/buoy">All tools</a>
 
-## Install
+[![npm version](https://img.shields.io/npm/v/@buoy-gg/route-events?style=flat-square&labelColor=10302a&color=2a9d78)](https://www.npmjs.com/package/@buoy-gg/route-events) [![npm downloads](https://img.shields.io/npm/dm/@buoy-gg/route-events?style=flat-square&labelColor=10302a&color=2a9d78&label=downloads%2Fmonth)](https://www.npmjs.com/package/@buoy-gg/route-events)
 
-```bash
-npm install @buoy-gg/core @buoy-gg/route-events
-```
+<a href="https://buoy.gg/buoy/latest/docs/tools/routes"><img src="https://raw.githubusercontent.com/Buoy-gg/buoy/main/.github/readme/tools/routes.png" alt="Watch the Routes film on buoy.gg" width="640" /></a>
 
-## Before you start
+</div>
 
-Use a development build with `@buoy-gg/core` and a Free or Pro Buoy account key. From your app’s directory, sign in:
+## Install
 
 ```bash
-npx --package=@buoy-gg/core buoy login
-```
-
-For Expo, initialize Buoy before rendering the menu:
-
-```tsx
-import { Buoy } from "@buoy-gg/core";
-
-Buoy.init({ licenseKey: process.env.EXPO_PUBLIC_BUOY_KEY });
-```
-
-The login command writes the Expo key to `.env.local`. For React Native CLI, pass the key from your app’s environment configuration; React Native does not load `.env.local` automatically. Mount `FloatingDevTools` inside the same providers as your screens and restart the development server after installation. The [Quick Start](https://buoy.gg/buoy/latest/docs/quick-start) shows the complete root component setup.
-
-## Quick start
-
-```tsx
-// app/_layout.tsx (Expo Router)
-import { Slot } from "expo-router";
-import { FloatingDevTools } from "@buoy-gg/core";
-
-export default function RootLayout() {
-  return (
-    <>
-      <Slot />
-      <FloatingDevTools />
-    </>
-  );
-}
+npm install @buoy-gg/core @buoy-gg/route-events
 ```
 
-After account setup, open Routes and navigate between two known screens. Check their paths and parameters. Keep your existing navigator and providers; supported data differs between Expo Router and React Navigation. The event duration is time since the previous navigation, not screen render time.
+Keep your existing navigator and providers. Expo Router and React Navigation are both supported, with different data available for each.
 
-## What you get
-
-- **Sitemap** — browse discovered routes, searchable, with route types (static, dynamic, layout) labeled
-- **Navigate** — select a supported route and supply its required parameters. App navigation guards still apply
-- **Live navigation stack** — watch the stack push, pop, and replace as you move through the app
-- **Navigation event timeline** — every navigation logged with path, params, timestamp, and time since the previous one
-- **Filtering & search** — filter events by pathname pattern, search across routes
-- **Tracker integration** — the core menu mounts the package’s route tracker
-- **Hooks for custom UIs** — `useRouteEvents`, `useRouteSitemap`, and `useNavigationStack` if you want the data without the modal
-
-## Desktop & AI
-
-To connect a React Native app to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) or MCP, install `@buoy-gg/external-sync` and follow the [Desktop connection guide](https://buoy.gg/buoy/latest/docs/desktop). Sign in to Desktop separately. [MCP setup](https://buoy.gg/buoy/latest/docs/mcp) also requires a process account and Pro access. Available remote actions depend on the tool and app integration.
-
-## Account and plan requirements
-
-Use a Free or Pro Buoy account. History limits and paid features vary by tool; see [pricing](https://buoy.gg/pricing). Production access requires Pro where supported. Development-only hooks and actions remain unavailable in release builds.
+The [Routes guide](https://buoy.gg/buoy/latest/docs/tools/routes) covers setup, what it captures and its limits. New to Buoy? Start with the [Quick start](https://buoy.gg/buoy/latest/docs/quick-start).
 
 ---
 
-📚 [Full docs](https://buoy.gg/buoy/latest/docs/tools/routes) · [All Buoy tools](https://github.com/Buoy-gg/buoy)
-
-Proprietary software. © Buoy LLC. [Terms](https://buoy.gg/terms)
+<sub>Part of <a href="https://buoy.gg">Buoy</a>, developer tools that live inside your app. Proprietary software. © Buoy LLC. <a href="https://buoy.gg/terms">Terms</a></sub>

package/lib/commonjs/RouteObserver.js

@@ -1,54 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.routeObserver = exports.RouteObserver = void 0;
-/**
- * RouteObserver - Tracks route changes in Expo Router
- *
- * Note: This is a simple event emitter that works with the useRouteObserver hook
- * The actual route tracking happens in the hook using public Expo Router APIs
- */
-
-class RouteObserver {
-  listeners = new Set();
-
-  /**
-   * Emit a route change event
-   * Called by the useRouteObserver hook
-   */
-  emit(event) {
-    // Notify all listeners
-    this.listeners.forEach(listener => {
-      try {
-        listener(event);
-      } catch (error) {
-        console.error("[RouteObserver] Error in listener:", error);
-      }
-    });
-  }
-
-  /**
-   * Add listener for route changes
-   * @returns Cleanup function to remove the listener
-   */
-  addListener(callback) {
-    this.listeners.add(callback);
-    return () => this.listeners.delete(callback);
-  }
-
-  /**
-   * Remove a specific listener
-   */
-  removeListener(callback) {
-    this.listeners.delete(callback);
-  }
-}
-
-/**
- * Singleton instance of RouteObserver
- * Use this for all route tracking to ensure events are centralized
- */
-exports.RouteObserver = RouteObserver;
-const routeObserver = exports.routeObserver = new RouteObserver();
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.routeObserver=exports.RouteObserver=void 0;class RouteObserver{listeners=new Set;emit(e){this.listeners.forEach(r=>{try{r(e)}catch(t){console.error("[RouteObserver] Error in listener:",t)}})}addListener(e){this.listeners.add(e);return()=>this.listeners.delete(e)}removeListener(e){this.listeners.delete(e)}}exports.RouteObserver=RouteObserver;const routeObserver=exports.routeObserver=new RouteObserver;

package/lib/commonjs/RouteParser.js

@@ -1,314 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RouteParser = void 0;
-/**
- * RouteParser - Extract and organize routes from Expo Router's RouteNode tree
- *
- * Based on research findings in:
- * - docs/routing/expo/ROUTENODE_TYPE_DEFINITION.md
- * - docs/routing/expo/ROUTES_SITEMAP_RESEARCH.md
- */
-
-// Type-only definition to avoid Metro resolution issues
-
-// ============================================================================
-// Types & Interfaces
-// ============================================================================
-
-/**
- * Route type classification
- */
-
-// 404 fallback
-
-/**
- * Parsed route information
- */
-
-/**
- * Grouped routes for display
- */
-
-/**
- * Route statistics
- */
-
-// ============================================================================
-// Route Parser Class
-// ============================================================================
-
-class RouteParser {
-  /**
-   * Parse RouteNode tree and extract all routes
-   */
-  static parseRouteTree(rootNode) {
-    if (!rootNode) {
-      return [];
-    }
-    const routes = [];
-    this.traverseNode(rootNode, '', routes, 0);
-    return routes;
-  }
-
-  /**
-   * Recursively traverse RouteNode tree
-   */
-  static traverseNode(node, parentPath, routes, depth) {
-    const currentPath = this.buildPath(node, parentPath);
-    const routeType = this.detectRouteType(node);
-    const shouldInclude = this.shouldIncludeRoute(node);
-    const routeInfo = {
-      path: currentPath,
-      name: node.route,
-      type: routeType,
-      params: this.extractParams(node),
-      nodeType: node.type,
-      contextKey: node.contextKey,
-      isInternal: node.internal ?? false,
-      children: [],
-      depth
-    };
-    if (shouldInclude) {
-      routes.push(routeInfo);
-    }
-    for (const child of node.children) {
-      this.traverseNode(child, currentPath, shouldInclude ? routeInfo.children : routes, depth + 1);
-    }
-  }
-
-  /**
-   * Build full path for a route node
-   */
-  static buildPath(node, parentPath) {
-    if (node.type === 'layout' && node.route === '_layout') {
-      return parentPath;
-    }
-    if (node.route.startsWith('(') && node.route.endsWith(')')) {
-      return parentPath;
-    }
-    if (node.route === 'index') {
-      return parentPath || '/';
-    }
-    const segment = node.route;
-    if (!parentPath || parentPath === '/') {
-      return `/${segment}`;
-    }
-    return `${parentPath}/${segment}`;
-  }
-
-  /**
-   * Detect the route type classification
-   */
-  static detectRouteType(node) {
-    const routeName = node.route;
-    if (node.dynamic?.some(d => d.notFound)) {
-      return 'not-found';
-    }
-    if (node.dynamic?.some(d => d.deep)) {
-      return 'catch-all';
-    }
-    if (node.dynamic && node.dynamic.length > 0) {
-      return 'dynamic';
-    }
-    if (node.type === 'layout') {
-      return 'layout';
-    }
-    if (routeName.startsWith('(') && routeName.endsWith(')')) {
-      return 'group';
-    }
-    if (routeName === 'index') {
-      return 'index';
-    }
-    return 'static';
-  }
-
-  /**
-   * Extract dynamic parameter names from route
-   */
-  static extractParams(node) {
-    if (!node.dynamic || node.dynamic.length === 0) {
-      return [];
-    }
-    return node.dynamic.map(d => d.name);
-  }
-
-  /**
-   * Determine if route should be included in results
-   */
-  static shouldIncludeRoute(node) {
-    if (node.internal) return false;
-    if (node.generated) return false;
-    if (node.type === 'api') return false;
-    return true;
-  }
-
-  /**
-   * Organize routes into groups for display
-   */
-  static organizeRoutes(routes) {
-    const groups = [];
-
-    // Flatten before grouping, like every other bucket — static/index screens
-    // nested under layouts (e.g. (tabs)/about at depth 2) must still be listed,
-    // or the stats header counts routes the list never shows.
-    const staticRoutes = this.flattenRoutes(routes).filter(r => r.type === 'static' || r.type === 'index');
-    const dynamicRoutes = this.flattenRoutes(routes).filter(r => r.type === 'dynamic' || r.type === 'catch-all');
-    const layoutRoutes = this.flattenRoutes(routes).filter(r => r.type === 'layout');
-    const groupedRoutes = this.flattenRoutes(routes).filter(r => r.type === 'group');
-    if (staticRoutes.length > 0) {
-      groups.push({
-        title: 'Static Routes',
-        icon: '',
-        routes: staticRoutes
-      });
-    }
-    if (dynamicRoutes.length > 0) {
-      groups.push({
-        title: 'Dynamic Routes',
-        icon: '',
-        description: 'Routes that accept parameters',
-        routes: dynamicRoutes
-      });
-    }
-    if (layoutRoutes.length > 0) {
-      groups.push({
-        title: 'Layouts',
-        icon: '',
-        description: 'Shared UI for nested screens',
-        routes: layoutRoutes
-      });
-    }
-    if (groupedRoutes.length > 0) {
-      groups.push({
-        title: 'Route Groups',
-        icon: '',
-        routes: groupedRoutes
-      });
-    }
-    return groups;
-  }
-
-  /**
-   * Flatten nested routes into a single array
-   */
-  static flattenRoutes(routes) {
-    const flattened = [];
-    function traverse(route) {
-      flattened.push(route);
-      route.children.forEach(traverse);
-    }
-    routes.forEach(traverse);
-    return flattened;
-  }
-
-  /**
-   * Get route statistics
-   */
-  static getRouteStats(routes) {
-    const flatRoutes = this.flattenRoutes(routes);
-    return {
-      total: flatRoutes.length,
-      static: flatRoutes.filter(r => r.type === 'static').length,
-      dynamic: flatRoutes.filter(r => r.type === 'dynamic').length,
-      catchAll: flatRoutes.filter(r => r.type === 'catch-all').length,
-      layouts: flatRoutes.filter(r => r.type === 'layout').length,
-      groups: flatRoutes.filter(r => r.type === 'group').length
-    };
-  }
-
-  /**
-   * Search/filter routes by query
-   */
-  static filterRoutes(routes, query) {
-    if (!query) {
-      return routes;
-    }
-    const lowerQuery = query.toLowerCase();
-    const flatRoutes = this.flattenRoutes(routes);
-    return flatRoutes.filter(route => {
-      return route.path.toLowerCase().includes(lowerQuery) || route.name.toLowerCase().includes(lowerQuery) || route.type.toLowerCase().includes(lowerQuery) || route.params.some(p => p.toLowerCase().includes(lowerQuery));
-    });
-  }
-
-  /**
-   * Build a visual tree string representation
-   */
-  static buildTreeString(routes, depth = 0) {
-    let output = '';
-    routes.forEach((route, index) => {
-      const isLast = index === routes.length - 1;
-      const prefix = this.buildTreePrefix(depth, isLast);
-      let routeLine = `${prefix}${route.path}`;
-      if (route.params.length > 0) {
-        routeLine += ` { ${route.params.join(', ')} }`;
-      }
-      output += routeLine + '\n';
-      if (route.children.length > 0) {
-        output += this.buildTreeString(route.children, depth + 1);
-      }
-    });
-    return output;
-  }
-  static buildTreePrefix(depth, isLast) {
-    if (depth === 0) {
-      return '';
-    }
-    const indent = '  '.repeat(depth - 1);
-    const branch = isLast ? '└─ ' : '├─ ';
-    return indent + branch;
-  }
-
-  /**
-   * Sort routes by various criteria
-   */
-  static sortRoutes(routes, sortBy = 'path') {
-    const sorted = [...routes];
-    sorted.sort((a, b) => {
-      switch (sortBy) {
-        case 'path':
-          return a.path.localeCompare(b.path);
-        case 'type':
-          return a.type.localeCompare(b.type);
-        case 'name':
-          return a.name.localeCompare(b.name);
-        default:
-          return 0;
-      }
-    });
-    return sorted;
-  }
-
-  /**
-   * Get route by path
-   */
-  static findRouteByPath(routes, path) {
-    const flatRoutes = this.flattenRoutes(routes);
-    return flatRoutes.find(r => r.path === path) || null;
-  }
-
-  /**
-   * Get all parent routes for a given route
-   */
-  static getParentRoutes(routes, targetPath) {
-    const parents = [];
-    const flatRoutes = this.flattenRoutes(routes);
-    const target = flatRoutes.find(r => r.path === targetPath);
-    if (!target) {
-      return parents;
-    }
-    const pathSegments = targetPath.split('/').filter(Boolean);
-    let currentPath = '';
-    for (let i = 0; i < pathSegments.length - 1; i++) {
-      currentPath += '/' + pathSegments[i];
-      const parent = flatRoutes.find(r => r.path === currentPath);
-      if (parent) {
-        parents.push(parent);
-      }
-    }
-    return parents;
-  }
-}
-exports.RouteParser = RouteParser;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.RouteParser=void 0;class RouteParser{static parseRouteTree(t){if(!t){return[]}const e=[];this.traverseNode(t,"",e,0);return e}static traverseNode(t,e,r,s){const i=this.buildPath(t,e);const a=this.detectRouteType(t);const n=this.shouldIncludeRoute(t);const u={path:i,name:t.route,type:a,params:this.extractParams(t),nodeType:t.type,contextKey:t.contextKey,isInternal:t.internal??false,children:[],depth:s};if(n){r.push(u)}for(const o of t.children){this.traverseNode(o,i,n?u.children:r,s+1)}}static buildPath(t,e){if(t.type==="layout"&&t.route==="_layout"){return e}if(t.route.startsWith("(")&&t.route.endsWith(")")){return e}if(t.route==="index"){return e||"/"}const r=t.route;if(!e||e==="/"){return`/${r}`}return`${e}/${r}`}static detectRouteType(t){const e=t.route;if(t.dynamic?.some(r=>r.notFound)){return"not-found"}if(t.dynamic?.some(r=>r.deep)){return"catch-all"}if(t.dynamic&&t.dynamic.length>0){return"dynamic"}if(t.type==="layout"){return"layout"}if(e.startsWith("(")&&e.endsWith(")")){return"group"}if(e==="index"){return"index"}return"static"}static extractParams(t){if(!t.dynamic||t.dynamic.length===0){return[]}return t.dynamic.map(e=>e.name)}static shouldIncludeRoute(t){if(t.internal)return false;if(t.generated)return false;if(t.type==="api")return false;return true}static organizeRoutes(t){const e=[];const r=this.flattenRoutes(t).filter(n=>n.type==="static"||n.type==="index");const s=this.flattenRoutes(t).filter(n=>n.type==="dynamic"||n.type==="catch-all");const i=this.flattenRoutes(t).filter(n=>n.type==="layout");const a=this.flattenRoutes(t).filter(n=>n.type==="group");if(r.length>0){e.push({title:"Static Routes",icon:"",routes:r})}if(s.length>0){e.push({title:"Dynamic Routes",icon:"",description:"Routes that accept parameters",routes:s})}if(i.length>0){e.push({title:"Layouts",icon:"",description:"Shared UI for nested screens",routes:i})}if(a.length>0){e.push({title:"Route Groups",icon:"",routes:a})}return e}static flattenRoutes(t){const e=[];function r(s){e.push(s);s.children.forEach(r)}t.forEach(r);return e}static getRouteStats(t){const e=this.flattenRoutes(t);return{total:e.length,static:e.filter(r=>r.type==="static").length,dynamic:e.filter(r=>r.type==="dynamic").length,catchAll:e.filter(r=>r.type==="catch-all").length,layouts:e.filter(r=>r.type==="layout").length,groups:e.filter(r=>r.type==="group").length}}static filterRoutes(t,e){if(!e){return t}const r=e.toLowerCase();const s=this.flattenRoutes(t);return s.filter(i=>{return i.path.toLowerCase().includes(r)||i.name.toLowerCase().includes(r)||i.type.toLowerCase().includes(r)||i.params.some(a=>a.toLowerCase().includes(r))})}static buildTreeString(t,e=0){let r="";t.forEach((s,i)=>{const a=i===t.length-1;const n=this.buildTreePrefix(e,a);let u=`${n}${s.path}`;if(s.params.length>0){u+=` { ${s.params.join(", ")} }`}r+=u+"\n";if(s.children.length>0){r+=this.buildTreeString(s.children,e+1)}});return r}static buildTreePrefix(t,e){if(t===0){return""}const r="  ".repeat(t-1);const s=e?"\u2514\u2500 ":"\u251C\u2500 ";return r+s}static sortRoutes(t,e="path"){const r=[...t];r.sort((s,i)=>{switch(e){case"path":return s.path.localeCompare(i.path);case"type":return s.type.localeCompare(i.type);case"name":return s.name.localeCompare(i.name);default:return 0}});return r}static findRouteByPath(t,e){const r=this.flattenRoutes(t);return r.find(s=>s.path===e)||null}static getParentRoutes(t,e){const r=[];const s=this.flattenRoutes(t);const i=s.find(u=>u.path===e);if(!i){return r}const a=e.split("/").filter(Boolean);let n="";for(let u=0;u<a.length-1;u++){n+="/"+a[u];const o=s.find(c=>c.path===n);if(o){r.push(o)}}return r}}exports.RouteParser=RouteParser;

package/lib/commonjs/RouteTracker.js

@@ -1,112 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RouteTracker = RouteTracker;
-var _react = require("react");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _useRouteObserver = require("./useRouteObserver");
-var _useRouteObserverReactNavigation = require("./useRouteObserverReactNavigation");
-var _useNavigationStack = require("./useNavigationStack");
-var _navigationStackStore = require("./stores/navigationStackStore");
-var _routeEventStore = require("./stores/routeEventStore");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * RouteTracker - A component to place inside your navigation tree
- *
- * Automatically detects whether Expo Router or React Navigation is available
- * and uses the appropriate route observation method.
- *
- * IMPORTANT: This component MUST be placed inside your navigation tree
- * (as a child of Stack, Tabs, Slot, or NavigationContainer) for route tracking to work.
- *
- * @example
- * ```tsx
- * // Expo Router - in your _layout.tsx
- * import { RouteTracker } from '@buoy-gg/route-events';
- *
- * export default function RootLayout() {
- *   return (
- *     <>
- *       <Stack>
- *         <Stack.Screen name="(tabs)" />
- *       </Stack>
- *       <RouteTracker />
- *       <FloatingDevTools ... />
- *     </>
- *   );
- * }
- *
- * // React Navigation (RN CLI) - inside NavigationContainer
- * import { RouteTracker } from '@buoy-gg/route-events';
- *
- * function App() {
- *   return (
- *     <NavigationContainer>
- *       <RootNavigator />
- *       <RouteTracker />
- *       <FloatingDevTools ... />
- *     </NavigationContainer>
- *   );
- * }
- * ```
- */
-
-// Mounted at boot by FloatingDevTools, so this is where capture starts —
-// routeEventStore.hydrateBootCapture explains why the store needs it.
-function useBootCapture() {
-  (0, _react.useEffect)(() => {
-    _routeEventStore.routeEventStore.hydrateBootCapture();
-  }, []);
-}
-function ExpoRouteTracker() {
-  useBootCapture();
-  (0, _useRouteObserver.useRouteObserver)();
-  return null;
-}
-function ReactNavigationRouteTracker() {
-  useBootCapture();
-  (0, _useRouteObserverReactNavigation.useRouteObserverReactNavigation)();
-  return null;
-}
-
-/**
- * Mirrors the live navigation stack (and its action functions) into
- * navigationStackStore so the route-events sync adapter can expose the Stack
- * tab to the dashboard. Runs inside the navigation tree where the container ref
- * context is available.
- */
-function NavigationStackCapture() {
-  const {
-    stack,
-    navigateToIndex,
-    navigateToRoute,
-    popToIndex,
-    goBack,
-    popToTop
-  } = (0, _useNavigationStack.useNavigationStack)();
-  (0, _react.useEffect)(() => {
-    _navigationStackStore.navigationStackStore.setStack(stack);
-  }, [stack]);
-
-  // Keep the action references fresh (they change as the stack changes) so a
-  // remote action always operates on the current navigation state.
-  (0, _react.useEffect)(() => {
-    _navigationStackStore.navigationStackStore.setActions({
-      navigateToIndex,
-      navigateToRoute,
-      popToIndex,
-      goBack,
-      popToTop
-    });
-    return () => _navigationStackStore.navigationStackStore.setActions(null);
-  });
-  return null;
-}
-function RouteTracker() {
-  const hasExpo = (0, _sharedUi.isExpoRouterAvailable)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [hasExpo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpoRouteTracker, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ReactNavigationRouteTracker, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(NavigationStackCapture, {})]
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.RouteTracker=RouteTracker;var _react=require("react");var _sharedUi=require("@buoy-gg/shared-ui");var _useRouteObserver=require("./useRouteObserver");var _useRouteObserverReactNavigation=require("./useRouteObserverReactNavigation");var _useNavigationStack=require("./useNavigationStack");var _navigationStackStore=require("./stores/navigationStackStore");var _routeEventStore=require("./stores/routeEventStore");var _jsxRuntime=require("react/jsx-runtime");function useBootCapture(){(0,_react.useEffect)(()=>{_routeEventStore.routeEventStore.hydrateBootCapture()},[])}function ExpoRouteTracker(){useBootCapture();(0,_useRouteObserver.useRouteObserver)();return null}function ReactNavigationRouteTracker(){useBootCapture();(0,_useRouteObserverReactNavigation.useRouteObserverReactNavigation)();return null}function NavigationStackCapture(){const{stack:e,navigateToIndex:t,navigateToRoute:r,popToIndex:a,goBack:o,popToTop:u}=(0,_useNavigationStack.useNavigationStack)();(0,_react.useEffect)(()=>{_navigationStackStore.navigationStackStore.setStack(e)},[e]);(0,_react.useEffect)(()=>{_navigationStackStore.navigationStackStore.setActions({navigateToIndex:t,navigateToRoute:r,popToIndex:a,goBack:o,popToTop:u});return()=>_navigationStackStore.navigationStackStore.setActions(null)});return null}function RouteTracker(){const e=(0,_sharedUi.isExpoRouterAvailable)();return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[e?(0,_jsxRuntime.jsx)(ExpoRouteTracker,{}):(0,_jsxRuntime.jsx)(ReactNavigationRouteTracker,{}),(0,_jsxRuntime.jsx)(NavigationStackCapture,{})]})}

package/lib/commonjs/RouteTracker.web.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.RouteTracker=RouteTracker;var _react=require("react");var _browserRoutes=require("./browserRoutes");function RouteTracker(){(0,_react.useEffect)(_browserRoutes.startBrowserRouteCapture,[]);return null}

package/lib/commonjs/browserRouteRegistry.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.getBrowserRoutePaths=getBrowserRoutePaths;exports.getBrowserRoutesUpdatedAt=getBrowserRoutesUpdatedAt;exports.registerBrowserRoutes=registerBrowserRoutes;const declared=new Map;let updatedAt=null;function registerBrowserRoutes(t){for(const e of t)declared.set(e,(declared.get(e)??0)+1);updatedAt=Date.now();let r=true;return()=>{if(!r)return;r=false;for(const e of t){const o=(declared.get(e)??1)-1;if(o)declared.set(e,o);else declared.delete(e)}updatedAt=Date.now()}}function getBrowserRoutePaths(){return[...declared.keys()]}function getBrowserRoutesUpdatedAt(){return updatedAt}

package/lib/commonjs/browserRoutes.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.startBrowserRouteCapture=startBrowserRouteCapture;var _utils=require("@buoy-gg/shared-ui/utils");var _RouteObserver=require("./RouteObserver");var _routeEventStore=require("./stores/routeEventStore");var _navigationStackStore=require("./stores/navigationStackStore");let leases=0;let stop;function startBrowserRouteCapture(){if(typeof window==="undefined")return()=>{};if(leases++===0){_routeEventStore.routeEventStore.hydrateBootCapture();let l;let i;let m="";const r=[];let t=-1;const c=e=>{if(e.href===m&&e.kind==="pop")return;if(e.kind==="replace"&&t>=0)r[t]=e.href;else if(e.kind==="pop"){const a=r.lastIndexOf(e.href,t-1);const o=r.indexOf(e.href,t+1);if(a>=0)t=a;else if(o>=0)t=o;else{r.splice(t+1);r.push(e.href);t++}}else{r.splice(t+1);r.push(e.href);t++}m=e.href;const s=(0,_utils.getBrowserRouteURL)(e.href);const u=Date.now();_RouteObserver.routeObserver.emit({pathname:s.pathname,params:Object.fromEntries(s.searchParams),segments:s.pathname.split("/").filter(Boolean),previousPathname:l,timestamp:u,timeSincePrevious:i===void 0?void 0:u-i});l=s.pathname;i=u;_navigationStackStore.navigationStackStore.setStack(r.map((a,o)=>{const p=(0,_utils.getBrowserRouteURL)(a);return{key:`browser:${o}`,name:p.pathname,pathname:p.pathname,params:Object.fromEntries(p.searchParams),index:o,isFocused:o===t,canPop:o>0}}))};const n=e=>{if(!Number.isInteger(e)||e<0||e>=r.length)throw new Error("That browser history entry is unavailable.");window.history.go(e-t)};_navigationStackStore.navigationStackStore.setActions({navigateToIndex:n,popToIndex:n,goBack:_utils.browserRouter.back,popToTop:()=>n(0),navigateToRoute:(e,s)=>{_utils.browserRouter.push({pathname:e,params:s});return true}});stop=(0,_utils.subscribeBrowserNavigation)(c);c({href:(0,_utils.getBrowserHref)(),kind:"initial"})}let f=false;return()=>{if(f)return;f=true;if(--leases===0){stop?.();stop=void 0;_navigationStackStore.navigationStackStore.setActions(null)}}}