address feedback

Author: edmundhung

.changeset/beige-results-flow.md

@@ -2,4 +2,10 @@
 "@cloudflare/vite-plugin": patch
 ---
 
-fix: populate build time env var from `.env`
+Support Hyperdrive local connection strings from `.env` files
+
+You can now define your Hyperdrive local connection string in a `.env` file using the `CLOUDFLARE_HYPERDRIVE_LOCAL_CONNECTION_STRING_<BINDING_NAME>` variable.
+
+```sh
+CLOUDFLARE_HYPERDRIVE_LOCAL_CONNECTION_STRING_PROD_DB="postgres://user:[email protected]:5432/testdb"
+```

packages/vite-plugin-cloudflare/src/plugin-config.ts

@@ -112,14 +112,15 @@ export function resolvePluginConfig(
 		experimental: pluginConfig.experimental ?? {},
 	};
 	const root = userConfig.root ? path.resolve(userConfig.root) : process.cwd();
-	const buildTimeEnv = vite.loadEnv(viteEnv.mode, root, [
+	const prefixedEnv = vite.loadEnv(viteEnv.mode, root, [
 		"CLOUDFLARE_",
-		"WRANGLER_",
+		// TODO: Remove deprecated WRANGLER prefix support in next major version
+		"WRANGLER_HYPERDRIVE_LOCAL_CONNECTION_STRING_",
 	]);
 
 	// Merge the loaded env variables into process.env so that they are available to
 	// wrangler when it loads the worker configuration files.
-	Object.assign(process.env, buildTimeEnv);
+	Object.assign(process.env, prefixedEnv);
 
 	if (viteEnv.isPreview) {
 		return {
@@ -130,7 +131,7 @@ export function resolvePluginConfig(
 	}
 
 	const configPaths = new Set<string>();
-	const cloudflareEnv = buildTimeEnv.CLOUDFLARE_ENV;
+	const cloudflareEnv = prefixedEnv.CLOUDFLARE_ENV;
 	const entryWorkerConfigPath = getValidatedWranglerConfigPath(
 		root,
 		pluginConfig.configPath