@tanstack/vue-router 1.140.1 → 1.141.0

package/dist/source/Scripts.jsx

@@ -1,49 +1,107 @@
+import * as Vue from 'vue';
 import { Asset } from './Asset';
 import { useRouterState } from './useRouterState';
 import { useRouter } from './useRouter';
-export const Scripts = () => {
-    const router = useRouter();
-    const assetScripts = useRouterState({
-        select: (state) => {
-            const assetScripts = [];
-            const manifest = router.ssr?.manifest;
-            if (!manifest) {
-                return [];
+// Script that sets the defer flag for Vue - must run BEFORE TSR bootstrap script
+// This prevents $_TSR.c() from removing scripts until Vue hydration is complete
+const VUE_DEFER_SCRIPT = 'self.$_TSR_DEFER=true';
+export const Scripts = Vue.defineComponent({
+    name: 'Scripts',
+    setup() {
+        const router = useRouter();
+        const nonce = router.options.ssr?.nonce;
+        const assetScripts = useRouterState({
+            select: (state) => {
+                const assetScripts = [];
+                const manifest = router.ssr?.manifest;
+                if (!manifest) {
+                    return [];
+                }
+                state.matches
+                    .map((match) => router.looseRoutesById[match.routeId])
+                    .forEach((route) => manifest.routes[route.id]?.assets
+                    ?.filter((d) => d.tag === 'script')
+                    .forEach((asset) => {
+                    assetScripts.push({
+                        tag: 'script',
+                        attrs: { ...asset.attrs, nonce },
+                        children: asset.children,
+                    });
+                }));
+                return assetScripts;
+            },
+        });
+        const scripts = useRouterState({
+            select: (state) => ({
+                scripts: state.matches
+                    .map((match) => match.scripts)
+                    .flat(1)
+                    .filter(Boolean).map(({ children, ...script }) => ({
+                    tag: 'script',
+                    attrs: {
+                        ...script,
+                        nonce,
+                    },
+                    children,
+                })),
+            }),
+        });
+        const mounted = Vue.ref(false);
+        Vue.onMounted(() => {
+            mounted.value = true;
+        });
+        return () => {
+            const allScripts = [];
+            if (router.serverSsr) {
+                allScripts.push({
+                    tag: 'script',
+                    attrs: { nonce },
+                    children: VUE_DEFER_SCRIPT,
+                });
+                const serverBufferedScript = router.serverSsr.takeBufferedScripts();
+                if (serverBufferedScript) {
+                    allScripts.push(serverBufferedScript);
+                }
             }
-            state.matches
-                .map((match) => router.looseRoutesById[match.routeId])
-                .forEach((route) => manifest.routes[route.id]?.assets
-                ?.filter((d) => d.tag === 'script')
-                .forEach((asset) => {
-                assetScripts.push({
+            else if (router.ssr && !mounted.value) {
+                allScripts.push({
+                    tag: 'script',
+                    attrs: { nonce, 'data-allow-mismatch': true },
+                    children: '',
+                });
+                allScripts.push({
                     tag: 'script',
-                    attrs: asset.attrs,
-                    children: asset.children,
+                    attrs: {
+                        nonce,
+                        class: '$tsr',
+                        id: '$tsr-stream-barrier',
+                        'data-allow-mismatch': true,
+                    },
+                    children: '',
                 });
-            }));
-            return assetScripts;
-        },
-    });
-    const scripts = useRouterState({
-        select: (state) => ({
-            scripts: state.matches
-                .map((match) => match.scripts)
-                .flat(1)
-                .filter(Boolean).map(({ children, ...script }) => ({
-                tag: 'script',
-                attrs: {
-                    ...script,
-                },
-                children,
-            })),
-        }),
-    });
-    const allScripts = [
-        ...scripts.value.scripts,
-        ...assetScripts.value,
-    ];
-    return (<>
-      {allScripts.map((asset, i) => (<Asset {...asset} key={i}/>))}
-    </>);
-};
+                for (const asset of assetScripts.value) {
+                    allScripts.push({
+                        tag: 'script',
+                        attrs: {
+                            ...asset.attrs,
+                            'data-allow-mismatch': true,
+                        },
+                        children: '',
+                    });
+                }
+            }
+            for (const script of scripts.value.scripts) {
+                allScripts.push(script);
+            }
+            if (mounted.value || router.serverSsr) {
+                for (const asset of assetScripts.value) {
+                    allScripts.push(asset);
+                }
+            }
+            return (<>
+          {allScripts.map((asset, i) => (<Asset {...asset} key={`tsr-scripts-${asset.tag}-${i}`}/>))}
+        </>);
+        };
+    },
+});
 //# sourceMappingURL=Scripts.jsx.map

package/dist/source/Scripts.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Scripts.jsx","sourceRoot":"","sources":["../../src/Scripts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,YAAY,GAAG,cAAc,CAAC;QAClC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,MAAM,YAAY,GAA4B,EAAE,CAAA;YAChD,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAA;YAErC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,OAAO,EAAE,CAAA;YACX,CAAC;YAED,KAAK,CAAC,OAAO;iBACV,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAE,CAAC;iBACtD,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CACjB,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,MAAM;gBAC/B,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC;iBAClC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACjB,YAAY,CAAC,IAAI,CAAC;oBAChB,GAAG,EAAE,QAAQ;oBACb,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ;iBAClB,CAAC,CAAA;YACX,CAAC,CAAC,CACL,CAAA;YAEH,OAAO,YAAY,CAAA;QACrB,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,cAAc,CAAC;QAC7B,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAClB,OAAO,EACL,KAAK,CAAC,OAAO;iBACV,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAQ,CAAC;iBAC9B,IAAI,CAAC,CAAC,CAAC;iBACP,MAAM,CAAC,OAAO,CAClB,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;gBAClC,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE;oBACL,GAAG,MAAM;iBACV;gBACD,QAAQ;aACT,CAAC,CAAC;SACJ,CAAC;KACH,CAAC,CAAA;IAEF,MAAM,UAAU,GAAG;QACjB,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO;QACxB,GAAG,YAAY,CAAC,KAAK;KACK,CAAA;IAE5B,OAAO,CACL,EACE;MAAA,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5B,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAG,CAC7B,CAAC,CACJ;IAAA,GAAG,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Scripts.jsx","sourceRoot":"","sources":["../../src/Scripts.tsx"],"names":[],"mappings":"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"}

package/dist/source/Transitioner.d.ts

@@ -1,2 +1,18 @@
 import * as Vue from 'vue';
+/**
+ * Composable that sets up router transition logic.
+ * This is called from MatchesContent to set up:
+ * - router.startTransition
+ * - router.startViewTransition
+ * - History subscription
+ * - Router event watchers
+ *
+ * Must be called during component setup phase.
+ */
+export declare function useTransitionerSetup(): void;
+/**
+ * @deprecated Use useTransitionerSetup() composable instead.
+ * This component is kept for backwards compatibility but the setup logic
+ * has been moved to useTransitionerSetup() for better SSR hydration.
+ */
 export declare const Transitioner: Vue.DefineComponent<{}, () => null, {}, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {}, string, Vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, Vue.ComponentProvideOptions, true, {}, any>;

package/dist/source/Transitioner.jsx

@@ -3,178 +3,198 @@ import { getLocationChangeInfo, handleHashScroll, trimPathRight, } from '@tansta
 import { useRouter } from './useRouter';
 import { useRouterState } from './useRouterState';
 import { usePrevious } from './utils';
-export const Transitioner = Vue.defineComponent({
-    name: 'Transitioner',
-    setup() {
-        const router = useRouter();
-        let mountLoadForRouter = { router, mounted: false };
-        if (router.isServer) {
-            return () => null;
+// Track mount state per router to avoid double-loading
+let mountLoadForRouter = { router: null, mounted: false };
+/**
+ * Composable that sets up router transition logic.
+ * This is called from MatchesContent to set up:
+ * - router.startTransition
+ * - router.startViewTransition
+ * - History subscription
+ * - Router event watchers
+ *
+ * Must be called during component setup phase.
+ */
+export function useTransitionerSetup() {
+    const router = useRouter();
+    // Skip on server - no transitions needed
+    if (router.isServer) {
+        return;
+    }
+    const isLoading = useRouterState({
+        select: ({ isLoading }) => isLoading,
+    });
+    // Track if we're in a transition - using a ref to track async transitions
+    const isTransitioning = Vue.ref(false);
+    // Track pending state changes
+    const hasPendingMatches = useRouterState({
+        select: (s) => s.matches.some((d) => d.status === 'pending'),
+    });
+    const previousIsLoading = usePrevious(() => isLoading.value);
+    const isAnyPending = Vue.computed(() => isLoading.value || isTransitioning.value || hasPendingMatches.value);
+    const previousIsAnyPending = usePrevious(() => isAnyPending.value);
+    const isPagePending = Vue.computed(() => isLoading.value || hasPendingMatches.value);
+    const previousIsPagePending = usePrevious(() => isPagePending.value);
+    // Implement startTransition similar to React/Solid
+    // Vue doesn't have a native useTransition like React 18, so we simulate it
+    // We also update the router state's isTransitioning flag so useMatch can check it
+    router.startTransition = (fn) => {
+        isTransitioning.value = true;
+        // Also update the router state so useMatch knows we're transitioning
+        try {
+            router.__store.setState((s) => ({ ...s, isTransitioning: true }));
         }
-        const isLoading = useRouterState({
-            select: ({ isLoading }) => isLoading,
-        });
-        // Track if we're in a transition - using a ref to track async transitions
-        const isTransitioning = Vue.ref(false);
-        // Track pending state changes
-        const hasPendingMatches = useRouterState({
-            select: (s) => s.matches.some((d) => d.status === 'pending'),
-        });
-        const previousIsLoading = usePrevious(() => isLoading.value);
-        const isAnyPending = Vue.computed(() => isLoading.value || isTransitioning.value || hasPendingMatches.value);
-        const previousIsAnyPending = usePrevious(() => isAnyPending.value);
-        const isPagePending = Vue.computed(() => isLoading.value || hasPendingMatches.value);
-        const previousIsPagePending = usePrevious(() => isPagePending.value);
-        // Implement startTransition similar to React/Solid
-        // Vue doesn't have a native useTransition like React 18, so we simulate it
-        // We also update the router state's isTransitioning flag so useMatch can check it
-        router.startTransition = (fn) => {
-            isTransitioning.value = true;
-            // Also update the router state so useMatch knows we're transitioning
-            try {
-                router.__store.setState((s) => ({ ...s, isTransitioning: true }));
-            }
-            catch {
-                // Ignore errors if component is unmounted
-            }
-            // Helper to end the transition
-            const endTransition = () => {
-                // Use nextTick to ensure Vue has processed all reactive updates
-                Vue.nextTick(() => {
-                    try {
-                        isTransitioning.value = false;
-                        router.__store.setState((s) => ({ ...s, isTransitioning: false }));
-                    }
-                    catch {
-                        // Ignore errors if component is unmounted
-                    }
-                });
-            };
-            // Execute the function synchronously
-            // The function internally may call startViewTransition which schedules async work
-            // via document.startViewTransition, but we don't need to wait for it here
-            // because Vue's reactivity will trigger re-renders when state changes
-            fn();
-            // End the transition on next tick to allow Vue to process reactive updates
-            endTransition();
-        };
-        // For Vue, we need to completely override startViewTransition because Vue's
-        // async rendering doesn't work well with the View Transitions API's requirement
-        // for synchronous DOM updates. The browser expects the DOM to be updated
-        // when the callback promise resolves, but Vue updates asynchronously.
-        //
-        // Our approach: Skip the actual view transition animation but still update state.
-        // This ensures navigation works correctly even without the visual transition.
-        // In the future, we could explore using viewTransition.captured like vue-view-transitions does.
-        router.startViewTransition = (fn) => {
-            // Just run the callback directly without wrapping in document.startViewTransition
-            // This ensures the state updates happen and Vue can render them normally
-            fn();
-        };
-        // Subscribe to location changes
-        // and try to load the new location
-        let unsubscribe;
-        Vue.onMounted(() => {
-            unsubscribe = router.history.subscribe(router.load);
-            const nextLocation = router.buildLocation({
-                to: router.latestLocation.pathname,
-                search: true,
-                params: true,
-                hash: true,
-                state: true,
-                _includeValidateSearch: true,
-            });
-            if (trimPathRight(router.latestLocation.href) !==
-                trimPathRight(nextLocation.href)) {
-                router.commitLocation({ ...nextLocation, replace: true });
-            }
-        });
-        // Track if component is mounted to prevent updates after unmount
-        const isMounted = Vue.ref(false);
-        Vue.onMounted(() => {
-            isMounted.value = true;
-        });
-        Vue.onUnmounted(() => {
-            isMounted.value = false;
-            if (unsubscribe) {
-                unsubscribe();
-            }
-        });
-        // Try to load the initial location
-        Vue.onMounted(() => {
-            if ((typeof window !== 'undefined' && router.ssr) ||
-                (mountLoadForRouter.router === router && mountLoadForRouter.mounted)) {
-                return;
-            }
-            mountLoadForRouter = { router, mounted: true };
-            const tryLoad = async () => {
+        catch {
+            // Ignore errors if component is unmounted
+        }
+        // Helper to end the transition
+        const endTransition = () => {
+            // Use nextTick to ensure Vue has processed all reactive updates
+            Vue.nextTick(() => {
                 try {
-                    await router.load();
+                    isTransitioning.value = false;
+                    router.__store.setState((s) => ({ ...s, isTransitioning: false }));
                 }
-                catch (err) {
-                    console.error(err);
+                catch {
+                    // Ignore errors if component is unmounted
                 }
-            };
-            tryLoad();
+            });
+        };
+        // Execute the function synchronously
+        // The function internally may call startViewTransition which schedules async work
+        // via document.startViewTransition, but we don't need to wait for it here
+        // because Vue's reactivity will trigger re-renders when state changes
+        fn();
+        // End the transition on next tick to allow Vue to process reactive updates
+        endTransition();
+    };
+    // For Vue, we need to completely override startViewTransition because Vue's
+    // async rendering doesn't work well with the View Transitions API's requirement
+    // for synchronous DOM updates. The browser expects the DOM to be updated
+    // when the callback promise resolves, but Vue updates asynchronously.
+    //
+    // Our approach: Skip the actual view transition animation but still update state.
+    // This ensures navigation works correctly even without the visual transition.
+    // In the future, we could explore using viewTransition.captured like vue-view-transitions does.
+    router.startViewTransition = (fn) => {
+        // Just run the callback directly without wrapping in document.startViewTransition
+        // This ensures the state updates happen and Vue can render them normally
+        fn();
+    };
+    // Subscribe to location changes
+    // and try to load the new location
+    let unsubscribe;
+    Vue.onMounted(() => {
+        unsubscribe = router.history.subscribe(router.load);
+        const nextLocation = router.buildLocation({
+            to: router.latestLocation.pathname,
+            search: true,
+            params: true,
+            hash: true,
+            state: true,
+            _includeValidateSearch: true,
         });
-        // Setup watchers for emitting events
-        // All watchers check isMounted to prevent updates after unmount
-        Vue.watch(() => isLoading.value, (newValue) => {
-            if (!isMounted.value)
-                return;
+        if (trimPathRight(router.latestLocation.href) !==
+            trimPathRight(nextLocation.href)) {
+            router.commitLocation({ ...nextLocation, replace: true });
+        }
+    });
+    // Track if component is mounted to prevent updates after unmount
+    const isMounted = Vue.ref(false);
+    Vue.onMounted(() => {
+        isMounted.value = true;
+    });
+    Vue.onUnmounted(() => {
+        isMounted.value = false;
+        if (unsubscribe) {
+            unsubscribe();
+        }
+    });
+    // Try to load the initial location
+    Vue.onMounted(() => {
+        if ((typeof window !== 'undefined' && router.ssr) ||
+            (mountLoadForRouter.router === router && mountLoadForRouter.mounted)) {
+            return;
+        }
+        mountLoadForRouter = { router, mounted: true };
+        const tryLoad = async () => {
             try {
-                if (previousIsLoading.value.previous && !newValue) {
-                    router.emit({
-                        type: 'onLoad',
-                        ...getLocationChangeInfo(router.state),
-                    });
-                }
+                await router.load();
             }
-            catch {
-                // Ignore errors if component is unmounted
+            catch (err) {
+                console.error(err);
             }
-        });
-        Vue.watch(isPagePending, (newValue) => {
-            if (!isMounted.value)
-                return;
-            try {
-                // emit onBeforeRouteMount
-                if (previousIsPagePending.value.previous && !newValue) {
-                    router.emit({
-                        type: 'onBeforeRouteMount',
-                        ...getLocationChangeInfo(router.state),
-                    });
-                }
+        };
+        tryLoad();
+    });
+    // Setup watchers for emitting events
+    // All watchers check isMounted to prevent updates after unmount
+    Vue.watch(() => isLoading.value, (newValue) => {
+        if (!isMounted.value)
+            return;
+        try {
+            if (previousIsLoading.value.previous && !newValue) {
+                router.emit({
+                    type: 'onLoad',
+                    ...getLocationChangeInfo(router.state),
+                });
             }
-            catch {
-                // Ignore errors if component is unmounted
+        }
+        catch {
+            // Ignore errors if component is unmounted
+        }
+    });
+    Vue.watch(isPagePending, (newValue) => {
+        if (!isMounted.value)
+            return;
+        try {
+            // emit onBeforeRouteMount
+            if (previousIsPagePending.value.previous && !newValue) {
+                router.emit({
+                    type: 'onBeforeRouteMount',
+                    ...getLocationChangeInfo(router.state),
+                });
             }
-        });
-        Vue.watch(isAnyPending, (newValue) => {
-            if (!isMounted.value)
-                return;
-            try {
-                // The router was pending and now it's not
-                if (previousIsAnyPending.value.previous && !newValue) {
-                    const changeInfo = getLocationChangeInfo(router.state);
-                    router.emit({
-                        type: 'onResolved',
-                        ...changeInfo,
-                    });
-                    router.__store.setState((s) => ({
-                        ...s,
-                        status: 'idle',
-                        resolvedLocation: s.location,
-                    }));
-                    if (changeInfo.hrefChanged) {
-                        handleHashScroll(router);
-                    }
+        }
+        catch {
+            // Ignore errors if component is unmounted
+        }
+    });
+    Vue.watch(isAnyPending, (newValue) => {
+        if (!isMounted.value)
+            return;
+        try {
+            // The router was pending and now it's not
+            if (previousIsAnyPending.value.previous && !newValue) {
+                const changeInfo = getLocationChangeInfo(router.state);
+                router.emit({
+                    type: 'onResolved',
+                    ...changeInfo,
+                });
+                router.__store.setState((s) => ({
+                    ...s,
+                    status: 'idle',
+                    resolvedLocation: s.location,
+                }));
+                if (changeInfo.hrefChanged) {
+                    handleHashScroll(router);
                 }
             }
-            catch {
-                // Ignore errors if component is unmounted
-            }
-        });
+        }
+        catch {
+            // Ignore errors if component is unmounted
+        }
+    });
+}
+/**
+ * @deprecated Use useTransitionerSetup() composable instead.
+ * This component is kept for backwards compatibility but the setup logic
+ * has been moved to useTransitionerSetup() for better SSR hydration.
+ */
+export const Transitioner = Vue.defineComponent({
+    name: 'Transitioner',
+    setup() {
+        useTransitionerSetup();
         return () => null;
     },
 });

package/dist/source/Transitioner.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Transitioner.jsx","sourceRoot":"","sources":["../../src/Transitioner.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Transitioner.jsx","sourceRoot":"","sources":["../../src/Transitioner.tsx"],"names":[],"mappings":"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"}

package/dist/source/awaited.d.ts

@@ -4,9 +4,24 @@ export type AwaitOptions<T> = {
     promise: Promise<T>;
 };
 export declare function useAwaited<T>({ promise: _promise, }: AwaitOptions<T>): [T, DeferredPromise<T>];
-export declare function Await<T>(props: AwaitOptions<T> & {
-    fallback?: Vue.VNode;
-    children: (result: T) => Vue.VNode;
-}): () => Vue.VNode<Vue.RendererNode, Vue.RendererElement, {
+export declare const Await: Vue.DefineComponent<Vue.ExtractPropTypes<{
+    promise: {
+        type: PromiseConstructor;
+        required: true;
+    };
+    children: {
+        type: FunctionConstructor;
+        required: true;
+    };
+}>, () => Vue.VNode<Vue.RendererNode, Vue.RendererElement, {
     [key: string]: any;
-}> | undefined;
+}>, {}, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {}, string, Vue.PublicProps, Readonly<Vue.ExtractPropTypes<{
+    promise: {
+        type: PromiseConstructor;
+        required: true;
+    };
+    children: {
+        type: FunctionConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, Vue.ComponentProvideOptions, true, {}, any>;