{"version":3,"file":"Asset.cjs","names":["","","tag=\"meta\"","","tag=\"link\"","{children}","","tag=\"style\"","","","children={html}","ref={(e) => (el = e)}"," (el = e)} {...props.attrs}>\n {props.children as string}\n ","","innerHTML={children}",""],"sources":["../../src/Asset.tsx"],"sourcesContent":["import { isServer } from '@tanstack/router-core/isServer'\nimport { createEffect, onCleanup, onSettled } from 'solid-js'\nimport { useRouter } from './useRouter'\nimport type { RouterManagedTag } from '@tanstack/router-core'\nimport type { JSX } from '@solidjs/web'\n\nconst INLINE_CSS_HYDRATION_ATTR = 'data-tsr-inline-css'\n\nexport function Asset(asset: RouterManagedTag): JSX.Element | null {\n const { tag, attrs, children } = asset\n\n switch (tag) {\n case 'title':\n return \n case 'meta':\n return \n case 'link':\n return \n case 'style':\n if (\n asset.inlineCss &&\n (process.env.TSS_INLINE_CSS_ENABLED === 'true' ||\n (process.env.TSS_INLINE_CSS_ENABLED === undefined && isServer))\n ) {\n return {children}\n }\n\n return \n case 'script':\n return \n default:\n return null\n }\n}\n\n// On the client, relocate a rendered head element into document.head so head\n// tags end up in the right place even when is rendered in\n// . The *same* node that Solid rendered/hydrated is moved — never\n// recreated — so the server-rendered node stays claimed (its hydration id is\n// preserved) and stylesheets/scripts are not refetched or re-executed.\n//\n// When is placed in (the SSR/hydration case), the node\n// is already in document.head, so this is a no-op and the element is left\n// exactly where Solid hydrated it.\nfunction useRelocateToHead(getEl: () => Node | undefined) {\n onSettled(() => {\n const el = getEl()\n if (el && el.parentNode !== document.head) {\n document.head.appendChild(el)\n }\n })\n\n onCleanup(() => {\n const el = getEl()\n if (el?.parentNode) {\n el.parentNode.removeChild(el)\n }\n })\n}\n\nfunction InlineCssStyle({\n attrs,\n children,\n}: {\n attrs?: Record\n children?: RouterManagedTag['children']\n}) {\n const isInlineCssPlaceholder = children === undefined\n const html = isInlineCssPlaceholder\n ? typeof document === 'undefined'\n ? ''\n : (document.querySelector(\n `style[${INLINE_CSS_HYDRATION_ATTR}]`,\n )?.textContent ?? '')\n : (children ?? '')\n\n return (\n \n )\n}\n\ninterface ScriptAttrs {\n [key: string]: string | boolean | undefined\n src?: string\n}\n\nfunction HeadElement(props: {\n tag: 'meta' | 'link' | 'style'\n attrs?: Record\n children?: unknown\n}): JSX.Element | null {\n // Each branch must live in its own `case` block so the Solid compiler emits\n // exactly ONE getNextElement() per invocation. Sequential `if ... return`\n // statements compile to multiple getNextElement() calls that all execute,\n // desyncing the hydration key counter (causing \"expected