dh-remixer-sdk 0.0.38 → 0.0.39-2e1e75f

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dh-remixer-sdk",
-  "version": "0.0.38",
+  "version": "0.0.39-2e1e75f",
   "type": "module",
   "files": [
     "templates",

package/scripts/ssg-helmet/inject-metadata-head.mjs

@@ -64,6 +64,9 @@ const setForce = (obj, k, v) => {
   obj[k] = s;
 };
 
+const isHelmetOwned = (attrs) =>
+  "data-rh" in attrs || "data-react-helmet" in attrs;
+
 const normalizeDomain = (d) => {
   const s = String(d || "").trim();
   if (!s) return "";
@@ -185,6 +188,7 @@ export async function injectMetadata(
   // metas
   for (const tag of metaTags) {
     const attrs = parseAttrs(tag);
+    const set = isHelmetOwned(attrs) ? setForce : setFirst;
 
     if (attrs.charset) {
       setFirst(meta, "charset", decodeHtml(attrs.charset));
@@ -196,20 +200,20 @@ export async function injectMetadata(
     const content = decodeHtml(attrs.content ?? "");
 
     if (name === "description") {
-      setFirst(meta, "description", content);
+      set(meta, "description", content);
     } else if (name === "robots") {
-      setFirst(meta, "robots", content);
+      set(meta, "robots", content);
     } else if (name === "viewport") {
-      setFirst(meta, "viewport", content);
+      set(meta, "viewport", content);
     } else if (name === "theme-color") {
-      setFirst(meta, "theme-color", content);
+      set(meta, "theme-color", content);
     } else if (name && name in meta) {
-      setFirst(meta, name, content);
+      set(meta, name, content);
     }
 
-    if (prop && prop in meta) setFirst(meta, prop, content);
+    if (prop && prop in meta) set(meta, prop, content);
 
-    if (httpEquiv === "content-language") setFirst(meta, "og:locale", content);
+    if (httpEquiv === "content-language") set(meta, "og:locale", content);
   }
 
   // canonical from <link rel="canonical"...> if present in source

package/scripts/ssg-helmet/inject-metadata-head.test.mjs

@@ -39,3 +39,68 @@ test("description uses the name attribute", async () => {
   const out = await injectMetadata(SAMPLE, "/", true);
   assert.match(out, /<meta\s+name="description"/);
 });
+
+// A real prerendered subpage: index.html's static, site-wide metas (built from
+// VITE_METADATA_*) sit first in <head>, then react-helmet-async appends the
+// page-level ones with data-rh="true" on hydration.
+const SITE_DESCRIPTION = "Site-wide description from VITE_METADATA_DESCRIPTION";
+const PAGE_DESCRIPTION = "Page-specific description from SEOHead";
+const HYDRATED_SUBPAGE = `<!doctype html>
+<html lang="en">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<title>Services</title>
+<meta name="description" content="${SITE_DESCRIPTION}" />
+<meta name="description" content="${PAGE_DESCRIPTION}" data-rh="true" />
+<meta property="og:description" content="${PAGE_DESCRIPTION}" data-rh="true" />
+</head>
+<body class="antialiased"><div id="root"></div></body>
+</html>`;
+
+test("page-level helmet description wins over the static one (AI-7092)", async () => {
+  const out = await injectMetadata(HYDRATED_SUBPAGE, "/services", true);
+  assert.match(
+    out,
+    new RegExp(`<meta\\s+name="description"\\s+content="${PAGE_DESCRIPTION}"`),
+  );
+  assert.doesNotMatch(out, new RegExp(SITE_DESCRIPTION));
+});
+
+test("only one description tag is emitted", async () => {
+  const out = await injectMetadata(HYDRATED_SUBPAGE, "/services", true);
+  assert.equal(out.match(/<meta\s+name="description"/g)?.length, 1);
+});
+
+test("JSON-LD description follows the page-level description (AI-7092)", async () => {
+  const out = await injectMetadata(HYDRATED_SUBPAGE, "/services", true);
+  const ldJson = out.match(
+    /<script type="application\/ld\+json">([\s\S]*?)<\/script>/,
+  )?.[1];
+  assert.ok(ldJson, "expected a JSON-LD block");
+  assert.equal(JSON.parse(ldJson).description, PAGE_DESCRIPTION);
+});
+
+test("a head with only the static description still keeps it", async () => {
+  const out = await injectMetadata(SAMPLE, "/", true);
+  assert.match(out, /<meta\s+name="description"\s+content="A sample description"/);
+});
+
+// og:locale is derived from http-equiv="content-language", which follows the
+// same precedence rule as every other meta: a helmet-owned tag beats the static one.
+const LOCALIZED_PAGE = `<!doctype html>
+<html lang="en">
+<head>
+<meta charset="UTF-8" />
+<meta http-equiv="content-language" content="en_US" />
+<meta http-equiv="content-language" content="fr_FR" data-rh="true" />
+<title>Services</title>
+</head>
+<body class="antialiased"><div id="root"></div></body>
+</html>`;
+
+test("helmet content-language wins over the static one for og:locale", async () => {
+  const out = await injectMetadata(LOCALIZED_PAGE, "/services", true);
+  assert.match(out, /<meta\s+property="og:locale"\s+content="fr_FR"/);
+  assert.doesNotMatch(out, /content="en_US"/);
+});

package/templates/base/package.json

@@ -27,6 +27,7 @@
     "hls.js": "1.6.16",
     "lenis": "1.3.25",
     "lucide-react": "0.554.0",
+    "motion": "12.23.24",
     "motion-dom": "12.40.0",
     "postprocessing": "6.37.0",
     "react": "19.2.0",