feat(build): support overriding meta viewport tag (#2642)

zonemeen · brc-dd · web-flow · commit 94e2966babfe · 2023-07-21T19:38:51.000+05:30
Co-authored-by: Divyansh Singh &lt;40380293+brc-dd@users.noreply.github.com&gt;
diff --git a/src/node/build/render.ts b/src/node/build/render.ts
@@ -152,7 +152,11 @@ export async function renderPage(
 <html lang="${siteData.lang}" dir="${siteData.dir}">
   <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width,initial-scale=1">
+    ${
+      isMetaViewportOverridden(head)
+        ? ''
+        : '<meta name="viewport" content="width=device-width,initial-scale=1">'
+    }
     <title>${title}</title>
     <meta name="description" content="${description}">
     ${stylesheetLink}
@@ -248,11 +252,14 @@ function renderAttrs(attrs: Record<string, string>): string {
     .join('')
 }
 
-function isMetaDescription(headConfig: HeadConfig) {
-  const [type, attrs] = headConfig
-  return type === 'meta' && attrs?.name === 'description'
+function filterOutHeadDescription(head: HeadConfig[] = []) {
+  return head.filter(([type, attrs]) => {
+    return !(type === 'meta' && attrs?.name === 'description')
+  })
 }
 
-function filterOutHeadDescription(head: HeadConfig[] | undefined) {
-  return head ? head.filter((h) => !isMetaDescription(h)) : []
+function isMetaViewportOverridden(head: HeadConfig[] = []) {
+  return head.some(([type, attrs]) => {
+    return type === 'meta' && attrs?.name === 'viewport'
+  })
 }
