chore: add env flag to enable session recorder conditionally (#822)

This commit is contained in:
Aaryan Khandelwal 2023-04-14 15:17:35 +05:30 committed by GitHub
parent 81da8715d5
commit c7d930f89b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 8 deletions

View File

@ -6,3 +6,5 @@ NEXT_PUBLIC_GITHUB_ID=""
NEXT_PUBLIC_SENTRY_DSN="" NEXT_PUBLIC_SENTRY_DSN=""
NEXT_PUBLIC_ENABLE_OAUTH=0 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

View File

@ -2,6 +2,10 @@ import Document, { Html, Head, Main, NextScript } from "next/document";
class MyDocument extends Document { class MyDocument extends Document {
render() { render() {
const isSessionRecorderEnabled = parseInt(
process.env.NEXT_PUBLIC_ENABLE_SESSION_RECORDER || "0"
);
return ( return (
<Html> <Html>
<Head> <Head>
@ -9,6 +13,7 @@ class MyDocument extends Document {
<link rel="apple-touch-icon" href="/icon.png" /> <link rel="apple-touch-icon" href="/icon.png" />
<meta name="theme-color" content="#fff" /> <meta name="theme-color" content="#fff" />
<script defer data-domain="app.plane.so" src="https://plausible.io/js/script.js" /> <script defer data-domain="app.plane.so" src="https://plausible.io/js/script.js" />
{isSessionRecorderEnabled && (
<script <script
defer defer
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
@ -19,6 +24,7 @@ class MyDocument extends Document {
})(window, document, "clarity", "script", "g6lhwgkmrp");`, })(window, document, "clarity", "script", "g6lhwgkmrp");`,
}} }}
/> />
)}
</Head> </Head>
<body> <body>
<Main /> <Main />

View File

@ -13,7 +13,8 @@
"NEXT_PUBLIC_UNSPLASH_ACCESS", "NEXT_PUBLIC_UNSPLASH_ACCESS",
"NEXT_PUBLIC_TRACK_EVENTS", "NEXT_PUBLIC_TRACK_EVENTS",
"TRACKER_ACCESS_KEY", "TRACKER_ACCESS_KEY",
"NEXT_PUBLIC_CRISP_ID" "NEXT_PUBLIC_CRISP_ID",
"NEXT_PUBLIC_ENABLE_SESSION_RECORDER"
], ],
"pipeline": { "pipeline": {
"build": { "build": {