@mauroandre/velojs 0.0.4 → 0.0.5

package/dist/vite.js

@@ -0,0 +1,448 @@
+import d from "node:path";
+import E from "node:fs";
+import w from "@preact/preset-vite";
+import C from "@hono/vite-dev-server";
+import { parse as v } from "@babel/parser";
+import L from "@babel/traverse";
+import I 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, {
+    sourceType: "module",
+    plugins: ["typescript", "jsx"]
+  });
+  let t = !1;
+  if (m(n, {
+    // Procura: export const metadata = { ... }
+    ExportNamedDeclaration(s) {
+      const c = s.node.declaration;
+      if (e.isVariableDeclaration(c) && c.declarations.length === 1) {
+        const a = c.declarations[0];
+        if (a && e.isIdentifier(a.id, { name: "metadata" }) && e.isObjectExpression(a.init)) {
+          t = !0;
+          const f = a.init.properties.filter((y) => e.isObjectProperty(y) && e.isIdentifier(y.key) ? y.key.name !== "moduleId" && y.key.name !== "fullPath" && y.key.name !== "path" : !0), x = [
+            e.objectProperty(
+              e.identifier("moduleId"),
+              e.stringLiteral(o)
+            )
+          ];
+          r !== void 0 && x.push(
+            e.objectProperty(
+              e.identifier("fullPath"),
+              e.stringLiteral(r)
+            )
+          ), l !== void 0 && x.push(
+            e.objectProperty(
+              e.identifier("path"),
+              e.stringLiteral(l)
+            )
+          ), a.init.properties = [...x, ...f];
+        }
+      }
+    }
+  }), !t) {
+    const s = [
+      e.objectProperty(
+        e.identifier("moduleId"),
+        e.stringLiteral(o)
+      )
+    ];
+    r !== void 0 && s.push(
+      e.objectProperty(
+        e.identifier("fullPath"),
+        e.stringLiteral(r)
+      )
+    ), l !== void 0 && s.push(
+      e.objectProperty(
+        e.identifier("path"),
+        e.stringLiteral(l)
+      )
+    );
+    const c = e.exportNamedDeclaration(
+      e.variableDeclaration("const", [
+        e.variableDeclarator(
+          e.identifier("metadata"),
+          e.objectExpression(s)
+        )
+      ])
+    );
+    n.program.body.unshift(c);
+  }
+  return h(n, { retainLines: !0 }).code;
+}
+function O(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]);
+    }
+  }), h(r, { retainLines: !0 }).code;
+}
+function W(u, o) {
+  const r = v(u, {
+    sourceType: "module",
+    plugins: ["typescript", "jsx"]
+  });
+  return m(r, {
+    ExportNamedDeclaration(n) {
+      const t = n.node.declaration;
+      if (!e.isVariableDeclaration(t)) return;
+      const i = t.declarations[0];
+      if (!i || !e.isIdentifier(i.id)) return;
+      const s = i.id.name;
+      if (!s.startsWith("action_")) return;
+      const c = s.replace("action_", ""), a = i.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);
+    }
+  }), h(r, { retainLines: !0 }).code;
+}
+function $(u, o, r) {
+  const l = `/_action/${u}/${o}`;
+  return r.length === 0 ? e.callExpression(
+    e.memberExpression(
+      e.callExpression(e.identifier("fetch"), [
+        e.stringLiteral(l),
+        e.objectExpression([
+          e.objectProperty(
+            e.identifier("method"),
+            e.stringLiteral("POST")
+          )
+        ])
+      ]),
+      e.identifier("then")
+    ),
+    [
+      e.arrowFunctionExpression(
+        [e.identifier("r")],
+        e.callExpression(
+          e.memberExpression(
+            e.identifier("r"),
+            e.identifier("json")
+          ),
+          []
+        )
+      )
+    ]
+  ) : e.callExpression(
+    e.memberExpression(
+      e.callExpression(e.identifier("fetch"), [
+        e.stringLiteral(l),
+        e.objectExpression([
+          e.objectProperty(
+            e.identifier("method"),
+            e.stringLiteral("POST")
+          ),
+          e.objectProperty(
+            e.identifier("headers"),
+            e.objectExpression([
+              e.objectProperty(
+                e.stringLiteral("Content-Type"),
+                e.stringLiteral("application/json")
+              )
+            ])
+          ),
+          e.objectProperty(
+            e.identifier("body"),
+            e.callExpression(
+              e.memberExpression(
+                e.identifier("JSON"),
+                e.identifier("stringify")
+              ),
+              [e.identifier("body")]
+            )
+          )
+        ])
+      ]),
+      e.identifier("then")
+    ),
+    [
+      e.arrowFunctionExpression(
+        [e.identifier("r")],
+        e.callExpression(
+          e.memberExpression(e.identifier("r"), e.identifier("json")),
+          []
+        )
+      )
+    ]
+  );
+}
+function V(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 = e.objectProperty(
+      e.identifier("body"),
+      e.identifier("body"),
+      !1,
+      !0
+      // shorthand
+    ), t = e.objectPattern([n]);
+    l && (t.typeAnnotation = e.tsTypeAnnotation(
+      e.tsTypeLiteral([
+        e.tsPropertySignature(
+          e.identifier("body"),
+          e.tsTypeAnnotation(l)
+        )
+      ])
+    )), u.params = [t];
+  }
+}
+function U(u) {
+  const o = v(u, {
+    sourceType: "module",
+    plugins: ["typescript", "jsx"]
+  });
+  return m(o, {
+    ExportNamedDeclaration(l) {
+      const n = l.node.declaration;
+      if (!e.isVariableDeclaration(n)) return;
+      const t = n.declarations[0];
+      !t || !e.isIdentifier(t.id) || t.id.name === "loader" && l.remove();
+    }
+  }), h(o, { retainLines: !0 }).code;
+}
+function k(u) {
+  const o = v(u, {
+    sourceType: "module",
+    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)
+          e.isIdentifier(t) && r.add(t.name);
+        n.remove();
+      }
+    }
+  }), r.size === 0 ? u : (m(o, {
+    ImportDeclaration(n) {
+      const t = n.node.specifiers, i = 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);
+    }
+  }), h(o, { retainLines: !0 }).code);
+}
+function T(u) {
+  const o = v(u, {
+    sourceType: "module",
+    plugins: ["typescript", "jsx"]
+  }), r = /* @__PURE__ */ new Map();
+  m(o, {
+    ImportDeclaration(t) {
+      const i = t.node.source.value;
+      for (const s of t.node.specifiers)
+        e.isImportNamespaceSpecifier(s) && r.set(s.local.name, i);
+    }
+  });
+  const l = /* @__PURE__ */ new Map();
+  m(o, {
+    ExportDefaultDeclaration(t) {
+      const i = 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);
+    }
+  });
+  const n = /* @__PURE__ */ new Map();
+  for (const [t, i] of l) {
+    const s = r.get(t);
+    if (s) {
+      const c = s.replace(/^\.\//, "").replace(/\.(tsx?|jsx?|js)$/, "");
+      n.set(c, i);
+    }
+  }
+  return n;
+}
+function N(u, o, r) {
+  for (const l of u) {
+    if (!e.isObjectExpression(l)) continue;
+    let n = "", t = o, i = 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);
+    }
+    if (i) {
+      const a = !s && n === "/" ? o || "/" : t;
+      r.set(i, {
+        fullPath: a,
+        path: n
+      });
+    }
+    s && N(s.elements, t, r);
+  }
+}
+const g = "virtual:velo/server-entry", j = "virtual:velo/client-entry", P = "\0" + g, A = "\0" + j;
+function M(u, o) {
+  let r = d.resolve(process.cwd(), o);
+  const l = u.routesFile ?? "routes.tsx", n = /* @__PURE__ */ new Map();
+  return {
+    name: "velo:transform",
+    enforce: "pre",
+    configResolved(t) {
+      r = d.resolve(t.root, o);
+    },
+    buildStart() {
+      const t = d.join(r, l);
+      if (E.existsSync(t)) {
+        const i = E.readFileSync(t, "utf-8"), s = T(i);
+        n.clear();
+        for (const [c, a] of s)
+          n.set(c, a);
+      }
+    },
+    handleHotUpdate({ file: t, server: i }) {
+      const s = d.join(r, l);
+      if (t === s) {
+        const c = E.readFileSync(s, "utf-8"), a = T(c);
+        n.clear();
+        for (const [p, f] of a)
+          n.set(p, f);
+        return i.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;
+    },
+    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");
+      return t === P ? `
+import "${p}";
+import routes from "${a}";
+import { startServer } from "@mauroandre/velojs/server";
+
+export default await startServer({ routes });
+` : t === A ? `
+import "${f}";
+import routes from "${a}";
+import { startClient } from "@mauroandre/velojs/client";
+
+startClient({ routes });
+` : null;
+    },
+    transform(t, i, s) {
+      const c = s?.ssr === !0;
+      if (i.startsWith("\0") || i.includes("/.velojs/") || !i.endsWith(".tsx") && !i.endsWith(".ts") || !i.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(
+          a,
+          b
+        )), c || (a = U(a)), p = !0;
+      }
+      return p ? {
+        code: a,
+        map: null
+      } : null;
+    }
+  };
+}
+function B() {
+  return {
+    name: "velo:config",
+    config(u, { mode: o }) {
+      const r = o === "server", l = o === "development", n = {
+        define: {
+          "process.env.NODE_ENV": JSON.stringify(l ? "development" : "production"),
+          "process.env.STATIC_BASE_URL": JSON.stringify(process.env.STATIC_BASE_URL || "")
+        },
+        resolve: {
+          alias: {
+            react: "preact/compat",
+            "react-dom": "preact/compat"
+          }
+        }
+      };
+      return r ? n.build = {
+        ssr: g,
+        outDir: "dist",
+        emptyOutDir: !1,
+        copyPublicDir: !1,
+        rollupOptions: {
+          output: {
+            entryFileNames: "server.js"
+          }
+        }
+      } : l || (n.build = {
+        manifest: !0,
+        outDir: "dist/client",
+        rollupOptions: {
+          input: j,
+          output: {
+            entryFileNames: "client.js",
+            assetFileNames: (t) => t.names?.[0]?.endsWith(".css") ? "client.css" : "[name][extname]"
+          }
+        }
+      }), n;
+    }
+  };
+}
+function J() {
+  return {
+    name: "velo:static-url",
+    apply: "build",
+    enforce: "post",
+    generateBundle(u, o) {
+      const r = process.env.STATIC_BASE_URL || "";
+      if (r)
+        for (const l of Object.values(o))
+          l.type === "asset" && typeof l.source == "string" && l.fileName.endsWith(".css") && (l.source = l.source.replace(
+            /url\(\s*(['"]?)\/(?!\/)/g,
+            `url($1${r}/`
+          ));
+    }
+  };
+}
+function Z(u) {
+  const o = u ?? {}, r = o.appDirectory ?? "./app";
+  return [
+    B(),
+    M(o, r),
+    J(),
+    w(),
+    C({
+      entry: g
+    }),
+    Y()
+  ];
+}
+function Y() {
+  return {
+    name: "velo:ws-bridge",
+    configureServer(u) {
+      globalThis.__veloDevServer = u.httpServer;
+    }
+  };
+}
+export {
+  T as buildFullPathMap,
+  N as collectFullPaths,
+  R as injectMetadata,
+  U as removeLoaders,
+  k as removeMiddlewares,
+  W as transformActionsForClient,
+  O as transformLoaderFunctions,
+  Z as veloPlugin
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mauroandre/velojs",
-    "version": "0.0.4",
+    "version": "0.0.5",
     "type": "module",
     "description": "Fullstack web framework built on Hono + Preact with Vite-powered AST transforms",
     "keywords": [
@@ -23,75 +23,51 @@
         "velojs": "bin/velojs.js"
     },
     "files": [
-        "src/",
+        "dist/",
         "bin/",
         "README.md",
         "LICENSE"
     ],
     "scripts": {
+        "build": "vite build --config vite.build.config.ts && tsc --declaration --emitDeclarationOnly --outDir dist --noEmit false --rootDir src",
         "typecheck": "tsc --noEmit",
         "test": "vitest run",
         "test:watch": "vitest"
     },
-    "main": "./src/index.ts",
-    "types": "./src/index.ts",
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
     "exports": {
         ".": {
-            "types": "./src/index.ts",
-            "import": "./src/index.ts"
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js"
         },
         "./server": {
-            "types": "./src/server.tsx",
-            "import": "./src/server.tsx"
+            "types": "./dist/server.d.ts",
+            "import": "./dist/server.js"
         },
         "./client": {
-            "types": "./src/client.tsx",
-            "import": "./src/client.tsx"
+            "types": "./dist/client.d.ts",
+            "import": "./dist/client.js"
         },
         "./hooks": {
-            "types": "./src/hooks.tsx",
-            "import": "./src/hooks.tsx"
+            "types": "./dist/hooks.d.ts",
+            "import": "./dist/hooks.js"
         },
         "./cookie": {
-            "types": "./src/cookie.ts",
-            "import": "./src/cookie.ts"
+            "types": "./dist/cookie.d.ts",
+            "import": "./dist/cookie.js"
         },
         "./factory": {
-            "types": "./src/factory.ts",
-            "import": "./src/factory.ts"
+            "types": "./dist/factory.d.ts",
+            "import": "./dist/factory.js"
         },
         "./vite": {
-            "types": "./src/vite.ts",
-            "import": "./src/vite.ts"
+            "types": "./dist/vite.d.ts",
+            "import": "./dist/vite.js"
         },
         "./config": {
-            "types": "./src/config.ts",
-            "import": "./src/config.ts"
-        }
-    },
-    "typesVersions": {
-        "*": {
-            "server": [
-                "./src/server.tsx"
-            ],
-            "client": [
-                "./src/client.tsx"
-            ],
-            "hooks": [
-                "./src/hooks.tsx"
-            ],
-            "cookie": [
-                "./src/cookie.ts"
-            ],
-            "factory": [
-                "./src/factory.ts"
-            ],
-            "vite": [
-                "./src/vite.ts"
-            ],
-            "config": [
-                "./src/config.ts"
-            ]
+            "types": "./dist/config.d.ts",
+            "import": "./dist/config.js"
         }
     },
     "dependencies": {
@@ -106,7 +82,6 @@
         "hono": "^4.12.0",
         "preact": "^10.29.0",
         "preact-render-to-string": "^6.6.0",
-        "tsx": "^4.19.0",
         "vite": "^7.3.0",
         "wouter-preact": "^3.9.0"
     },

package/src/cli.ts

@@ -1,84 +0,0 @@
-#!/usr/bin/env npx tsx
-
-import { spawnSync } from "node:child_process";
-import { resolve } from "node:path";
-
-const args = process.argv.slice(2);
-const command = args[0];
-
-const runCommand = (cmd: string, cmdArgs: string[] = []) => {
-    const result = spawnSync(cmd, cmdArgs, {
-        stdio: "inherit",
-        cwd: process.cwd(),
-    });
-    process.exit(result.status ?? 0);
-};
-
-const runVite = () => {
-    runCommand("npx", ["vite", ...args.slice(1)]);
-};
-
-const runBuild = () => {
-    console.log("Building client...");
-    spawnSync("npx", ["vite", "build"], { stdio: "inherit", cwd: process.cwd() });
-
-    console.log("Building server...");
-    spawnSync("npx", ["vite", "build", "--mode", "server"], { stdio: "inherit", cwd: process.cwd() });
-
-    console.log("Build complete!");
-};
-
-const runStart = () => {
-    process.env.NODE_ENV = "production";
-    const serverPath = resolve(process.cwd(), "dist/server.js");
-    runCommand("node", [serverPath]);
-};
-
-const showHelp = () => {
-    console.log(`
-VeloJS CLI
-
-Usage:
-  velojs <command>
-
-Commands:
-  init     Create a new VeloJS project
-  dev      Start development server
-  build    Build for production (client + server)
-  start    Start production server
-
-Examples:
-  velojs init my-app
-  velojs dev
-  velojs build
-  velojs start
-`);
-};
-
-switch (command) {
-    case "init": {
-        const { runInit } = await import("./init.js");
-        await runInit(args[1]);
-        break;
-    }
-    case "dev":
-        runVite();
-        break;
-    case "build":
-        runBuild();
-        break;
-    case "start":
-        runStart();
-        break;
-    case "help":
-    case "--help":
-    case "-h":
-        showHelp();
-        break;
-    default:
-        if (command) {
-            console.error(`Unknown command: ${command}`);
-        }
-        showHelp();
-        process.exit(1);
-}