@oh-my-pi/omp-stats 8.0.20 → 8.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@oh-my-pi/omp-stats",
-	"version": "8.0.20",
+	"version": "8.2.0",
 	"description": "Local observability dashboard for pi AI usage statistics",
 	"type": "module",
 	"main": "./src/index.ts",
@@ -13,7 +13,14 @@
 			"types": "./src/index.ts",
 			"import": "./src/index.ts"
 		},
-		"./*": "./src/*"
+		"./src/server": {
+			"types": "./src/server.ts",
+			"import": "./src/server.ts"
+		},
+		"./src/db": {
+			"types": "./src/db.ts",
+			"import": "./src/db.ts"
+		}
 	},
 	"files": [
 		"src",
@@ -30,20 +37,20 @@
 	],
 	"scripts": {
 		"dev": "bun run src/index.ts",
-		"check": "tsgo --noEmit && tsgo --noEmit -p tsconfig.client.json",
-		"build": "bun run build.ts && tsgo -p tsconfig.build.json"
+		"check": "tsgo -p tsconfig.json && tsgo -p tsconfig.client.json",
+		"build": "bun run build.ts"
 	},
 	"author": "Can Bölük",
 	"license": "MIT",
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/can1357/oh-my-pi.git",
-		"directory": "packages/omp-stats"
+		"directory": "packages/stats"
 	},
 	"dependencies": {
-		"@oh-my-pi/pi-ai": "8.0.20",
+		"@oh-my-pi/pi-ai": "8.2.0",
 		"date-fns": "^4.1.0",
-		"lucide-react": "^0.562.0",
+		"lucide-react": "^0.563.0",
 		"react": "^19.2.3",
 		"react-dom": "^19.2.3",
 		"recharts": "^3.6.0"

package/src/aggregator.ts

@@ -1,4 +1,4 @@
-import { stat } from "node:fs/promises";
+import * as fs from "node:fs/promises";
 import {
 	getRecentErrors as dbGetRecentErrors,
 	getRecentRequests as dbGetRecentRequests,
@@ -22,9 +22,9 @@ import type { DashboardStats, MessageStats, RequestDetails } from "./types";
  */
 async function syncSessionFile(sessionFile: string): Promise<number> {
 	// Get file stats
-	let fileStats: Awaited<ReturnType<typeof stat>>;
+	let fileStats: Awaited<ReturnType<typeof fs.stat>>;
 	try {
-		fileStats = await stat(sessionFile);
+		fileStats = await fs.stat(sessionFile);
 	} catch {
 		return 0;
 	}

package/src/db.ts

@@ -1,10 +1,10 @@
 import { Database } from "bun:sqlite";
-import { mkdir } from "node:fs/promises";
-import { homedir } from "node:os";
-import { join } from "node:path";
+import * as fs from "node:fs/promises";
+import * as os from "node:os";
+import * as path from "node:path";
 import type { AggregatedStats, FolderStats, MessageStats, ModelStats, TimeSeriesPoint } from "./types";
 
-const DB_PATH = join(homedir(), ".omp", "stats.db");
+const DB_PATH = path.join(os.homedir(), ".omp", "stats.db");
 
 let db: Database | null = null;
 
@@ -15,7 +15,7 @@ export async function initDb(): Promise<Database> {
 	if (db) return db;
 
 	// Ensure directory exists
-	await mkdir(join(homedir(), ".omp"), { recursive: true });
+	await fs.mkdir(path.join(os.homedir(), ".omp"), { recursive: true });
 
 	db = new Database(DB_PATH);
 	db.exec("PRAGMA journal_mode = WAL");
@@ -245,7 +245,7 @@ export function getStatsByModel(): ModelStats[] {
 	`);
 
 	const rows = stmt.all() as any[];
-	return rows.map((row) => ({
+	return rows.map(row => ({
 		model: row.model,
 		provider: row.provider,
 		...buildAggregatedStats([row]),
@@ -279,7 +279,7 @@ export function getStatsByFolder(): FolderStats[] {
 	`);
 
 	const rows = stmt.all() as any[];
-	return rows.map((row) => ({
+	return rows.map(row => ({
 		folder: row.folder,
 		...buildAggregatedStats([row]),
 	}));
@@ -307,7 +307,7 @@ export function getTimeSeries(hours = 24): TimeSeriesPoint[] {
 	`);
 
 	const rows = stmt.all(cutoff) as any[];
-	return rows.map((row) => ({
+	return rows.map(row => ({
 		timestamp: row.bucket,
 		requests: row.requests,
 		errors: row.errors,

package/src/index.ts

@@ -6,14 +6,7 @@ import { closeDb } from "./db";
 import { startServer } from "./server";
 
 export { getDashboardStats, getTotalMessageCount, syncAllSessions } from "./aggregator";
-export type {
-	AggregatedStats,
-	DashboardStats,
-	FolderStats,
-	MessageStats,
-	ModelStats,
-	TimeSeriesPoint,
-} from "./types";
+export type { AggregatedStats, DashboardStats, FolderStats, MessageStats, ModelStats, TimeSeriesPoint } from "./types";
 
 /**
  * Format a number with appropriate suffix (K, M, etc.)
@@ -145,7 +138,7 @@ Examples:
 
 		// Start server
 		const port = parseInt(values.port || "3847", 10);
-		const { port: actualPort } = startServer(port);
+		const { port: actualPort } = await startServer(port);
 		console.log(`Dashboard available at: http://localhost:${actualPort}`);
 		console.log("Press Ctrl+C to stop\n");
 

package/src/parser.ts

@@ -1,10 +1,10 @@
-import { readdir } from "node:fs/promises";
-import { homedir } from "node:os";
-import { basename, join } from "node:path";
+import * as fs from "node:fs/promises";
+import * as os from "node:os";
+import * as path from "node:path";
 import type { AssistantMessage } from "@oh-my-pi/pi-ai";
 import type { MessageStats, SessionEntry, SessionMessageEntry } from "./types";
 
-const SESSIONS_DIR = join(homedir(), ".omp", "agent", "sessions");
+const SESSIONS_DIR = path.join(os.homedir(), ".omp", "agent", "sessions");
 
 /**
  * Extract folder name from session filename.
@@ -12,7 +12,7 @@ const SESSIONS_DIR = join(homedir(), ".omp", "agent", "sessions");
  * The folder part uses -- as path separator.
  */
 function extractFolderFromPath(sessionPath: string): string {
-	const dir = basename(sessionPath.replace(/\/[^/]+\.jsonl$/, ""));
+	const dir = path.basename(sessionPath.replace(/\/[^/]+\.jsonl$/, ""));
 	// Convert --work--pi-- to /work/pi
 	return dir.replace(/^--/, "/").replace(/--/g, "/");
 }
@@ -105,8 +105,8 @@ export async function parseSessionFile(
  */
 export async function listSessionFolders(): Promise<string[]> {
 	try {
-		const entries = await readdir(SESSIONS_DIR, { withFileTypes: true });
-		return entries.filter((e) => e.isDirectory()).map((e) => join(SESSIONS_DIR, e.name));
+		const entries = await fs.readdir(SESSIONS_DIR, { withFileTypes: true });
+		return entries.filter(e => e.isDirectory()).map(e => path.join(SESSIONS_DIR, e.name));
 	} catch {
 		return [];
 	}
@@ -117,8 +117,8 @@ export async function listSessionFolders(): Promise<string[]> {
  */
 export async function listSessionFiles(folderPath: string): Promise<string[]> {
 	try {
-		const entries = await readdir(folderPath, { withFileTypes: true });
-		return entries.filter((e) => e.isFile() && e.name.endsWith(".jsonl")).map((e) => join(folderPath, e.name));
+		const entries = await fs.readdir(folderPath, { withFileTypes: true });
+		return entries.filter(e => e.isFile() && e.name.endsWith(".jsonl")).map(e => path.join(folderPath, e.name));
 	} catch {
 		return [];
 	}

package/src/server.ts

@@ -1,4 +1,5 @@
-import { join } from "node:path";
+import * as fs from "node:fs/promises";
+import * as path from "node:path";
 import {
 	getDashboardStats,
 	getRecentErrors,
@@ -8,7 +9,68 @@ import {
 	syncAllSessions,
 } from "./aggregator";
 
-const STATIC_DIR = join(import.meta.dir, "..", "dist", "client");
+const CLIENT_DIR = path.join(import.meta.dir, "client");
+const STATIC_DIR = path.join(import.meta.dir, "..", "dist", "client");
+
+const ensureClientBuild = async () => {
+	const indexFile = Bun.file(path.join(STATIC_DIR, "index.html"));
+	if (await indexFile.exists()) return;
+
+	await fs.rm(STATIC_DIR, { recursive: true, force: true });
+
+	const result = await Bun.build({
+		entrypoints: [path.join(CLIENT_DIR, "index.tsx")],
+		outdir: STATIC_DIR,
+		minify: true,
+		naming: "[dir]/[name].[ext]",
+	});
+
+	if (!result.success) {
+		const errors = result.logs.map(log => log.message).join("\n");
+		throw new Error(`Failed to build stats client:\n${errors}`);
+	}
+
+	const indexHtml = `<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Usage Statistics</title>
+    <style>
+        :root {
+            --bg-primary: #1a1a2e;
+            --bg-secondary: #16213e;
+            --bg-card: #0f3460;
+            --text-primary: #eee;
+            --text-secondary: #aaa;
+            --accent: #e94560;
+            --success: #4ade80;
+            --error: #f87171;
+            --border: #1f2937;
+        }
+        body { 
+            margin: 0; 
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+            background: var(--bg-primary);
+            color: var(--text-primary);
+        }
+        * { box-sizing: border-box; }
+        ::-webkit-scrollbar { width: 8px; height: 8px; }
+        ::-webkit-scrollbar-track { background: var(--bg-primary); }
+        ::-webkit-scrollbar-thumb { background: var(--bg-card); border-radius: 4px; }
+        ::-webkit-scrollbar-thumb:hover { background: var(--accent); }
+        .spin { animation: spin 1s linear infinite; }
+        @keyframes spin { 100% { transform: rotate(360deg); } }
+    </style>
+</head>
+<body>
+    <div id="root"></div>
+    <script src="index.js" type="module"></script>
+</body>
+</html>`;
+
+	await Bun.write(path.join(STATIC_DIR, "index.html"), indexHtml);
+};
 
 /**
  * Handle API requests.
@@ -72,9 +134,9 @@ async function handleApi(req: Request): Promise<Response> {
 /**
  * Handle static file requests.
  */
-async function handleStatic(path: string): Promise<Response> {
-	const filePath = path === "/" ? "/index.html" : path;
-	const fullPath = join(STATIC_DIR, filePath);
+async function handleStatic(requestPath: string): Promise<Response> {
+	const filePath = requestPath === "/" ? "/index.html" : requestPath;
+	const fullPath = path.join(STATIC_DIR, filePath);
 
 	const file = Bun.file(fullPath);
 	if (await file.exists()) {
@@ -82,7 +144,7 @@ async function handleStatic(path: string): Promise<Response> {
 	}
 
 	// SPA fallback
-	const index = Bun.file(join(STATIC_DIR, "index.html"));
+	const index = Bun.file(path.join(STATIC_DIR, "index.html"));
 	if (await index.exists()) {
 		return new Response(index);
 	}
@@ -93,7 +155,9 @@ async function handleStatic(path: string): Promise<Response> {
 /**
  * Start the HTTP server.
  */
-export function startServer(port = 3847): { port: number; stop: () => void } {
+export async function startServer(port = 3847): Promise<{ port: number; stop: () => void }> {
+	await ensureClientBuild();
+
 	const server = Bun.serve({
 		port,
 		async fetch(req) {