opencode-dashboard-client 0.2.0 → 0.3.0

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "opencode-dashboard-client",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "type": "module",
-  "description": "Front-end for the opencode token-usage dashboard. Ships the built SPA plus the front-end server (bun server.ts) that proxies to dashboard backends.",
+  "description": "Front-end for the opencode token-usage dashboard. Ships the built SPA plus a node CLI (opencode-dashboard serve/configure) that serves the SPA and proxies to dashboard backends.",
   "homepage": "https://github.com/GCS-ZHN/opencode-dashboard#readme",
   "repository": {
     "type": "git",
@@ -11,20 +11,22 @@
   "bugs": {
     "url": "https://github.com/GCS-ZHN/opencode-dashboard/issues"
   },
+  "bin": {
+    "opencode-dashboard": "dist-cli/cli.mjs"
+  },
   "files": [
     "dist",
-    "server.ts",
-    "config.ts",
-    "dashboard.yaml"
+    "dist-cli"
   ],
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc && tsc -p tsconfig.node.json && vite build",
+    "build": "tsc && tsc -p tsconfig.node.json && vite build && bun build cli.ts --target=node --outfile=dist-cli/cli.mjs",
     "preview": "vite preview",
     "mock": "bun mock-server.ts",
+    "serve": "node dist-cli/cli.mjs serve",
     "prepublishOnly": "npm run build"
   },
   "dependencies": {

package/config.ts

@@ -1,45 +0,0 @@
-import { readFileSync } from "node:fs";
-import { dirname, join } from "node:path";
-import { fileURLToPath } from "node:url";
-import YAML from "yaml";
-
-export interface ServerConfig {
-  name: string;
-  url: string;
-}
-
-export interface DashboardConfig {
-  host?: string;
-  port?: number;
-  servers: ServerConfig[];
-  ui?: { sessionPage?: number };
-}
-
-// Works under bun (import.meta.dir) and vite's config loader (import.meta.url).
-function baseDir(): string {
-  try {
-    return import.meta.dir ?? dirname(fileURLToPath(import.meta.url));
-  } catch {
-    return process.cwd();
-  }
-}
-
-// Node-only module (front-end server / vite config / mock server). The browser
-// never imports this — the SPA fetches the resolved values from /api/config.
-export function loadDashboardConfig(
-  path: string = process.env.DASHBOARD_CONFIG ?? join(baseDir(), "dashboard.yaml"),
-): DashboardConfig {
-  const doc = (YAML.parse(readFileSync(path, "utf8")) ?? {}) as DashboardConfig;
-  const port = Number(process.env.PORT ?? doc.port ?? 5173);
-  if (!Number.isInteger(port) || port < 1 || port > 65535) {
-    throw new Error(`invalid port in ${path}: ${String(doc.port)}`);
-  }
-  const sessionPage = Number(doc.ui?.sessionPage ?? 30);
-  return {
-    host: process.env.HOST ?? doc.host ?? "0.0.0.0",
-    port,
-    servers: doc.servers ?? [],
-    ui: { sessionPage: Number.isInteger(sessionPage) && sessionPage > 0 ? sessionPage : 30 },
-  };
-}
-

package/dashboard.yaml

@@ -1,25 +0,0 @@
-# opencode-dashboard front-end server configuration.
-# The front-end server (bun server.ts) and the vite dev server read this file.
-# Everything a user might want to change lives here; env vars (PORT, HOST,
-# DASHBOARD_CONFIG) override the matching fields. The SPA receives the resolved
-# servers + ui options at runtime via GET /api/config (it never bundles them).
-
-# Front-end server bind address (env HOST wins; default 0.0.0.0)
-host: 0.0.0.0
-# Front-end server port (env PORT wins; default 5173)
-port: 5173
-
-# Aggregation backends to proxy as /api/s/{index}/*
-servers:
-  - name: main
-    url: http://127.0.0.1:8791
-  - name: backup
-    url: http://127.0.0.1:8792
-  - name: dev
-    url: http://127.0.0.1:8793
-  - name: staging
-    url: http://127.0.0.1:8794
-
-# Browser-side UI options, delivered to the SPA via /api/config
-ui:
-  sessionPage: 30   # sessions loaded per page when a project is expanded

package/server.ts

@@ -1,57 +0,0 @@
-// Front-end server: single entry point for clients. Serves dist/ and proxies
-// /api/s/{i}/* to the configured backends — same route scheme as vite.config.ts,
-// so clients never reach the real backends (they may be unreachable from the
-// client's network). Configuration comes from dashboard.yaml (env overrides:
-// DASHBOARD_CONFIG, PORT, HOST). Run: bun server.ts
-import { serve } from "bun";
-import { join } from "node:path";
-import { loadDashboardConfig } from "./config";
-
-const cfg = loadDashboardConfig();
-const DIST = join(import.meta.dir, "dist");
-
-const MIME: Record<string, string> = {
-  ".html": "text/html; charset=utf-8",
-  ".js": "text/javascript",
-  ".css": "text/css",
-  ".svg": "image/svg+xml",
-  ".json": "application/json",
-  ".png": "image/png",
-};
-
-const file = async (path: string) => {
-  const f = Bun.file(join(DIST, path));
-  return (await f.exists()) ? f : null;
-};
-
-serve({
-  hostname: cfg.host,
-  port: cfg.port,
-  async fetch(req) {
-    const url = new URL(req.url);
-
-    if (url.pathname === "/api/config") {
-      return Response.json({ servers: cfg.servers, ui: cfg.ui });
-    }
-
-    const m = url.pathname.match(/^\/api\/s\/(\d+)(\/.*)?$/);
-    if (m) {
-      const target = cfg.servers[Number(m[1])];
-      if (!target) return new Response("unknown server", { status: 404 });
-      const res = await fetch(target.url + (m[2] ?? "") + url.search, req);
-      return new Response(res.body, { status: res.status, headers: res.headers });
-    }
-
-    const path = url.pathname === "/" ? "/index.html" : url.pathname;
-    const f = await file(path);
-    if (f) {
-      const ext = path.slice(path.lastIndexOf("."));
-      return new Response(f, { headers: { "content-type": MIME[ext] ?? "application/octet-stream" } });
-    }
-    const idx = await file("index.html"); // SPA fallback
-    if (idx) return new Response(idx, { headers: { "content-type": MIME[".html"] } });
-    return new Response("not found", { status: 404 });
-  },
-});
-
-console.log(`front-end server http://${cfg.host}:${cfg.port} (${cfg.servers.length} backends proxied)`);