@tanstack/vue-router 1.168.1 → 1.168.3

package/dist/source/useLoaderDeps.d.ts

@@ -1,7 +1,8 @@
+import type * as Vue from 'vue';
 import type { AnyRouter, RegisteredRouter, ResolveUseLoaderDeps, StrictOrFrom, UseLoaderDepsResult } from '@tanstack/router-core';
 export interface UseLoaderDepsBaseOptions<TRouter extends AnyRouter, TFrom, TSelected> {
     select?: (deps: ResolveUseLoaderDeps<TRouter, TFrom>) => TSelected;
 }
 export type UseLoaderDepsOptions<TRouter extends AnyRouter, TFrom extends string | undefined, TSelected> = StrictOrFrom<TRouter, TFrom> & UseLoaderDepsBaseOptions<TRouter, TFrom, TSelected>;
-export type UseLoaderDepsRoute<out TId> = <TRouter extends AnyRouter = RegisteredRouter, TSelected = unknown>(opts?: UseLoaderDepsBaseOptions<TRouter, TId, TSelected>) => UseLoaderDepsResult<TRouter, TId, TSelected>;
-export declare function useLoaderDeps<TRouter extends AnyRouter = RegisteredRouter, const TFrom extends string | undefined = undefined, TSelected = unknown>(opts: UseLoaderDepsOptions<TRouter, TFrom, TSelected>): UseLoaderDepsResult<TRouter, TFrom, TSelected>;
+export type UseLoaderDepsRoute<out TId> = <TRouter extends AnyRouter = RegisteredRouter, TSelected = unknown>(opts?: UseLoaderDepsBaseOptions<TRouter, TId, TSelected>) => Vue.Ref<UseLoaderDepsResult<TRouter, TId, TSelected>>;
+export declare function useLoaderDeps<TRouter extends AnyRouter = RegisteredRouter, const TFrom extends string | undefined = undefined, TSelected = unknown>(opts: UseLoaderDepsOptions<TRouter, TFrom, TSelected>): Vue.Ref<UseLoaderDepsResult<TRouter, TFrom, TSelected>>;

