@stacksjs/stx 0.2.95 → 0.2.96

package/dist/head.js

@@ -1,2 +1,224 @@
-// @bun
-import{$v as a,aw as b,bw as c,cw as d,dw as e,ew as f,fw as g,gw as h,hw as i,iw as j,jw as k,kw as l,lw as m,mw as n}from"./chunk-pa9zb7ty.js";import"./chunk-xv34zbp4.js";export{g as useTitle,e as useSeoMeta,g as usePageTitle,d as useHead,c as resetHead,i as renderHtmlAttrs,h as renderHead,j as renderBodyAttrs,m as processTitleDirective,n as processMetaDirective,l as processHeadDirective,b as getPageMeta,a as getHead,f as definePageMeta,k as applyHead};
+let currentHead = {};
+const headStack = [];
+let currentPageMeta = {};
+export function getHead() {
+  return currentHead;
+}
+export function getPageMeta() {
+  return currentPageMeta;
+}
+export function resetHead() {
+  currentHead = {};
+  headStack.length = 0;
+  currentPageMeta = {};
+}
+export function useHead(config) {
+  currentHead = mergeHead(currentHead, config);
+}
+function mergeHead(base, override) {
+  return {
+    title: override.title ?? base.title,
+    titleTemplate: override.titleTemplate ?? base.titleTemplate,
+    base: override.base ?? base.base,
+    meta: [...base.meta || [], ...override.meta || []],
+    link: [...base.link || [], ...override.link || []],
+    script: [...base.script || [], ...override.script || []],
+    style: [...base.style || [], ...override.style || []],
+    htmlAttrs: { ...base.htmlAttrs, ...override.htmlAttrs },
+    bodyAttrs: { ...base.bodyAttrs, ...override.bodyAttrs }
+  };
+}
+export function useSeoMeta(config) {
+  const meta = [];
+  if (config.description)
+    meta.push({ name: "description", content: config.description });
+  if (config.keywords) {
+    const keywords = Array.isArray(config.keywords) ? config.keywords.join(", ") : config.keywords;
+    meta.push({ name: "keywords", content: keywords });
+  }
+  if (config.author)
+    meta.push({ name: "author", content: config.author });
+  if (config.robots)
+    meta.push({ name: "robots", content: config.robots });
+  const ogTitle = config.ogTitle ?? config.title, ogDescription = config.ogDescription ?? config.description;
+  if (ogTitle)
+    meta.push({ property: "og:title", content: ogTitle });
+  if (ogDescription)
+    meta.push({ property: "og:description", content: ogDescription });
+  if (config.ogImage)
+    meta.push({ property: "og:image", content: config.ogImage });
+  if (config.ogUrl)
+    meta.push({ property: "og:url", content: config.ogUrl });
+  if (config.ogType)
+    meta.push({ property: "og:type", content: config.ogType });
+  if (config.ogSiteName)
+    meta.push({ property: "og:site_name", content: config.ogSiteName });
+  if (config.ogLocale)
+    meta.push({ property: "og:locale", content: config.ogLocale });
+  const twitterTitle = config.twitterTitle ?? config.title, twitterDescription = config.twitterDescription ?? config.description, twitterImage = config.twitterImage ?? config.ogImage;
+  if (config.twitterCard)
+    meta.push({ name: "twitter:card", content: config.twitterCard });
+  if (twitterTitle)
+    meta.push({ name: "twitter:title", content: twitterTitle });
+  if (twitterDescription)
+    meta.push({ name: "twitter:description", content: twitterDescription });
+  if (twitterImage)
+    meta.push({ name: "twitter:image", content: twitterImage });
+  if (config.twitterSite)
+    meta.push({ name: "twitter:site", content: config.twitterSite });
+  if (config.twitterCreator)
+    meta.push({ name: "twitter:creator", content: config.twitterCreator });
+  if (config.articleAuthor)
+    meta.push({ property: "article:author", content: config.articleAuthor });
+  if (config.articlePublishedTime)
+    meta.push({ property: "article:published_time", content: config.articlePublishedTime });
+  if (config.articleModifiedTime)
+    meta.push({ property: "article:modified_time", content: config.articleModifiedTime });
+  if (config.articleSection)
+    meta.push({ property: "article:section", content: config.articleSection });
+  if (config.articleTags)
+    for (const tag of config.articleTags)
+      meta.push({ property: "article:tag", content: tag });
+  const link = [];
+  if (config.canonical)
+    link.push({ rel: "canonical", href: config.canonical });
+  useHead({
+    title: config.title,
+    titleTemplate: config.titleTemplate,
+    meta,
+    link
+  });
+}
+export function definePageMeta(config) {
+  currentPageMeta = { ...currentPageMeta, ...config };
+  if (config.title || config.description)
+    useSeoMeta({
+      title: config.title,
+      description: config.description
+    });
+}
+export function usePageTitle(title) {
+  const resolvedTitle = typeof title === "function" ? title() : title;
+  useHead({ title: resolvedTitle });
+}
+export function renderHead(config = currentHead) {
+  const parts = [];
+  if (config.title) {
+    let title = config.title;
+    if (config.titleTemplate)
+      title = typeof config.titleTemplate === "function" ? config.titleTemplate(title) : config.titleTemplate.replace("%s", title);
+    parts.push(`<title>${escapeHtml(title)}</title>`);
+  }
+  if (config.base) {
+    const attrs = Object.entries(config.base).map(([k, v]) => `${k}="${escapeHtml(v)}"`).join(" ");
+    parts.push(`<base ${attrs}>`);
+  }
+  for (const meta of config.meta || []) {
+    const attrs = Object.entries(meta).filter(([_, v]) => v !== void 0).map(([k, v]) => {
+      return `${k === "httpEquiv" ? "http-equiv" : k}="${escapeHtml(String(v))}"`;
+    }).join(" ");
+    parts.push(`<meta ${attrs}>`);
+  }
+  for (const link of config.link || []) {
+    const attrs = Object.entries(link).filter(([_, v]) => v !== void 0).map(([k, v]) => `${k}="${escapeHtml(String(v))}"`).join(" ");
+    parts.push(`<link ${attrs}>`);
+  }
+  for (const script of config.script || []) {
+    const { content, ...attrs } = script, attrStr = Object.entries(attrs).filter(([_, v]) => v !== void 0).map(([k, v]) => {
+      if (typeof v === "boolean")
+        return v ? k : "";
+      return `${k}="${escapeHtml(String(v))}"`;
+    }).filter(Boolean).join(" ");
+    if (content)
+      parts.push(`<script ${attrStr}>${content}</script>`);
+    else
+      parts.push(`<script ${attrStr}></script>`);
+  }
+  for (const style of config.style || []) {
+    const type = style.type ? ` type="${style.type}"` : "";
+    parts.push(`<style${type}>${style.content}</style>`);
+  }
+  return parts.join(`
+`);
+}
+export function renderHtmlAttrs(config = currentHead) {
+  if (!config.htmlAttrs)
+    return "";
+  return Object.entries(config.htmlAttrs).map(([k, v]) => `${k}="${escapeHtml(v)}"`).join(" ");
+}
+export function renderBodyAttrs(config = currentHead) {
+  if (!config.bodyAttrs)
+    return "";
+  return Object.entries(config.bodyAttrs).map(([k, v]) => `${k}="${escapeHtml(v)}"`).join(" ");
+}
+function escapeHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+export function applyHead(config = currentHead) {
+  if (typeof document > "u")
+    return;
+  if (config.title) {
+    let title = config.title;
+    if (config.titleTemplate)
+      title = typeof config.titleTemplate === "function" ? config.titleTemplate(title) : config.titleTemplate.replace("%s", title);
+    document.title = title;
+  }
+  for (const meta of config.meta || []) {
+    const selector = meta.name ? `meta[name="${meta.name}"]` : meta.property ? `meta[property="${meta.property}"]` : null;
+    if (selector) {
+      let el = document.querySelector(selector);
+      if (!el) {
+        el = document.createElement("meta");
+        if (meta.name)
+          el.setAttribute("name", meta.name);
+        if (meta.property)
+          el.setAttribute("property", meta.property);
+        document.head.appendChild(el);
+      }
+      el.setAttribute("content", meta.content);
+    }
+  }
+  for (const link of config.link || []) {
+    const selector = `link[rel="${link.rel}"]${link.href ? `[href="${link.href}"]` : ""}`;
+    let el = document.querySelector(selector);
+    if (!el) {
+      el = document.createElement("link");
+      document.head.appendChild(el);
+    }
+    for (const [key, value] of Object.entries(link))
+      if (value !== void 0)
+        el.setAttribute(key, String(value));
+  }
+  if (config.htmlAttrs)
+    for (const [key, value] of Object.entries(config.htmlAttrs))
+      document.documentElement.setAttribute(key, value);
+  if (config.bodyAttrs)
+    for (const [key, value] of Object.entries(config.bodyAttrs))
+      document.body.setAttribute(key, value);
+}
+export function processHeadDirective(content) {
+  let headContent = "";
+  return { content: content.replace(/@head\s*([\s\S]*?)@endhead/g, (_, inner) => {
+    headContent += inner.trim() + `
+`;
+    return "";
+  }), headContent: headContent.trim() };
+}
+export function processTitleDirective(content, context) {
+  return content.replace(/@title\s*\(\s*(?:(['"`])(.+?)\1|([^)]+))\s*\)/g, (_, quote, quotedTitle, unquotedTitle) => {
+    const resolvedTitle = quote ? quotedTitle : context[(unquotedTitle || "").trim()] ?? unquotedTitle;
+    useHead({ title: resolvedTitle });
+    return "";
+  });
+}
+export function processMetaDirective(content, context) {
+  return content.replace(/@meta\s*\(\s*(['"`])(.+?)\1\s*,\s*(?:(['"`])(.+?)\3|([^)]+))\s*\)/g, (_, _q1, name, q2, quotedValue, unquotedValue) => {
+    const value = q2 ? quotedValue : unquotedValue, resolvedValue = q2 ? value : context[(value || "").trim()] ?? value, meta = name.includes(":") ? { property: name, content: resolvedValue } : { name, content: resolvedValue };
+    useHead({ meta: [meta] });
+    return "";
+  });
+}
+
+export {
+  usePageTitle as useTitle
+};