eddev 2.0.0-beta.3 → 2.0.0-beta.31

package/dist/app/lib/routing/components/BrowserRouter.js

@@ -1,11 +1,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState, useTransition } from "react";
-import { isRelative, parseURL, resolveURL } from "ufo";
-import { RouterContext, RouterStateContext } from "../context";
-import { RouteLoader } from "../loader";
-import { getLinkHandlerMode, normalizeRoute, parseQuery, stringifyRouteLink } from "../utils";
-import { AppRenderer } from "./RouteRenderer";
+import { isEqual, isRelative, parseURL, resolveURL } from "ufo";
+import { RouterContext, RouterStateContext } from "../context.js";
+import { RouteLoader } from "../loader.js";
+import { getLinkHandlerMode, getRouteMeta, isSamePathname, normalizeRoute, parseQuery, stringifyRouteLink, } from "../utils.js";
+import { AppRenderer } from "./RouteRenderer.js";
+import { $routeMetaStore } from "../hooks/useRouteMeta.js";
+// Create a global RouteLoader instance
 const loader = new RouteLoader();
+// Create a unique ID for each history entry
+let historyStamp = String(new Date().getTime());
+let historyIndex = 0;
+function getHistoryId() {
+    return historyStamp + historyIndex++;
+}
+// Set up the initial route data
 let initialRoute;
 let initialRouteHydrated = false;
 if (env.client && !env.admin) {
@@ -23,7 +32,10 @@ if (env.client && !env.admin) {
         search: "",
         query: {},
         view: initialData.view,
+        meta: getRouteMeta(initialData),
     });
