@vibest/cli 0.0.0 → 0.0.1

package/CHANGELOG.md

@@ -0,0 +1,9 @@
+# @vibest/cli
+
+## 0.0.1
+
+### Patch Changes
+
+- vibe coding cli & web ui
+- Updated dependencies
+  - @vibest/web@0.0.1

package/package.json

@@ -1,38 +1,38 @@
 {
-	"name": "@vibest/cli",
-	"type": "module",
-	"version": "0.0.0",
-	"bin": {
-		"vibest": "./dist/cli.js"
-	},
-	"scripts": {
-		"dev": "bun --watch src/cli.ts",
-		"build": "tsdown src/cli.ts  --format esm --platform node --outdir ./dist",
-		"start": "NODE_ENV=production bun --bun dist/cli.js",
-		"typecheck": "tsc --noEmit",
-		"clean": "git clean -xdf node_modules .turbo dist"
-	},
-	"dependencies": {
-		"@anthropic-ai/claude-agent-sdk": "^0.1.12",
-		"@elysiajs/cors": "^1.4.0",
-		"@elysiajs/node": "^1.4.1",
-		"@elysiajs/static": "^1.4.2",
-		"@orpc/openapi": "^1.9.3",
-		"@orpc/server": "^1.9.1",
-		"ai": "^5.0.63",
-		"elysia": "^1.4.11",
-		"uuid": "^13.0.0",
-		"ws": "^8.18.3",
-		"zod": "^3.25.61"
-	},
-	"devDependencies": {
-		"@types/bun": "^1.3.0",
-		"@vibe-web/agents": "workspace:*",
-		"@vibe-web/server-rpc": "workspace:*",
-		"@vibe-web/typescript": "workspace:*",
-		"tsdown": "^0.13.5"
-	},
-	"engines": {
-		"node": ">=18.0.0"
-	}
-}
+  "name": "@vibest/cli",
+  "type": "module",
+  "version": "0.0.1",
+  "bin": {
+    "vibest": "./dist/cli.js"
+  },
+  "dependencies": {
+    "@anthropic-ai/claude-agent-sdk": "^0.1.12",
+    "@hono/node-server": "^1.19.5",
+    "@orpc/openapi": "^1.9.3",
+    "@orpc/server": "^1.9.1",
+    "ai": "^5.0.63",
+    "hono": "^4.9.12",
+    "uuid": "^13.0.0",
+    "ws": "^8.18.3",
+    "zod": "^3.25.61",
+    "@vibest/web": "0.0.1"
+  },
+  "devDependencies": {
+    "@types/bun": "^1.3.0",
+    "tsdown": "^0.13.5",
+    "tsx": "latest",
+    "@vibe-web/agents": "0.0.1",
+    "@vibe-web/server-rpc": "0.0.1",
+    "@vibe-web/typescript": "0.0.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "dev": "tsx --watch src/cli.ts",
+    "build": "tsdown",
+    "start": "NODE_ENV=production bun --bun dist/cli.js",
+    "typecheck": "tsc --noEmit",
+    "clean": "git clean -xdf node_modules .turbo dist"
+  }
+}

package/src/cli.ts

@@ -1,13 +1,25 @@
 #!/usr/bin/env node
 
+import { serve } from "@hono/node-server";
 import { createServer } from "./server";
 
-async function main() {
-	const server = createServer();
+const app = createServer();
+const server = serve({
+	fetch: app.fetch,
+	port: 4000,
+});
 
-	server.listen(4000, () => {
-		console.log("Server is running on port 4000");
+// graceful shutdown
+process.on("SIGINT", () => {
+	server.close();
+	process.exit(0);
+});
+process.on("SIGTERM", () => {
+	server.close((err) => {
+		if (err) {
+			console.error(err);
+			process.exit(1);
+		}
+		process.exit(0);
 	});
-}
-
-main();
+});

package/src/server.ts

@@ -1,64 +1,39 @@
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import { cors } from "@elysiajs/cors";
-import { node } from "@elysiajs/node";
-import { staticPlugin } from "@elysiajs/static";
-import { RPCHandler } from "@orpc/server/fetch";
-import { ClaudeCodeAgent } from "@vibe-web/agents/claude-code";
-import { router } from "@vibe-web/server-rpc/routes";
-import { Elysia, file } from "elysia";
+import { createRequire } from "node:module";
+import path, { extname } from "node:path";
+import { serveStatic } from "@hono/node-server/serve-static";
+import { createFetchRPCHandler } from "@vibe-web/server-rpc";
+import { Hono } from "hono";
 
-const isBun = typeof Bun !== "undefined";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const staticRoot = path.resolve(__dirname, "../../apps/web/.output/public");
+const require = createRequire(import.meta.url);
+const staticRoot = path.resolve(
+	path.dirname(require.resolve("@vibest/web/package.json")),
+	"dist",
+);
 
 export function createServer() {
-	const claudeCodeAgent = new ClaudeCodeAgent();
-	const rpcHandler = new RPCHandler(router, {
-		plugins: [],
-		eventIteratorKeepAliveComment: "ping",
-	});
+	const handler = createFetchRPCHandler();
+	const app = new Hono();
+	app
+		.get("/api/health", (c) => c.json({ status: "ok" }))
+		.use("/api/rpc/*", async (c, next) => {
+			const { matched, response } = await handler(c.req.raw, {
+				prefix: "/api/rpc",
+			});
+
+			if (matched) {
+				return c.newResponse(response.body, response);
+			}
 
-	return (
-		new Elysia({
-			adapter: isBun ? undefined : node(),
+			await next();
 		})
-			.use(cors())
-			.get("/api/health", () => ({
-				status: "ok",
-				timestamp: new Date().toISOString(),
-			}))
-			.all(
-				"/api/rpc*",
-				async ({ request }) => {
-					const { response } = await rpcHandler.handle(request, {
-						prefix: "/api/rpc",
-						context: { claudeCodeAgent },
-					});
-					return response ?? new Response("Not Found", { status: 404 });
-				},
-				{
-					parse: "none", // Disable Elysia body parser to prevent "body already used" error
-				},
-			)
-			// Static file serving (handles /assets/* and other static files)
-			.use(
-				staticPlugin({
-					assets: staticRoot,
-					prefix: "/",
-					indexHTML: false,
-					ignorePatterns: ["_shell.html"],
-				}),
-			)
-			// SPA fallback - serve _shell.html for all unmatched routes
-			.onError(({ code, set }) => {
-				if (code === "NOT_FOUND") {
-					set.status = 200;
-					set.headers["content-type"] = "text/html; charset=utf-8";
-					return file(path.join(staticRoot, "_shell.html"));
-				}
-			})
-	);
+		.use(
+			"*",
+			serveStatic({
+				root: staticRoot,
+				rewriteRequestPath: (requestPath) =>
+					extname(requestPath) ? requestPath : "/index.html",
+			}),
+		);
+
+	return app;
 }

package/tsdown.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from "tsdown";
+
+export default defineConfig({
+	entry: ["src/cli.ts"],
+	platform: "node",
+});

package/turbo.json

@@ -3,7 +3,7 @@
 	"extends": ["//"],
 	"tasks": {
 		"dev": {
-			"dependsOn": ["web#build"]
+			"dependsOn": ["@vibest/web#build"]
 		}
 	}
 }