@buoy-gg/route-events 7.0.41 → 7.0.43

package/lib/module/sync/routeEventsSyncAdapter.js

@@ -1,273 +1 @@
-"use strict";
-
-import { getSafeRouter } from "@buoy-gg/shared-ui";
-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
- * the Routes tab can render a sitemap (the raw expo-router RouteNode itself is
- * not JSON-serializable — it holds components/functions — so we send the parsed
- * RouteInfo[] instead).
- */
-
-/**
- * Payload shape for the route-events tool (adapter version 3). Consumers must
- * tolerate older shapes: v1 sends a bare RouteChangeEvent[]; v2 omits `stack`.
- */
-
-function getSitemapSnapshot() {
-  const metadata = getRouteNodeMetadata();
-  return {
-    routes: RouteParser.parseRouteTree(loadRouteNode()),
-    source: metadata.source,
-    lastUpdatedAt: metadata.lastLoadedAt
-  };
-}
-
-/**
- * Sync adapter for the route-events tool, consumed by @buoy-gg/external-sync's
- * `useExternalSync` (structurally matches its ToolSyncAdapter interface so
- * this package doesn't need a dependency on it).
- *
- * Subscribing attaches the routeObserver listener, so route changes are only
- * recorded while a dashboard is watching. (Route events still require a
- * <RouteTracker /> inside the navigation tree to be emitted at all.)
- *
- * The snapshot carries both the route-change events AND the parsed route
- * sitemap, so the dashboard — which has no local expo-router store — can render
- * the route tree. The `navigate` action lets the dashboard drive navigation on
- * the device.
- */
-export const routeEventsSyncAdapter = {
-  version: 3,
-  getSnapshot: () => ({
-    events: routeEventStore.getEvents().map(toWireEvent),
-    sitemap: getSitemapSnapshot(),
-    stack: navigationStackStore.getStack().map(toWireStackItem)
-  }),
-  subscribe: onChange => {
-    const unsubscribeEvents = routeEventStore.subscribeToEvents(onChange);
-    const unsubscribeStack = navigationStackStore.subscribe(onChange);
-
-    // The expo-router route tree can still be populating when a dashboard
-    // starts watching. Poll briefly until it's available and push a snapshot
-    // the moment it loads, so the Routes tab fills in without needing the user
-    // to navigate first. Stops as soon as the tree is found.
-    let pollTimer = null;
-    if (!loadRouteNode()) {
-      let retries = 0;
-      const maxRetries = 100; // ~10s
-      const poll = () => {
-        retries += 1;
-        if (loadRouteNode()) {
-          pollTimer = null;
-          onChange();
-          return;
-        }
-        pollTimer = retries < maxRetries ? setTimeout(poll, 100) : null;
-      };
-      pollTimer = setTimeout(poll, 100);
-    }
-    return () => {
-      unsubscribeEvents();
-      unsubscribeStack();
-      if (pollTimer) clearTimeout(pollTimer);
-    };
-  },
-  actions: {
-    clearEvents: () => {
-      routeEventStore.clearEvents();
-    },
-    /**
-     * Just where the app is right now — no sitemap, no history.
-     *
-     * The full snapshot carries the parsed route tree, which is the wrong
-     * thing to hand a caller that polls (the macro recorder reads this several
-     * times a second to notice a screen change). Reading the last route event
-     * is also what makes this honest about apps with no <RouteTracker />: they
-     * get `{ path: null }` rather than a plausible-looking guess.
-     */
-    getCurrentRoute: () => {
-      // BaseEventStore is newest-FIRST, and the store only captures while
-      // something is subscribed.
-      const latest = routeEventStore.getEvents()[0];
-
-      /**
-       * A RECORDED event only wins while the recorder is running.
-       *
-       * The store starts capturing when its first subscriber arrives and stops
-       * with the last one, so an app with Ask Buoy on the phone and no
-       * dashboard attached has NO route events at all — the stack fallback
-       * below is its normal path, not the fresh-launch edge case this code was
-       * written for. Worse, events left over from a closed capture window are
-       * stale the moment the user navigates again: a live QA session read
-       * `/(tabs)/menu` from an event six scenarios after the app had moved to
-       * `/cart`. The live stack cannot be stale, so it wins whenever nothing
-       * is recording.
-       */
-      if (latest && routeEventStore.isCapturing()) {
-        return {
-          path: latest.pathname,
-          params: toWireParams(latest.params),
-          at: latest.timestamp,
-          source: "event"
-        };
-      }
-
-      // The live stack knows even when the history is empty, which is the
-      // difference between a macro that can run from anywhere and one that
-      // only works if you happen to be on the screen it was recorded from.
-      const stack = navigationStackStore.getStack();
-      const focused = stack.find(item => item.isFocused) ?? stack[stack.length - 1];
-      if (focused?.pathname) {
-        return {
-          path: focused.pathname,
-          params: toWireParams(focused.params ?? {}),
-          at: null,
-          source: "stack"
-        };
-      }
-
-      // No live stack (no <RouteTracker/>) and the recorder is off: an old
-      // event is all there is. Say that it may be stale rather than passing it
-      // off as where the app is.
-      if (latest) {
-        return {
-          path: latest.pathname,
-          params: toWireParams(latest.params),
-          at: latest.timestamp,
-          source: "event",
-          stale: true
-        };
-      }
-      return {
-        path: null,
-        params: {},
-        at: null,
-        source: null
-      };
-    },
-    /**
-     * Navigate the device to a concrete path. The dashboard resolves any
-     * dynamic params into a concrete path before invoking this.
-     */
-    navigate: params => {
-      const p = params;
-      const path = p?.path;
-      if (!path) {
-        throw new Error("navigate requires a 'path' param");
-      }
-      const router = getSafeRouter();
-      if (!router) {
-        // Bare React Navigation: no paths, but the tracker captured the
-        // container ref, so navigate by SCREEN NAME — "/Settings" and
-        // "Settings" both resolve, and nested navigators are walked via the
-        // root state. This is half the market; "throw off expo-router" made
-        // navigate a dead verb for every RN CLI app.
-        const actions = navigationStackStore.getActions();
-        const name = path.replace(/^\//, "");
-        if (!actions?.navigateToRoute || !name) {
-          throw new Error("expo-router is not available here and no navigation container was captured — is <RouteTracker /> mounted inside your NavigationContainer?");
-        }
-        const ok = actions.navigateToRoute(name, p?.params);
-        if (!ok) {
-          throw new Error(`Could not navigate to "${name}" — no navigation container is live.`);
-        }
-        return {
-          navigated: path,
-          replaced: false,
-          via: "react-navigation"
-        };
-      }
-      // Push by default so navigate-then-back flows keep working. Callers that
-      // mean "leave this screen" (sitemap Go, agents resetting to home) pass
-      // replace: true — otherwise "Go to home" stacks another `/` on top.
-      const go = p?.replace === true && typeof router.replace === "function" ? router.replace : router.navigate;
-      go(path);
-      return {
-        navigated: path,
-        replaced: p?.replace === true
-      };
-    },
-    // ── Stack actions: delegate to the live navigation actions captured by
-    //    <RouteTracker /> (they hold the React Navigation container ref). ──
-    stackNavigateToIndex: params => {
-      const index = params?.index;
-      if (typeof index !== "number") {
-        throw new Error("stackNavigateToIndex requires a numeric 'index'");
-      }
-      const actions = navigationStackStore.getActions();
-      if (!actions) throw new Error("navigation stack is not available");
-      actions.navigateToIndex(index);
-      return {
-        navigatedToIndex: index
-      };
-    },
-    stackPopToIndex: params => {
-      const index = params?.index;
-      if (typeof index !== "number") {
-        throw new Error("stackPopToIndex requires a numeric 'index'");
-      }
-      const actions = navigationStackStore.getActions();
-      if (!actions) throw new Error("navigation stack is not available");
-      actions.popToIndex(index);
-      return {
-        poppedToIndex: index
-      };
-    },
-    stackGoBack: () => {
-      const actions = navigationStackStore.getActions();
-      if (!actions) throw new Error("navigation stack is not available");
-      actions.goBack();
-      return {
-        wentBack: true
-      };
-    },
-    stackPopToTop: () => {
-      const actions = navigationStackStore.getActions();
-      if (!actions) throw new Error("navigation stack is not available");
-      actions.popToTop();
-      return {
-        poppedToTop: true
-      };
-    }
-  }
-};
+"use strict";import{getSafeRouter as d}from"@buoy-gg/shared-ui";import{routeEventStore as i}from"../stores/routeEventStore";import{navigationStackStore as o}from"../stores/navigationStackStore";import{RouteParser as f}from"../RouteParser";import{loadRouteNode as p,getRouteNodeMetadata as v}from"../expoRouterStore";import{isOverWireBudget as g}from"@buoy-gg/shared-ui";export const SNAPSHOT_PARAM_INLINE_LIMIT=16*1024;const T=Object.freeze({__buoyOmitted:"route-params",note:"Navigation params stay on the device."});function l(t){if(t==null)return false;return g(t,SNAPSHOT_PARAM_INLINE_LIMIT)}function s(t){if(!l(t))return t;return T}function h(t){if(!l(t.params))return t;return{...t,params:s(t.params)}}function k(t){if(!l(t.params))return t;return{...t,params:s(t.params)}}function E(){const t=v();return{routes:f.parseRouteTree(p()),source:t.source,lastUpdatedAt:t.lastLoadedAt}}export const routeEventsSyncAdapter={version:3,getSnapshot:()=>({events:i.getEvents().map(h),sitemap:E(),stack:o.getStack().map(k)}),subscribe:t=>{const e=i.subscribeToEvents(t);const a=o.subscribe(t);let r=null;if(!p()){let c=0;const u=100;const n=()=>{c+=1;if(p()){r=null;t();return}r=c<u?setTimeout(n,100):null};r=setTimeout(n,100)}return()=>{e();a();if(r)clearTimeout(r)}},actions:{clearEvents:()=>{i.clearEvents()},getCurrentRoute:()=>{const t=i.getEvents()[0];if(t&&i.isCapturing()){return{path:t.pathname,params:s(t.params),at:t.timestamp,source:"event"}}const e=o.getStack();const a=e.find(r=>r.isFocused)??e[e.length-1];if(a?.pathname){return{path:a.pathname,params:s(a.params??{}),at:null,source:"stack"}}if(t){return{path:t.pathname,params:s(t.params),at:t.timestamp,source:"event",stale:true}}return{path:null,params:{},at:null,source:null}},navigate:t=>{const e=t;const a=e?.path;if(!a){throw new Error("navigate requires a 'path' param")}const r=d();if(!r){const u=o.getActions();const n=a.replace(/^\//,"");if(!u?.navigateToRoute||!n){throw new Error("expo-router is not available here and no navigation container was captured \u2014 is <RouteTracker /> mounted inside your NavigationContainer?")}const m=u.navigateToRoute(n,e?.params);if(!m){throw new Error(`Could not navigate to "${n}" \u2014 no navigation container is live.`)}return{navigated:a,replaced:false,via:"react-navigation"}}const c=e?.replace===true&&typeof r.replace==="function"?r.replace:r.navigate;c(a);return{navigated:a,replaced:e?.replace===true}},stackNavigateToIndex:t=>{const e=t?.index;if(typeof e!=="number"){throw new Error("stackNavigateToIndex requires a numeric 'index'")}const a=o.getActions();if(!a)throw new Error("navigation stack is not available");a.navigateToIndex(e);return{navigatedToIndex:e}},stackPopToIndex:t=>{const e=t?.index;if(typeof e!=="number"){throw new Error("stackPopToIndex requires a numeric 'index'")}const a=o.getActions();if(!a)throw new Error("navigation stack is not available");a.popToIndex(e);return{poppedToIndex:e}},stackGoBack:()=>{const t=o.getActions();if(!t)throw new Error("navigation stack is not available");t.goBack();return{wentBack:true}},stackPopToTop:()=>{const t=o.getActions();if(!t)throw new Error("navigation stack is not available");t.popToTop();return{poppedToTop:true}}}};

package/lib/module/useNavigationStack.js

@@ -1,404 +1 @@
-"use strict";
-
-/**
- * useNavigationStack - Hook to access current navigation stack state
- *
- * Provides real-time access to the navigation stack,
- * showing what screens are currently mounted in memory and which is visible.
- *
- * Supports both Expo Router and React Navigation (RN CLI).
- *
- * - Expo Router: uses useNavigation/useNavigationState (inside navigator context)
- * - RN CLI: uses NavigationContainerRefContext (works as sibling of navigators)
- */
-
-import { useState, useEffect, useMemo, useCallback } from "react";
-import { getCommonActions, getStackActions, useSafeNavigationContainerRef } from "./utils/safeReactNavigation";
-import { getSafeRouter, isExpoRouterAvailable } from "@buoy-gg/shared-ui";
-
-// Resolved once at module load; null when React Navigation is absent
-// (useSafeNavigationContainerRef then yields undefined, so the dispatch
-// paths below never execute).
-const CommonActions = getCommonActions();
-const StackActions = getStackActions();
-
-// ============================================================================
-// Type Definitions
-// ============================================================================
-
-// ============================================================================
-// Nested Navigation Helpers
-// ============================================================================
-
-/**
- * Find the path from root navigation state to a screen by name.
- * Returns array of route names from root to the target, or null if not found.
- */
-function findScreenPath(state, screenName) {
-  if (!state || !state.routes) return null;
-  for (const route of state.routes) {
-    if (route.name === screenName) {
-      return [route.name];
-    }
-    if (route.state) {
-      const nested = findScreenPath(route.state, screenName);
-      if (nested) {
-        return [route.name, ...nested];
-      }
-    }
-  }
-  return null;
-}
-
-/**
- * Build a nested CommonActions.navigate() from a path of screen names.
- * e.g. ["MainApp", "Settings", "SettingScreen"] becomes:
- * navigate("MainApp", { screen: "Settings", params: { screen: "SettingScreen" } })
- */
-function buildNestedNavigateAction(path) {
-  if (path.length === 0) return null;
-  if (path.length === 1) {
-    return CommonActions.navigate({
-      name: path[0]
-    });
-  }
-  let params = {
-    screen: path[path.length - 1]
-  };
-  for (let i = path.length - 2; i >= 1; i--) {
-    params = {
-      screen: path[i],
-      params
-    };
-  }
-  return CommonActions.navigate({
-    name: path[0],
-    params
-  });
-}
-
-// ============================================================================
-// Main Hook
-// ============================================================================
-
-/**
- * Recursively collect the routes from the navigation state tree.
- *
- * FOCUS COMES FROM `state.index`, NEVER FROM POSITION. React Navigation names
- * the focused route by index within `routes`; the array's order is declaration
- * order. `buildStack` used to equate the two — "the last route in the collected
- * list is the focused one" — and a hidden tab declared last (`href: null` on an
- * expo-router `Tabs.Screen`) then became the reported current screen for the
- * whole session. Measured on a real app: Home and Rewards both reported as a
- * hidden Menu tab, in every turn of a 55-scenario QA run, because `menu` was
- * declared last.
- *
- * TAB AND DRAWER SIBLINGS ARE NOT A STACK. They are alternative destinations
- * that happen to be mounted at the same time; `canPop` and `popToIndex` never
- * meant anything for them. Only the focused branch of a tab/drawer is
- * collected, so what comes back is the stack you could actually pop.
- */
-function collectRoutesFromState(state, depth = 0, parentPath = "", onFocusedChain = true) {
-  if (!state || !Array.isArray(state.routes) || state.routes.length === 0) {
-    return [];
-  }
-  const routes = [];
-
-  // An absent or out-of-range `index` is incomplete state (mid-rehydration, a
-  // partially built child). Fall back to the last route — a stack's top — and
-  // never to an arbitrary sibling.
-  const declaredIndex = typeof state.index === "number" ? state.index : NaN;
-  const focusedIndex = Number.isInteger(declaredIndex) && declaredIndex >= 0 && declaredIndex < state.routes.length ? declaredIndex : state.routes.length - 1;
-  const navigatorType = typeof state.type === "string" ? state.type : undefined;
-  const siblingsAreStack = navigatorType !== "tab" && navigatorType !== "drawer";
-  for (let i = 0; i < state.routes.length; i++) {
-    if (!siblingsAreStack && i !== focusedIndex) continue;
-    const route = state.routes[i];
-    const isFocused = i === focusedIndex;
-
-    // Build the path
-    let pathname = route.name;
-    if (route.name === "index") {
-      pathname = "/";
-    } else if (!pathname.startsWith("/")) {
-      pathname = `/${pathname}`;
-    }
-
-    // Add parent path
-    if (parentPath && parentPath !== "/") {
-      pathname = `${parentPath}${pathname}`;
-    }
-
-    // Add params to pathname for dynamic routes
-    if (route.params) {
-      const paramEntries = Object.entries(route.params);
-      if (paramEntries.length > 0) {
-        pathname = pathname.replace(/\[([^\]]+)\]/g, (match, param) => {
-          return route.params[param] || match;
-        });
-      }
-    }
-
-    // Descend the focused branch first: whatever it yields owns the focus, and
-    // this route only keeps it when nothing deeper claimed it.
-    const onChain = onFocusedChain && isFocused;
-    const nestedRoutes = onChain && route.state ? collectRoutesFromState(route.state, depth + 1, pathname, true) : [];
-    routes.push({
-      key: route.key,
-      name: route.name,
-      path: pathname,
-      params: route.params || {},
-      state: route.state,
-      isFocused: onChain && nestedRoutes.length === 0
-    });
-    routes.push(...nestedRoutes);
-  }
-  return routes;
-}
-
-/**
- * Transform raw navigation state into display items.
- *
- * Exported for tests: the focus rule below is the one thing every route answer
- * in the product rests on, and it was previously only reachable by extracting
- * the function from source with the TypeScript AST.
- */
-export function buildStack(navigationState, isExpo) {
-  if (!navigationState) return [];
-  try {
-    const routes = collectRoutesFromState(navigationState);
-
-    // Filter out internal Expo Router routes (layouts, __root, etc.)
-    // These only exist in Expo Router; on RN CLI all routes are user-defined
-    const filteredRoutes = isExpo ? routes.filter(route => {
-      if (route.name.startsWith("__")) return false;
-      if (route.name.includes("_layout")) return false;
-      if (route.name.startsWith("+not-found")) return false;
-      return true;
-    }) : routes;
-
-    // If we filtered everything out, just keep the last route
-    const finalRoutes = filteredRoutes.length > 0 ? filteredRoutes : routes.slice(-1);
-
-    /**
-     * Focus survives filtering. It is decided in `collectRoutesFromState` from
-     * `state.index`; the only case that falls back to the last item is one
-     * where the filter dropped the focused route itself (an internal expo
-     * layout), which is the one situation the old rule was ever right for.
-     */
-    const collectedFocus = finalRoutes.findIndex(route => route.isFocused);
-    const focusIndex = collectedFocus >= 0 ? collectedFocus : finalRoutes.length - 1;
-    return finalRoutes.map((route, index) => {
-      let cleanPath = route.path || `/${route.name}`;
-      // Clean up Expo Router internal /__root prefix
-      if (isExpo) {
-        cleanPath = cleanPath.replace(/^\/__root/, "");
-      }
-      // Ensure we always have at least a /
-      if (!cleanPath || cleanPath === "") {
-        cleanPath = "/";
-      }
-      return {
-        key: route.key,
-        name: route.name,
-        pathname: cleanPath,
-        params: route.params || {},
-        isFocused: index === focusIndex,
-        index,
-        canPop: index > 0
-      };
-    });
-  } catch (err) {
-    console.error("Error transforming navigation state:", err);
-    return [];
-  }
-}
-
-/**
- * Access the current navigation stack.
- *
- * Works in both Expo Router and RN CLI apps. On RN CLI, uses the
- * NavigationContainer ref context so it works even as a sibling of navigators.
- *
- * @example
- * ```tsx
- * const { stack, focusedRoute, goBack, popToTop } = useNavigationStack();
- *
- * // Display stack
- * stack.map(item => (
- *   <View key={item.key}>
- *     <Text>{item.pathname}</Text>
- *     {item.isFocused && <Text>VISIBLE</Text>}
- *   </View>
- * ));
- * ```
- */
-export function useNavigationStack() {
-  const isExpo = isExpoRouterAvailable();
-  const containerRef = useSafeNavigationContainerRef();
-  const [navigationState, setNavigationState] = useState(() => containerRef?.getRootState?.() ?? null);
-  const [isLoaded, setIsLoaded] = useState(false);
-  const [error, setError] = useState(null);
-
-  // Subscribe to navigation state changes via the container ref
-  useEffect(() => {
-    if (!containerRef) return;
-
-    // Get initial state
-    const initialState = containerRef.getRootState?.();
-    if (initialState) {
-      setNavigationState(initialState);
-    }
-    setIsLoaded(true);
-
-    // Listen for state changes
-    const unsubscribe = containerRef.addListener?.("state", () => {
-      const state = containerRef.getRootState?.();
-      if (state) {
-        setNavigationState(state);
-      }
-    });
-    return () => {
-      unsubscribe?.();
-    };
-  }, [containerRef]);
-
-  // Transform navigation state into display items
-  const stack = useMemo(() => buildStack(navigationState, isExpo), [navigationState, isExpo]);
-
-  // Get focused route
-  const focusedRoute = useMemo(() => {
-    return stack.find(item => item.isFocused) || null;
-  }, [stack]);
-
-  // Helper properties
-  const stackDepth = stack.length;
-  const isAtRoot = stackDepth <= 1;
-
-  // Manual refresh
-  const refresh = useCallback(() => {
-    if (!containerRef) return;
-    const state = containerRef.getRootState?.();
-    if (state) {
-      setNavigationState(state);
-    }
-  }, [containerRef]);
-
-  // Navigation actions - use Expo Router when available, fall back to React Navigation
-  const navigateToIndex = useCallback(index => {
-    if (index >= stack.length || index < 0) return;
-    const targetRoute = stack[index];
-    if (!targetRoute) return;
-    try {
-      const expoRouter = getSafeRouter();
-      if (expoRouter) {
-        expoRouter.navigate(targetRoute.pathname);
-      } else if (containerRef) {
-        // Walk the state tree to build nested screen/params for deep navigation
-        const rootState = containerRef.getRootState?.();
-        if (rootState) {
-          const path = findScreenPath(rootState, targetRoute.name);
-          if (path) {
-            const action = buildNestedNavigateAction(path);
-            if (action) {
-              containerRef.dispatch(action);
-              return;
-            }
-          }
-        }
-        // Fallback: try direct navigation
-        containerRef.dispatch(CommonActions.navigate({
-          name: targetRoute.name,
-          params: targetRoute.params
-        }));
-      }
-    } catch (err) {
-      console.error("Failed to navigate:", err);
-    }
-  }, [stack, containerRef]);
-  const navigateToRoute = useCallback((name, params) => {
-    if (!containerRef) return false;
-    try {
-      // Deep path first, so screens inside nested navigators resolve even
-      // when their navigator isn't mounted yet.
-      const rootState = containerRef.getRootState?.();
-      if (!params && rootState) {
-        const path = findScreenPath(rootState, name);
-        if (path) {
-          const action = buildNestedNavigateAction(path);
-          if (action) {
-            containerRef.dispatch(action);
-            return true;
-          }
-        }
-      }
-      containerRef.dispatch(CommonActions.navigate({
-        name,
-        params
-      }));
-      return true;
-    } catch (err) {
-      console.error("Failed to navigate:", err);
-      return false;
-    }
-  }, [containerRef]);
-  const popToIndex = useCallback(index => {
-    if (index >= stack.length || index < 0) return;
-    const currentIndex = stack.length - 1;
-    const popCount = currentIndex - index;
-    if (popCount <= 0) return;
-    try {
-      const expoRouter = getSafeRouter();
-      if (expoRouter) {
-        for (let i = 0; i < popCount; i++) {
-          expoRouter.back();
-        }
-      } else if (containerRef) {
-        containerRef.dispatch(StackActions.pop(popCount));
-      }
-    } catch (err) {
-      console.error("Failed to pop:", err);
-    }
-  }, [stack, containerRef]);
-  const goBack = useCallback(() => {
-    if (isAtRoot) return;
-    try {
-      const expoRouter = getSafeRouter();
-      if (expoRouter) {
-        expoRouter.back();
-      } else if (containerRef) {
-        containerRef.goBack();
-      }
-    } catch (err) {
-      console.error("Failed to go back:", err);
-    }
-  }, [isAtRoot, containerRef]);
-  const popToTop = useCallback(() => {
-    if (isAtRoot) return;
-    try {
-      const expoRouter = getSafeRouter();
-      if (expoRouter) {
-        // Pop to index 0 via expo-router
-        popToIndex(0);
-      } else if (containerRef) {
-        containerRef.dispatch(StackActions.popToTop());
-      }
-    } catch (err) {
-      console.error("Failed to pop to top:", err);
-    }
-  }, [isAtRoot, containerRef, popToIndex]);
-  return {
-    stack,
-    focusedRoute,
-    stackDepth,
-    isAtRoot,
-    isLoaded,
-    error,
-    refresh,
-    navigateToIndex,
-    navigateToRoute,
-    popToIndex,
-    goBack,
-    popToTop
-  };
-}
+"use strict";import{useState as I,useEffect as L,useMemo as C,useCallback as S}from"react";import{getCommonActions as W,getStackActions as B,useSafeNavigationContainerRef as j}from"./utils/safeReactNavigation";import{getSafeRouter as b,isExpoRouterAvailable as w}from"@buoy-gg/shared-ui";const F=W();const E=B();function T(e,t){if(!e||!e.routes)return null;for(const o of e.routes){if(o.name===t){return[o.name]}if(o.state){const l=T(o.state,t);if(l){return[o.name,...l]}}}return null}function _(e){if(e.length===0)return null;if(e.length===1){return F.navigate({name:e[0]})}let t={screen:e[e.length-1]};for(let o=e.length-2;o>=1;o--){t={screen:e[o],params:t}}return F.navigate({name:e[0],params:t})}function $(e,t=0,o="",l=true){if(!e||!Array.isArray(e.routes)||e.routes.length===0){return[]}const g=[];const d=typeof e.index==="number"?e.index:NaN;const R=Number.isInteger(d)&&d>=0&&d<e.routes.length?d:e.routes.length-1;const a=typeof e.type==="string"?e.type:void 0;const r=a!=="tab"&&a!=="drawer";for(let i=0;i<e.routes.length;i++){if(!r&&i!==R)continue;const c=e.routes[i];const h=i===R;let u=c.name;if(c.name==="index"){u="/"}else if(!u.startsWith("/")){u=`/${u}`}if(o&&o!=="/"){u=`${o}${u}`}if(c.params){const y=Object.entries(c.params);if(y.length>0){u=u.replace(/\[([^\]]+)\]/g,(x,A)=>{return c.params[A]||x})}}const k=l&&h;const v=k&&c.state?$(c.state,t+1,u,true):[];g.push({key:c.key,name:c.name,path:u,params:c.params||{},state:c.state,isFocused:k&&v.length===0});g.push(...v)}return g}export function buildStack(e,t){if(!e)return[];try{const o=$(e);const l=t?o.filter(a=>{if(a.name.startsWith("__"))return false;if(a.name.includes("_layout"))return false;if(a.name.startsWith("+not-found"))return false;return true}):o;const g=l.length>0?l:o.slice(-1);const d=g.findIndex(a=>a.isFocused);const R=d>=0?d:g.length-1;return g.map((a,r)=>{let i=a.path||`/${a.name}`;if(t){i=i.replace(/^\/__root/,"")}if(!i||i===""){i="/"}return{key:a.key,name:a.name,pathname:i,params:a.params||{},isFocused:r===R,index:r,canPop:r>0}})}catch(o){console.error("Error transforming navigation state:",o);return[]}}export function useNavigationStack(){const e=w();const t=j();const[o,l]=I(()=>t?.getRootState?.()??null);const[g,d]=I(false);const[R,a]=I(null);L(()=>{if(!t)return;const n=t.getRootState?.();if(n){l(n)}d(true);const f=t.addListener?.("state",()=>{const s=t.getRootState?.();if(s){l(s)}});return()=>{f?.()}},[t]);const r=C(()=>buildStack(o,e),[o,e]);const i=C(()=>{return r.find(n=>n.isFocused)||null},[r]);const c=r.length;const h=c<=1;const u=S(()=>{if(!t)return;const n=t.getRootState?.();if(n){l(n)}},[t]);const k=S(n=>{if(n>=r.length||n<0)return;const f=r[n];if(!f)return;try{const s=b();if(s){s.navigate(f.pathname)}else if(t){const p=t.getRootState?.();if(p){const m=T(p,f.name);if(m){const N=_(m);if(N){t.dispatch(N);return}}}t.dispatch(F.navigate({name:f.name,params:f.params}))}}catch(s){console.error("Failed to navigate:",s)}},[r,t]);const v=S((n,f)=>{if(!t)return false;try{const s=t.getRootState?.();if(!f&&s){const p=T(s,n);if(p){const m=_(p);if(m){t.dispatch(m);return true}}}t.dispatch(F.navigate({name:n,params:f}));return true}catch(s){console.error("Failed to navigate:",s);return false}},[t]);const y=S(n=>{if(n>=r.length||n<0)return;const f=r.length-1;const s=f-n;if(s<=0)return;try{const p=b();if(p){for(let m=0;m<s;m++){p.back()}}else if(t){t.dispatch(E.pop(s))}}catch(p){console.error("Failed to pop:",p)}},[r,t]);const x=S(()=>{if(h)return;try{const n=b();if(n){n.back()}else if(t){t.goBack()}}catch(n){console.error("Failed to go back:",n)}},[h,t]);const A=S(()=>{if(h)return;try{const n=b();if(n){y(0)}else if(t){t.dispatch(E.popToTop())}}catch(n){console.error("Failed to pop to top:",n)}},[h,t,y]);return{stack:r,focusedRoute:i,stackDepth:c,isAtRoot:h,isLoaded:g,error:R,refresh:u,navigateToIndex:k,navigateToRoute:v,popToIndex:y,goBack:x,popToTop:A}}