@fluixi/head 1.0.0-alpha.49 → 1.0.0-alpha.51

package/dist/jsonld.cjs

@@ -0,0 +1,94 @@
+"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/jsonld.ts
+var jsonld_exports = {};
+__export(jsonld_exports, {
+  article: () => article,
+  blogPosting: () => blogPosting,
+  breadcrumb: () => breadcrumb,
+  custom: () => custom,
+  event: () => event,
+  faq: () => faq,
+  jsonld: () => jsonld,
+  localBusiness: () => localBusiness,
+  organization: () => organization,
+  person: () => person,
+  product: () => product,
+  searchAction: () => searchAction,
+  softwareApplication: () => softwareApplication,
+  videoObject: () => videoObject,
+  webPage: () => webPage,
+  website: () => website
+});
+module.exports = __toCommonJS(jsonld_exports);
+var CTX = "https://schema.org";
+var clean = (o) => {
+  const out = {};
+  for (const [k, v] of Object.entries(o)) if (v !== void 0) out[k] = v;
+  return out;
+};
+var custom = (type, data = {}) => clean({ "@context": CTX, "@type": type, ...data });
+var organization = (d) => custom("Organization", d);
+var person = (d) => custom("Person", d);
+var website = (d) => {
+  const { searchUrl, ...rest } = d;
+  return custom("WebSite", {
+    ...rest,
+    ...searchUrl ? {
+      potentialAction: {
+        "@type": "SearchAction",
+        target: { "@type": "EntryPoint", urlTemplate: `${searchUrl}{search_term_string}` },
+        "query-input": "required name=search_term_string"
+      }
+    } : {}
+  });
+};
+var webPage = (d) => custom("WebPage", d);
+var searchAction = (d) => clean({ "@type": "SearchAction", target: { "@type": "EntryPoint", urlTemplate: d.target }, "query-input": d.queryInput ?? "required name=search_term_string" });
+var article = (d) => custom("Article", { ...d, author: typeof d.author === "string" ? { "@type": "Person", name: d.author } : d.author });
+var blogPosting = (d) => ({ ...article(d), "@type": "BlogPosting" });
+var faq = (items) => custom("FAQPage", {
+  mainEntity: items.map((i) => ({ "@type": "Question", name: i.question, acceptedAnswer: { "@type": "Answer", text: i.answer } }))
+});
+var product = (d) => custom("Product", { ...d, brand: typeof d.brand === "string" ? { "@type": "Brand", name: d.brand } : d.brand });
+var breadcrumb = (items) => custom("BreadcrumbList", {
+  itemListElement: items.map((it, i) => ({ "@type": "ListItem", position: i + 1, name: it.name, item: it.url }))
+});
+var videoObject = (d) => custom("VideoObject", d);
+var event = (d) => custom("Event", { ...d, location: typeof d.location === "string" ? { "@type": "Place", name: d.location } : d.location });
+var localBusiness = (d) => custom("LocalBusiness", d);
+var softwareApplication = (d) => custom("SoftwareApplication", d);
+var jsonld = {
+  custom,
+  organization,
+  person,
+  website,
+  webPage,
+  searchAction,
+  article,
+  blogPosting,
+  faq,
+  product,
+  breadcrumb,
+  videoObject,
+  event,
+  localBusiness,
+  softwareApplication
+};

package/dist/jsonld.mjs

@@ -0,0 +1,73 @@
+// src/jsonld.ts
+var CTX = "https://schema.org";
+var clean = (o) => {
+  const out = {};
+  for (const [k, v] of Object.entries(o)) if (v !== void 0) out[k] = v;
+  return out;
+};
+var custom = (type, data = {}) => clean({ "@context": CTX, "@type": type, ...data });
+var organization = (d) => custom("Organization", d);
+var person = (d) => custom("Person", d);
+var website = (d) => {
+  const { searchUrl, ...rest } = d;
+  return custom("WebSite", {
+    ...rest,
+    ...searchUrl ? {
+      potentialAction: {
+        "@type": "SearchAction",
+        target: { "@type": "EntryPoint", urlTemplate: `${searchUrl}{search_term_string}` },
+        "query-input": "required name=search_term_string"
+      }
+    } : {}
+  });
+};
+var webPage = (d) => custom("WebPage", d);
+var searchAction = (d) => clean({ "@type": "SearchAction", target: { "@type": "EntryPoint", urlTemplate: d.target }, "query-input": d.queryInput ?? "required name=search_term_string" });
+var article = (d) => custom("Article", { ...d, author: typeof d.author === "string" ? { "@type": "Person", name: d.author } : d.author });
+var blogPosting = (d) => ({ ...article(d), "@type": "BlogPosting" });
+var faq = (items) => custom("FAQPage", {
+  mainEntity: items.map((i) => ({ "@type": "Question", name: i.question, acceptedAnswer: { "@type": "Answer", text: i.answer } }))
+});
+var product = (d) => custom("Product", { ...d, brand: typeof d.brand === "string" ? { "@type": "Brand", name: d.brand } : d.brand });
+var breadcrumb = (items) => custom("BreadcrumbList", {
+  itemListElement: items.map((it, i) => ({ "@type": "ListItem", position: i + 1, name: it.name, item: it.url }))
+});
+var videoObject = (d) => custom("VideoObject", d);
+var event = (d) => custom("Event", { ...d, location: typeof d.location === "string" ? { "@type": "Place", name: d.location } : d.location });
+var localBusiness = (d) => custom("LocalBusiness", d);
+var softwareApplication = (d) => custom("SoftwareApplication", d);
+var jsonld = {
+  custom,
+  organization,
+  person,
+  website,
+  webPage,
+  searchAction,
+  article,
+  blogPosting,
+  faq,
+  product,
+  breadcrumb,
+  videoObject,
+  event,
+  localBusiness,
+  softwareApplication
+};
+export {
+  article,
+  blogPosting,
+  breadcrumb,
+  custom,
+  event,
+  faq,
+  jsonld,
+  localBusiness,
+  organization,
+  person,
+  product,
+  searchAction,
+  softwareApplication,
+  videoObject,
+  webPage,
+  website
+};

package/dist/reconcile.cjs

@@ -0,0 +1,309 @@
+"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/reconcile.ts
+var reconcile_exports = {};
+__export(reconcile_exports, {
+  mountHead: () => mountHead
+});
+module.exports = __toCommonJS(reconcile_exports);
+var import_signal2 = require("@fluixi/reactive/signal");
+
+// 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(", ");
+}
+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 });
+  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 });
+  if (input.colorScheme !== void 0) meta("meta:name:color-scheme", { name: "color-scheme", content: input.colorScheme });
+  const theme = val(input.themeColor);
+  if (theme !== void 0) meta("meta:name:theme-color", { name: "theme-color", content: theme });
+  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 (0, import_signal2.createRoot)((dispose) => {
+    (0, import_signal2.createEffect)(() => {
+      head.version();
+      const { tags, htmlAttrs } = resolveHead(head);
+      apply(tags, htmlAttrs);
+    });
+    (0, import_signal2.onCleanup)(() => {
+    });
+    return dispose;
+  });
+}