@teamvelix/velix 5.1.6 → 5.2.0

package/README.md

@@ -146,7 +146,7 @@ velix g component <name>   # Generate a component
 velix g api <name>         # Generate an API route
 velix g layout <name>      # Generate a layout
 velix g action <name>      # Generate a server action
-velix g middleware <name>  # Generate middleware
+velix g proxy <name>       # Generate a proxy interceptor
 velix g hook <name>        # Generate a custom hook
 velix g context <name>     # Generate a React context
 ```

package/dist/build/index.js

@@ -1,5 +1,6 @@
-export { build, build_default as default } from '../chunk-BXDKUP2L.js';
-import '../chunk-RFWV4CDG.js';
+export { build, build_default as default } from '../chunk-XXPHGRLC.js';
+import '../chunk-QIPVMOXL.js';
 import '../chunk-F24Q2MX3.js';
+import '../chunk-4S5YQJHB.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/chunk-4S5YQJHB.js

@@ -0,0 +1,11 @@
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+// ../../node_modules/.pnpm/tsup@8.5.1_jiti@2.6.1_postc_36112cdf9ab6125b194fc7941daee874/node_modules/tsup/assets/esm_shims.js
+var getFilename = () => fileURLToPath(import.meta.url);
+var getDirname = () => path.dirname(getFilename());
+var __dirname$1 = /* @__PURE__ */ getDirname();
+
+export { __dirname$1 as __dirname };
+//# sourceMappingURL=chunk-4S5YQJHB.js.map
+//# sourceMappingURL=chunk-4S5YQJHB.js.map

package/dist/chunk-4S5YQJHB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../node_modules/.pnpm/tsup@8.5.1_jiti@2.6.1_postc_36112cdf9ab6125b194fc7941daee874/node_modules/tsup/assets/esm_shims.js"],"names":["__dirname"],"mappings":";;;;AAIA,IAAM,WAAA,GAAc,MAAM,aAAA,CAAc,MAAA,CAAA,IAAA,CAAY,GAAG,CAAA;AACvD,IAAM,UAAA,GAAa,MAAM,IAAA,CAAK,OAAA,CAAQ,aAAa,CAAA;AAE5C,IAAMA,8BAA4B,UAAA","file":"chunk-4S5YQJHB.js","sourcesContent":["// Shim globals in esm bundle\nimport path from 'node:path'\nimport { fileURLToPath } from 'node:url'\n\nconst getFilename = () => fileURLToPath(import.meta.url)\nconst getDirname = () => path.dirname(getFilename())\n\nexport const __dirname = /* @__PURE__ */ getDirname()\nexport const __filename = /* @__PURE__ */ getFilename()\n"]}

package/dist/{chunk-TGNK4MY5.js → chunk-DTF3KTLR.js}

@@ -1,6 +1,7 @@
-import { logger_default, buildRouteTree, matchRoute, VERSION } from './chunk-RFWV4CDG.js';
+import { logger_default, buildRouteTree, matchRoute, VERSION } from './chunk-QIPVMOXL.js';
 import { loadConfig, resolvePaths } from './chunk-F24Q2MX3.js';
-import { getRegisteredIslands, generateAdvancedHydrationScript } from './chunk-OIZNYND3.js';
+import { getRegisteredIslands, generateAdvancedHydrationScript } from './chunk-JI2HJFUT.js';
+import { __dirname as __dirname$1 } from './chunk-4S5YQJHB.js';
 import http from 'http';
 import fs4 from 'fs';
 import path4 from 'path';
@@ -12,6 +13,7 @@ import { renderToString } from 'react-dom/server';
 import { spawnSync, spawn } from 'child_process';
 export { useFormStatus } from 'react-dom';
 import esbuild from 'esbuild';
+export { VelixHttpError, buildApiManifest, defineLoader, defineRoute, handleApiRequest, serverAction as serverAction2 } from '@teamvelix/velix-core';
 
 var middlewares = {
   cors(options = {}) {
@@ -67,20 +69,23 @@ var middlewares = {
   }
 };
 async function loadMiddleware(projectRoot) {
-  const middlewareDir = path4.join(projectRoot, "middleware");
   const fns = [];
-  if (!fs4.existsSync(middlewareDir)) return fns;
-  const files = fs4.readdirSync(middlewareDir).filter((f) => /\.(ts|js)$/.test(f)).sort();
-  for (const file of files) {
+  const possibleFiles = ["proxy.ts", "proxy.js"];
+  for (const file of possibleFiles) {
+    const filePath = path4.join(projectRoot, file);
+    if (!fs4.existsSync(filePath)) continue;
     try {
-      const filePath = path4.join(middlewareDir, file);
       const { pathToFileURL: pathToFileURL3 } = await import('url');
       const url = pathToFileURL3(filePath).href;
       const mod = await import(`${url}?t=${Date.now()}`);
-      const fn = mod.default || mod.middleware;
-      if (typeof fn === "function") fns.push(fn);
+      const fn = mod.default || mod.proxy || mod.middleware;
+      if (typeof fn === "function") {
+        fns.push(fn);
+        break;
+      }
     } catch (err) {
-      console.warn(`\u26A0 Failed to load middleware ${file}: ${err.message}`);
+      const error = err;
+      console.warn(`\u26A0 Failed to load proxy ${file}: ${error.message}`);
     }
   }
   return fns;
@@ -265,11 +270,12 @@ async function loadPlugins(projectRoot, config) {
             console.warn(`\u26A0 Plugin not found: ${entry}`);
           }
         }
-      } else if (typeof entry === "object" && entry.name) {
+      } else if (typeof entry === "object" && entry !== null && "name" in entry) {
         pluginManager.register(entry);
       }
     } catch (err) {
-      console.warn(`\u26A0 Failed to load plugin: ${err.message}`);
+      const error = err;
+      console.warn(`\u26A0 Failed to load plugin: ${error?.message || String(error)}`);
     }
   }
 }
@@ -284,10 +290,11 @@ function definePlugin(definition) {
     name: "velix:security",
     hooks: {
       [PluginHooks.RESPONSE]: (_req, res) => {
-        if (!res.headersSent) {
-          res.setHeader("X-Content-Type-Options", "nosniff");
-          res.setHeader("X-Frame-Options", "DENY");
-          res.setHeader("X-XSS-Protection", "1; mode=block");
+        const response = res;
+        if (!response.headersSent) {
+          response.setHeader("X-Content-Type-Options", "nosniff");
+          response.setHeader("X-Frame-Options", "DENY");
+          response.setHeader("X-XSS-Protection", "1; mode=block");
         }
       }
     }
@@ -299,7 +306,8 @@ function definePlugin(definition) {
     name: "velix:logger",
     hooks: {
       [PluginHooks.RESPONSE]: (req, _res, duration) => {
-        console.log(`  ${req.method} ${req.url} ${duration}ms`);
+        const request = req;
+        console.log(`  ${request.method} ${request.url} ${duration}ms`);
       }
     }
   })
@@ -325,7 +333,8 @@ function tailwindPlugin(options = {}) {
   return definePlugin({
     name: "velix:tailwind",
     hooks: {
-      [PluginHooks.CONFIG]: (config) => {
+      [PluginHooks.CONFIG]: (configArg) => {
+        const config = configArg;
         const relativeOutput = output.startsWith("./") ? output.substring(1) : output;
         const stylePath = relativeOutput.startsWith("/public") ? relativeOutput.substring(7) : relativeOutput;
         if (!config.styles) config.styles = [];
@@ -349,7 +358,8 @@ function tailwindPlugin(options = {}) {
           logger_default.error("Tailwind build failed", err);
         }
       },
-      [PluginHooks.SERVER_START]: async (server, isDev) => {
+      [PluginHooks.SERVER_START]: async (server, isDevArg) => {
+        const isDev = isDevArg;
         if (!isDev) return;
         if (!fs4.existsSync(input)) {
           logger_default.warn(`Tailwind input file not found: ${input}`);
@@ -856,7 +866,8 @@ async function executeAction(actionId, args, context) {
   try {
     const result = await action(...args);
     return { success: true, data: result };
-  } catch (error) {
+  } catch (err) {
+    const error = err;
     if (error instanceof RedirectError) return { success: true, redirect: error.url };
     if (error instanceof NotFoundError) return { success: false, error: "Not found" };
     return { success: false, error: error.message || "Action failed" };
@@ -878,7 +889,8 @@ async function callServerAction(actionId, args) {
       window.location.href = result.redirect;
     }
     return result;
-  } catch (error) {
+  } catch (err) {
+    const error = err;
     return { success: false, error: error.message || "Network error" };
   }
 }
@@ -951,7 +963,8 @@ function formAction(action) {
     try {
       const result = await action(formData);
       return { success: true, data: result };
-    } catch (error) {
+    } catch (err) {
+      const error = err;
       if (error instanceof RedirectError) return { success: true, redirect: error.url };
       return { success: false, error: error.message };
     }
@@ -1808,8 +1821,6 @@ function generate500Page(options) {
 </body>
 </html>`;
 }
