Merge pull request #2446 from Web3Auth/fix/prod-demo

feat: configurable demo authBuildEnv

Author: tuna1207

demo/vue-app-new/.env.sample

@@ -2,3 +2,4 @@ VITE_APP_PIMLICO_API_KEY=""
 VITE_APP_SOLANA_MAINNET_RPC=""
 VITE_APP_SOLANA_DEVNET_RPC=""
 VITE_APP_SOLANA_TESTNET_RPC=""
+VITE_APP_AUTH_BUILD_ENV=""

demo/vue-app-new/src/MainView.vue

@@ -20,7 +20,7 @@ import { WagmiProvider } from "@web3auth/modal/vue/wagmi";
 import { coinbaseConnector } from "@web3auth/no-modal/connectors/coinbase-connector";
 import { computed, onBeforeMount, ref, watch } from "vue";
 
-import { BUILD_ENV, CookieStorage, LocalStorageAdapter, MemoryStorage, SessionStorageAdapter, type StorageConfig } from "@web3auth/auth";
+import { BUILD_ENV, CookieStorage, LocalStorageAdapter, MemoryStorage, SessionStorageAdapter, type BUILD_ENV_TYPE, type StorageConfig } from "@web3auth/auth";
 import AppDashboard from "./components/AppDashboard.vue";
 import AppHeader from "./components/AppHeader.vue";
 import AppSettings from "./components/AppSettings.vue";
@@ -33,6 +33,16 @@ import { WS_EMBED_LOGIN_MODE } from "@web3auth/ws-embed";
 const formData = formDataStore;
 
 const externalConnectors = ref<ConnectorFn[]>([]);
+const buildEnvValues = new Set<BUILD_ENV_TYPE>(Object.values(BUILD_ENV));
+
+function resolveAuthBuildEnv(): BUILD_ENV_TYPE {
+  const envValue = import.meta.env.VITE_APP_AUTH_BUILD_ENV;
+  if (envValue && buildEnvValues.has(envValue as BUILD_ENV_TYPE)) {
+    return envValue as BUILD_ENV_TYPE;
+  }
+
+  return import.meta.env.DEV ? BUILD_ENV.TESTING : BUILD_ENV.PRODUCTION;
+}
 
 function buildStorageConfig(): StorageConfig | undefined {
   const type = formData.tokenStorage;
@@ -142,7 +152,7 @@ const options = computed((): Web3AuthOptions => {
     chains,
     defaultChainId: formData.defaultChainId,
     enableLogging: true,
-    authBuildEnv: BUILD_ENV.TESTING, // Custom build env
+    authBuildEnv: resolveAuthBuildEnv(),
     connectors: [...externalConnectors.value, authConnectorInstance],
     plugins,
     multiInjectedProviderDiscovery: formData.multiInjectedProviderDiscovery,