@mauroandre/velojs 0.0.48 → 0.0.50

package/agent/skills/velojs-vite-plugin/SKILL.md

@@ -7,17 +7,36 @@ description: "The `veloPlugin` build pipeline: the 9 AST transforms that inject
 
 The `veloPlugin()` is the core of VeloJS. It's a single function that returns 6 Vite plugins working together to handle routing, SSR, code transforms, and more.
 
-## The 6 plugins
+## The 7 plugins
 
 | Plugin | What it does |
 |--------|-------------|
 | `velo:config` | Sets up build config for client/server modes, Preact aliases, and environment defines |
 | `velo:transform` | Performs AST transforms on your code (the most important plugin) |
 | `velo:static-url` | Rewrites CSS `url(/path)` to use `STATIC_BASE_URL` in production builds |
+| `velo:graph` | Generates `.velojs/graph.json` (route tree + dependency graph) on build and dev |
 | `@preact/preset-vite` | Adds Preact JSX support |
 | `@hono/vite-dev-server` | Runs the SSR dev server |
 | `velo:ws-bridge` | Exposes Vite's HTTP server for WebSocket handlers during development |
 
+## Dev server: what is served × intercepted
+
+During `velojs dev`, every request that is **not** excluded falls through to the SSR app — if no route matches, it gets the app's 404/fallback HTML. Excluded (delegated to Vite, which serves and transforms them as modules): `.js`, `.mjs`, `.ts`, `.tsx`, `.jsx`, `.css`, `.md`, `.svelte`, `.vue`, `/@vite/*`, `/node_modules/*`, `/static/*`, and `?t=` cache-busted requests.
+
+Project `.mjs` files are covered — relevant for build-time generators (Panda CSS, vanilla-extract) that emit ESM artifacts such as `styled-system/`.
+
+Need more patterns? Declare them in the plugin config — they are **composed with** the defaults, not a replacement:
+
+```typescript
+export default defineConfig({
+    plugins: [
+        veloPlugin({
+            devServerExclude: ["/generated/**"],
+        }),
+    ],
+});
+```
+
 ## AST Transformations
 
 The `velo:transform` plugin uses Babel to modify your code at build time. It applies 9 transformations to `.ts`/`.tsx` files inside your `appDirectory` (a file elsewhere, or a `.js`/`.jsx` one, is not transformed at all):

package/dist/config.d.ts

@@ -25,5 +25,12 @@ export interface VeloConfig {
      * @default 3000
      */
     port?: number;
+    /**
+     * Padrões adicionais de URL que o dev server deve delegar ao Vite em vez
+     * de interceptar como página (ex.: artefatos de geradores build-time como
+     * Panda CSS — "/styled-system/**"). Compostos com os defaults do
+     * @hono/vite-dev-server, não os substituem.
+     */
+    devServerExclude?: (string | RegExp)[];
 }
 export declare function defineConfig(config: VeloConfig): VeloConfig;

package/dist/server.js

