@lovable.dev/vite-tanstack-config 2.1.0 → 2.2.0-rc.0

package/dist/index.cjs

@@ -312,8 +312,19 @@ function defineConfig(configOrOptions = {}) {
       );
     }
     if (shouldRunNitro) {
+      let nitroMod;
       try {
-        const { nitro } = await import("nitro/vite");
+        nitroMod = await import("nitro/vite");
+      } catch (err) {
+        if (explicitNitro || isSandbox) {
+          const reason = explicitNitro ? `an explicit \`nitro\` option (${options.nitro === true ? "true" : "{ ... }"}) was set in vite.config.ts` : "running inside a Lovable sandbox";
+          throw new Error(
+            `[@lovable.dev/vite-tanstack-config] ${reason}, but the \`nitro\` package isn't installed. Add \`nitro\` to your devDependencies (matches peerDependency >=3.0.260429-beta). Original import error: ${err instanceof Error ? err.message : String(err)}`
+          );
+        }
+      }
+      if (nitroMod) {
+        const { nitro } = nitroMod;
         const userNitroOpts = typeof options.nitro === "object" && options.nitro ? options.nitro : {};
         const preset = userNitroOpts.preset ?? process.env.NITRO_PRESET ?? "cloudflare-module";
         const output = {
@@ -327,7 +338,6 @@ function defineConfig(configOrOptions = {}) {
           nitroOpts.cloudflare = { nodeCompat: true, deployConfig: true, ...userNitroOpts.cloudflare };
         }
         internalPlugins.push(nitro(nitroOpts));
-      } catch {
       }
     }
     const viteReact = (await import("@vitejs/plugin-react")).default;
@@ -357,6 +367,12 @@ function defineConfig(configOrOptions = {}) {
     }
     let config = {
       define: envDefine,
+      // 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)
+      // break the built/static output while the dev preview looks fine. Running
+      // Lightning CSS in both keeps the preview honest.
+      css: { transformer: "lightningcss" },
       resolve: {
         alias: {
           "@": `${process.cwd()}/src`

package/dist/index.js

@@ -278,8 +278,19 @@ function defineConfig(configOrOptions = {}) {
       );
     }
     if (shouldRunNitro) {
+      let nitroMod;
       try {
-        const { nitro } = await import("nitro/vite");
+        nitroMod = await import("nitro/vite");
+      } catch (err) {
+        if (explicitNitro || isSandbox) {
+          const reason = explicitNitro ? `an explicit \`nitro\` option (${options.nitro === true ? "true" : "{ ... }"}) was set in vite.config.ts` : "running inside a Lovable sandbox";
+          throw new Error(
+            `[@lovable.dev/vite-tanstack-config] ${reason}, but the \`nitro\` package isn't installed. Add \`nitro\` to your devDependencies (matches peerDependency >=3.0.260429-beta). Original import error: ${err instanceof Error ? err.message : String(err)}`
+          );
+        }
+      }
+      if (nitroMod) {
+        const { nitro } = nitroMod;
         const userNitroOpts = typeof options.nitro === "object" && options.nitro ? options.nitro : {};
         const preset = userNitroOpts.preset ?? process.env.NITRO_PRESET ?? "cloudflare-module";
         const output = {
@@ -293,7 +304,6 @@ function defineConfig(configOrOptions = {}) {
           nitroOpts.cloudflare = { nodeCompat: true, deployConfig: true, ...userNitroOpts.cloudflare };
         }
         internalPlugins.push(nitro(nitroOpts));
-      } catch {
       }
     }
     const viteReact = (await import("@vitejs/plugin-react")).default;
@@ -323,6 +333,12 @@ function defineConfig(configOrOptions = {}) {
     }
     let config = {
       define: envDefine,
+      // 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)
+      // break the built/static output while the dev preview looks fine. Running
+      // Lightning CSS in both keeps the preview honest.
+      css: { transformer: "lightningcss" },
       resolve: {
         alias: {
           "@": `${process.cwd()}/src`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lovable.dev/vite-tanstack-config",
-  "version": "2.1.0",
+  "version": "2.2.0-rc.0",
   "description": "Vite config wrapper for Lovable TanStack Start projects",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -28,6 +28,7 @@
   "dependencies": {
     "@lovable.dev/vite-plugin-dev-server-bridge": "^1.0.0",
     "@lovable.dev/vite-plugin-hmr-gate": "^1.0.0",
+    "lightningcss": "^1.30.0",
     "lovable-tagger": "1.2.0"
   },
   "peerDependencies": {