Fix vite env import

cartridge-gg · Dec 19, 2024 · c10b46e · c10b46e
1 parent d900586
commit c10b46e
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 9 deletions.
diff --git a/packages/keychain/src/components/home.tsx b/packages/keychain/src/components/home.tsx
@@ -26,12 +26,12 @@ export function Home() {
       typeof window !== "undefined" &&
       !window.location.hostname.includes("localhost")
     ) {
-      posthog.init(process.env.VITE_POSTHOG_KEY!, {
-        api_host: process.env.VITE_POSTHOG_HOST,
+      posthog.init(import.meta.env.VITE_POSTHOG_KEY!, {
+        api_host: import.meta.env.VITE_POSTHOG_HOST,
         person_profiles: "always",
         enable_recording_console_log: true,
         loaded: (posthog) => {
-          if (process.env.NODE_ENV === "development") posthog.debug();
+          if (import.meta.env.DEV) posthog.debug();
         },
       });
     }

diff --git a/packages/keychain/src/hooks/analytics.ts b/packages/keychain/src/hooks/analytics.ts
@@ -31,7 +31,7 @@ export const useAnalytics = () => {
 };
 
 const log = async (type: string, payload: object) => {
-  if (process.env.NODE_ENV === "development") {
+  if (import.meta.env.DEV) {
     return console.log(type, payload);
   }
 

diff --git a/packages/keychain/src/utils/controller.ts b/packages/keychain/src/utils/controller.ts
@@ -61,7 +61,7 @@ export default class Controller extends Account {
       username,
       {
         webauthn: {
-          rpId: process.env.VITE_RP_ID!,
+          rpId: import.meta.env.VITE_RP_ID!,
           credentialId,
           publicKey,
         },

diff --git a/packages/keychain/vite.config.ts b/packages/keychain/vite.config.ts
@@ -1,13 +1,12 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
-import process from "node:process";
 import wasm from "vite-plugin-wasm";
 import topLevelAwait from "vite-plugin-top-level-await";
 
-export default defineConfig({
+export default defineConfig(({ mode }) => ({
   plugins: [wasm(), topLevelAwait(), react()],
   server: {
-    port: process.env.NODE_ENV === "development" ? 3001 : undefined,
+    port: mode === "development" ? 3001 : undefined,
   },
   resolve: {
     alias: {
@@ -16,4 +15,4 @@ export default defineConfig({
   },
   root: "./",
   publicDir: "public",
-});
+}));