@lovable.dev/vite-tanstack-config 2.5.0-rc.1 → 2.5.0

package/dist/index.cjs

@@ -332,9 +332,6 @@ function defineConfig(configOrOptions = {}) {
     const { command, mode } = env;
     const isSandbox = isSandboxEnvironment();
     const isDevBuild = command === "build" && mode === "development";
-    if (isDevBuild) {
-      process.env.NODE_ENV = "development";
-    }
     let options;
     if (typeof configOrOptions === "function") {
       const userConfig = await Promise.resolve(configOrOptions(env));
@@ -444,11 +441,12 @@ function defineConfig(configOrOptions = {}) {
     }
     let config = {
       define: envDefine,
-      // NODE_ENV=development gives the client the dev react-dom DevTools needs,
-      // but it would also make esbuild emit jsxDEV; the SSR/react-server JSX
-      // runtime has no jsxDEV export, so jsxDev:false keeps jsx/jsxs everywhere.
-      // keepNames keeps component names readable in the DevTools tree.
-      ...isDevBuild ? { esbuild: { jsxDev: false, keepNames: true } } : {},
+      // Client-scoped so React DevTools gets the dev react-dom; a global NODE_ENV
+      // flip would emit jsxDEV, which the react-server SSR runtime can't resolve.
+      ...isDevBuild ? {
+        environments: { client: { define: { "process.env.NODE_ENV": JSON.stringify("development") } } },
+        esbuild: { keepNames: true }
+      } : {},
       // Match the build's CSS pipeline in dev. Vite uses PostCSS in dev and only
       // runs Lightning CSS at build, so build-time transforms (e.g. collapsing a
       // hand-written `-webkit-backdrop-filter` to the prefixed form Chrome ignores)

package/dist/index.js

@@ -298,9 +298,6 @@ function defineConfig(configOrOptions = {}) {
     const { command, mode } = env;
     const isSandbox = isSandboxEnvironment();
     const isDevBuild = command === "build" && mode === "development";
-    if (isDevBuild) {
-      process.env.NODE_ENV = "development";
-    }
     let options;
     if (typeof configOrOptions === "function") {
       const userConfig = await Promise.resolve(configOrOptions(env));
@@ -410,11 +407,12 @@ function defineConfig(configOrOptions = {}) {
     }
     let config = {
       define: envDefine,
-      // NODE_ENV=development gives the client the dev react-dom DevTools needs,
-      // but it would also make esbuild emit jsxDEV; the SSR/react-server JSX
-      // runtime has no jsxDEV export, so jsxDev:false keeps jsx/jsxs everywhere.
-      // keepNames keeps component names readable in the DevTools tree.
-      ...isDevBuild ? { esbuild: { jsxDev: false, keepNames: true } } : {},
+      // Client-scoped so React DevTools gets the dev react-dom; a global NODE_ENV
+      // flip would emit jsxDEV, which the react-server SSR runtime can't resolve.
+      ...isDevBuild ? {
+        environments: { client: { define: { "process.env.NODE_ENV": JSON.stringify("development") } } },
+        esbuild: { keepNames: true }
+      } : {},
       // Match the build's CSS pipeline in dev. Vite uses PostCSS in dev and only
       // runs Lightning CSS at build, so build-time transforms (e.g. collapsing a
       // hand-written `-webkit-backdrop-filter` to the prefixed form Chrome ignores)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lovable.dev/vite-tanstack-config",
-  "version": "2.5.0-rc.1",
+  "version": "2.5.0",
   "description": "Vite config wrapper for Lovable TanStack Start projects",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",