@tanstack/solid-router/dist/cjs/headContentUtils.cjs

Modern and scalable routing for Solid applications

const require_runtime = require("./_virtual/_rolldown/runtime.cjs");
const require_useRouter = require("./useRouter.cjs");
let _tanstack_router_core = require("@tanstack/router-core");
let solid_js = require("solid-js");
solid_js = require_runtime.__toESM(solid_js, 1);
//#region src/headContentUtils.tsx
/**
* Build the list of head/link/meta/script tags to render for active matches.
* Used internally by `HeadContent`.
*/
var useTags = (assetCrossOrigin) => {
	const router = require_useRouter.useRouter();
	const nonce = router.options.ssr?.nonce;
	const activeMatches = solid_js.createMemo(() => router.stores.matches.get());
	const routeMeta = solid_js.createMemo(() => activeMatches().map((match) => match.meta).filter((meta) => meta !== void 0));
	const meta = solid_js.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: (0, _tanstack_router_core.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 = solid_js.createMemo(() => {
		return activeMatches().flatMap((match) => match.links ?? []).filter((link) => link !== void 0).map((link) => ({
			tag: "link",
			attrs: {
				...link,
				nonce
			}
		}));
	});
	const manifestCssTags = solid_js.createMemo(() => {
		const manifest = router.ssr?.manifest;
		const tags = [];
		if (!manifest) return tags;
		for (const match of activeMatches()) manifest.routes[match.routeId]?.css?.forEach((link) => {
			const resolvedLink = (0, _tanstack_router_core.resolveManifestCssLink)(link);
			tags.push({
				tag: "link",
				attrs: {
					rel: "stylesheet",
					...resolvedLink,
					crossOrigin: (0, _tanstack_router_core.getAssetCrossOrigin)(assetCrossOrigin, "stylesheet") ?? resolvedLink.crossOrigin,
					nonce
				}
			});
		});
		if (manifest.inlineStyle) tags.push({
			tag: "style",
			attrs: {
				...manifest.inlineStyle.attrs,
				nonce
			},
			children: manifest.inlineStyle.children,
			inlineCss: true
		});
		return tags;
	});
	const preloadLinks = solid_js.createMemo(() => {
		const matches = activeMatches();
		const preloadLinks = [];
		matches.forEach((match) => router.ssr?.manifest?.routes[match.routeId]?.preloads?.filter(Boolean).forEach((preload) => {
			preloadLinks.push({
				tag: "link",
				attrs: {
					...(0, _tanstack_router_core.getScriptPreloadAttrs)(router.ssr?.manifest, preload, assetCrossOrigin),
					nonce
				}
			});
		}));
		return preloadLinks;
	});
	const styles = solid_js.createMemo(() => {
		return activeMatches().flatMap((match) => match.styles ?? []).filter((style) => style !== void 0).map(({ children, ...style }) => ({
			tag: "style",
			attrs: {
				...style,
				nonce
			},
			children
		}));
	});
	const headScripts = solid_js.createMemo(() => {
		return activeMatches().flatMap((match) => match.headScripts ?? []).filter((script) => script !== void 0).map(({ children, ...script }) => ({
			tag: "script",
			attrs: {
				...script,
				nonce
			},
			children
		}));
	});
	return solid_js.createMemo((prev) => {
		const next = [];
		(0, _tanstack_router_core.appendUniqueUserTags)(next, meta());
		next.push(...preloadLinks());
		(0, _tanstack_router_core.appendUniqueUserTags)(next, links());
		next.push(...manifestCssTags());
		(0, _tanstack_router_core.appendUniqueUserTags)(next, styles());
		(0, _tanstack_router_core.appendUniqueUserTags)(next, headScripts());
		if (prev === void 0) return next;
		return replaceEqualTags(prev, next);
	});
};
function replaceEqualTags(prev, next) {
	const prevByKey = /* @__PURE__ */ new Map();
	for (const tag of prev) prevByKey.set(JSON.stringify(tag), tag);
	let isEqual = prev.length === next.length;
	const result = next.map((tag, index) => {
		const existing = prevByKey.get(JSON.stringify(tag));
		if (existing) {
			if (existing !== prev[index]) isEqual = false;
			return existing;
		}
		isEqual = false;
		return tag;
	});
	return isEqual ? prev : result;
}
//#endregion
exports.useTags = useTags;

//# sourceMappingURL=headContentUtils.cjs.map