@tanstack/vue-router 1.167.5 → 1.168.0

package/dist/esm/Transitioner.js

@@ -1,9 +1,9 @@
 import { useRouter } from "./useRouter.js";
-import { useRouterState } from "./useRouterState.js";
 import { usePrevious } from "./utils.js";
 import { getLocationChangeInfo, handleHashScroll, trimPathRight } from "@tanstack/router-core";
 import * as Vue from "vue";
 import { isServer } from "@tanstack/router-core/isServer";
+import { batch, useStore } from "@tanstack/vue-store";
 //#region src/Transitioner.tsx
 var mountLoadForRouter = {
 	router: null,
@@ -22,9 +22,9 @@ var mountLoadForRouter = {
 function useTransitionerSetup() {
 	const router = useRouter();
 	if (isServer ?? router.isServer) return;
-	const isLoading = useRouterState({ select: ({ isLoading }) => isLoading });
+	const isLoading = useStore(router.stores.isLoading, (value) => value);
 	const isTransitioning = Vue.ref(false);
-	const hasPendingMatches = useRouterState({ select: (s) => s.matches.some((d) => d.status === "pending") });
+	const hasPendingMatches = useStore(router.stores.hasPendingMatches, (value) => value);
 	const previousIsLoading = usePrevious(() => isLoading.value);
 	const isAnyPending = Vue.computed(() => isLoading.value || isTransitioning.value || hasPendingMatches.value);
 	const previousIsAnyPending = usePrevious(() => isAnyPending.value);
@@ -33,19 +33,13 @@ function useTransitionerSetup() {
 	router.startTransition = (fn) => {
 		isTransitioning.value = true;
 		try {
-			router.__store.setState((s) => ({
-				...s,
-				isTransitioning: true
-			}));
+			router.stores.isTransitioning.setState(() => true);
 		} catch {}
 		const endTransition = () => {
 			Vue.nextTick(() => {
 				try {
 					isTransitioning.value = false;
-					router.__store.setState((s) => ({
-						...s,
-						isTransitioning: false
-					}));
+					router.stores.isTransitioning.setState(() => false);
 				} catch {}
 			});
 		};
@@ -79,11 +73,12 @@ function useTransitionerSetup() {
 	const isMounted = Vue.ref(false);
 	Vue.onMounted(() => {
 		isMounted.value = true;
-		if (!isAnyPending.value) router.__store.setState((s) => s.status === "pending" ? {
-			...s,
-			status: "idle",
-			resolvedLocation: s.location
-		} : s);
+		if (!isAnyPending.value) {
+			if (router.stores.status.state === "pending") batch(() => {
+				router.stores.status.setState(() => "idle");
+				router.stores.resolvedLocation.setState(() => router.stores.location.state);
+			});
+		}
 	});
 	Vue.onUnmounted(() => {
 		isMounted.value = false;
@@ -109,7 +104,7 @@ function useTransitionerSetup() {
 		try {
 			if (previousIsLoading.value.previous && !newValue) router.emit({
 				type: "onLoad",
-				...getLocationChangeInfo(router.state)
+				...getLocationChangeInfo(router.stores.location.state, router.stores.resolvedLocation.state)
 			});
 		} catch {}
 	});
@@ -118,20 +113,19 @@ function useTransitionerSetup() {
 		try {
 			if (previousIsPagePending.value.previous && !newValue) router.emit({
 				type: "onBeforeRouteMount",
-				...getLocationChangeInfo(router.state)
+				...getLocationChangeInfo(router.stores.location.state, router.stores.resolvedLocation.state)
 			});
 		} catch {}
 	});
 	Vue.watch(isAnyPending, (newValue) => {
 		if (!isMounted.value) return;
 		try {
-			if (!newValue && router.__store.state.status === "pending") router.__store.setState((s) => ({
-				...s,
-				status: "idle",
-				resolvedLocation: s.location
-			}));
+			if (!newValue && router.stores.status.state === "pending") batch(() => {
+				router.stores.status.setState(() => "idle");
+				router.stores.resolvedLocation.setState(() => router.stores.location.state);
+			});
 			if (previousIsAnyPending.value.previous && !newValue) {
-				const changeInfo = getLocationChangeInfo(router.state);
+				const changeInfo = getLocationChangeInfo(router.stores.location.state, router.stores.resolvedLocation.state);
 				router.emit({
 					type: "onResolved",
 					...changeInfo

package/dist/esm/Transitioner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Transitioner.js","names":["Vue","getLocationChangeInfo","handleHashScroll","trimPathRight","isServer","useRouter","useRouterState","usePrevious","mountLoadForRouter","router","mounted","useTransitionerSetup","isLoading","select","isTransitioning","ref","hasPendingMatches","s","matches","some","d","status","previousIsLoading","value","isAnyPending","computed","previousIsAnyPending","isPagePending","previousIsPagePending","startTransition","fn","__store","setState","endTransition","nextTick","originalStartViewTransition","__tsrOriginalStartViewTransition","startViewTransition","unsubscribe","onMounted","history","subscribe","load","nextLocation","buildLocation","to","latestLocation","pathname","search","params","hash","state","_includeValidateSearch","publicHref","commitLocation","replace","isMounted","resolvedLocation","location","onUnmounted","window","ssr","tryLoad","err","console","error","watch","newValue","previous","emit","type","changeInfo","hrefChanged","Transitioner","defineComponent","name","setup"],"sources":["../../src/Transitioner.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport {\n  getLocationChangeInfo,\n  handleHashScroll,\n  trimPathRight,\n} from '@tanstack/router-core'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport { useRouter } from './useRouter'\nimport { useRouterState } from './useRouterState'\nimport { usePrevious } from './utils'\n\n// Track mount state per router to avoid double-loading\nlet mountLoadForRouter = { router: null as any, mounted: false }\n\n/**\n * Composable that sets up router transition logic.\n * This is called from MatchesContent to set up:\n * - router.startTransition\n * - router.startViewTransition\n * - History subscription\n * - Router event watchers\n *\n * Must be called during component setup phase.\n */\nexport function useTransitionerSetup() {\n  const router = useRouter()\n\n  // Skip on server - no transitions needed\n  if (isServer ?? router.isServer) {\n    return\n  }\n\n  const isLoading = useRouterState({\n    select: ({ isLoading }) => isLoading,\n  })\n\n  // Track if we're in a transition - using a ref to track async transitions\n  const isTransitioning = Vue.ref(false)\n\n  // Track pending state changes\n  const hasPendingMatches = useRouterState({\n    select: (s) => s.matches.some((d) => d.status === 'pending'),\n  })\n\n  const previousIsLoading = usePrevious(() => isLoading.value)\n\n  const isAnyPending = Vue.computed(\n    () => isLoading.value || isTransitioning.value || hasPendingMatches.value,\n  )\n  const previousIsAnyPending = usePrevious(() => isAnyPending.value)\n\n  const isPagePending = Vue.computed(\n    () => isLoading.value || hasPendingMatches.value,\n  )\n  const previousIsPagePending = usePrevious(() => isPagePending.value)\n\n  // Implement startTransition similar to React/Solid\n  // Vue doesn't have a native useTransition like React 18, so we simulate it\n  // We also update the router state's isTransitioning flag so useMatch can check it\n  router.startTransition = (fn: () => void | Promise<void>) => {\n    isTransitioning.value = true\n    // Also update the router state so useMatch knows we're transitioning\n    try {\n      router.__store.setState((s) => ({ ...s, isTransitioning: true }))\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n\n    // Helper to end the transition\n    const endTransition = () => {\n      // Use nextTick to ensure Vue has processed all reactive updates\n      Vue.nextTick(() => {\n        try {\n          isTransitioning.value = false\n          router.__store.setState((s) => ({ ...s, isTransitioning: false }))\n        } catch {\n          // Ignore errors if component is unmounted\n        }\n      })\n    }\n\n    // Execute the function synchronously\n    // The function internally may call startViewTransition which schedules async work\n    // via document.startViewTransition, but we don't need to wait for it here\n    // because Vue's reactivity will trigger re-renders when state changes\n    fn()\n\n    // End the transition on next tick to allow Vue to process reactive updates\n    endTransition()\n  }\n\n  // Vue updates DOM asynchronously (next tick). The View Transitions API expects the\n  // update callback promise to resolve only after the DOM has been updated.\n  // Wrap the router-core implementation to await a Vue flush before resolving.\n  const originalStartViewTransition:\n    | undefined\n    | ((fn: () => Promise<void>) => void) =\n    (router as any).__tsrOriginalStartViewTransition ??\n    router.startViewTransition\n\n  ;(router as any).__tsrOriginalStartViewTransition =\n    originalStartViewTransition\n\n  router.startViewTransition = (fn: () => Promise<void>) => {\n    return originalStartViewTransition?.(async () => {\n      await fn()\n      await Vue.nextTick()\n    })\n  }\n\n  // Subscribe to location changes\n  // and try to load the new location\n  let unsubscribe: (() => void) | undefined\n\n  Vue.onMounted(() => {\n    unsubscribe = router.history.subscribe(router.load)\n\n    const nextLocation = router.buildLocation({\n      to: router.latestLocation.pathname,\n      search: true,\n      params: true,\n      hash: true,\n      state: true,\n      _includeValidateSearch: true,\n    })\n\n    // Check if the current URL matches the canonical form.\n    // Compare publicHref (browser-facing URL) for consistency with\n    // the server-side redirect check in router.beforeLoad.\n    if (\n      trimPathRight(router.latestLocation.publicHref) !==\n      trimPathRight(nextLocation.publicHref)\n    ) {\n      router.commitLocation({ ...nextLocation, replace: true })\n    }\n  })\n\n  // Track if component is mounted to prevent updates after unmount\n  const isMounted = Vue.ref(false)\n\n  Vue.onMounted(() => {\n    isMounted.value = true\n    if (!isAnyPending.value) {\n      router.__store.setState((s) =>\n        s.status === 'pending'\n          ? { ...s, status: 'idle', resolvedLocation: s.location }\n          : s,\n      )\n    }\n  })\n\n  Vue.onUnmounted(() => {\n    isMounted.value = false\n    if (unsubscribe) {\n      unsubscribe()\n    }\n  })\n\n  // Try to load the initial location\n  Vue.onMounted(() => {\n    if (\n      (typeof window !== 'undefined' && router.ssr) ||\n      (mountLoadForRouter.router === router && mountLoadForRouter.mounted)\n    ) {\n      return\n    }\n    mountLoadForRouter = { router, mounted: true }\n    const tryLoad = async () => {\n      try {\n        await router.load()\n      } catch (err) {\n        console.error(err)\n      }\n    }\n    tryLoad()\n  })\n\n  // Setup watchers for emitting events\n  // All watchers check isMounted to prevent updates after unmount\n  Vue.watch(\n    () => isLoading.value,\n    (newValue) => {\n      if (!isMounted.value) return\n      try {\n        if (previousIsLoading.value.previous && !newValue) {\n          router.emit({\n            type: 'onLoad',\n            ...getLocationChangeInfo(router.state),\n          })\n        }\n      } catch {\n        // Ignore errors if component is unmounted\n      }\n    },\n  )\n\n  Vue.watch(isPagePending, (newValue) => {\n    if (!isMounted.value) return\n    try {\n      // emit onBeforeRouteMount\n      if (previousIsPagePending.value.previous && !newValue) {\n        router.emit({\n          type: 'onBeforeRouteMount',\n          ...getLocationChangeInfo(router.state),\n        })\n      }\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n  })\n\n  Vue.watch(isAnyPending, (newValue) => {\n    if (!isMounted.value) return\n    try {\n      if (!newValue && router.__store.state.status === 'pending') {\n        router.__store.setState((s) => ({\n          ...s,\n          status: 'idle',\n          resolvedLocation: s.location,\n        }))\n      }\n\n      // The router was pending and now it's not\n      if (previousIsAnyPending.value.previous && !newValue) {\n        const changeInfo = getLocationChangeInfo(router.state)\n        router.emit({\n          type: 'onResolved',\n          ...changeInfo,\n        })\n\n        if (changeInfo.hrefChanged) {\n          handleHashScroll(router)\n        }\n      }\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n  })\n}\n\n/**\n * @deprecated Use useTransitionerSetup() composable instead.\n * This component is kept for backwards compatibility but the setup logic\n * has been moved to useTransitionerSetup() for better SSR hydration.\n */\nexport const Transitioner = Vue.defineComponent({\n  name: 'Transitioner',\n  setup() {\n    useTransitionerSetup()\n    return () => null\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"Transitioner.js","names":["Vue","getLocationChangeInfo","handleHashScroll","trimPathRight","isServer","batch","useStore","useRouter","usePrevious","mountLoadForRouter","router","mounted","useTransitionerSetup","isLoading","stores","value","isTransitioning","ref","hasPendingMatches","previousIsLoading","isAnyPending","computed","previousIsAnyPending","isPagePending","previousIsPagePending","startTransition","fn","setState","endTransition","nextTick","originalStartViewTransition","__tsrOriginalStartViewTransition","startViewTransition","unsubscribe","onMounted","history","subscribe","load","nextLocation","buildLocation","to","latestLocation","pathname","search","params","hash","state","_includeValidateSearch","publicHref","commitLocation","replace","isMounted","status","resolvedLocation","location","onUnmounted","window","ssr","tryLoad","err","console","error","watch","newValue","previous","emit","type","changeInfo","hrefChanged","Transitioner","defineComponent","name","setup"],"sources":["../../src/Transitioner.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport {\n  getLocationChangeInfo,\n  handleHashScroll,\n  trimPathRight,\n} from '@tanstack/router-core'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport { batch, useStore } from '@tanstack/vue-store'\nimport { useRouter } from './useRouter'\nimport { usePrevious } from './utils'\n\n// Track mount state per router to avoid double-loading\nlet mountLoadForRouter = { router: null as any, mounted: false }\n\n/**\n * Composable that sets up router transition logic.\n * This is called from MatchesContent to set up:\n * - router.startTransition\n * - router.startViewTransition\n * - History subscription\n * - Router event watchers\n *\n * Must be called during component setup phase.\n */\nexport function useTransitionerSetup() {\n  const router = useRouter()\n\n  // Skip on server - no transitions needed\n  if (isServer ?? router.isServer) {\n    return\n  }\n\n  const isLoading = useStore(router.stores.isLoading, (value) => value)\n\n  // Track if we're in a transition - using a ref to track async transitions\n  const isTransitioning = Vue.ref(false)\n\n  // Track pending state changes\n  const hasPendingMatches = useStore(\n    router.stores.hasPendingMatches,\n    (value) => value,\n  )\n\n  const previousIsLoading = usePrevious(() => isLoading.value)\n\n  const isAnyPending = Vue.computed(\n    () => isLoading.value || isTransitioning.value || hasPendingMatches.value,\n  )\n  const previousIsAnyPending = usePrevious(() => isAnyPending.value)\n\n  const isPagePending = Vue.computed(\n    () => isLoading.value || hasPendingMatches.value,\n  )\n  const previousIsPagePending = usePrevious(() => isPagePending.value)\n\n  // Implement startTransition similar to React/Solid\n  // Vue doesn't have a native useTransition like React 18, so we simulate it\n  // We also update the router state's isTransitioning flag so useMatch can check it\n  router.startTransition = (fn: () => void | Promise<void>) => {\n    isTransitioning.value = true\n    // Also update the router state so useMatch knows we're transitioning\n    try {\n      router.stores.isTransitioning.setState(() => true)\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n\n    // Helper to end the transition\n    const endTransition = () => {\n      // Use nextTick to ensure Vue has processed all reactive updates\n      Vue.nextTick(() => {\n        try {\n          isTransitioning.value = false\n          router.stores.isTransitioning.setState(() => false)\n        } catch {\n          // Ignore errors if component is unmounted\n        }\n      })\n    }\n\n    // Execute the function synchronously\n    // The function internally may call startViewTransition which schedules async work\n    // via document.startViewTransition, but we don't need to wait for it here\n    // because Vue's reactivity will trigger re-renders when state changes\n    fn()\n\n    // End the transition on next tick to allow Vue to process reactive updates\n    endTransition()\n  }\n\n  // Vue updates DOM asynchronously (next tick). The View Transitions API expects the\n  // update callback promise to resolve only after the DOM has been updated.\n  // Wrap the router-core implementation to await a Vue flush before resolving.\n  const originalStartViewTransition:\n    | undefined\n    | ((fn: () => Promise<void>) => void) =\n    (router as any).__tsrOriginalStartViewTransition ??\n    router.startViewTransition\n\n  ;(router as any).__tsrOriginalStartViewTransition =\n    originalStartViewTransition\n\n  router.startViewTransition = (fn: () => Promise<void>) => {\n    return originalStartViewTransition?.(async () => {\n      await fn()\n      await Vue.nextTick()\n    })\n  }\n\n  // Subscribe to location changes\n  // and try to load the new location\n  let unsubscribe: (() => void) | undefined\n\n  Vue.onMounted(() => {\n    unsubscribe = router.history.subscribe(router.load)\n\n    const nextLocation = router.buildLocation({\n      to: router.latestLocation.pathname,\n      search: true,\n      params: true,\n      hash: true,\n      state: true,\n      _includeValidateSearch: true,\n    })\n\n    // Check if the current URL matches the canonical form.\n    // Compare publicHref (browser-facing URL) for consistency with\n    // the server-side redirect check in router.beforeLoad.\n    if (\n      trimPathRight(router.latestLocation.publicHref) !==\n      trimPathRight(nextLocation.publicHref)\n    ) {\n      router.commitLocation({ ...nextLocation, replace: true })\n    }\n  })\n\n  // Track if component is mounted to prevent updates after unmount\n  const isMounted = Vue.ref(false)\n\n  Vue.onMounted(() => {\n    isMounted.value = true\n    if (!isAnyPending.value) {\n      if (router.stores.status.state === 'pending') {\n        batch(() => {\n          router.stores.status.setState(() => 'idle')\n          router.stores.resolvedLocation.setState(\n            () => router.stores.location.state,\n          )\n        })\n      }\n    }\n  })\n\n  Vue.onUnmounted(() => {\n    isMounted.value = false\n    if (unsubscribe) {\n      unsubscribe()\n    }\n  })\n\n  // Try to load the initial location\n  Vue.onMounted(() => {\n    if (\n      (typeof window !== 'undefined' && router.ssr) ||\n      (mountLoadForRouter.router === router && mountLoadForRouter.mounted)\n    ) {\n      return\n    }\n    mountLoadForRouter = { router, mounted: true }\n    const tryLoad = async () => {\n      try {\n        await router.load()\n      } catch (err) {\n        console.error(err)\n      }\n    }\n    tryLoad()\n  })\n\n  // Setup watchers for emitting events\n  // All watchers check isMounted to prevent updates after unmount\n  Vue.watch(\n    () => isLoading.value,\n    (newValue) => {\n      if (!isMounted.value) return\n      try {\n        if (previousIsLoading.value.previous && !newValue) {\n          router.emit({\n            type: 'onLoad',\n            ...getLocationChangeInfo(\n              router.stores.location.state,\n              router.stores.resolvedLocation.state,\n            ),\n          })\n        }\n      } catch {\n        // Ignore errors if component is unmounted\n      }\n    },\n  )\n\n  Vue.watch(isPagePending, (newValue) => {\n    if (!isMounted.value) return\n    try {\n      // emit onBeforeRouteMount\n      if (previousIsPagePending.value.previous && !newValue) {\n        router.emit({\n          type: 'onBeforeRouteMount',\n          ...getLocationChangeInfo(\n            router.stores.location.state,\n            router.stores.resolvedLocation.state,\n          ),\n        })\n      }\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n  })\n\n  Vue.watch(isAnyPending, (newValue) => {\n    if (!isMounted.value) return\n    try {\n      if (!newValue && router.stores.status.state === 'pending') {\n        batch(() => {\n          router.stores.status.setState(() => 'idle')\n          router.stores.resolvedLocation.setState(\n            () => router.stores.location.state,\n          )\n        })\n      }\n\n      // The router was pending and now it's not\n      if (previousIsAnyPending.value.previous && !newValue) {\n        const changeInfo = getLocationChangeInfo(\n          router.stores.location.state,\n          router.stores.resolvedLocation.state,\n        )\n        router.emit({\n          type: 'onResolved',\n          ...changeInfo,\n        })\n\n        if (changeInfo.hrefChanged) {\n          handleHashScroll(router)\n        }\n      }\n    } catch {\n      // Ignore errors if component is unmounted\n    }\n  })\n}\n\n/**\n * @deprecated Use useTransitionerSetup() composable instead.\n * This component is kept for backwards compatibility but the setup logic\n * has been moved to useTransitionerSetup() for better SSR hydration.\n */\nexport const Transitioner = Vue.defineComponent({\n  name: 'Transitioner',\n  setup() {\n    useTransitionerSetup()\n    return () => null\n  },\n})\n"],"mappings":"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"}

package/dist/esm/headContentUtils.js

@@ -1,18 +1,16 @@
 import { useRouter } from "./useRouter.js";
-import { useRouterState } from "./useRouterState.js";
 import { escapeHtml } from "@tanstack/router-core";
 import * as Vue from "vue";
+import { useStore } from "@tanstack/vue-store";
 //#region src/headContentUtils.tsx
 var useTags = () => {
 	const router = useRouter();
-	const routeMeta = useRouterState({ select: (state) => {
-		return state.matches.map((match) => match.meta).filter(Boolean);
-	} });
+	const matches = useStore(router.stores.activeMatchesSnapshot, (value) => value);
 	const meta = Vue.computed(() => {
 		const resultMeta = [];
 		const metaByAttribute = {};
 		let title;
-		[...routeMeta.value].reverse().forEach((metas) => {
+		[...matches.value.map((match) => match.meta).filter(Boolean)].reverse().forEach((metas) => {
 			[...metas].reverse().forEach((m) => {
 				if (!m) return;
 				if (m.title) {
@@ -43,13 +41,13 @@ var useTags = () => {
 		resultMeta.reverse();
 		return resultMeta;
 	});
-	const links = useRouterState({ select: (state) => state.matches.map((match) => match.links).filter(Boolean).flat(1).map((link) => ({
+	const links = Vue.computed(() => matches.value.map((match) => match.links).filter(Boolean).flat(1).map((link) => ({
 		tag: "link",
 		attrs: { ...link }
-	})) });
-	const preloadMeta = useRouterState({ select: (state) => {
+	})));
+	const preloadMeta = Vue.computed(() => {
 		const preloadMeta = [];
-		state.matches.map((match) => router.looseRoutesById[match.routeId]).forEach((route) => router.ssr?.manifest?.routes[route.id]?.preloads?.filter(Boolean).forEach((preload) => {
+		matches.value.map((match) => router.looseRoutesById[match.routeId]).forEach((route) => router.ssr?.manifest?.routes[route.id]?.preloads?.filter(Boolean).forEach((preload) => {
 			preloadMeta.push({
 				tag: "link",
 				attrs: {
@@ -59,19 +57,19 @@ var useTags = () => {
 			});
 		}));
 		return preloadMeta;
-	} });
-	const headScripts = useRouterState({ select: (state) => state.matches.map((match) => match.headScripts).flat(1).filter(Boolean).map(({ children, ...script }) => ({
+	});
+	const headScripts = Vue.computed(() => matches.value.map((match) => match.headScripts).flat(1).filter(Boolean).map(({ children, ...script }) => ({
 		tag: "script",
 		attrs: { ...script },
 		children
-	})) });
-	const manifestAssets = useRouterState({ select: (state) => {
+	})));
+	const manifestAssets = Vue.computed(() => {
 		const manifest = router.ssr?.manifest;
-		return state.matches.map((match) => manifest?.routes[match.routeId]?.assets ?? []).filter(Boolean).flat(1).filter((asset) => asset.tag === "link").map((asset) => ({
+		return matches.value.map((match) => manifest?.routes[match.routeId]?.assets ?? []).filter(Boolean).flat(1).filter((asset) => asset.tag === "link").map((asset) => ({
 			tag: "link",
 			attrs: { ...asset.attrs }
 		}));
-	} });
+	});
 	return () => uniqBy([
 		...manifestAssets.value,
 		...meta.value,

package/dist/esm/headContentUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"headContentUtils.js","names":["Vue","escapeHtml","useRouter","useRouterState","useTags","router","routeMeta","select","state","matches","map","match","meta","filter","Boolean","computed","resultMeta","metaByAttribute","title","value","reverse","forEach","metas","m","tag","children","json","JSON","stringify","push","attrs","type","attribute","name","property","links","flat","link","preloadMeta","looseRoutesById","routeId","route","ssr","manifest","routes","id","preloads","preload","rel","href","headScripts","script","manifestAssets","assets","asset","uniqBy","d","arr","fn","seen","Set","item","key","has","add"],"sources":["../../src/headContentUtils.tsx"],"sourcesContent":["import * as Vue from 'vue'\n\nimport { escapeHtml } from '@tanstack/router-core'\nimport { useRouter } from './useRouter'\nimport { useRouterState } from './useRouterState'\nimport type { RouterManagedTag } from '@tanstack/router-core'\n\nexport const useTags = () => {\n  const router = useRouter()\n\n  const routeMeta = useRouterState({\n    select: (state) => {\n      return state.matches.map((match) => match.meta!).filter(Boolean)\n    },\n  })\n\n  const meta: Vue.Ref<Array<RouterManagedTag>> = Vue.computed(() => {\n    const resultMeta: Array<RouterManagedTag> = []\n    const metaByAttribute: Record<string, true> = {}\n    let title: RouterManagedTag | undefined\n    ;[...routeMeta.value].reverse().forEach((metas) => {\n      ;[...metas].reverse().forEach((m) => {\n        if (!m) return\n\n        if (m.title) {\n          if (!title) {\n            title = {\n              tag: 'title',\n              children: m.title,\n            }\n          }\n        } else if ('script:ld+json' in m) {\n          // Handle JSON-LD structured data\n          // Content is HTML-escaped to prevent XSS when injected via innerHTML\n          try {\n            const json = JSON.stringify(m['script:ld+json'])\n            resultMeta.push({\n              tag: 'script',\n              attrs: {\n                type: 'application/ld+json',\n              },\n              children: escapeHtml(json),\n            })\n          } catch {\n            // Skip invalid JSON-LD objects\n          }\n        } else {\n          const attribute = m.name ?? m.property\n          if (attribute) {\n            if (metaByAttribute[attribute]) {\n              return\n            } else {\n              metaByAttribute[attribute] = true\n            }\n          }\n\n          resultMeta.push({\n            tag: 'meta',\n            attrs: {\n              ...m,\n            },\n          })\n        }\n      })\n    })\n\n    if (title) {\n      resultMeta.push(title)\n    }\n\n    resultMeta.reverse()\n\n    return resultMeta\n  })\n\n  const links = useRouterState({\n    select: (state) =>\n      state.matches\n        .map((match) => match.links!)\n        .filter(Boolean)\n        .flat(1)\n        .map((link) => ({\n          tag: 'link',\n          attrs: {\n            ...link,\n          },\n        })) as Array<RouterManagedTag>,\n  })\n\n  const preloadMeta = useRouterState({\n    select: (state) => {\n      const preloadMeta: Array<RouterManagedTag> = []\n\n      state.matches\n        .map((match) => router.looseRoutesById[match.routeId]!)\n        .forEach((route) =>\n          router.ssr?.manifest?.routes[route.id]?.preloads\n            ?.filter(Boolean)\n            .forEach((preload) => {\n              preloadMeta.push({\n                tag: 'link',\n                attrs: {\n                  rel: 'modulepreload',\n                  href: preload,\n                },\n              })\n            }),\n        )\n\n      return preloadMeta\n    },\n  })\n\n  const headScripts = useRouterState({\n    select: (state) =>\n      (\n        state.matches\n          .map((match) => match.headScripts!)\n          .flat(1)\n          .filter(Boolean) as Array<RouterManagedTag>\n      ).map(({ children, ...script }) => ({\n        tag: 'script',\n        attrs: {\n          ...script,\n        },\n        children,\n      })),\n  })\n\n  const manifestAssets = useRouterState({\n    select: (state) => {\n      const manifest = router.ssr?.manifest\n\n      const assets = state.matches\n        .map((match) => manifest?.routes[match.routeId]?.assets ?? [])\n        .filter(Boolean)\n        .flat(1)\n        .filter((asset) => asset.tag === 'link')\n        .map(\n          (asset) =>\n            ({\n              tag: 'link',\n              attrs: { ...asset.attrs },\n            }) satisfies RouterManagedTag,\n        )\n\n      return assets\n    },\n  })\n\n  return () =>\n    uniqBy(\n      [\n        ...manifestAssets.value,\n        ...meta.value,\n        ...preloadMeta.value,\n        ...links.value,\n        ...headScripts.value,\n      ] as Array<RouterManagedTag>,\n      (d) => {\n        return JSON.stringify(d)\n      },\n    )\n}\n\nexport function uniqBy<T>(arr: Array<T>, fn: (item: T) => string) {\n  const seen = new Set<string>()\n  return arr.filter((item) => {\n    const key = fn(item)\n    if (seen.has(key)) {\n      return false\n    }\n    seen.add(key)\n    return true\n  })\n}\n"],"mappings":"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"}
+{"version":3,"file":"headContentUtils.js","names":["Vue","escapeHtml","useStore","useRouter","useTags","router","matches","stores","activeMatchesSnapshot","value","meta","computed","resultMeta","metaByAttribute","title","map","match","filter","Boolean","reverse","forEach","metas","m","tag","children","json","JSON","stringify","push","attrs","type","attribute","name","property","links","flat","link","preloadMeta","looseRoutesById","routeId","route","ssr","manifest","routes","id","preloads","preload","rel","href","headScripts","script","manifestAssets","assets","asset","uniqBy","d","arr","fn","seen","Set","item","key","has","add"],"sources":["../../src/headContentUtils.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { escapeHtml } from '@tanstack/router-core'\nimport { useStore } from '@tanstack/vue-store'\nimport { useRouter } from './useRouter'\nimport type { RouterManagedTag } from '@tanstack/router-core'\n\nexport const useTags = () => {\n  const router = useRouter()\n  const matches = useStore(\n    router.stores.activeMatchesSnapshot,\n    (value) => value,\n  )\n\n  const meta = Vue.computed<Array<RouterManagedTag>>(() => {\n    const resultMeta: Array<RouterManagedTag> = []\n    const metaByAttribute: Record<string, true> = {}\n    let title: RouterManagedTag | undefined\n    ;[...matches.value.map((match) => match.meta!).filter(Boolean)]\n      .reverse()\n      .forEach((metas) => {\n        ;[...metas].reverse().forEach((m) => {\n          if (!m) return\n\n          if (m.title) {\n            if (!title) {\n              title = {\n                tag: 'title',\n                children: m.title,\n              }\n            }\n          } else if ('script:ld+json' in m) {\n            // Handle JSON-LD structured data\n            // Content is HTML-escaped to prevent XSS when injected via innerHTML\n            try {\n              const json = JSON.stringify(m['script:ld+json'])\n              resultMeta.push({\n                tag: 'script',\n                attrs: {\n                  type: 'application/ld+json',\n                },\n                children: escapeHtml(json),\n              })\n            } catch {\n              // Skip invalid JSON-LD objects\n            }\n          } else {\n            const attribute = m.name ?? m.property\n            if (attribute) {\n              if (metaByAttribute[attribute]) {\n                return\n              } else {\n                metaByAttribute[attribute] = true\n              }\n            }\n\n            resultMeta.push({\n              tag: 'meta',\n              attrs: {\n                ...m,\n              },\n            })\n          }\n        })\n      })\n\n    if (title) {\n      resultMeta.push(title)\n    }\n\n    resultMeta.reverse()\n\n    return resultMeta\n  })\n\n  const links = Vue.computed<Array<RouterManagedTag>>(\n    () =>\n      matches.value\n        .map((match) => match.links!)\n        .filter(Boolean)\n        .flat(1)\n        .map((link) => ({\n          tag: 'link',\n          attrs: {\n            ...link,\n          },\n        })) as Array<RouterManagedTag>,\n  )\n\n  const preloadMeta = Vue.computed<Array<RouterManagedTag>>(() => {\n    const preloadMeta: Array<RouterManagedTag> = []\n\n    matches.value\n      .map((match) => router.looseRoutesById[match.routeId]!)\n      .forEach((route) =>\n        router.ssr?.manifest?.routes[route.id]?.preloads\n          ?.filter(Boolean)\n          .forEach((preload) => {\n            preloadMeta.push({\n              tag: 'link',\n              attrs: {\n                rel: 'modulepreload',\n                href: preload,\n              },\n            })\n          }),\n      )\n\n    return preloadMeta\n  })\n\n  const headScripts = Vue.computed<Array<RouterManagedTag>>(() =>\n    (\n      matches.value\n        .map((match) => match.headScripts!)\n        .flat(1)\n        .filter(Boolean) as Array<RouterManagedTag>\n    ).map(({ children, ...script }) => ({\n      tag: 'script',\n      attrs: {\n        ...script,\n      },\n      children,\n    })),\n  )\n\n  const manifestAssets = Vue.computed<Array<RouterManagedTag>>(() => {\n    const manifest = router.ssr?.manifest\n\n    const assets = matches.value\n      .map((match) => manifest?.routes[match.routeId]?.assets ?? [])\n      .filter(Boolean)\n      .flat(1)\n      .filter((asset) => asset.tag === 'link')\n      .map(\n        (asset) =>\n          ({\n            tag: 'link',\n            attrs: { ...asset.attrs },\n          }) satisfies RouterManagedTag,\n      )\n\n    return assets\n  })\n\n  return () =>\n    uniqBy(\n      [\n        ...manifestAssets.value,\n        ...meta.value,\n        ...preloadMeta.value,\n        ...links.value,\n        ...headScripts.value,\n      ] as Array<RouterManagedTag>,\n      (d) => {\n        return JSON.stringify(d)\n      },\n    )\n}\n\nexport function uniqBy<T>(arr: Array<T>, fn: (item: T) => string) {\n  const seen = new Set<string>()\n  return arr.filter((item) => {\n    const key = fn(item)\n    if (seen.has(key)) {\n      return false\n    }\n    seen.add(key)\n    return true\n  })\n}\n"],"mappings":"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"}

package/dist/esm/index.dev.js

@@ -1,12 +1,6 @@
 import { Await, useAwaited } from "./awaited.js";
 import { CatchBoundary, ErrorComponent } from "./CatchBoundary.js";
 import { useRouter } from "./useRouter.js";
-import { useRouterState } from "./useRouterState.js";
-import { ClientOnly } from "./ClientOnly.js";
-import { CatchNotFound, DefaultGlobalNotFound } from "./not-found.js";
-import { ScriptOnce } from "./ScriptOnce.js";
-import { Match, Outlet } from "./Match.js";
-import { MatchRoute, Matches, useChildMatches, useMatchRoute, useMatches, useParentMatches } from "./Matches.js";
 import { Link, createLink, linkOptions, useLinkProps } from "./link.js";
 import { useMatch } from "./useMatch.js";
 import { useLoaderData } from "./useLoaderData.js";
@@ -17,11 +11,17 @@ import { Navigate, useNavigate } from "./useNavigate.js";
 import { useRouteContext } from "./useRouteContext.js";
 import { NotFoundRoute, RootRoute, Route, RouteApi, createRootRoute, createRootRouteWithContext, createRoute, createRouteMask, getRouteApi, rootRouteWithContext } from "./route.js";
 import { FileRoute, FileRouteLoader, LazyRoute, createFileRoute, createLazyFileRoute, createLazyRoute } from "./fileRoute.js";
+import { ClientOnly } from "./ClientOnly.js";
+import { CatchNotFound, DefaultGlobalNotFound } from "./not-found.js";
+import { ScriptOnce } from "./ScriptOnce.js";
+import { Match, Outlet } from "./Match.js";
 import { lazyRouteComponent } from "./lazyRouteComponent.js";
+import { MatchRoute, Matches, useChildMatches, useMatchRoute, useMatches, useParentMatches } from "./Matches.js";
 import { Router, createRouter } from "./router.js";
 import { RouterContextProvider, RouterProvider } from "./RouterProvider.js";
 import { ScrollRestoration, useElementScrollRestoration } from "./ScrollRestoration.js";
 import { Block, useBlocker } from "./useBlocker.js";
+import { useRouterState } from "./useRouterState.js";
 import { useLocation } from "./useLocation.js";
 import { useCanGoBack } from "./useCanGoBack.js";
 import { Asset } from "./Asset.js";

package/dist/esm/index.js

@@ -1,12 +1,6 @@
 import { Await, useAwaited } from "./awaited.js";
 import { CatchBoundary, ErrorComponent } from "./CatchBoundary.js";
 import { useRouter } from "./useRouter.js";
-import { useRouterState } from "./useRouterState.js";
-import { ClientOnly } from "./ClientOnly.js";
-import { CatchNotFound, DefaultGlobalNotFound } from "./not-found.js";
-import { ScriptOnce } from "./ScriptOnce.js";
-import { Match, Outlet } from "./Match.js";
-import { MatchRoute, Matches, useChildMatches, useMatchRoute, useMatches, useParentMatches } from "./Matches.js";
 import { Link, createLink, linkOptions, useLinkProps } from "./link.js";
 import { useMatch } from "./useMatch.js";
 import { useLoaderData } from "./useLoaderData.js";
@@ -17,11 +11,17 @@ import { Navigate, useNavigate } from "./useNavigate.js";
 import { useRouteContext } from "./useRouteContext.js";
 import { NotFoundRoute, RootRoute, Route, RouteApi, createRootRoute, createRootRouteWithContext, createRoute, createRouteMask, getRouteApi, rootRouteWithContext } from "./route.js";
 import { FileRoute, FileRouteLoader, LazyRoute, createFileRoute, createLazyFileRoute, createLazyRoute } from "./fileRoute.js";
+import { ClientOnly } from "./ClientOnly.js";
+import { CatchNotFound, DefaultGlobalNotFound } from "./not-found.js";
+import { ScriptOnce } from "./ScriptOnce.js";
+import { Match, Outlet } from "./Match.js";
 import { lazyRouteComponent } from "./lazyRouteComponent.js";
+import { MatchRoute, Matches, useChildMatches, useMatchRoute, useMatches, useParentMatches } from "./Matches.js";
 import { Router, createRouter } from "./router.js";
 import { RouterContextProvider, RouterProvider } from "./RouterProvider.js";
 import { ScrollRestoration, useElementScrollRestoration } from "./ScrollRestoration.js";
 import { Block, useBlocker } from "./useBlocker.js";
+import { useRouterState } from "./useRouterState.js";
 import { useLocation } from "./useLocation.js";
 import { useCanGoBack } from "./useCanGoBack.js";
 import { Asset } from "./Asset.js";