feat(web): Add flag for displaying scene

Hides 3D scene behind flag.
langri-sha · Jun 16, 2024 · f0b21f2 · f0b21f2
1 parent 1332357
commit f0b21f2
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/apps/web/src/pages/landing.tsx b/apps/web/src/pages/landing.tsx
@@ -11,7 +11,7 @@ export const Landing = () => (
     <Root>
       <Root>
         <Header />
-        <Scene />
+        {process.env.EXPERIMENTAL_SCENE ? <Scene /> : null}
         <Drone />
       </Root>
     </Root>

diff --git a/apps/web/src/web.d.ts b/apps/web/src/web.d.ts
@@ -1,7 +1,9 @@
 /// <reference types="@types/gtag.js" />
 
 declare type WebEnv = {
-  NODE_ENV?: 'development' | 'production'
+  NODE_ENV: 'development' | 'production'
+  /** Add experimental scene to landing page, when set. */
+  EXPERIMENTAL_SCENE: string | null
 }
 
 declare global {

diff --git a/apps/web/webpack.config.ts b/apps/web/webpack.config.ts
@@ -1,3 +1,4 @@
+/// <reference types="./src/web.d.ts" />
 import path from 'node:path'
 
 import {
@@ -91,6 +92,7 @@ export default env(({ development, production }) => ({
     }),
     new EnvironmentPlugin({
       NODE_ENV: development ? 'development' : 'production',
-    }),
+      EXPERIMENTAL_SCENE: null,
+    } satisfies WebEnv),
   ],
 }))