@@ -39,7 +39,7 @@ const N = (e) => JSON.stringify(e).replace(/</g, "\\u003c").replace(/>/g, "\\u00
   if (e.header("Cache-Control", "no-cache"), !s)
     return e.html(n);
   const a = `<script>window.__PAGE_DATA__=${N(s)}<\/script>`;
-  return e.html(n.replace("</head>", `${a}</head>`));
+  return e.html(n.replace("</head>", () => `${a}</head>`));
 }, G = async (e, t) => {
   const s = t.req.param(), r = t.req.query(), o = { params: s, query: r, c: t }, n = await Promise.all(
     e.map(async (i) => {

package/dist/static.js

@@ -21,7 +21,7 @@ async function h(c, e = "") {
           for (const p of u) {
             let f = s;
             for (const [m, w] of Object.entries(p))
-              f = f.replace(`:${m}`, w);
+              f = f.replace(`:${m}`, () => w);
             o.push({ fullPath: f, module: t.module });
           }
         } else

package/dist/vite.d.ts

@@ -66,4 +66,14 @@ export declare function buildFullPathMap(code: string): Map<string, PathInfo>;
  * Percorre recursivamente a árvore de rotas e coleta moduleName → { fullPath, path }
  */
 export declare function collectFullPaths(elements: (t.Expression | t.SpreadElement | null)[], parentPath: string, result: Map<string, PathInfo>): void;
+/**
+ * @hono/vite-dev-server treats `exclude` as all-or-nothing: passing one
+ * replaces the defaults entirely. We compose instead — the upstream defaults
+ * (imported, so they track the installed version) plus `.mjs`, which upstream
+ * misses: build-time generators (Panda CSS, vanilla-extract) emit ESM
+ * artifacts inside the project, and a project `.mjs` that falls through to
+ * the SSR app comes back as fallback HTML/404 — the browser's ESM import
+ * dies silently.
+ */
+export declare function devServerExcludeFor(veloConfig: VeloConfig): (string | RegExp)[];
 export declare function veloPlugin(config?: VeloConfig): PluginOption[];

package/dist/vite.js

@@ -1,15 +1,15 @@
 import d from "node:path";
 import g from "node:fs";
 import R from "@preact/preset-vite";
-import $ from "@hono/vite-dev-server";
+import $, { defaultOptions as U } from "@hono/vite-dev-server";
 import { parse as h } from "@babel/parser";
 import j from "@babel/traverse";
 import L from "@babel/generator";
 import * as e from "@babel/types";
-import { buildGraph as U } from "./graph.js";
-const m = typeof j == "function" ? j : j.default, _ = typeof L == "function" ? L : L.default;
-function W(p, o, n, i) {
-  const l = h(p, {
+import { buildGraph as W } from "./graph.js";
+const m = typeof j == "function" ? j : j.default, v = typeof L == "function" ? L : L.default;
+function J(u, o, n, i) {
+  const l = h(u, {
     sourceType: "module",
     plugins: ["typescript", "jsx"]
   });
@@ -22,7 +22,7 @@ function W(p, o, n, i) {
         const r = c.declarations[0];
         if (r && e.isIdentifier(r.id, { name: "metadata" }) && e.isObjectExpression(r.init)) {
           t = !0;
-          const f = r.init.properties.filter((v) => e.isObjectProperty(v) && e.isIdentifier(v.key) ? v.key.name !== "moduleId" && v.key.name !== "fullPath" && v.key.name !== "path" : !0), y = [
+          const f = r.init.properties.filter((_) => e.isObjectProperty(_) && e.isIdentifier(_.key) ? _.key.name !== "moduleId" && _.key.name !== "fullPath" && _.key.name !== "path" : !0), y = [
             e.objectProperty(
               e.identifier("moduleId"),
               e.stringLiteral(o)
@@ -70,10 +70,10 @@ function W(p, o, n, i) {
     );
     l.program.body.unshift(c);
   }
-  return _(l, { retainLines: !0 }).code;
+  return v(l, { retainLines: !0 }).code;
 }
-function J(p, o) {
-  const n = h(p, {
+function B(u, o) {
+  const n = h(u, {
     sourceType: "module",
     plugins: ["typescript", "jsx"]
   });
@@ -81,13 +81,13 @@ function J(p, o) {
     CallExpression(l) {
       const t = l.node.callee, a = e.isIdentifier(t, { name: "Loader" }) || e.isTSInstantiationExpression(t) && e.isIdentifier(t.expression, { name: "Loader" }), s = e.isIdentifier(t, { name: "useLoader" }) || e.isTSInstantiationExpression(t) && e.isIdentifier(t.expression, { name: "useLoader" });
       if (!a && !s) return;
-      const c = l.node.arguments, r = e.stringLiteral(o), u = c[0];
-      e.isStringLiteral(u) && u.value.includes("/") || (l.node.arguments = [r, ...c]);
+      const c = l.node.arguments, r = e.stringLiteral(o), p = c[0];
+      e.isStringLiteral(p) && p.value.includes("/") || (l.node.arguments = [r, ...c]);
     }
-  }), _(n, { retainLines: !0 }).code;
+  }), v(n, { retainLines: !0 }).code;
 }
-function B(p, o) {
-  const n = h(p, {
+function M(u, o) {
+  const n = h(u, {
     sourceType: "module",
     plugins: ["typescript", "jsx"]
   });
@@ -101,13 +101,13 @@ function B(p, o) {
       if (!s.startsWith("action_")) return;
       const c = s.replace("action_", ""), r = a.init;
       if (!e.isArrowFunctionExpression(r) || !r.async) return;
-      const u = r.params, f = M(o, c, u);
-      r.body = e.blockStatement([e.returnStatement(f)]), H(r, u);
+      const p = r.params, f = H(o, c, p);
+      r.body = e.blockStatement([e.returnStatement(f)]), G(r, p);
     }
-  }), _(n, { retainLines: !0 }).code;
+  }), v(n, { retainLines: !0 }).code;
 }
-function M(p, o, n) {
-  const i = `/_action/${p}/${o}`;
+function H(u, o, n) {
+  const i = `/_action/${u}/${o}`;
   return n.length === 0 ? e.callExpression(
     e.memberExpression(
       e.callExpression(e.identifier("fetch"), [
@@ -176,7 +176,7 @@ function M(p, o, n) {
     ]
   );
 }
-function H(p, o) {
+function G(u, o) {
   if (o.length === 0) return;
   const n = o[0];
   if (e.isObjectPattern(n)) {
@@ -199,11 +199,11 @@ function H(p, o) {
           e.tsTypeAnnotation(i)
         )
       ])
-    )), p.params = [t];
+    )), u.params = [t];
   }
 }
-function G(p, o) {
-  const n = h(p, {
+function z(u, o) {
+  const n = h(u, {
     sourceType: "module",
     plugins: ["typescript", "jsx"]
   });
@@ -227,10 +227,10 @@ function G(p, o) {
         )
       ]), a.id.typeAnnotation = null;
     }
-  }), _(n, { retainLines: !0 }).code;
+  }), v(n, { retainLines: !0 }).code;
 }
-function z(p, o) {
-  const n = h(p, {
+function Y(u, o) {
+  const n = h(u, {
     sourceType: "module",
     plugins: ["typescript", "jsx"]
   });
@@ -254,10 +254,10 @@ function z(p, o) {
         )
       ]), a.id.typeAnnotation = null;
     }
-  }), _(n, { retainLines: !0 }).code;
+  }), v(n, { retainLines: !0 }).code;
 }
-function Y(p) {
-  const o = h(p, {
+function X(u) {
+  const o = h(u, {
     sourceType: "module",
     plugins: ["typescript", "jsx"]
   });
@@ -268,14 +268,14 @@ function Y(p) {
       const t = l.declarations[0];
       !t || !e.isIdentifier(t.id) || t.id.name === "loader" && i.remove();
     }
-  }), _(o, { retainLines: !0 }).code;
+  }), v(o, { retainLines: !0 }).code;
 }
