`env.ts` doesn't apply `.default("value")` to client

[IanMitchell]

If I have a env.ts:

import { defineEnv, string, number, oneOf } from "void/env";

export default defineEnv({
	VITE_GIT_COMMIT_SHA: string().default("5b7ea6bb52e16fefde46edab8a136fc6c89e02ec").public(),
	PORT: number().default(3000),
	NODE_ENV: oneOf(["development", "production"]).default("development"),
});

And try to reference env.VITE_GIT_COMMIT_SHA in a React component, without explicitly setting it, the app will crash.

If I explicitly set it via VITE_GIT_COMMIT_SHA=123 vp dev, the app works as expected.

I believe right now y'all only apply .default to backend values but don't apply it to frontend ones

[IanMitchell]

I've updated to void 0.9.2 but I'm seeing this crash when I load a page upon hydration - the error is:

Error: env: Key 'VITE_GIT_COMMIT_SHA' is not exposed to the client. Vite only injects keys matching the configured envPrefix (default: VITE_*). Either rename the key in env.ts to match envPrefix, or move this access to a server module.

Env file:

import { defineEnv, string, number, oneOf } from "void/env";

export default defineEnv({
	VITE_GIT_COMMIT_SHA: string().default("5b7ea6bb52e16fefde46edab8a136fc6c89e02ec").public(),
	PORT: number().default(3000),
	NODE_ENV: oneOf(["development", "production"]).default("development"),
});

Usage:

import type { ReactNode } from "react";
import { classNames } from "@0x57/hex";
import { env } from "void/env";

interface GitHashProps {
	className?: string;
}

export function GitHash({ className }: GitHashProps): ReactNode {
	return (
		<span className={classNames("text-gray-400 before:content-['v'] select-all", className)}>
			{env.VITE_GIT_COMMIT_SHA.slice(0, 7)}
		</span>
	);
}

Loads in correctly, but when the page hydrates it crashes with the above error

[cpojer]

cc @TheAlexLichter mind taking another look?