@lovable.dev/vite-tanstack-config 1.1.0 → 1.3.0

package/dist/index.cjs

@@ -113,6 +113,23 @@ function cleanServerConfig(config) {
   }
   return config;
 }
+function applyWatchDebounceDefaults(config) {
+  const existingWatch = config.server?.watch ?? {};
+  const existingAwaitWriteFinish = existingWatch.awaitWriteFinish;
+  const hasAwaitWriteFinishObject = !!existingAwaitWriteFinish && typeof existingAwaitWriteFinish === "object" && !Array.isArray(existingAwaitWriteFinish);
+  return (0, import_vite.mergeConfig)(config, {
+    server: {
+      watch: {
+        ...existingWatch,
+        awaitWriteFinish: {
+          ...hasAwaitWriteFinishObject ? existingAwaitWriteFinish : {},
+          stabilityThreshold: 1e3,
+          pollInterval: 100
+        }
+      }
+    }
+  });
+}
 function devClientErrorLogger() {
   const VIRTUAL_ID = "virtual:dev-client-error-handler";
   const RESOLVED_ID = "\0" + VIRTUAL_ID;
@@ -258,7 +275,7 @@ function defineConfig(configOrOptions = {}) {
     } else if (configOrOptions instanceof Promise) {
       options = { vite: await configOrOptions };
     } else {
-      const hasLovableKey = "vite" in configOrOptions || "clientErrorLogger" in configOrOptions || "serverFnErrorLogger" in configOrOptions || "cloudflare" in configOrOptions;
+      const hasLovableKey = "vite" in configOrOptions || "clientErrorLogger" in configOrOptions || "serverFnErrorLogger" in configOrOptions || "cloudflare" in configOrOptions || "tanstackStart" in configOrOptions || "react" in configOrOptions || "envDefine" in configOrOptions;
       options = hasLovableKey ? configOrOptions : { vite: configOrOptions };
     }
     const internalPlugins = [];
@@ -266,9 +283,6 @@ function defineConfig(configOrOptions = {}) {
     internalPlugins.push(tailwindcss());
     const tsConfigPaths = (await import("vite-tsconfig-paths")).default;
     internalPlugins.push(tsConfigPaths({ projects: ["./tsconfig.json"] }));
-    if (command === "serve" && mode === "development") {
-      internalPlugins.push((0, import_lovable_tagger.componentTagger)());
-    }
     if (options.clientErrorLogger !== false) {
       internalPlugins.push(devClientErrorLogger());
     }
@@ -285,11 +299,34 @@ function defineConfig(configOrOptions = {}) {
       } catch {
       }
     }
+    const { tanstackStart } = await import("@tanstack/react-start/plugin/vite");
+    internalPlugins.push(tanstackStart(options.tanstackStart));
+    const viteReact = (await import("@vitejs/plugin-react")).default;
+    internalPlugins.push(viteReact(options.react));
+    if (command === "serve" && mode === "development") {
+      internalPlugins.push((0, import_lovable_tagger.componentTagger)());
+    }
+    let envDefine = {};
+    if (options.envDefine !== false) {
+      const loadedEnv = (0, import_vite.loadEnv)(mode, process.cwd(), "VITE_");
+      for (const [key, value] of Object.entries(loadedEnv)) {
+        envDefine[`import.meta.env.${key}`] = JSON.stringify(value);
+      }
+    }
     let config = {
+      define: envDefine,
       resolve: {
         alias: {
           "@": `${process.cwd()}/src`
-        }
+        },
+        dedupe: [
+          "react",
+          "react-dom",
+          "react/jsx-runtime",
+          "react/jsx-dev-runtime",
+          "@tanstack/react-query",
+          "@tanstack/query-core"
+        ]
       },
       plugins: [...internalPlugins, ...options.plugins ?? []]
     };
@@ -306,7 +343,7 @@ function defineConfig(configOrOptions = {}) {
     } else {
       config = (0, import_vite.mergeConfig)({ server: { host: "::", port: 8080 } }, config);
     }
-    return config;
+    return applyWatchDebounceDefaults(config);
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.d.cts

@@ -6,6 +6,12 @@ interface LovableViteTanstackOptions {
     clientErrorLogger?: boolean;
     serverFnErrorLogger?: boolean;
     cloudflare?: Record<string, unknown> | false;
+    /** Options forwarded to tanstackStart(). */
+    tanstackStart?: Record<string, unknown>;
+    /** Options forwarded to viteReact(). */
+    react?: Record<string, unknown>;
+    /** Set to false to disable automatic VITE_* env define injection. Default: true. */
+    envDefine?: boolean;
 }
 declare function defineConfig(config: UserConfig): (env: ConfigEnv) => Promise<UserConfig>;
 declare function defineConfig(config: Promise<UserConfig>): (env: ConfigEnv) => Promise<UserConfig>;

package/dist/index.d.ts

@@ -6,6 +6,12 @@ interface LovableViteTanstackOptions {
     clientErrorLogger?: boolean;
     serverFnErrorLogger?: boolean;
     cloudflare?: Record<string, unknown> | false;
+    /** Options forwarded to tanstackStart(). */
+    tanstackStart?: Record<string, unknown>;
+    /** Options forwarded to viteReact(). */
+    react?: Record<string, unknown>;
+    /** Set to false to disable automatic VITE_* env define injection. Default: true. */
+    envDefine?: boolean;
 }
 declare function defineConfig(config: UserConfig): (env: ConfigEnv) => Promise<UserConfig>;
 declare function defineConfig(config: Promise<UserConfig>): (env: ConfigEnv) => Promise<UserConfig>;

