@tanstack/vue-router 1.167.1 → 1.167.2

package/dist/esm/RouterProvider.js

@@ -1,68 +1,53 @@
-import * as Vue from "vue";
-import { Matches } from "./Matches.js";
 import { provideRouter } from "./routerContext.js";
-const RouterContextProvider = Vue.defineComponent({
-  name: "RouterContextProvider",
-  props: {
-    router: {
-      type: Object,
-      required: true
-    }
-    // Rest of router options will be passed as attrs
-  },
-  setup(props, {
-    attrs,
-    slots
-  }) {
-    const router = props.router;
-    const restAttrs = attrs;
-    router.update({
-      ...router.options,
-      ...restAttrs,
-      context: {
-        ...router.options.context,
-        ...restAttrs.context || {}
-      }
-    });
-    provideRouter(router);
-    return () => {
-      const childContent = slots.default?.();
-      if (router.options.Wrap) {
-        const WrapComponent = router.options.Wrap;
-        return Vue.h(WrapComponent, null, () => childContent);
-      }
-      if (Array.isArray(childContent) && childContent.length === 1) {
-        return childContent[0];
-      }
-      return childContent;
-    };
-  }
+import { Matches } from "./Matches.js";
+import * as Vue from "vue";
+//#region src/RouterProvider.tsx
+var RouterContextProvider = Vue.defineComponent({
+	name: "RouterContextProvider",
+	props: { router: {
+		type: Object,
+		required: true
+	} },
+	setup(props, { attrs, slots }) {
+		const router = props.router;
+		const restAttrs = attrs;
+		router.update({
+			...router.options,
+			...restAttrs,
+			context: {
+				...router.options.context,
+				...restAttrs.context || {}
+			}
+		});
+		provideRouter(router);
+		return () => {
+			const childContent = slots.default?.();
+			if (router.options.Wrap) {
+				const WrapComponent = router.options.Wrap;
+				return Vue.h(WrapComponent, null, () => childContent);
+			}
+			if (Array.isArray(childContent) && childContent.length === 1) return childContent[0];
+			return childContent;
+		};
+	}
 });
-const RouterProvider = Vue.defineComponent({
-  name: "RouterProvider",
-  props: {
-    router: {
-      type: Object,
-      required: true
-    }
-    // Rest of router options will be passed as attrs
-  },
-  setup(props, {
-    attrs
-  }) {
-    const restAttrs = attrs;
-    return () => {
-      return Vue.h(RouterContextProvider, {
-        router: props.router,
-        ...restAttrs
-      }, {
-        default: () => Vue.h(Matches)
-      });
-    };
-  }
+var RouterProvider = Vue.defineComponent({
+	name: "RouterProvider",
+	props: { router: {
+		type: Object,
+		required: true
+	} },
+	setup(props, { attrs }) {
+		const restAttrs = attrs;
+		return () => {
+			return Vue.h(RouterContextProvider, {
+				router: props.router,
+				...restAttrs
+			}, { default: () => Vue.h(Matches) });
+		};
+	}
 });
-export {
-  RouterContextProvider,
-  RouterProvider
-};
-//# sourceMappingURL=RouterProvider.js.map
+//#endregion
+export { RouterContextProvider, RouterProvider };
+
+//# sourceMappingURL=RouterProvider.js.map

package/dist/esm/RouterProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouterProvider.js","sources":["../../src/RouterProvider.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { Matches } from './Matches'\nimport { provideRouter } from './routerContext'\nimport type {\n  AnyRouter,\n  RegisteredRouter,\n  RouterOptions,\n} from '@tanstack/router-core'\n\n// Component that provides router context and renders children\nexport const RouterContextProvider = Vue.defineComponent({\n  name: 'RouterContextProvider',\n  props: {\n    router: {\n      type: Object,\n      required: true,\n    },\n    // Rest of router options will be passed as attrs\n  },\n  setup(props, { attrs, slots }) {\n    const router = props.router as AnyRouter\n    const restAttrs = attrs\n\n    // Allow the router to update options on the router instance\n    router.update({\n      ...router.options,\n      ...restAttrs,\n      context: {\n        ...router.options.context,\n        ...((restAttrs.context as Record<string, any>) || {}),\n      },\n    } as any)\n\n    // Provide router to all child components\n    provideRouter(router)\n\n    return () => {\n      // Get child content\n      const childContent = slots.default?.()\n\n      // If a Wrap component is specified in router options, use it\n      if (router.options.Wrap) {\n        const WrapComponent = router.options.Wrap\n        return Vue.h(WrapComponent, null, () => childContent)\n      }\n\n      // Unwrap single-element arrays to avoid implicit Fragment\n      // that would cause hydration mismatch\n      if (Array.isArray(childContent) && childContent.length === 1) {\n        return childContent[0]\n      }\n\n      // Otherwise just return the child content\n      return childContent\n    }\n  },\n})\n\n// The main router provider component that includes matches\nexport const RouterProvider = Vue.defineComponent({\n  name: 'RouterProvider',\n  props: {\n    router: {\n      type: Object,\n      required: true,\n    },\n    // Rest of router options will be passed as attrs\n  },\n  setup(props, { attrs }) {\n    const restAttrs = attrs\n\n    return () => {\n      return Vue.h(\n        RouterContextProvider,\n        {\n          router: props.router,\n          ...restAttrs,\n        },\n        {\n          default: () => Vue.h(Matches),\n        },\n      )\n    }\n  },\n}) as unknown as {\n  <TRouter extends AnyRouter = RegisteredRouter>(\n    props: {\n      router: TRouter\n      routeTree?: TRouter['routeTree']\n    } & Record<string, any>,\n  ): Vue.VNode\n  new (): {\n    $props: {\n      router: AnyRouter\n      routeTree?: AnyRouter['routeTree']\n    }\n  }\n}\n\nexport type RouterProps<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TDehydrated extends Record<string, any> = Record<string, any>,\n> = Omit<\n  RouterOptions<\n    TRouter['routeTree'],\n    NonNullable<TRouter['options']['trailingSlash']>,\n    false,\n    TRouter['history'],\n    TDehydrated\n  >,\n  'context'\n> & {\n  router: TRouter\n  context?: Partial<\n    RouterOptions<\n      TRouter['routeTree'],\n      NonNullable<TRouter['options']['trailingSlash']>,\n      false,\n      TRouter['history'],\n      TDehydrated\n    >['context']\n  >\n}\n"],"names":["RouterContextProvider","Vue","defineComponent","name","props","router","type","Object","required","setup","attrs","slots","restAttrs","update","options","context","provideRouter","childContent","default","Wrap","WrapComponent","h","Array","isArray","length","RouterProvider","Matches"],"mappings":";;;MAUaA,wBAAwBC,IAAIC,gBAAgB;AAAA,EACvDC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,QAAQ;AAAA,MACNC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA;AAAA;EAGFC,MAAML,OAAO;AAAA,IAAEM;AAAAA,IAAOC;AAAAA,EAAM,GAAG;AAC7B,UAAMN,SAASD,MAAMC;AACrB,UAAMO,YAAYF;AAGlBL,WAAOQ,OAAO;AAAA,MACZ,GAAGR,OAAOS;AAAAA,MACV,GAAGF;AAAAA,MACHG,SAAS;AAAA,QACP,GAAGV,OAAOS,QAAQC;AAAAA,QAClB,GAAKH,UAAUG,WAAmC,CAAA;AAAA,MACpD;AAAA,IACF,CAAQ;AAGRC,kBAAcX,MAAM;AAEpB,WAAO,MAAM;AAEX,YAAMY,eAAeN,MAAMO,UAAO;AAGlC,UAAIb,OAAOS,QAAQK,MAAM;AACvB,cAAMC,gBAAgBf,OAAOS,QAAQK;AACrC,eAAOlB,IAAIoB,EAAED,eAAe,MAAM,MAAMH,YAAY;AAAA,MACtD;AAIA,UAAIK,MAAMC,QAAQN,YAAY,KAAKA,aAAaO,WAAW,GAAG;AAC5D,eAAOP,aAAa,CAAC;AAAA,MACvB;AAGA,aAAOA;AAAAA,IACT;AAAA,EACF;AACF,CAAC;MAGYQ,iBAAiBxB,IAAIC,gBAAgB;AAAA,EAChDC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,QAAQ;AAAA,MACNC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA;AAAA;EAGFC,MAAML,OAAO;AAAA,IAAEM;AAAAA,EAAM,GAAG;AACtB,UAAME,YAAYF;AAElB,WAAO,MAAM;AACX,aAAOT,IAAIoB,EACTrB,uBACA;AAAA,QACEK,QAAQD,MAAMC;AAAAA,QACd,GAAGO;AAAAA,MACL,GACA;AAAA,QACEM,SAASA,MAAMjB,IAAIoB,EAAEK,OAAO;AAAA,MAC9B,CACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"RouterProvider.js","names":["Vue","Matches","provideRouter","RouterContextProvider","defineComponent","name","props","router","type","Object","required","setup","attrs","slots","restAttrs","update","options","context","childContent","default","Wrap","WrapComponent","h","Array","isArray","length","RouterProvider"],"sources":["../../src/RouterProvider.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { Matches } from './Matches'\nimport { provideRouter } from './routerContext'\nimport type {\n  AnyRouter,\n  RegisteredRouter,\n  RouterOptions,\n} from '@tanstack/router-core'\n\n// Component that provides router context and renders children\nexport const RouterContextProvider = Vue.defineComponent({\n  name: 'RouterContextProvider',\n  props: {\n    router: {\n      type: Object,\n      required: true,\n    },\n    // Rest of router options will be passed as attrs\n  },\n  setup(props, { attrs, slots }) {\n    const router = props.router as AnyRouter\n    const restAttrs = attrs\n\n    // Allow the router to update options on the router instance\n    router.update({\n      ...router.options,\n      ...restAttrs,\n      context: {\n        ...router.options.context,\n        ...((restAttrs.context as Record<string, any>) || {}),\n      },\n    } as any)\n\n    // Provide router to all child components\n    provideRouter(router)\n\n    return () => {\n      // Get child content\n      const childContent = slots.default?.()\n\n      // If a Wrap component is specified in router options, use it\n      if (router.options.Wrap) {\n        const WrapComponent = router.options.Wrap\n        return Vue.h(WrapComponent, null, () => childContent)\n      }\n\n      // Unwrap single-element arrays to avoid implicit Fragment\n      // that would cause hydration mismatch\n      if (Array.isArray(childContent) && childContent.length === 1) {\n        return childContent[0]\n      }\n\n      // Otherwise just return the child content\n      return childContent\n    }\n  },\n})\n\n// The main router provider component that includes matches\nexport const RouterProvider = Vue.defineComponent({\n  name: 'RouterProvider',\n  props: {\n    router: {\n      type: Object,\n      required: true,\n    },\n    // Rest of router options will be passed as attrs\n  },\n  setup(props, { attrs }) {\n    const restAttrs = attrs\n\n    return () => {\n      return Vue.h(\n        RouterContextProvider,\n        {\n          router: props.router,\n          ...restAttrs,\n        },\n        {\n          default: () => Vue.h(Matches),\n        },\n      )\n    }\n  },\n}) as unknown as {\n  <TRouter extends AnyRouter = RegisteredRouter>(\n    props: {\n      router: TRouter\n      routeTree?: TRouter['routeTree']\n    } & Record<string, any>,\n  ): Vue.VNode\n  new (): {\n    $props: {\n      router: AnyRouter\n      routeTree?: AnyRouter['routeTree']\n    }\n  }\n}\n\nexport type RouterProps<\n  TRouter extends AnyRouter = RegisteredRouter,\n  TDehydrated extends Record<string, any> = Record<string, any>,\n> = Omit<\n  RouterOptions<\n    TRouter['routeTree'],\n    NonNullable<TRouter['options']['trailingSlash']>,\n    false,\n    TRouter['history'],\n    TDehydrated\n  >,\n  'context'\n> & {\n  router: TRouter\n  context?: Partial<\n    RouterOptions<\n      TRouter['routeTree'],\n      NonNullable<TRouter['options']['trailingSlash']>,\n      false,\n      TRouter['history'],\n      TDehydrated\n    >['context']\n  >\n}\n"],"mappings":";;;;AAUA,IAAaG,wBAAwBH,IAAII,gBAAgB;CACvDC,MAAM;CACNC,OAAO,EACLC,QAAQ;EACNC,MAAMC;EACNC,UAAU;EACZ,EAED;CACDC,MAAML,OAAO,EAAEM,OAAOC,SAAS;EAC7B,MAAMN,SAASD,MAAMC;EACrB,MAAMO,YAAYF;AAGlBL,SAAOQ,OAAO;GACZ,GAAGR,OAAOS;GACV,GAAGF;GACHG,SAAS;IACP,GAAGV,OAAOS,QAAQC;IAClB,GAAKH,UAAUG,WAAmC,EAAE;IACtD;GACM,CAAC;AAGTf,gBAAcK,OAAO;AAErB,eAAa;GAEX,MAAMW,eAAeL,MAAMM,WAAW;AAGtC,OAAIZ,OAAOS,QAAQI,MAAM;IACvB,MAAMC,gBAAgBd,OAAOS,QAAQI;AACrC,WAAOpB,IAAIsB,EAAED,eAAe,YAAYH,aAAa;;AAKvD,OAAIK,MAAMC,QAAQN,aAAa,IAAIA,aAAaO,WAAW,EACzD,QAAOP,aAAa;AAItB,UAAOA;;;CAGZ,CAAC;AAGF,IAAaQ,iBAAiB1B,IAAII,gBAAgB;CAChDC,MAAM;CACNC,OAAO,EACLC,QAAQ;EACNC,MAAMC;EACNC,UAAU;EACZ,EAED;CACDC,MAAML,OAAO,EAAEM,SAAS;EACtB,MAAME,YAAYF;AAElB,eAAa;AACX,UAAOZ,IAAIsB,EACTnB,uBACA;IACEI,QAAQD,MAAMC;IACd,GAAGO;IACJ,EACD,EACEK,eAAenB,IAAIsB,EAAErB,QAAO,EAEhC,CAAC;;;CAGN,CAaA"}

package/dist/esm/ScriptOnce.js

@@ -1,40 +1,35 @@
+import { useRouter } from "./useRouter.js";
 import * as Vue from "vue";
 import { createVNode } from "vue";
 import { isServer } from "@tanstack/router-core/isServer";
-import { useRouter } from "./useRouter.js";
-const ScriptOnce = Vue.defineComponent({
-  name: "ScriptOnce",
-  props: {
-    children: {
-      type: String,
-      required: true
-    }
-  },
-  setup(props) {
-    const router = useRouter();
-    if (isServer ?? router.isServer) {
-      return () => createVNode("script", {
-        "nonce": router.options.ssr?.nonce,
-        "innerHTML": props.children + ";document.currentScript.remove()"
-      }, null);
-    }
-    const mounted = Vue.ref(false);
-    Vue.onMounted(() => {
-      mounted.value = true;
-    });
-    return () => {
-      if (mounted.value) {
-        return null;
-      }
-      return createVNode("script", {
-        "nonce": router.options.ssr?.nonce,
-        "data-allow-mismatch": true,
-        "innerHTML": ""
-      }, null);
-    };
-  }
+//#region src/ScriptOnce.tsx
+var ScriptOnce = Vue.defineComponent({
+	name: "ScriptOnce",
+	props: { children: {
+		type: String,
+		required: true
+	} },
+	setup(props) {
+		const router = useRouter();
+		if (isServer ?? router.isServer) return () => createVNode("script", {
+			"nonce": router.options.ssr?.nonce,
+			"innerHTML": props.children + ";document.currentScript.remove()"
+		}, null);
+		const mounted = Vue.ref(false);
+		Vue.onMounted(() => {
+			mounted.value = true;
+		});
+		return () => {
+			if (mounted.value) return null;
+			return createVNode("script", {
+				"nonce": router.options.ssr?.nonce,
+				"data-allow-mismatch": true,
+				"innerHTML": ""
+			}, null);
+		};
+	}
 });
-export {
-  ScriptOnce
-};
-//# sourceMappingURL=ScriptOnce.js.map
+//#endregion
+export { ScriptOnce };
+
+//# sourceMappingURL=ScriptOnce.js.map

package/dist/esm/ScriptOnce.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScriptOnce.js","sources":["../../src/ScriptOnce.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport { useRouter } from './useRouter'\n\nexport const ScriptOnce = Vue.defineComponent({\n  name: 'ScriptOnce',\n  props: {\n    children: {\n      type: String,\n      required: true,\n    },\n  },\n  setup(props) {\n    const router = useRouter()\n\n    if (isServer ?? router.isServer) {\n      return () => (\n        <script\n          nonce={router.options.ssr?.nonce}\n          innerHTML={props.children + ';document.currentScript.remove()'}\n        />\n      )\n    }\n\n    const mounted = Vue.ref(false)\n    Vue.onMounted(() => {\n      mounted.value = true\n    })\n\n    return () => {\n      if (mounted.value) {\n        return null\n      }\n\n      return (\n        <script\n          nonce={router.options.ssr?.nonce}\n          data-allow-mismatch\n          innerHTML=\"\"\n        />\n      )\n    }\n  },\n})\n"],"names":["ScriptOnce","Vue","defineComponent","name","props","children","type","String","required","setup","router","useRouter","isServer","_createVNode","options","ssr","nonce","mounted","ref","onMounted","value"],"mappings":";;;;MAIaA,aAAaC,IAAIC,gBAAgB;AAAA,EAC5CC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,UAAU;AAAA,MACRC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA;EAEFC,MAAML,OAAO;AACX,UAAMM,SAASC,UAAS;AAExB,QAAIC,YAAYF,OAAOE,UAAU;AAC/B,aAAO,MAAAC,YAAA,UAAA;AAAA,QAAA,SAEIH,OAAOI,QAAQC,KAAKC;AAAAA,QAAK,aACrBZ,MAAMC,WAAW;AAAA,SAAkC,IAAA;AAAA,IAGpE;AAEA,UAAMY,UAAUhB,IAAIiB,IAAI,KAAK;AAC7BjB,QAAIkB,UAAU,MAAM;AAClBF,cAAQG,QAAQ;AAAA,IAClB,CAAC;AAED,WAAO,MAAM;AACX,UAAIH,QAAQG,OAAO;AACjB,eAAO;AAAA,MACT;AAEA,aAAAP,YAAA,UAAA;AAAA,QAAA,SAEWH,OAAOI,QAAQC,KAAKC;AAAAA,QAAK,uBAAA;AAAA,QAAA,aAAA;AAAA,MAAA,GAAA,IAAA;AAAA,IAKtC;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"ScriptOnce.js","names":["Vue","isServer","useRouter","ScriptOnce","defineComponent","name","props","children","type","String","required","setup","router","_createVNode","options","ssr","nonce","mounted","ref","onMounted","value"],"sources":["../../src/ScriptOnce.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport { useRouter } from './useRouter'\n\nexport const ScriptOnce = Vue.defineComponent({\n  name: 'ScriptOnce',\n  props: {\n    children: {\n      type: String,\n      required: true,\n    },\n  },\n  setup(props) {\n    const router = useRouter()\n\n    if (isServer ?? router.isServer) {\n      return () => (\n        <script\n          nonce={router.options.ssr?.nonce}\n          innerHTML={props.children + ';document.currentScript.remove()'}\n        />\n      )\n    }\n\n    const mounted = Vue.ref(false)\n    Vue.onMounted(() => {\n      mounted.value = true\n    })\n\n    return () => {\n      if (mounted.value) {\n        return null\n      }\n\n      return (\n        <script\n          nonce={router.options.ssr?.nonce}\n          data-allow-mismatch\n          innerHTML=\"\"\n        />\n      )\n    }\n  },\n})\n"],"mappings":";;;;;AAIA,IAAaG,aAAaH,IAAII,gBAAgB;CAC5CC,MAAM;CACNC,OAAO,EACLC,UAAU;EACRC,MAAMC;EACNC,UAAU;EACZ,EACD;CACDC,MAAML,OAAO;EACX,MAAMM,SAASV,WAAW;AAE1B,MAAID,YAAYW,OAAOX,SACrB,cAAOY,YAAA,UAAA;GAAA,SAEID,OAAOE,QAAQC,KAAKC;GAAK,aACrBV,MAAMC,WAAW;GAAkC,EAAA,KAEjE;EAGH,MAAMU,UAAUjB,IAAIkB,IAAI,MAAM;AAC9BlB,MAAImB,gBAAgB;AAClBF,WAAQG,QAAQ;IAChB;AAEF,eAAa;AACX,OAAIH,QAAQG,MACV,QAAO;AAGT,UAAAP,YAAA,UAAA;IAAA,SAEWD,OAAOE,QAAQC,KAAKC;IAAK,uBAAA;IAAA,aAAA;IAAA,EAAA,KAAA;;;CAOzC,CAAC"}

package/dist/esm/Scripts.js

@@ -1,103 +1,81 @@
-import * as Vue from "vue";
-import { createVNode, Fragment, mergeProps } from "vue";
-import { Asset } from "./Asset.js";
-import { useRouterState } from "./useRouterState.js";
 import { useRouter } from "./useRouter.js";
-const Scripts = Vue.defineComponent({
-  name: "Scripts",
-  setup() {
-    const router = useRouter();
-    const nonce = router.options.ssr?.nonce;
-    const assetScripts = useRouterState({
-      select: (state) => {
-        const assetScripts2 = [];
-        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) => {
-          assetScripts2.push({
-            tag: "script",
-            attrs: {
-              ...asset.attrs,
-              nonce
-            },
-            children: asset.children
-          });
-        }));
-        return assetScripts2;
-      }
-    });
-    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) {
-        const serverBufferedScript = router.serverSsr.takeBufferedScripts();
-        if (serverBufferedScript) {
-          allScripts.push(serverBufferedScript);
-        }
-      } else if (router.ssr && !mounted.value) {
-        allScripts.push({
-          tag: "script",
-          attrs: {
-            nonce,
-            "data-allow-mismatch": true
-          },
-          children: ""
-        });
-        allScripts.push({
-          tag: "script",
-          attrs: {
-            nonce,
-            id: "$tsr-stream-barrier",
-            "data-allow-mismatch": true
-          },
-          children: ""
-        });
-        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 createVNode(Fragment, null, [allScripts.map((asset, i) => createVNode(Asset, mergeProps(asset, {
-        "key": `tsr-scripts-${asset.tag}-${i}`
-      }), null))]);
-    };
-  }
+import { useRouterState } from "./useRouterState.js";
+import { Asset } from "./Asset.js";
+import * as Vue from "vue";
+import { Fragment, createVNode, mergeProps } from "vue";
+//#region src/Scripts.tsx
+var 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) {
+				const serverBufferedScript = router.serverSsr.takeBufferedScripts();
+				if (serverBufferedScript) allScripts.push(serverBufferedScript);
+			} else if (router.ssr && !mounted.value) {
+				allScripts.push({
+					tag: "script",
+					attrs: {
+						nonce,
+						"data-allow-mismatch": true
+					},
+					children: ""
+				});
+				allScripts.push({
+					tag: "script",
+					attrs: {
+						nonce,
+						id: "$tsr-stream-barrier",
+						"data-allow-mismatch": true
+					},
+					children: ""
+				});
+				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 createVNode(Fragment, null, [allScripts.map((asset, i) => createVNode(Asset, mergeProps(asset, { "key": `tsr-scripts-${asset.tag}-${i}` }), null))]);
+		};
+	}
 });
-export {
-  Scripts
-};
-//# sourceMappingURL=Scripts.js.map
+//#endregion
+export { Scripts };
+
+//# sourceMappingURL=Scripts.js.map

package/dist/esm/Scripts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scripts.js","sources":["../../src/Scripts.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { Asset } from './Asset'\nimport { useRouterState } from './useRouterState'\nimport { useRouter } from './useRouter'\nimport type { RouterManagedTag } from '@tanstack/router-core'\n\nexport const Scripts = Vue.defineComponent({\n  name: 'Scripts',\n  setup() {\n    const router = useRouter()\n    const nonce = router.options.ssr?.nonce\n\n    const assetScripts = useRouterState({\n      select: (state) => {\n        const assetScripts: Array<RouterManagedTag> = []\n        const manifest = router.ssr?.manifest\n\n        if (!manifest) {\n          return []\n        }\n\n        state.matches\n          .map((match) => router.looseRoutesById[match.routeId]!)\n          .forEach((route) =>\n            manifest.routes[route.id]?.assets\n              ?.filter((d) => d.tag === 'script')\n              .forEach((asset) => {\n                assetScripts.push({\n                  tag: 'script',\n                  attrs: { ...asset.attrs, nonce },\n                  children: asset.children,\n                } as RouterManagedTag)\n              }),\n          )\n\n        return assetScripts\n      },\n    })\n\n    const scripts = useRouterState({\n      select: (state) => ({\n        scripts: (\n          state.matches\n            .map((match) => match.scripts!)\n            .flat(1)\n            .filter(Boolean) as Array<RouterManagedTag>\n        ).map(({ children, ...script }) => ({\n          tag: 'script' as const,\n          attrs: {\n            ...script,\n            nonce,\n          },\n          children,\n        })),\n      }),\n    })\n\n    const mounted = Vue.ref(false)\n    Vue.onMounted(() => {\n      mounted.value = true\n    })\n\n    return () => {\n      const allScripts: Array<RouterManagedTag> = []\n\n      if (router.serverSsr) {\n        const serverBufferedScript = router.serverSsr.takeBufferedScripts()\n        if (serverBufferedScript) {\n          allScripts.push(serverBufferedScript)\n        }\n      } else if (router.ssr && !mounted.value) {\n        allScripts.push({\n          tag: 'script',\n          attrs: { nonce, 'data-allow-mismatch': true },\n          children: '',\n        } as RouterManagedTag)\n\n        allScripts.push({\n          tag: 'script',\n          attrs: {\n            nonce,\n            id: '$tsr-stream-barrier',\n            'data-allow-mismatch': true,\n          },\n          children: '',\n        } as RouterManagedTag)\n\n        for (const asset of assetScripts.value) {\n          allScripts.push({\n            tag: 'script',\n            attrs: {\n              ...asset.attrs,\n              'data-allow-mismatch': true,\n            },\n            children: '',\n          } as RouterManagedTag)\n        }\n      }\n\n      for (const script of scripts.value.scripts) {\n        allScripts.push(script as RouterManagedTag)\n      }\n\n      if (mounted.value || router.serverSsr) {\n        for (const asset of assetScripts.value) {\n          allScripts.push(asset)\n        }\n      }\n\n      return (\n        <>\n          {allScripts.map((asset, i) => (\n            <Asset {...asset} key={`tsr-scripts-${asset.tag}-${i}`} />\n          ))}\n        </>\n      )\n    }\n  },\n})\n"],"names":["Scripts","Vue","defineComponent","name","setup","router","useRouter","nonce","options","ssr","assetScripts","useRouterState","select","state","manifest","matches","map","match","looseRoutesById","routeId","forEach","route","routes","id","assets","filter","d","tag","asset","push","attrs","children","scripts","flat","Boolean","script","mounted","ref","onMounted","value","allScripts","serverSsr","serverBufferedScript","takeBufferedScripts","_createVNode","_Fragment","i","Asset","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"Scripts.js","names":["Vue","Asset","useRouterState","useRouter","Scripts","defineComponent","name","setup","router","nonce","options","ssr","assetScripts","select","state","manifest","matches","map","match","looseRoutesById","routeId","forEach","route","routes","id","assets","filter","d","tag","asset","push","attrs","children","scripts","flat","Boolean","script","mounted","ref","onMounted","value","allScripts","serverSsr","serverBufferedScript","takeBufferedScripts","_createVNode","_Fragment","i","_mergeProps"],"sources":["../../src/Scripts.tsx"],"sourcesContent":["import * as Vue from 'vue'\nimport { Asset } from './Asset'\nimport { useRouterState } from './useRouterState'\nimport { useRouter } from './useRouter'\nimport type { RouterManagedTag } from '@tanstack/router-core'\n\nexport const Scripts = Vue.defineComponent({\n  name: 'Scripts',\n  setup() {\n    const router = useRouter()\n    const nonce = router.options.ssr?.nonce\n\n    const assetScripts = useRouterState({\n      select: (state) => {\n        const assetScripts: Array<RouterManagedTag> = []\n        const manifest = router.ssr?.manifest\n\n        if (!manifest) {\n          return []\n        }\n\n        state.matches\n          .map((match) => router.looseRoutesById[match.routeId]!)\n          .forEach((route) =>\n            manifest.routes[route.id]?.assets\n              ?.filter((d) => d.tag === 'script')\n              .forEach((asset) => {\n                assetScripts.push({\n                  tag: 'script',\n                  attrs: { ...asset.attrs, nonce },\n                  children: asset.children,\n                } as RouterManagedTag)\n              }),\n          )\n\n        return assetScripts\n      },\n    })\n\n    const scripts = useRouterState({\n      select: (state) => ({\n        scripts: (\n          state.matches\n            .map((match) => match.scripts!)\n            .flat(1)\n            .filter(Boolean) as Array<RouterManagedTag>\n        ).map(({ children, ...script }) => ({\n          tag: 'script' as const,\n          attrs: {\n            ...script,\n            nonce,\n          },\n          children,\n        })),\n      }),\n    })\n\n    const mounted = Vue.ref(false)\n    Vue.onMounted(() => {\n      mounted.value = true\n    })\n\n    return () => {\n      const allScripts: Array<RouterManagedTag> = []\n\n      if (router.serverSsr) {\n        const serverBufferedScript = router.serverSsr.takeBufferedScripts()\n        if (serverBufferedScript) {\n          allScripts.push(serverBufferedScript)\n        }\n      } else if (router.ssr && !mounted.value) {\n        allScripts.push({\n          tag: 'script',\n          attrs: { nonce, 'data-allow-mismatch': true },\n          children: '',\n        } as RouterManagedTag)\n\n        allScripts.push({\n          tag: 'script',\n          attrs: {\n            nonce,\n            id: '$tsr-stream-barrier',\n            'data-allow-mismatch': true,\n          },\n          children: '',\n        } as RouterManagedTag)\n\n        for (const asset of assetScripts.value) {\n          allScripts.push({\n            tag: 'script',\n            attrs: {\n              ...asset.attrs,\n              'data-allow-mismatch': true,\n            },\n            children: '',\n          } as RouterManagedTag)\n        }\n      }\n\n      for (const script of scripts.value.scripts) {\n        allScripts.push(script as RouterManagedTag)\n      }\n\n      if (mounted.value || router.serverSsr) {\n        for (const asset of assetScripts.value) {\n          allScripts.push(asset)\n        }\n      }\n\n      return (\n        <>\n          {allScripts.map((asset, i) => (\n            <Asset {...asset} key={`tsr-scripts-${asset.tag}-${i}`} />\n          ))}\n        </>\n      )\n    }\n  },\n})\n"],"mappings":";;;;;;AAMA,IAAaI,UAAUJ,IAAIK,gBAAgB;CACzCC,MAAM;CACNC,QAAQ;EACN,MAAMC,SAASL,WAAW;EAC1B,MAAMM,QAAQD,OAAOE,QAAQC,KAAKF;EAElC,MAAMG,eAAeV,eAAe,EAClCW,SAASC,UAAU;GACjB,MAAMF,eAAwC,EAAE;GAChD,MAAMG,WAAWP,OAAOG,KAAKI;AAE7B,OAAI,CAACA,SACH,QAAO,EAAE;AAGXD,SAAME,QACHC,KAAKC,UAAUV,OAAOW,gBAAgBD,MAAME,SAAU,CACtDC,SAASC,UACRP,SAASQ,OAAOD,MAAME,KAAKC,QACvBC,QAAQC,MAAMA,EAAEC,QAAQ,SAAS,CAClCP,SAASQ,UAAU;AAClBjB,iBAAakB,KAAK;KAChBF,KAAK;KACLG,OAAO;MAAE,GAAGF,MAAME;MAAOtB;MAAO;KAChCuB,UAAUH,MAAMG;KACG,CAAC;KAE5B,CAAC;AAEH,UAAOpB;KAEV,CAAC;EAEF,MAAMqB,UAAU/B,eAAe,EAC7BW,SAASC,WAAW,EAClBmB,SACEnB,MAAME,QACHC,KAAKC,UAAUA,MAAMe,QAAS,CAC9BC,KAAK,EAAE,CACPR,OAAOS,QAAQ,CAClBlB,KAAK,EAAEe,UAAU,GAAGI,cAAc;GAClCR,KAAK;GACLG,OAAO;IACL,GAAGK;IACH3B;IACD;GACDuB;GACD,EAAC,EACH,GACF,CAAC;EAEF,MAAMK,UAAUrC,IAAIsC,IAAI,MAAM;AAC9BtC,MAAIuC,gBAAgB;AAClBF,WAAQG,QAAQ;IAChB;AAEF,eAAa;GACX,MAAMC,aAAsC,EAAE;AAE9C,OAAIjC,OAAOkC,WAAW;IACpB,MAAMC,uBAAuBnC,OAAOkC,UAAUE,qBAAqB;AACnE,QAAID,qBACFF,YAAWX,KAAKa,qBAAqB;cAE9BnC,OAAOG,OAAO,CAAC0B,QAAQG,OAAO;AACvCC,eAAWX,KAAK;KACdF,KAAK;KACLG,OAAO;MAAEtB;MAAO,uBAAuB;MAAM;KAC7CuB,UAAU;KACS,CAAC;AAEtBS,eAAWX,KAAK;KACdF,KAAK;KACLG,OAAO;MACLtB;MACAe,IAAI;MACJ,uBAAuB;MACxB;KACDQ,UAAU;KACS,CAAC;AAEtB,SAAK,MAAMH,SAASjB,aAAa4B,MAC/BC,YAAWX,KAAK;KACdF,KAAK;KACLG,OAAO;MACL,GAAGF,MAAME;MACT,uBAAuB;MACxB;KACDC,UAAU;KACS,CAAC;;AAI1B,QAAK,MAAMI,UAAUH,QAAQO,MAAMP,QACjCQ,YAAWX,KAAKM,OAA2B;AAG7C,OAAIC,QAAQG,SAAShC,OAAOkC,UAC1B,MAAK,MAAMb,SAASjB,aAAa4B,MAC/BC,YAAWX,KAAKD,MAAM;AAI1B,UAAAgB,YAAAC,UAAA,MAAA,CAEKL,WAAWxB,KAAKY,OAAOkB,MAACF,YAAA5C,OAAA+C,WACZnB,OAAK,EAAA,OAAO,eAAeA,MAAMD,IAAG,GAAImB,KAAG,CAAA,EAAA,KACvD,CAAC,CAAA,CAAA;;;CAKX,CAAC"}

package/dist/esm/ScrollRestoration.js

@@ -1,36 +1,32 @@
-import { defaultGetScrollRestorationKey, getCssSelector, scrollRestorationCache, setupScrollRestoration } from "@tanstack/router-core";
 import { useRouter } from "./useRouter.js";
+import { defaultGetScrollRestorationKey, getCssSelector, scrollRestorationCache, setupScrollRestoration } from "@tanstack/router-core";
+//#region src/ScrollRestoration.tsx
 function useScrollRestoration() {
-  const router = useRouter();
-  setupScrollRestoration(router, true);
+	setupScrollRestoration(useRouter(), true);
 }
+/**
+* @deprecated use createRouter's `scrollRestoration` option instead
+*/
 function ScrollRestoration(_props) {
-  useScrollRestoration();
-  if (process.env.NODE_ENV === "development") {
-    console.warn("The ScrollRestoration component is deprecated. Use createRouter's `scrollRestoration` option instead.");
-  }
-  return null;
+	useScrollRestoration();
+	if (process.env.NODE_ENV === "development") console.warn("The ScrollRestoration component is deprecated. Use createRouter's `scrollRestoration` option instead.");
+	return null;
 }
 function useElementScrollRestoration(options) {
-  useScrollRestoration();
-  const router = useRouter();
-  const getKey = options.getKey || defaultGetScrollRestorationKey;
-  let elementSelector = "";
-  if (options.id) {
-    elementSelector = `[data-scroll-restoration-id="${options.id}"]`;
-  } else {
-    const element = options.getElement?.();
-    if (!element) {
-      return;
-    }
-    elementSelector = element instanceof Window ? "window" : getCssSelector(element);
-  }
-  const restoreKey = getKey(router.latestLocation);
-  const byKey = scrollRestorationCache?.state[restoreKey];
-  return byKey?.[elementSelector];
+	useScrollRestoration();
+	const router = useRouter();
+	const getKey = options.getKey || defaultGetScrollRestorationKey;
+	let elementSelector = "";
+	if (options.id) elementSelector = `[data-scroll-restoration-id="${options.id}"]`;
+	else {
+		const element = options.getElement?.();
+		if (!element) return;
+		elementSelector = element instanceof Window ? "window" : getCssSelector(element);
+	}
+	const restoreKey = getKey(router.latestLocation);
+	return (scrollRestorationCache?.state[restoreKey])?.[elementSelector];
 }
-export {
-  ScrollRestoration,
-  useElementScrollRestoration
-};
-//# sourceMappingURL=ScrollRestoration.js.map
+//#endregion
+export { ScrollRestoration, useElementScrollRestoration };
+
+//# sourceMappingURL=ScrollRestoration.js.map

package/dist/esm/ScrollRestoration.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollRestoration.js","sources":["../../src/ScrollRestoration.tsx"],"sourcesContent":["import {\n  defaultGetScrollRestorationKey,\n  getCssSelector,\n  scrollRestorationCache,\n  setupScrollRestoration,\n} from '@tanstack/router-core'\nimport { useRouter } from './useRouter'\nimport type {\n  ParsedLocation,\n  ScrollRestorationEntry,\n  ScrollRestorationOptions,\n} from '@tanstack/router-core'\n\nfunction useScrollRestoration() {\n  const router = useRouter()\n  setupScrollRestoration(router, true)\n}\n\n/**\n * @deprecated use createRouter's `scrollRestoration` option instead\n */\nexport function ScrollRestoration(_props: ScrollRestorationOptions) {\n  useScrollRestoration()\n\n  if (process.env.NODE_ENV === 'development') {\n    console.warn(\n      \"The ScrollRestoration component is deprecated. Use createRouter's `scrollRestoration` option instead.\",\n    )\n  }\n\n  return null\n}\n\nexport function useElementScrollRestoration(\n  options: (\n    | {\n        id: string\n        getElement?: () => Window | Element | undefined | null\n      }\n    | {\n        id?: string\n        getElement: () => Window | Element | undefined | null\n      }\n  ) & {\n    getKey?: (location: ParsedLocation) => string\n  },\n): ScrollRestorationEntry | undefined {\n  useScrollRestoration()\n\n  const router = useRouter()\n  const getKey = options.getKey || defaultGetScrollRestorationKey\n\n  let elementSelector = ''\n\n  if (options.id) {\n    elementSelector = `[data-scroll-restoration-id=\"${options.id}\"]`\n  } else {\n    const element = options.getElement?.()\n    if (!element) {\n      return\n    }\n    elementSelector =\n      element instanceof Window ? 'window' : getCssSelector(element)\n  }\n\n  const restoreKey = getKey(router.latestLocation)\n  const byKey = scrollRestorationCache?.state[restoreKey]\n  return byKey?.[elementSelector]\n}\n"],"names":["useScrollRestoration","router","useRouter","setupScrollRestoration","ScrollRestoration","_props","process","env","NODE_ENV","console","warn","useElementScrollRestoration","options","getKey","defaultGetScrollRestorationKey","elementSelector","id","element","getElement","Window","getCssSelector","restoreKey","latestLocation","byKey","scrollRestorationCache","state"],"mappings":";;AAaA,SAASA,uBAAuB;AAC9B,QAAMC,SAASC,UAAS;AACxBC,yBAAuBF,QAAQ,IAAI;AACrC;AAKO,SAASG,kBAAkBC,QAAkC;AAClEL,uBAAoB;AAEpB,MAAIM,QAAQC,IAAIC,aAAa,eAAe;AAC1CC,YAAQC,KACN,uGACF;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAASC,4BACdC,SAYoC;AACpCZ,uBAAoB;AAEpB,QAAMC,SAASC,UAAS;AACxB,QAAMW,SAASD,QAAQC,UAAUC;AAEjC,MAAIC,kBAAkB;AAEtB,MAAIH,QAAQI,IAAI;AACdD,sBAAkB,gCAAgCH,QAAQI,EAAE;AAAA,EAC9D,OAAO;AACL,UAAMC,UAAUL,QAAQM,aAAU;AAClC,QAAI,CAACD,SAAS;AACZ;AAAA,IACF;AACAF,sBACEE,mBAAmBE,SAAS,WAAWC,eAAeH,OAAO;AAAA,EACjE;AAEA,QAAMI,aAAaR,OAAOZ,OAAOqB,cAAc;AAC/C,QAAMC,QAAQC,wBAAwBC,MAAMJ,UAAU;AACtD,SAAOE,QAAQR,eAAe;AAChC;"}
+{"version":3,"file":"ScrollRestoration.js","names":["defaultGetScrollRestorationKey","getCssSelector","scrollRestorationCache","setupScrollRestoration","useRouter","useScrollRestoration","router","ScrollRestoration","_props","process","env","NODE_ENV","console","warn","useElementScrollRestoration","options","getKey","elementSelector","id","element","getElement","Window","restoreKey","latestLocation","byKey","state"],"sources":["../../src/ScrollRestoration.tsx"],"sourcesContent":["import {\n  defaultGetScrollRestorationKey,\n  getCssSelector,\n  scrollRestorationCache,\n  setupScrollRestoration,\n} from '@tanstack/router-core'\nimport { useRouter } from './useRouter'\nimport type {\n  ParsedLocation,\n  ScrollRestorationEntry,\n  ScrollRestorationOptions,\n} from '@tanstack/router-core'\n\nfunction useScrollRestoration() {\n  const router = useRouter()\n  setupScrollRestoration(router, true)\n}\n\n/**\n * @deprecated use createRouter's `scrollRestoration` option instead\n */\nexport function ScrollRestoration(_props: ScrollRestorationOptions) {\n  useScrollRestoration()\n\n  if (process.env.NODE_ENV === 'development') {\n    console.warn(\n      \"The ScrollRestoration component is deprecated. Use createRouter's `scrollRestoration` option instead.\",\n    )\n  }\n\n  return null\n}\n\nexport function useElementScrollRestoration(\n  options: (\n    | {\n        id: string\n        getElement?: () => Window | Element | undefined | null\n      }\n    | {\n        id?: string\n        getElement: () => Window | Element | undefined | null\n      }\n  ) & {\n    getKey?: (location: ParsedLocation) => string\n  },\n): ScrollRestorationEntry | undefined {\n  useScrollRestoration()\n\n  const router = useRouter()\n  const getKey = options.getKey || defaultGetScrollRestorationKey\n\n  let elementSelector = ''\n\n  if (options.id) {\n    elementSelector = `[data-scroll-restoration-id=\"${options.id}\"]`\n  } else {\n    const element = options.getElement?.()\n    if (!element) {\n      return\n    }\n    elementSelector =\n      element instanceof Window ? 'window' : getCssSelector(element)\n  }\n\n  const restoreKey = getKey(router.latestLocation)\n  const byKey = scrollRestorationCache?.state[restoreKey]\n  return byKey?.[elementSelector]\n}\n"],"mappings":";;;AAaA,SAASK,uBAAuB;AAE9BF,wBADeC,WAAW,EACK,KAAK;;;;;AAMtC,SAAgBG,kBAAkBC,QAAkC;AAClEH,uBAAsB;AAEtB,KAAA,QAAA,IAAA,aAA6B,cAC3BO,SAAQC,KACN,wGACD;AAGH,QAAO;;AAGT,SAAgBC,4BACdC,SAYoC;AACpCV,uBAAsB;CAEtB,MAAMC,SAASF,WAAW;CAC1B,MAAMY,SAASD,QAAQC,UAAUhB;CAEjC,IAAIiB,kBAAkB;AAEtB,KAAIF,QAAQG,GACVD,mBAAkB,gCAAgCF,QAAQG,GAAE;MACvD;EACL,MAAMC,UAAUJ,QAAQK,cAAc;AACtC,MAAI,CAACD,QACH;AAEFF,oBACEE,mBAAmBE,SAAS,WAAWpB,eAAekB,QAAQ;;CAGlE,MAAMG,aAAaN,OAAOV,OAAOiB,eAAe;AAEhD,SADcrB,wBAAwBuB,MAAMH,eAC7BL"}