coaia-visualizer 1.4.2 → 1.5.0

package/dist/cli.js

@@ -17,7 +17,11 @@ function loadConfig(args) {
     let config = {
         memoryPath: path.join(process.cwd(), 'memory.jsonl'),
         port: 3000,
-        noOpen: false
+        noOpen: false,
+        live: false,
+        pollInterval: 2000,
+        autoPlay: false,
+        audioDir: path.join(process.cwd(), 'audio')
     };
     // Load .env files
     const localEnvPath = path.join(process.cwd(), '.env');
@@ -38,6 +42,18 @@ function loadConfig(args) {
     if (process.env.COAIAV_PORT) {
         config.port = parseInt(process.env.COAIAV_PORT, 10);
     }
+    if (process.env.COAIAV_LIVE === 'true') {
+        config.live = true;
+    }
+    if (process.env.COAIAV_POLL_INTERVAL) {
+        config.pollInterval = parseInt(process.env.COAIAV_POLL_INTERVAL, 10);
+    }
+    if (process.env.COAIAV_AUTO_PLAY === 'true') {
+        config.autoPlay = true;
+    }
+    if (process.env.COAIAV_AUDIO_DIR) {
+        config.audioDir = process.env.COAIAV_AUDIO_DIR;
+    }
     // Command-line flags override everything
     if (args['memory-path'] || args['M']) {
         config.memoryPath = args['memory-path'] || args['M'];
@@ -48,6 +64,18 @@ function loadConfig(args) {
     if (args['no-open']) {
         config.noOpen = true;
     }
+    if (args['live']) {
+        config.live = true;
+    }
+    if (args['poll-interval']) {
+        config.pollInterval = parseInt(args['poll-interval'], 10);
+    }
+    if (args['auto-play']) {
+        config.autoPlay = true;
+    }
+    if (args['audio-dir']) {
+        config.audioDir = args['audio-dir'];
+    }
     return config;
 }
 async function main() {
@@ -67,12 +95,20 @@ USAGE:
 OPTIONS:
    --memory-path PATH, -M PATH    Path to memory.jsonl file (default: ./memory.jsonl)
    --port PORT, -p PORT           Server port (default: 3000)
+   --live                         Enable live monitoring mode
+   --poll-interval MS             Polling interval in ms (default: 2000)
+   --auto-play                    Auto-play audio for new beats
+   --audio-dir PATH               Audio directory path (default: ./audio)
    --no-open                      Don't auto-open browser
    --help, -h                     Show this help message
 
 ENVIRONMENT VARIABLES:
    COAIAN_MF                      Default memory file path
    COAIAV_PORT                    Default server port
+   COAIAV_LIVE                    Enable live mode (true/false)
+   COAIAV_POLL_INTERVAL           Polling interval in ms
+   COAIAV_AUTO_PLAY               Enable auto-play (true/false)
+   COAIAV_AUDIO_DIR               Audio directory path
 
 EXAMPLES:
    # Launch with default memory.jsonl
@@ -99,13 +135,22 @@ EXAMPLES:
         console.error(`   Create a memory file or specify a different path with --memory-path`);
         process.exit(1);
     }
-    console.log(`🎨 COAIA Visualizer`);
+    console.log(`🎨 COAIA Visualizer${config.live ? ' [LIVE MODE]' : ''}`);
     console.log(`📁 Memory file: ${config.memoryPath}`);
     console.log(`🌐 Port: ${config.port}`);
+    if (config.live) {
+        console.log(`🔄 Polling: ${config.pollInterval}ms`);
+        console.log(`🎵 Audio: ${config.audioDir}`);
+        console.log(`🔊 Auto-play: ${config.autoPlay ? 'enabled' : 'disabled'}`);
+    }
     console.log();
     // Set environment variables for Next.js
     process.env.COAIAV_MEMORY_PATH = path.resolve(config.memoryPath);
     process.env.PORT = config.port.toString();
+    process.env.NEXT_PUBLIC_LIVE_MODE = config.live.toString();
+    process.env.NEXT_PUBLIC_POLL_INTERVAL = config.pollInterval.toString();
+    process.env.NEXT_PUBLIC_AUTO_PLAY = config.autoPlay.toString();
+    process.env.COAIAV_AUDIO_DIR = path.resolve(config.audioDir);
     // Navigate to visualizer root
     const visualizerRoot = path.resolve(__dirname, '..');
     // Launch Next.js dev server with explicit port flag
@@ -115,7 +160,11 @@ EXAMPLES:
         env: {
             ...process.env,
             COAIAV_MEMORY_PATH: path.resolve(config.memoryPath),
-            PORT: config.port.toString()
+            PORT: config.port.toString(),
+            NEXT_PUBLIC_LIVE_MODE: config.live.toString(),
+            NEXT_PUBLIC_POLL_INTERVAL: config.pollInterval.toString(),
+            NEXT_PUBLIC_AUTO_PLAY: config.autoPlay.toString(),
+            COAIAV_AUDIO_DIR: path.resolve(config.audioDir)
         }
     });
     // Open browser if not disabled

package/docker-compose.test.yml

@@ -0,0 +1,69 @@
+version: '3.8'
+
+services:
+  # Next.js application server
+  visualizer-app:
+    build:
+      context: .
+      dockerfile: Dockerfile.app
+    ports:
+      - "4321:4321"
+    volumes:
+      - ./samples:/app/samples:ro
+      - ./test-data:/app/test-data
+    environment:
+      - NODE_ENV=production
+      - PORT=4321
+    networks:
+      - test-network
+    healthcheck:
+      test: ["CMD", "curl", "-f", "http://localhost:4321/api/charts"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+  # MCP Server
+  mcp-server:
+    build:
+      context: ./mcp
+      dockerfile: Dockerfile
+    environment:
+      - VISUALIZER_API_URL=http://visualizer-app:4321
+      - VISUALIZER_API_KEY=${VISUALIZER_API_KEY:-test-api-key}
+      - NODE_ENV=production
+    volumes:
+      - ./test-data:/data
+    networks:
+      - test-network
+    depends_on:
+      visualizer-app:
+        condition: service_healthy
+    stdin_open: true
+    tty: true
+
+  # Test runner using claude-code CLI or gemini-cli
+  test-runner:
+    build:
+      context: .
+      dockerfile: Dockerfile.test
+    environment:
+      - MCP_SERVER_HOST=mcp-server
+      - VISUALIZER_API_URL=http://visualizer-app:4321
+      - ANTHROPIC_API_KEY=${ANTHROPIC_API_KEY}
+      - GOOGLE_API_KEY=${GOOGLE_API_KEY}
+    volumes:
+      - ./test-scripts:/test-scripts:ro
+      - ./test-results:/test-results
+      - ./test-data:/test-data
+    networks:
+      - test-network
+    depends_on:
+      visualizer-app:
+        condition: service_healthy
+      mcp-server:
+        condition: service_started
+    command: ["/test-scripts/run-all-tests.sh"]
+
+networks:
+  test-network:
+    driver: bridge

package/hooks/use-live-polling.ts

@@ -0,0 +1,45 @@
+import { useEffect, useRef, useState } from 'react'
+
+export function useLivePolling(options: {
+  enabled: boolean
+  interval: number
+  onReload: () => void
+}) {
+  const [lastBeatCount, setLastBeatCount] = useState(0)
+  const [isLive, setIsLive] = useState(false)
+  const intervalRef = useRef<NodeJS.Timeout>()
+
+  useEffect(() => {
+    if (!options.enabled) {
+      setIsLive(false)
+      return
+    }
+
+    const poll = async () => {
+      try {
+        const response = await fetch('/api/watch')
+        if (response.ok) {
+          const { beatCount } = await response.json()
+
+          if (beatCount > lastBeatCount) {
+            setIsLive(true)
+            setLastBeatCount(beatCount)
+            options.onReload()
+
+            // Flash live indicator
+            setTimeout(() => setIsLive(false), 2000)
+          }
+        }
+      } catch (error) {
+        console.error('Polling error:', error)
+      }
+    }
+
+    intervalRef.current = setInterval(poll, options.interval)
+    return () => {
+      if (intervalRef.current) clearInterval(intervalRef.current)
+    }
+  }, [options.enabled, options.interval, lastBeatCount])
+
+  return { isLive }
+}