@stacksjs/stx 0.2.181 → 0.2.182

package/dist/seo.d.ts

@@ -77,7 +77,19 @@ export declare function processSeoDirective(template: string, context: Record<st
  */
 export declare function injectSeoTags(html: string, context: Record<string, any>, options: StxOptions): string;
 /**
- * SEO meta directive for basic meta tag generation
+ * SEO meta directive.
+ *
+ * Stages the tag on the render's head rather than returning markup. A `<meta>`
+ * emitted where the directive happens to sit lands in the `<body>`, where no
+ * crawler reads it: the tag is present in the HTML, the page looks correct, and
+ * the description silently never applies. Staging it lets the document shell
+ * put it in `<head>`, which is the only place it means anything.
+ *
+ * This directive shadows `processMetaDirective` in head.ts, since custom
+ * directives run first. It therefore has to do that function's job, which is
+ * why it resolves unquoted arguments from the context and separates `property`
+ * from `name` here rather than leaving it to a later pass that will never see
+ * the directive.
  */
 export declare const metaDirective: CustomDirective;
 /**

package/dist/seo.js

@@ -1,4 +1,5 @@
 import { ErrorCodes, inlineError } from "./error-handling.js";
+import { mergeHeadConfigs } from "./head.js";
 import { safeEvaluateObject } from "./safe-evaluator.js";
 export function processMetaDirectives(template, context, _filePath, _options) {
   let output = template;
@@ -309,13 +310,33 @@ ${seoTagsMinimal}
 function escapeHtml(str) {
   return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
+const PROPERTY_NAMESPACES = ["og:", "article:", "book:", "profile:", "fb:", "music:", "video:"];
+function unquoteParam(raw) {
+  const text = raw.trim(), first = text[0];
+  if ((first === "'" || first === '"' || first === "`") && text.length > 1 && text.at(-1) === first)
+    return { value: text.slice(1, -1), quoted: !0 };
+  return { value: text, quoted: !1 };
+}
 export const metaDirective = {
   name: "meta",
-  handler: (_content, params, _context, _filePath) => {
+  handler: (_content, params, context, _filePath) => {
     if (params.length < 1)
       return inlineError("Meta", "meta directive requires at least the meta name", ErrorCodes.INVALID_DIRECTIVE_SYNTAX);
-    const name = params[0].replace(/['"]/g, ""), metaContent = params.length > 1 ? params[1].replace(/['"]/g, "") : "";
-    return `<meta name="${escapeHtml(name)}" content="${escapeHtml(metaContent)}">`;
+    const name = unquoteParam(params[0]).value;
+    let metaContent;
+    if (params.length > 1) {
+      const arg = unquoteParam(params[1]);
+      metaContent = arg.quoted ? arg.value : String(context?.[arg.value] ?? arg.value);
+    } else {
+      const segment = name.includes(":") ? name.slice(name.indexOf(":") + 1) : name, openGraph = context?.openGraph;
+      metaContent = String(context?.[segment] ?? openGraph?.[segment] ?? "");
+    }
+    if (!metaContent)
+      return "";
+    const tag = PROPERTY_NAMESPACES.some((prefix) => name.startsWith(prefix)) ? { property: name, content: metaContent } : { name, content: metaContent };
+    if (context)
+      context.__stx_runtime_head = mergeHeadConfigs(context.__stx_runtime_head ?? {}, { meta: [tag] });
+    return "";
   },
   hasEndTag: !1
 }, structuredDataDirective = {