@tanstack/solid-router 1.147.1 → 1.149.3

package/dist/cjs/index.dev.cjs

@@ -0,0 +1,259 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const routerCore = require("@tanstack/router-core");
+const history = require("@tanstack/history");
+const awaited = require("./awaited.cjs");
+const CatchBoundary = require("./CatchBoundary.cjs");
+const ClientOnly = require("./ClientOnly.cjs");
+const fileRoute = require("./fileRoute.cjs");
+const lazyRouteComponent = require("./lazyRouteComponent.cjs");
+const link = require("./link.cjs");
+const Matches = require("./Matches.cjs");
+const matchContext = require("./matchContext.cjs");
+const Match = require("./Match.cjs");
+const useMatch = require("./useMatch.cjs");
+const useLoaderDeps = require("./useLoaderDeps.cjs");
+const useLoaderData = require("./useLoaderData.cjs");
+const route = require("./route.cjs");
+const router = require("./router.cjs");
+const RouterProvider = require("./RouterProvider.cjs");
+const ScrollRestoration = require("./ScrollRestoration.cjs");
+const useBlocker = require("./useBlocker.cjs");
+const useNavigate = require("./useNavigate.cjs");
+const useParams = require("./useParams.cjs");
+const useSearch = require("./useSearch.cjs");
+const routerContext = require("./routerContext.cjs");
+const useRouteContext = require("./useRouteContext.cjs");
+const useRouter = require("./useRouter.cjs");
+const useRouterState = require("./useRouterState.cjs");
+const useLocation = require("./useLocation.cjs");
+const useCanGoBack = require("./useCanGoBack.cjs");
+const utils = require("./utils.cjs");
+const notFound = require("./not-found.cjs");
+const ScriptOnce = require("./ScriptOnce.cjs");
+const Asset = require("./Asset.cjs");
+const headContentUtils = require("./headContentUtils.cjs");
+const Scripts = require("./Scripts.cjs");
+const HeadContent_dev = require("./HeadContent.dev.cjs");
+Object.defineProperty(exports, "PathParamError", {
+  enumerable: true,
+  get: () => routerCore.PathParamError
+});
+Object.defineProperty(exports, "SearchParamError", {
+  enumerable: true,
+  get: () => routerCore.SearchParamError
+});
+Object.defineProperty(exports, "TSR_DEFERRED_PROMISE", {
+  enumerable: true,
+  get: () => routerCore.TSR_DEFERRED_PROMISE
+});
+Object.defineProperty(exports, "cleanPath", {
+  enumerable: true,
+  get: () => routerCore.cleanPath
+});
+Object.defineProperty(exports, "componentTypes", {
+  enumerable: true,
+  get: () => routerCore.componentTypes
+});
+Object.defineProperty(exports, "composeRewrites", {
+  enumerable: true,
+  get: () => routerCore.composeRewrites
+});
+Object.defineProperty(exports, "createControlledPromise", {
+  enumerable: true,
+  get: () => routerCore.createControlledPromise
+});
+Object.defineProperty(exports, "createSerializationAdapter", {
+  enumerable: true,
+  get: () => routerCore.createSerializationAdapter
+});
+Object.defineProperty(exports, "deepEqual", {
+  enumerable: true,
+  get: () => routerCore.deepEqual
+});
+Object.defineProperty(exports, "defaultParseSearch", {
+  enumerable: true,
+  get: () => routerCore.defaultParseSearch
+});
+Object.defineProperty(exports, "defaultSerializeError", {
+  enumerable: true,
+  get: () => routerCore.defaultSerializeError
+});
+Object.defineProperty(exports, "defaultStringifySearch", {
+  enumerable: true,
+  get: () => routerCore.defaultStringifySearch
+});
+Object.defineProperty(exports, "defer", {
+  enumerable: true,
+  get: () => routerCore.defer
+});
+Object.defineProperty(exports, "functionalUpdate", {
+  enumerable: true,
+  get: () => routerCore.functionalUpdate
+});
+Object.defineProperty(exports, "getInitialRouterState", {
+  enumerable: true,
+  get: () => routerCore.getInitialRouterState
+});
+Object.defineProperty(exports, "interpolatePath", {
+  enumerable: true,
+  get: () => routerCore.interpolatePath
+});
+Object.defineProperty(exports, "isMatch", {
+  enumerable: true,
+  get: () => routerCore.isMatch
+});
+Object.defineProperty(exports, "isNotFound", {
+  enumerable: true,
+  get: () => routerCore.isNotFound
+});
+Object.defineProperty(exports, "isPlainArray", {
+  enumerable: true,
+  get: () => routerCore.isPlainArray
+});
+Object.defineProperty(exports, "isPlainObject", {
+  enumerable: true,
+  get: () => routerCore.isPlainObject
+});
+Object.defineProperty(exports, "isRedirect", {
+  enumerable: true,
+  get: () => routerCore.isRedirect
+});
+Object.defineProperty(exports, "joinPaths", {
+  enumerable: true,
+  get: () => routerCore.joinPaths
+});
+Object.defineProperty(exports, "lazyFn", {
+  enumerable: true,
+  get: () => routerCore.lazyFn
+});
+Object.defineProperty(exports, "notFound", {
+  enumerable: true,
+  get: () => routerCore.notFound
+});
+Object.defineProperty(exports, "parseSearchWith", {
+  enumerable: true,
+  get: () => routerCore.parseSearchWith
+});
+Object.defineProperty(exports, "redirect", {
+  enumerable: true,
+  get: () => routerCore.redirect
+});
+Object.defineProperty(exports, "replaceEqualDeep", {
+  enumerable: true,
+  get: () => routerCore.replaceEqualDeep
+});
+Object.defineProperty(exports, "resolvePath", {
+  enumerable: true,
+  get: () => routerCore.resolvePath
+});
+Object.defineProperty(exports, "retainSearchParams", {
+  enumerable: true,
+  get: () => routerCore.retainSearchParams
+});
+Object.defineProperty(exports, "rootRouteId", {
+  enumerable: true,
+  get: () => routerCore.rootRouteId
+});
+Object.defineProperty(exports, "stringifySearchWith", {
+  enumerable: true,
+  get: () => routerCore.stringifySearchWith
+});
+Object.defineProperty(exports, "stripSearchParams", {
+  enumerable: true,
+  get: () => routerCore.stripSearchParams
+});
+Object.defineProperty(exports, "trimPath", {
+  enumerable: true,
+  get: () => routerCore.trimPath
+});
+Object.defineProperty(exports, "trimPathLeft", {
+  enumerable: true,
+  get: () => routerCore.trimPathLeft
+});
+Object.defineProperty(exports, "trimPathRight", {
+  enumerable: true,
+  get: () => routerCore.trimPathRight
+});
+Object.defineProperty(exports, "createBrowserHistory", {
+  enumerable: true,
+  get: () => history.createBrowserHistory
+});
+Object.defineProperty(exports, "createHashHistory", {
+  enumerable: true,
+  get: () => history.createHashHistory
+});
+Object.defineProperty(exports, "createHistory", {
+  enumerable: true,
+  get: () => history.createHistory
+});
+Object.defineProperty(exports, "createMemoryHistory", {
+  enumerable: true,
+  get: () => history.createMemoryHistory
+});
+exports.Await = awaited.Await;
+exports.useAwaited = awaited.useAwaited;
+exports.CatchBoundary = CatchBoundary.CatchBoundary;
+exports.ErrorComponent = CatchBoundary.ErrorComponent;
+exports.ClientOnly = ClientOnly.ClientOnly;
+exports.useHydrated = ClientOnly.useHydrated;
+exports.FileRoute = fileRoute.FileRoute;
+exports.FileRouteLoader = fileRoute.FileRouteLoader;
+exports.LazyRoute = fileRoute.LazyRoute;
+exports.createFileRoute = fileRoute.createFileRoute;
+exports.createLazyFileRoute = fileRoute.createLazyFileRoute;
+exports.createLazyRoute = fileRoute.createLazyRoute;
+exports.lazyRouteComponent = lazyRouteComponent.lazyRouteComponent;
+exports.Link = link.Link;
+exports.createLink = link.createLink;
+exports.linkOptions = link.linkOptions;
+exports.useLinkProps = link.useLinkProps;
+exports.MatchRoute = Matches.MatchRoute;
+exports.Matches = Matches.Matches;
+exports.useChildMatches = Matches.useChildMatches;
+exports.useMatchRoute = Matches.useMatchRoute;
+exports.useMatches = Matches.useMatches;
+exports.useParentMatches = Matches.useParentMatches;
+exports.matchContext = matchContext.matchContext;
+exports.Match = Match.Match;
+exports.Outlet = Match.Outlet;
+exports.useMatch = useMatch.useMatch;
+exports.useLoaderDeps = useLoaderDeps.useLoaderDeps;
+exports.useLoaderData = useLoaderData.useLoaderData;
+exports.NotFoundRoute = route.NotFoundRoute;
+exports.RootRoute = route.RootRoute;
+exports.Route = route.Route;
+exports.RouteApi = route.RouteApi;
+exports.createRootRoute = route.createRootRoute;
+exports.createRootRouteWithContext = route.createRootRouteWithContext;
+exports.createRoute = route.createRoute;
+exports.createRouteMask = route.createRouteMask;
+exports.getRouteApi = route.getRouteApi;
+exports.rootRouteWithContext = route.rootRouteWithContext;
+exports.Router = router.Router;
+exports.createRouter = router.createRouter;
+exports.RouterContextProvider = RouterProvider.RouterContextProvider;
+exports.RouterProvider = RouterProvider.RouterProvider;
+exports.ScrollRestoration = ScrollRestoration.ScrollRestoration;
+exports.useElementScrollRestoration = ScrollRestoration.useElementScrollRestoration;
+exports.Block = useBlocker.Block;
+exports.useBlocker = useBlocker.useBlocker;
+exports.Navigate = useNavigate.Navigate;
+exports.useNavigate = useNavigate.useNavigate;
+exports.useParams = useParams.useParams;
+exports.useSearch = useSearch.useSearch;
+exports.getRouterContext = routerContext.getRouterContext;
+exports.useRouteContext = useRouteContext.useRouteContext;
+exports.useRouter = useRouter.useRouter;
+exports.useRouterState = useRouterState.useRouterState;
+exports.useLocation = useLocation.useLocation;
+exports.useCanGoBack = useCanGoBack.useCanGoBack;
+exports.useLayoutEffect = utils.useLayoutEffect;
+exports.CatchNotFound = notFound.CatchNotFound;
+exports.DefaultGlobalNotFound = notFound.DefaultGlobalNotFound;
+exports.ScriptOnce = ScriptOnce.ScriptOnce;
+exports.Asset = Asset.Asset;
+exports.useTags = headContentUtils.useTags;
+exports.Scripts = Scripts.Scripts;
+exports.HeadContent = HeadContent_dev.HeadContent;
+//# sourceMappingURL=index.dev.cjs.map

