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

package/dist/index.cjs

@@ -331,6 +331,10 @@ function defineConfig(configOrOptions = {}) {
   return async (env) => {
     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));
@@ -440,6 +444,11 @@ 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 } } : {},
       // 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

@@ -297,6 +297,10 @@ function defineConfig(configOrOptions = {}) {
   return async (env) => {
     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));
@@ -406,6 +410,11 @@ 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 } } : {},
       // 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.4.2",
+  "version": "2.5.0-rc.1",
   "description": "Vite config wrapper for Lovable TanStack Start projects",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",