import { type ReactElement, useEffect } from "react";
import type { ArrayItem } from "../../util/array.js";
import { getProps, type Prop } from "../../util/object.js";
import { requireMeta } from "../misc/MetaContext.js";
import { joinTitles, type MetaAssets, type MetaLinks, type MetaTags } from "../util/meta.js";
/** Meta tags with a capital first letter and hyphens, e.g. `Content-Security-Policy` or `Accept`, are `http-equiv=""` tags. */
const R_HTTP_EQUIV = /^[A-Z][a-zA-Z0-9]*(-[A-Z][a-zA-Z0-9]*)*$/;
/**
* Per-page meta tags plus history navigation.
* - Emits hoistable head elements (title, meta, links, stylesheets, scripts) inline; React 19 hoists each one into the document ``.
* - Does not render `` (not hoistable — that lives in `` in the `` shell component).
* - Updates `window.history` to match the page URL.
*/
export function Head(): ReactElement {
const meta = requireMeta();
const { url, title, app, description, links, tags, stylesheets, modules, scripts } = meta;
useEffect(() => {
if (typeof window === "undefined") return;
if (url) window.history.replaceState(null, "", url);
}, [url]);
const fullTitle = joinTitles(title, app);
return (
<>
{fullTitle && {fullTitle}}
{description && }
{tags && getProps(tags).map(_renderTag)}
{links && getProps(links).map(_renderLink)}
{stylesheets?.map(_renderStylesheet)}
{modules?.map(_renderModule)}
{scripts?.map(_renderScript)}
);
}
function _renderTag([k, x]: Prop): ReactElement | null {
if (x === null || x === undefined) return null;
const y = x === true ? "yes" : x === false ? "no" : x;
if (k.startsWith("og:")) return ; // Tags that start with `og:` use `property=""`
if (k.match(R_HTTP_EQUIV)) return ; // Tags that are in `Snake-Case` use `http-equiv=""`
return ; // All other tags use `content=""`
}
function _renderLink([k, { href }]: Prop): ReactElement | null {
const type = k.endsWith("icon") ? "image/x-icon" : "text/css";
return ;
}
function _renderStylesheet({ href }: ArrayItem): ReactElement | null {
return ;
}
function _renderModule({ href }: ArrayItem): ReactElement | null {
return ;
}
function _renderScript({ href }: ArrayItem): ReactElement | null {
return ;
}