chore: added new .env for script tags (#13765)

* added new .env for script tags * Update turbo.json * removed meticulous * added body script .env * nit * fixed injection * Update apps/web/app/layout.tsx Co-authored-by: Alex van Andel <me@alexvanandel.com> * Ensure NEXT_PUBLIC_BODY_SCRIPTS is casted to bool --------- Co-authored-by: Alex van Andel <me@alexvanandel.com>
2024-03-06 12:00:19 +00:00
parent fcfd47e7d2
commit cc1c3b210a
2 changed files with 19 additions and 8 deletions
@@ -2,11 +2,9 @@ import { dir } from "i18next";
 import { Inter } from "next/font/google";
 import localFont from "next/font/local";
 import { headers, cookies } from "next/headers";
-import Script from "next/script";
 import React from "react";

 import { getLocale } from "@calcom/features/auth/lib/getLocale";
-import { IS_PRODUCTION } from "@calcom/lib/constants";

 import { prepareRootMetadata } from "@lib/metadata";

@@ -70,11 +68,13 @@ export default async function RootLayout({ children }: { children: React.ReactNo
      style={embedColorScheme ? { colorScheme: embedColorScheme as string } : undefined}
      data-nextjs-router="app">
      <head nonce={nonce}>
-        {!IS_PRODUCTION && process.env.VERCEL_ENV === "preview" && (
-          // eslint-disable-next-line @next/next/no-sync-scripts
-          <Script
-            data-project-id="KjpMrKTnXquJVKfeqmjdTffVPf1a6Unw2LZ58iE4"
-            src="https://snippet.meticulous.ai/v1/stagingMeticulousSnippet.js"
+        {!!process.env.NEXT_PUBLIC_HEAD_SCRIPTS && (
+          <script
+            nonce={nonce}
+            id="injected-head-scripts"
+            dangerouslySetInnerHTML={{
+              __html: process.env.NEXT_PUBLIC_HEAD_SCRIPTS,
+            }}
          />
        )}
        <style>{`
@@ -98,6 +98,15 @@ export default async function RootLayout({ children }: { children: React.ReactNo
              }
            : {}
        }>
+        {!!process.env.NEXT_PUBLIC_BODY_SCRIPTS && (
+          <script
+            nonce={nonce}
+            id="injected-head-scripts"
+            dangerouslySetInnerHTML={{
+              __html: process.env.NEXT_PUBLIC_BODY_SCRIPTS,
+            }}
+          />
+        )}
        {children}
      </body>
    </html>
@@ -372,6 +372,8 @@
    "CLOUDFLARE_ZONE_ID",
    "CLOUDFLARE_VERCEL_CNAME",
    "CLOUDFLARE_DNS",
-    "NEXT_PUBLIC_ENABLE_PROFILE_SWITCHER"
+    "NEXT_PUBLIC_ENABLE_PROFILE_SWITCHER",
+    "NEXT_PUBLIC_HEAD_SCRIPTS",
+    "NEXT_PUBLIC_BODY_SCRIPTS"
  ]
 }