@lovable.dev/vite-tanstack-config 2.6.1 → 2.6.2-rc.0

package/dist/index.cjs

@@ -30,11 +30,92 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  defineConfig: () => defineConfig
+  defineConfig: () => defineConfig,
+  lovableAssetsProxyPlugin: () => lovableAssetsProxyPlugin
 });
 module.exports = __toCommonJS(src_exports);
 var import_lovable_tagger = require("lovable-tagger");
 var import_vite = require("vite");
+
+// src/assetsProxyPlugin.ts
+var import_node_https = __toESM(require("https"), 1);
+var ASSET_RE = /^\/__l5e\/assets-v1\//;
+var PREVIEW_HOST_ENV = "LOVABLE_PREVIEW_HOST";
+var HOP_BY_HOP = /* @__PURE__ */ new Set([
+  "host",
+  "connection",
+  "keep-alive",
+  "proxy-authenticate",
+  "proxy-authorization",
+  "te",
+  "trailer",
+  "transfer-encoding",
+  "upgrade",
+  "content-length",
+  "cookie"
+]);
+function pickRequestHeaders(src) {
+  const out = {};
+  for (const [k, v] of Object.entries(src)) {
+    if (v === void 0)
+      continue;
+    if (HOP_BY_HOP.has(k.toLowerCase()))
+      continue;
+    out[k] = v;
+  }
+  return out;
+}
+function lovableAssetsProxyPlugin() {
+  const previewHost = process.env[PREVIEW_HOST_ENV]?.trim();
+  return {
+    name: "lovable:assets-proxy",
+    apply: "serve",
+    configureServer(server) {
+      if (!previewHost)
+        return;
+      const middleware = (req, res, next) => {
+        const url = req.url ?? "";
+        if (!ASSET_RE.test(url))
+          return next();
+        const upstream = import_node_https.default.request(
+          {
+            host: previewHost,
+            port: 443,
+            method: req.method,
+            path: url,
+            headers: { ...pickRequestHeaders(req.headers), host: previewHost }
+          },
+          (upRes) => {
+            res.statusCode = upRes.statusCode ?? 502;
+            for (const [k, v] of Object.entries(upRes.headers)) {
+              if (v === void 0)
+                continue;
+              if (HOP_BY_HOP.has(k.toLowerCase()))
+                continue;
+              res.setHeader(k, v);
+            }
+            upRes.pipe(res);
+          }
+        );
+        upstream.on("error", (err) => {
+          server.config.logger.warn(
+            `[@lovable.dev/vite-tanstack-config] asset proxy ${url} \u2192 ${previewHost} failed: ${err.message}`
+          );
+          if (!res.headersSent) {
+            res.statusCode = 502;
+            res.end();
+          } else {
+            res.destroy(err);
+          }
+        });
+        req.pipe(upstream);
+      };
+      server.middlewares.use(middleware);
+    }
+  };
+}
+
+// src/index.ts
 var SANDBOX_ENV_VAR = "DEV_SERVER__PROJECT_PATH";
 var LOVABLE_SANDBOX_ENV_VAR = "LOVABLE_SANDBOX";
 function isSandboxEnvironment() {
@@ -627,6 +708,9 @@ function defineConfig(configOrOptions = {}) {
       const { devServerBridgePlugin } = await import("@lovable.dev/vite-plugin-dev-server-bridge");
       internalPlugins.push(devServerBridgePlugin());
     }
+    if (command === "serve") {
+      internalPlugins.push(lovableAssetsProxyPlugin());
+    }
     if (command === "serve" && mode === "development") {
       internalPlugins.push((0, import_lovable_tagger.componentTagger)());
     }
@@ -695,5 +779,6 @@ function defineConfig(configOrOptions = {}) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  defineConfig
+  defineConfig,
+  lovableAssetsProxyPlugin
 });

package/dist/index.d.cts

