@neuralforge/dashboard 0.9.0

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@neuralforge/dashboard",
+  "version": "0.9.0",
+  "description": "Training visualization dashboard",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "test": "vitest",
+    "lint": "eslint src/"
+  },
+  "dependencies": {
+    "typescript": "^5.4.0",
+    "express": "^4.18.0",
+    "ws": "^8.16.0",
+    "react": "^18.2.0"
+  },
+  "devDependencies": {
+    "vitest": "^1.6.0",
+    "eslint": "^8.57.0"
+  }
+}

package/src/api/experiments.ts

@@ -0,0 +1,7 @@
+/**
+ * Experiments API
+ */
+
+export interface Experiment { id: string; name: string; status: 'running' | 'completed' | 'failed'; }
+export function listExperiments(): Experiment[] { return []; }
+

package/src/api/index.ts

@@ -0,0 +1,6 @@
+/**
+ * API module
+ */
+
+export { setupRoutes } from './routes';
+

package/src/api/metrics.ts

@@ -0,0 +1,7 @@
+/**
+ * Metrics API
+ */
+
+export interface Metric { name: string; value: number; step: number; timestamp: number; }
+export function aggregateMetrics(metrics: Metric[]): Record<string, number> { return {}; }
+

package/src/api/routes.ts

@@ -0,0 +1,14 @@
+/**
+ * API routes
+ */
+
+import { Router, Application } from 'express';
+
+export function setupRoutes(app: Application): void {
+  const router = Router();
+  router.get('/api/metrics', (req, res) => res.json({ metrics: [] }));
+  router.get('/api/experiments', (req, res) => res.json({ experiments: [] }));
+  router.get('/api/health', (req, res) => res.json({ status: 'ok' }));
+  app.use(router);
+}
+

package/src/components/ExperimentList.tsx

@@ -0,0 +1,7 @@
+/**
+ * Experiment list
+ */
+
+import React from 'react';
+export const ExperimentList: React.FC = () => { return null; };
+

package/src/components/HyperparamTable.tsx

@@ -0,0 +1,7 @@
+/**
+ * Hyperparameter table
+ */
+
+import React from 'react';
+export const HyperparamTable: React.FC<{params: Record<string, any>}> = ({params}) => { return null; };
+

package/src/components/MetricPanel.tsx

@@ -0,0 +1,7 @@
+/**
+ * Metric display panel
+ */
+
+import React from 'react';
+export const MetricPanel: React.FC<{metrics: any}> = ({metrics}) => { return null; };
+

package/src/components/ModelGraph.tsx

@@ -0,0 +1,7 @@
+/**
+ * Model graph visualization
+ */
+
+import React from 'react';
+export const ModelGraph: React.FC<{model: any}> = ({model}) => { return null; };
+

package/src/components/TrainingChart.tsx

@@ -0,0 +1,7 @@
+/**
+ * Training chart component
+ */
+
+import React from 'react';
+export const TrainingChart: React.FC<{data: any[]}> = ({data}) => { return null; };
+

package/src/hooks/useExperiment.ts

@@ -0,0 +1,6 @@
+/**
+ * Experiment hook
+ */
+
+export function useExperiment(id: string) { return { experiment: null, loading: true }; }
+

package/src/hooks/useMetrics.ts

@@ -0,0 +1,6 @@
+/**
+ * Metrics hook
+ */
+
+export function useMetrics(experimentId: string) { return { data: [], loading: true }; }
+

package/src/hooks/useWebSocket.ts

@@ -0,0 +1,6 @@
+/**
+ * WebSocket hook
+ */
+
+export function useWebSocket(url: string) { return { connected: false, send: (_: any) => {} }; }
+

package/src/index.ts

@@ -0,0 +1,7 @@
+/**
+ * Dashboard entry
+ */
+
+export { createServer } from './server';
+export { setupRoutes } from './api';
+

package/src/server.ts

@@ -0,0 +1,19 @@
+/**
+ * Dashboard HTTP server
+ */
+
+import express from 'express';
+import { setupRoutes } from './api';
+
+export interface ServerConfig {
+  port: number;
+  host?: string;
+}
+
+export function createServer(config: ServerConfig) {
+  const app = express();
+  app.use(express.json());
+  setupRoutes(app);
+  return app.listen(config.port, config.host || '0.0.0.0');
+}
+

package/src/utils/colors.ts

@@ -0,0 +1,7 @@
+/**
+ * Color palette
+ */
+
+export const COLORS = ['#4e79a7', '#f28e2b', '#e15759', '#76b7b2', '#59a14f'];
+export function getColor(index: number): string { return COLORS[index % COLORS.length]; }
+

package/src/utils/format.ts

@@ -0,0 +1,7 @@
+/**
+ * Formatting utils
+ */
+
+export function formatNumber(n: number, decimals = 2): string { return n.toFixed(decimals); }
+export function formatDuration(ms: number): string { return `${(ms / 1000).toFixed(1)}s`; }
+

package/src/utils/ws.ts

@@ -0,0 +1,6 @@
+/**
+ * WebSocket utilities
+ */
+
+export function createWSConnection(url: string): WebSocket { return new WebSocket(url); }
+

package/tests/api.test.ts

@@ -0,0 +1,13 @@
+import { describe, it, expect } from 'vitest';
+import { setupRoutes } from '../src';
+
+describe('setupRoutes', () => {
+  it('should be defined', () => {
+    expect(setupRoutes).toBeDefined();
+  });
+
+  it('should initialize correctly', () => {
+    const instance = new setupRoutes();
+    expect(instance).toBeInstanceOf(setupRoutes);
+  });
+});

package/tests/server.test.ts

@@ -0,0 +1,13 @@
+import { describe, it, expect } from 'vitest';
+import { createServer } from '../src';
+
+describe('createServer', () => {
+  it('should be defined', () => {
+    expect(createServer).toBeDefined();
+  });
+
+  it('should initialize correctly', () => {
+    const instance = new createServer();
+    expect(instance).toBeInstanceOf(createServer);
+  });
+});

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "src"
+  }
+}