Update evi-proxy to use Node and Vite

Author: twitchard

evi/evi-proxy/README.md

@@ -12,9 +12,8 @@ It is also useful as a debugging tool: it supports
 
 ## Prerequisites
 
-- [Bun](https://bun.sh/) runtime
-- Node.js (for web frontend build)
-- Hume AI API credentials
+ - Node.js (for running the proxy and building the web frontend)
+ - Hume AI API credentials
 
 ## Installation
 
@@ -26,8 +25,8 @@ It is also useful as a debugging tool: it supports
 
 2. Install dependencies for both app and web components:
    ```bash
-   cd app && bun install
-   cd ../web && bun install
+   cd app && npm install
+   cd ../web && npm install && npm run build
    cd ..
    ```
 
@@ -50,7 +49,7 @@ To get your API key:
 ### Start the Proxy Server
 
 ```bash
-cd app && bun run start
+cd app && npm start
 ```
 
 This starts the WebSocket proxy server on port 3000 with an interactive CLI interface. The CLI allows you to:
@@ -82,6 +81,9 @@ The proxy also includes a built-in web interface available at:
 ```
 http://localhost:3000
 ```
+The interface is built using [Vite](https://vitejs.dev). If you modify any
+frontend code, run `npm run build` in the `web/` directory again to rebuild the
+static assets.
 
 ### Recording and Playback
 
@@ -93,7 +95,7 @@ http://localhost:3000
 
 ```
 eviproxy/
-├── app/                      # Main proxy server (Bun/Node.js)
+├── app/                      # Main proxy server (Node.js)
 │   ├── main.ts               # Entry point and state machine
 │   ├── cli.ts                # Interactive CLI interface
 │   ├── upstream.ts           # Hume API connections

evi/evi-proxy/app/main.ts

@@ -1,6 +1,9 @@
+import 'dotenv/config';
 import * as fs from "fs";
 import * as p from "@clack/prompts";
 import * as http from "http";
+import * as path from "path";
+import { fileURLToPath } from "url";
 import { CLI } from "./cli.js";
 import type { Message, State, AppEvent, Effect } from '../shared/types.ts';
 import { ERROR_CODES } from '../shared/types.ts';
@@ -9,6 +12,9 @@ import { BaseUpstream, LiveUpstream, PlaybackUpstream, UninitializedUpstream } f
 import { Downstream } from "./downstream.js";
 import { exhaustive, truncateDataReplacer } from "./util.js";
 
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const DIST_DIR = path.join(__dirname, "../out");
+
 const PORT = 3000;
 const DOWNSTREAM_WS_PATH = "/v0/evi/chat";
 const UPSTREAM_WS_BASE_URL = "wss://api.hume.ai";
@@ -38,31 +44,26 @@ const serve = async (req: http.IncomingMessage, res: http.ServerResponse) => {
     }
   }
 
-  // This builds the frontend on each request
-  await Bun.build({
-    entrypoints: ["../web/index.html"],
-    outdir: "../out",
-    target: "browser",
-  });
   if (url.pathname === "/" || url.pathname === "/index.html") {
-    res.writeHead(200, {
-      "Content-Type": "text/html",
-      "Cache-Control": "no-cache",
-    });
-    res.write(await Bun.file("../out/index.html").text());
-    res.end();
-    return;
+    const htmlPath = path.join(DIST_DIR, "index.html");
+    if (fs.existsSync(htmlPath)) {
+      res.writeHead(200, {
+        "Content-Type": "text/html",
+        "Cache-Control": "no-cache",
+      });
+      res.write(fs.readFileSync(htmlPath));
+      res.end();
+      return;
+    }
   }
-  // Serve any file from out/ (e.g. chunk-*.js, chunk-*.css)
-  const filePath = `../out${url.pathname}`;
-  const file = Bun.file(filePath);
-  if (await file.exists()) {
+  const filePath = path.join(DIST_DIR, url.pathname);
+  if (fs.existsSync(filePath)) {
     let contentType = "application/octet-stream";
     if (filePath.endsWith(".js")) contentType = "application/javascript";
     else if (filePath.endsWith(".css")) contentType = "text/css";
     else if (filePath.endsWith(".html")) contentType = "text/html";
     res.writeHead(200, { "Content-Type": contentType });
-    res.write(await file.text());
+    res.write(fs.readFileSync(filePath));
     res.end();
     return;
   }

evi/evi-proxy/app/package.json

@@ -4,23 +4,22 @@
   "description": "",
   "main": "main.ts",
   "scripts": {
-    "start": "bun run main.ts"
+    "start": "node --loader tsx ./main.ts"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "dependencies": {
     "@clack/core": "^1.0.0-alpha.0",
-    "@types/bun": "^1.2.12",
     "change-case": "^5.4.4",
+    "dotenv": "^16.3.1",
     "is-unicode-supported": "^2.1.0"
   },
   "devDependencies": {
     "@types/express": "^4.17.21",
     "@types/node": "^22.7.0",
     "@types/ws": "^8.18.1",
     "@types/yargs": "^17.0.33",
-    "bun-types": "^1.2.12",
     "tsx": "^4.19.4",
     "typescript": "^5.6.2",
     "ws": "^8.18.2",

evi/evi-proxy/web/.gitignore

@@ -1,4 +1,4 @@
-# dependencies (bun install)
+# dependencies
 node_modules
 
 # output