package/dist/index.js

@@ -1,6 +1,6 @@
 // src/index.ts
 import { componentTagger } from "lovable-tagger";
-import { mergeConfig } from "vite";
+import { mergeConfig, loadEnv } from "vite";
 var SANDBOX_ENV_VAR = "DEV_SERVER__PROJECT_PATH";
 var LOVABLE_SANDBOX_ENV_VAR = "LOVABLE_SANDBOX";
 function isSandboxEnvironment() {
@@ -79,6 +79,23 @@ function cleanServerConfig(config) {
   }
   return config;
 }
+function applyWatchDebounceDefaults(config) {
+  const existingWatch = config.server?.watch ?? {};
+  const existingAwaitWriteFinish = existingWatch.awaitWriteFinish;
+  const hasAwaitWriteFinishObject = !!existingAwaitWriteFinish && typeof existingAwaitWriteFinish === "object" && !Array.isArray(existingAwaitWriteFinish);
+  return mergeConfig(config, {
+    server: {
+      watch: {
+        ...existingWatch,
+        awaitWriteFinish: {
+          ...hasAwaitWriteFinishObject ? existingAwaitWriteFinish : {},
+          stabilityThreshold: 1e3,
+          pollInterval: 100
+        }
+      }
+    }
+  });
+}
 function devClientErrorLogger() {
   const VIRTUAL_ID = "virtual:dev-client-error-handler";
   const RESOLVED_ID = "\0" + VIRTUAL_ID;
@@ -224,7 +241,7 @@ function defineConfig(configOrOptions = {}) {
     } else if (configOrOptions instanceof Promise) {
       options = { vite: await configOrOptions };
     } else {
-      const hasLovableKey = "vite" in configOrOptions || "clientErrorLogger" in configOrOptions || "serverFnErrorLogger" in configOrOptions || "cloudflare" in configOrOptions;
+      const hasLovableKey = "vite" in configOrOptions || "clientErrorLogger" in configOrOptions || "serverFnErrorLogger" in configOrOptions || "cloudflare" in configOrOptions || "tanstackStart" in configOrOptions || "react" in configOrOptions || "envDefine" in configOrOptions;
       options = hasLovableKey ? configOrOptions : { vite: configOrOptions };
     }
     const internalPlugins = [];
@@ -232,9 +249,6 @@ function defineConfig(configOrOptions = {}) {
     internalPlugins.push(tailwindcss());
     const tsConfigPaths = (await import("vite-tsconfig-paths")).default;
     internalPlugins.push(tsConfigPaths({ projects: ["./tsconfig.json"] }));
-    if (command === "serve" && mode === "development") {
-      internalPlugins.push(componentTagger());
-    }
     if (options.clientErrorLogger !== false) {
       internalPlugins.push(devClientErrorLogger());
     }
@@ -251,11 +265,34 @@ function defineConfig(configOrOptions = {}) {
       } catch {
       }
     }
+    const { tanstackStart } = await import("@tanstack/react-start/plugin/vite");
+    internalPlugins.push(tanstackStart(options.tanstackStart));
+    const viteReact = (await import("@vitejs/plugin-react")).default;
+    internalPlugins.push(viteReact(options.react));
+    if (command === "serve" && mode === "development") {
+      internalPlugins.push(componentTagger());
+    }
+    let envDefine = {};
+    if (options.envDefine !== false) {
+      const loadedEnv = loadEnv(mode, process.cwd(), "VITE_");
+      for (const [key, value] of Object.entries(loadedEnv)) {
+        envDefine[`import.meta.env.${key}`] = JSON.stringify(value);
+      }
+    }
     let config = {
+      define: envDefine,
       resolve: {
         alias: {
           "@": `${process.cwd()}/src`
-        }
+        },
+        dedupe: [
+          "react",
+          "react-dom",
+          "react/jsx-runtime",
+          "react/jsx-dev-runtime",
+          "@tanstack/react-query",
+          "@tanstack/query-core"
+        ]
       },
       plugins: [...internalPlugins, ...options.plugins ?? []]
     };
@@ -272,7 +309,7 @@ function defineConfig(configOrOptions = {}) {
     } else {
       config = mergeConfig({ server: { host: "::", port: 8080 } }, config);
     }
-    return config;
+    return applyWatchDebounceDefaults(config);
   };
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lovable.dev/vite-tanstack-config",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "Vite config wrapper for Lovable TanStack Start projects",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -32,7 +32,9 @@
     "vite": ">=5.0.0 <9.0.0",
     "@tailwindcss/vite": ">=4.0.0",
     "vite-tsconfig-paths": ">=6.0.0",
-    "@cloudflare/vite-plugin": ">=1.0.0"
+    "@cloudflare/vite-plugin": ">=1.0.0",
+    "@tanstack/react-start": ">=1.100.0",
+    "@vitejs/plugin-react": ">=4.0.0"
   },
   "peerDependenciesMeta": {
     "@cloudflare/vite-plugin": {
@@ -41,6 +43,8 @@
   },
   "devDependencies": {
     "@cloudflare/vite-plugin": "^1.25.5",
+    "@tanstack/react-start": "^1.162.9",
+    "@vitejs/plugin-react": "^4.5.2",
     "@tailwindcss/vite": "^4.2.1",
     "@types/node": "catalog:",
     "rimraf": "^5.0.0",