@@ -1,4 +1,15 @@
-import { PluginOption, UserConfig, ConfigEnv, UserConfigFnObject, UserConfigFnPromise, UserConfigFn } from 'vite';
+import { Plugin, PluginOption, UserConfig, ConfigEnv, UserConfigFnObject, UserConfigFnPromise, UserConfigFn } from 'vite';
+
+/**
+ * Forwards `/__l5e/assets-v1/*` requests from the Vite dev server to the
+ * Lovable preview proxy so assets resolve when the page is loaded directly
+ * from the sandbox dev server (e.g. `localhost:8080`) instead of via
+ * `*.lovable.app` / `*.lovableproject.com`.
+ *
+ * No-op unless `LOVABLE_PREVIEW_HOST` is set (host only, no scheme), e.g.
+ * `id-preview--<project-id>.lovable.app`.
+ */
+declare function lovableAssetsProxyPlugin(): Plugin;
 
 interface LovableViteTanstackOptions {
     plugins?: PluginOption[];
@@ -59,4 +70,4 @@ declare function defineConfig(config: UserConfigFnPromise): (env: ConfigEnv) =>
 declare function defineConfig(config: UserConfigFn): (env: ConfigEnv) => Promise<UserConfig>;
 declare function defineConfig(options?: LovableViteTanstackOptions): (env: ConfigEnv) => Promise<UserConfig>;
 
-export { type LovableViteTanstackOptions, defineConfig };
+export { type LovableViteTanstackOptions, defineConfig, lovableAssetsProxyPlugin };

package/dist/index.d.ts

@@ -1,4 +1,15 @@
-import { PluginOption, UserConfig, ConfigEnv, UserConfigFnObject, UserConfigFnPromise, UserConfigFn } from 'vite';
+import { Plugin, PluginOption, UserConfig, ConfigEnv, UserConfigFnObject, UserConfigFnPromise, UserConfigFn } from 'vite';
+
+/**
+ * Forwards `/__l5e/assets-v1/*` requests from the Vite dev server to the
+ * Lovable preview proxy so assets resolve when the page is loaded directly
+ * from the sandbox dev server (e.g. `localhost:8080`) instead of via
+ * `*.lovable.app` / `*.lovableproject.com`.
+ *
+ * No-op unless `LOVABLE_PREVIEW_HOST` is set (host only, no scheme), e.g.
+ * `id-preview--<project-id>.lovable.app`.
+ */
+declare function lovableAssetsProxyPlugin(): Plugin;
 
 interface LovableViteTanstackOptions {
     plugins?: PluginOption[];
@@ -59,4 +70,4 @@ declare function defineConfig(config: UserConfigFnPromise): (env: ConfigEnv) =>
 declare function defineConfig(config: UserConfigFn): (env: ConfigEnv) => Promise<UserConfig>;
 declare function defineConfig(options?: LovableViteTanstackOptions): (env: ConfigEnv) => Promise<UserConfig>;
 
-export { type LovableViteTanstackOptions, defineConfig };
+export { type LovableViteTanstackOptions, defineConfig, lovableAssetsProxyPlugin };

package/dist/index.js

@@ -1,6 +1,86 @@
 // src/index.ts
 import { componentTagger } from "lovable-tagger";
 import { mergeConfig, loadEnv } from "vite";
+
+// src/assetsProxyPlugin.ts
+import https from "https";
+var ASSET_RE = /^\/__l5e\/assets-v1\//;
+var PREVIEW_HOST_ENV = "LOVABLE_PREVIEW_HOST";
+var HOP_BY_HOP = /* @__PURE__ */ new Set([
+  "host",
+  "connection",
+  "keep-alive",
+  "proxy-authenticate",
+  "proxy-authorization",
+  "te",
+  "trailer",
+  "transfer-encoding",
+  "upgrade",
+  "content-length",
+  "cookie"
+]);
+function pickRequestHeaders(src) {
+  const out = {};
+  for (const [k, v] of Object.entries(src)) {
+    if (v === void 0)
+      continue;
+    if (HOP_BY_HOP.has(k.toLowerCase()))
+      continue;
+    out[k] = v;
+  }
+  return out;
+}
+function lovableAssetsProxyPlugin() {
+  const previewHost = process.env[PREVIEW_HOST_ENV]?.trim();
+  return {
+    name: "lovable:assets-proxy",
+    apply: "serve",
+    configureServer(server) {
+      if (!previewHost)
+        return;
+      const middleware = (req, res, next) => {
+        const url = req.url ?? "";
+        if (!ASSET_RE.test(url))
+          return next();
+        const upstream = https.request(
+          {
+            host: previewHost,
+            port: 443,
+            method: req.method,
+            path: url,
+            headers: { ...pickRequestHeaders(req.headers), host: previewHost }
+          },
+          (upRes) => {
+            res.statusCode = upRes.statusCode ?? 502;
+            for (const [k, v] of Object.entries(upRes.headers)) {
+              if (v === void 0)
+                continue;
+              if (HOP_BY_HOP.has(k.toLowerCase()))
+                continue;
+              res.setHeader(k, v);
+            }
+            upRes.pipe(res);
+          }
+        );
+        upstream.on("error", (err) => {
+          server.config.logger.warn(
+            `[@lovable.dev/vite-tanstack-config] asset proxy ${url} \u2192 ${previewHost} failed: ${err.message}`
+          );
+          if (!res.headersSent) {
+            res.statusCode = 502;
+            res.end();
+          } else {
+            res.destroy(err);
+          }
+        });
+        req.pipe(upstream);
+      };
+      server.middlewares.use(middleware);
+    }
+  };
+}
+
+// src/index.ts
 var SANDBOX_ENV_VAR = "DEV_SERVER__PROJECT_PATH";
 var LOVABLE_SANDBOX_ENV_VAR = "LOVABLE_SANDBOX";
 function isSandboxEnvironment() {
@@ -593,6 +673,9 @@ function defineConfig(configOrOptions = {}) {
       const { devServerBridgePlugin } = await import("@lovable.dev/vite-plugin-dev-server-bridge");
       internalPlugins.push(devServerBridgePlugin());
     }
+    if (command === "serve") {
+      internalPlugins.push(lovableAssetsProxyPlugin());
+    }
     if (command === "serve" && mode === "development") {
       internalPlugins.push(componentTagger());
     }
@@ -660,5 +743,6 @@ function defineConfig(configOrOptions = {}) {
   };
 }
 export {
-  defineConfig
+  defineConfig,
+  lovableAssetsProxyPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lovable.dev/vite-tanstack-config",
-  "version": "2.6.1",
+  "version": "2.6.2-rc.0",
   "description": "Vite config wrapper for Lovable TanStack Start projects",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",