eddev 2.0.0-beta.2 → 2.0.0-beta.200

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

@@ -1,33 +1,50 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
+import { createElement, 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) => {
-    const Comp = props.as || "a";
+import { useIsSSR } from "../hooks/useIsSSR.js";
+import { useRouter } from "../hooks/useRouter.js";
+import { addTrailingSlash, getLinkHandlerMode, isSameOrigin } from "../utils.js";
+import { useRoute } from "../hooks/useRoute.js";
+import { useRouterState } from "../hooks/useRouterState.js";
+export function useLinkProps(props, ref) {
     if (env.admin) {
-        return (_jsx(Comp, { ref: ref, ...props, href: props.href ?? undefined, onClick: (e) => {
+        return {
+            ref: ref,
+            ...props,
+            href: props.href ?? undefined,
+            onClick: (e) => {
                 props.onClick?.(e);
                 e.preventDefault();
-            } }));
-    }
-    else {
-        const preload = useRouter((r) => r.preload);
-        const handleClickEvent = useRouter((r) => r.handleClickEvent);
-        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);
-            }, onClick: (e) => {
-                props.onClick?.(e);
-                handleClickEvent(e, props.href ?? undefined);
-            } }));
+            },
+        };
     }
+    const router = useRouter();
+    const state = useLinkState(props.href ?? "");
+    return {
+        ref: ref,
+        "data-active": state.active ?? undefined,
+        "data-child-active": state.childActive ?? undefined,
+        "data-pending": state.pending ?? undefined,
+        ...props,
+        href: addTrailingSlash(props.href),
+        onMouseEnter: (e) => {
+            if (props.onMouseEnter) {
+                props.onMouseEnter(e);
+            }
+            const mode = getLinkHandlerMode(e, props.href);
+            if (mode.mode === "navigate") {
+                router.preload(props.href);
+            }
+        },
+        onClick: (e) => {
+            props.onClick?.(e);
+            router.handleClickEvent(e, props.href ?? undefined, props.preferBack);
+        },
+    };
+}
+export const Link = forwardRef(({ preferBack, as, ...props }, ref) => {
+    const Comp = as || "a";
+    const finalProps = useLinkProps(props, ref);
+    return createElement(Comp, finalProps);
 });
 // @ts-ignore
 Link.displayName = "Link";
@@ -55,8 +72,8 @@ export function useLinkState(href) {
         }
         const hrefUrl = parseURL(resolveURL(href));
         const active = route ? compareUri(route, hrefUrl) : undefined;
