@lovable.dev/vite-tanstack-config 1.0.0 → 1.2.0

package/dist/index.cjs

@@ -247,17 +247,25 @@ function devServerFnErrorLogger() {
     }
   };
 }
-function defineConfig(options = {}) {
-  return async ({ command, mode }) => {
+function defineConfig(configOrOptions = {}) {
+  return async (env) => {
+    const { command, mode } = env;
     const isSandbox = isSandboxEnvironment();
+    let options;
+    if (typeof configOrOptions === "function") {
+      const userConfig = await Promise.resolve(configOrOptions(env));
+      options = { vite: userConfig };
+    } 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;
+      options = hasLovableKey ? configOrOptions : { vite: configOrOptions };
+    }
     const internalPlugins = [];
     const tailwindcss = (await import("@tailwindcss/vite")).default;
     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());
     }
@@ -274,11 +282,34 @@ function defineConfig(options = {}) {
       } 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 ?? []]
     };

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { PluginOption, UserConfig } from 'vite';
+import { PluginOption, UserConfig, ConfigEnv, UserConfigFnObject, UserConfigFnPromise, UserConfigFn } from 'vite';
 
 interface LovableViteTanstackOptions {
     plugins?: PluginOption[];
@@ -6,10 +6,18 @@ 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(options?: LovableViteTanstackOptions): (env: {
-    command: string;
-    mode: string;
-}) => Promise<UserConfig>;
+declare function defineConfig(config: UserConfig): (env: ConfigEnv) => Promise<UserConfig>;
+declare function defineConfig(config: Promise<UserConfig>): (env: ConfigEnv) => Promise<UserConfig>;
+declare function defineConfig(config: UserConfigFnObject): (env: ConfigEnv) => Promise<UserConfig>;
+declare function defineConfig(config: UserConfigFnPromise): (env: ConfigEnv) => Promise<UserConfig>;
+declare function defineConfig(config: UserConfigFn): (env: ConfigEnv) => Promise<UserConfig>;
+declare function defineConfig(options?: LovableViteTanstackOptions): (env: ConfigEnv) => Promise<UserConfig>;
 
 export { type LovableViteTanstackOptions, defineConfig };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { PluginOption, UserConfig } from 'vite';
+import { PluginOption, UserConfig, ConfigEnv, UserConfigFnObject, UserConfigFnPromise, UserConfigFn } from 'vite';
 
 interface LovableViteTanstackOptions {
     plugins?: PluginOption[];
@@ -6,10 +6,18 @@ 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(options?: LovableViteTanstackOptions): (env: {
-    command: string;
-    mode: string;
-}) => Promise<UserConfig>;
+declare function defineConfig(config: UserConfig): (env: ConfigEnv) => Promise<UserConfig>;
+declare function defineConfig(config: Promise<UserConfig>): (env: ConfigEnv) => Promise<UserConfig>;
+declare function defineConfig(config: UserConfigFnObject): (env: ConfigEnv) => Promise<UserConfig>;
+declare function defineConfig(config: UserConfigFnPromise): (env: ConfigEnv) => Promise<UserConfig>;
+declare function defineConfig(config: UserConfigFn): (env: ConfigEnv) => Promise<UserConfig>;
+declare function defineConfig(options?: LovableViteTanstackOptions): (env: ConfigEnv) => Promise<UserConfig>;
 
 export { type LovableViteTanstackOptions, defineConfig };

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() {
@@ -213,17 +213,25 @@ function devServerFnErrorLogger() {
     }
   };
 }
-function defineConfig(options = {}) {
-  return async ({ command, mode }) => {
+function defineConfig(configOrOptions = {}) {
+  return async (env) => {
+    const { command, mode } = env;
     const isSandbox = isSandboxEnvironment();
+    let options;
+    if (typeof configOrOptions === "function") {
+      const userConfig = await Promise.resolve(configOrOptions(env));
+      options = { vite: userConfig };
+    } 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;
+      options = hasLovableKey ? configOrOptions : { vite: configOrOptions };
+    }
     const internalPlugins = [];
     const tailwindcss = (await import("@tailwindcss/vite")).default;
     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());
     }
@@ -240,11 +248,34 @@ function defineConfig(options = {}) {
       } 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 ?? []]
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lovable.dev/vite-tanstack-config",
-  "version": "1.0.0",
+  "version": "1.2.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",