package/dist/source/useLoaderDeps.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"useLoaderDeps.jsx","sourceRoot":"","sources":["../../src/useLoaderDeps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AA+BrC,MAAM,UAAU,aAAa,CAK3B,IAAqD;IAErD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAA;IAChC,OAAO,QAAQ,CAAC;QACd,GAAG,IAAI;QACP,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;YACZ,OAAO,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAA;QACrD,CAAC;KACF,CAAmD,CAAA;AACtD,CAAC"}
+{"version":3,"file":"useLoaderDeps.jsx","sourceRoot":"","sources":["../../src/useLoaderDeps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAgCrC,MAAM,UAAU,aAAa,CAK3B,IAAqD;IAErD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAA;IAChC,OAAO,QAAQ,CAAC;QACd,GAAG,IAAI;QACP,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;YACZ,OAAO,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAA;QACrD,CAAC;KACF,CAA4D,CAAA;AAC/D,CAAC"}

package/dist/source/useMatch.jsx

@@ -1,7 +1,7 @@
 import * as Vue from 'vue';
+import { invariant } from '@tanstack/router-core';
 import { useStore } from '@tanstack/vue-store';
 import { isServer } from '@tanstack/router-core/isServer';
-import invariant from 'tiny-invariant';
 import { injectDummyPendingMatch, injectPendingMatch, routeIdContext, } from './matchContext';
 import { useRouter } from './useRouter';
 export function useMatch(opts) {
@@ -14,7 +14,12 @@ export function useMatch(opts) {
             ? router.stores.getMatchStoreByRouteId(opts.from ?? nearestRouteId)
             : undefined;
         const match = matchStore?.state;
-        invariant(!((opts.shouldThrow ?? true) && !match), `Could not find ${opts.from ? `an active match from "${opts.from}"` : 'a nearest match!'}`);
+        if ((opts.shouldThrow ?? true) && !match) {
+            if (process.env.NODE_ENV !== 'production') {
+                throw new Error(`Invariant failed: Could not find ${opts.from ? `an active match from "${opts.from}"` : 'a nearest match!'}`);
+            }
+            invariant();
+        }
         if (match === undefined) {
             return Vue.ref(undefined);
         }
@@ -54,9 +59,14 @@ export function useMatch(opts) {
             const hasPendingMatch = opts.from
                 ? Boolean(hasPendingRouteMatch?.value[opts.from])
                 : hasPendingNearestMatch.value;
-            invariant(!(!hasPendingMatch &&
+            if (!hasPendingMatch &&
                 !isTransitioning.value &&
-                (opts.shouldThrow ?? true)), `Could not find ${opts.from ? `an active match from "${opts.from}"` : 'a nearest match!'}`);
+                (opts.shouldThrow ?? true)) {
+                if (process.env.NODE_ENV !== 'production') {
+                    throw new Error(`Invariant failed: Could not find ${opts.from ? `an active match from "${opts.from}"` : 'a nearest match!'}`);
+                }
+                invariant();
+            }
             return undefined;
         }
         return opts.select ? opts.select(selectedMatch) : selectedMatch;

package/dist/source/useMatch.jsx.map

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

package/dist/source/useRouter.jsx

@@ -1,9 +1,12 @@
 import * as Vue from 'vue';
-import warning from 'tiny-warning';
 import { routerContext } from './routerContext';
 export function useRouter(opts) {
     const value = Vue.inject(routerContext, null);
-    warning(!((opts?.warn ?? true) && !value), 'useRouter must be used inside a <RouterProvider> component!');
+    if (process.env.NODE_ENV !== 'production') {
+        if ((opts?.warn ?? true) && !value) {
+            console.warn('Warning: useRouter must be used inside a <RouterProvider> component!');
+        }
+    }
     return value;
 }
 //# sourceMappingURL=useRouter.jsx.map

package/dist/source/useRouter.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"useRouter.jsx","sourceRoot":"","sources":["../../src/useRouter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAA;AAC1B,OAAO,OAAO,MAAM,cAAc,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C,MAAM,UAAU,SAAS,CAA+C,IAEvE;IACC,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,aAAoB,EAAE,IAAI,CAAC,CAAA;IACpD,OAAO,CACL,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EACjC,6DAA6D,CAC9D,CAAA;IACD,OAAO,KAAY,CAAA;AACrB,CAAC"}
+{"version":3,"file":"useRouter.jsx","sourceRoot":"","sources":["../../src/useRouter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C,MAAM,UAAU,SAAS,CAA+C,IAEvE;IACC,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,aAAoB,EAAE,IAAI,CAAC,CAAA;IACpD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;QAC1C,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACnC,OAAO,CAAC,IAAI,CACV,sEAAsE,CACvE,CAAA;QACH,CAAC;IACH,CAAC;IACD,OAAO,KAAY,CAAA;AACrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/vue-router",
-  "version": "1.168.1",
+  "version": "1.168.3",
   "description": "Modern and scalable routing for Vue applications",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -64,10 +64,8 @@
     "@vue/runtime-dom": "^3.5.25",
     "isbot": "^5.1.22",
     "jsesc": "^3.0.2",
-    "tiny-invariant": "^1.3.3",
-    "tiny-warning": "^1.0.3",
-    "@tanstack/router-core": "1.168.1",
-    "@tanstack/history": "1.161.6"
+    "@tanstack/history": "1.161.6",
+    "@tanstack/router-core": "1.168.3"
   },
   "devDependencies": {
     "@tanstack/intent": "^0.0.14",

package/src/HeadContent.dev.tsx

@@ -3,6 +3,7 @@ import * as Vue from 'vue'
 import { Asset } from './Asset'
 import { useHydrated } from './ClientOnly'
 import { useTags } from './headContentUtils'
+import type { AssetCrossOriginConfig } from '@tanstack/router-core'
 
 const DEV_STYLES_ATTR = 'data-tanstack-router-dev-styles'
 
@@ -14,8 +15,14 @@ const DEV_STYLES_ATTR = 'data-tanstack-router-dev-styles'
  */
 export const HeadContent = Vue.defineComponent({
   name: 'HeadContent',
-  setup() {
-    const tags = useTags()
+  props: {
+    assetCrossOrigin: {
+      type: [String, Object] as Vue.PropType<AssetCrossOriginConfig>,
+      default: undefined,
+    },
+  },
+  setup(props) {
+    const tags = useTags(props.assetCrossOrigin)
     const hydrated = useHydrated()
 
     // Fallback cleanup for hydration mismatch cases

package/src/HeadContent.tsx

@@ -2,6 +2,11 @@ import * as Vue from 'vue'
 
 import { Asset } from './Asset'
 import { useTags } from './headContentUtils'
+import type { AssetCrossOriginConfig } from '@tanstack/router-core'
+
+export interface HeadContentProps {
+  assetCrossOrigin?: AssetCrossOriginConfig
+}
 
 /**
  * @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.
@@ -9,8 +14,14 @@ import { useTags } from './headContentUtils'
  */
 export const HeadContent = Vue.defineComponent({
   name: 'HeadContent',
-  setup() {
-    const tags = useTags()
+  props: {
+    assetCrossOrigin: {
+      type: [String, Object] as Vue.PropType<AssetCrossOriginConfig>,
+      default: undefined,
+    },
+  },
+  setup(props) {
+    const tags = useTags(props.assetCrossOrigin)
 
     return () => {
       return tags().map((tag) =>

package/src/Match.tsx

@@ -1,9 +1,8 @@
 import * as Vue from 'vue'
-import invariant from 'tiny-invariant'
-import warning from 'tiny-warning'
 import {
   createControlledPromise,
   getLocationChangeInfo,
+  invariant,
   isNotFound,
   isRedirect,
   rootRouteId,
@@ -42,10 +41,15 @@ export const Match = Vue.defineComponent({
       props.matchId,
     )?.routeId
 
-    invariant(
-      routeId,
-      `Could not find routeId for matchId "${props.matchId}". Please file an issue!`,
-    )
+    if (!routeId) {
+      if (process.env.NODE_ENV !== 'production') {
+        throw new Error(
+          `Invariant failed: Could not find routeId for matchId "${props.matchId}". Please file an issue!`,
+        )
+      }
+
+      invariant()
+    }
 
     // Static route-tree check: is this route a direct child of the root?
     // parentRoute is set at build time, so no reactive tracking needed.
@@ -187,7 +191,9 @@ export const Match = Vue.defineComponent({
             onCatch: (error: Error) => {
               // Forward not found errors (we don't want to show the error component for these)
               if (isNotFound(error)) throw error
-              warning(false, `Error in route match: ${actualMatchId}`)
+              if (process.env.NODE_ENV !== 'production') {
+                console.warn(`Warning: Error in route match: ${actualMatchId}`)
+              }
               routeOnCatch.value?.(error)
             },
             children: content,
@@ -358,12 +364,24 @@ export const MatchInner = Vue.defineComponent({
       }
 
       if (match.value.status === 'notFound') {
-        invariant(isNotFound(match.value.error), 'Expected a notFound error')
+        if (!isNotFound(match.value.error)) {
+          if (process.env.NODE_ENV !== 'production') {
+            throw new Error('Invariant failed: Expected a notFound error')
+          }
+
+          invariant()
+        }
         return renderRouteNotFound(router, route.value, match.value.error)
       }
 
       if (match.value.status === 'redirected') {
-        invariant(isRedirect(match.value.error), 'Expected a redirect error')
+        if (!isRedirect(match.value.error)) {
+          if (process.env.NODE_ENV !== 'production') {
+            throw new Error('Invariant failed: Expected a redirect error')
+          }
+
+          invariant()
+        }
         throw router.getMatch(match.value.id)?._nonReactive.loadPromise
       }
 

package/src/Matches.tsx

@@ -1,5 +1,4 @@
 import * as Vue from 'vue'
-import warning from 'tiny-warning'
 import { isServer } from '@tanstack/router-core/isServer'
 import { useStore } from '@tanstack/vue-store'
 import { CatchBoundary } from './CatchBoundary'
@@ -129,11 +128,10 @@ const MatchesInner = Vue.defineComponent({
         onCatch:
           process.env.NODE_ENV !== 'production'
             ? (error: Error) => {
-                warning(
-                  false,
-                  `The following error wasn't caught by any route! At the very least, consider setting an 'errorComponent' in your RootRoute!`,
+                console.warn(
+                  `Warning: The following error wasn't caught by any route! At the very least, consider setting an 'errorComponent' in your RootRoute!`,
                 )
-                warning(false, error.message || error.toString())
+                console.warn(`Warning: ${error.message || error.toString()}`)
               }
             : undefined,
         children: childElement,

package/src/fileRoute.ts

@@ -1,4 +1,3 @@
-import warning from 'tiny-warning'
 import { createRoute } from './route'
 
 import { useMatch } from './useMatch'
@@ -140,10 +139,11 @@ export class FileRoute<
     THandlers
   > => {
     if (process.env.NODE_ENV !== 'production') {
-      warning(
-        this.silent,
-        'FileRoute is deprecated and will be removed in the next major version. Use the createFileRoute(path)(options) function instead.',
-      )
+      if (!this.silent) {
+        console.warn(
+          'Warning: FileRoute is deprecated and will be removed in the next major version. Use the createFileRoute(path)(options) function instead.',
+        )
+      }
     }
     const route = createRoute(options as any)
     ;(route as any).isRoot = false
@@ -177,9 +177,8 @@ export function FileRouteLoader<
   >,
 ) => TLoaderFn {
   if (process.env.NODE_ENV !== 'production') {
-    warning(
-      false,
-      `FileRouteLoader is deprecated and will be removed in the next major version. Please place the loader function in the the main route file, inside the \`createFileRoute('/path/to/file')(options)\` options`,
+    console.warn(
+      `Warning: FileRouteLoader is deprecated and will be removed in the next major version. Please place the loader function in the the main route file, inside the \`createFileRoute('/path/to/file')(options)\` options`,
     )
   }
   return (loaderFn) => loaderFn as any

package/src/headContentUtils.tsx

@@ -1,10 +1,17 @@
 import * as Vue from 'vue'
-import { escapeHtml } from '@tanstack/router-core'
+import {
+  escapeHtml,
+  getAssetCrossOrigin,
+  resolveManifestAssetLink,
+} from '@tanstack/router-core'
 import { useStore } from '@tanstack/vue-store'
 import { useRouter } from './useRouter'
-import type { RouterManagedTag } from '@tanstack/router-core'
+import type {
+  AssetCrossOriginConfig,
+  RouterManagedTag,
+} from '@tanstack/router-core'
 
-export const useTags = () => {
+export const useTags = (assetCrossOrigin?: AssetCrossOriginConfig) => {
   const router = useRouter()
   const matches = useStore(
     router.stores.activeMatchesSnapshot,
@@ -95,11 +102,15 @@ export const useTags = () => {
         router.ssr?.manifest?.routes[route.id]?.preloads
           ?.filter(Boolean)
           .forEach((preload) => {
+            const preloadLink = resolveManifestAssetLink(preload)
             preloadMeta.push({
               tag: 'link',
               attrs: {
                 rel: 'modulepreload',
-                href: preload,
+                href: preloadLink.href,
+                crossOrigin:
+                  getAssetCrossOrigin(assetCrossOrigin, 'modulepreload') ??
+                  preloadLink.crossOrigin,
               },
             })
           }),
@@ -135,7 +146,12 @@ export const useTags = () => {
         (asset) =>
           ({
             tag: 'link',
-            attrs: { ...asset.attrs },
+            attrs: {
+              ...asset.attrs,
+              crossOrigin:
+                getAssetCrossOrigin(assetCrossOrigin, 'stylesheet') ??
+                asset.attrs?.crossOrigin,
+            },
           }) satisfies RouterManagedTag,
       )
 

package/src/renderRouteNotFound.tsx

@@ -1,5 +1,4 @@
 import * as Vue from 'vue'
-import warning from 'tiny-warning'
 import { DefaultGlobalNotFound } from './not-found'
 import type { AnyRoute, AnyRouter } from '@tanstack/router-core'
 
@@ -21,11 +20,12 @@ export function renderRouteNotFound(
       return Vue.h(router.options.defaultNotFoundComponent as any, data)
     }
 
-    if (process.env.NODE_ENV === 'development') {
-      warning(
-        route.options.notFoundComponent,
-        `A notFoundError was encountered on the route with ID "${route.id}", but a notFoundComponent option was not configured, nor was a router level defaultNotFoundComponent configured. Consider configuring at least one of these to avoid TanStack Router's overly generic defaultNotFoundComponent (<p>Not Found</p>)`,
-      )
+    if (process.env.NODE_ENV !== 'production') {
+      if (!route.options.notFoundComponent) {
+        console.warn(
+          `Warning: A notFoundError was encountered on the route with ID "${route.id}", but a notFoundComponent option was not configured, nor was a router level defaultNotFoundComponent configured. Consider configuring at least one of these to avoid TanStack Router's overly generic defaultNotFoundComponent (<p>Not Found</p>)`,
+        )
+      }
     }
 
     return Vue.h(DefaultGlobalNotFound)

package/src/useLoaderDeps.tsx

@@ -1,4 +1,5 @@
 import { useMatch } from './useMatch'
+import type * as Vue from 'vue'
 import type {
   AnyRouter,
   RegisteredRouter,
@@ -27,7 +28,7 @@ export type UseLoaderDepsRoute<out TId> = <
   TSelected = unknown,
 >(
   opts?: UseLoaderDepsBaseOptions<TRouter, TId, TSelected>,
-) => UseLoaderDepsResult<TRouter, TId, TSelected>
+) => Vue.Ref<UseLoaderDepsResult<TRouter, TId, TSelected>>
 
 export function useLoaderDeps<
   TRouter extends AnyRouter = RegisteredRouter,
@@ -35,12 +36,12 @@ export function useLoaderDeps<
   TSelected = unknown,
 >(
   opts: UseLoaderDepsOptions<TRouter, TFrom, TSelected>,
-): UseLoaderDepsResult<TRouter, TFrom, TSelected> {
+): Vue.Ref<UseLoaderDepsResult<TRouter, TFrom, TSelected>> {
   const { select, ...rest } = opts
   return useMatch({
     ...rest,
     select: (s) => {
       return select ? select(s.loaderDeps) : s.loaderDeps
     },
-  }) as UseLoaderDepsResult<TRouter, TFrom, TSelected>
+  }) as Vue.Ref<UseLoaderDepsResult<TRouter, TFrom, TSelected>>
 }

package/src/useMatch.tsx

@@ -1,7 +1,7 @@
 import * as Vue from 'vue'
+import { invariant } from '@tanstack/router-core'
 import { useStore } from '@tanstack/vue-store'
 import { isServer } from '@tanstack/router-core/isServer'
-import invariant from 'tiny-invariant'
 import {
   injectDummyPendingMatch,
   injectPendingMatch,
@@ -87,10 +87,15 @@ export function useMatch<
         : undefined
     const match = matchStore?.state
 
-    invariant(
-      !((opts.shouldThrow ?? true) && !match),
-      `Could not find ${opts.from ? `an active match from "${opts.from}"` : 'a nearest match!'}`,
-    )
+    if ((opts.shouldThrow ?? true) && !match) {
+      if (process.env.NODE_ENV !== 'production') {
+        throw new Error(
+          `Invariant failed: Could not find ${opts.from ? `an active match from "${opts.from}"` : 'a nearest match!'}`,
+        )
+      }
+
+      invariant()
+    }
 
     if (match === undefined) {
       return Vue.ref(undefined) as Vue.Ref<
@@ -151,14 +156,19 @@ export function useMatch<
       const hasPendingMatch = opts.from
         ? Boolean(hasPendingRouteMatch?.value[opts.from!])
         : hasPendingNearestMatch.value
-      invariant(
-        !(
-          !hasPendingMatch &&
-          !isTransitioning.value &&
-          (opts.shouldThrow ?? true)
-        ),
-        `Could not find ${opts.from ? `an active match from "${opts.from}"` : 'a nearest match!'}`,
-      )
+      if (
+        !hasPendingMatch &&
+        !isTransitioning.value &&
+        (opts.shouldThrow ?? true)
+      ) {
+        if (process.env.NODE_ENV !== 'production') {
+          throw new Error(
+            `Invariant failed: Could not find ${opts.from ? `an active match from "${opts.from}"` : 'a nearest match!'}`,
+          )
+        }
+
+        invariant()
+      }
 
       return undefined
     }

package/src/useRouter.tsx

@@ -1,5 +1,4 @@
 import * as Vue from 'vue'
-import warning from 'tiny-warning'
 import { routerContext } from './routerContext'
 import type { AnyRouter, RegisteredRouter } from '@tanstack/router-core'
 
@@ -7,9 +6,12 @@ export function useRouter<TRouter extends AnyRouter = RegisteredRouter>(opts?: {
   warn?: boolean
 }): TRouter {
   const value = Vue.inject(routerContext as any, null)
-  warning(
-    !((opts?.warn ?? true) && !value),
-    'useRouter must be used inside a <RouterProvider> component!',
-  )
+  if (process.env.NODE_ENV !== 'production') {
+    if ((opts?.warn ?? true) && !value) {
+      console.warn(
+        'Warning: useRouter must be used inside a <RouterProvider> component!',
+      )
+    }
+  }
   return value as any
 }