Merge pull request #824 from makeplane/feat/session_recorder

feat: session recorder
makeplane · Apr 14, 2023 · 3817511 · 3817511 · vercel · Apr 14, 2023
2 parents 3d6f2dd + 2950877
commit 3817511
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 2 deletions.
diff --git a/apps/app/.env.example b/apps/app/.env.example
@@ -5,4 +5,6 @@ NEXT_PUBLIC_GITHUB_APP_NAME=""
 NEXT_PUBLIC_GITHUB_ID=""
 NEXT_PUBLIC_SENTRY_DSN=""
 NEXT_PUBLIC_ENABLE_OAUTH=0
-NEXT_PUBLIC_ENABLE_SENTRY=0
+NEXT_PUBLIC_ENABLE_SENTRY=0
+NEXT_PUBLIC_ENABLE_SESSION_RECORDER=0
+NEXT_PUBLIC_TRACK_EVENTS=0
diff --git a/apps/app/pages/_document.tsx b/apps/app/pages/_document.tsx
@@ -2,13 +2,29 @@ import Document, { Html, Head, Main, NextScript } from "next/document";
 
 class MyDocument extends Document {
   render() {
+    const isSessionRecorderEnabled = parseInt(
+      process.env.NEXT_PUBLIC_ENABLE_SESSION_RECORDER || "0"
+    );
+
     return (
       <Html>
         <Head>
           <link rel="manifest" href="/manifest.json" />
           <link rel="apple-touch-icon" href="/icon.png" />
           <meta name="theme-color" content="#fff" />
           <script defer data-domain="app.plane.so" src="https://plausible.io/js/script.js" />
+          {isSessionRecorderEnabled && (
+            <script
+              defer
+              dangerouslySetInnerHTML={{
+                __html: `(function(c,l,a,r,i,t,y){
+              c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+              t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+              y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+          })(window, document, "clarity", "script", "g6lhwgkmrp");`,
+              }}
+            />
+          )}
         </Head>
         <body>
           <Main />

diff --git a/turbo.json b/turbo.json
@@ -13,7 +13,8 @@
     "NEXT_PUBLIC_UNSPLASH_ACCESS",
     "NEXT_PUBLIC_TRACK_EVENTS",
     "TRACKER_ACCESS_KEY",
-    "NEXT_PUBLIC_CRISP_ID"
+    "NEXT_PUBLIC_CRISP_ID",
+    "NEXT_PUBLIC_ENABLE_SESSION_RECORDER"
   ],
   "pipeline": {
     "build": {