@lovable.dev/vite-tanstack-config 2.6.2 → 2.6.4-rc.0

package/dist/index.cjs

@@ -118,6 +118,7 @@ function lovableAssetsProxyPlugin() {
 // src/index.ts
 var SANDBOX_ENV_VAR = "DEV_SERVER__PROJECT_PATH";
 var LOVABLE_SANDBOX_ENV_VAR = "LOVABLE_SANDBOX";
+var JSX_SOURCE_FILE_RE = /\.[jt]sx$/;
 function isSandboxEnvironment() {
   return process.env[LOVABLE_SANDBOX_ENV_VAR] === "1" || !!process.env[SANDBOX_ENV_VAR];
 }
@@ -608,6 +609,29 @@ function devServerFnErrorLogger() {
     }
   };
 }
+function jsxSourceBuildDevPlugin() {
+  return {
+    name: "lovable-jsx-source-build-dev",
+    enforce: "pre",
+    apply: "build",
+    async transform(code, id, options) {
+      if (options?.ssr) {
+        return null;
+      }
+      const sourceFile = id.split("?")[0];
+      if (!sourceFile || !JSX_SOURCE_FILE_RE.test(sourceFile) || !code.includes("<")) {
+        return null;
+      }
+      return (0, import_vite.transformWithEsbuild)(code, sourceFile, {
+        loader: sourceFile.endsWith(".jsx") ? "jsx" : "tsx",
+        jsx: "automatic",
+        jsxDev: true,
+        sourcemap: true,
+        sourcefile: sourceFile
+      });
+    }
+  };
+}
 function defineConfig(configOrOptions = {}) {
   return async (env) => {
     const { command, mode } = env;
@@ -693,6 +717,9 @@ function defineConfig(configOrOptions = {}) {
         internalPlugins.push(nitro(nitroOpts));
       }
     }
+    if (isDevBuild) {
+      internalPlugins.push(jsxSourceBuildDevPlugin());
+    }
     const viteReact = (await import("@vitejs/plugin-react")).default;
     internalPlugins.push(viteReact(options.react));
     if (command === "serve") {
@@ -711,8 +738,8 @@ function defineConfig(configOrOptions = {}) {
     if (command === "serve") {
       internalPlugins.push(lovableAssetsProxyPlugin());
     }
-    if (command === "serve" && mode === "development") {
-      internalPlugins.push((0, import_lovable_tagger.componentTagger)());
+    if ((command === "serve" || command === "build") && mode === "development") {
+      internalPlugins.push((0, import_lovable_tagger.componentTagger)({ jsxSource: true }));
     }
     let envDefine = {};
     if (options.envDefine !== false) {

package/dist/index.js

@@ -1,6 +1,6 @@
 // src/index.ts
 import { componentTagger } from "lovable-tagger";
-import { mergeConfig, loadEnv } from "vite";
+import { mergeConfig, loadEnv, transformWithEsbuild } from "vite";
 
 // src/assetsProxyPlugin.ts
 import https from "https";
@@ -83,6 +83,7 @@ function lovableAssetsProxyPlugin() {
 // src/index.ts
 var SANDBOX_ENV_VAR = "DEV_SERVER__PROJECT_PATH";
 var LOVABLE_SANDBOX_ENV_VAR = "LOVABLE_SANDBOX";
+var JSX_SOURCE_FILE_RE = /\.[jt]sx$/;
 function isSandboxEnvironment() {
   return process.env[LOVABLE_SANDBOX_ENV_VAR] === "1" || !!process.env[SANDBOX_ENV_VAR];
 }
@@ -573,6 +574,29 @@ function devServerFnErrorLogger() {
     }
   };
 }
+function jsxSourceBuildDevPlugin() {
+  return {
+    name: "lovable-jsx-source-build-dev",
+    enforce: "pre",
+    apply: "build",
+    async transform(code, id, options) {
+      if (options?.ssr) {
+        return null;
+      }
+      const sourceFile = id.split("?")[0];
+      if (!sourceFile || !JSX_SOURCE_FILE_RE.test(sourceFile) || !code.includes("<")) {
+        return null;
+      }
+      return transformWithEsbuild(code, sourceFile, {
+        loader: sourceFile.endsWith(".jsx") ? "jsx" : "tsx",
+        jsx: "automatic",
+        jsxDev: true,
+        sourcemap: true,
+        sourcefile: sourceFile
+      });
+    }
+  };
+}
 function defineConfig(configOrOptions = {}) {
   return async (env) => {
     const { command, mode } = env;
@@ -658,6 +682,9 @@ function defineConfig(configOrOptions = {}) {
         internalPlugins.push(nitro(nitroOpts));
       }
     }
+    if (isDevBuild) {
+      internalPlugins.push(jsxSourceBuildDevPlugin());
+    }
     const viteReact = (await import("@vitejs/plugin-react")).default;
     internalPlugins.push(viteReact(options.react));
     if (command === "serve") {
@@ -676,8 +703,8 @@ function defineConfig(configOrOptions = {}) {
     if (command === "serve") {
       internalPlugins.push(lovableAssetsProxyPlugin());
     }
-    if (command === "serve" && mode === "development") {
-      internalPlugins.push(componentTagger());
+    if ((command === "serve" || command === "build") && mode === "development") {
+      internalPlugins.push(componentTagger({ jsxSource: true }));
     }
     let envDefine = {};
     if (options.envDefine !== false) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lovable.dev/vite-tanstack-config",
-  "version": "2.6.2",
+  "version": "2.6.4-rc.0",
   "description": "Vite config wrapper for Lovable TanStack Start projects",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -9,6 +9,15 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts --outDir dist",
+    "typecheck": "tsgo --noEmit",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch",
+    "test": "vitest",
+    "prepublishOnly": "npm run clean && npm run build",
+    "clean": "rimraf dist",
+    "coverage": "vitest run --coverage"
+  },
   "keywords": [
     "vite",
     "tanstack",
@@ -40,20 +49,12 @@
     "@tanstack/react-start": "^1.167.50",
     "@vitejs/plugin-react": "^5.2.0",
     "@tailwindcss/vite": "^4.3.0",
-    "@types/node": "22.13.13",
+    "@types/node": "catalog:",
     "rimraf": "^5.0.0",
     "tsup": "^7.2.0",
-    "typescript": "^5.9.3",
+    "typescript": "catalog:",
     "vite": "^8.0.16",
     "vite-tsconfig-paths": "^6.0.2",
-    "vitest": "^4.1.5"
-  },
-  "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --outDir dist",
-    "typecheck": "tsgo --noEmit",
-    "dev": "tsup src/index.ts --format cjs,esm --dts --watch",
-    "test": "vitest",
-    "clean": "rimraf dist",
-    "coverage": "vitest run --coverage"
+    "vitest": "catalog:"
   }
-}
+}