@lovable.dev/vite-tanstack-config 2.7.5-rc.5 → 2.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs +733 -590
  2. package/dist/index.d.cts +55 -56
  3. package/dist/index.d.ts +55 -56
  4. package/dist/index.js +705 -573
  5. package/package.json +13 -14
package/dist/index.cjs CHANGED
@@ -1,505 +1,604 @@
1
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- //#region \0rolldown/runtime.js
1
+ "use strict";
3
2
  var __create = Object.create;
4
3
  var __defProp = Object.defineProperty;
5
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
7
6
  var __getProtoOf = Object.getPrototypeOf;
8
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
9
12
  var __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
11
- key = keys[i];
12
- if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
13
- get: ((k) => from[k]).bind(null, key),
14
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
- });
16
- }
17
- return to;
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
18
19
  };
19
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
20
- value: mod,
21
- enumerable: true
22
- }) : target, mod));
23
- //#endregion
24
- let vite = require("vite");
25
- let node_https = require("node:https");
26
- node_https = __toESM(node_https, 1);
27
- //#region src/assetsProxyPlugin.ts
28
- const ASSET_RE = /^\/__l5e\/assets-v1\//;
29
- const PREVIEW_HOST_ENV = "LOVABLE_PREVIEW_HOST";
30
- const HOP_BY_HOP = /* @__PURE__ */ new Set([
31
- "host",
32
- "connection",
33
- "keep-alive",
34
- "proxy-authenticate",
35
- "proxy-authorization",
36
- "te",
37
- "trailer",
38
- "transfer-encoding",
39
- "upgrade",
40
- "content-length",
41
- "cookie"
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+
30
+ // src/index.ts
31
+ var src_exports = {};
32
+ __export(src_exports, {
33
+ defineConfig: () => defineConfig,
34
+ lovableAssetsProxyPlugin: () => lovableAssetsProxyPlugin
35
+ });
36
+ module.exports = __toCommonJS(src_exports);
37
+ var import_vite = require("vite");
38
+
39
+ // src/assetsProxyPlugin.ts
40
+ var import_node_https = __toESM(require("https"), 1);
41
+ var ASSET_RE = /^\/__l5e\/assets-v1\//;
42
+ var PREVIEW_HOST_ENV = "LOVABLE_PREVIEW_HOST";
43
+ var HOP_BY_HOP = /* @__PURE__ */ new Set([
44
+ "host",
45
+ "connection",
46
+ "keep-alive",
47
+ "proxy-authenticate",
48
+ "proxy-authorization",
49
+ "te",
50
+ "trailer",
51
+ "transfer-encoding",
52
+ "upgrade",
53
+ "content-length",
54
+ "cookie"
42
55
  ]);
43
56
  function pickRequestHeaders(src) {
44
- const out = {};
45
- for (const [k, v] of Object.entries(src)) {
46
- if (v === void 0) continue;
47
- if (HOP_BY_HOP.has(k.toLowerCase())) continue;
48
- out[k] = v;
49
- }
50
- return out;
57
+ const out = {};
58
+ for (const [k, v] of Object.entries(src)) {
59
+ if (v === void 0)
60
+ continue;
61
+ if (HOP_BY_HOP.has(k.toLowerCase()))
62
+ continue;
63
+ out[k] = v;
64
+ }
65
+ return out;
51
66
  }
52
- /**
53
- * Forwards `/__l5e/assets-v1/*` requests from the Vite dev server to the
54
- * Lovable preview proxy so assets resolve when the page is loaded directly
55
- * from the sandbox dev server (e.g. `localhost:8080`) instead of via
56
- * `*.lovable.app` / `*.lovableproject.com`.
57
- *
58
- * No-op unless `LOVABLE_PREVIEW_HOST` is set (host only, no scheme), e.g.
59
- * `id-preview--<project-id>.lovable.app`.
60
- */
61
67
  function lovableAssetsProxyPlugin() {
62
- const previewHost = process.env[PREVIEW_HOST_ENV]?.trim();
63
- return {
64
- name: "lovable:assets-proxy",
65
- apply: "serve",
66
- configureServer(server) {
67
- if (!previewHost) return;
68
- const middleware = (req, res, next) => {
69
- const url = req.url ?? "";
70
- if (!ASSET_RE.test(url)) return next();
71
- const upstream = node_https.default.request({
72
- host: previewHost,
73
- port: 443,
74
- method: req.method,
75
- path: url,
76
- headers: {
77
- ...pickRequestHeaders(req.headers),
78
- host: previewHost
79
- }
80
- }, (upRes) => {
81
- res.statusCode = upRes.statusCode ?? 502;
82
- for (const [k, v] of Object.entries(upRes.headers)) {
83
- if (v === void 0) continue;
84
- if (HOP_BY_HOP.has(k.toLowerCase())) continue;
85
- res.setHeader(k, v);
86
- }
87
- upRes.pipe(res);
88
- });
89
- upstream.on("error", (err) => {
90
- server.config.logger.warn(`[@lovable.dev/vite-tanstack-config] asset proxy ${url} → ${previewHost} failed: ${err.message}`);
91
- if (!res.headersSent) {
92
- res.statusCode = 502;
93
- res.end();
94
- } else res.destroy(err);
95
- });
96
- req.pipe(upstream);
97
- };
98
- server.middlewares.use(middleware);
99
- }
100
- };
68
+ const previewHost = process.env[PREVIEW_HOST_ENV]?.trim();
69
+ return {
70
+ name: "lovable:assets-proxy",
71
+ apply: "serve",
72
+ configureServer(server) {
73
+ if (!previewHost)
74
+ return;
75
+ const middleware = (req, res, next) => {
76
+ const url = req.url ?? "";
77
+ if (!ASSET_RE.test(url))
78
+ return next();
79
+ const upstream = import_node_https.default.request(
80
+ {
81
+ host: previewHost,
82
+ port: 443,
83
+ method: req.method,
84
+ path: url,
85
+ headers: { ...pickRequestHeaders(req.headers), host: previewHost }
86
+ },
87
+ (upRes) => {
88
+ res.statusCode = upRes.statusCode ?? 502;
89
+ for (const [k, v] of Object.entries(upRes.headers)) {
90
+ if (v === void 0)
91
+ continue;
92
+ if (HOP_BY_HOP.has(k.toLowerCase()))
93
+ continue;
94
+ res.setHeader(k, v);
95
+ }
96
+ upRes.pipe(res);
97
+ }
98
+ );
99
+ upstream.on("error", (err) => {
100
+ server.config.logger.warn(
101
+ `[@lovable.dev/vite-tanstack-config] asset proxy ${url} \u2192 ${previewHost} failed: ${err.message}`
102
+ );
103
+ if (!res.headersSent) {
104
+ res.statusCode = 502;
105
+ res.end();
106
+ } else {
107
+ res.destroy(err);
108
+ }
109
+ });
110
+ req.pipe(upstream);
111
+ };
112
+ server.middlewares.use(middleware);
113
+ }
114
+ };
101
115
  }
102
- //#endregion
103
- //#region src/index.ts
104
- const SANDBOX_ENV_VAR = "DEV_SERVER__PROJECT_PATH";
105
- const LOVABLE_SANDBOX_ENV_VAR = "LOVABLE_SANDBOX";
116
+
117
+ // src/index.ts
118
+ var SANDBOX_ENV_VAR = "DEV_SERVER__PROJECT_PATH";
119
+ var LOVABLE_SANDBOX_ENV_VAR = "LOVABLE_SANDBOX";
106
120
  function isSandboxEnvironment() {
107
- return process.env[LOVABLE_SANDBOX_ENV_VAR] === "1" || !!process.env[SANDBOX_ENV_VAR];
121
+ return process.env[LOVABLE_SANDBOX_ENV_VAR] === "1" || !!process.env[SANDBOX_ENV_VAR];
108
122
  }
109
- const TOOL_MANAGED_WATCH_IGNORES = [
110
- "**/.workspace/**",
111
- "**/.agents/**",
112
- "**/.claude/**",
113
- "**/.lovable/**",
114
- "**/.tanstack/tmp/**"
123
+ var TOOL_MANAGED_WATCH_IGNORES = [
124
+ "**/.workspace/**",
125
+ "**/.agents/**",
126
+ "**/.claude/**",
127
+ "**/.lovable/**",
128
+ "**/.tanstack/tmp/**"
115
129
  ];
116
130
  function logWarning(message) {
117
- console.warn(`[@lovable.dev/vite-tanstack-config] ${message}`);
131
+ console.warn(`[@lovable.dev/vite-tanstack-config] ${message}`);
118
132
  }
119
- const NITRO_DEFAULT_PRESET_MIN = [
120
- 3,
121
- 0,
122
- 260603
123
- ];
133
+ var NITRO_DEFAULT_PRESET_MIN = [3, 0, 260603];
124
134
  async function nitroSupportsDefaultPreset() {
125
- try {
126
- const { createRequire } = await import("node:module");
127
- const { version } = createRequire(`${process.cwd()}/package.json`)("nitro/package.json");
128
- const match = typeof version === "string" ? /^(\d+)\.(\d+)\.(\d+)/.exec(version) : null;
129
- if (!match) return true;
130
- const parts = [
131
- Number(match[1]),
132
- Number(match[2]),
133
- Number(match[3])
134
- ];
135
- for (let i = 0; i < 3; i++) if (parts[i] !== NITRO_DEFAULT_PRESET_MIN[i]) return parts[i] > NITRO_DEFAULT_PRESET_MIN[i];
136
- return true;
137
- } catch {
138
- return true;
139
- }
135
+ try {
136
+ const { createRequire } = await import("module");
137
+ const require2 = createRequire(`${process.cwd()}/package.json`);
138
+ const { version } = require2("nitro/package.json");
139
+ const match = typeof version === "string" ? /^(\d+)\.(\d+)\.(\d+)/.exec(version) : null;
140
+ if (!match)
141
+ return true;
142
+ const parts = [Number(match[1]), Number(match[2]), Number(match[3])];
143
+ for (let i = 0; i < 3; i++) {
144
+ if (parts[i] !== NITRO_DEFAULT_PRESET_MIN[i])
145
+ return parts[i] > NITRO_DEFAULT_PRESET_MIN[i];
146
+ }
147
+ return true;
148
+ } catch {
149
+ return true;
150
+ }
140
151
  }
141
152
  function validateHeaders(config) {
142
- const headers = config.server?.headers;
143
- if (!headers) return;
144
- const headerKeys = Object.keys(headers);
145
- if (headerKeys.length > 0) logWarning(`Your config includes server headers that will be removed in sandbox mode: ${headerKeys.join(", ")}`);
153
+ const headers = config.server?.headers;
154
+ if (!headers)
155
+ return;
156
+ const headerKeys = Object.keys(headers);
157
+ if (headerKeys.length > 0) {
158
+ logWarning(`Your config includes server headers that will be removed in sandbox mode: ${headerKeys.join(", ")}`);
159
+ }
146
160
  }
147
161
  function isExternalUrl(url) {
148
- try {
149
- const parsed = new URL(url);
150
- return ![
151
- "localhost",
152
- "127.0.0.1",
153
- "::1",
154
- "0.0.0.0",
155
- "::"
156
- ].includes(parsed.hostname);
157
- } catch {
158
- return false;
159
- }
162
+ try {
163
+ const parsed = new URL(url);
164
+ return !["localhost", "127.0.0.1", "::1", "0.0.0.0", "::"].includes(parsed.hostname);
165
+ } catch {
166
+ return false;
167
+ }
160
168
  }
161
169
  function validateProxy(config) {
162
- const proxy = config.server?.proxy;
163
- if (!proxy) return;
164
- for (const [path, proxyConfig] of Object.entries(proxy)) if (typeof proxyConfig === "string") {
165
- if (isExternalUrl(proxyConfig)) logWarning(`Proxy '${path}' targets external URL: ${proxyConfig}. This may cause issues in the sandbox environment.`);
166
- } else if (proxyConfig) {
167
- const target = typeof proxyConfig.target === "string" ? proxyConfig.target : void 0;
168
- if (target && isExternalUrl(target)) logWarning(`Proxy '${path}' targets external URL: ${target}. This may cause issues in the sandbox environment.`);
169
- if (proxyConfig.ws) logWarning(`Proxy '${path}' enables WebSocket proxying, which may interfere with HMR.`);
170
- if (proxyConfig.changeOrigin) logWarning(`Proxy '${path}' changes origin, which may cause CORS issues.`);
171
- }
170
+ const proxy = config.server?.proxy;
171
+ if (!proxy)
172
+ return;
173
+ for (const [path, proxyConfig] of Object.entries(proxy)) {
174
+ if (typeof proxyConfig === "string") {
175
+ if (isExternalUrl(proxyConfig)) {
176
+ logWarning(
177
+ `Proxy '${path}' targets external URL: ${proxyConfig}. This may cause issues in the sandbox environment.`
178
+ );
179
+ }
180
+ } else if (proxyConfig) {
181
+ const target = typeof proxyConfig.target === "string" ? proxyConfig.target : void 0;
182
+ if (target && isExternalUrl(target)) {
183
+ logWarning(
184
+ `Proxy '${path}' targets external URL: ${target}. This may cause issues in the sandbox environment.`
185
+ );
186
+ }
187
+ if (proxyConfig.ws) {
188
+ logWarning(`Proxy '${path}' enables WebSocket proxying, which may interfere with HMR.`);
189
+ }
190
+ if (proxyConfig.changeOrigin) {
191
+ logWarning(`Proxy '${path}' changes origin, which may cause CORS issues.`);
192
+ }
193
+ }
194
+ }
172
195
  }
173
196
  function validateCors(config) {
174
- if (config.server?.cors && typeof config.server.cors !== "boolean" && config.server.cors !== null) logWarning("Custom CORS config detected. Sandbox requires specific CORS settings for proxy compatibility.");
197
+ if (config.server?.cors && typeof config.server.cors !== "boolean" && config.server.cors !== null) {
198
+ logWarning("Custom CORS config detected. Sandbox requires specific CORS settings for proxy compatibility.");
199
+ }
175
200
  }
176
201
  function validatePort(config) {
177
- if (config.server?.port && config.server.port !== 8080) logWarning(`Port ${config.server.port} configured, but sandbox requires port 8080. Using 8080.`);
202
+ if (config.server?.port && config.server.port !== 8080) {
203
+ logWarning(`Port ${config.server.port} configured, but sandbox requires port 8080. Using 8080.`);
204
+ }
178
205
  }
179
206
  function validateConfig(config) {
180
- validateHeaders(config);
181
- validateProxy(config);
182
- validateCors(config);
183
- validatePort(config);
207
+ validateHeaders(config);
208
+ validateProxy(config);
209
+ validateCors(config);
210
+ validatePort(config);
184
211
  }
185
212
  function cleanServerConfig(config) {
186
- if (config.server?.headers || config.server?.cors || config.server?.proxy) {
187
- const { headers: _headers, cors: _cors, proxy: _proxy, ...serverRest } = config.server;
188
- return {
189
- ...config,
190
- server: serverRest
191
- };
192
- }
193
- return config;
213
+ if (config.server?.headers || config.server?.cors || config.server?.proxy) {
214
+ const { headers: _headers, cors: _cors, proxy: _proxy, ...serverRest } = config.server;
215
+ return {
216
+ ...config,
217
+ server: serverRest
218
+ };
219
+ }
220
+ return config;
194
221
  }
195
222
  function applyWatchDebounceDefaults(config) {
196
- const existingWatch = config.server?.watch ?? {};
197
- const existingAwaitWriteFinish = existingWatch.awaitWriteFinish;
198
- const hasAwaitWriteFinishObject = !!existingAwaitWriteFinish && typeof existingAwaitWriteFinish === "object" && !Array.isArray(existingAwaitWriteFinish);
199
- return (0, vite.mergeConfig)(config, { server: { watch: {
200
- ...existingWatch,
201
- awaitWriteFinish: {
202
- ...hasAwaitWriteFinishObject ? existingAwaitWriteFinish : {},
203
- stabilityThreshold: 1e3,
204
- pollInterval: 100
205
- }
206
- } } });
223
+ const existingWatch = config.server?.watch ?? {};
224
+ const existingAwaitWriteFinish = existingWatch.awaitWriteFinish;
225
+ const hasAwaitWriteFinishObject = !!existingAwaitWriteFinish && typeof existingAwaitWriteFinish === "object" && !Array.isArray(existingAwaitWriteFinish);
226
+ return (0, import_vite.mergeConfig)(config, {
227
+ server: {
228
+ watch: {
229
+ ...existingWatch,
230
+ awaitWriteFinish: {
231
+ ...hasAwaitWriteFinishObject ? existingAwaitWriteFinish : {},
232
+ stabilityThreshold: 1e3,
233
+ pollInterval: 100
234
+ }
235
+ }
236
+ }
237
+ });
207
238
  }
208
- const SSR_CAPTURE_KEY = "__LOVABLE_TANSTACK_CAPTURE_SSR_ERROR__";
209
- const HANDLER_RAN_KEY = "__LOVABLE_TANSTACK_HANDLER_RAN__";
210
- const BUILD_ERROR_MESSAGE = /transform failed with \d+ error|failed to parse source/i;
239
+ var SSR_CAPTURE_KEY = "__LOVABLE_TANSTACK_CAPTURE_SSR_ERROR__";
240
+ var HANDLER_RAN_KEY = "__LOVABLE_TANSTACK_HANDLER_RAN__";
241
+ var BUILD_ERROR_MESSAGE = /transform failed with \d+ error|failed to parse source/i;
211
242
  function isBuildError(error) {
212
- if (typeof error === "string") return BUILD_ERROR_MESSAGE.test(error);
213
- if (!error || typeof error !== "object") return false;
214
- const e = error;
215
- if (typeof e.plugin === "string" && (e.plugin.startsWith("vite:") || e.plugin.startsWith("esbuild:"))) return true;
216
- if (e.frame != null && e.loc != null) return true;
217
- if (Array.isArray(e.errors) && e.errors.length > 0 && e.errors.every((x) => x != null && typeof x === "object" && "text" in x && "location" in x)) return true;
218
- const message = typeof e.message === "string" ? e.message : "";
219
- return BUILD_ERROR_MESSAGE.test(message);
243
+ if (typeof error === "string")
244
+ return BUILD_ERROR_MESSAGE.test(error);
245
+ if (!error || typeof error !== "object")
246
+ return false;
247
+ const e = error;
248
+ if (typeof e.plugin === "string" && (e.plugin.startsWith("vite:") || e.plugin.startsWith("esbuild:")))
249
+ return true;
250
+ if (e.frame != null && e.loc != null)
251
+ return true;
252
+ if (Array.isArray(e.errors) && e.errors.length > 0 && e.errors.every((x) => x != null && typeof x === "object" && "text" in x && "location" in x)) {
253
+ return true;
254
+ }
255
+ const message = typeof e.message === "string" ? e.message : "";
256
+ return BUILD_ERROR_MESSAGE.test(message);
220
257
  }
221
- const BUILD_DIAGNOSTICS_PLUGIN_NAME = "lovable-build-error-diagnostics";
222
- const MAX_DIAGNOSTIC_JSON_LENGTH = 6e3;
223
- const MAX_DIAGNOSTIC_STRING_LENGTH = 2e3;
224
- const MAX_DIAGNOSTIC_NESTED_ERRORS = 20;
225
- const MAX_DIAGNOSTIC_DEPTH = 4;
226
- const COMPACT_DIAGNOSTIC_STRING_LENGTH = 300;
227
- const COMPACT_DIAGNOSTIC_NESTED_ERRORS = 3;
228
- const COMPACT_DIAGNOSTIC_DEPTH = 3;
229
- const DIAGNOSTIC_ERROR_FIELDS = [
230
- "name",
231
- "message",
232
- "plugin",
233
- "pluginCode",
234
- "id",
235
- "moduleId",
236
- "hook",
237
- "code",
238
- "loc",
239
- "frame",
240
- "stack",
241
- "cause"
258
+ var BUILD_DIAGNOSTICS_PLUGIN_NAME = "lovable-build-error-diagnostics";
259
+ var MAX_DIAGNOSTIC_JSON_LENGTH = 6e3;
260
+ var MAX_DIAGNOSTIC_STRING_LENGTH = 2e3;
261
+ var MAX_DIAGNOSTIC_NESTED_ERRORS = 20;
262
+ var MAX_DIAGNOSTIC_DEPTH = 4;
263
+ var COMPACT_DIAGNOSTIC_STRING_LENGTH = 300;
264
+ var COMPACT_DIAGNOSTIC_NESTED_ERRORS = 3;
265
+ var COMPACT_DIAGNOSTIC_DEPTH = 3;
266
+ var DIAGNOSTIC_ERROR_FIELDS = [
267
+ "name",
268
+ "message",
269
+ "plugin",
270
+ "pluginCode",
271
+ "id",
272
+ "moduleId",
273
+ "hook",
274
+ "code",
275
+ "loc",
276
+ "frame",
277
+ "stack",
278
+ "cause"
242
279
  ];
243
280
  function truncateDiagnosticString(value) {
244
- return truncateDiagnosticStringTo(value, MAX_DIAGNOSTIC_STRING_LENGTH);
281
+ return truncateDiagnosticStringTo(value, MAX_DIAGNOSTIC_STRING_LENGTH);
245
282
  }
246
283
  function truncateDiagnosticStringTo(value, maxLength) {
247
- return value.length > maxLength ? `${value.slice(0, maxLength)}...[truncated]` : value;
284
+ return value.length > maxLength ? `${value.slice(0, maxLength)}...[truncated]` : value;
248
285
  }
249
286
  function readDiagnosticProperty(value, key) {
250
- try {
251
- return value[key];
252
- } catch (error) {
253
- return `[unreadable: ${error instanceof Error ? error.message : String(error)}]`;
254
- }
287
+ try {
288
+ return value[key];
289
+ } catch (error) {
290
+ return `[unreadable: ${error instanceof Error ? error.message : String(error)}]`;
291
+ }
255
292
  }
256
293
  function serializeOwnDiagnosticProperties(value, depth, seen) {
257
- const keys = Object.keys(value);
258
- const output = {};
259
- for (const key of keys.slice(0, MAX_DIAGNOSTIC_NESTED_ERRORS)) {
260
- const nested = readDiagnosticProperty(value, key);
261
- if (nested == null || nested === "") continue;
262
- output[key] = serializeDiagnosticValue(nested, depth + 1, seen);
263
- }
264
- if (keys.length > MAX_DIAGNOSTIC_NESTED_ERRORS) output.properties_truncated = keys.length - MAX_DIAGNOSTIC_NESTED_ERRORS;
265
- return output;
294
+ const keys = Object.keys(value);
295
+ const output = {};
296
+ for (const key of keys.slice(0, MAX_DIAGNOSTIC_NESTED_ERRORS)) {
297
+ const nested = readDiagnosticProperty(value, key);
298
+ if (nested == null || nested === "")
299
+ continue;
300
+ output[key] = serializeDiagnosticValue(nested, depth + 1, seen);
301
+ }
302
+ if (keys.length > MAX_DIAGNOSTIC_NESTED_ERRORS) {
303
+ output.properties_truncated = keys.length - MAX_DIAGNOSTIC_NESTED_ERRORS;
304
+ }
305
+ return output;
266
306
  }
267
307
  function describeDiagnosticPrimitive(value) {
268
- if (typeof value === "symbol") return value.description ? `Symbol(${value.description})` : "Symbol()";
269
- if (typeof value === "bigint") return value.toString();
270
- if (typeof value === "function") return `[function ${value.name || "anonymous"}]`;
271
- return String(value);
308
+ if (typeof value === "symbol")
309
+ return value.description ? `Symbol(${value.description})` : "Symbol()";
310
+ if (typeof value === "bigint")
311
+ return value.toString();
312
+ if (typeof value === "function")
313
+ return `[function ${value.name || "anonymous"}]`;
314
+ return String(value);
272
315
  }
273
316
  function describeDiagnosticObject(value) {
274
- const constructorName = value.constructor?.name;
275
- if (typeof constructorName === "string" && constructorName !== "" && constructorName !== "Object") return `[${constructorName}]`;
276
- return Object.prototype.toString.call(value);
317
+ const constructorName = value.constructor?.name;
318
+ if (typeof constructorName === "string" && constructorName !== "" && constructorName !== "Object") {
319
+ return `[${constructorName}]`;
320
+ }
321
+ return Object.prototype.toString.call(value);
277
322
  }
278
323
  function serializeDiagnosticValue(value, depth, seen) {
279
- if (value == null) return value;
280
- if (typeof value === "string") return truncateDiagnosticString(value);
281
- if (typeof value === "number" || typeof value === "boolean") return value;
282
- if (typeof value !== "object") return describeDiagnosticPrimitive(value);
283
- if (seen.has(value)) return "[circular]";
284
- if (depth >= MAX_DIAGNOSTIC_DEPTH) return "[max depth]";
285
- seen.add(value);
286
- try {
287
- if (Array.isArray(value)) return value.slice(0, MAX_DIAGNOSTIC_NESTED_ERRORS).map((item) => serializeDiagnosticValue(item, depth + 1, seen));
288
- const record = value;
289
- const output = {};
290
- for (const field of DIAGNOSTIC_ERROR_FIELDS) {
291
- if (!(field in record)) continue;
292
- const nested = readDiagnosticProperty(record, field);
293
- if (nested == null || nested === "") continue;
294
- output[field] = serializeDiagnosticValue(nested, depth + 1, seen);
295
- }
296
- const nestedErrors = readDiagnosticProperty(record, "errors");
297
- if (Array.isArray(nestedErrors)) {
298
- output.errors = nestedErrors.slice(0, MAX_DIAGNOSTIC_NESTED_ERRORS).map((item) => serializeDiagnosticValue(item, depth + 1, seen));
299
- if (nestedErrors.length > MAX_DIAGNOSTIC_NESTED_ERRORS) output.errors_truncated = nestedErrors.length - MAX_DIAGNOSTIC_NESTED_ERRORS;
300
- } else if (nestedErrors != null && nestedErrors !== "") output.errors = serializeDiagnosticValue(nestedErrors, depth + 1, seen);
301
- if (Object.keys(output).length > 0) return output;
302
- const ownProperties = serializeOwnDiagnosticProperties(record, depth, seen);
303
- return Object.keys(ownProperties).length > 0 ? ownProperties : describeDiagnosticObject(value);
304
- } catch (error) {
305
- return `[unreadable object: ${error instanceof Error ? error.message : String(error)}]`;
306
- } finally {
307
- seen.delete(value);
308
- }
324
+ if (value == null)
325
+ return value;
326
+ if (typeof value === "string")
327
+ return truncateDiagnosticString(value);
328
+ if (typeof value === "number" || typeof value === "boolean")
329
+ return value;
330
+ if (typeof value !== "object")
331
+ return describeDiagnosticPrimitive(value);
332
+ if (seen.has(value))
333
+ return "[circular]";
334
+ if (depth >= MAX_DIAGNOSTIC_DEPTH)
335
+ return "[max depth]";
336
+ seen.add(value);
337
+ try {
338
+ if (Array.isArray(value)) {
339
+ return value.slice(0, MAX_DIAGNOSTIC_NESTED_ERRORS).map((item) => serializeDiagnosticValue(item, depth + 1, seen));
340
+ }
341
+ const record = value;
342
+ const output = {};
343
+ for (const field of DIAGNOSTIC_ERROR_FIELDS) {
344
+ if (!(field in record))
345
+ continue;
346
+ const nested = readDiagnosticProperty(record, field);
347
+ if (nested == null || nested === "")
348
+ continue;
349
+ output[field] = serializeDiagnosticValue(nested, depth + 1, seen);
350
+ }
351
+ const nestedErrors = readDiagnosticProperty(record, "errors");
352
+ if (Array.isArray(nestedErrors)) {
353
+ output.errors = nestedErrors.slice(0, MAX_DIAGNOSTIC_NESTED_ERRORS).map((item) => serializeDiagnosticValue(item, depth + 1, seen));
354
+ if (nestedErrors.length > MAX_DIAGNOSTIC_NESTED_ERRORS) {
355
+ output.errors_truncated = nestedErrors.length - MAX_DIAGNOSTIC_NESTED_ERRORS;
356
+ }
357
+ } else if (nestedErrors != null && nestedErrors !== "") {
358
+ output.errors = serializeDiagnosticValue(nestedErrors, depth + 1, seen);
359
+ }
360
+ if (Object.keys(output).length > 0)
361
+ return output;
362
+ const ownProperties = serializeOwnDiagnosticProperties(record, depth, seen);
363
+ return Object.keys(ownProperties).length > 0 ? ownProperties : describeDiagnosticObject(value);
364
+ } catch (error) {
365
+ return `[unreadable object: ${error instanceof Error ? error.message : String(error)}]`;
366
+ } finally {
367
+ seen.delete(value);
368
+ }
309
369
  }
310
370
  function compactDiagnosticValue(value, depth) {
311
- if (value == null) return value;
312
- if (typeof value === "string") return truncateDiagnosticStringTo(value, COMPACT_DIAGNOSTIC_STRING_LENGTH);
313
- if (typeof value === "number" || typeof value === "boolean") return value;
314
- if (typeof value !== "object") return describeDiagnosticPrimitive(value);
315
- if (depth >= COMPACT_DIAGNOSTIC_DEPTH) return "[max depth]";
316
- try {
317
- if (Array.isArray(value)) {
318
- const items = value.slice(0, COMPACT_DIAGNOSTIC_NESTED_ERRORS).map((item) => compactDiagnosticValue(item, depth + 1));
319
- if (value.length > COMPACT_DIAGNOSTIC_NESTED_ERRORS) items.push(`[${value.length - COMPACT_DIAGNOSTIC_NESTED_ERRORS} items truncated]`);
320
- return items;
321
- }
322
- const record = value;
323
- const output = {};
324
- const keys = Object.keys(record);
325
- for (const key of keys.slice(0, MAX_DIAGNOSTIC_NESTED_ERRORS)) {
326
- const nested = readDiagnosticProperty(record, key);
327
- if (nested == null || nested === "") continue;
328
- output[key] = compactDiagnosticValue(nested, depth + 1);
329
- }
330
- if (keys.length > MAX_DIAGNOSTIC_NESTED_ERRORS) output.properties_truncated = keys.length - MAX_DIAGNOSTIC_NESTED_ERRORS;
331
- return output;
332
- } catch (error) {
333
- return `[unreadable object: ${error instanceof Error ? error.message : String(error)}]`;
334
- }
371
+ if (value == null)
372
+ return value;
373
+ if (typeof value === "string")
374
+ return truncateDiagnosticStringTo(value, COMPACT_DIAGNOSTIC_STRING_LENGTH);
375
+ if (typeof value === "number" || typeof value === "boolean")
376
+ return value;
377
+ if (typeof value !== "object")
378
+ return describeDiagnosticPrimitive(value);
379
+ if (depth >= COMPACT_DIAGNOSTIC_DEPTH)
380
+ return "[max depth]";
381
+ try {
382
+ if (Array.isArray(value)) {
383
+ const items = value.slice(0, COMPACT_DIAGNOSTIC_NESTED_ERRORS).map((item) => compactDiagnosticValue(item, depth + 1));
384
+ if (value.length > COMPACT_DIAGNOSTIC_NESTED_ERRORS) {
385
+ items.push(`[${value.length - COMPACT_DIAGNOSTIC_NESTED_ERRORS} items truncated]`);
386
+ }
387
+ return items;
388
+ }
389
+ const record = value;
390
+ const output = {};
391
+ const keys = Object.keys(record);
392
+ for (const key of keys.slice(0, MAX_DIAGNOSTIC_NESTED_ERRORS)) {
393
+ const nested = readDiagnosticProperty(record, key);
394
+ if (nested == null || nested === "")
395
+ continue;
396
+ output[key] = compactDiagnosticValue(nested, depth + 1);
397
+ }
398
+ if (keys.length > MAX_DIAGNOSTIC_NESTED_ERRORS) {
399
+ output.properties_truncated = keys.length - MAX_DIAGNOSTIC_NESTED_ERRORS;
400
+ }
401
+ return output;
402
+ } catch (error) {
403
+ return `[unreadable object: ${error instanceof Error ? error.message : String(error)}]`;
404
+ }
335
405
  }
336
406
  function stringifyDiagnosticPayload(diagnostics) {
337
- const full = JSON.stringify(diagnostics);
338
- if (full && full.length <= MAX_DIAGNOSTIC_JSON_LENGTH) return full;
339
- const compact = compactDiagnosticValue(diagnostics, 0);
340
- const compactPayload = compact != null && typeof compact === "object" && !Array.isArray(compact) ? {
341
- ...compact,
342
- diagnostics_truncated: true
343
- } : {
344
- diagnostics_truncated: true,
345
- value: compact
346
- };
347
- const compactJson = JSON.stringify(compactPayload);
348
- if (compactJson.length <= MAX_DIAGNOSTIC_JSON_LENGTH) return compactJson;
349
- return JSON.stringify({
350
- diagnostics_truncated: true,
351
- message: "Diagnostic payload exceeded output budget."
352
- });
407
+ const full = JSON.stringify(diagnostics);
408
+ if (full && full.length <= MAX_DIAGNOSTIC_JSON_LENGTH)
409
+ return full;
410
+ const compact = compactDiagnosticValue(diagnostics, 0);
411
+ const compactPayload = compact != null && typeof compact === "object" && !Array.isArray(compact) ? { ...compact, diagnostics_truncated: true } : { diagnostics_truncated: true, value: compact };
412
+ const compactJson = JSON.stringify(compactPayload);
413
+ if (compactJson.length <= MAX_DIAGNOSTIC_JSON_LENGTH)
414
+ return compactJson;
415
+ return JSON.stringify({
416
+ diagnostics_truncated: true,
417
+ message: "Diagnostic payload exceeded output budget."
418
+ });
353
419
  }
354
420
  function lovableBuildErrorDiagnostics() {
355
- let emitted = false;
356
- const emitDiagnostics = (error) => {
357
- if (!error || emitted) return;
358
- emitted = true;
359
- try {
360
- const output = `\n[lovable-build-error-diagnostics]\n${stringifyDiagnosticPayload(serializeDiagnosticValue(error, 0, /* @__PURE__ */ new WeakSet()))}\n[/lovable-build-error-diagnostics]\n`;
361
- let written = false;
362
- const write = () => {
363
- if (written) return;
364
- written = true;
365
- try {
366
- process.stderr.write(output);
367
- } catch {}
368
- };
369
- setImmediate(write);
370
- process.once("exit", write);
371
- } catch {}
372
- };
373
- return {
374
- name: BUILD_DIAGNOSTICS_PLUGIN_NAME,
375
- apply: "build",
376
- buildEnd(error) {
377
- emitDiagnostics(error);
378
- },
379
- renderError(error) {
380
- emitDiagnostics(error);
381
- }
382
- };
421
+ let emitted = false;
422
+ const emitDiagnostics = (error) => {
423
+ if (!error || emitted)
424
+ return;
425
+ emitted = true;
426
+ try {
427
+ const diagnostics = serializeDiagnosticValue(error, 0, /* @__PURE__ */ new WeakSet());
428
+ const output = `
429
+ [lovable-build-error-diagnostics]
430
+ ${stringifyDiagnosticPayload(diagnostics)}
431
+ [/lovable-build-error-diagnostics]
432
+ `;
433
+ let written = false;
434
+ const write = () => {
435
+ if (written)
436
+ return;
437
+ written = true;
438
+ try {
439
+ process.stderr.write(output);
440
+ } catch {
441
+ }
442
+ };
443
+ setImmediate(write);
444
+ process.once("exit", write);
445
+ } catch {
446
+ }
447
+ };
448
+ return {
449
+ name: BUILD_DIAGNOSTICS_PLUGIN_NAME,
450
+ apply: "build",
451
+ buildEnd(error) {
452
+ emitDiagnostics(error);
453
+ },
454
+ // Rolldown raises output-phase errors after a clean buildEnd; only
455
+ // renderError sees them.
456
+ renderError(error) {
457
+ emitDiagnostics(error);
458
+ }
459
+ };
383
460
  }
384
461
  function devSsrErrorLogger() {
385
- let lastCapture;
386
- const CAPTURE_TTL_MS = 5e3;
387
- const handlerRanFlag = Symbol("lovableHandlerRan");
388
- const capture = (error) => {
389
- lastCapture = {
390
- error,
391
- at: Date.now()
392
- };
393
- };
394
- const consumeCapture = () => {
395
- if (!lastCapture) return void 0;
396
- if (Date.now() - lastCapture.at > CAPTURE_TTL_MS) {
397
- lastCapture = void 0;
398
- return;
399
- }
400
- const { error } = lastCapture;
401
- lastCapture = void 0;
402
- return error;
403
- };
404
- return {
405
- name: "dev-ssr-error-logger",
406
- apply: "serve",
407
- configureServer(server) {
408
- globalThis[SSR_CAPTURE_KEY] = capture;
409
- globalThis[HANDLER_RAN_KEY] = (event) => {
410
- const res = event?.node?.res;
411
- if (res) res[handlerRanFlag] = true;
412
- };
413
- const g = globalThis;
414
- if (typeof g.addEventListener === "function") {
415
- const addListener = g.addEventListener;
416
- addListener("error", (e) => capture(e.error ?? e));
417
- addListener("unhandledrejection", (e) => capture(e.reason));
418
- }
419
- const onUnhandledRejection = (reason) => capture(reason);
420
- process.on("unhandledRejection", onUnhandledRejection);
421
- server.httpServer?.once("close", () => {
422
- process.off("unhandledRejection", onUnhandledRejection);
423
- });
424
- server.middlewares.use((req, res, next) => {
425
- let handled = false;
426
- const handleErrorResponse = () => {
427
- if (handled || res.statusCode < 500) return;
428
- handled = true;
429
- const captured = consumeCapture();
430
- const ranHandler = Boolean(res[handlerRanFlag]);
431
- let source;
432
- if (!ranHandler) source = "vite";
433
- else if (isBuildError(captured)) source = "build";
434
- else source = "app";
435
- if (!res.headersSent) try {
436
- res.setHeader("x-lovable-error-source", source);
437
- } catch {}
438
- const where = [req.method, req.url].filter(Boolean).join(" ") || "the request";
439
- let data;
440
- if (captured instanceof Error) data = {
441
- name: captured.name,
442
- message: captured.message,
443
- stack: captured.stack
444
- };
445
- else if (typeof captured === "string" && captured.length > 0) data = {
446
- name: "Error",
447
- message: captured
448
- };
449
- else if (ranHandler) data = { message: `The app returned ${res.statusCode} while handling ${where}. The error was handled by a route or error boundary, so no stack was captured — check the failing loader/route code and the dev server output.` };
450
- else data = { message: `Dev server returned ${res.statusCode} for ${where} before the app handler ran. This is usually a Vite build/transform error — check the dev server output for the underlying error.` };
451
- try {
452
- server.ws.send({
453
- type: "custom",
454
- event: "server-ssr-error",
455
- data
456
- });
457
- } catch {}
458
- };
459
- const origWriteHead = res.writeHead.bind(res);
460
- res.writeHead = (...args) => {
461
- if (typeof args[0] === "number") res.statusCode = args[0];
462
- handleErrorResponse();
463
- return origWriteHead(...args);
464
- };
465
- const origEnd = res.end.bind(res);
466
- res.end = (...args) => {
467
- handleErrorResponse();
468
- return origEnd(...args);
469
- };
470
- next();
471
- });
472
- },
473
- transform(code, id) {
474
- const normalizedId = id.replace(/\\/g, "/");
475
- if (!(normalizedId.includes("/@tanstack/start-server-core/src/request-response.ts") || normalizedId.includes("/@tanstack/start-server-core/dist/esm/request-response.js"))) return null;
476
- const needle = "handler(request, requestOpts)";
477
- if (!code.includes(needle)) return null;
478
- return code.replace(needle, `(globalThis.${HANDLER_RAN_KEY}?.(typeof h3Event === "undefined" ? undefined : h3Event), Promise.resolve(${needle}).catch((err) => { globalThis.${SSR_CAPTURE_KEY}?.(err); throw err; }))`);
479
- }
480
- };
462
+ let lastCapture;
463
+ const CAPTURE_TTL_MS = 5e3;
464
+ const handlerRanFlag = Symbol("lovableHandlerRan");
465
+ const capture = (error) => {
466
+ lastCapture = { error, at: Date.now() };
467
+ };
468
+ const consumeCapture = () => {
469
+ if (!lastCapture)
470
+ return void 0;
471
+ if (Date.now() - lastCapture.at > CAPTURE_TTL_MS) {
472
+ lastCapture = void 0;
473
+ return void 0;
474
+ }
475
+ const { error } = lastCapture;
476
+ lastCapture = void 0;
477
+ return error;
478
+ };
479
+ return {
480
+ name: "dev-ssr-error-logger",
481
+ apply: "serve",
482
+ configureServer(server) {
483
+ globalThis[SSR_CAPTURE_KEY] = capture;
484
+ globalThis[HANDLER_RAN_KEY] = (event) => {
485
+ const res = event?.node?.res;
486
+ if (res)
487
+ res[handlerRanFlag] = true;
488
+ };
489
+ const g = globalThis;
490
+ if (typeof g.addEventListener === "function") {
491
+ const addListener = g.addEventListener;
492
+ addListener("error", (e) => capture(e.error ?? e));
493
+ addListener("unhandledrejection", (e) => capture(e.reason));
494
+ }
495
+ const onUnhandledRejection = (reason) => capture(reason);
496
+ process.on("unhandledRejection", onUnhandledRejection);
497
+ server.httpServer?.once("close", () => {
498
+ process.off("unhandledRejection", onUnhandledRejection);
499
+ });
500
+ server.middlewares.use((req, res, next) => {
501
+ let handled = false;
502
+ const handleErrorResponse = () => {
503
+ if (handled || res.statusCode < 500)
504
+ return;
505
+ handled = true;
506
+ const captured = consumeCapture();
507
+ const ranHandler = Boolean(res[handlerRanFlag]);
508
+ let source;
509
+ if (!ranHandler) {
510
+ source = "vite";
511
+ } else if (isBuildError(captured)) {
512
+ source = "build";
513
+ } else {
514
+ source = "app";
515
+ }
516
+ if (!res.headersSent) {
517
+ try {
518
+ res.setHeader("x-lovable-error-source", source);
519
+ } catch {
520
+ }
521
+ }
522
+ const where = [req.method, req.url].filter(Boolean).join(" ") || "the request";
523
+ let data;
524
+ if (captured instanceof Error) {
525
+ data = { name: captured.name, message: captured.message, stack: captured.stack };
526
+ } else if (typeof captured === "string" && captured.length > 0) {
527
+ data = { name: "Error", message: captured };
528
+ } else if (ranHandler) {
529
+ data = {
530
+ message: `The app returned ${res.statusCode} while handling ${where}. The error was handled by a route or error boundary, so no stack was captured \u2014 check the failing loader/route code and the dev server output.`
531
+ };
532
+ } else {
533
+ data = {
534
+ message: `Dev server returned ${res.statusCode} for ${where} before the app handler ran. This is usually a Vite build/transform error \u2014 check the dev server output for the underlying error.`
535
+ };
536
+ }
537
+ try {
538
+ server.ws.send({ type: "custom", event: "server-ssr-error", data });
539
+ } catch {
540
+ }
541
+ };
542
+ const origWriteHead = res.writeHead.bind(res);
543
+ res.writeHead = (...args) => {
544
+ if (typeof args[0] === "number")
545
+ res.statusCode = args[0];
546
+ handleErrorResponse();
547
+ return origWriteHead(...args);
548
+ };
549
+ const origEnd = res.end.bind(res);
550
+ res.end = (...args) => {
551
+ handleErrorResponse();
552
+ return origEnd(...args);
553
+ };
554
+ next();
555
+ });
556
+ },
557
+ transform(code, id) {
558
+ const normalizedId = id.replace(/\\/g, "/");
559
+ const isTargetModule = normalizedId.includes("/@tanstack/start-server-core/src/request-response.ts") || normalizedId.includes("/@tanstack/start-server-core/dist/esm/request-response.js");
560
+ if (!isTargetModule) {
561
+ return null;
562
+ }
563
+ const needle = "handler(request, requestOpts)";
564
+ if (!code.includes(needle)) {
565
+ return null;
566
+ }
567
+ return code.replace(
568
+ needle,
569
+ `(globalThis.${HANDLER_RAN_KEY}?.(typeof h3Event === "undefined" ? undefined : h3Event), Promise.resolve(${needle}).catch((err) => { globalThis.${SSR_CAPTURE_KEY}?.(err); throw err; }))`
570
+ );
571
+ }
572
+ };
481
573
  }
482
574
  function devServerFnErrorLogger() {
483
- const HMR_SEND_KEY = "__TANSTACK_SERVER_FN_HMR_SEND__";
484
- return {
485
- name: "dev-server-fn-error-logger",
486
- apply: "serve",
487
- enforce: "pre",
488
- configureServer(server) {
489
- globalThis[HMR_SEND_KEY] = (data) => {
490
- server.ws.send({
491
- type: "custom",
492
- event: "server-fn-error",
493
- data
494
- });
495
- };
496
- },
497
- transform(code, id) {
498
- const normalizedId = id.replace(/\\/g, "/");
499
- if (!(normalizedId.includes("/@tanstack/start-server-core/src/server-functions-handler.ts") || normalizedId.includes("/@tanstack/start-server-core/dist/esm/server-functions-handler.js"))) return null;
500
- const needle = "const unwrapped = res.result || res.error";
501
- if (!code.includes(needle)) return null;
502
- return code.replace(needle, `${needle}
575
+ const HMR_SEND_KEY = "__TANSTACK_SERVER_FN_HMR_SEND__";
576
+ return {
577
+ name: "dev-server-fn-error-logger",
578
+ apply: "serve",
579
+ enforce: "pre",
580
+ configureServer(server) {
581
+ globalThis[HMR_SEND_KEY] = (data) => {
582
+ server.ws.send({
583
+ type: "custom",
584
+ event: "server-fn-error",
585
+ data
586
+ });
587
+ };
588
+ },
589
+ transform(code, id) {
590
+ const normalizedId = id.replace(/\\/g, "/");
591
+ const isTargetModule = normalizedId.includes("/@tanstack/start-server-core/src/server-functions-handler.ts") || normalizedId.includes("/@tanstack/start-server-core/dist/esm/server-functions-handler.js");
592
+ if (!isTargetModule) {
593
+ return null;
594
+ }
595
+ const needle = "const unwrapped = res.result || res.error";
596
+ if (!code.includes(needle)) {
597
+ return null;
598
+ }
599
+ return code.replace(
600
+ needle,
601
+ `${needle}
503
602
 
504
603
  if (res?.error) {
505
604
  const err = res.error
@@ -513,156 +612,200 @@ function devServerFnErrorLogger() {
513
612
  stack: typeof err?.stack === 'string' ? err.stack : undefined,
514
613
  }
515
614
  globalThis.${HMR_SEND_KEY}?.(payload)
516
- }`);
517
- }
518
- };
615
+ }`
616
+ );
617
+ }
618
+ };
519
619
  }
520
620
  function defineConfig(configOrOptions = {}) {
521
- return async (env) => {
522
- const { command, mode } = env;
523
- const isSandbox = isSandboxEnvironment();
524
- const isDevBuild = command === "build" && mode === "development";
525
- let options;
526
- if (typeof configOrOptions === "function") options = { vite: await Promise.resolve(configOrOptions(env)) };
527
- else if (configOrOptions instanceof Promise) options = { vite: await configOrOptions };
528
- else {
529
- const optionObject = configOrOptions && typeof configOrOptions === "object" ? configOrOptions : {};
530
- if ("cloudflare" in optionObject) if (optionObject.cloudflare === false && !("nitro" in optionObject)) {
531
- optionObject.nitro = false;
532
- logWarning("`cloudflare: false` is deprecated in v2 — migrated to `nitro: false`. Update your config to drop the warning.");
533
- } else logWarning("The `cloudflare` option was removed in v2. Use `nitro: false` to disable the deploy plugin, or `nitro: { preset: '...' }` to configure it. The `cloudflare` setting is being ignored.");
534
- options = "vite" in optionObject || "serverFnErrorLogger" in optionObject || "ssrErrorLogger" in optionObject || "nitro" in optionObject || "tanstackStart" in optionObject || "react" in optionObject || "envDefine" in optionObject || "hmrGate" in optionObject ? optionObject : { vite: optionObject };
535
- }
536
- const internalPlugins = [];
537
- if (mode === "development") {
538
- const { devtools } = await import("@tanstack/devtools-vite");
539
- internalPlugins.push(devtools({
540
- logging: false,
541
- eventBusConfig: { enabled: false },
542
- enhancedLogs: { enabled: false },
543
- consolePiping: { enabled: false },
544
- removeDevtoolsOnBuild: false,
545
- injectSource: { enabled: true }
546
- }));
547
- }
548
- const tailwindcss = (await import("@tailwindcss/vite")).default;
549
- internalPlugins.push(tailwindcss());
550
- const tsConfigPaths = (await import("vite-tsconfig-paths")).default;
551
- internalPlugins.push(tsConfigPaths({ projects: ["./tsconfig.json"] }));
552
- if (options.serverFnErrorLogger !== false) internalPlugins.push(devServerFnErrorLogger());
553
- if (options.ssrErrorLogger !== false) internalPlugins.push(devSsrErrorLogger());
554
- if (command === "build" && isSandbox) internalPlugins.push(lovableBuildErrorDiagnostics());
555
- const { tanstackStart } = await import("@tanstack/react-start/plugin/vite");
556
- const tanstackStartOptions = (0, vite.mergeConfig)({ importProtection: {
557
- behavior: "error",
558
- client: {
559
- files: ["**/server/**"],
560
- specifiers: ["server-only"]
561
- }
562
- } }, options.tanstackStart ?? {});
563
- internalPlugins.push(tanstackStart(tanstackStartOptions));
564
- const explicitNitro = options.nitro === true || typeof options.nitro === "object" && options.nitro !== null;
565
- if (options.nitro !== false && command === "build") {
566
- let nitroMod;
567
- try {
568
- nitroMod = await import("nitro/vite");
569
- } catch (err) {
570
- if (explicitNitro || isSandbox) {
571
- const reason = explicitNitro ? `an explicit \`nitro\` option (${options.nitro === true ? "true" : "{ ... }"}) was set in vite.config.ts` : "running inside a Lovable sandbox";
572
- 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)}`);
573
- }
574
- }
575
- if (nitroMod) {
576
- const { nitro } = nitroMod;
577
- const userNitroOpts = typeof options.nitro === "object" && options.nitro ? options.nitro : {};
578
- const nitroOpts = {
579
- defaultPreset: "cloudflare-module",
580
- ...userNitroOpts
581
- };
582
- if (isSandbox) {
583
- delete nitroOpts.defaultPreset;
584
- nitroOpts.preset = "cloudflare-module";
585
- nitroOpts.output = {
586
- dir: "dist",
587
- serverDir: "dist/server",
588
- publicDir: "dist/client"
589
- };
590
- nitroOpts.cloudflare = {
591
- nodeCompat: true,
592
- deployConfig: true,
593
- ...userNitroOpts.cloudflare
594
- };
595
- } else if (!nitroOpts.preset && !await nitroSupportsDefaultPreset()) logWarning("The installed `nitro` predates the `defaultPreset` option (3.0.260603-beta), so the Cloudflare fallback is ignored and a zero-config build may target Node instead. Upgrade nitro to >=3.0.260603-beta, or set an explicit `nitro: { preset: \"cloudflare-module\" }`.");
596
- internalPlugins.push(nitro(nitroOpts));
597
- }
598
- }
599
- const viteReact = (await import("@vitejs/plugin-react")).default;
600
- internalPlugins.push(viteReact(options.react));
601
- if (command === "serve") {
602
- const hmrGateOpt = options.hmrGate;
603
- if (isSandbox ? hmrGateOpt !== false : !!hmrGateOpt) {
604
- const { hmrGatePlugin } = await import("@lovable.dev/vite-plugin-hmr-gate");
605
- const hmrGateOptions = typeof hmrGateOpt === "object" ? hmrGateOpt : {};
606
- internalPlugins.push(hmrGatePlugin(hmrGateOptions));
607
- }
608
- }
609
- if (command === "serve" && isSandbox) {
610
- const { devServerBridgePlugin } = await import("@lovable.dev/vite-plugin-dev-server-bridge");
611
- internalPlugins.push(devServerBridgePlugin());
612
- }
613
- if (command === "serve") internalPlugins.push(lovableAssetsProxyPlugin());
614
- let envDefine = {};
615
- if (options.envDefine !== false) {
616
- const loadedEnv = (0, vite.loadEnv)(mode, process.cwd(), "VITE_");
617
- for (const [key, value] of Object.entries(loadedEnv)) envDefine[`import.meta.env.${key}`] = JSON.stringify(value);
618
- }
619
- let config = {
620
- define: envDefine,
621
- ...isDevBuild ? {
622
- environments: { client: { define: { "process.env.NODE_ENV": JSON.stringify("development") } } },
623
- esbuild: { keepNames: true }
624
- } : {},
625
- css: { transformer: "lightningcss" },
626
- resolve: {
627
- alias: { "@": `${process.cwd()}/src` },
628
- dedupe: [
629
- "react",
630
- "react-dom",
631
- "react/jsx-runtime",
632
- "react/jsx-dev-runtime",
633
- "@tanstack/react-query",
634
- "@tanstack/query-core"
635
- ]
636
- },
637
- optimizeDeps: {
638
- include: [
639
- "react",
640
- "react-dom",
641
- "react-dom/client",
642
- "react/jsx-runtime",
643
- "react/jsx-dev-runtime"
644
- ],
645
- ignoreOutdatedRequests: true
646
- },
647
- plugins: [...internalPlugins, ...options.plugins ?? []]
648
- };
649
- if (options.vite) config = (0, vite.mergeConfig)(config, options.vite);
650
- if (isSandbox) {
651
- validateConfig(config);
652
- config = cleanServerConfig((0, vite.mergeConfig)(config, { server: {
653
- host: "::",
654
- port: 8080,
655
- strictPort: true,
656
- watch: { ignored: [...TOOL_MANAGED_WATCH_IGNORES] }
657
- } }));
658
- } else config = (0, vite.mergeConfig)({ server: {
659
- host: "::",
660
- port: 8080
661
- } }, config);
662
- if (isSandbox) return config;
663
- return applyWatchDebounceDefaults(config);
664
- };
621
+ return async (env) => {
622
+ const { command, mode } = env;
623
+ const isSandbox = isSandboxEnvironment();
624
+ const isDevBuild = command === "build" && mode === "development";
625
+ let options;
626
+ if (typeof configOrOptions === "function") {
627
+ const userConfig = await Promise.resolve(configOrOptions(env));
628
+ options = { vite: userConfig };
629
+ } else if (configOrOptions instanceof Promise) {
630
+ options = { vite: await configOrOptions };
631
+ } else {
632
+ const optionObject = configOrOptions && typeof configOrOptions === "object" ? configOrOptions : {};
633
+ if ("cloudflare" in optionObject) {
634
+ if (optionObject.cloudflare === false && !("nitro" in optionObject)) {
635
+ optionObject.nitro = false;
636
+ logWarning(
637
+ "`cloudflare: false` is deprecated in v2 \u2014 migrated to `nitro: false`. Update your config to drop the warning."
638
+ );
639
+ } else {
640
+ logWarning(
641
+ "The `cloudflare` option was removed in v2. Use `nitro: false` to disable the deploy plugin, or `nitro: { preset: '...' }` to configure it. The `cloudflare` setting is being ignored."
642
+ );
643
+ }
644
+ }
645
+ const hasLovableKey = "vite" in optionObject || "serverFnErrorLogger" in optionObject || "ssrErrorLogger" in optionObject || "nitro" in optionObject || "tanstackStart" in optionObject || "react" in optionObject || "envDefine" in optionObject || "hmrGate" in optionObject;
646
+ options = hasLovableKey ? optionObject : { vite: optionObject };
647
+ }
648
+ const internalPlugins = [];
649
+ if (mode === "development") {
650
+ const { devtools } = await import("@tanstack/devtools-vite");
651
+ internalPlugins.push(
652
+ devtools({
653
+ logging: false,
654
+ eventBusConfig: { enabled: false },
655
+ enhancedLogs: { enabled: false },
656
+ consolePiping: { enabled: false },
657
+ removeDevtoolsOnBuild: false,
658
+ injectSource: { enabled: true }
659
+ })
660
+ );
661
+ }
662
+ const tailwindcss = (await import("@tailwindcss/vite")).default;
663
+ internalPlugins.push(tailwindcss());
664
+ const tsConfigPaths = (await import("vite-tsconfig-paths")).default;
665
+ internalPlugins.push(tsConfigPaths({ projects: ["./tsconfig.json"] }));
666
+ if (options.serverFnErrorLogger !== false) {
667
+ internalPlugins.push(devServerFnErrorLogger());
668
+ }
669
+ if (options.ssrErrorLogger !== false) {
670
+ internalPlugins.push(devSsrErrorLogger());
671
+ }
672
+ if (command === "build" && isSandbox) {
673
+ internalPlugins.push(lovableBuildErrorDiagnostics());
674
+ }
675
+ const { tanstackStart } = await import("@tanstack/react-start/plugin/vite");
676
+ const tanstackStartDefaults = {
677
+ importProtection: {
678
+ behavior: "error",
679
+ client: {
680
+ files: ["**/server/**"],
681
+ specifiers: ["server-only"]
682
+ }
683
+ }
684
+ };
685
+ const tanstackStartOptions = (0, import_vite.mergeConfig)(tanstackStartDefaults, options.tanstackStart ?? {});
686
+ internalPlugins.push(tanstackStart(tanstackStartOptions));
687
+ const explicitNitro = options.nitro === true || typeof options.nitro === "object" && options.nitro !== null;
688
+ const shouldRunNitro = options.nitro !== false && command === "build";
689
+ if (shouldRunNitro) {
690
+ let nitroMod;
691
+ try {
692
+ nitroMod = await import("nitro/vite");
693
+ } catch (err) {
694
+ if (explicitNitro || isSandbox) {
695
+ const reason = explicitNitro ? `an explicit \`nitro\` option (${options.nitro === true ? "true" : "{ ... }"}) was set in vite.config.ts` : "running inside a Lovable sandbox";
696
+ throw new Error(
697
+ `[@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)}`
698
+ );
699
+ }
700
+ }
701
+ if (nitroMod) {
702
+ const { nitro } = nitroMod;
703
+ const userNitroOpts = typeof options.nitro === "object" && options.nitro ? options.nitro : {};
704
+ const nitroOpts = { defaultPreset: "cloudflare-module", ...userNitroOpts };
705
+ if (isSandbox) {
706
+ delete nitroOpts.defaultPreset;
707
+ nitroOpts.preset = "cloudflare-module";
708
+ nitroOpts.output = { dir: "dist", serverDir: "dist/server", publicDir: "dist/client" };
709
+ nitroOpts.cloudflare = { nodeCompat: true, deployConfig: true, ...userNitroOpts.cloudflare };
710
+ } else if (!nitroOpts.preset && !await nitroSupportsDefaultPreset()) {
711
+ logWarning(
712
+ 'The installed `nitro` predates the `defaultPreset` option (3.0.260603-beta), so the Cloudflare fallback is ignored and a zero-config build may target Node instead. Upgrade nitro to >=3.0.260603-beta, or set an explicit `nitro: { preset: "cloudflare-module" }`.'
713
+ );
714
+ }
715
+ internalPlugins.push(nitro(nitroOpts));
716
+ }
717
+ }
718
+ const viteReact = (await import("@vitejs/plugin-react")).default;
719
+ internalPlugins.push(viteReact(options.react));
720
+ if (command === "serve") {
721
+ const hmrGateOpt = options.hmrGate;
722
+ const enableHmrGate = isSandbox ? hmrGateOpt !== false : !!hmrGateOpt;
723
+ if (enableHmrGate) {
724
+ const { hmrGatePlugin } = await import("@lovable.dev/vite-plugin-hmr-gate");
725
+ const hmrGateOptions = typeof hmrGateOpt === "object" ? hmrGateOpt : {};
726
+ internalPlugins.push(hmrGatePlugin(hmrGateOptions));
727
+ }
728
+ }
729
+ if (command === "serve" && isSandbox) {
730
+ const { devServerBridgePlugin } = await import("@lovable.dev/vite-plugin-dev-server-bridge");
731
+ internalPlugins.push(devServerBridgePlugin());
732
+ }
733
+ if (command === "serve") {
734
+ internalPlugins.push(lovableAssetsProxyPlugin());
735
+ }
736
+ let envDefine = {};
737
+ if (options.envDefine !== false) {
738
+ const loadedEnv = (0, import_vite.loadEnv)(mode, process.cwd(), "VITE_");
739
+ for (const [key, value] of Object.entries(loadedEnv)) {
740
+ envDefine[`import.meta.env.${key}`] = JSON.stringify(value);
741
+ }
742
+ }
743
+ let config = {
744
+ define: envDefine,
745
+ // Client-scoped so React DevTools gets the dev react-dom; a global NODE_ENV
746
+ // flip would emit jsxDEV, which the react-server SSR runtime can't resolve.
747
+ ...isDevBuild ? {
748
+ environments: { client: { define: { "process.env.NODE_ENV": JSON.stringify("development") } } },
749
+ esbuild: { keepNames: true }
750
+ } : {},
751
+ // Match the build's CSS pipeline in dev. Vite uses PostCSS in dev and only
752
+ // runs Lightning CSS at build, so build-time transforms (e.g. collapsing a
753
+ // hand-written `-webkit-backdrop-filter` to the prefixed form Chrome ignores)
754
+ // break the built/static output while the dev preview looks fine. Running
755
+ // Lightning CSS in both keeps the preview honest.
756
+ css: { transformer: "lightningcss" },
757
+ resolve: {
758
+ alias: {
759
+ "@": `${process.cwd()}/src`
760
+ },
761
+ dedupe: [
762
+ "react",
763
+ "react-dom",
764
+ "react/jsx-runtime",
765
+ "react/jsx-dev-runtime",
766
+ "@tanstack/react-query",
767
+ "@tanstack/query-core"
768
+ ]
769
+ },
770
+ // Dep re-optimization rotates the optimized-dep hash and 504s tabs holding
771
+ // the old one; pre-bundle the always-present client deps + tolerate stale
772
+ // requests. React core only — including @tanstack/react-start would pull its
773
+ // node:async_hooks server entry into the client bundle and crash hydration.
774
+ optimizeDeps: {
775
+ include: ["react", "react-dom", "react-dom/client", "react/jsx-runtime", "react/jsx-dev-runtime"],
776
+ ignoreOutdatedRequests: true
777
+ },
778
+ plugins: [...internalPlugins, ...options.plugins ?? []]
779
+ };
780
+ if (options.vite) {
781
+ config = (0, import_vite.mergeConfig)(config, options.vite);
782
+ }
783
+ if (isSandbox) {
784
+ validateConfig(config);
785
+ config = cleanServerConfig(
786
+ (0, import_vite.mergeConfig)(config, {
787
+ server: {
788
+ host: "::",
789
+ port: 8080,
790
+ strictPort: true,
791
+ watch: { ignored: [...TOOL_MANAGED_WATCH_IGNORES] },
792
+ // The editor consumes the same vite:error HMR frame; the in-iframe
793
+ // overlay would paint raw stack traces at end users mid-build.
794
+ hmr: { overlay: false }
795
+ }
796
+ })
797
+ );
798
+ } else {
799
+ config = (0, import_vite.mergeConfig)({ server: { host: "::", port: 8080 } }, config);
800
+ }
801
+ if (isSandbox) {
802
+ return config;
803
+ }
804
+ return applyWatchDebounceDefaults(config);
805
+ };
665
806
  }
666
- //#endregion
667
- exports.defineConfig = defineConfig;
668
- exports.lovableAssetsProxyPlugin = lovableAssetsProxyPlugin;
807
+ // Annotate the CommonJS export names for ESM import in node:
808
+ 0 && (module.exports = {
809
+ defineConfig,
810
+ lovableAssetsProxyPlugin
811
+ });