@tanstack/solid-router/dist/esm/Scripts.js

Modern and scalable routing for Solid applications

import { useRouter } from "./useRouter.js";
import { useRouterState } from "./useRouterState.js";
import { Asset } from "./Asset.js";
import { createComponent, memo } from "solid-js/web";
//#region src/Scripts.tsx
var Scripts = () => {
	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
	})) }) });
	let serverBufferedScript = void 0;
	if (router.serverSsr) serverBufferedScript = router.serverSsr.takeBufferedScripts();
	const allScripts = [...scripts().scripts, ...assetScripts()];
	if (serverBufferedScript) allScripts.unshift(serverBufferedScript);
	return memo(() => allScripts.map((asset, i) => createComponent(Asset, asset)));
};
//#endregion
export { Scripts };

//# sourceMappingURL=Scripts.js.map