@fluixi/head 0.1.0-alpha.22 → 1.0.0-alpha.100

package/dist/reconcile.mjs

@@ -0,0 +1,302 @@
+// src/reconcile.ts
+import { createRoot, createEffect, onCleanup as onCleanup2 } from "@fluixi/reactive/signal";
+
+// src/core.ts
+import { getOwner, onCleanup, createSignal } from "@fluixi/reactive/signal";
+function val(v) {
+  return typeof v === "function" ? v() : v;
+}
+function robotsToString(r) {
+  if (typeof r === "string") return r;
+  const out = [];
+  out.push(r.index === false ? "noindex" : "index");
+  out.push(r.follow === false ? "nofollow" : "follow");
+  if (r.noarchive) out.push("noarchive");
+  if (r.nosnippet) out.push("nosnippet");
+  if (r.noimageindex) out.push("noimageindex");
+  if (r.maxSnippet != null) out.push(`max-snippet:${r.maxSnippet}`);
+  if (r.maxImagePreview) out.push(`max-image-preview:${r.maxImagePreview}`);
+  if (r.maxVideoPreview != null) out.push(`max-video-preview:${r.maxVideoPreview}`);
+  return out.join(", ");
+}
+var slot = globalThis[/* @__PURE__ */ Symbol.for("fluixi.head")] ??= {
+  active: null,
+  scope: null
+};
+function djb2(s) {
+  let h = 5381;
+  for (let i = 0; i < s.length; i++) h = h * 33 ^ s.charCodeAt(i);
+  return (h >>> 0).toString(36);
+}
+function metaKey(a) {
+  if (a.charset != null) return "meta:charset";
+  if (a.property) return "meta:property:" + a.property;
+  if (a.name) return "meta:name:" + a.name;
+  if (a["http-equiv"]) return "meta:http-equiv:" + a["http-equiv"];
+  return "meta:" + djb2(JSON.stringify(a));
+}
+function pushImage(out, img) {
+  const o = typeof img === "string" ? { url: img } : img;
+  out.push({ tag: "meta", key: "meta:property:og:image:" + o.url, attrs: { property: "og:image", content: o.url } });
+  if (o.secureUrl) out.push({ tag: "meta", key: "meta:property:og:image:secure:" + o.url, attrs: { property: "og:image:secure_url", content: o.secureUrl } });
+  if (o.type) out.push({ tag: "meta", key: "meta:property:og:image:type:" + o.url, attrs: { property: "og:image:type", content: o.type } });
+  if (o.width != null) out.push({ tag: "meta", key: "meta:property:og:image:width:" + o.url, attrs: { property: "og:image:width", content: String(o.width) } });
+  if (o.height != null) out.push({ tag: "meta", key: "meta:property:og:image:height:" + o.url, attrs: { property: "og:image:height", content: String(o.height) } });
+  if (o.alt) out.push({ tag: "meta", key: "meta:property:og:image:alt:" + o.url, attrs: { property: "og:image:alt", content: o.alt } });
+}
+function expandOG(og, out) {
+  const m = (p, c) => {
+    if (c != null) out.push({ tag: "meta", key: "meta:property:og:" + p, attrs: { property: "og:" + p, content: c } });
+  };
+  m("title", og.title);
+  m("description", og.description);
+  m("type", og.type);
+  m("url", og.url);
+  m("site_name", og.siteName);
+  m("locale", og.locale);
+  for (const l of og.localeAlternate ?? []) out.push({ tag: "meta", key: "meta:property:og:locale:alt:" + l, attrs: { property: "og:locale:alternate", content: l } });
+  if (og.image != null) {
+    const imgs = Array.isArray(og.image) ? og.image : [og.image];
+    for (const i of imgs) pushImage(out, i);
+  }
+  if (og.video) {
+    const v = typeof og.video === "string" ? { url: og.video } : og.video;
+    m("video", v.url);
+    if ("type" in v && v.type) m("video:type", v.type);
+    if ("width" in v && v.width != null) m("video:width", String(v.width));
+    if ("height" in v && v.height != null) m("video:height", String(v.height));
+  }
+  if (og.audio) {
+    const a = typeof og.audio === "string" ? { url: og.audio } : og.audio;
+    m("audio", a.url);
+    if ("type" in a && a.type) m("audio:type", a.type);
+  }
+  if (og.article) {
+    const ar = og.article;
+    m("article:published_time", ar.publishedTime);
+    m("article:modified_time", ar.modifiedTime);
+    m("article:expiration_time", ar.expirationTime);
+    m("article:section", ar.section);
+    for (const au of [].concat(ar.author ?? [])) out.push({ tag: "meta", key: "meta:property:og:article:author:" + au, attrs: { property: "article:author", content: au } });
+    for (const t of [].concat(ar.tag ?? [])) out.push({ tag: "meta", key: "meta:property:og:article:tag:" + t, attrs: { property: "article:tag", content: t } });
+  }
+  if (og.book) {
+    const b = og.book;
+    m("book:isbn", b.isbn);
+    m("book:release_date", b.releaseDate);
+    for (const au of [].concat(b.author ?? [])) out.push({ tag: "meta", key: "meta:property:og:book:author:" + au, attrs: { property: "book:author", content: au } });
+    for (const t of [].concat(b.tag ?? [])) out.push({ tag: "meta", key: "meta:property:og:book:tag:" + t, attrs: { property: "book:tag", content: t } });
+  }
+  if (og.profile) {
+    const p = og.profile;
+    m("profile:first_name", p.firstName);
+    m("profile:last_name", p.lastName);
+    m("profile:username", p.username);
+    m("profile:gender", p.gender);
+  }
+}
+function expandTwitter(t, out) {
+  const m = (n, c) => {
+    if (c != null) out.push({ tag: "meta", key: "meta:name:twitter:" + n, attrs: { name: "twitter:" + n, content: c } });
+  };
+  m("card", t.card);
+  m("site", t.site);
+  m("creator", t.creator);
+  m("title", t.title);
+  m("description", t.description);
+  m("image", t.image);
+  m("image:alt", t.imageAlt);
+  m("player", t.player);
+  if (t.playerWidth != null) m("player:width", String(t.playerWidth));
+  if (t.playerHeight != null) m("player:height", String(t.playerHeight));
+  if (t.app) {
+    m("app:name:iphone", t.app.name);
+    m("app:id:iphone", t.app.idIphone);
+    m("app:id:ipad", t.app.idIpad);
+    m("app:id:googleplay", t.app.idGooglePlay);
+  }
+}
+function expandIcons(icons, out) {
+  const link = (key, attrs) => out.push({ tag: "link", key, attrs });
+  if (icons.icon != null) {
+    const arr = typeof icons.icon === "string" ? [{ url: icons.icon }] : icons.icon;
+    for (const i of arr) link("link:icon:" + i.url, { rel: "icon", href: i.url, ...i.type ? { type: i.type } : {}, ...i.sizes ? { sizes: i.sizes } : {} });
+  }
+  if (icons.apple != null) {
+    const arr = typeof icons.apple === "string" ? [{ url: icons.apple }] : icons.apple;
+    for (const i of arr) link("link:apple-touch-icon:" + i.url, { rel: "apple-touch-icon", href: i.url, ...i.sizes ? { sizes: i.sizes } : {} });
+  }
+  if (icons.mask) link("link:mask-icon", { rel: "mask-icon", href: icons.mask.url, ...icons.mask.color ? { color: icons.mask.color } : {} });
+  if (icons.shortcut) link("link:shortcut", { rel: "shortcut icon", href: icons.shortcut });
+  if (icons.msTileImage) out.push({ tag: "meta", key: "meta:name:msapplication-TileImage", attrs: { name: "msapplication-TileImage", content: icons.msTileImage } });
+  if (icons.msTileColor) out.push({ tag: "meta", key: "meta:name:msapplication-TileColor", attrs: { name: "msapplication-TileColor", content: icons.msTileColor } });
+}
+function expand(input, out, ts) {
+  const meta = (key, attrs) => out.push({ tag: "meta", key, attrs });
+  const title = val(input.title);
+  if (title !== void 0) ts.title = title;
+  if (input.titleTemplate !== void 0) ts.template = input.titleTemplate;
+  const lang = val(input.lang);
+  if (lang !== void 0) out.push({ tag: "htmlAttr", key: "html:lang", name: "lang", value: lang });
+  for (const [name, raw] of Object.entries(input.htmlAttrs ?? {})) {
+    const value = val(raw);
+    if (value !== void 0) out.push({ tag: "htmlAttr", key: `html:${name}`, name, value });
+  }
+  if (input.charset !== void 0) meta("meta:charset", { charset: input.charset });
+  if (input.viewport !== void 0) meta("meta:name:viewport", { name: "viewport", content: input.viewport });
+  const desc = val(input.description);
+  if (desc !== void 0) meta("meta:name:description", { name: "description", content: desc });
+  const kw = val(input.keywords);
+  if (kw !== void 0) meta("meta:name:keywords", { name: "keywords", content: Array.isArray(kw) ? kw.join(", ") : kw });
+  if (input.author !== void 0) meta("meta:name:author", { name: "author", content: input.author });
+  if (input.robots !== void 0) meta("meta:name:robots", { name: "robots", content: robotsToString(input.robots) });
+  if (input.generator !== void 0) meta("meta:name:generator", { name: "generator", content: input.generator });
+  if (input.applicationName !== void 0) meta("meta:name:application-name", { name: "application-name", content: input.applicationName });
+  if (input.referrer !== void 0) meta("meta:name:referrer", { name: "referrer", content: input.referrer });
+  const scheme = val(input.colorScheme);
+  if (scheme !== void 0) meta("meta:name:color-scheme", { name: "color-scheme", content: scheme });
+  const theme = val(input.themeColor);
+  if (typeof theme === "string") meta("meta:name:theme-color", { name: "theme-color", content: theme });
+  else if (theme) {
+    for (const { color, media } of theme) {
+      meta(`meta:name:theme-color${media ? `:${media}` : ""}`, media ? { name: "theme-color", content: color, media } : { name: "theme-color", content: color });
+    }
+  }
+  const canonical = val(input.canonical);
+  if (canonical !== void 0) out.push({ tag: "link", key: "link:rel:canonical", attrs: { rel: "canonical", href: canonical } });
+  if (input.manifest !== void 0) out.push({ tag: "link", key: "link:rel:manifest", attrs: { rel: "manifest", href: input.manifest } });
+  if (input.base !== void 0) out.push({ tag: "base", key: "base", attrs: { href: input.base } });
+  if (input.verification) {
+    const map = { google: "google-site-verification", bing: "msvalidate.01", yandex: "yandex-verification", pinterest: "p:domain_verify" };
+    for (const [k, v] of Object.entries(input.verification)) {
+      if (v == null) continue;
+      const name = map[k] ?? k;
+      meta("meta:name:" + name, { name, content: v });
+    }
+  }
+  for (const a of input.alternates ?? []) out.push({ tag: "link", key: "link:alternate:hreflang:" + a.hreflang, attrs: { rel: "alternate", hreflang: a.hreflang, href: a.href } });
+  for (const f of input.feeds ?? []) out.push({ tag: "link", key: "link:alternate:feed:" + f.href, attrs: { rel: "alternate", type: f.type ?? "application/rss+xml", href: f.href, ...f.title ? { title: f.title } : {} } });
+  if (input.og) expandOG(input.og, out);
+  if (input.twitter) expandTwitter(input.twitter, out);
+  if (input.icons) expandIcons(input.icons, out);
+  const ld = val(input.jsonLd);
+  if (ld !== void 0) {
+    const arr = Array.isArray(ld) ? ld : [ld];
+    for (const obj of arr) {
+      const json = JSON.stringify(obj);
+      out.push({ tag: "script", key: "script:ldjson:" + djb2(json), attrs: { type: "application/ld+json" }, children: json });
+    }
+  }
+  for (const m of input.meta ?? []) {
+    const attrs = {};
+    for (const [k, v] of Object.entries(m)) if (v != null) attrs[k === "httpEquiv" ? "http-equiv" : k] = v;
+    out.push({ tag: "meta", key: metaKey(attrs), attrs });
+  }
+  for (const l of input.link ?? []) {
+    const attrs = {};
+    for (const [k, v] of Object.entries(l)) if (v != null) attrs[k] = v;
+    out.push({ tag: "link", key: "link:" + (attrs.rel ?? "") + ":" + (attrs.href ?? djb2(JSON.stringify(attrs))), attrs });
+  }
+  for (const s of input.script ?? []) {
+    const attrs = {};
+    let children;
+    for (const [k, v] of Object.entries(s)) {
+      if (v == null) continue;
+      if (k === "children") children = v;
+      else attrs[k] = v;
+    }
+    out.push({ tag: "script", key: "script:" + (attrs.src ?? djb2((children ?? "") + JSON.stringify(attrs))), attrs, children });
+  }
+}
+function applyTemplate(tpl, title) {
+  return typeof tpl === "function" ? tpl(title) : tpl.includes("%s") ? tpl.replace("%s", title) : tpl;
+}
+function resolveHead(head) {
+  const raw = [];
+  const ts = {};
+  for (const src of head.sources) {
+    const input = typeof src === "function" ? src() : src;
+    expand(input, raw, ts);
+  }
+  if (ts.title !== void 0) {
+    raw.push({ tag: "title", key: "title", children: ts.template ? applyTemplate(ts.template, ts.title) : ts.title });
+  }
+  const byKey = /* @__PURE__ */ new Map();
+  const htmlAttrs = {};
+  for (const t of raw) {
+    if (t.tag === "htmlAttr") {
+      htmlAttrs[t.name] = t.value;
+      continue;
+    }
+    byKey.set(t.key, t);
+  }
+  return { tags: [...byKey.values()], htmlAttrs };
+}
+
+// src/serialize.ts
+var MANAGED_ATTR = "data-fh";
+var KEY_ATTR = "data-fh-key";
+
+// src/reconcile.ts
+function setAttrs(el, attrs) {
+  for (const a of Array.from(el.attributes)) {
+    if (a.name === MANAGED_ATTR || a.name === KEY_ATTR) continue;
+    if (!(a.name in attrs)) el.removeAttribute(a.name);
+  }
+  for (const [k, v] of Object.entries(attrs)) if (el.getAttribute(k) !== v) el.setAttribute(k, v);
+}
+function createEl(t) {
+  const el = document.createElement(t.tag);
+  setAttrs(el, t.attrs);
+  el.setAttribute(MANAGED_ATTR, "");
+  el.setAttribute(KEY_ATTR, t.key);
+  if (t.tag === "script" && t.children != null) el.textContent = t.children;
+  return el;
+}
+function apply(tags, htmlAttrs) {
+  const head = document.head;
+  const existing = /* @__PURE__ */ new Map();
+  for (const el of Array.from(head.querySelectorAll(`[${MANAGED_ATTR}]`))) {
+    const key = el.getAttribute(KEY_ATTR);
+    if (el.tagName === "TITLE") continue;
+    if (key) existing.set(key, el);
+  }
+  let title = null;
+  const seen = /* @__PURE__ */ new Set();
+  for (const t of tags) {
+    if (t.tag === "title") {
+      title = t.children;
+      continue;
+    }
+    if (t.tag === "htmlAttr") continue;
+    seen.add(t.key);
+    const cur = existing.get(t.key);
+    if (cur && cur.tagName === t.tag.toUpperCase()) {
+      setAttrs(cur, t.attrs);
+      if (t.tag === "script" && (cur.textContent ?? "") !== (t.children ?? "")) cur.textContent = t.children ?? "";
+    } else {
+      if (cur) cur.remove();
+      head.appendChild(createEl(t));
+    }
+  }
+  for (const [key, el] of existing) if (!seen.has(key)) el.remove();
+  if (title != null && document.title !== title) document.title = title;
+  for (const [k, v] of Object.entries(htmlAttrs)) {
+    if (document.documentElement.getAttribute(k) !== v) document.documentElement.setAttribute(k, v);
+  }
+}
+function mountHead(head) {
+  return createRoot((dispose) => {
+    createEffect(() => {
+      head.version();
+      const { tags, htmlAttrs } = resolveHead(head);
+      apply(tags, htmlAttrs);
+    });
+    onCleanup2(() => {
+    });
+    return dispose;
+  });
+}
+export {
+  mountHead
+};

