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

Co-authored-by: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>
1 year ago · 94e2966bab
parent 8ff431a6bc
commit 94e2966bab
1 changed files with 13 additions and 6 deletions
--- 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'
+  })
 }