-function X(p) {
-  const o = h(p, {
+function q(u) {
+  const o = h(u, {
     sourceType: "module",
     plugins: ["typescript", "jsx"]
   }), n = /* @__PURE__ */ new Set();
-  x(o.program, n);
+  S(o.program, n);
   let i = !1;
   return m(o, {
     ImportDeclaration(t) {
@@ -284,10 +284,10 @@ function X(p) {
       const s = a.filter((c) => n.has(c.local.name));
       s.length !== a.length && (i = !0, s.length === 0 ? t.remove() : t.node.specifiers = s);
     }
-  }), i ? _(o, { retainLines: !0 }).code : p;
+  }), i ? v(o, { retainLines: !0 }).code : u;
 }
-function q(p) {
-  const o = h(p, {
+function K(u) {
+  const o = h(u, {
     sourceType: "module",
     plugins: ["typescript", "jsx"]
   }), n = [];
@@ -295,23 +295,23 @@ function q(p) {
     ObjectProperty(s) {
       e.isIdentifier(s.node.key, { name: "middlewares" }) && (n.push(s.node.value), s.remove());
     }
-  }), n.length === 0) return p;
+  }), n.length === 0) return u;
   const i = /* @__PURE__ */ new Set();
   for (const s of n)
-    x(s, i);
+    S(s, i);
   const l = /* @__PURE__ */ new Set();
-  x(o.program, l);
+  S(o.program, l);
   const t = /* @__PURE__ */ new Set();
   for (const s of i)
     l.has(s) || t.add(s);
   return t.size > 0 && m(o, {
     ImportDeclaration(s) {
-      const c = s.node.specifiers, r = c.filter((u) => !t.has(u.local.name));
+      const c = s.node.specifiers, r = c.filter((p) => !t.has(p.local.name));
       r.length === 0 ? s.remove() : r.length !== c.length && (s.node.specifiers = r);
     }
-  }), _(o, { retainLines: !0 }).code;
+  }), v(o, { retainLines: !0 }).code;
 }