package/dist/serialize.cjs

@@ -0,0 +1,306 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/serialize.ts
+var serialize_exports = {};
+__export(serialize_exports, {
+  KEY_ATTR: () => KEY_ATTR,
+  MANAGED_ATTR: () => MANAGED_ATTR,
+  renderHead: () => renderHead,
+  renderHtmlAttrs: () => renderHtmlAttrs
+});
+module.exports = __toCommonJS(serialize_exports);
+
+// src/core.ts
+var import_signal = require("@fluixi/reactive/signal");
+function val(v) {
+  return typeof v === "function" ? v() : v;
+}
+function robotsToString(r) {
+  if (typeof r === "string") return r;
+  const out = [];
+  out.push(r.index === false ? "noindex" : "index");
+  out.push(r.follow === false ? "nofollow" : "follow");
+  if (r.noarchive) out.push("noarchive");
+  if (r.nosnippet) out.push("nosnippet");
+  if (r.noimageindex) out.push("noimageindex");
+  if (r.maxSnippet != null) out.push(`max-snippet:${r.maxSnippet}`);
+  if (r.maxImagePreview) out.push(`max-image-preview:${r.maxImagePreview}`);
+  if (r.maxVideoPreview != null) out.push(`max-video-preview:${r.maxVideoPreview}`);
+  return out.join(", ");
+}
+var slot = globalThis[/* @__PURE__ */ Symbol.for("fluixi.head")] ??= {
+  active: null,
+  scope: null
+};
+function djb2(s) {
+  let h = 5381;
+  for (let i = 0; i < s.length; i++) h = h * 33 ^ s.charCodeAt(i);
+  return (h >>> 0).toString(36);
+}
+function metaKey(a) {
+  if (a.charset != null) return "meta:charset";
+  if (a.property) return "meta:property:" + a.property;
+  if (a.name) return "meta:name:" + a.name;
+  if (a["http-equiv"]) return "meta:http-equiv:" + a["http-equiv"];
+  return "meta:" + djb2(JSON.stringify(a));
+}
+function pushImage(out, img) {
+  const o = typeof img === "string" ? { url: img } : img;
+  out.push({ tag: "meta", key: "meta:property:og:image:" + o.url, attrs: { property: "og:image", content: o.url } });
+  if (o.secureUrl) out.push({ tag: "meta", key: "meta:property:og:image:secure:" + o.url, attrs: { property: "og:image:secure_url", content: o.secureUrl } });
+  if (o.type) out.push({ tag: "meta", key: "meta:property:og:image:type:" + o.url, attrs: { property: "og:image:type", content: o.type } });
+  if (o.width != null) out.push({ tag: "meta", key: "meta:property:og:image:width:" + o.url, attrs: { property: "og:image:width", content: String(o.width) } });
+  if (o.height != null) out.push({ tag: "meta", key: "meta:property:og:image:height:" + o.url, attrs: { property: "og:image:height", content: String(o.height) } });
+  if (o.alt) out.push({ tag: "meta", key: "meta:property:og:image:alt:" + o.url, attrs: { property: "og:image:alt", content: o.alt } });
+}
+function expandOG(og, out) {
+  const m = (p, c) => {
+    if (c != null) out.push({ tag: "meta", key: "meta:property:og:" + p, attrs: { property: "og:" + p, content: c } });
+  };
+  m("title", og.title);
+  m("description", og.description);
+  m("type", og.type);
+  m("url", og.url);
+  m("site_name", og.siteName);
+  m("locale", og.locale);
+  for (const l of og.localeAlternate ?? []) out.push({ tag: "meta", key: "meta:property:og:locale:alt:" + l, attrs: { property: "og:locale:alternate", content: l } });
+  if (og.image != null) {
+    const imgs = Array.isArray(og.image) ? og.image : [og.image];
+    for (const i of imgs) pushImage(out, i);
+  }
+  if (og.video) {
+    const v = typeof og.video === "string" ? { url: og.video } : og.video;
+    m("video", v.url);
+    if ("type" in v && v.type) m("video:type", v.type);
+    if ("width" in v && v.width != null) m("video:width", String(v.width));
+    if ("height" in v && v.height != null) m("video:height", String(v.height));
+  }
+  if (og.audio) {
+    const a = typeof og.audio === "string" ? { url: og.audio } : og.audio;
+    m("audio", a.url);
+    if ("type" in a && a.type) m("audio:type", a.type);
+  }
+  if (og.article) {
+    const ar = og.article;
+    m("article:published_time", ar.publishedTime);
+    m("article:modified_time", ar.modifiedTime);
+    m("article:expiration_time", ar.expirationTime);
+    m("article:section", ar.section);
+    for (const au of [].concat(ar.author ?? [])) out.push({ tag: "meta", key: "meta:property:og:article:author:" + au, attrs: { property: "article:author", content: au } });
+    for (const t of [].concat(ar.tag ?? [])) out.push({ tag: "meta", key: "meta:property:og:article:tag:" + t, attrs: { property: "article:tag", content: t } });
+  }
+  if (og.book) {
+    const b = og.book;
+    m("book:isbn", b.isbn);
+    m("book:release_date", b.releaseDate);
+    for (const au of [].concat(b.author ?? [])) out.push({ tag: "meta", key: "meta:property:og:book:author:" + au, attrs: { property: "book:author", content: au } });
+    for (const t of [].concat(b.tag ?? [])) out.push({ tag: "meta", key: "meta:property:og:book:tag:" + t, attrs: { property: "book:tag", content: t } });
+  }
+  if (og.profile) {
+    const p = og.profile;
+    m("profile:first_name", p.firstName);
+    m("profile:last_name", p.lastName);
+    m("profile:username", p.username);
+    m("profile:gender", p.gender);
+  }
+}
+function expandTwitter(t, out) {
+  const m = (n, c) => {
+    if (c != null) out.push({ tag: "meta", key: "meta:name:twitter:" + n, attrs: { name: "twitter:" + n, content: c } });
+  };
+  m("card", t.card);
+  m("site", t.site);
+  m("creator", t.creator);
+  m("title", t.title);
+  m("description", t.description);
+  m("image", t.image);
+  m("image:alt", t.imageAlt);
+  m("player", t.player);
+  if (t.playerWidth != null) m("player:width", String(t.playerWidth));
+  if (t.playerHeight != null) m("player:height", String(t.playerHeight));
+  if (t.app) {
+    m("app:name:iphone", t.app.name);
+    m("app:id:iphone", t.app.idIphone);
+    m("app:id:ipad", t.app.idIpad);
+    m("app:id:googleplay", t.app.idGooglePlay);
+  }
+}
+function expandIcons(icons, out) {
+  const link = (key, attrs) => out.push({ tag: "link", key, attrs });
+  if (icons.icon != null) {
+    const arr = typeof icons.icon === "string" ? [{ url: icons.icon }] : icons.icon;
+    for (const i of arr) link("link:icon:" + i.url, { rel: "icon", href: i.url, ...i.type ? { type: i.type } : {}, ...i.sizes ? { sizes: i.sizes } : {} });
+  }
+  if (icons.apple != null) {
+    const arr = typeof icons.apple === "string" ? [{ url: icons.apple }] : icons.apple;
+    for (const i of arr) link("link:apple-touch-icon:" + i.url, { rel: "apple-touch-icon", href: i.url, ...i.sizes ? { sizes: i.sizes } : {} });
+  }
+  if (icons.mask) link("link:mask-icon", { rel: "mask-icon", href: icons.mask.url, ...icons.mask.color ? { color: icons.mask.color } : {} });
+  if (icons.shortcut) link("link:shortcut", { rel: "shortcut icon", href: icons.shortcut });
+  if (icons.msTileImage) out.push({ tag: "meta", key: "meta:name:msapplication-TileImage", attrs: { name: "msapplication-TileImage", content: icons.msTileImage } });
+  if (icons.msTileColor) out.push({ tag: "meta", key: "meta:name:msapplication-TileColor", attrs: { name: "msapplication-TileColor", content: icons.msTileColor } });
+}
+function expand(input, out, ts) {
+  const meta = (key, attrs) => out.push({ tag: "meta", key, attrs });
+  const title = val(input.title);
+  if (title !== void 0) ts.title = title;
+  if (input.titleTemplate !== void 0) ts.template = input.titleTemplate;
+  const lang = val(input.lang);
+  if (lang !== void 0) out.push({ tag: "htmlAttr", key: "html:lang", name: "lang", value: lang });
+  for (const [name, raw] of Object.entries(input.htmlAttrs ?? {})) {
+    const value = val(raw);
+    if (value !== void 0) out.push({ tag: "htmlAttr", key: `html:${name}`, name, value });
+  }
+  if (input.charset !== void 0) meta("meta:charset", { charset: input.charset });
+  if (input.viewport !== void 0) meta("meta:name:viewport", { name: "viewport", content: input.viewport });
+  const desc = val(input.description);
+  if (desc !== void 0) meta("meta:name:description", { name: "description", content: desc });
+  const kw = val(input.keywords);
+  if (kw !== void 0) meta("meta:name:keywords", { name: "keywords", content: Array.isArray(kw) ? kw.join(", ") : kw });
+  if (input.author !== void 0) meta("meta:name:author", { name: "author", content: input.author });
+  if (input.robots !== void 0) meta("meta:name:robots", { name: "robots", content: robotsToString(input.robots) });
+  if (input.generator !== void 0) meta("meta:name:generator", { name: "generator", content: input.generator });
+  if (input.applicationName !== void 0) meta("meta:name:application-name", { name: "application-name", content: input.applicationName });
+  if (input.referrer !== void 0) meta("meta:name:referrer", { name: "referrer", content: input.referrer });
+  const scheme = val(input.colorScheme);
+  if (scheme !== void 0) meta("meta:name:color-scheme", { name: "color-scheme", content: scheme });
+  const theme = val(input.themeColor);
+  if (typeof theme === "string") meta("meta:name:theme-color", { name: "theme-color", content: theme });
+  else if (theme) {
+    for (const { color, media } of theme) {
+      meta(`meta:name:theme-color${media ? `:${media}` : ""}`, media ? { name: "theme-color", content: color, media } : { name: "theme-color", content: color });
+    }
+  }
+  const canonical = val(input.canonical);
+  if (canonical !== void 0) out.push({ tag: "link", key: "link:rel:canonical", attrs: { rel: "canonical", href: canonical } });
+  if (input.manifest !== void 0) out.push({ tag: "link", key: "link:rel:manifest", attrs: { rel: "manifest", href: input.manifest } });
+  if (input.base !== void 0) out.push({ tag: "base", key: "base", attrs: { href: input.base } });
+  if (input.verification) {
+    const map = { google: "google-site-verification", bing: "msvalidate.01", yandex: "yandex-verification", pinterest: "p:domain_verify" };
+    for (const [k, v] of Object.entries(input.verification)) {
+      if (v == null) continue;
+      const name = map[k] ?? k;
+      meta("meta:name:" + name, { name, content: v });
+    }
+  }
+  for (const a of input.alternates ?? []) out.push({ tag: "link", key: "link:alternate:hreflang:" + a.hreflang, attrs: { rel: "alternate", hreflang: a.hreflang, href: a.href } });
+  for (const f of input.feeds ?? []) out.push({ tag: "link", key: "link:alternate:feed:" + f.href, attrs: { rel: "alternate", type: f.type ?? "application/rss+xml", href: f.href, ...f.title ? { title: f.title } : {} } });
+  if (input.og) expandOG(input.og, out);
+  if (input.twitter) expandTwitter(input.twitter, out);
+  if (input.icons) expandIcons(input.icons, out);
+  const ld = val(input.jsonLd);
+  if (ld !== void 0) {
+    const arr = Array.isArray(ld) ? ld : [ld];
+    for (const obj of arr) {
+      const json = JSON.stringify(obj);
+      out.push({ tag: "script", key: "script:ldjson:" + djb2(json), attrs: { type: "application/ld+json" }, children: json });
+    }
+  }
+  for (const m of input.meta ?? []) {
+    const attrs = {};
+    for (const [k, v] of Object.entries(m)) if (v != null) attrs[k === "httpEquiv" ? "http-equiv" : k] = v;
+    out.push({ tag: "meta", key: metaKey(attrs), attrs });
+  }
+  for (const l of input.link ?? []) {
+    const attrs = {};
+    for (const [k, v] of Object.entries(l)) if (v != null) attrs[k] = v;
+    out.push({ tag: "link", key: "link:" + (attrs.rel ?? "") + ":" + (attrs.href ?? djb2(JSON.stringify(attrs))), attrs });
+  }
+  for (const s of input.script ?? []) {
+    const attrs = {};
+    let children;
+    for (const [k, v] of Object.entries(s)) {
+      if (v == null) continue;
+      if (k === "children") children = v;
+      else attrs[k] = v;
+    }
+    out.push({ tag: "script", key: "script:" + (attrs.src ?? djb2((children ?? "") + JSON.stringify(attrs))), attrs, children });
+  }
+}
+function applyTemplate(tpl, title) {
+  return typeof tpl === "function" ? tpl(title) : tpl.includes("%s") ? tpl.replace("%s", title) : tpl;
+}
+function resolveHead(head) {
+  const raw = [];
+  const ts = {};
+  for (const src of head.sources) {
+    const input = typeof src === "function" ? src() : src;
+    expand(input, raw, ts);
+  }
+  if (ts.title !== void 0) {
+    raw.push({ tag: "title", key: "title", children: ts.template ? applyTemplate(ts.template, ts.title) : ts.title });
+  }
+  const byKey = /* @__PURE__ */ new Map();
+  const htmlAttrs = {};
+  for (const t of raw) {
+    if (t.tag === "htmlAttr") {
+      htmlAttrs[t.name] = t.value;
+      continue;
+    }
+    byKey.set(t.key, t);
+  }
+  return { tags: [...byKey.values()], htmlAttrs };
+}
+
+// src/serialize.ts
+function escAttr(s) {
+  return s.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function escText(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function escScript(s) {
+  return s.replace(/<\//g, "<\\/").replace(/<!--/g, "<\\!--");
+}
+var MANAGED_ATTR = "data-fh";
+var KEY_ATTR = "data-fh-key";
+function renderAttrs(attrs) {
+  let s = "";
+  for (const [k, v] of Object.entries(attrs)) s += ` ${k}="${escAttr(v)}"`;
+  return s;
+}
+function renderTag(t) {
+  switch (t.tag) {
+    case "title":
+      return `<title ${MANAGED_ATTR}>${escText(t.children)}</title>`;
+    case "meta":
+    case "link":
+    case "base": {
+      const marker = ` ${MANAGED_ATTR} ${KEY_ATTR}="${escAttr(t.key)}"`;
+      return `<${t.tag}${renderAttrs(t.attrs)}${marker}>`;
+    }
+    case "script": {
+      const marker = ` ${MANAGED_ATTR} ${KEY_ATTR}="${escAttr(t.key)}"`;
+      const body = t.children ? escScript(t.children) : "";
+      return `<script${renderAttrs(t.attrs)}${marker}>${body}<\/script>`;
+    }
+    default:
+      return "";
+  }
+}
+function renderHead(head) {
+  const { tags, htmlAttrs } = resolveHead(head);
+  const order = { title: 0, base: 1, meta: 2, link: 3, script: 4 };
+  const sorted = [...tags].sort((a, b) => (order[a.tag] ?? 9) - (order[b.tag] ?? 9));
+  return { headHtml: sorted.map(renderTag).join(""), htmlAttrs };
+}
+function renderHtmlAttrs(htmlAttrs) {
+  return Object.entries(htmlAttrs).map(([k, v]) => ` ${k}="${escAttr(v)}"`).join("");
+}