-
-// server/index.ts
 function getProjectVersion(dep, projectRoot) {
   try {
     const projectRequire = createRequire(pathToFileURL(path4.join(projectRoot, "package.json")).href);
@@ -1891,7 +1902,7 @@ async function createServer(options = {}) {
         return;
       }
       if (pathname === "/__velix/image") {
-        const { handleImageOptimization } = await import('./image-optimizer-I6TWWH6W.js');
+        const { handleImageOptimization } = await import('./image-optimizer-KPRXE5VI.js');
         await handleImageOptimization(req, res, projectRoot);
         return;
       }
@@ -1920,13 +1931,14 @@ async function createServer(options = {}) {
       res.end(generate404Page(pathname));
       if (isDev) logger_default.request(req.method || "GET", pathname, 404, Date.now() - requestStart);
     } catch (error) {
+      const err = error;
       console.error("Server error:", error);
       if (!res.headersSent) {
         res.writeHead(500, { "Content-Type": "text/html; charset=utf-8" });
         res.end(generate500Page({
           title: "Server Error",
-          message: error.message || "An unexpected error occurred",
-          stack: isDev ? error.stack : void 0,
+          message: err.message || "An unexpected error occurred",
+          stack: isDev ? err.stack : void 0,
           isDev,
           pathname
         }));
@@ -2053,26 +2065,26 @@ async function handleApiRoute(route, req, res, url) {
       res.end(JSON.stringify({ error: "Method not allowed" }));
       return;
     }
-    let body;
+    let rawBody;
     if (["POST", "PUT", "PATCH"].includes(method)) {
-      body = await parseRequestBody(req);
+      rawBody = await parseRawBody(req);
     }
-    const request = {
-      method,
-      url: req.url,
-      headers: req.headers,
-      params: route.params || {},
-      query: Object.fromEntries(url.searchParams),
-      body,
-      json: () => body
-    };
-    const response = await handler(request);
+    const headers2 = new Headers();
+    for (const [key, val] of Object.entries(req.headers)) {
+      if (Array.isArray(val)) val.forEach((v) => headers2.append(key, v));
+      else if (val) headers2.set(key, val);
+    }
+    const reqInit = { method, headers: headers2 };
+    if (rawBody !== void 0) reqInit.body = rawBody;
+    const request = new Request(url.href, reqInit);
+    request.velixUrl = url;
+    const response = await handler(request, { params: route.params || {} });
     if (response instanceof Response) {
-      const headers2 = {};
+      const headers3 = {};
       response.headers.forEach((v, k) => {
-        headers2[k] = v;
+        headers3[k] = v;
       });
-      res.writeHead(response.status, headers2);
+      res.writeHead(response.status, headers3);
       const text2 = await response.text();
       res.end(text2);
     } else if (typeof response === "object") {
@@ -2083,8 +2095,9 @@ async function handleApiRoute(route, req, res, url) {
       res.end(String(response));
     }
   } catch (err) {
+    const error = err;
     res.writeHead(500, { "Content-Type": "application/json" });
-    res.end(JSON.stringify({ error: err.message }));
+    res.end(JSON.stringify({ error: error.message }));
   }
 }
 async function handleServerAction(req, res) {
@@ -2100,8 +2113,9 @@ async function handleServerAction(req, res) {
     res.writeHead(200, { "Content-Type": "application/json" });
     res.end(JSON.stringify(result));
   } catch (err) {
+    const error = err;
     res.writeHead(500, { "Content-Type": "application/json" });
-    res.end(JSON.stringify({ success: false, error: err.message }));
+    res.end(JSON.stringify({ success: false, error: error.message }));
   }
 }
 async function handlePageRoute(route, routes, req, res, url, config, isDev, projectRoot) {
@@ -2166,9 +2180,14 @@ async function handlePageRoute(route, routes, req, res, url, config, isDev, proj
     const headInjectionsHtml = `
     ${headInjections}
     `;
+    const hmrScript = isDev ? `
+    <script type="module">
+      import { initHMRClient, VelixDevOverlay } from '/__velix/hmr-client.js';
+      initHMRClient();
+    </script>` : "";
     const bodyInjectionsHtml = `
     <div id="__velix-islands"></div>
-    ${hydrationScript}${devToolsHtml}
+    ${hydrationScript}${devToolsHtml}${hmrScript}
     `;
     if (finalHtml.includes("<html")) {
       const headEnd = finalHtml.lastIndexOf("</head>");
@@ -2204,12 +2223,13 @@ async function handlePageRoute(route, routes, req, res, url, config, isDev, proj
     res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
     res.end(finalHtml);
   } catch (err) {
-    logger_default.error(`Render error: ${route.path}`, err);
+    const error = err;
+    logger_default.error(`Render error: ${route.path}`, error);
     res.writeHead(500, { "Content-Type": "text/html; charset=utf-8" });
     res.end(generate500Page({
       title: "Render Error",
-      message: err.message || "Failed to render page",
-      stack: isDev ? err.stack : void 0,
+      message: error.message || "Failed to render page",
+      stack: isDev ? error.stack : void 0,
       isDev,
       pathname: route.path
     }));
@@ -2252,6 +2272,38 @@ async function serveVelixInternal(pathname, req, res, projectRoot) {
     }
     return;
   }
+  if (pathname === "/__velix/hmr-client.js") {
+    try {
+      const candidates = [
+        path4.join(process.cwd(), "packages", "velix-react", "src", "hmr", "hmr-client.ts"),
+        path4.join(process.cwd(), "node_modules", "@teamvelix", "velix-react", "src", "hmr", "hmr-client.ts"),
+        path4.join(__dirname$1, "..", "..", "velix-react", "src", "hmr", "hmr-client.ts")
+      ];
+      const hmrClientSrc = candidates.find((p) => fs4.existsSync(p));
+      if (!hmrClientSrc) {
+        res.writeHead(404);
+        res.end();
+        return;
+      }
+      const result = await esbuild.build({
+        entryPoints: [hmrClientSrc],
+        bundle: true,
+        format: "esm",
+        platform: "browser",
+        target: ["es2022"],
+        minify: true,
+        write: false
+      });
+      res.writeHead(200, { "Content-Type": "application/javascript", "Cache-Control": "no-cache" });
+      res.end(result.outputFiles[0].text);
+      return;
+    } catch (err) {
+      console.error("HMR Client build failed", err);
+      res.writeHead(500);
+      res.end();
+      return;
+    }
+  }
   if (pathname.startsWith("/__velix/islands/") && pathname.endsWith(".js")) {
     const componentName = pathname.replace("/__velix/islands/", "").replace(".js", "");
     try {
@@ -2292,9 +2344,10 @@ async function serveVelixInternal(pathname, req, res, projectRoot) {
       res.end(result.outputFiles[0].text);
       return;
     } catch (err) {
-      logger_default.error(`Island bundling failed: ${componentName}`, err);
+      const error = err;
+      logger_default.error(`Island bundling failed: ${componentName}`, error);
       res.writeHead(500);
-      res.end(`console.error("Island bundling failed: ${err.message}");`);
+      res.end(`console.error("Island bundling failed: ${error.message}");`);
       return;
     }
   }
@@ -2319,7 +2372,7 @@ async function serveVelixInternal(pathname, req, res, projectRoot) {
       return;
     }
   }
-  res.writeHead(404);
+  res.writeHead(404, { "Content-Type": "text/plain" });
   res.end("Not found");
 }
 function parseRequestBody(req) {
@@ -2340,8 +2393,18 @@ function parseRequestBody(req) {
     req.on("error", reject);
   });
 }
+function parseRawBody(req) {
+  return new Promise((resolve, reject) => {
+    let body = "";
+    req.on("data", (chunk) => {
+      body += chunk;
+    });
+    req.on("end", () => resolve(body));
+    req.on("error", reject);
+  });
+}
 var server_default = { createServer, tailwindPlugin };
 
 export { NotFoundError, PluginHooks, PluginManager, RedirectError, bindArgs, callServerAction, composeMiddleware, cookies, createServer, definePlugin, deserializeArgs, executeAction, formAction, generateJsonLd, generateMetadataTags, generateRobotsTxt, generateSitemap, getAction, getMethod, getPathname, headers, html, isMethod, json, jsonLd, loadMiddleware, loadPlugins, mergeMetadata, middlewares, notFound, parseFormData, parseJson, parseSearchParams, pluginManager, redirect, registerAction, runMiddleware, serverAction, server_default, tailwindPlugin, text, useActionContext, useVelixAction };
-//# sourceMappingURL=chunk-TGNK4MY5.js.map
-//# sourceMappingURL=chunk-TGNK4MY5.js.map
+//# sourceMappingURL=chunk-DTF3KTLR.js.map
+//# sourceMappingURL=chunk-DTF3KTLR.js.map