-function x(p, o) {
+function S(u, o) {
   const n = (i) => {
     if (!(!i || typeof i != "object")) {
       if (Array.isArray(i)) {
@@ -339,60 +339,60 @@ function x(p, o) {
           l === "loc" || l === "start" || l === "end" || l === "leadingComments" || l === "trailingComments" || l === "innerComments" || n(i[l]);
     }
   };
-  n(p);
+  n(u);
 }
-function K(p) {
-  for (const o of p.properties)
+function Q(u) {
+  for (const o of u.properties)
     if (e.isObjectProperty(o) && e.isIdentifier(o.key) && o.key.name === "handler")
       return !0;
   return !1;
 }
-function Q(p) {
-  for (const o of p.properties)
+function Z(u) {
+  for (const o of u.properties)
     if (e.isObjectProperty(o) && e.isIdentifier(o.key) && o.key.name === "children" && e.isArrayExpression(o.value))
       return o.value;
   return null;
 }
-function Z(p) {
-  const o = h(p, {
+function ee(u) {
+  const o = h(u, {
     sourceType: "module",
     plugins: ["typescript", "jsx"]
   }), n = [], i = (c) => {
     for (let r = c.elements.length - 1; r >= 0; r--) {
-      const u = c.elements[r];
-      if (!e.isObjectExpression(u)) continue;
-      if (K(u)) {
-        n.push(u), c.elements.splice(r, 1);
+      const p = c.elements[r];
+      if (!e.isObjectExpression(p)) continue;
+      if (Q(p)) {
+        n.push(p), c.elements.splice(r, 1);
         continue;
       }
-      const f = Q(u);
+      const f = Z(p);
       f && i(f);
     }
   };
   if (m(o, {
     ExportDefaultDeclaration(c) {
       const r = c.node.declaration;
-      let u = null;
-      e.isArrayExpression(r) ? u = r : (e.isTSSatisfiesExpression(r) && e.isArrayExpression(r.expression) || e.isTSAsExpression(r) && e.isArrayExpression(r.expression)) && (u = r.expression), u && i(u);
+      let p = null;
+      e.isArrayExpression(r) ? p = r : (e.isTSSatisfiesExpression(r) && e.isArrayExpression(r.expression) || e.isTSAsExpression(r) && e.isArrayExpression(r.expression)) && (p = r.expression), p && i(p);
     }
-  }), n.length === 0) return p;
+  }), n.length === 0) return u;
   const l = /* @__PURE__ */ new Set();
   for (const c of n)
-    x(c, l);
+    S(c, l);
   const t = /* @__PURE__ */ new Set();
-  x(o.program, t);
+  S(o.program, t);
   const a = /* @__PURE__ */ new Set();
   for (const c of l)
     t.has(c) || a.add(c);
   return a.size > 0 && m(o, {
     ImportDeclaration(c) {
-      const r = c.node.specifiers, u = r.filter((f) => !a.has(f.local.name));
-      u.length === 0 ? c.remove() : u.length !== r.length && (c.node.specifiers = u);
+      const r = c.node.specifiers, p = r.filter((f) => !a.has(f.local.name));
+      p.length === 0 ? c.remove() : p.length !== r.length && (c.node.specifiers = p);
     }
-  }), _(o, { retainLines: !0 }).code;
+  }), v(o, { retainLines: !0 }).code;
 }
-function A(p) {
-  const o = h(p, {
+function A(u) {
+  const o = h(u, {
     sourceType: "module",
     plugins: ["typescript", "jsx"]
   }), n = /* @__PURE__ */ new Map();
@@ -421,14 +421,14 @@ function A(p) {
   }
   return l;
 }
-function D(p, o, n) {
-  for (const i of p) {
+function D(u, o, n) {
+  for (const i of u) {
     if (!e.isObjectExpression(i)) continue;
     let l = "", t = o, a = null, s = null;
     for (const c of i.properties) {
       if (!e.isObjectProperty(c)) continue;
-      const r = c.key, u = e.isIdentifier(r) ? r.name : null;
-      u === "path" && e.isStringLiteral(c.value) && (l = c.value.value, l && !l.startsWith("/") ? t = o + "/" + l : t = o + l), u === "module" && e.isIdentifier(c.value) && (a = c.value.name), u === "children" && e.isArrayExpression(c.value) && (s = c.value);
+      const r = c.key, p = e.isIdentifier(r) ? r.name : null;
+      p === "path" && e.isStringLiteral(c.value) && (l = c.value.value, l && !l.startsWith("/") ? t = o + "/" + l : t = o + l), p === "module" && e.isIdentifier(c.value) && (a = c.value.name), p === "children" && e.isArrayExpression(c.value) && (s = c.value);
     }
     if (a) {
       const r = !s && l === "/" ? o || "/" : t;
@@ -440,10 +440,10 @@ function D(p, o, n) {
     s && D(s.elements, t, n);
   }
 }
-const b = "virtual:velo/server-entry", E = "virtual:velo/client-entry", P = "\0" + b, N = "\0" + E;
-function ee(p, o) {
+const E = "virtual:velo/server-entry", b = "virtual:velo/client-entry", P = "\0" + E, N = "\0" + b;
+function te(u, o) {
   let n = d.resolve(process.cwd(), o);
-  const i = p.routesFile ?? "routes.tsx", l = /* @__PURE__ */ new Map();
+  const i = u.routesFile ?? "routes.tsx", l = /* @__PURE__ */ new Map();
   return {
     name: "velo:transform",
     enforce: "pre",
@@ -464,21 +464,21 @@ function ee(p, o) {
       if (t === s) {
         const c = g.readFileSync(s, "utf-8"), r = A(c);
         l.clear();
-        for (const [u, f] of r)
-          l.set(u, f);
+        for (const [p, f] of r)
+          l.set(p, f);
         return a.ws.send({ type: "full-reload" }), [];
       }
     },
     resolveId(t) {
-      return t === b || t.endsWith(b) ? P : t === E || t.endsWith(E) || t === "/__velo_client.js" ? N : null;
+      return t === E || t.endsWith(E) ? P : t === b || t.endsWith(b) || t === "/__velo_client.js" ? N : null;
     },
     load(t) {
-      const a = p.routesFile ?? "routes.tsx", s = p.serverInit ?? "server.tsx", c = p.clientInit ?? "client.tsx", r = d.join(n, a).replace(/\.tsx?$/, ".js"), u = d.join(n, s).replace(/\.tsx?$/, ".js"), f = d.join(n, c).replace(/\.tsx?$/, ".js");
+      const a = u.routesFile ?? "routes.tsx", s = u.serverInit ?? "server.tsx", c = u.clientInit ?? "client.tsx", r = d.join(n, a).replace(/\.tsx?$/, ".js"), p = d.join(n, s).replace(/\.tsx?$/, ".js"), f = d.join(n, c).replace(/\.tsx?$/, ".js");
       return t === P ? `
 globalThis.__veloBuildHash = __VELO_BUILD_HASH__;
 globalThis.__veloClientJs = __VELO_CLIENT_JS__;
 globalThis.__veloClientCss = __VELO_CLIENT_CSS__;
-import "${u}";
+import "${p}";
 import routes from "${r}";
 import { startServer } from "@mauroandre/velojs/server";
 
@@ -495,39 +495,39 @@ startClient({ routes });
     transform(t, a, s) {
       const c = s?.ssr === !0;
       if (a.startsWith("\0") || a.includes("/.velojs/") || !a.endsWith(".tsx") && !a.endsWith(".ts") || !a.startsWith(n)) return null;
-      let r = t, u = !1;
+      let r = t, p = !1;
       const f = /middlewares:\s*\[/.test(t), y = /export\s+(const|function)\s+Component/.test(
         t
-      ), v = /export\s+(const|function)\s+loader/.test(t), C = /export\s+const\s+action_\w+/.test(t), I = /export\s+const\s+stream_\w+/.test(t), T = /export\s+const\s+socket_\w+/.test(t), w = /\bLoader\s*</.test(t) || /\bLoader\s*\(/.test(t), k = /\buseLoader\s*</.test(t) || /\buseLoader\s*\(/.test(t), F = /\bhandler\s*:/.test(t), V = d.join(n, i);
-      if (!c && f && (r = q(r), u = !0), !c && F && a === V && (r = Z(r), u = !0), y || v || C || I || T || w || k) {
-        const S = d.relative(n, a).replace(/\.(tsx?|jsx?)$/, "").replace(/\\/g, "/"), O = l.get(S);
-        r = W(r, S, O?.fullPath, O?.path), r = J(r, S), c || (r = B(
+      ), _ = /export\s+(const|function)\s+loader/.test(t), C = /export\s+const\s+action_\w+/.test(t), I = /export\s+const\s+stream_\w+/.test(t), T = /export\s+const\s+socket_\w+/.test(t), w = /\bLoader\s*</.test(t) || /\bLoader\s*\(/.test(t), k = /\buseLoader\s*</.test(t) || /\buseLoader\s*\(/.test(t), F = /\bhandler\s*:/.test(t), V = d.join(n, i);
+      if (!c && f && (r = K(r), p = !0), !c && F && a === V && (r = ee(r), p = !0), y || _ || C || I || T || w || k) {
+        const x = d.relative(n, a).replace(/\.(tsx?|jsx?)$/, "").replace(/\\/g, "/"), O = l.get(x);
+        r = J(r, x, O?.fullPath, O?.path), r = B(r, x), c || (r = M(
           r,
-          S
-        )), !c && I && (r = G(
+          x
+        )), !c && I && (r = z(
           r,
-          S
-        )), !c && T && (r = z(
+          x
+        )), !c && T && (r = Y(
           r,
-          S
-        )), c || (r = Y(r)), c || (r = X(r)), u = !0;
+          x
+        )), c || (r = X(r)), c || (r = q(r)), p = !0;
       }
-      return u ? {
+      return p ? {
         code: r,
         map: null
       } : null;
     }
   };
 }
-function te(p) {
+function re(u) {
   return {
     name: "velo:config",
     config(o, { mode: n }) {
-      const i = n === "server", l = n === "development", t = !!process.env.VELO_STATIC, a = o.server?.port ?? (Number(process.env.PORT) || p.port || 3e3);
+      const i = n === "server", l = n === "development", t = !!process.env.VELO_STATIC, a = o.server?.port ?? (Number(process.env.PORT) || u.port || 3e3);
       let s = "client.js", c = "client.css";
       if (i)
         try {
-          const u = d.resolve(process.cwd(), "dist/client/.vite/manifest.json"), y = JSON.parse(g.readFileSync(u, "utf-8"))[E];
+          const p = d.resolve(process.cwd(), "dist/client/.vite/manifest.json"), y = JSON.parse(g.readFileSync(p, "utf-8"))[b];
           y && (s = y.file || s, y.css?.[0] && (c = y.css[0]));
         } catch {
         }
@@ -541,7 +541,7 @@ function te(p) {
           __VELO_CLIENT_CSS__: JSON.stringify(c),
           // Baked into the server bundle as startServer's port fallback.
           // null when unset → startServer falls back to PORT env / 3000.
-          __VELO_CONFIG_PORT__: JSON.stringify(p.port ?? null)
+          __VELO_CONFIG_PORT__: JSON.stringify(u.port ?? null)
         },
         resolve: {
           alias: {
@@ -554,7 +554,7 @@ function te(p) {
         }
       };
       return i ? r.build = {
-        ssr: b,
+        ssr: E,
         outDir: "dist",
         emptyOutDir: !1,
         copyPublicDir: !1,
@@ -567,22 +567,22 @@ function te(p) {
         manifest: !0,
         outDir: "dist/client",
         rollupOptions: {
-          input: E,
+          input: b,
           output: {
             entryFileNames: "client.[hash].js",
-            assetFileNames: (u) => u.names?.[0]?.endsWith(".css") ? "client.[hash].css" : "[name].[hash][extname]"
+            assetFileNames: (p) => p.names?.[0]?.endsWith(".css") ? "client.[hash].css" : "[name].[hash][extname]"
           }
         }
       }), r;
     }
   };
 }
-function re() {
+function ne() {
   return {
     name: "velo:static-url",
     apply: "build",
     enforce: "post",
-    generateBundle(p, o) {
+    generateBundle(u, o) {
       const n = process.env.STATIC_BASE_URL || "";
       if (n)
         for (const i of Object.values(o))
@@ -593,13 +593,13 @@ function re() {
     }
   };
 }
-function ne(p, o) {
+function ie(u, o) {
   let n = "", i = "", l = !1, t = null;
   function a() {
     if (!n) return;
     const s = d.resolve(n, o);
     if (!g.existsSync(s)) return;
-    const c = U(s), r = d.join(n, ".velojs");
+    const c = W(s), r = d.join(n, ".velojs");
     g.mkdirSync(r, { recursive: !0 }), g.writeFileSync(
       d.join(r, "graph.json"),
       JSON.stringify(c)
@@ -616,45 +616,54 @@ function ne(p, o) {
     configureServer(s) {
       a(), l = !0;
       const c = d.resolve(n, o);
-      s.watcher.on("all", (r, u) => {
-        l && u.startsWith(c) && (t && clearTimeout(t), t = setTimeout(() => a(), 500));
+      s.watcher.on("all", (r, p) => {
+        l && p.startsWith(c) && (t && clearTimeout(t), t = setTimeout(() => a(), 500));
       });
     }
   };
 }
-function de(p) {
-  const o = p ?? {}, n = o.appDirectory ?? "./app";
+function se(u) {
   return [
-    te(o),
-    ee(o, n),
-    re(),
-    ne(o, n),
+    ...U.exclude,
+    /.*\.mjs$/,
+    ...u.devServerExclude ?? []
+  ];
+}
+function ye(u) {
+  const o = u ?? {}, n = o.appDirectory ?? "./app";
+  return [
+    re(o),
+    te(o, n),
+    ne(),
+    ie(o, n),
     R(),
     $({
-      entry: b
+      entry: E,
+      exclude: se(o)
     }),
-    ie()
+    oe()
   ];
 }
-function ie() {
+function oe() {
   return {
     name: "velo:ws-bridge",
-    configureServer(p) {
-      globalThis.__veloDevServer = p.httpServer;
+    configureServer(u) {
+      globalThis.__veloDevServer = u.httpServer;
     }
   };
 }
 export {
   A as buildFullPathMap,
   D as collectFullPaths,
-  W as injectMetadata,
-  X as pruneClientOnlyImports,
-  Z as removeEndpointRoutes,
-  Y as removeLoaders,
-  q as removeMiddlewares,
-  B as transformActionsForClient,
-  J as transformLoaderFunctions,
-  z as transformSocketsForClient,
-  G as transformStreamsForClient,
-  de as veloPlugin
+  se as devServerExcludeFor,
+  J as injectMetadata,
+  q as pruneClientOnlyImports,
+  ee as removeEndpointRoutes,
+  X as removeLoaders,
+  K as removeMiddlewares,
+  M as transformActionsForClient,
+  B as transformLoaderFunctions,
+  Y as transformSocketsForClient,
+  z as transformStreamsForClient,
+  ye as veloPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mauroandre/velojs",
-    "version": "0.0.48",
+    "version": "0.0.50",
     "type": "module",
     "description": "Fullstack web framework built on Hono + Preact with Vite-powered AST transforms",
     "keywords": [