@lovable.dev/vite-tanstack-config 1.2.0 → 1.4.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 || "tanstackStart" in configOrOptions || "react" in configOrOptions || "envDefine" 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 || "hmrGate" in configOrOptions;
       options = hasLovableKey ? configOrOptions : { vite: configOrOptions };
     }
     const internalPlugins = [];
@@ -286,6 +303,15 @@ function defineConfig(configOrOptions = {}) {
     internalPlugins.push(tanstackStart(options.tanstackStart));
     const viteReact = (await import("@vitejs/plugin-react")).default;
     internalPlugins.push(viteReact(options.react));
+    if (command === "serve") {
+      const hmrGateOpt = options.hmrGate;
+      const enableHmrGate = isSandbox ? hmrGateOpt !== false : !!hmrGateOpt;
+      if (enableHmrGate) {
+        const { hmrGatePlugin } = await import("@lovable.dev/vite-plugin-hmr-gate");
+        const hmrGateOptions = typeof hmrGateOpt === "object" ? hmrGateOpt : {};
+        internalPlugins.push(hmrGatePlugin(hmrGateOptions));
+      }
+    }
     if (command === "serve" && mode === "development") {
       internalPlugins.push((0, import_lovable_tagger.componentTagger)());
     }
@@ -326,7 +352,10 @@ function defineConfig(configOrOptions = {}) {
     } else {
       config = (0, import_vite.mergeConfig)({ server: { host: "::", port: 8080 } }, config);
     }
-    return config;
+    if (isSandbox) {
+      return config;
+    }
+    return applyWatchDebounceDefaults(config);
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.d.cts

@@ -1,3 +1,4 @@
+import { HmrGateOptions } from '@lovable.dev/vite-plugin-hmr-gate';
 import { PluginOption, UserConfig, ConfigEnv, UserConfigFnObject, UserConfigFnPromise, UserConfigFn } from 'vite';
 
 interface LovableViteTanstackOptions {
@@ -12,6 +13,12 @@ interface LovableViteTanstackOptions {
     react?: Record<string, unknown>;
     /** Set to false to disable automatic VITE_* env define injection. Default: true. */
     envDefine?: boolean;
+    /**
+     * Options for the HMR gate plugin (@lovable.dev/vite-plugin-hmr-gate).
+     * Enabled by default in sandbox mode. Set to false to disable, or pass options
+     * to customise behaviour. Set to true or an options object to enable outside sandbox.
+     */
+    hmrGate?: boolean | HmrGateOptions;
 }
 declare function defineConfig(config: UserConfig): (env: ConfigEnv) => Promise<UserConfig>;
 declare function defineConfig(config: Promise<UserConfig>): (env: ConfigEnv) => Promise<UserConfig>;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { HmrGateOptions } from '@lovable.dev/vite-plugin-hmr-gate';
 import { PluginOption, UserConfig, ConfigEnv, UserConfigFnObject, UserConfigFnPromise, UserConfigFn } from 'vite';
 
 interface LovableViteTanstackOptions {
@@ -12,6 +13,12 @@ interface LovableViteTanstackOptions {
     react?: Record<string, unknown>;
     /** Set to false to disable automatic VITE_* env define injection. Default: true. */
     envDefine?: boolean;
+    /**
+     * Options for the HMR gate plugin (@lovable.dev/vite-plugin-hmr-gate).
+     * Enabled by default in sandbox mode. Set to false to disable, or pass options
+     * to customise behaviour. Set to true or an options object to enable outside sandbox.
+     */
+    hmrGate?: boolean | HmrGateOptions;
 }
 declare function defineConfig(config: UserConfig): (env: ConfigEnv) => Promise<UserConfig>;
 declare function defineConfig(config: Promise<UserConfig>): (env: ConfigEnv) => Promise<UserConfig>;

package/dist/index.js

@@ -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 || "tanstackStart" in configOrOptions || "react" in configOrOptions || "envDefine" 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 || "hmrGate" in configOrOptions;
       options = hasLovableKey ? configOrOptions : { vite: configOrOptions };
     }
     const internalPlugins = [];
@@ -252,6 +269,15 @@ function defineConfig(configOrOptions = {}) {
     internalPlugins.push(tanstackStart(options.tanstackStart));
     const viteReact = (await import("@vitejs/plugin-react")).default;
     internalPlugins.push(viteReact(options.react));
+    if (command === "serve") {
+      const hmrGateOpt = options.hmrGate;
+      const enableHmrGate = isSandbox ? hmrGateOpt !== false : !!hmrGateOpt;
+      if (enableHmrGate) {
+        const { hmrGatePlugin } = await import("@lovable.dev/vite-plugin-hmr-gate");
+        const hmrGateOptions = typeof hmrGateOpt === "object" ? hmrGateOpt : {};
+        internalPlugins.push(hmrGatePlugin(hmrGateOptions));
+      }
+    }
     if (command === "serve" && mode === "development") {
       internalPlugins.push(componentTagger());
     }
@@ -292,7 +318,10 @@ function defineConfig(configOrOptions = {}) {
     } else {
       config = mergeConfig({ server: { host: "::", port: 8080 } }, config);
     }
-    return config;
+    if (isSandbox) {
+      return config;
+    }
+    return applyWatchDebounceDefaults(config);
   };
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lovable.dev/vite-tanstack-config",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "Vite config wrapper for Lovable TanStack Start projects",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -26,6 +26,7 @@
   ],
   "license": "MIT",
   "dependencies": {
+    "@lovable.dev/vite-plugin-hmr-gate": "^1.0.0",
     "lovable-tagger": "1.1.13"
   },
   "peerDependencies": {