@mauroandre/velojs 0.0.7 → 0.0.8

package/dist/cli.js

@@ -1,20 +1,35 @@
-import { spawnSync as o } from "node:child_process";
-import { resolve as l } from "node:path";
-const r = process.argv.slice(2), s = r[0], c = (e, n = []) => {
-  const i = o(e, n, {
+import { spawnSync as c } from "node:child_process";
+import { resolve as a } from "node:path";
+const t = process.argv.slice(2), r = t[0], l = (e, s = []) => {
+  const o = c(e, s, {
     stdio: "inherit",
     cwd: process.cwd()
   });
-  process.exit(i.status ?? 0);
-}, a = () => {
-  c("npx", ["vite", ...r.slice(1)]);
-}, d = () => {
-  console.log("Building client..."), o("npx", ["vite", "build"], { stdio: "inherit", cwd: process.cwd() }), console.log("Building server..."), o("npx", ["vite", "build", "--mode", "server"], { stdio: "inherit", cwd: process.cwd() }), console.log("Build complete!");
+  process.exit(o.status ?? 0);
 }, p = () => {
+  l("npx", ["vite", ...t.slice(1)]);
+}, v = (e) => {
+  const s = e ? { ...process.env, VELO_STATIC: "1" } : process.env;
+  console.log("Building client..."), c("npx", ["vite", "build"], {
+    stdio: "inherit",
+    cwd: process.cwd(),
+    env: s
+  }), console.log("Building server..."), c("npx", ["vite", "build", "--mode", "server"], {
+    stdio: "inherit",
+    cwd: process.cwd(),
+    env: s
+  }), console.log("Build complete!"), e && u();
+}, u = async () => {
+  process.env.NODE_ENV = "production", process.env.VELO_STATIC = "1";
+  const s = await import(a(process.cwd(), "dist/server.js")), o = s.default, i = s.routes;
+  (!o || !i) && (console.error("Failed to load app or routes from dist/server.js"), process.exit(1));
+  const { generateStatic: d } = await import("./static.js");
+  await d(o, i);
+}, m = () => {
   process.env.NODE_ENV = "production";
-  const e = l(process.cwd(), "dist/server.js");
-  c("node", [e]);
-}, t = () => {
+  const e = a(process.cwd(), "dist/server.js");
+  l("node", [e]);
+}, n = () => {
   console.log(`
 VeloJS CLI
 
@@ -22,38 +37,42 @@ Usage:
   velojs <command>
 
 Commands:
-  init     Create a new VeloJS project
-  dev      Start development server
-  build    Build for production (client + server)
-  start    Start production server
+  init             Create a new VeloJS project
+  dev              Start development server
+  build            Build for production (client + server)
+  build --static   Build as static site (HTML + JSON)
+  start            Start production server
 
 Examples:
   velojs init my-app
   velojs dev
   velojs build
+  velojs build --static
   velojs start
 `);
 };
-switch (s) {
+switch (r) {
   case "init": {
     const { runInit: e } = await import("./init.js");
-    await e(r[1]);
+    await e(t[1]);
     break;
   }
   case "dev":
-    a();
+    p();
     break;
-  case "build":
-    d();
+  case "build": {
+    const e = t.includes("--static");
+    v(e);
     break;
+  }
   case "start":
-    p();
+    m();
     break;
   case "help":
   case "--help":
   case "-h":
-    t();
+    n();
     break;
   default:
-    s && console.error(`Unknown command: ${s}`), t(), process.exit(1);
+    r && console.error(`Unknown command: ${r}`), n(), process.exit(1);
 }

package/dist/hooks.js

@@ -1,72 +1,77 @@
 import { signal as f, useSignal as _ } from "@preact/signals";
-import { useEffect as v } from "preact/hooks";
-import { useLocation as d, useParams as w } from "wouter-preact";
-function p(e) {
+import { useEffect as w } from "preact/hooks";
+import { useLocation as d, useParams as g } from "wouter-preact";
+function S(e) {
   e.value !== null && typeof e.value == "object" && (e.value = { ...e.value });
 }
 function y(e) {
-  const t = f(!1);
+  const a = f(!1);
   if (typeof window > "u")
     return { data: {
       get value() {
         return e ? globalThis.__veloServerData?.getStore?.()?.[e] ?? null : null;
       }
-    }, loading: t };
-  const a = window.__PAGE_DATA__, r = e && a?.[e] ? a[e] : null;
-  return { data: f(r), loading: t };
+    }, loading: a };
+  const t = window.__PAGE_DATA__, r = e && t?.[e] ? t[e] : null;
+  return { data: f(r), loading: a };
 }
-function S(e, t) {
-  let a, r;
-  Array.isArray(e) ? r = e : (a = e, r = t);
+function m(e, a) {
+  let t, r;
+  Array.isArray(e) ? r = e : (t = e, r = a);
   let n = null;
-  if (typeof window > "u" && a) {
-    const i = globalThis.__veloServerData?.getStore?.();
-    i?.[a] && (n = i[a]);
+  if (typeof window > "u" && t) {
+    const c = globalThis.__veloServerData?.getStore?.();
+    c?.[t] && (n = c[t]);
   }
-  if (typeof window < "u" && a) {
+  if (typeof window < "u" && t) {
     const o = window.__PAGE_DATA__;
-    o?.[a] && (n = o[a], delete o[a]);
+    o?.[t] && (n = o[t], delete o[t]);
   }
-  const c = _(n), s = _(!1), l = () => {
-    if (typeof window > "u" || !a) return;
-    const o = window.location.pathname, i = new URLSearchParams(window.location.search);
-    i.set("_data", "1"), s.value = !0, fetch(`${o}?${i.toString()}`).then((u) => u.json()).then((u) => {
-      c.value = u[a], s.value = !1;
-    }).catch((u) => {
-      console.error("Erro ao carregar dados:", u), s.value = !1;
+  const u = _(n), i = _(!1), l = () => {
+    if (typeof window > "u" || !t) return;
+    const o = window.location.pathname;
+    i.value = !0;
+    const v = typeof __VELO_STATIC__ < "u" && __VELO_STATIC__ ? `${o === "/" ? "" : o}/index.json` : (() => {
+      const s = new URLSearchParams(window.location.search);
+      return s.set("_data", "1"), `${o}?${s.toString()}`;
+    })();
+    fetch(v).then((s) => s.json()).then((s) => {
+      u.value = s[t], i.value = !1;
+    }).catch((s) => {
+      console.error("Erro ao carregar dados:", s), i.value = !1;
     });
   };
-  return v(() => {
+  return w(() => {
     n === null && l();
-  }, r ?? []), { data: c, loading: s, refetch: l };
+  }, r ?? []), { data: u, loading: i, refetch: l };
 }
-function m() {
+function A() {
   const [, e] = d();
   return e;
 }
 function P() {
-  return typeof window > "u" ? globalThis.__veloServerData?.getStore?.()?.__params ?? {} : w();
+  return typeof window > "u" ? globalThis.__veloServerData?.getStore?.()?.__params ?? {} : g();
 }
-function A() {
+function T() {
   if (typeof window > "u")
     return globalThis.__veloServerData?.getStore?.()?.__query ?? {};
   const e = window.__PAGE_DATA__;
   if (e?.__query)
     return e.__query;
-  const t = new URLSearchParams(window.location.search), a = {};
-  return t.forEach((r, n) => {
-    a[n] = r;
-  }), a;
+  const a = new URLSearchParams(window.location.search), t = {};
+  return a.forEach((r, n) => {
+    t[n] = r;
+  }), t;
 }
-function T() {
+function E() {
   return typeof window > "u" ? globalThis.__veloServerData?.getStore?.()?.__pathname ?? "/" : (d(), window.location.pathname);
 }
 export {
   y as Loader,
-  p as touch,
-  S as useLoader,
-  m as useNavigate,
+  S as touch,
+  m as useLoader,
+  A as useNavigate,
   P as useParams,
-  T as usePathname,
-  A as useQuery
+  E as usePathname,
+  T as useQuery
 };

package/dist/server.js

@@ -1,6 +1,6 @@
 import { jsx as h } from "preact/jsx-runtime";
-import { Hono as A } from "hono";
-import { logger as T } from "hono/logger";
+import { Hono as T } from "hono";
+import { logger as A } from "hono/logger";
 import { trimTrailingSlash as D } from "hono/trailing-slash";
 import { render as R } from "preact-render-to-string";
 import { Router as N } from "wouter-preact";
@@ -9,7 +9,7 @@ const v = new O();
 globalThis.__veloServerData = v;
 const g = [];
 let p = null;
-function B(t) {
+function x(t) {
   if (p) {
     t(p);
     return;
@@ -22,10 +22,10 @@ function y(t) {
   g.length = 0;
 }
 const w = [];
-function K(t) {
+function B(t) {
   w.push(t);
 }
-const b = (t, e, o) => {
+const I = (t, e, o) => {
   if (t.req.query("_data") === "1")
     return t.json(o ?? null);
   const s = t.req.path, r = v.run(
@@ -38,7 +38,7 @@ const b = (t, e, o) => {
     o
   )}<\/script>`;
   return t.html(r.replace("</head>", `${a}</head>`));
-}, j = async (t, e) => {
+}, b = async (t, e) => {
   const o = e.req.param(), s = e.req.query(), r = { params: o, query: s, c: e }, a = await Promise.all(
     t.map(async (n) => {
       if (!n.loader) return null;
@@ -56,7 +56,7 @@ const b = (t, e, o) => {
     components: t.map((n) => n.Component),
     data: c
   };
-}, I = (t) => {
+}, j = (t) => {
   if (t.length === 0) return null;
   const e = t.filter(Boolean);
   if (e.length === 0) return null;
@@ -88,8 +88,8 @@ const b = (t, e, o) => {
         continue;
       }
       const u = async (i) => {
-        const { components: d, data: f } = await j(a, i), l = I(d);
-        return b(i, l, f);
+        const { components: d, data: f } = await b(a, i), l = j(d);
+        return I(i, l, f);
       };
       c.length > 0 ? t.on(["GET"], [n], ...c, u) : t.on(["GET"], [n], u);
     }
@@ -113,18 +113,18 @@ const b = (t, e, o) => {
               _ = await l.req.json();
             } catch {
             }
-            const P = {
+            const E = {
               body: _,
               params: l.req.param(),
               query: l.req.query(),
               c: l
             };
             try {
-              const m = await i(P);
+              const m = await i(E);
               return l.json(m ?? { ok: !0 });
             } catch (m) {
-              const E = m instanceof Error ? m.message : "Action failed";
-              return l.json({ error: E }, 500);
+              const P = m instanceof Error ? m.message : "Action failed";
+              return l.json({ error: P }, 500);
             }
           };
           a.length > 0 ? t.on(
@@ -139,8 +139,8 @@ const b = (t, e, o) => {
     s.children && q(t, s.children, a);
   }
 }, C = async (t) => {
-  const e = new A();
-  e.use(D()), process.env.NODE_ENV !== "production" && e.use("*", T());
+  const e = new T();
+  e.use(D()), process.env.NODE_ENV !== "production" && e.use("*", A());
   for (const o of w)
     await o(e);
   if (S(e, t), q(e, t), process.env.NODE_ENV !== "production" && !p) {
@@ -148,9 +148,9 @@ const b = (t, e, o) => {
     o && y(o);
   }
   return e;
-}, L = async (t) => {
+}, K = async (t) => {
   const { routes: e, port: o = Number(process.env.SERVER_PORT) || 3e3 } = t, s = await C(e);
-  if (process.env.NODE_ENV === "production") {
+  if (process.env.NODE_ENV === "production" && !process.env.VELO_STATIC) {
     const { serve: r } = await import("@hono/node-server"), { serveStatic: a } = await import("@hono/node-server/serve-static"), { join: c } = await import("node:path"), n = c(process.cwd(), "dist/client");
     (process.env.STATIC_BASE_URL || "").startsWith("http") || s.use("/*", a({ root: n })), console.log(`Server running on http://localhost:${o}`);
     const i = r({ fetch: s.fetch, port: o });
@@ -159,10 +159,10 @@ const b = (t, e, o) => {
   return s;
 };
 export {
-  K as addRoutes,
+  B as addRoutes,
   C as createApp,
   C as default,
-  B as onServer,
+  x as onServer,
   v as serverDataStorage,
-  L as startServer
+  K as startServer
 };

package/dist/static.d.ts

@@ -0,0 +1,7 @@
+import type { Hono } from "hono";
+import type { AppRoutes } from "./types.js";
+/**
+ * Generates a fully static site from a VeloJS app.
+ * Called by `velojs build --static` after the normal build.
+ */
+export declare function generateStatic(app: Hono, routes: AppRoutes): Promise<void>;

package/dist/static.js

@@ -0,0 +1,62 @@
+import f from "node:fs";
+import r from "node:path";
+async function h(a, n = "") {
+  const o = [];
+  for (const t of a) {
+    const s = t.module.metadata?.fullPath ?? "";
+    if (t.children) {
+      const e = await h(t.children, s);
+      o.push(...e);
+    } else {
+      const e = t.module.metadata?.fullPath;
+      if (!e) continue;
+      const l = Object.keys(t.module).filter((c) => c.startsWith("action_"));
+      if (l.length > 0 && console.warn(
+        `⚠ Route ${e} has actions (${l.join(", ")}) — they won't work in static mode`
+      ), e.includes(":")) {
+        const c = t.module.staticPaths;
+        if (typeof c == "function") {
+          const i = await c();
+          for (const d of i) {
+            let u = e;
+            for (const [m, p] of Object.entries(d))
+              u = u.replace(`:${m}`, p);
+            o.push({ fullPath: u, module: t.module });
+          }
+        } else
+          console.warn(
+            `Skipping ${e} — dynamic route without staticPaths export`
+          );
+      } else
+        o.push({ fullPath: e, module: t.module });
+    }
+  }
+  return o;
+}
+async function w(a, n, o) {
+  const t = "http://localhost", s = await a.fetch(new Request(`${t}${n}`));
+  if (s.status !== 200) {
+    console.warn(`Skipping ${n} — got status ${s.status}`);
+    return;
+  }
+  const e = await s.text(), c = await (await a.fetch(
+    new Request(`${t}${n}?_data=1`)
+  )).text(), i = n === "/" ? o : r.join(o, n);
+  f.mkdirSync(i, { recursive: !0 }), f.writeFileSync(r.join(i, "index.html"), e), f.writeFileSync(r.join(i, "index.json"), c);
+}
+async function $(a, n) {
+  const o = r.resolve(process.cwd(), "dist");
+  console.log("Generating static pages...");
+  const t = await h(n);
+  if (t.length === 0) {
+    console.warn("No routes found for static generation.");
+    return;
+  }
+  for (const s of t)
+    await w(a, s.fullPath, o), console.log(`  ✓ ${s.fullPath}`);
+  console.log(`
+Generated ${t.length} static pages.`);
+}
+export {
+  $ as generateStatic
+};

package/dist/types.d.ts

@@ -20,6 +20,7 @@ export interface Metadata {
 export interface RouteModule {
     Component: ComponentType<any>;
     loader?: (args: LoaderArgs) => Promise<any>;
+    staticPaths?: () => Promise<Record<string, string>[]>;
     metadata?: Metadata;
     [key: `action_${string}`]: (args: ActionArgs<any>) => Promise<any>;
 }

package/dist/vite.js

@@ -1,19 +1,19 @@
 import d from "node:path";
-import E from "node:fs";
-import w from "@preact/preset-vite";
-import C from "@hono/vite-dev-server";
+import j from "node:fs";
+import C from "@preact/preset-vite";
+import O from "@hono/vite-dev-server";
 import { parse as v } from "@babel/parser";
 import L from "@babel/traverse";
-import I from "@babel/generator";
+import S from "@babel/generator";
 import * as e from "@babel/types";
-const m = typeof L == "function" ? L : L.default, h = typeof I == "function" ? I : I.default;
-function R(u, o, r, l) {
-  const n = v(u, {
+const m = typeof L == "function" ? L : L.default, h = typeof S == "function" ? S : S.default;
+function w(u, o, r, l) {
+  const i = v(u, {
     sourceType: "module",
     plugins: ["typescript", "jsx"]
   });
   let t = !1;
-  if (m(n, {
+  if (m(i, {
     // Procura: export const metadata = { ... }
     ExportNamedDeclaration(s) {
       const c = s.node.declaration;
@@ -67,45 +67,45 @@ function R(u, o, r, l) {
         )
       ])
     );
-    n.program.body.unshift(c);
+    i.program.body.unshift(c);
   }
-  return h(n, { retainLines: !0 }).code;
+  return h(i, { retainLines: !0 }).code;
 }
-function O(u, o) {
+function R(u, o) {
   const r = v(u, {
     sourceType: "module",
     plugins: ["typescript", "jsx"]
   });
   return m(r, {
-    CallExpression(n) {
-      const t = n.node.callee, i = 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 (!i && !s) return;
-      const c = n.node.arguments, a = e.stringLiteral(o), p = c[0];
-      e.isStringLiteral(p) && p.value.includes("/") || (n.node.arguments = [a, ...c]);
+    CallExpression(i) {
+      const t = i.node.callee, n = 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 (!n && !s) return;
+      const c = i.node.arguments, a = e.stringLiteral(o), p = c[0];
+      e.isStringLiteral(p) && p.value.includes("/") || (i.node.arguments = [a, ...c]);
     }
   }), h(r, { retainLines: !0 }).code;
 }
-function W(u, o) {
+function V(u, o) {
   const r = v(u, {
     sourceType: "module",
     plugins: ["typescript", "jsx"]
   });
   return m(r, {
-    ExportNamedDeclaration(n) {
-      const t = n.node.declaration;
+    ExportNamedDeclaration(i) {
+      const t = i.node.declaration;
       if (!e.isVariableDeclaration(t)) return;
-      const i = t.declarations[0];
-      if (!i || !e.isIdentifier(i.id)) return;
-      const s = i.id.name;
+      const n = t.declarations[0];
+      if (!n || !e.isIdentifier(n.id)) return;
+      const s = n.id.name;
       if (!s.startsWith("action_")) return;
-      const c = s.replace("action_", ""), a = i.init;
+      const c = s.replace("action_", ""), a = n.init;
       if (!e.isArrowFunctionExpression(a) || !a.async) return;
-      const p = a.params, f = $(o, c, p);
-      a.body = e.blockStatement([e.returnStatement(f)]), V(a, p);
+      const p = a.params, f = W(o, c, p);
+      a.body = e.blockStatement([e.returnStatement(f)]), $(a, p);
     }
   }), h(r, { retainLines: !0 }).code;
 }
-function $(u, o, r) {
+function W(u, o, r) {
   const l = `/_action/${u}/${o}`;
   return r.length === 0 ? e.callExpression(
     e.memberExpression(
@@ -175,22 +175,22 @@ function $(u, o, r) {
     ]
   );
 }
-function V(u, o) {
+function $(u, o) {
   if (o.length === 0) return;
   const r = o[0];
   if (e.isObjectPattern(r)) {
     let l = null;
     if (e.isTSTypeAnnotation(r.typeAnnotation) && e.isTSTypeReference(r.typeAnnotation.typeAnnotation)) {
-      const i = r.typeAnnotation.typeAnnotation;
-      e.isIdentifier(i.typeName, { name: "ActionArgs" }) && i.typeParameters?.params[0] && (l = i.typeParameters.params[0]);
+      const n = r.typeAnnotation.typeAnnotation;
+      e.isIdentifier(n.typeName, { name: "ActionArgs" }) && n.typeParameters?.params[0] && (l = n.typeParameters.params[0]);
     }
-    const n = e.objectProperty(
+    const i = e.objectProperty(
       e.identifier("body"),
       e.identifier("body"),
       !1,
       !0
       // shorthand
-    ), t = e.objectPattern([n]);
+    ), t = e.objectPattern([i]);
     l && (t.typeAnnotation = e.tsTypeAnnotation(
       e.tsTypeLiteral([
         e.tsPropertySignature(
@@ -208,9 +208,9 @@ function U(u) {
   });
   return m(o, {
     ExportNamedDeclaration(l) {
-      const n = l.node.declaration;
-      if (!e.isVariableDeclaration(n)) return;
-      const t = n.declarations[0];
+      const i = l.node.declaration;
+      if (!e.isVariableDeclaration(i)) return;
+      const t = i.declarations[0];
       !t || !e.isIdentifier(t.id) || t.id.name === "loader" && l.remove();
     }
   }), h(o, { retainLines: !0 }).code;
@@ -221,23 +221,23 @@ function k(u) {
     plugins: ["typescript", "jsx"]
   }), r = /* @__PURE__ */ new Set();
   return m(o, {
-    ObjectProperty(n) {
-      if (e.isIdentifier(n.node.key, { name: "middlewares" }) && e.isArrayExpression(n.node.value)) {
-        for (const t of n.node.value.elements)
+    ObjectProperty(i) {
+      if (e.isIdentifier(i.node.key, { name: "middlewares" }) && e.isArrayExpression(i.node.value)) {
+        for (const t of i.node.value.elements)
           e.isIdentifier(t) && r.add(t.name);
-        n.remove();
+        i.remove();
       }
     }
   }), r.size === 0 ? u : (m(o, {
-    ImportDeclaration(n) {
-      const t = n.node.specifiers, i = t.filter((s) => {
+    ImportDeclaration(i) {
+      const t = i.node.specifiers, n = t.filter((s) => {
         if (e.isImportSpecifier(s)) {
           const c = s.local.name;
           return !r.has(c);
         }
         return !0;
       });
-      i.length === 0 ? n.remove() : i.length !== t.length && (n.node.specifiers = i);
+      n.length === 0 ? i.remove() : n.length !== t.length && (i.node.specifiers = n);
     }
   }), h(o, { retainLines: !0 }).code);
 }
@@ -248,52 +248,52 @@ function T(u) {
   }), r = /* @__PURE__ */ new Map();
   m(o, {
     ImportDeclaration(t) {
-      const i = t.node.source.value;
+      const n = t.node.source.value;
       for (const s of t.node.specifiers)
-        e.isImportNamespaceSpecifier(s) && r.set(s.local.name, i);
+        e.isImportNamespaceSpecifier(s) && r.set(s.local.name, n);
     }
   });
   const l = /* @__PURE__ */ new Map();
   m(o, {
     ExportDefaultDeclaration(t) {
-      const i = t.node.declaration;
+      const n = t.node.declaration;
       let s = null;
-      e.isArrayExpression(i) ? s = i : e.isTSSatisfiesExpression(i) && e.isArrayExpression(i.expression) && (s = i.expression), s && N(s.elements, "", l);
+      e.isArrayExpression(n) ? s = n : e.isTSSatisfiesExpression(n) && e.isArrayExpression(n.expression) && (s = n.expression), s && A(s.elements, "", l);
     }
   });
-  const n = /* @__PURE__ */ new Map();
-  for (const [t, i] of l) {
+  const i = /* @__PURE__ */ new Map();
+  for (const [t, n] of l) {
     const s = r.get(t);
     if (s) {
       const c = s.replace(/^\.\//, "").replace(/\.(tsx?|jsx?|js)$/, "");
-      n.set(c, i);
+      i.set(c, n);
     }
   }
-  return n;
+  return i;
 }
-function N(u, o, r) {
+function A(u, o, r) {
   for (const l of u) {
     if (!e.isObjectExpression(l)) continue;
-    let n = "", t = o, i = null, s = null;
+    let i = "", t = o, n = null, s = null;
     for (const c of l.properties) {
       if (!e.isObjectProperty(c)) continue;
       const a = c.key, p = e.isIdentifier(a) ? a.name : null;
-      p === "path" && e.isStringLiteral(c.value) && (n = c.value.value, n && !n.startsWith("/") ? t = o + "/" + n : t = o + n), p === "module" && e.isIdentifier(c.value) && (i = c.value.name), p === "children" && e.isArrayExpression(c.value) && (s = c.value);
+      p === "path" && e.isStringLiteral(c.value) && (i = c.value.value, i && !i.startsWith("/") ? t = o + "/" + i : t = o + i), p === "module" && e.isIdentifier(c.value) && (n = c.value.name), p === "children" && e.isArrayExpression(c.value) && (s = c.value);
     }
-    if (i) {
-      const a = !s && n === "/" ? o || "/" : t;
-      r.set(i, {
+    if (n) {
+      const a = !s && i === "/" ? o || "/" : t;
+      r.set(n, {
         fullPath: a,
-        path: n
+        path: i
       });
     }
-    s && N(s.elements, t, r);
+    s && A(s.elements, t, r);
   }
 }
-const g = "virtual:velo/server-entry", j = "virtual:velo/client-entry", P = "\0" + g, A = "\0" + j;
+const g = "virtual:velo/server-entry", E = "virtual:velo/client-entry", P = "\0" + g, _ = "\0" + E;
 function M(u, o) {
   let r = d.resolve(process.cwd(), o);
-  const l = u.routesFile ?? "routes.tsx", n = /* @__PURE__ */ new Map();
+  const l = u.routesFile ?? "routes.tsx", i = /* @__PURE__ */ new Map();
   return {
     name: "velo:transform",
     enforce: "pre",
@@ -302,35 +302,36 @@ function M(u, o) {
     },
     buildStart() {
       const t = d.join(r, l);
-      if (E.existsSync(t)) {
-        const i = E.readFileSync(t, "utf-8"), s = T(i);
-        n.clear();
+      if (j.existsSync(t)) {
+        const n = j.readFileSync(t, "utf-8"), s = T(n);
+        i.clear();
         for (const [c, a] of s)
-          n.set(c, a);
+          i.set(c, a);
       }
     },
-    handleHotUpdate({ file: t, server: i }) {
+    handleHotUpdate({ file: t, server: n }) {
       const s = d.join(r, l);
       if (t === s) {
-        const c = E.readFileSync(s, "utf-8"), a = T(c);
-        n.clear();
+        const c = j.readFileSync(s, "utf-8"), a = T(c);
+        i.clear();
         for (const [p, f] of a)
-          n.set(p, f);
-        return i.ws.send({ type: "full-reload" }), [];
+          i.set(p, f);
+        return n.ws.send({ type: "full-reload" }), [];
       }
     },
     resolveId(t) {
-      return t === g || t.endsWith(g) ? P : t === j || t.endsWith(j) || t === "/__velo_client.js" ? A : null;
+      return t === g || t.endsWith(g) ? P : t === E || t.endsWith(E) || t === "/__velo_client.js" ? _ : null;
     },
     load(t) {
-      const i = u.routesFile ?? "routes.tsx", s = u.serverInit ?? "server.tsx", c = u.clientInit ?? "client.tsx", a = d.join(r, i).replace(/\.tsx?$/, ".js"), p = d.join(r, s).replace(/\.tsx?$/, ".js"), f = d.join(r, c).replace(/\.tsx?$/, ".js");
+      const n = u.routesFile ?? "routes.tsx", s = u.serverInit ?? "server.tsx", c = u.clientInit ?? "client.tsx", a = d.join(r, n).replace(/\.tsx?$/, ".js"), p = d.join(r, s).replace(/\.tsx?$/, ".js"), f = d.join(r, c).replace(/\.tsx?$/, ".js");
       return t === P ? `
 import "${p}";
 import routes from "${a}";
 import { startServer } from "@mauroandre/velojs/server";
 
+export { routes };
 export default await startServer({ routes });
-` : t === A ? `
+` : t === _ ? `
 import "${f}";
 import routes from "${a}";
 import { startClient } from "@mauroandre/velojs/client";
@@ -338,16 +339,16 @@ import { startClient } from "@mauroandre/velojs/client";
 startClient({ routes });
 ` : null;
     },
-    transform(t, i, s) {
+    transform(t, n, s) {
       const c = s?.ssr === !0;
-      if (i.startsWith("\0") || i.includes("/.velojs/") || !i.endsWith(".tsx") && !i.endsWith(".ts") || !i.startsWith(r)) return null;
+      if (n.startsWith("\0") || n.includes("/.velojs/") || !n.endsWith(".tsx") && !n.endsWith(".ts") || !n.startsWith(r)) return null;
       let a = t, p = !1;
       const f = /middlewares:\s*\[/.test(t), x = /export\s+(const|function)\s+Component/.test(
         t
-      ), y = /export\s+(const|function)\s+loader/.test(t), _ = /export\s+const\s+action_\w+/.test(t), D = /\bLoader\s*</.test(t) || /\bLoader\s*\(/.test(t), F = /\buseLoader\s*</.test(t) || /\buseLoader\s*\(/.test(t);
-      if (!c && f && (a = k(a), p = !0), x || y || _ || D || F) {
-        const b = d.relative(r, i).replace(/\.(tsx?|jsx?)$/, "").replace(/\\/g, "/"), S = n.get(b);
-        a = R(a, b, S?.fullPath, S?.path), a = O(a, b), c || (a = W(
+      ), y = /export\s+(const|function)\s+loader/.test(t), N = /export\s+const\s+action_\w+/.test(t), D = /\bLoader\s*</.test(t) || /\bLoader\s*\(/.test(t), F = /\buseLoader\s*</.test(t) || /\buseLoader\s*\(/.test(t);
+      if (!c && f && (a = k(a), p = !0), x || y || N || D || F) {
+        const b = d.relative(r, n).replace(/\.(tsx?|jsx?)$/, "").replace(/\\/g, "/"), I = i.get(b);
+        a = w(a, b, I?.fullPath, I?.path), a = R(a, b), c || (a = V(
           a,
           b
         )), c || (a = U(a)), p = !0;
@@ -363,10 +364,11 @@ function B() {
   return {
     name: "velo:config",
     config(u, { mode: o }) {
-      const r = o === "server", l = o === "development", n = {
+      const r = o === "server", l = o === "development", i = !!process.env.VELO_STATIC, t = {
         define: {
           "process.env.NODE_ENV": JSON.stringify(l ? "development" : "production"),
-          "process.env.STATIC_BASE_URL": JSON.stringify(process.env.STATIC_BASE_URL || "")
+          "process.env.STATIC_BASE_URL": JSON.stringify(process.env.STATIC_BASE_URL || (i ? "/client" : "")),
+          __VELO_STATIC__: JSON.stringify(i)
         },
         resolve: {
           alias: {
@@ -375,7 +377,7 @@ function B() {
           }
         }
       };
-      return r ? n.build = {
+      return r ? t.build = {
         ssr: g,
         outDir: "dist",
         emptyOutDir: !1,
@@ -385,17 +387,17 @@ function B() {
             entryFileNames: "server.js"
           }
         }
-      } : l || (n.build = {
+      } : l || (t.build = {
         manifest: !0,
         outDir: "dist/client",
         rollupOptions: {
-          input: j,
+          input: E,
           output: {
             entryFileNames: "client.js",
-            assetFileNames: (t) => t.names?.[0]?.endsWith(".css") ? "client.css" : "[name][extname]"
+            assetFileNames: (n) => n.names?.[0]?.endsWith(".css") ? "client.css" : "[name][extname]"
           }
         }
-      }), n;
+      }), t;
     }
   };
 }
@@ -421,8 +423,8 @@ function Z(u) {
     B(),
     M(o, r),
     J(),
-    w(),
-    C({
+    C(),
+    O({
       entry: g
     }),
     Y()
@@ -438,11 +440,11 @@ function Y() {
 }
 export {
   T as buildFullPathMap,
-  N as collectFullPaths,
-  R as injectMetadata,
+  A as collectFullPaths,
+  w as injectMetadata,
   U as removeLoaders,
   k as removeMiddlewares,
-  W as transformActionsForClient,
-  O as transformLoaderFunctions,
+  V as transformActionsForClient,
+  R as transformLoaderFunctions,
   Z as veloPlugin
 };

package/package.json

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