@tanstack/solid-router/dist/source/Scripts.jsx

Modern and scalable routing for Solid applications

import * as Solid from 'solid-js';
import { Asset } from './Asset';
import { useRouter } from './useRouter';
export const Scripts = () => {
    const router = useRouter();
    const nonce = router.options.ssr?.nonce;
    const activeMatches = Solid.createMemo(() => router.stores.activeMatchesSnapshot.state);
    const assetScripts = Solid.createMemo(() => {
        const assetScripts = [];
        const manifest = router.ssr?.manifest;
        if (!manifest) {
            return [];
        }
        activeMatches()
            .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 = Solid.createMemo(() => activeMatches()
        .map((match) => match.scripts)
        .flat(1)
        .filter(Boolean).map(({ children, ...script }) => ({
        tag: 'script',
        attrs: {
            ...script,
            nonce,
        },
        children,
    })));
    let serverBufferedScript = undefined;
    if (router.serverSsr) {
        serverBufferedScript = router.serverSsr.takeBufferedScripts();
    }
    const allScripts = [
        ...scripts(),
        ...assetScripts(),
    ];
    if (serverBufferedScript) {
        allScripts.unshift(serverBufferedScript);
    }
    return (<>
      {allScripts.map((asset, i) => (<Asset {...asset}/>))}
    </>);
};
//# sourceMappingURL=Scripts.jsx.map