@tanstack/vue-router 1.157.4 → 1.157.6

package/dist/esm/useRouterState.js

@@ -1,5 +1,6 @@
 import { useStore } from "@tanstack/vue-store";
 import * as Vue from "vue";
+import { isServer } from "@tanstack/router-core/isServer";
 import { useRouter } from "./useRouter.js";
 function useRouterState(opts) {
   const contextRouter = useRouter({
@@ -9,6 +10,11 @@ function useRouterState(opts) {
   if (!router || !router.__store) {
     return Vue.ref(void 0);
   }
+  const _isServer = isServer ?? router.isServer;
+  if (_isServer) {
+    const state = router.state;
+    return Vue.ref(opts?.select ? opts.select(state) : state);
+  }
   return useStore(router.__store, (state) => {
     if (opts?.select) return opts.select(state);
     return state;

package/dist/esm/useRouterState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRouterState.js","sources":["../../src/useRouterState.tsx"],"sourcesContent":["import { useStore } from '@tanstack/vue-store'\nimport * as Vue from 'vue'\nimport { useRouter } from './useRouter'\nimport type {\n  AnyRouter,\n  RegisteredRouter,\n  RouterState,\n} from '@tanstack/router-core'\n\nexport type UseRouterStateOptions<TRouter extends AnyRouter, TSelected> = {\n  router?: TRouter\n  select?: (state: RouterState<TRouter['routeTree']>) => TSelected\n}\n\nexport type UseRouterStateResult<\n  TRouter extends AnyRouter,\n  TSelected,\n> = unknown extends TSelected ? RouterState<TRouter['routeTree']> : TSelected\n\nexport function useRouterState<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TSelected = unknown,\n>(\n  opts?: UseRouterStateOptions<TRouter, TSelected>,\n): Vue.Ref<UseRouterStateResult<TRouter, TSelected>> {\n  const contextRouter = useRouter<TRouter>({\n    warn: opts?.router === undefined,\n  })\n  const router = opts?.router || contextRouter\n\n  // Return a safe default if router is undefined\n  if (!router || !router.__store) {\n    return Vue.ref(undefined) as Vue.Ref<\n      UseRouterStateResult<TRouter, TSelected>\n    >\n  }\n\n  return useStore(router.__store, (state) => {\n    if (opts?.select) return opts.select(state)\n\n    return state\n  }) as Vue.Ref<UseRouterStateResult<TRouter, TSelected>>\n}\n"],"names":["useRouterState","opts","contextRouter","useRouter","warn","router","undefined","__store","Vue","ref","useStore","state","select"],"mappings":";;;AAmBO,SAASA,eAIdC,MACmD;AACnD,QAAMC,gBAAgBC,UAAmB;AAAA,IACvCC,MAAMH,MAAMI,WAAWC;AAAAA,EACzB,CAAC;AACD,QAAMD,SAASJ,MAAMI,UAAUH;AAG/B,MAAI,CAACG,UAAU,CAACA,OAAOE,SAAS;AAC9B,WAAOC,IAAIC,IAAIH,MAAS;AAAA,EAG1B;AAEA,SAAOI,SAASL,OAAOE,SAAUI,WAAU;AACzC,QAAIV,MAAMW,OAAQ,QAAOX,KAAKW,OAAOD,KAAK;AAE1C,WAAOA;AAAAA,EACT,CAAC;AACH;"}
+{"version":3,"file":"useRouterState.js","sources":["../../src/useRouterState.tsx"],"sourcesContent":["import { useStore } from '@tanstack/vue-store'\nimport * as Vue from 'vue'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport { useRouter } from './useRouter'\nimport type {\n  AnyRouter,\n  RegisteredRouter,\n  RouterState,\n} from '@tanstack/router-core'\n\nexport type UseRouterStateOptions<TRouter extends AnyRouter, TSelected> = {\n  router?: TRouter\n  select?: (state: RouterState<TRouter['routeTree']>) => TSelected\n}\n\nexport type UseRouterStateResult<\n  TRouter extends AnyRouter,\n  TSelected,\n> = unknown extends TSelected ? RouterState<TRouter['routeTree']> : TSelected\n\nexport function useRouterState<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TSelected = unknown,\n>(\n  opts?: UseRouterStateOptions<TRouter, TSelected>,\n): Vue.Ref<UseRouterStateResult<TRouter, TSelected>> {\n  const contextRouter = useRouter<TRouter>({\n    warn: opts?.router === undefined,\n  })\n  const router = opts?.router || contextRouter\n\n  // Return a safe default if router is undefined\n  if (!router || !router.__store) {\n    return Vue.ref(undefined) as Vue.Ref<\n      UseRouterStateResult<TRouter, TSelected>\n    >\n  }\n\n  // During SSR we render exactly once and do not need reactivity.\n  // Avoid subscribing to the store on the server since the server store\n  // implementation does not provide subscribe() semantics.\n  const _isServer = isServer ?? router.isServer\n\n  if (_isServer) {\n    const state = router.state as RouterState<TRouter['routeTree']>\n    return Vue.ref(opts?.select ? opts.select(state) : state) as Vue.Ref<\n      UseRouterStateResult<TRouter, TSelected>\n    >\n  }\n\n  return useStore(router.__store, (state) => {\n    if (opts?.select) return opts.select(state)\n\n    return state\n  }) as Vue.Ref<UseRouterStateResult<TRouter, TSelected>>\n}\n"],"names":["useRouterState","opts","contextRouter","useRouter","warn","router","undefined","__store","Vue","ref","_isServer","isServer","state","select","useStore"],"mappings":";;;;AAoBO,SAASA,eAIdC,MACmD;AACnD,QAAMC,gBAAgBC,UAAmB;AAAA,IACvCC,MAAMH,MAAMI,WAAWC;AAAAA,EACzB,CAAC;AACD,QAAMD,SAASJ,MAAMI,UAAUH;AAG/B,MAAI,CAACG,UAAU,CAACA,OAAOE,SAAS;AAC9B,WAAOC,IAAIC,IAAIH,MAAS;AAAA,EAG1B;AAKA,QAAMI,YAAYC,YAAYN,OAAOM;AAErC,MAAID,WAAW;AACb,UAAME,QAAQP,OAAOO;AACrB,WAAOJ,IAAIC,IAAIR,MAAMY,SAASZ,KAAKY,OAAOD,KAAK,IAAIA,KAAK;AAAA,EAG1D;AAEA,SAAOE,SAAST,OAAOE,SAAUK,WAAU;AACzC,QAAIX,MAAMY,OAAQ,QAAOZ,KAAKY,OAAOD,KAAK;AAE1C,WAAOA;AAAAA,EACT,CAAC;AACH;"}

package/dist/source/useRouterState.jsx

@@ -1,5 +1,6 @@
 import { useStore } from '@tanstack/vue-store';
 import * as Vue from 'vue';
+import { isServer } from '@tanstack/router-core/isServer';
 import { useRouter } from './useRouter';
 export function useRouterState(opts) {
     const contextRouter = useRouter({
@@ -10,6 +11,14 @@ export function useRouterState(opts) {
     if (!router || !router.__store) {
         return Vue.ref(undefined);
     }
+    // During SSR we render exactly once and do not need reactivity.
+    // Avoid subscribing to the store on the server since the server store
+    // implementation does not provide subscribe() semantics.
+    const _isServer = isServer ?? router.isServer;
+    if (_isServer) {
+        const state = router.state;
+        return Vue.ref(opts?.select ? opts.select(state) : state);
+    }
     return useStore(router.__store, (state) => {
         if (opts?.select)
             return opts.select(state);

package/dist/source/useRouterState.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"useRouterState.jsx","sourceRoot":"","sources":["../../src/useRouterState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,KAAK,GAAG,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAiBvC,MAAM,UAAU,cAAc,CAI5B,IAAgD;IAEhD,MAAM,aAAa,GAAG,SAAS,CAAU;QACvC,IAAI,EAAE,IAAI,EAAE,MAAM,KAAK,SAAS;KACjC,CAAC,CAAA;IACF,MAAM,MAAM,GAAG,IAAI,EAAE,MAAM,IAAI,aAAa,CAAA;IAE5C,+CAA+C;IAC/C,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QAC/B,OAAO,GAAG,CAAC,GAAG,CAAC,SAAS,CAEvB,CAAA;IACH,CAAC;IAED,OAAO,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;QACxC,IAAI,IAAI,EAAE,MAAM;YAAE,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAE3C,OAAO,KAAK,CAAA;IACd,CAAC,CAAsD,CAAA;AACzD,CAAC"}
+{"version":3,"file":"useRouterState.jsx","sourceRoot":"","sources":["../../src/useRouterState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,KAAK,GAAG,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAiBvC,MAAM,UAAU,cAAc,CAI5B,IAAgD;IAEhD,MAAM,aAAa,GAAG,SAAS,CAAU;QACvC,IAAI,EAAE,IAAI,EAAE,MAAM,KAAK,SAAS;KACjC,CAAC,CAAA;IACF,MAAM,MAAM,GAAG,IAAI,EAAE,MAAM,IAAI,aAAa,CAAA;IAE5C,+CAA+C;IAC/C,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QAC/B,OAAO,GAAG,CAAC,GAAG,CAAC,SAAS,CAEvB,CAAA;IACH,CAAC;IAED,gEAAgE;IAChE,sEAAsE;IACtE,yDAAyD;IACzD,MAAM,SAAS,GAAG,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAA;IAE7C,IAAI,SAAS,EAAE,CAAC;QACd,MAAM,KAAK,GAAG,MAAM,CAAC,KAA0C,CAAA;QAC/D,OAAO,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAEvD,CAAA;IACH,CAAC;IAED,OAAO,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;QACxC,IAAI,IAAI,EAAE,MAAM;YAAE,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAE3C,OAAO,KAAK,CAAA;IACd,CAAC,CAAsD,CAAA;AACzD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/vue-router",
-  "version": "1.157.4",
+  "version": "1.157.6",
   "description": "Modern and scalable routing for Vue applications",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -64,7 +64,7 @@
     "tiny-invariant": "^1.3.3",
     "tiny-warning": "^1.0.3",
     "@tanstack/history": "1.154.14",
-    "@tanstack/router-core": "1.157.4"
+    "@tanstack/router-core": "1.157.6"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",

package/src/useRouterState.tsx

@@ -1,5 +1,6 @@
 import { useStore } from '@tanstack/vue-store'
 import * as Vue from 'vue'
+import { isServer } from '@tanstack/router-core/isServer'
 import { useRouter } from './useRouter'
 import type {
   AnyRouter,
@@ -35,6 +36,18 @@ export function useRouterState<
     >
   }
 
+  // During SSR we render exactly once and do not need reactivity.
+  // Avoid subscribing to the store on the server since the server store
+  // implementation does not provide subscribe() semantics.
+  const _isServer = isServer ?? router.isServer
+
+  if (_isServer) {
+    const state = router.state as RouterState<TRouter['routeTree']>
+    return Vue.ref(opts?.select ? opts.select(state) : state) as Vue.Ref<
+      UseRouterStateResult<TRouter, TSelected>
+    >
+  }
+
   return useStore(router.__store, (state) => {
     if (opts?.select) return opts.select(state)