Vite constants are not strings

[twhitbeck]

Thank you for this plugin! It is working really well for me, but I am running into one issue. Vite has some built in constants that live on import.meta.env that are not strings. import.meta.env.{DEV,PROD,SSR} are all booleans.
When setting process.env.DEV in node.js the value gets coerced to a string, which leads to a runtime discrepancy where in tests import.meta.env.DEV will be "true" | "false" instead of boolean.
I'm not 100% sure what the fix here is, but maybe there could be a configuration parameter to this plugin to set some properties somewhere other than process.env.

{
  "experimental": {
    "plugins": [
        [
            "swc-plugin-import-meta-env",
            {
                "globalThis.fakeProcessEnv": ["DEV", "PROD", "SSR"]
            }
        ]
    ]
},

which would transform

console.log(import.meta.env.FOO);
console.log(import.meta.env.PROD);

into

console.log(process.env.FOO);
console.log(globalThis.fakeProcessEnv.PROD);

wdyt?

[twhitbeck]

I found a workaround:

process.env.PROD = process.env.NODE_ENV === 'production' ? 'true' : '';
process.env.DEV = process.env.PROD ? '' : 'true';

process.env.PROD and process.env.DEV won't be booleans, but they'll still be truthy/falsy.

[Codex-]

Yeah that's a tricky case, it's consistent with how Node handles the env, but not ideal if you're expecting vite constants to behave a certain way.

Having an option like coerceBoolean or something to output truthy/falsy values might be a good option to introduce to handle this without going down the specific implementation (vite, etc) rabbithole

[Codex-]

@twhitbeck do you think you'd use an option like coerceToTruthy if it existed? If so, I can start on implementing it as an option

[twhitbeck]

Hey @Codex- thanks for responding! Am I understanding your proposal correctly?

{
  "experimental": {
    "plugins": [
        [
            "swc-plugin-import-meta-env",
            {
                "coerceToBoolean": ["DEV", "PROD", "SSR"]
            }
        ]
    ]
},

would transform this code

if (import.meta.env.DEV) {
  ...
}

into

if (process.env.DEV === "true") {
  ...
}