+    history.replaceState(historyStateForRoute(initialRoute), "", document.location.href);
+    $routeMetaStore.data = getRouteMeta(initialData);
 }
 function parseHrefPath(url) {
     if (isRelative(url)) {
@@ -54,14 +66,9 @@ function historyStateForRoute(route) {
         state: route.returnState,
     };
 }
-let index = 0;
-function getHistoryId() {
-    return String(index++);
-}
 let lastRouterState = null;
 export function BrowserRouter(props) {
     const pendingRoute = useRef(null);
-    // const [activeRoute, setActiveRoute] = useState<RouteState>(initialRoute)
     const [transitioning, startTransition] = useTransition();
     const [routerState, setRouterState] = useState(() => ({
         activeRoute: initialRoute,
@@ -116,6 +123,7 @@ export function BrowserRouter(props) {
         }
         internals.poppedState = (href, data) => {
             const stack = state.history;
+            console.log("Popped state", stack);
             // Is the route in our history stack? (going back)
             const index = stack.findIndex((item) => item.id === data.id);
             if (index >= 0) {
@@ -201,6 +209,7 @@ export function BrowserRouter(props) {
                     props: data.viewData?.data ?? {},
                     component: lazyComponent,
                     returnState: args.restoreState ?? {},
+                    meta: getRouteMeta(data),
                 });
             setState({
                 pendingRoute: route,
@@ -229,6 +238,7 @@ export function BrowserRouter(props) {
                     lastRoute: currentRoute,
                     link,
                 });
+                $routeMetaStore.data = route.meta;
             };
             startTransition(() => {
                 pendingRoute.current = route;
@@ -247,6 +257,9 @@ export function BrowserRouter(props) {
                     goingBack: false,
                 });
             },
+            getState() {
+                return state;
+            },
             replaceHash(hash) {
                 replaceRoute({
                     ...getActiveRoute(),
@@ -297,7 +310,7 @@ export function BrowserRouter(props) {
                     subscribers.delete(fn);
                 };
             },
-            handleClickEvent(e, originalHref) {
+            handleClickEvent(e, originalHref, preferBack) {
                 const { mode, href } = getLinkHandlerMode(e, originalHref);
                 if (mode === "ignore") {
                     e.preventDefault();
@@ -308,10 +321,53 @@ export function BrowserRouter(props) {
                 }
                 else if (mode === "navigate" && href) {
                     e.preventDefault();
+                    if (preferBack) {
+                        const lastState = state.history.length > 1 && state.history[state.history.length - 2];
+                        if (lastState) {
+                            const doesMatch = preferBack === "exact" ? isEqual(href, lastState.uri) : isSamePathname(href, lastState.uri);
+                            if (doesMatch) {
+                                history.back();
+                                return;
+                            }
+                        }
+                    }
                     api.navigate(href);
                 }
             },
             emitEvent,
+            restoreRoute(route) {
+                const stack = state.history;
+                // Is the route in our history stack? (going back)
+                const index = stack.findIndex((item) => item.id === route.id);
+                if (index >= 0) {
+                    return doRouteTransition({
+                        url: route.uri,
+                        route,
+                        goingBack: true,
+                        history: stack.slice(0, index),
+                        restoreState: route.returnState,
+                        shouldPush: false,
+                    });
+                }
+                // Is the route in our history _cache_? (probably going forward)
+                if (historyCache.has(route.id)) {
+                    return doRouteTransition({
+                        url: route.uri,
+                        route,
+                        goingBack: false,
+                        history: stack,
+                        restoreState: route.returnState,
+                        shouldPush: false,
+                    });
+                }
+                return doRouteTransition({
+                    url: route.uri,
+                    goingBack: false,
+                    history: stack,
+                    restoreState: route.returnState,
+                    shouldPush: false,
+                });
+            },
         };
         return {
             api,
@@ -340,6 +396,7 @@ export function BrowserRouter(props) {
         // Handle popState
         // const router = useRouterStore.getState()
         const onPopState = (e) => {
+            console.log("Popped", e.state);
             internals.poppedState?.(document.location.href, e.state ?? {});
         };
         window.addEventListener("popstate", onPopState);

package/dist/app/lib/routing/components/ClientOnly.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { useIsSSR } from "../hooks/useIsSSR";
+import { useIsSSR } from "../hooks/useIsSSR.js";
 /**
  * Renders children, but only on the client.
  *

package/dist/app/lib/routing/components/Link.d.ts

@@ -3,6 +3,7 @@ type Props<T extends ElementType = "a"> = NoInfer<Omit<ComponentPropsWithRef<T>,
     href?: string | null;
     target?: string | null;
     as?: T;
+    preferBack?: boolean | "exact";
 };
 export declare const Link: <T extends ElementType = "a">(props: Props<T>) => ReactElement;
 /**

package/dist/app/lib/routing/components/Link.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo } from "react";
 import { parseURL, resolveURL, withoutTrailingSlash } from "ufo";
-import { useIsSSR } from "../hooks/useIsSSR";
-import { useRouter } from "../hooks/useRouter";
-import { isSameOrigin } from "../utils";
-import { useRoute } from "../hooks/useRoute";
-import { useRouterState } from "../hooks/useRouterState";
-export const Link = forwardRef((props, ref) => {
+import { useIsSSR } from "../hooks/useIsSSR.js";
+import { useRouter } from "../hooks/useRouter.js";
+import { isSameOrigin } from "../utils.js";
+import { useRoute } from "../hooks/useRoute.js";
+import { useRouterState } from "../hooks/useRouterState.js";
+export const Link = forwardRef(({ preferBack, ...props }, ref) => {
     const Comp = props.as || "a";
     if (env.admin) {
         return (_jsx(Comp, { ref: ref, ...props, href: props.href ?? undefined, onClick: (e) => {
@@ -15,17 +15,16 @@ export const Link = forwardRef((props, ref) => {
             } }));
     }
     else {
-        const preload = useRouter((r) => r.preload);
-        const handleClickEvent = useRouter((r) => r.handleClickEvent);
+        const router = useRouter();
         const state = useLinkState(props.href ?? "");
         return (_jsx(Comp, { ref: ref, "data-active": state.active ?? undefined, "data-child-active": state.childActive ?? undefined, "data-pending": state.pending ?? undefined, ...props, href: props.href ?? undefined, onMouseEnter: (e) => {
                 if (props.onMouseEnter) {
                     props.onMouseEnter(e);
                 }
-                preload(props.href);
+                router.preload(props.href);
             }, onClick: (e) => {
                 props.onClick?.(e);
-                handleClickEvent(e, props.href ?? undefined);
+                router.handleClickEvent(e, props.href ?? undefined, preferBack);
             } }));
     }
 });

package/dist/app/lib/routing/components/RouteRenderer.d.ts

@@ -1,4 +1,4 @@
-import { RouteState } from "../types";
+import { RouteState } from "../types.js";
 export declare const AppRenderer: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export declare function MainRoute(): import("react/jsx-runtime").JSX.Element;
 export declare function RouteDisplay(props: {

package/dist/app/lib/routing/components/RouteRenderer.js

@@ -1,15 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { memo, Suspense, useMemo } from "react";
-import { RouteItemContext } from "../context";
-import { useRouter } from "../hooks/useRouter";
-import { useRouterState } from "../hooks/useRouterState";
+import { memo, useMemo } from "react";
+import { RouteItemContext } from "../context.js";
+import { useRouter } from "../hooks/useRouter.js";
+import { useRouterState } from "../hooks/useRouterState.js";
+import { ErrorBoundaryFrontend } from "../../blocks/ErrorBoundaryFrontend.js";
 export const AppRenderer = memo(() => {
     const { appData, appComponent: AppComponent } = useRouter().loader;
     const { activeRoute } = useRouterState();
     const app = useMemo(() => {
         return (_jsx(AppComponent, { ...appData, children: _jsx(MainRoute, {}) }));
     }, [AppComponent, appData]);
-    return (_jsx(Suspense, { children: _jsx(RouteItemContext.Provider, { value: activeRoute, children: app }) }));
+    return _jsx(RouteItemContext.Provider, { value: activeRoute, children: app });
 });
 export function MainRoute() {
     const activeRoute = useRouterState((s) => s.activeRoute);
@@ -22,7 +23,7 @@ export function RouteDisplay(props) {
     }
     return useMemo(() => {
         let child = !!Component && _jsx(Component, { ...props.route.props });
-        return _jsx(RouteItemContext.Provider, { value: props.route, children: child });
+        return (_jsx(ErrorBoundaryFrontend, { children: _jsx(RouteItemContext.Provider, { value: props.route, children: child }) }));
     }, [Component, props.route, props.route]);
 }
 RouteDisplay.displayName = "RouteDisplay";

package/dist/app/lib/routing/components/SSRRouter.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from "react";
-import { RouteLoader } from "../loader";
-import { RouteState } from "../types";
+import { RouteLoader } from "../loader.js";
+import { RouteState } from "../types.js";
 type Props = PropsWithChildren<{
     route: RouteState;
     loader: RouteLoader;

package/dist/app/lib/routing/components/SSRRouter.js

@@ -1,14 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Suspense } from "react";
-import { RouterContext, RouterStateContext } from "../context";
-import { useRouter } from "../hooks/useRouter";
-import { useRouterState } from "../hooks/useRouterState";
-import { AppRenderer } from "./RouteRenderer";
+import { RouterContext, RouterStateContext } from "../context.js";
+import { useRouter } from "../hooks/useRouter.js";
+import { useRouterState } from "../hooks/useRouterState.js";
+import { AppRenderer } from "./RouteRenderer.js";
 export function SSRRouter(props) {
     const router = useRouter();
     const routerState = useRouterState();
     router.loader = props.loader;
     routerState.history = [props.route];
     routerState.activeRoute = props.route;
-    return (_jsx(Suspense, { children: _jsx(RouterContext.Provider, { value: router, children: _jsx(RouterStateContext.Provider, { value: routerState, children: _jsx(AppRenderer, {}) }) }) }));
+    return (_jsx(RouterContext.Provider, { value: router, children: _jsx(RouterStateContext.Provider, { value: routerState, children: _jsx(AppRenderer, {}) }) }));
 }

package/dist/app/lib/routing/components/ScrollRestoration.js

@@ -1,4 +1,4 @@
-import { useRouterEvents } from "../hooks/useRouterEvents";
+import { useRouterEvents } from "../hooks/useRouterEvents.js";
 /**
  * Enables scroll restoration when navigation backwards, as well as resetting scroll position when navigating forwards.
  */

package/dist/app/lib/routing/context.d.ts

@@ -1,5 +1,5 @@
 import { Context } from "react";
-import { RouterAPI, RouterAPIState } from "./types";
+import { RouterAPI, RouterAPIState } from "./types.js";
 export declare const RouterContext: Context<RouterAPI>;
 export declare const RouterStateContext: Context<RouterAPIState>;
-export declare const RouteItemContext: Context<import("./types").TypedRouteState<"_unknown", {}>>;
+export declare const RouteItemContext: Context<import("./types.js").TypedRouteState<"_unknown", {}>>;

package/dist/app/lib/routing/context.js

@@ -1,5 +1,5 @@
 import { createContext } from "react";
-import { RouteLoader } from "./loader";
+import { RouteLoader } from "./loader.js";
 const NOOP_ROUTE = {
     component: () => null,
     id: "initial",
@@ -12,6 +12,7 @@ const NOOP_ROUTE = {
     search: "",
     query: {},
     returnState: undefined,
+    meta: {},
 };
 export const RouterContext = createContext({
     loader: new RouteLoader(),
@@ -25,6 +26,10 @@ export const RouterContext = createContext({
     replaceQuery(query) { },
     handleClickEvent(e, originalHref) { },
     emitEvent(event) { },
+    getState() {
+        return null;
+    },
+    restoreRoute(route) { },
 });
 export const RouterStateContext = createContext({
     history: [NOOP_ROUTE],
@@ -32,98 +37,3 @@ export const RouterStateContext = createContext({
     blockers: [],
 });
 export const RouteItemContext = createContext(NOOP_ROUTE);
-// type StoreHook<State> = <Slice = State>(
-//   selector?: (state: State) => Slice,
-//   areEqual?: (a: Slice, b: Slice) => boolean,
-// ) => Slice
-// type Store<T> = {
-//   subscribe(sub: (value: T) => void): () => void
-//   value: T
-//   update(next: T): void
-// }
-// function createStore<T>(initial: T): Store<T> {
-//   let value = initial
-//   const subscribers = new Set<(value: T) => void>()
-//   return {
-//     subscribe(sub: (value: T) => void) {
-//       subscribers.add(sub)
-//       return () => {
-//         subscribers.delete(sub)
-//       }
-//     },
-//     get value() {
-//       return value
-//     },
-//     update(nextValue: T) {
-//       value = nextValue
-//       if (subscribers.size) {
-//         console.log("UPDATE", value)
-//         startTransition(() => {
-//           for (let sub of subscribers) {
-//             sub(value)
-//           }
-//         })
-//       }
-//     },
-//   }
-// }
-// export function createStoreHook<T>(store: Store<T>): StoreHook<T> {
-//   const hook = (selector: any) => {
-//     const get = () => (selector ? selector(store.value) : store.value)
-//     return useSyncExternalStore(store.subscribe, get, get)
-//   }
-//   return hook as StoreHook<T>
-// }
-// export function createStoreContextHook<T>(ctx: Context<Store<T>>): StoreHook<T> {
-//   const hook = (selector: any) => {
-//     const store = useContext(ctx)
-//     const get = () => (selector ? selector(store.value) : store.value)
-//     return useSyncExternalStore(store.subscribe, get, get)
-//   }
-//   return hook as StoreHook<T>
-// }
-// export const RouterContext = createContext<Store<RouterAPI>>(null!)
-// export const RouterStateContext = createContext<Store<RouterAPIState>>(null!)
-// export const RouteContext = createContext<Store<RouteState>>(null!)
-// const NOOP_ROUTE: RouteState = {
-//   component: () => null,
-//   id: "initial",
-//   hash: "",
-//   key: "initial",
-//   pathname: "",
-//   props: {},
-//   uri: "",
-//   view: "_unknown",
-//   search: "",
-//   query: {},
-//   returnState: undefined,
-// }
-// export const createRouteItemStore = (initial?: RouteState) => {
-//   return createStore<RouteState>(initial ?? NOOP_ROUTE)
-// }
-// export function createRouterAPIStore(initial?: RouterAPI) {
-//   return createStore<RouterAPI>(
-//     initial ?? {
-//       loader: new RouteLoader(),
-//       async navigate(url) {},
-//       async prefetch(url) {},
-//       async preload(url) {},
-//       subscribe(fn) {
-//         return () => {}
-//       },
-//       replaceHash(hash) {},
-//       replaceQuery(query) {},
-//       handleClickEvent(e, originalHref) {},
-//       emitEvent(event) {},
-//     },
-//   )
-// }
-// export function createRouterStateStore(initial?: RouterAPIState) {
-//   return createStore<RouterAPIState>(
-//     initial ?? {
-//       history: [],
-//       activeRoute: NOOP_ROUTE,
-//       blockers: [],
-//     },
-//   )
-// }

package/dist/app/lib/routing/hooks/useRestorableState.js

@@ -1,5 +1,6 @@
 import { useState } from "react";
-import { useRoute, useRouterEvents } from "..";
+import { useRouterEvents } from "./useRouterEvents.js";
+import { useRoute } from "./useRoute.js";
 /**
  * Works exactly like useState, but allows back and forward navigation to restore the previous state.
  * You must pass a unique ID as an additional first parameter to ensure the state is restored correctly.

package/dist/app/lib/routing/hooks/useRoute.d.ts

@@ -1,2 +1,17 @@
-import { RouteState } from "../types";
+import type { RouteState } from "../types.js";
+/**
+ * Returns the current route object.
+ *
+ * In most circumstances, this will be the active top-level route.
+ *
+ * In cases where manual rendering of routes is taking place, such as during page transitions or in some modal cases.
+ *
+ * @returns The current route
+ */
 export declare function useRoute(): RouteState;
+/**
+ * Returns the current route, if it matches the specified view, otherwise null.
+ */
+export declare function useViewRoute<V extends keyof ViewProps>(view: V): Extract<RouteState, {
+    view: V;
+}> | null;

package/dist/app/lib/routing/hooks/useRoute.js

@@ -1,5 +1,26 @@
 import { useContext } from "react";
-import { RouteItemContext } from "../context";
+import { RouteItemContext } from "../context.js";
+/**
+ * Returns the current route object.
+ *
+ * In most circumstances, this will be the active top-level route.
+ *
+ * In cases where manual rendering of routes is taking place, such as during page transitions or in some modal cases.
+ *
+ * @returns The current route
+ */
 export function useRoute() {
     return useContext(RouteItemContext);
 }
+/**
+ * Returns the current route, if it matches the specified view, otherwise null.
+ */
+export function useViewRoute(view) {
+    const route = useContext(RouteItemContext);
+    if (route.view === view) {
+        return route;
+    }
+    else {
+        return null;
+    }
+}

package/dist/app/lib/routing/hooks/useRouteMeta.d.ts

@@ -0,0 +1,5 @@
+import { RouteMeta } from "../types";
+export declare const $routeMetaStore: {
+    data: RouteMeta;
+};
+export declare function useRouteMeta(): RouteMeta;

package/dist/app/lib/routing/hooks/useRouteMeta.js

@@ -0,0 +1,9 @@
+import { proxy, useSnapshot } from "valtio";
+export const $routeMetaStore = proxy({
+    data: {},
+});
+export function useRouteMeta() {
+    return useSnapshot($routeMetaStore, {
+        sync: true,
+    }).data;
+}

package/dist/app/lib/routing/hooks/useRouteTransition.d.ts

@@ -1,4 +1,4 @@
-import type { RouteState } from "../types";
+import type { RouteState } from "../types.js";
 type TransitionFunction = (currentRoute: RouteState, nextRoute: RouteState) => void | Promise<any | void>;
 export declare function useRouteTransition(func: TransitionFunction): void;
 export {};

package/dist/app/lib/routing/hooks/useRouteTransition.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef } from "react";
-import { useRouter } from "./useRouter";
+import { useRouter } from "./useRouter.js";
 export function useRouteTransition(func) {
     const subscribe = useRouter((r) => r.subscribe);
     const handler = useRef(func);

package/dist/app/lib/routing/hooks/useRouter.d.ts

@@ -1,2 +1,2 @@
-import { RouterAPI } from "../types";
+import { RouterAPI } from "../types.js";
 export declare function useRouter<T = RouterAPI>(selector?: (r: RouterAPI) => T): T;

package/dist/app/lib/routing/hooks/useRouter.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { RouterContext } from "../context";
+import { RouterContext } from "../context.js";
 export function useRouter(selector) {
     const router = useContext(RouterContext);
     if (selector) {

package/dist/app/lib/routing/hooks/useRouterEvents.d.ts

@@ -1,2 +1,2 @@
-import type { RouterEvent } from "../types";
+import type { RouterEvent } from "../types.js";
 export declare function useRouterEvents(handler: (event: RouterEvent) => void): void;

package/dist/app/lib/routing/hooks/useRouterEvents.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef } from "react";
-import { useRouter } from "./useRouter";
+import { useRouter } from "./useRouter.js";
 export function useRouterEvents(handler) {
     const subscribe = useRouter((r) => r.subscribe);
     const ref = useRef(handler);

package/dist/app/lib/routing/hooks/useRouterState.d.ts

@@ -1,2 +1,2 @@
-import { RouterAPIState } from "../types";
+import { RouterAPIState } from "../types.js";
 export declare function useRouterState<T = RouterAPIState>(selector?: (state: RouterAPIState) => T): T;

package/dist/app/lib/routing/hooks/useRouterState.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { RouterStateContext } from "../context";
+import { RouterStateContext } from "../context.js";
 export function useRouterState(selector) {
     const ctx = useContext(RouterStateContext);
     if (selector)

package/dist/app/lib/routing/hooks/useSearchParams.js

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
-import { useRoute } from "./useRoute";
-import { useRouter } from "./useRouter";
+import { useRoute } from "./useRoute.js";
+import { useRouter } from "./useRouter.js";
 export function useSearchParams(defaultValue) {
     const route = useRoute();
     const replaceQuery = useRouter((r) => r.replaceQuery);

package/dist/app/lib/routing/index.d.ts

@@ -1,13 +1,14 @@
-export * from "./types";
-export * from "./components/Link";
-export * from "./components/ScrollRestoration";
-export * from "./components/RouteRenderer";
-export * from "./components/ClientOnly";
-export * from "./hooks/useRoute";
-export * from "./hooks/useRouteTransition";
-export * from "./hooks/useRouter";
-export * from "./hooks/useRouterEvents";
-export * from "./hooks/useRouterState";
-export * from "./hooks/useRestorableState";
-export * from "./hooks/useIsSSR";
-export * from "./hooks/useSearchParams";
+export * from "./types.js";
+export * from "./components/Link.js";
+export * from "./components/ScrollRestoration.js";
+export * from "./components/RouteRenderer.js";
+export * from "./components/ClientOnly.js";
+export * from "./components/BackButton.js";
+export * from "./hooks/useRoute.js";
+export * from "./hooks/useRouteTransition.js";
+export * from "./hooks/useRouter.js";
+export * from "./hooks/useRouterEvents.js";
+export * from "./hooks/useRouterState.js";
+export * from "./hooks/useRestorableState.js";
+export * from "./hooks/useIsSSR.js";
+export * from "./hooks/useSearchParams.js";

package/dist/app/lib/routing/index.js

@@ -1,13 +1,14 @@
-export * from "./types";
-export * from "./components/Link";
-export * from "./components/ScrollRestoration";
-export * from "./components/RouteRenderer";
-export * from "./components/ClientOnly";
-export * from "./hooks/useRoute";
-export * from "./hooks/useRouteTransition";
-export * from "./hooks/useRouter";
-export * from "./hooks/useRouterEvents";
-export * from "./hooks/useRouterState";
-export * from "./hooks/useRestorableState";
-export * from "./hooks/useIsSSR";
-export * from "./hooks/useSearchParams";
+export * from "./types.js";
+export * from "./components/Link.js";
+export * from "./components/ScrollRestoration.js";
+export * from "./components/RouteRenderer.js";
+export * from "./components/ClientOnly.js";
+export * from "./components/BackButton.js";
+export * from "./hooks/useRoute.js";
+export * from "./hooks/useRouteTransition.js";
+export * from "./hooks/useRouter.js";
+export * from "./hooks/useRouterEvents.js";
+export * from "./hooks/useRouterState.js";
+export * from "./hooks/useRestorableState.js";
+export * from "./hooks/useIsSSR.js";
+export * from "./hooks/useSearchParams.js";

package/dist/app/lib/routing/loader.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent, PropsWithChildren } from "react";
-import { DynamicComponent } from "../dynamic/dynamic";
-import { RouteData } from "./types";
+import { DynamicComponent } from "../dynamic/dynamic.js";
+import { RouteData } from "./types.js";
 export type RouteCacheEntry = {
     data: RouteData;
     component: FunctionComponent;