-        const childActive = !active && route ? isSubpath(hrefUrl.pathname, route.pathname) : undefined;
-        const pending = pendingRoute ? compareUri(pendingRoute, hrefUrl) : undefined;
+        const childActive = !active && route ? isSubpath(hrefUrl.pathname, route.pathname) || undefined : undefined;
+        const pending = pendingRoute ? compareUri(pendingRoute, hrefUrl) || undefined : undefined;
         return {
             active,
             childActive,
@@ -84,6 +101,9 @@ function compareUri(route, href) {
     }
 }
 function isSubpath(parentPath, childPath) {
+    if (parentPath === "/" || childPath === "/") {
+        return false;
+    }
     if (withoutTrailingSlash(parentPath) === withoutTrailingSlash(childPath)) {
         return false;
     }

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

@@ -0,0 +1,10 @@
+import { HTMLProps, JSX } from "react";
+type Props<T extends keyof JSX.IntrinsicElements> = {
+    as?: T;
+} & HTMLProps<T>;
+/**
+ * Use this component to wrap any HTML element that contains <a> tags that are not already handled by the router.
+ */
+export declare function NativeLinkHandler<T extends keyof JSX.IntrinsicElements = "div">({ as, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NativeLinkHandler.d.ts.map

package/dist/app/lib/routing/components/NativeLinkHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeLinkHandler.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/routing/components/NativeLinkHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAGtD,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,IAAI;IAClD,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;AAEhB;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,2CAqB1G"}

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRouter } from "../hooks/useRouter";
+/**
+ * Use this component to wrap any HTML element that contains <a> tags that are not already handled by the router.
+ */
+export function NativeLinkHandler({ as, ...props }) {
+    const handleClickEvent = useRouter((r) => r.handleClickEvent);
+    const Comp = (as ?? "div");
+    return (_jsx(Comp, { ...props, onClick: (e) => {
+            if (props.onClick)
+                props.onClick(e);
+            if (e.target instanceof HTMLAnchorElement) {
+                const link = e.target;
+                handleClickEvent?.(e, link.href);
+            }
+            else if (e.target instanceof HTMLElement) {
+                const link = e.target.closest("a");
+                if (link) {
+                    handleClickEvent?.(e, link.href);
+                }
+            }
+        } }));
+}

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: {
@@ -7,3 +7,4 @@ export declare function RouteDisplay(props: {
 export declare namespace RouteDisplay {
     var displayName: string;
 }
+//# sourceMappingURL=RouteRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RouteRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/routing/components/RouteRenderer.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAOxC,eAAO,MAAM,WAAW,oFAatB,CAAA;AAEF,wBAAgB,SAAS,4CAGxB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,UAAU,CAAA;CAAE,2CA8BxD;yBA9Be,YAAY"}

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 { RouteErrorBoundary } from "../../../utils/RouteErrorBoundary.js";
+import { RouteItemContext } from "../context.js";
+import { useRouter } from "../hooks/useRouter.js";
+import { useRouterState } from "../hooks/useRouterState.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);
@@ -20,9 +21,22 @@ export function RouteDisplay(props) {
     if (!Component) {
         console.error("No component for route");
     }
+    const router = useRouter();
     return useMemo(() => {
         let child = !!Component && _jsx(Component, { ...props.route.props });
-        return _jsx(RouteItemContext.Provider, { value: props.route, children: child });
+        if (router.isAI) {
+            child = _jsx("div", { id: "ai-page-contents", children: child });
+        }
+        return (_jsx(RouteErrorBoundary, { route: props.route, onError: (error, errorInfo) => {
+                if (env.client) {
+                    if (error.message.includes("Failed to fetch dynamically imported module")) {
+                        router.emitEvent({
+                            type: "error:component-load-failed",
+                            error,
+                        });
+                    }
+                }
+            }, 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,9 +1,12 @@
 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<{
+    hostname?: string;
     route: RouteState;
     loader: RouteLoader;
+    isAI?: boolean;
 }>;
 export declare function SSRRouter(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=SSRRouter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SSRRouter.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/routing/components/SSRRouter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAInD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,KAAK,KAAK,GAAG,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,UAAU,CAAA;IACjB,MAAM,EAAE,WAAW,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC,CAAA;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,2CAiBrC"}

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

@@ -1,14 +1,15 @@
 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;
+    router.hostname = props.hostname;
+    router.isAI = props.isAI;
     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.d.ts

@@ -13,3 +13,4 @@ type Props = {
  */
 export declare function ScrollRestoration(props: Props): null;
 export {};
+//# sourceMappingURL=ScrollRestoration.d.ts.map

package/dist/app/lib/routing/components/ScrollRestoration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollRestoration.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/routing/components/ScrollRestoration.tsx"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG;IACX,2FAA2F;IAC3F,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,KAAK,IAAI,CAAA;IACxF,4CAA4C;IAC5C,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B,CAAA;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,QAiC7C"}

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.
  */
@@ -11,7 +11,10 @@ export function ScrollRestoration(props) {
         }));
     useRouterEvents((event) => {
         if (event.type === "navigate:changed") {
-            // console.log("Changed! Restoring scroll", event.currentRoute)
+            // If the pathname and search term are the same, then we're on the same page
+            const isSameRoute = event.currentRoute.pathname === event.lastRoute.pathname && event.currentRoute.search === event.lastRoute.search;
+            if (isSameRoute)
+                return;
             if (event.currentRoute.returnState) {
                 restore({
                     top: event.currentRoute.returnState.scrollTop ?? 0,

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

@@ -1,5 +1,9 @@
-import { Context } from "react";
-import { RouterAPI, RouterAPIState } from "./types";
-export declare const RouterContext: Context<RouterAPI>;
-export declare const RouterStateContext: Context<RouterAPIState>;
-export declare const RouteItemContext: Context<import("./types").TypedRouteState<"_unknown", {}>>;
+import { RouteMetaTag, RouterAPI, RouterAPIState } from "./types.js";
+export declare const RouterContext: import("react").Context<RouterAPI>;
+export declare const RouterStateContext: import("react").Context<RouterAPIState>;
+export declare const RouteItemContext: import("react").Context<import("./types.js").TypedRouteState<"_unknown", {}>>;
+export declare const clientMetaTags: {
+    tags: null | RouteMetaTag[];
+    setMetaTags(tags: RouteMetaTag[]): void;
+};
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/routing/context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAc,SAAS,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAkBhF,eAAO,MAAM,aAAa,oCAgBxB,CAAA;AAEF,eAAO,MAAM,kBAAkB,yCAI7B,CAAA;AAEF,eAAO,MAAM,gBAAgB,+EAAwC,CAAA;AAErE,eAAO,MAAM,cAAc;UACX,IAAI,GAAG,YAAY,EAAE;sBACjB,YAAY,EAAE;CAGhC,CAAA"}

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

@@ -1,5 +1,6 @@
 import { createContext } from "react";
-import { RouteLoader } from "./loader";
+import { RouteLoader } from "./loader.js";
+import { proxy } from "valtio";
 const NOOP_ROUTE = {
     component: () => null,
     id: "initial",
@@ -12,6 +13,7 @@ const NOOP_ROUTE = {
     search: "",
     query: {},
     returnState: undefined,
+    meta: {},
 };
 export const RouterContext = createContext({
     loader: new RouteLoader(),
@@ -25,6 +27,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 +38,9 @@ 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: [],
-//     },
-//   )
-// }
+export const clientMetaTags = proxy({
+    tags: null,
+    setMetaTags(tags) {
+        clientMetaTags.tags = tags;
+    },
+});

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

@@ -6,3 +6,4 @@
  * On the client, this hook will return `true` once, after hydration, and then switch to `false`.
  */
 export declare function useIsSSR(): boolean;
+//# sourceMappingURL=useIsSSR.d.ts.map

package/dist/app/lib/routing/hooks/useIsSSR.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsSSR.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/routing/hooks/useIsSSR.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,wBAAgB,QAAQ,YAavB"}

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

@@ -1,5 +1,7 @@
+import { Dispatch } from "react";
 /**
  * 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.
  */
-export declare function useRestorableState<T>(key: string, fallback?: T): any[];
+export declare function useRestorableState<T>(key: string, fallback: T): [T, Dispatch<T>];
+//# sourceMappingURL=useRestorableState.d.ts.map

package/dist/app/lib/routing/hooks/useRestorableState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRestorableState.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/routing/hooks/useRestorableState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAY,MAAM,OAAO,CAAA;AAI1C;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAYhF"}

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,18 @@
-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;
+//# sourceMappingURL=useRoute.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRoute.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/routing/hooks/useRoute.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,IAAI,UAAU,CAErC;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,SAAS,EAAE,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC,UAAU,EAAE;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC,GAAG,IAAI,CAOxG"}

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,6 @@
+import { RouteMeta } from "../types";
+export declare const $routeMetaStore: {
+    data: RouteMeta;
+};
+export declare function useRouteMeta(): RouteMeta;
+//# sourceMappingURL=useRouteMeta.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRouteMeta.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/routing/hooks/useRouteMeta.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,eAAO,MAAM,eAAe;UACd,SAAS;CACrB,CAAA;AAEF,wBAAgB,YAAY,IAGf,SAAS,CACrB"}

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,5 @@
-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 {};
+//# sourceMappingURL=useRouteTransition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRouteTransition.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/routing/hooks/useRouteTransition.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C,KAAK,kBAAkB,GAAG,CAAC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,CAAA;AAEzG,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,kBAAkB,QAe1D"}

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,3 @@
-import { RouterAPI } from "../types";
+import { RouterAPI } from "../types.js";
 export declare function useRouter<T = RouterAPI>(selector?: (r: RouterAPI) => T): T;
+//# sourceMappingURL=useRouter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRouter.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/routing/hooks/useRouter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,wBAAgB,SAAS,CAAC,CAAC,GAAG,SAAS,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,CAAC,GAAG,CAAC,CAO1E"}

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,3 @@
-import type { RouterEvent } from "../types";
+import type { RouterEvent } from "../types.js";
 export declare function useRouterEvents(handler: (event: RouterEvent) => void): void;
+//# sourceMappingURL=useRouterEvents.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRouterEvents.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/routing/hooks/useRouterEvents.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,wBAAgB,eAAe,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,QAWpE"}

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,3 @@
-import { RouterAPIState } from "../types";
+import { RouterAPIState } from "../types.js";
 export declare function useRouterState<T = RouterAPIState>(selector?: (state: RouterAPIState) => T): T;
+//# sourceMappingURL=useRouterState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRouterState.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/routing/hooks/useRouterState.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,wBAAgB,cAAc,CAAC,CAAC,GAAG,cAAc,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,CAAC,GAAG,CAAC,CAI7F"}

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)