@stacksjs/stx 0.2.101 → 0.2.103

package/dist/site-builder/seo.js

@@ -13,15 +13,30 @@ export function injectSeo(html, site, page = {}, pagePath = "/") {
     tags.push(`<meta name="twitter:site" content="@${escapeAttr(seo.twitter.replace(/^@/, ""))}">`);
     tags.push(`<meta name="twitter:creator" content="@${escapeAttr(seo.twitter.replace(/^@/, ""))}">`);
   }
-  const block = `<!-- SEO -->
-${tags.join(`
-`)}
-<!-- /SEO -->`, stxAutoBlockRe = /<!--\s*stx SEO Tags\s*-->[\s\S]*?<meta\s+name="twitter:description"[^>]*>\s*/i;
+  const stxAutoBlockRe = /<!--\s*stx SEO Tags\s*-->[\s\S]*?<meta\s+name="twitter:description"[^>]*>\s*/i;
   if (stxAutoBlockRe.test(html))
     html = html.replace(stxAutoBlockRe, "");
   html = html.replace(/<!--\s*SEO\s*-->[\s\S]*?<!--\s*\/SEO\s*-->\s*/g, "");
-  html = html.replace(/<title>[\s\S]*?<\/title>\s*/i, "");
-  html = html.replace(/<meta\s+name="title"\s+content="stx Project"[^>]*>\s*/g, "").replace(/<meta\s+name="description"\s+content="A website built with stx[^"]*"[^>]*>\s*/g, "").replace(/<meta\s+property="og:title"\s+content="stx Project"[^>]*>\s*/g, "").replace(/<meta\s+property="og:description"\s+content="A website built with stx[^"]*"[^>]*>\s*/g, "").replace(/<meta\s+property="og:type"\s+content="website"[^>]*>\s*/g, "").replace(/<meta\s+name="twitter:card"\s+content="summary_large_image"[^>]*>\s*/g, "").replace(/<meta\s+name="twitter:title"\s+content="stx Project"[^>]*>\s*/g, "").replace(/<meta\s+name="twitter:description"\s+content="A website built with stx[^"]*"[^>]*>\s*/g, "");
+  html = html.replace(/<meta\s+name="title"\s+content="stx Project"[^>]*>\s*/g, "").replace(/<meta\s+name="description"\s+content="A website built with stx[^"]*"[^>]*>\s*/g, "").replace(/<meta\s+property="og:title"\s+content="stx Project"[^>]*>\s*/g, "").replace(/<meta\s+property="og:description"\s+content="A website built with stx[^"]*"[^>]*>\s*/g, "").replace(/<meta\s+name="twitter:title"\s+content="stx Project"[^>]*>\s*/g, "").replace(/<meta\s+name="twitter:description"\s+content="A website built with stx[^"]*"[^>]*>\s*/g, "");
+  const headEnd = html.search(/<\/head>/i), head = headEnd === -1 ? html : html.slice(0, headEnd), declared = (tag) => {
+    if (/^<title[\s>]/i.test(tag))
+      return /<title[\s>]/i.test(head);
+    if (/rel="canonical"/i.test(tag))
+      return /<link[^>]+rel=["']canonical["']/i.test(head);
+    const key = /(?:property|name)="([^"]+)"/i.exec(tag)?.[1];
+    if (!key)
+      return !1;
+    return new RegExp(`<meta[^>]+(?:property|name)=["']${key.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}["']`, "i").test(head);
+  }, missing = tags.filter((tag) => !declared(tag));
+  if (missing.length === 0)
+    return html;
+  const block = `<!-- SEO -->
+${missing.join(`
+`)}
+<!-- /SEO -->`;
+  if (headEnd !== -1)
+    return `${html.slice(0, headEnd)}${block}
+${html.slice(headEnd)}`;
   if (/<head[^>]*>/i.test(html))
     return html.replace(/<head([^>]*)>/i, `<head$1>
 ${block}`);