eddev 2.0.0-beta.98 → 2.1.0

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState, useTransition } from "react";
+import { useEffect, useMemo, useRef, useState, useTransition, startTransition as startTransitionRaw, } from "react";
 import { isEqual, isRelative, parseURL, resolveURL } from "ufo";
 import { clientMetaTags, RouterContext, RouterStateContext } from "../context.js";
 import { $routeMetaStore } from "../hooks/useRouteMeta.js";
@@ -66,18 +66,19 @@ function historyStateForRoute(route) {
         state: route.returnState,
     };
 }
-let lastRouterState = null;
+let clientRouter = null;
+export function getClientRouter() {
+    return clientRouter;
+}
 export function BrowserRouter(props) {
     const pendingRoute = useRef(null);
     const [transitioning, startTransition] = useTransition();
+    const pendingNavigationClick = useRef(null);
     const [routerState, setRouterState] = useState(() => ({
         activeRoute: initialRoute,
         history: [initialRoute],
         blockers: [],
     }));
-    if (lastRouterState !== routerState) {
-        lastRouterState = routerState;
-    }
     const { internals, api } = useMemo(() => {
         let subscribers = new Set();
         let state = routerState;
@@ -96,8 +97,19 @@ export function BrowserRouter(props) {
                         document.title = title;
                 }
             }
-            setRouterState(state);
+            startTransitionRaw(() => {
+                setRouterState(state);
+            });
         };
+        // If a dynamic compojnent fails to load during a page transition, we need to reload the page
+        subscribers.add((event) => {
+            if (event.type === "error:component-load-failed") {
+                if (state?.pendingRoute) {
+                    console.warn("Failed to load route component. May be a deployment mismatch.");
+                    window.location.href = state.pendingRoute.uri;
+                }
+            }
+        });
         const internals = {
             transitionEnded: null,
             updateRoute: null,
@@ -189,6 +201,7 @@ export function BrowserRouter(props) {
             emitEvent({
                 type: "navigate:start",
                 link,
+                linkData: args.linkData,
                 currentRoute: currentRoute,
                 hasPreloadedData: hasRouteData,
                 goingBack: !!args.goingBack,
@@ -199,7 +212,13 @@ export function BrowserRouter(props) {
             if (cancelled)
                 return;
             const data = await loader.loadRouteData(parseHrefPath(args.url)).catch((err) => {
-                emitEvent({ type: "error", error: err, critical: true });
+                emitEvent({
+                    type: "error",
+                    url: args.url,
+                    error: err,
+                    critical: true,
+                    linkData: args.linkData,
+                });
                 return {
                     view: "_error",
                     viewType: "react",
@@ -228,6 +247,7 @@ export function BrowserRouter(props) {
                     component: lazyComponent,
                     returnState: args.restoreState ?? {},
                     meta: getRouteMeta(data),
+                    linkData: args.linkData,
                 });
             setState({
                 pendingRoute: route,
@@ -237,12 +257,14 @@ export function BrowserRouter(props) {
                 currentRoute,
                 loadedRoute: route,
                 link,
+                linkData: args.linkData,
             });
             emitEvent({
                 type: "navigate:will-change",
                 currentRoute,
                 loadedRoute: route,
                 link,
+                linkData: args.linkData,
             });
             internals.transitionEnded = () => {
                 internals.transitionEnded = null;
@@ -255,8 +277,18 @@ export function BrowserRouter(props) {
                     currentRoute: route,
                     lastRoute: currentRoute,
                     link,
+                    linkData: args.linkData,
                 });
                 $routeMetaStore.data = route.meta;
+                pendingNavigationClick.current = null;
+                // Update the 'Edit Page' button, if there is one
+                if (route.meta.editLink) {
+                    const button = document.querySelector("#wp-admin-bar-edit a");
+                    if (button) {
+                        button.setAttribute("href", route.meta.editLink);
+                        button.innerHTML = "Edit Page";
+                    }
+                }
             };
             startTransition(() => {
                 pendingRoute.current = route;
@@ -268,11 +300,13 @@ export function BrowserRouter(props) {
         }
         const api = {
             loader: loader,
-            async navigate(url) {
+            hostname: window?._PAGE_DATA?.hostname,
+            async navigate(url, args) {
                 doRouteTransition({
                     url: url,
                     shouldPush: true,
                     goingBack: false,
+                    linkData: args?.linkData,
                 });
             },
             getState() {
@@ -302,7 +336,7 @@ export function BrowserRouter(props) {
                     });
                 }
                 catch (err) {
-                    emitEvent({ type: "error", error: err, critical: false });
+                    emitEvent({ type: "error", error: err, critical: false, linkData: undefined });
                 }
             },
             async preload(url) {
@@ -320,7 +354,7 @@ export function BrowserRouter(props) {
                     }
                 }
                 catch (err) {
-                    emitEvent({ type: "error", error: err, critical: false });
+                    emitEvent({ type: "error", error: err, critical: false, linkData: undefined });
                 }
             },
             subscribe(fn) {
@@ -329,9 +363,37 @@ export function BrowserRouter(props) {
                     subscribers.delete(fn);
                 };
             },
-            handleClickEvent(e, originalHref, preferBack) {
-                const { mode, href } = getLinkHandlerMode(e, originalHref, state.activeRoute);
-                if (mode === "ignore") {
+            handleClickEvent(e, originalHref, preferBack, eventTarget, linkData) {
+                const { mode, href, isSameUrl } = getLinkHandlerMode(e, originalHref, state.activeRoute);
+                let cancelled = false;
+                // If the same link has only just been clicked very recently, ignore it.
+                // Likely this is a double-click, or the page has taken a bit longer to load than the user expected.
+                if (pendingNavigationClick.current && pendingNavigationClick.current.href === href) {
+                    const pendingAge = Date.now() - pendingNavigationClick.current.startTime;
+                    if (pendingAge < 1000) {
+                        e.preventDefault();
+                        return;
+                    }
+                }
+                else {
+                    pendingNavigationClick.current = { startTime: Date.now(), href: href };
+                }
+                if (href) {
+                    emitEvent({
+                        type: "clicked",
+                        currentRoute: getActiveRoute(),
+                        link: parseRouteLink(href),
+                        linkData,
+                        mode,
+                        href,
+                        isSameUrl,
+                        target: (eventTarget || e.currentTarget || e.target),
+                        cancel() {
+                            cancelled = true;
+                        },
+                    });
+                }
+                if (mode === "ignore" || cancelled) {
                     e.preventDefault();
                     return;
                 }
@@ -350,7 +412,9 @@ export function BrowserRouter(props) {
                             }
                         }
                     }
-                    api.navigate(href);
+                    api.navigate(href, {
+                        linkData,
+                    });
                 }
             },
             emitEvent,
@@ -423,5 +487,12 @@ export function BrowserRouter(props) {
             window.removeEventListener("popstate", onPopState);
         };
     }, []);
+    useEffect(() => {
+        props.onReady?.();
+    }, []);
+    clientRouter = {
+        state: routerState,
+        api,
+    };
     return (_jsx(RouterContext.Provider, { value: api, children: _jsx(RouterStateContext.Provider, { value: routerState, children: _jsx(AppRenderer, {}) }) }));
 }

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

@@ -10,3 +10,4 @@ type Props = PropsWithChildren<{
  */
 export declare function ClientOnly(props: Props): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
 export {};
+//# sourceMappingURL=ClientOnly.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClientOnly.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/routing/components/ClientOnly.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGnD,KAAK,KAAK,GAAG,iBAAiB,CAAC;IAC7B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAC,CAAA;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,oHAMtC"}

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

@@ -1,14 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { useIsSSR } from "../hooks/useIsSSR.js";
+import { useHydrating } from "../hooks/useHydrating.js";
 /**
  * Renders children, but only on the client.
  *
  * The optional 'fallback' prop can be used to show a loading state or placeholder content while the client bundle is loading.
  */
 export function ClientOnly(props) {
-    const mounted = useIsSSR();
-    if (!mounted)
+    const mounted = useHydrating();
+    if (mounted)
         return props.fallback ?? null;
     return _jsx(Fragment, { children: props.children });
 }

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

@@ -1,10 +1,28 @@
-import { ComponentPropsWithRef, ElementType, ReactElement } from "react";
-type Props<T extends ElementType = "a"> = NoInfer<Omit<ComponentPropsWithRef<T>, "href">> & {
+import { ComponentPropsWithRef, ElementType, MouseEvent, ReactElement } from "react";
+import { LinkClickData } from "../types.js";
+type Props<T extends ElementType = "a"> = NoInfer<Omit<ComponentPropsWithRef<T>, "href" | "target">> & {
     href?: string | null;
     target?: string | null;
     as?: T;
     preferBack?: boolean | "exact";
+    linkData?: LinkClickData;
 };
+export declare function useLinkProps<T extends ElementType = "a">(props: Exclude<Props<T>, "as">, ref?: React.Ref<HTMLAnchorElement>): ({
+    ref: import("react").Ref<HTMLAnchorElement> | undefined;
+    "data-active": boolean | "path" | "query" | "exact" | undefined;
+    "data-child-active": boolean | undefined;
+    "data-pending": "path" | "query" | "exact" | undefined;
+} & Exclude<Props<T>, "as"> & {
+    href: string;
+    onMouseEnter: (e: MouseEvent) => void;
+    onPointerDown: (e: PointerEvent) => void;
+    onClick: (e: MouseEvent) => void;
+}) | ({
+    ref: import("react").Ref<HTMLAnchorElement> | undefined;
+} & Exclude<Props<T>, "as"> & {
+    href: string | undefined;
+    onClick: (e: MouseEvent) => void;
+});
 export declare const Link: <T extends ElementType = "a">(props: Props<T>) => ReactElement;
 /**
  * Provides information about the given href parameter, such as whether it is active, whether a child page is active, or whether it is loading.
@@ -25,3 +43,4 @@ export declare function useLinkState(href: string): {
     pending: "path" | "query" | "exact" | undefined;
 };
 export {};
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/routing/components/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAsC,MAAM,OAAO,CAAA;AAIxH,OAAO,EAAE,aAAa,EAAc,MAAM,aAAa,CAAA;AAKvD,KAAK,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC,GAAG;IACrG,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAA;CACzB,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EACtD,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;;;;;;;sBAuBd,UAAU;uBAOT,YAAY;iBAOlB,UAAU;;;;;iBA9BR,UAAU;GAwC5B;AAED,eAAO,MAAM,IAAI,EAIX,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,YAAY,CAAA;AAKpE;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM;;;;;;;;;;;;EA6BxC"}

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

@@ -1,32 +1,58 @@
-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.js";
+import { useHydrating } from "../hooks/useHydrating.js";
 import { useRouter } from "../hooks/useRouter.js";
-import { addTrailingSlash, isSameOrigin } from "../utils.js";
+import { addTrailingSlash, getLinkHandlerMode, isSameOrigin } from "../utils.js";
 import { useRoute } from "../hooks/useRoute.js";
 import { useRouterState } from "../hooks/useRouterState.js";
-export const Link = forwardRef(({ preferBack, as, ...props }, ref) => {
-    const Comp = as || "a";
+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 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: addTrailingSlash(props.href), onMouseEnter: (e) => {
-                if (props.onMouseEnter) {
-                    props.onMouseEnter(e);
-                }
+    const router = useRouter();
+    const state = useLinkState(props.href ?? "");
+    const finalProps = {
+        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) => {
+            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, preferBack);
-            } }));
-    }
+            }
+        },
+        onPointerDown: (e) => {
+            props.onPointerDown?.(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, undefined, props.linkData);
+        },
+    };
+    delete finalProps.preferBack;
+    delete finalProps.linkData;
+    return finalProps;
+}
+export const Link = forwardRef(({ as, ...props }, ref) => {
+    const Comp = as || "a";
+    const finalProps = useLinkProps(props, ref);
+    return createElement(Comp, finalProps);
 });
 // @ts-ignore
 Link.displayName = "Link";
@@ -38,7 +64,7 @@ Link.displayName = "Link";
 export function useLinkState(href) {
     const route = useRoute();
     const pendingRoute = useRouterState((r) => r.pendingRoute);
-    const isSSR = useIsSSR();
+    const isSSR = useHydrating();
     const state = useMemo(() => {
         // If we're in SSR mode, do a quick and dirty check, which relies on the href being relative.
         if (isSSR) {
@@ -54,8 +80,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,
@@ -83,6 +109,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, false, link);
+            }
+            else if (e.target instanceof HTMLElement) {
+                const link = e.target.closest("a");
+                if (link) {
+                    handleClickEvent?.(e, link.href, false, link);
+                }
+            }
+        } }));
+}

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

@@ -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

@@ -21,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(RouteErrorBoundary, { route: props.route, children: _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

@@ -2,8 +2,11 @@ import { PropsWithChildren } from "react";
 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

@@ -7,6 +7,8 @@ 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(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/context.d.ts

@@ -6,3 +6,4 @@ 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/hooks/{useIsSSR.d.ts → useHydrating.d.ts}

@@ -5,4 +5,11 @@
  *
  * On the client, this hook will return `true` once, after hydration, and then switch to `false`.
  */
+export declare function useHydrating(): boolean;
+/**
+ * Alias of useHydrating (was renamed)
+ * @deprecated
+ * @see useHydrating
+ */
 export declare function useIsSSR(): boolean;
+//# sourceMappingURL=useHydrating.d.ts.map

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

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

package/dist/app/lib/routing/hooks/{useIsSSR.js → useHydrating.js}

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { startTransition, useEffect, useState } from "react";
 let isSSR = true;
 /**
  * Use this function to help with SSR edge-cases.
@@ -7,12 +7,14 @@ let isSSR = true;
  *
  * On the client, this hook will return `true` once, after hydration, and then switch to `false`.
  */
-export function useIsSSR() {
+export function useHydrating() {
     const [value, setValue] = useState(isSSR);
     useEffect(() => {
         if (!isSSR)
             return;
-        setValue(false);
+        startTransition(() => {
+            setValue(false);
+        });
         const timer = setTimeout(() => {
             isSSR = false;
         }, 5000);
@@ -20,3 +22,11 @@ export function useIsSSR() {
     }, []);
     return value;
 }
+/**
+ * Alias of useHydrating (was renamed)
+ * @deprecated
+ * @see useHydrating
+ */
+export function useIsSSR() {
+    return useHydrating();
+}

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

@@ -4,3 +4,4 @@ import { Dispatch } from "react";
  * 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): [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,EAA0C,MAAM,OAAO,CAAA;AAIxE;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAkBhF"}

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

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { startTransition, useCallback, useState } from "react";
 import { useRouterEvents } from "./useRouterEvents.js";
 import { useRoute } from "./useRoute.js";
 /**
@@ -9,10 +9,15 @@ export function useRestorableState(key, fallback) {
     const route = useRoute();
     const initial = route.returnState?.[key] ?? fallback;
     const [state, setState] = useState(initial);
+    const dispatch = useCallback((value) => {
+        startTransition(() => {
+            setState(value);
+        });
+    }, []);
     useRouterEvents((event) => {
         if (event.type === "capture-restorable-state") {
             event.state[key] = state;
         }
     });
-    return [state, setState];
+    return [state, dispatch];
 }

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

@@ -15,3 +15,4 @@ export declare function useRoute(): RouteState;
 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/useRouteMeta.d.ts

@@ -3,3 +3,4 @@ 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/useRouteTransition.d.ts

@@ -2,3 +2,4 @@ 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/useRouter.d.ts

@@ -1,2 +1,3 @@
 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/useRouterEvents.d.ts

@@ -1,2 +1,3 @@
 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"}