fix: leverage vite env variables

shapeshift · Feb 26, 2025 · 60ce147 · 60ce147
1 parent c81324b
commit 60ce147
Show file tree

Hide file tree

Showing 26 changed files with 96 additions and 48 deletions.
diff --git a/headers/csps/chains/arbitrum.ts b/headers/csps/chains/arbitrum.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [

diff --git a/headers/csps/chains/arbitrumNova.ts b/headers/csps/chains/arbitrumNova.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [

diff --git a/headers/csps/chains/avalanche.ts b/headers/csps/chains/avalanche.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [

diff --git a/headers/csps/chains/base.ts b/headers/csps/chains/base.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [

diff --git a/headers/csps/chains/bitcoin.ts b/headers/csps/chains/bitcoin.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [env.VITE_UNCHAINED_BITCOIN_HTTP_URL!, env.VITE_UNCHAINED_BITCOIN_WS_URL!],

diff --git a/headers/csps/chains/bitcoincash.ts b/headers/csps/chains/bitcoincash.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [env.VITE_UNCHAINED_BITCOINCASH_HTTP_URL!, env.VITE_UNCHAINED_BITCOINCASH_WS_URL!],

diff --git a/headers/csps/chains/bnbsmartchain.ts b/headers/csps/chains/bnbsmartchain.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [

diff --git a/headers/csps/chains/cosmos.ts b/headers/csps/chains/cosmos.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [env.VITE_UNCHAINED_COSMOS_HTTP_URL!, env.VITE_UNCHAINED_COSMOS_WS_URL!],

diff --git a/headers/csps/chains/dogecoin.ts b/headers/csps/chains/dogecoin.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [env.VITE_UNCHAINED_DOGECOIN_HTTP_URL!, env.VITE_UNCHAINED_DOGECOIN_WS_URL!],

diff --git a/headers/csps/chains/ethereum.ts b/headers/csps/chains/ethereum.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [

diff --git a/headers/csps/chains/gnosis.ts b/headers/csps/chains/gnosis.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [

diff --git a/headers/csps/chains/litecoin.ts b/headers/csps/chains/litecoin.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [env.VITE_UNCHAINED_LITECOIN_HTTP_URL!, env.VITE_UNCHAINED_LITECOIN_WS_URL!],

diff --git a/headers/csps/chains/optimism.ts b/headers/csps/chains/optimism.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [

diff --git a/headers/csps/chains/polygon.ts b/headers/csps/chains/polygon.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [

diff --git a/headers/csps/chains/solana.ts b/headers/csps/chains/solana.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [

diff --git a/headers/csps/chains/thorchain.ts b/headers/csps/chains/thorchain.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [

diff --git a/headers/csps/chatwoot.ts b/headers/csps/chatwoot.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../utils'
 import type { Csp } from '../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [env.VITE_CHATWOOT_URL!],

diff --git a/headers/csps/defi/mtpelerin.ts b/headers/csps/defi/mtpelerin.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [

diff --git a/headers/csps/defi/swappers/Thor.ts b/headers/csps/defi/swappers/Thor.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../../utils'
 import type { Csp } from '../../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   // removes `/v2` from midgard url

diff --git a/headers/csps/fiatRamps/onRamper.ts b/headers/csps/fiatRamps/onRamper.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [env.VITE_ONRAMPER_API_URL!, env.VITE_ONRAMPER_WIDGET_URL!],

diff --git a/headers/csps/plugins/foxPage.ts b/headers/csps/plugins/foxPage.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [

diff --git a/headers/csps/wallets/keepkey.ts b/headers/csps/wallets/keepkey.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [env.VITE_KEEPKEY_VERSIONS_URL!, env.VITE_KEEPKEY_DESKTOP_URL!],

diff --git a/headers/csps/wallets/walletConnect.ts b/headers/csps/wallets/walletConnect.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [

diff --git a/headers/csps/wallets/walletMigration.ts b/headers/csps/wallets/walletMigration.ts
@@ -1,8 +1,10 @@
 import { loadEnv } from 'vite'
 
+import { determineMode } from '../../../utils'
 import type { Csp } from '../../types'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), '')
+const mode = determineMode()
+const env = loadEnv(mode, process.cwd(), '')
 
 export const csp: Csp = {
   'connect-src': [

diff --git a/utils.ts b/utils.ts
@@ -0,0 +1,23 @@
+const BRANCH_TO_MODE = {
+  beard: 'develop',
+  juice: 'develop',
+  wood: 'develop',
+  gome: 'develop',
+  neo: 'develop',
+  arkeo: 'develop',
+  yeet: 'develop',
+  develop: 'develop',
+  release: 'app',
+  main: 'app',
+  private: 'private',
+}
+
+export const determineMode = () => {
+  const branch = process.env.CURRENT_BRANCH_NAME
+  if (branch && BRANCH_TO_MODE[branch]) {
+    console.log(`Using branch ${branch} to determine environment ${BRANCH_TO_MODE[branch]}`)
+    return BRANCH_TO_MODE[branch]
+  }
+
+  return 'dev'
+}
diff --git a/vite.config.mjs b/vite.config.mjs
@@ -12,34 +12,11 @@ import checker from 'vite-plugin-checker'
 import tsconfigPaths from 'vite-tsconfig-paths'
 
 import { cspMeta, headers, serializeCsp } from './headers'
+import { determineMode } from './utils'
 
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = dirname(__filename)
 
-const BRANCH_TO_MODE = {
-  beard: 'develop',
-  juice: 'develop',
-  wood: 'develop',
-  gome: 'develop',
-  neo: 'develop',
-  arkeo: 'develop',
-  yeet: 'develop',
-  develop: 'develop',
-  release: 'app',
-  main: 'app',
-  private: 'private',
-}
-
-const determineMode = () => {
-  const branch = process.env.CURRENT_BRANCH_NAME
-  if (branch && BRANCH_TO_MODE[branch]) {
-    console.log(`Using branch ${branch} to determine environment ${BRANCH_TO_MODE[branch]}`)
-    return BRANCH_TO_MODE[branch]
-  }
-
-  return 'dev'
-}
-
 const VITE_CSP_META = serializeCsp(cspMeta)
 
 const publicFilesEnvVars = {