fix(vite): fix env vars

NethermindEth · Sep 29, 2023 · e1b3a69 · e1b3a69
1 parent a61165d
commit e1b3a69
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 9 deletions.
diff --git a/plugin/.env.development b/plugin/.env.development
@@ -1,4 +1,4 @@
-REACT_APP_API_URL=https://cairo-compile-remix-test.nethermind.io
-REACT_APP_DEVNET_URL=http://127.0.0.1:5050
-REACT_APP_REMOTE_DEVNET_URL=https://starknet-devnet-dev.nethermind.io
-REACT_APP_VERSION=$npm_package_version
+VITE_API_URL=https://cairo-compile-remix-test.nethermind.io
+VITE_DEVNET_URL=http://127.0.0.1:5050
+VITE_REMOTE_DEVNET_URL=https://starknet-devnet-dev.nethermind.io
+VITE_VERSION=$npm_package_version
diff --git a/plugin/src/env.d.ts b/plugin/src/env.d.ts
@@ -0,0 +1,14 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+    readonly VITE_URL: string
+    readonly VITE_API_URL: string
+    readonly VITE_DEVNET_URL: string
+    readonly VITE_REMOTE_DEVNET_URL: string
+    readonly VITE_VERSION: string
+    // more env variables...
+  }
+
+  interface ImportMeta {
+    readonly env: ImportMetaEnv
+  }
diff --git a/plugin/src/features/CairoVersion/index.tsx b/plugin/src/features/CairoVersion/index.tsx
@@ -13,7 +13,7 @@ const CairoVersion: React.FC = () => {
   const [versions] = useState<string[]>([
     'cairo-compile 2.2.0'
   ])
-  const pluginVersion = process.env.VITE_VERSION !== undefined ? `v${process.env.VITE_VERSION}` : 'v0.2.0'
+  const pluginVersion = import.meta.env.VITE_VERSION !== undefined ? `v${import.meta.env.VITE_VERSION}` : 'v0.2.0'
 
   useEffect(() => {
     // eslint-disable-next-line @typescript-eslint/no-misused-promises

diff --git a/plugin/src/react-app-env.d.ts b/plugin/src/react-app-env.d.ts
diff --git a/plugin/src/utils/network.ts b/plugin/src/utils/network.ts
@@ -1,8 +1,8 @@
 import { type DevnetAccount } from '../types/accounts'
 
-const apiUrl = process.env.VITE_API_URL ?? 'cairo-compile-remix-test.nethermind.io'
-const devnetUrl = process.env.VITE_DEVNET_URL ?? 'http://localhost:5050'
-const remoteDevnetUrl = process.env.VITE_REMOTE_DEVNET_URL ?? 'https://starknet-devnet-dev.nethermind.io'
+const apiUrl = import.meta.env.VITE_API_URL ?? 'cairo-compile-remix-test.nethermind.io'
+const devnetUrl = import.meta.env.VITE_DEVNET_URL ?? 'http://localhost:5050'
+const remoteDevnetUrl = import.meta.env.VITE_REMOTE_DEVNET_URL ?? 'https://starknet-devnet-dev.nethermind.io'
 
 interface Devnet {
   name: string

diff --git a/plugin/vite.config.ts b/plugin/vite.config.ts
@@ -7,6 +7,10 @@ export default defineConfig(() => {
     define: {
       'process.env': {}
     },
+    server: {
+      port: 3000,
+      hmr: true
+    },
     build: {
       outDir: 'build'
     },