add VITE_XSTATE_DEBUG env

the-illarionov · Nov 18, 2024 · 9f4bbf5 · 9f4bbf5
1 parent 93a3f0b
commit 9f4bbf5
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 3 deletions.
diff --git a/.ci/.env.example b/.ci/.env.example
@@ -1,3 +1,5 @@
 NODE_IMAGE="node:20"
 NGINX_IMAGE="nginx:1.27"
-PLAYWRIGHT_IMAGE="mcr.microsoft.com/playwright:v1.48.2-jammy"
+PLAYWRIGHT_IMAGE="mcr.microsoft.com/playwright:v1.48.2-jammy"
+
+VITE_XSTATE_DEBUG=0
diff --git a/.dev/.env.example b/.dev/.env.example
@@ -3,4 +3,6 @@ PREVIEW_PORT="8000"
 
 NODE_IMAGE="node:20"
 NGINX_IMAGE="nginx:1.27"
-PLAYWRIGHT_IMAGE="mcr.microsoft.com/playwright:v1.48.2-jammy"
+PLAYWRIGHT_IMAGE="mcr.microsoft.com/playwright:v1.48.2-jammy"
+
+VITE_XSTATE_DEBUG=1
diff --git a/frontend/env.d.ts b/frontend/env.d.ts
@@ -1 +1,9 @@
 /// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_XSTATE_DEBUG: '1' | '0'
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}
diff --git a/frontend/src/machines/MachineApp/MachineApp.ts b/frontend/src/machines/MachineApp/MachineApp.ts
@@ -90,7 +90,7 @@ const machineOptions: any = {
   systemId: 'machineApp',
 }
 
-if (import.meta.env.DEV)
+if (import.meta.env.DEV && import.meta.env.VITE_XSTATE_DEBUG === '1')
   machineOptions.inspect = createBrowserInspector().inspect
 
 const machineApp = useMachine(MachineApp, machineOptions)