package/dist/cjs/index.dev.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.dev.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index.dev.d.cts

@@ -0,0 +1,2 @@
+export * from './index.cjs';
+export { HeadContent } from './HeadContent.dev';

package/dist/cjs/ssr/RouterServer.cjs

@@ -3,12 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Solid = require("solid-js/web");
 const meta = require("@solidjs/meta");
 const Asset = require("../Asset.cjs");
-const HeadContent = require("../HeadContent.cjs");
+const headContentUtils = require("../headContentUtils.cjs");
 const RouterProvider = require("../RouterProvider.cjs");
 const Scripts = require("../Scripts.cjs");
 var _tmpl$ = /* @__PURE__ */ Solid.template(`<html><head></head><body>`);
 function ServerHeadContent() {
-  const tags = HeadContent.useTags();
+  const tags = headContentUtils.useTags();
   Solid.useAssets(() => {
     return Solid.createComponent(meta.MetaProvider, {
       get children() {

package/dist/cjs/ssr/RouterServer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RouterServer.cjs","sources":["../../../src/ssr/RouterServer.tsx"],"sourcesContent":["import {\n  Hydration,\n  HydrationScript,\n  NoHydration,\n  ssr,\n  useAssets,\n} from 'solid-js/web'\nimport { MetaProvider } from '@solidjs/meta'\nimport { Asset } from '../Asset'\nimport { useTags } from '../HeadContent'\nimport { RouterProvider } from '../RouterProvider'\nimport { Scripts } from '../Scripts'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport function ServerHeadContent() {\n  const tags = useTags()\n  useAssets(() => {\n    return (\n      <MetaProvider>\n        {tags().map((tag) => (\n          <Asset {...tag} />\n        ))}\n      </MetaProvider>\n    )\n  })\n  return null\n}\n\nconst docType = ssr('<!DOCTYPE html>')\n\nexport function RouterServer<TRouter extends AnyRouter>(props: {\n  router: TRouter\n}) {\n  return (\n    <NoHydration>\n      {docType as any}\n      <html>\n        <head>\n          <HydrationScript />\n        </head>\n        <body>\n          <Hydration>\n            <RouterProvider\n              router={props.router}\n              InnerWrap={(props) => (\n                <NoHydration>\n                  <MetaProvider>\n                    <ServerHeadContent />\n                    <Hydration>{props.children}</Hydration>\n                    <Scripts />\n                  </MetaProvider>\n                </NoHydration>\n              )}\n            />\n          </Hydration>\n        </body>\n      </html>\n    </NoHydration>\n  )\n}\n"],"names":["ServerHeadContent","tags","useTags","useAssets","_$createComponent","MetaProvider","children","map","tag","Asset","docType","ssr","RouterServer","props","NoHydration","_el$","_tmpl$","_el$3","firstChild","_$insert","Hydration","RouterProvider","router","InnerWrap","Scripts"],"mappings":";;;;;;;;;AAcO,SAASA,oBAAoB;AAClC,QAAMC,OAAOC,YAAAA,QAAAA;AACbC,QAAAA,UAAU,MAAM;AACd,WAAAC,MAAAA,gBACGC,KAAAA,cAAY;AAAA,MAAA,IAAAC,WAAA;AAAA,eACVL,OAAOM,IAAKC,SAAGJ,sBACbK,MAAAA,OAAUD,GAAG,CACf;AAAA,MAAC;AAAA,IAAA,CAAA;AAAA,EAGR,CAAC;AACD,SAAO;AACT;AAEA,MAAME,UAAUC,MAAAA,IAAI,iBAAiB;AAE9B,SAASC,aAAwCC,OAErD;AACD,SAAAT,MAAAA,gBACGU,MAAAA,aAAW;AAAA,IAAA,IAAAR,WAAA;AAAA,aAAA,CACTI,UAAc,MAAA;AAAA,YAAAK,OAAAC,OAAAA,GAAAC,QAAAF,KAAAG;AAAAC,qBAAAF,OAAAb,MAAAA,gBAMVgB,iBAAS;AAAA,UAAA,IAAAd,WAAA;AAAA,mBAAAF,MAAAA,gBACPiB,eAAAA,gBAAc;AAAA,cAAA,IACbC,SAAM;AAAA,uBAAET,MAAMS;AAAAA,cAAM;AAAA,cACpBC,WAAYV,CAAAA,WAAKT,MAAAA,gBACdU,mBAAW;AAAA,gBAAA,IAAAR,WAAA;AAAA,yBAAAF,MAAAA,gBACTC,KAAAA,cAAY;AAAA,oBAAA,IAAAC,WAAA;AAAA,6BAAA,CAAAF,MAAAA,gBACVJ,mBAAiB,CAAA,CAAA,GAAAI,MAAAA,gBACjBgB,MAAAA,WAAS;AAAA,wBAAA,IAAAd,WAAA;AAAA,iCAAEO,OAAMP;AAAAA,wBAAQ;AAAA,sBAAA,CAAA,GAAAF,MAAAA,gBACzBoB,iBAAO,CAAA,CAAA,CAAA;AAAA,oBAAA;AAAA,kBAAA,CAAA;AAAA,gBAAA;AAAA,cAAA,CAAA;AAAA,YAAA,CAGb;AAAA,UAAA;AAAA,QAAA,CAAA,CAAA;AAAA,eAAAT;AAAAA,MAAA,IAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAOf;;;"}
+{"version":3,"file":"RouterServer.cjs","sources":["../../../src/ssr/RouterServer.tsx"],"sourcesContent":["import {\n  Hydration,\n  HydrationScript,\n  NoHydration,\n  ssr,\n  useAssets,\n} from 'solid-js/web'\nimport { MetaProvider } from '@solidjs/meta'\nimport { Asset } from '../Asset'\nimport { useTags } from '../headContentUtils'\nimport { RouterProvider } from '../RouterProvider'\nimport { Scripts } from '../Scripts'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport function ServerHeadContent() {\n  const tags = useTags()\n  useAssets(() => {\n    return (\n      <MetaProvider>\n        {tags().map((tag) => (\n          <Asset {...tag} />\n        ))}\n      </MetaProvider>\n    )\n  })\n  return null\n}\n\nconst docType = ssr('<!DOCTYPE html>')\n\nexport function RouterServer<TRouter extends AnyRouter>(props: {\n  router: TRouter\n}) {\n  return (\n    <NoHydration>\n      {docType as any}\n      <html>\n        <head>\n          <HydrationScript />\n        </head>\n        <body>\n          <Hydration>\n            <RouterProvider\n              router={props.router}\n              InnerWrap={(props) => (\n                <NoHydration>\n                  <MetaProvider>\n                    <ServerHeadContent />\n                    <Hydration>{props.children}</Hydration>\n                    <Scripts />\n                  </MetaProvider>\n                </NoHydration>\n              )}\n            />\n          </Hydration>\n        </body>\n      </html>\n    </NoHydration>\n  )\n}\n"],"names":["ServerHeadContent","tags","useTags","useAssets","_$createComponent","MetaProvider","children","map","tag","Asset","docType","ssr","RouterServer","props","NoHydration","_el$","_tmpl$","_el$3","firstChild","_$insert","Hydration","RouterProvider","router","InnerWrap","Scripts"],"mappings":";;;;;;;;;AAcO,SAASA,oBAAoB;AAClC,QAAMC,OAAOC,iBAAAA,QAAAA;AACbC,QAAAA,UAAU,MAAM;AACd,WAAAC,MAAAA,gBACGC,KAAAA,cAAY;AAAA,MAAA,IAAAC,WAAA;AAAA,eACVL,OAAOM,IAAKC,SAAGJ,sBACbK,MAAAA,OAAUD,GAAG,CACf;AAAA,MAAC;AAAA,IAAA,CAAA;AAAA,EAGR,CAAC;AACD,SAAO;AACT;AAEA,MAAME,UAAUC,MAAAA,IAAI,iBAAiB;AAE9B,SAASC,aAAwCC,OAErD;AACD,SAAAT,MAAAA,gBACGU,MAAAA,aAAW;AAAA,IAAA,IAAAR,WAAA;AAAA,aAAA,CACTI,UAAc,MAAA;AAAA,YAAAK,OAAAC,OAAAA,GAAAC,QAAAF,KAAAG;AAAAC,qBAAAF,OAAAb,MAAAA,gBAMVgB,iBAAS;AAAA,UAAA,IAAAd,WAAA;AAAA,mBAAAF,MAAAA,gBACPiB,eAAAA,gBAAc;AAAA,cAAA,IACbC,SAAM;AAAA,uBAAET,MAAMS;AAAAA,cAAM;AAAA,cACpBC,WAAYV,CAAAA,WAAKT,MAAAA,gBACdU,mBAAW;AAAA,gBAAA,IAAAR,WAAA;AAAA,yBAAAF,MAAAA,gBACTC,KAAAA,cAAY;AAAA,oBAAA,IAAAC,WAAA;AAAA,6BAAA,CAAAF,MAAAA,gBACVJ,mBAAiB,CAAA,CAAA,GAAAI,MAAAA,gBACjBgB,MAAAA,WAAS;AAAA,wBAAA,IAAAd,WAAA;AAAA,iCAAEO,OAAMP;AAAAA,wBAAQ;AAAA,sBAAA,CAAA,GAAAF,MAAAA,gBACzBoB,iBAAO,CAAA,CAAA,CAAA;AAAA,oBAAA;AAAA,kBAAA,CAAA;AAAA,gBAAA;AAAA,cAAA,CAAA;AAAA,YAAA,CAGb;AAAA,UAAA;AAAA,QAAA,CAAA,CAAA;AAAA,eAAAT;AAAAA,MAAA,IAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAOf;;;"}

package/dist/esm/HeadContent.d.ts

@@ -1,10 +1,7 @@
-import { RouterManagedTag } from '@tanstack/router-core';
-import * as Solid from 'solid-js';
-export declare const useTags: () => () => RouterManagedTag[];
 /**
  * @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.
  * When using full document hydration (hydrating from `<html>`), this component should be rendered in the `<body>`
  * to ensure it's part of the reactive tree and updates correctly during client-side navigation.
  * The component uses portals internally to render content into the `<head>` element.
  */
-export declare function HeadContent(): Solid.JSX.Element;
+export declare function HeadContent(): import("solid-js").JSX.Element;

package/dist/esm/HeadContent.dev.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.
+ * When using full document hydration (hydrating from `<html>`), this component should be rendered in the `<body>`
+ * to ensure it's part of the reactive tree and updates correctly during client-side navigation.
+ * The component uses portals internally to render content into the `<head>` element.
+ *
+ * Development version: filters out dev styles link after hydration and
+ * includes a fallback cleanup effect for hydration mismatch cases.
+ */
+export declare function HeadContent(): import("solid-js").JSX.Element;

package/dist/esm/HeadContent.dev.js

@@ -0,0 +1,36 @@
+import { createComponent } from "solid-js/web";
+import { MetaProvider } from "@solidjs/meta";
+import { createEffect, createMemo, For } from "solid-js";
+import { Asset } from "./Asset.js";
+import { useHydrated } from "./ClientOnly.js";
+import { useTags } from "./headContentUtils.js";
+const DEV_STYLES_ATTR = "data-tanstack-router-dev-styles";
+function HeadContent() {
+  const tags = useTags();
+  const hydrated = useHydrated();
+  createEffect(() => {
+    if (hydrated()) {
+      document.querySelectorAll(`link[${DEV_STYLES_ATTR}]`).forEach((el) => el.remove());
+    }
+  });
+  const filteredTags = createMemo(() => {
+    if (hydrated()) {
+      return tags().filter((tag) => !tag.attrs?.[DEV_STYLES_ATTR]);
+    }
+    return tags();
+  });
+  return createComponent(MetaProvider, {
+    get children() {
+      return createComponent(For, {
+        get each() {
+          return filteredTags();
+        },
+        children: (tag) => createComponent(Asset, tag)
+      });
+    }
+  });
+}
+export {
+  HeadContent
+};
+//# sourceMappingURL=HeadContent.dev.js.map

package/dist/esm/HeadContent.dev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadContent.dev.js","sources":["../../src/HeadContent.dev.tsx"],"sourcesContent":["import { MetaProvider } from '@solidjs/meta'\nimport { For, createEffect, createMemo } from 'solid-js'\nimport { Asset } from './Asset'\nimport { useHydrated } from './ClientOnly'\nimport { useTags } from './headContentUtils'\n\nconst DEV_STYLES_ATTR = 'data-tanstack-router-dev-styles'\n\n/**\n * @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.\n * When using full document hydration (hydrating from `<html>`), this component should be rendered in the `<body>`\n * to ensure it's part of the reactive tree and updates correctly during client-side navigation.\n * The component uses portals internally to render content into the `<head>` element.\n *\n * Development version: filters out dev styles link after hydration and\n * includes a fallback cleanup effect for hydration mismatch cases.\n */\nexport function HeadContent() {\n  const tags = useTags()\n  const hydrated = useHydrated()\n\n  // Fallback cleanup for hydration mismatch cases\n  // Runs when hydration completes to remove any orphaned dev styles links from DOM\n  createEffect(() => {\n    if (hydrated()) {\n      document\n        .querySelectorAll(`link[${DEV_STYLES_ATTR}]`)\n        .forEach((el) => el.remove())\n    }\n  })\n\n  // Filter out dev styles after hydration\n  const filteredTags = createMemo(() => {\n    if (hydrated()) {\n      return tags().filter((tag) => !tag.attrs?.[DEV_STYLES_ATTR])\n    }\n    return tags()\n  })\n\n  return (\n    <MetaProvider>\n      <For each={filteredTags()}>{(tag) => <Asset {...tag} />}</For>\n    </MetaProvider>\n  )\n}\n"],"names":["DEV_STYLES_ATTR","HeadContent","tags","useTags","hydrated","useHydrated","createEffect","document","querySelectorAll","forEach","el","remove","filteredTags","createMemo","filter","tag","attrs","_$createComponent","MetaProvider","children","For","each","Asset"],"mappings":";;;;;;AAMA,MAAMA,kBAAkB;AAWjB,SAASC,cAAc;AAC5B,QAAMC,OAAOC,QAAAA;AACb,QAAMC,WAAWC,YAAAA;AAIjBC,eAAa,MAAM;AACjB,QAAIF,YAAY;AACdG,eACGC,iBAAiB,QAAQR,eAAe,GAAG,EAC3CS,QAASC,CAAAA,OAAOA,GAAGC,OAAAA,CAAQ;AAAA,IAChC;AAAA,EACF,CAAC;AAGD,QAAMC,eAAeC,WAAW,MAAM;AACpC,QAAIT,YAAY;AACd,aAAOF,KAAAA,EAAOY,OAAQC,CAAAA,QAAQ,CAACA,IAAIC,QAAQhB,eAAe,CAAC;AAAA,IAC7D;AACA,WAAOE,KAAAA;AAAAA,EACT,CAAC;AAED,SAAAe,gBACGC,cAAY;AAAA,IAAA,IAAAC,WAAA;AAAA,aAAAF,gBACVG,KAAG;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAET,aAAAA;AAAAA,QAAc;AAAA,QAAAO,UAAIJ,CAAAA,QAAGE,gBAAMK,OAAUP,GAAG;AAAA,MAAA,CAAI;AAAA,IAAA;AAAA,EAAA,CAAA;AAG7D;"}

package/dist/esm/HeadContent.js

@@ -1,197 +1,22 @@
-import { createComponent, template, effect, setAttribute } from "solid-js/web";
-import * as Solid from "solid-js";
-import { Show, For, onMount } from "solid-js";
+import { createComponent } from "solid-js/web";
 import { MetaProvider } from "@solidjs/meta";
-import { escapeHtml, buildDevStylesUrl } from "@tanstack/router-core";
+import { For } from "solid-js";
 import { Asset } from "./Asset.js";
-import { useRouter } from "./useRouter.js";
-import { useRouterState } from "./useRouterState.js";
-var _tmpl$ = /* @__PURE__ */ template(`<link rel=stylesheet data-tanstack-start-dev-styles>`);
-const useTags = () => {
-  const router = useRouter();
-  const nonce = router.options.ssr?.nonce;
-  const routeMeta = useRouterState({
-    select: (state) => {
-      return state.matches.map((match) => match.meta).filter(Boolean);
-    }
-  });
-  const meta = Solid.createMemo(() => {
-    const resultMeta = [];
-    const metaByAttribute = {};
-    let title;
-    const routeMetasArray = routeMeta();
-    for (let i = routeMetasArray.length - 1; i >= 0; i--) {
-      const metas = routeMetasArray[i];
-      for (let j = metas.length - 1; j >= 0; j--) {
-        const m = metas[j];
-        if (!m) continue;
-        if (m.title) {
-          if (!title) {
-            title = {
-              tag: "title",
-              children: m.title
-            };
-          }
-        } else if ("script:ld+json" in m) {
-          try {
-            const json = JSON.stringify(m["script:ld+json"]);
-            resultMeta.push({
-              tag: "script",
-              attrs: {
-                type: "application/ld+json"
-              },
-              children: escapeHtml(json)
-            });
-          } catch {
-          }
-        } else {
-          const attribute = m.name ?? m.property;
-          if (attribute) {
-            if (metaByAttribute[attribute]) {
-              continue;
-            } else {
-              metaByAttribute[attribute] = true;
-            }
-          }
-          resultMeta.push({
-            tag: "meta",
-            attrs: {
-              ...m,
-              nonce
-            }
-          });
-        }
-      }
-    }
-    if (title) {
-      resultMeta.push(title);
-    }
-    if (router.options.ssr?.nonce) {
-      resultMeta.push({
-        tag: "meta",
-        attrs: {
-          property: "csp-nonce",
-          content: router.options.ssr.nonce
-        }
-      });
-    }
-    resultMeta.reverse();
-    return resultMeta;
-  });
-  const links = useRouterState({
-    select: (state) => {
-      const constructed = state.matches.map((match) => match.links).filter(Boolean).flat(1).map((link) => ({
-        tag: "link",
-        attrs: {
-          ...link,
-          nonce
-        }
-      }));
-      const manifest = router.ssr?.manifest;
-      const assets = state.matches.map((match) => manifest?.routes[match.routeId]?.assets ?? []).filter(Boolean).flat(1).filter((asset) => asset.tag === "link").map((asset) => ({
-        tag: "link",
-        attrs: {
-          ...asset.attrs,
-          nonce
-        }
-      }));
-      return [...constructed, ...assets];
-    }
-  });
-  const preloadLinks = useRouterState({
-    select: (state) => {
-      const preloadLinks2 = [];
-      state.matches.map((match) => router.looseRoutesById[match.routeId]).forEach((route) => router.ssr?.manifest?.routes[route.id]?.preloads?.filter(Boolean).forEach((preload) => {
-        preloadLinks2.push({
-          tag: "link",
-          attrs: {
-            rel: "modulepreload",
-            href: preload,
-            nonce
-          }
-        });
-      }));
-      return preloadLinks2;
-    }
-  });
-  const styles = useRouterState({
-    select: (state) => state.matches.map((match) => match.styles).flat(1).filter(Boolean).map(({
-      children,
-      ...style
-    }) => ({
-      tag: "style",
-      attrs: {
-        ...style,
-        nonce
-      },
-      children
-    }))
-  });
-  const headScripts = useRouterState({
-    select: (state) => state.matches.map((match) => match.headScripts).flat(1).filter(Boolean).map(({
-      children,
-      ...script
-    }) => ({
-      tag: "script",
-      attrs: {
-        ...script,
-        nonce
-      },
-      children
-    }))
-  });
-  return () => uniqBy([...meta(), ...preloadLinks(), ...links(), ...styles(), ...headScripts()], (d) => {
-    return JSON.stringify(d);
-  });
-};
-function DevStylesLink() {
-  const router = useRouter();
-  const routeIds = useRouterState({
-    select: (state) => state.matches.map((match) => match.routeId)
-  });
-  onMount(() => {
-    document.querySelectorAll("[data-tanstack-start-dev-styles]").forEach((el) => el.remove());
-  });
-  const href = () => buildDevStylesUrl(router.basepath, routeIds());
-  return (() => {
-    var _el$ = _tmpl$();
-    effect(() => setAttribute(_el$, "href", href()));
-    return _el$;
-  })();
-}
+import { useTags } from "./headContentUtils.js";
 function HeadContent() {
   const tags = useTags();
   return createComponent(MetaProvider, {
     get children() {
-      return [createComponent(Show, {
-        get when() {
-          return process.env.NODE_ENV !== "production";
-        },
-        get children() {
-          return createComponent(DevStylesLink, {});
-        }
-      }), createComponent(For, {
+      return createComponent(For, {
         get each() {
           return tags();
         },
         children: (tag) => createComponent(Asset, tag)
-      })];
-    }
-  });
-}
-function uniqBy(arr, fn) {
-  const seen = /* @__PURE__ */ new Set();
-  return arr.filter((item) => {
-    const key = fn(item);
-    if (seen.has(key)) {
-      return false;
+      });
     }
-    seen.add(key);
-    return true;
   });
 }
 export {
-  HeadContent,
-  useTags
+  HeadContent
 };
 //# sourceMappingURL=HeadContent.js.map

package/dist/esm/HeadContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadContent.js","sources":["../../src/HeadContent.tsx"],"sourcesContent":["import * as Solid from 'solid-js'\nimport { MetaProvider } from '@solidjs/meta'\nimport { For, Show, onMount } from 'solid-js'\nimport { buildDevStylesUrl, escapeHtml } from '@tanstack/router-core'\nimport { Asset } from './Asset'\nimport { useRouter } from './useRouter'\nimport { useRouterState } from './useRouterState'\nimport type { RouterManagedTag } from '@tanstack/router-core'\n\nexport const useTags = () => {\n  const router = useRouter()\n  const nonce = router.options.ssr?.nonce\n  const routeMeta = useRouterState({\n    select: (state) => {\n      return state.matches.map((match) => match.meta!).filter(Boolean)\n    },\n  })\n\n  const meta: Solid.Accessor<Array<RouterManagedTag>> = Solid.createMemo(() => {\n    const resultMeta: Array<RouterManagedTag> = []\n    const metaByAttribute: Record<string, true> = {}\n    let title: RouterManagedTag | undefined\n    const routeMetasArray = routeMeta()\n    for (let i = routeMetasArray.length - 1; i >= 0; i--) {\n      const metas = routeMetasArray[i]!\n      for (let j = metas.length - 1; j >= 0; j--) {\n        const m = metas[j]\n        if (!m) continue\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              continue\n            } else {\n              metaByAttribute[attribute] = true\n            }\n          }\n\n          resultMeta.push({\n            tag: 'meta',\n            attrs: {\n              ...m,\n              nonce,\n            },\n          })\n        }\n      }\n    }\n\n    if (title) {\n      resultMeta.push(title)\n    }\n\n    if (router.options.ssr?.nonce) {\n      resultMeta.push({\n        tag: 'meta',\n        attrs: {\n          property: 'csp-nonce',\n          content: router.options.ssr.nonce,\n        },\n      })\n    }\n    resultMeta.reverse()\n\n    return resultMeta\n  })\n\n  const links = useRouterState({\n    select: (state) => {\n      const constructed = state.matches\n        .map((match) => match.links!)\n        .filter(Boolean)\n        .flat(1)\n        .map((link) => ({\n          tag: 'link',\n          attrs: {\n            ...link,\n            nonce,\n          },\n        })) satisfies Array<RouterManagedTag>\n\n      const manifest = router.ssr?.manifest\n\n      // These are the assets extracted from the ViteManifest\n      // using the `startManifestPlugin`\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, nonce },\n            }) satisfies RouterManagedTag,\n        )\n\n      return [...constructed, ...assets]\n    },\n  })\n\n  const preloadLinks = useRouterState({\n    select: (state) => {\n      const preloadLinks: 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              preloadLinks.push({\n                tag: 'link',\n                attrs: {\n                  rel: 'modulepreload',\n                  href: preload,\n                  nonce,\n                },\n              })\n            }),\n        )\n\n      return preloadLinks\n    },\n  })\n\n  const styles = useRouterState({\n    select: (state) =>\n      (\n        state.matches\n          .map((match) => match.styles!)\n          .flat(1)\n          .filter(Boolean) as Array<RouterManagedTag>\n      ).map(({ children, ...style }) => ({\n        tag: 'style',\n        attrs: {\n          ...style,\n          nonce,\n        },\n        children,\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          nonce,\n        },\n        children,\n      })),\n  })\n\n  return () =>\n    uniqBy(\n      [\n        ...meta(),\n        ...preloadLinks(),\n        ...links(),\n        ...styles(),\n        ...headScripts(),\n      ] as Array<RouterManagedTag>,\n      (d) => {\n        return JSON.stringify(d)\n      },\n    )\n}\n\n/**\n * Renders a stylesheet link for dev mode CSS collection.\n * On the server, renders the full link with route-scoped CSS URL.\n * On the client, renders the same link to avoid hydration mismatch,\n * then removes it after hydration since Vite's HMR handles CSS updates.\n */\nfunction DevStylesLink() {\n  const router = useRouter()\n  const routeIds = useRouterState({\n    select: (state) => state.matches.map((match) => match.routeId),\n  })\n\n  onMount(() => {\n    // After hydration, remove the SSR-rendered dev styles link\n    document\n      .querySelectorAll('[data-tanstack-start-dev-styles]')\n      .forEach((el) => el.remove())\n  })\n\n  const href = () => buildDevStylesUrl(router.basepath, routeIds())\n\n  return <link rel=\"stylesheet\" href={href()} data-tanstack-start-dev-styles />\n}\n\n/**\n * @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.\n * When using full document hydration (hydrating from `<html>`), this component should be rendered in the `<body>`\n * to ensure it's part of the reactive tree and updates correctly during client-side navigation.\n * The component uses portals internally to render content into the `<head>` element.\n */\nexport function HeadContent() {\n  const tags = useTags()\n\n  return (\n    <MetaProvider>\n      <Show when={process.env.NODE_ENV !== 'production'}>\n        <DevStylesLink />\n      </Show>\n      <For each={tags()}>{(tag) => <Asset {...tag} />}</For>\n    </MetaProvider>\n  )\n}\n\nfunction 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"],"names":["useTags","router","useRouter","nonce","options","ssr","routeMeta","useRouterState","select","state","matches","map","match","meta","filter","Boolean","Solid","createMemo","resultMeta","metaByAttribute","title","routeMetasArray","i","length","metas","j","m","tag","children","json","JSON","stringify","push","attrs","type","escapeHtml","attribute","name","property","content","reverse","links","constructed","flat","link","manifest","assets","routes","routeId","asset","preloadLinks","looseRoutesById","forEach","route","id","preloads","preload","rel","href","styles","style","headScripts","script","uniqBy","d","DevStylesLink","routeIds","onMount","document","querySelectorAll","el","remove","buildDevStylesUrl","basepath","_el$","_tmpl$","_$effect","_$setAttribute","HeadContent","tags","_$createComponent","MetaProvider","Show","when","process","env","NODE_ENV","For","each","Asset","arr","fn","seen","Set","item","key","has","add"],"mappings":";;;;;;;;;AASO,MAAMA,UAAUA,MAAM;AAC3B,QAAMC,SAASC,UAAAA;AACf,QAAMC,QAAQF,OAAOG,QAAQC,KAAKF;AAClC,QAAMG,YAAYC,eAAe;AAAA,IAC/BC,QAASC,CAAAA,UAAU;AACjB,aAAOA,MAAMC,QAAQC,IAAKC,CAAAA,UAAUA,MAAMC,IAAK,EAAEC,OAAOC,OAAO;AAAA,IACjE;AAAA,EAAA,CACD;AAED,QAAMF,OAAgDG,MAAMC,WAAW,MAAM;AAC3E,UAAMC,aAAsC,CAAA;AAC5C,UAAMC,kBAAwC,CAAA;AAC9C,QAAIC;AACJ,UAAMC,kBAAkBf,UAAAA;AACxB,aAASgB,IAAID,gBAAgBE,SAAS,GAAGD,KAAK,GAAGA,KAAK;AACpD,YAAME,QAAQH,gBAAgBC,CAAC;AAC/B,eAASG,IAAID,MAAMD,SAAS,GAAGE,KAAK,GAAGA,KAAK;AAC1C,cAAMC,IAAIF,MAAMC,CAAC;AACjB,YAAI,CAACC,EAAG;AAER,YAAIA,EAAEN,OAAO;AACX,cAAI,CAACA,OAAO;AACVA,oBAAQ;AAAA,cACNO,KAAK;AAAA,cACLC,UAAUF,EAAEN;AAAAA,YAAAA;AAAAA,UAEhB;AAAA,QACF,WAAW,oBAAoBM,GAAG;AAGhC,cAAI;AACF,kBAAMG,OAAOC,KAAKC,UAAUL,EAAE,gBAAgB,CAAC;AAC/CR,uBAAWc,KAAK;AAAA,cACdL,KAAK;AAAA,cACLM,OAAO;AAAA,gBACLC,MAAM;AAAA,cAAA;AAAA,cAERN,UAAUO,WAAWN,IAAI;AAAA,YAAA,CAC1B;AAAA,UACH,QAAQ;AAAA,UACN;AAAA,QAEJ,OAAO;AACL,gBAAMO,YAAYV,EAAEW,QAAQX,EAAEY;AAC9B,cAAIF,WAAW;AACb,gBAAIjB,gBAAgBiB,SAAS,GAAG;AAC9B;AAAA,YACF,OAAO;AACLjB,8BAAgBiB,SAAS,IAAI;AAAA,YAC/B;AAAA,UACF;AAEAlB,qBAAWc,KAAK;AAAA,YACdL,KAAK;AAAA,YACLM,OAAO;AAAA,cACL,GAAGP;AAAAA,cACHvB;AAAAA,YAAAA;AAAAA,UACF,CACD;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAEA,QAAIiB,OAAO;AACTF,iBAAWc,KAAKZ,KAAK;AAAA,IACvB;AAEA,QAAInB,OAAOG,QAAQC,KAAKF,OAAO;AAC7Be,iBAAWc,KAAK;AAAA,QACdL,KAAK;AAAA,QACLM,OAAO;AAAA,UACLK,UAAU;AAAA,UACVC,SAAStC,OAAOG,QAAQC,IAAIF;AAAAA,QAAAA;AAAAA,MAC9B,CACD;AAAA,IACH;AACAe,eAAWsB,QAAAA;AAEX,WAAOtB;AAAAA,EACT,CAAC;AAED,QAAMuB,QAAQlC,eAAe;AAAA,IAC3BC,QAASC,CAAAA,UAAU;AACjB,YAAMiC,cAAcjC,MAAMC,QACvBC,IAAKC,WAAUA,MAAM6B,KAAM,EAC3B3B,OAAOC,OAAO,EACd4B,KAAK,CAAC,EACNhC,IAAKiC,CAAAA,UAAU;AAAA,QACdjB,KAAK;AAAA,QACLM,OAAO;AAAA,UACL,GAAGW;AAAAA,UACHzC;AAAAA,QAAAA;AAAAA,MACF,EACA;AAEJ,YAAM0C,WAAW5C,OAAOI,KAAKwC;AAI7B,YAAMC,SAASrC,MAAMC,QAClBC,IAAKC,CAAAA,UAAUiC,UAAUE,OAAOnC,MAAMoC,OAAO,GAAGF,UAAU,CAAA,CAAE,EAC5DhC,OAAOC,OAAO,EACd4B,KAAK,CAAC,EACN7B,OAAQmC,CAAAA,UAAUA,MAAMtB,QAAQ,MAAM,EACtChB,IACEsC,CAAAA,WACE;AAAA,QACCtB,KAAK;AAAA,QACLM,OAAO;AAAA,UAAE,GAAGgB,MAAMhB;AAAAA,UAAO9B;AAAAA,QAAAA;AAAAA,MAAM,EAErC;AAEF,aAAO,CAAC,GAAGuC,aAAa,GAAGI,MAAM;AAAA,IACnC;AAAA,EAAA,CACD;AAED,QAAMI,eAAe3C,eAAe;AAAA,IAClCC,QAASC,CAAAA,UAAU;AACjB,YAAMyC,gBAAwC,CAAA;AAE9CzC,YAAMC,QACHC,IAAKC,CAAAA,UAAUX,OAAOkD,gBAAgBvC,MAAMoC,OAAO,CAAE,EACrDI,QAASC,CAAAA,UACRpD,OAAOI,KAAKwC,UAAUE,OAAOM,MAAMC,EAAE,GAAGC,UACpCzC,OAAOC,OAAO,EACfqC,QAASI,CAAAA,YAAY;AACpBN,sBAAalB,KAAK;AAAA,UAChBL,KAAK;AAAA,UACLM,OAAO;AAAA,YACLwB,KAAK;AAAA,YACLC,MAAMF;AAAAA,YACNrD;AAAAA,UAAAA;AAAAA,QACF,CACD;AAAA,MACH,CAAC,CACL;AAEF,aAAO+C;AAAAA,IACT;AAAA,EAAA,CACD;AAED,QAAMS,SAASpD,eAAe;AAAA,IAC5BC,QAASC,CAAAA,UAELA,MAAMC,QACHC,IAAKC,WAAUA,MAAM+C,MAAO,EAC5BhB,KAAK,CAAC,EACN7B,OAAOC,OAAO,EACjBJ,IAAI,CAAC;AAAA,MAAEiB;AAAAA,MAAU,GAAGgC;AAAAA,IAAAA,OAAa;AAAA,MACjCjC,KAAK;AAAA,MACLM,OAAO;AAAA,QACL,GAAG2B;AAAAA,QACHzD;AAAAA,MAAAA;AAAAA,MAEFyB;AAAAA,IAAAA,EACA;AAAA,EAAA,CACL;AAED,QAAMiC,cAActD,eAAe;AAAA,IACjCC,QAASC,CAAAA,UAELA,MAAMC,QACHC,IAAKC,WAAUA,MAAMiD,WAAY,EACjClB,KAAK,CAAC,EACN7B,OAAOC,OAAO,EACjBJ,IAAI,CAAC;AAAA,MAAEiB;AAAAA,MAAU,GAAGkC;AAAAA,IAAAA,OAAc;AAAA,MAClCnC,KAAK;AAAA,MACLM,OAAO;AAAA,QACL,GAAG6B;AAAAA,QACH3D;AAAAA,MAAAA;AAAAA,MAEFyB;AAAAA,IAAAA,EACA;AAAA,EAAA,CACL;AAED,SAAO,MACLmC,OACE,CACE,GAAGlD,KAAAA,GACH,GAAGqC,aAAAA,GACH,GAAGT,MAAAA,GACH,GAAGkB,OAAAA,GACH,GAAGE,YAAAA,CAAa,GAEjBG,CAAAA,MAAM;AACL,WAAOlC,KAAKC,UAAUiC,CAAC;AAAA,EACzB,CACF;AACJ;AAQA,SAASC,gBAAgB;AACvB,QAAMhE,SAASC,UAAAA;AACf,QAAMgE,WAAW3D,eAAe;AAAA,IAC9BC,QAASC,CAAAA,UAAUA,MAAMC,QAAQC,IAAKC,CAAAA,UAAUA,MAAMoC,OAAO;AAAA,EAAA,CAC9D;AAEDmB,UAAQ,MAAM;AAEZC,aACGC,iBAAiB,kCAAkC,EACnDjB,QAASkB,CAAAA,OAAOA,GAAGC,QAAQ;AAAA,EAChC,CAAC;AAED,QAAMb,OAAOA,MAAMc,kBAAkBvE,OAAOwE,UAAUP,UAAU;AAEhE,UAAA,MAAA;AAAA,QAAAQ,OAAAC,OAAAA;AAAAC,iBAAAC,aAAAH,MAAA,QAAoChB,KAAAA,CAAM,CAAA;AAAA,WAAAgB;AAAAA,EAAA,GAAA;AAC5C;AAQO,SAASI,cAAc;AAC5B,QAAMC,OAAO/E,QAAAA;AAEb,SAAAgF,gBACGC,cAAY;AAAA,IAAA,IAAArD,WAAA;AAAA,aAAA,CAAAoD,gBACVE,MAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEC,QAAQC,IAAIC,aAAa;AAAA,QAAY;AAAA,QAAA,IAAA1D,WAAA;AAAA,iBAAAoD,gBAC9Cf,eAAa,EAAA;AAAA,QAAA;AAAA,MAAA,CAAA,GAAAe,gBAEfO,KAAG;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAET,KAAAA;AAAAA,QAAM;AAAA,QAAAnD,UAAID,CAAAA,QAAGqD,gBAAMS,OAAU9D,GAAG;AAAA,MAAA,CAAI,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAGrD;AAEA,SAASoC,OAAU2B,KAAeC,IAAyB;AACzD,QAAMC,2BAAWC,IAAAA;AACjB,SAAOH,IAAI5E,OAAQgF,CAAAA,SAAS;AAC1B,UAAMC,MAAMJ,GAAGG,IAAI;AACnB,QAAIF,KAAKI,IAAID,GAAG,GAAG;AACjB,aAAO;AAAA,IACT;AACAH,SAAKK,IAAIF,GAAG;AACZ,WAAO;AAAA,EACT,CAAC;AACH;"}
+{"version":3,"file":"HeadContent.js","sources":["../../src/HeadContent.tsx"],"sourcesContent":["import { MetaProvider } from '@solidjs/meta'\nimport { For } from 'solid-js'\nimport { Asset } from './Asset'\nimport { useTags } from './headContentUtils'\n\n/**\n * @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.\n * When using full document hydration (hydrating from `<html>`), this component should be rendered in the `<body>`\n * to ensure it's part of the reactive tree and updates correctly during client-side navigation.\n * The component uses portals internally to render content into the `<head>` element.\n */\nexport function HeadContent() {\n  const tags = useTags()\n\n  return (\n    <MetaProvider>\n      <For each={tags()}>{(tag) => <Asset {...tag} />}</For>\n    </MetaProvider>\n  )\n}\n"],"names":["HeadContent","tags","useTags","_$createComponent","MetaProvider","children","For","each","tag","Asset"],"mappings":";;;;;AAWO,SAASA,cAAc;AAC5B,QAAMC,OAAOC,QAAAA;AAEb,SAAAC,gBACGC,cAAY;AAAA,IAAA,IAAAC,WAAA;AAAA,aAAAF,gBACVG,KAAG;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEN,KAAAA;AAAAA,QAAM;AAAA,QAAAI,UAAIG,CAAAA,QAAGL,gBAAMM,OAAUD,GAAG;AAAA,MAAA,CAAI;AAAA,IAAA;AAAA,EAAA,CAAA;AAGrD;"}

package/dist/esm/headContentUtils.d.ts

@@ -0,0 +1,7 @@
+import { RouterManagedTag } from '@tanstack/router-core';
+/**
+ * Build the list of head/link/meta/script tags to render for active matches.
+ * Used internally by `HeadContent`.
+ */
+export declare const useTags: () => () => RouterManagedTag[];
+export declare function uniqBy<T>(arr: Array<T>, fn: (item: T) => string): T[];