dev3000 0.0.44 → 0.0.46

package/mcp-server/app/logs/page.tsx

@@ -1,7 +1,129 @@
 import LogsClient from './LogsClient';
+import { redirect } from 'next/navigation';
+import { readFileSync, existsSync, readdirSync, statSync } from 'fs';
+import { join, dirname, basename } from 'path';
+import { parseLogEntries } from './utils';
 
-export default function LogsPage() {
+interface PageProps {
+  searchParams: { file?: string; mode?: 'head' | 'tail' };
+}
+
+async function getLogFiles() {
+  try {
+    const currentLogPath = process.env.LOG_FILE_PATH || '/tmp/dev3000.log';
+    
+    if (!existsSync(currentLogPath)) {
+      return { files: [], currentFile: '', projectName: 'unknown' };
+    }
+
+    const logDir = dirname(currentLogPath);
+    const currentLogName = basename(currentLogPath);
+    
+    // Extract project name from current log filename
+    const projectMatch = currentLogName.match(/^dev3000-(.+?)-\d{4}-\d{2}-\d{2}T/);
+    const projectName = projectMatch ? projectMatch[1] : 'unknown';
+    
+    const dirContents = readdirSync(logDir);
+    const logFiles = dirContents
+      .filter(file => 
+        file.startsWith(`dev3000-${projectName}-`) && 
+        file.endsWith('.log')
+      )
+      .map(file => {
+        const filePath = join(logDir, file);
+        const stats = statSync(filePath);
+        
+        const timestampMatch = file.match(/(\d{4}-\d{2}-\d{2}T[\d-]+Z)/);
+        const timestamp = timestampMatch ? timestampMatch[1].replace(/-/g, ':') : '';
+        
+        return {
+          name: file,
+          path: filePath,
+          timestamp,
+          size: stats.size,
+          mtime: stats.mtime,
+          isCurrent: file === currentLogName
+        };
+      })
+      .sort((a, b) => b.mtime.getTime() - a.mtime.getTime());
+    
+    return {
+      files: logFiles,
+      currentFile: currentLogPath,
+      projectName
+    };
+  } catch (error) {
+    return { files: [], currentFile: '', projectName: 'unknown' };
+  }
+}
+
+async function getLogData(logPath: string, mode: 'head' | 'tail' = 'tail', lines: number = 100) {
+  try {
+    if (!existsSync(logPath)) {
+      return { logs: '', total: 0 };
+    }
+    
+    const logContent = readFileSync(logPath, 'utf-8');
+    const allLines = logContent.split('\n').filter(line => line.trim());
+    
+    const selectedLines = mode === 'head' 
+      ? allLines.slice(0, lines)
+      : allLines.slice(-lines);
+    
+    return {
+      logs: selectedLines.join('\n'),
+      total: allLines.length
+    };
+  } catch (error) {
+    return { logs: '', total: 0 };
+  }
+}
+
+export default async function LogsPage({ searchParams }: PageProps) {
   const version = process.env.DEV3000_VERSION || '0.0.0';
   
-  return <LogsClient version={version} />;
+  // Get available log files
+  const { files, currentFile } = await getLogFiles();
+  
+  // If no file specified and we have files, redirect to latest
+  if (!searchParams.file && files.length > 0) {
+    const latestFile = files[0].name;
+    redirect(`/logs?file=${encodeURIComponent(latestFile)}`);
+  }
+  
+  // If no file specified and no files available, render with empty data
+  if (!searchParams.file) {
+    return (
+      <LogsClient 
+        version={version}
+        initialData={{
+          logs: [],
+          logFiles: [],
+          currentLogFile: '',
+          mode: 'tail'
+        }}
+      />
+    );
+  }
+  
+  // Find the selected log file
+  const selectedFile = files.find(f => f.name === searchParams.file);
+  const logPath = selectedFile?.path || currentFile;
+  const mode = (searchParams.mode as 'head' | 'tail') || 'tail';
+  
+  // Get initial log data server-side
+  const logData = await getLogData(logPath, mode);
+  const parsedLogs = parseLogEntries(logData.logs);
+  
+  return (
+    <LogsClient 
+      version={version}
+      initialData={{
+        logs: parsedLogs,
+        logFiles: files,
+        currentLogFile: logPath,
+        mode
+      }}
+    />
+  );
 }

package/mcp-server/app/logs/utils.ts

@@ -0,0 +1,46 @@
+import { LogEntry } from '@/types';
+
+export function parseLogEntries(logContent: string): LogEntry[] {
+  // Split by timestamp pattern - each timestamp starts a new log entry
+  const timestampPattern = /\[(\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{3}Z)\] \[([^\]]+)\] /;
+  
+  const entries: LogEntry[] = [];
+  const lines = logContent.split('\n');
+  let currentEntry: LogEntry | null = null;
+  
+  for (const line of lines) {
+    if (!line.trim()) continue;
+    
+    const match = line.match(timestampPattern);
+    if (match) {
+      // Save previous entry if exists
+      if (currentEntry) {
+        entries.push(currentEntry);
+      }
+      
+      // Start new entry
+      const [fullMatch, timestamp, source] = match;
+      const message = line.substring(fullMatch.length);
+      const screenshot = message.match(/\[SCREENSHOT\] (.+)/)?.[1];
+      
+      currentEntry = {
+        timestamp,
+        source,
+        message,
+        screenshot,
+        original: line
+      };
+    } else if (currentEntry) {
+      // Append to current entry's message
+      currentEntry.message += '\n' + line;
+      currentEntry.original += '\n' + line;
+    }
+  }
+  
+  // Don't forget the last entry
+  if (currentEntry) {
+    entries.push(currentEntry);
+  }
+  
+  return entries;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dev3000",
-  "version": "0.0.44",
+  "version": "0.0.46",
   "description": "AI-powered development tools with browser monitoring and MCP server integration",
   "type": "module",
   "main": "dist/index.js",
@@ -30,6 +30,7 @@
     "claude"
   ],
   "dependencies": {
+    "biome": "^0.3.3",
     "chalk": "^5.3.0",
     "cli-progress": "^3.12.0",
     "commander": "^11.1.0",
@@ -59,6 +60,7 @@
   "scripts": {
     "build": "tsc && mkdir -p dist/src && cp src/loading.html dist/src/",
     "dev": "tsc --watch",
+    "format": "biome format --write .",
     "test": "vitest run",
     "postinstall": "cd mcp-server && pnpm install --frozen-lockfile",
     "release": "./scripts/release.sh",