Expose environment variables also on import.meta.env

packages/vite/src/index.ts

@@ -109,6 +109,36 @@ export default function redwoodPluginVite(): PluginOption[] {
                 process.env.REDWOOD_ENV_EDITOR
               ),
             },
+            // Vite can automatically expose environment variables, but we
+            // disable that in `buildFeServer.ts` by setting `envFile: false`
+            // because we want to use our own logic for loading .env,
+            // .env.defaults, etc
+            // The two object spreads below will expose all environment
+            // variables listed in redwood.toml and all environment variables
+            // prefixed with REDWOOD_ENV_
+            ...Object.fromEntries(
+              rwConfig.web.includeEnvironmentVariables.flatMap((envName) => [
+                [
+                  `import.meta.env.${envName}`,
+                  JSON.stringify(process.env[envName]),
+                ],
+                [
+                  `process.env.${envName}`,
+                  JSON.stringify(process.env[envName]),
+                ],
+              ])
+            ),
+            ...Object.entries(process.env).reduce<Record<string, any>>(
+              (acc, [key, value]) => {
+                if (key.startsWith('REDWOOD_ENV_')) {
+                  acc[`import.meta.env.${key}`] = JSON.stringify(value)
+                  acc[`process.env.${key}`] = JSON.stringify(value)
+                }
+
+                return acc
+              },
+              {}
+            ),
           },
           css: {
             // @NOTE config path is relative to where vite.config.js is if you use relative path