@programinglive/dev-workflow-mcp-server 1.5.2 → 1.5.3

package/web/components/Terminal.tsx

@@ -1,114 +1,114 @@
-"use client";
-
-import { useEffect, useState, useRef } from "react";
-import { Rocket } from "lucide-react";
-
-type TerminalLine = {
-    type: 'command' | 'success' | 'comment' | 'info' | 'final';
-    text: string;
-    delay: number;
-};
-
-const terminalLines: TerminalLine[] = [
-    { type: 'command', text: 'start_task', delay: 500 },
-    { type: 'success', text: '✓ Task started: Implement user auth', delay: 1500 },
-    { type: 'comment', text: '# Write code...', delay: 2500 },
-    { type: 'command', text: 'mark_bug_fixed', delay: 4000 },
-    { type: 'info', text: '✨ Feature complete! Now create tests...', delay: 5000 },
-    { type: 'command', text: 'create_tests', delay: 6500 },
-    { type: 'success', text: '✓ Tests created', delay: 7500 },
-    { type: 'command', text: 'run_tests', delay: 8500 },
-    { type: 'success', text: '✓ All tests passed!', delay: 9500 },
-    { type: 'command', text: 'create_documentation', delay: 10500 },
-    { type: 'success', text: '✓ Documentation updated', delay: 11500 },
-    { type: 'command', text: 'commit_and_push', delay: 12500 },
-    { type: 'final', text: 'Ready to release!', delay: 13500 }
-];
-
-export default function Terminal() {
-    const [lines, setLines] = useState<React.ReactElement[]>([]);
-    const containerRef = useRef<HTMLDivElement>(null);
-    const hasStarted = useRef(false);
-
-    useEffect(() => {
-        const observer = new IntersectionObserver((entries) => {
-            entries.forEach(entry => {
-                if (entry.isIntersecting && !hasStarted.current) {
-                    hasStarted.current = true;
-                    runAnimation();
-                }
-            });
-        });
-
-        if (containerRef.current) {
-            observer.observe(containerRef.current);
-        }
-
-        return () => observer.disconnect();
-    }, []);
-
-    const runAnimation = async () => {
-        for (const line of terminalLines) {
-            await new Promise(r => setTimeout(r, line.delay - (terminalLines[terminalLines.indexOf(line) - 1]?.delay || 0)));
-
-            if (line.type === 'command') {
-                await typeCommand(line.text);
-            } else {
-                addLine(line);
-            }
-        }
-    };
-
-    const typeCommand = async (text: string) => {
-        const id = Date.now();
-        setLines(prev => [...prev, (
-            <div key={id} className="terminal-line visible">
-                <span className="text-gray-500 mr-2">$</span>
-                <span className="text-white typing-cursor" id={`cmd-${id}`}></span>
-            </div>
-        )]);
-
-        for (let i = 0; i < text.length; i++) {
-            await new Promise(r => setTimeout(r, 50 + Math.random() * 50));
-            const el = document.getElementById(`cmd-${id}`);
-            if (el) el.textContent += text[i];
-        }
-
-        const el = document.getElementById(`cmd-${id}`);
-        if (el) el.classList.remove('typing-cursor');
-    };
-
-    const addLine = (line: TerminalLine) => {
-        let content: React.ReactElement;
-        let className = "terminal-line visible";
-
-        switch (line.type) {
-            case 'success':
-                className += " text-emerald-400";
-                content = <>{line.text}</>;
-                break;
-            case 'comment':
-                className += " mt-3";
-                content = <><span className="text-gray-500 mr-2">$</span><span className="text-white">{line.text}</span></>;
-                break;
-            case 'info':
-                className += " text-purple-400";
-                content = <>{line.text}</>;
-                break;
-            case 'final':
-                className += " text-pink-400 flex items-center gap-2";
-                content = <><Rocket className="w-4 h-4" />{line.text}</>;
-                break;
-            default:
-                content = <>{line.text}</>;
-        }
-
-        setLines(prev => [...prev, <div key={Date.now()} className={className}>{content}</div>]);
-    };
-
-    return (
-        <div ref={containerRef} className="font-mono text-sm space-y-2 min-h-[400px]">
-            {lines}
-        </div>
-    );
-}
+"use client";
+
+import { useEffect, useState, useRef } from "react";
+import { Rocket } from "lucide-react";
+
+type TerminalLine = {
+    type: 'command' | 'success' | 'comment' | 'info' | 'final';
+    text: string;
+    delay: number;
+};
+
+const terminalLines: TerminalLine[] = [
+    { type: 'command', text: 'start_task', delay: 500 },
+    { type: 'success', text: '✓ Task started: Implement user auth', delay: 1500 },
+    { type: 'comment', text: '# Write code...', delay: 2500 },
+    { type: 'command', text: 'mark_bug_fixed', delay: 4000 },
+    { type: 'info', text: '✨ Feature complete! Now create tests...', delay: 5000 },
+    { type: 'command', text: 'create_tests', delay: 6500 },
+    { type: 'success', text: '✓ Tests created', delay: 7500 },
+    { type: 'command', text: 'run_tests', delay: 8500 },
+    { type: 'success', text: '✓ All tests passed!', delay: 9500 },
+    { type: 'command', text: 'create_documentation', delay: 10500 },
+    { type: 'success', text: '✓ Documentation updated', delay: 11500 },
+    { type: 'command', text: 'commit_and_push', delay: 12500 },
+    { type: 'final', text: 'Ready to release!', delay: 13500 }
+];
+
+export default function Terminal() {
+    const [lines, setLines] = useState<React.ReactElement[]>([]);
+    const containerRef = useRef<HTMLDivElement>(null);
+    const hasStarted = useRef(false);
+
+    useEffect(() => {
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting && !hasStarted.current) {
+                    hasStarted.current = true;
+                    runAnimation();
+                }
+            });
+        });
+
+        if (containerRef.current) {
+            observer.observe(containerRef.current);
+        }
+
+        return () => observer.disconnect();
+    }, []);
+
+    const runAnimation = async () => {
+        for (const line of terminalLines) {
+            await new Promise(r => setTimeout(r, line.delay - (terminalLines[terminalLines.indexOf(line) - 1]?.delay || 0)));
+
+            if (line.type === 'command') {
+                await typeCommand(line.text);
+            } else {
+                addLine(line);
+            }
+        }
+    };
+
+    const typeCommand = async (text: string) => {
+        const id = Date.now();
+        setLines(prev => [...prev, (
+            <div key={id} className="terminal-line visible">
+                <span className="text-gray-500 mr-2">$</span>
+                <span className="text-white typing-cursor" id={`cmd-${id}`}></span>
+            </div>
+        )]);
+
+        for (let i = 0; i < text.length; i++) {
+            await new Promise(r => setTimeout(r, 50 + Math.random() * 50));
+            const el = document.getElementById(`cmd-${id}`);
+            if (el) el.textContent += text[i];
+        }
+
+        const el = document.getElementById(`cmd-${id}`);
+        if (el) el.classList.remove('typing-cursor');
+    };
+
+    const addLine = (line: TerminalLine) => {
+        let content: React.ReactElement;
+        let className = "terminal-line visible";
+
+        switch (line.type) {
+            case 'success':
+                className += " text-emerald-400";
+                content = <>{line.text}</>;
+                break;
+            case 'comment':
+                className += " mt-3";
+                content = <><span className="text-gray-500 mr-2">$</span><span className="text-white">{line.text}</span></>;
+                break;
+            case 'info':
+                className += " text-purple-400";
+                content = <>{line.text}</>;
+                break;
+            case 'final':
+                className += " text-pink-400 flex items-center gap-2";
+                content = <><Rocket className="w-4 h-4" />{line.text}</>;
+                break;
+            default:
+                content = <>{line.text}</>;
+        }
+
+        setLines(prev => [...prev, <div key={Date.now()} className={className}>{content}</div>]);
+    };
+
+    return (
+        <div ref={containerRef} className="font-mono text-sm space-y-2 min-h-[400px]">
+            {lines}
+        </div>
+    );
+}

package/web/eslint.config.mjs

@@ -1,18 +1,18 @@
-import { defineConfig, globalIgnores } from "eslint/config";
-import nextVitals from "eslint-config-next/core-web-vitals";
-import nextTs from "eslint-config-next/typescript";
-
-const eslintConfig = defineConfig([
-  ...nextVitals,
-  ...nextTs,
-  // Override default ignores of eslint-config-next.
-  globalIgnores([
-    // Default ignores of eslint-config-next:
-    ".next/**",
-    "out/**",
-    "build/**",
-    "next-env.d.ts",
-  ]),
-]);
-
-export default eslintConfig;
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;

package/web/lib/db.js

@@ -1,131 +1,131 @@
-import Database from "better-sqlite3";
-import { existsSync } from "fs";
-import path from "path";
-
-const DB_FILENAME = "dev-workflow.db";
-const FREQUENCY_FORMATS = {
-    daily: "%Y-%m-%d",
-    monthly: "%Y-%m",
-    yearly: "%Y",
-};
-
-function getDbPath() {
-    const initCwd = process.env.INIT_CWD || process.cwd();
-    let projectRoot = initCwd;
-
-    // Look for .state folder specifically.
-    while (projectRoot !== path.dirname(projectRoot)) {
-        if (existsSync(path.join(projectRoot, ".state"))) return path.join(projectRoot, ".state", DB_FILENAME);
-        projectRoot = path.dirname(projectRoot);
-    }
-
-    // Fallback to relative path from this file if possible
-    return path.join(process.cwd(), "..", ".state", DB_FILENAME);
-}
-
-let db;
-export function getDb() {
-    if (!db) {
-        const dbPath = getDbPath();
-        db = new Database(dbPath);
-        db.pragma("journal_mode = WAL");
-        migrate();
-    }
-    return db;
-}
-
-function migrate() {
-    const createHistory = `
-    CREATE TABLE IF NOT EXISTS workflow_history (
-      id INTEGER PRIMARY KEY AUTOINCREMENT,
-      user_id TEXT NOT NULL,
-      task_description TEXT NOT NULL,
-      task_type TEXT NOT NULL,
-      commit_message TEXT,
-      timestamp DATETIME DEFAULT CURRENT_TIMESTAMP,
-      forced INTEGER DEFAULT 0,
-      force_reason TEXT,
-      dropped INTEGER DEFAULT 0,
-      drop_reason TEXT,
-      UNIQUE(user_id, timestamp, task_description)
-    )
-  `;
-    const createSummary = `
-    CREATE TABLE IF NOT EXISTS project_summary (
-      user_id TEXT PRIMARY KEY,
-      total_tasks INTEGER DEFAULT 0,
-      task_types TEXT DEFAULT '{}',
-      last_active DATETIME,
-      updated_at DATETIME DEFAULT CURRENT_TIMESTAMP,
-      recent_tasks TEXT DEFAULT '[]'
-    )
-  `;
-    const idxHistory = `CREATE INDEX IF NOT EXISTS idx_workflow_history_user ON workflow_history(user_id)`;
-    const idxSummary = `CREATE INDEX IF NOT EXISTS idx_project_summary_user ON project_summary(user_id)`;
-
-    db.exec(createHistory);
-    db.exec(createSummary);
-    db.exec(idxHistory);
-    db.exec(idxSummary);
-}
-
-export function getSummaryForUser(userId) {
-    const stmt = getDb().prepare(`
-    SELECT * FROM project_summary WHERE user_id = ?
-  `);
-    const row = stmt.get(userId);
-    if (!row) return null;
-    return {
-        totalTasks: row.total_tasks,
-        taskTypes: JSON.parse(row.task_types),
-        lastActive: row.last_active,
-        recentTasks: JSON.parse(row.recent_tasks),
-        updatedAt: row.updated_at,
-    };
-}
-
-function buildHistoryFilters({ startDate, endDate }) {
-    const clauses = [];
-    const params = [];
-    if (startDate) {
-        clauses.push("DATE(timestamp) >= DATE(?)");
-        params.push(startDate);
-    }
-    if (endDate) {
-        clauses.push("DATE(timestamp) <= DATE(?)");
-        params.push(endDate);
-    }
-    return { clauses, params };
-}
-
-export function getHistoryForUser(userId, options = {}) {
-    const { page = 1, pageSize = 20, startDate, endDate } = options;
-    const sanitizedPage = Math.max(1, Number.isFinite(Number(page)) ? Math.floor(Number(page)) : 1);
-    const sanitizedPageSize = Math.min(100, Math.max(1, Number.isFinite(Number(pageSize)) ? Math.floor(Number(pageSize)) : 20));
-    const offset = (sanitizedPage - 1) * sanitizedPageSize;
-
-    const { clauses, params } = buildHistoryFilters({ startDate, endDate });
-    const where = ["user_id = ?", ...clauses].join(" AND ");
-    const dbInstance = getDb();
-
-    const countStmt = dbInstance.prepare(`SELECT COUNT(*) as total FROM workflow_history WHERE ${where}`);
-    const total = countStmt.get(userId, ...params).total;
-
-    const rowsStmt = dbInstance.prepare(`
-    SELECT *
-    FROM workflow_history
-    WHERE ${where}
-    ORDER BY timestamp DESC
-    LIMIT ?
-    OFFSET ?
-  `);
-    const entries = rowsStmt.all(userId, ...params, sanitizedPageSize, offset);
-
-    return {
-        data: entries,
-        total,
-        page: sanitizedPage,
-        pageSize: sanitizedPageSize,
-        totalPages: Math.ceil(total / sanitizedPageSize)
-    };
-}
+import Database from "better-sqlite3";
+import { existsSync } from "fs";
+import path from "path";
+
+const DB_FILENAME = "dev-workflow.db";
+const FREQUENCY_FORMATS = {
+    daily: "%Y-%m-%d",
+    monthly: "%Y-%m",
+    yearly: "%Y",
+};
+
+function getDbPath() {
+    const initCwd = process.env.INIT_CWD || process.cwd();
+    let projectRoot = initCwd;
+
+    // Look for .state folder specifically.
+    while (projectRoot !== path.dirname(projectRoot)) {
+        if (existsSync(path.join(projectRoot, ".state"))) return path.join(projectRoot, ".state", DB_FILENAME);
+        projectRoot = path.dirname(projectRoot);
+    }
+
+    // Fallback to relative path from this file if possible
+    return path.join(process.cwd(), "..", ".state", DB_FILENAME);
+}
+
+let db;
+export function getDb() {
+    if (!db) {
+        const dbPath = getDbPath();
+        db = new Database(dbPath);
+        db.pragma("journal_mode = WAL");
+        migrate();
+    }
+    return db;
+}
+
+function migrate() {
+    const createHistory = `
+    CREATE TABLE IF NOT EXISTS workflow_history (
+      id INTEGER PRIMARY KEY AUTOINCREMENT,
+      user_id TEXT NOT NULL,
+      task_description TEXT NOT NULL,
+      task_type TEXT NOT NULL,
+      commit_message TEXT,
+      timestamp DATETIME DEFAULT CURRENT_TIMESTAMP,
+      forced INTEGER DEFAULT 0,
+      force_reason TEXT,
+      dropped INTEGER DEFAULT 0,
+      drop_reason TEXT,
+      UNIQUE(user_id, timestamp, task_description)
+    )
+  `;
+    const createSummary = `
+    CREATE TABLE IF NOT EXISTS project_summary (
+      user_id TEXT PRIMARY KEY,
+      total_tasks INTEGER DEFAULT 0,
+      task_types TEXT DEFAULT '{}',
+      last_active DATETIME,
+      updated_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+      recent_tasks TEXT DEFAULT '[]'
+    )
+  `;
+    const idxHistory = `CREATE INDEX IF NOT EXISTS idx_workflow_history_user ON workflow_history(user_id)`;
+    const idxSummary = `CREATE INDEX IF NOT EXISTS idx_project_summary_user ON project_summary(user_id)`;
+
+    db.exec(createHistory);
+    db.exec(createSummary);
+    db.exec(idxHistory);
+    db.exec(idxSummary);
+}
+
+export function getSummaryForUser(userId) {
+    const stmt = getDb().prepare(`
+    SELECT * FROM project_summary WHERE user_id = ?
+  `);
+    const row = stmt.get(userId);
+    if (!row) return null;
+    return {
+        totalTasks: row.total_tasks,
+        taskTypes: JSON.parse(row.task_types),
+        lastActive: row.last_active,
+        recentTasks: JSON.parse(row.recent_tasks),
+        updatedAt: row.updated_at,
+    };
+}
+
+function buildHistoryFilters({ startDate, endDate }) {
+    const clauses = [];
+    const params = [];
+    if (startDate) {
+        clauses.push("DATE(timestamp) >= DATE(?)");
+        params.push(startDate);
+    }
+    if (endDate) {
+        clauses.push("DATE(timestamp) <= DATE(?)");
+        params.push(endDate);
+    }
+    return { clauses, params };
+}
+
+export function getHistoryForUser(userId, options = {}) {
+    const { page = 1, pageSize = 20, startDate, endDate } = options;
+    const sanitizedPage = Math.max(1, Number.isFinite(Number(page)) ? Math.floor(Number(page)) : 1);
+    const sanitizedPageSize = Math.min(100, Math.max(1, Number.isFinite(Number(pageSize)) ? Math.floor(Number(pageSize)) : 20));
+    const offset = (sanitizedPage - 1) * sanitizedPageSize;
+
+    const { clauses, params } = buildHistoryFilters({ startDate, endDate });
+    const where = ["user_id = ?", ...clauses].join(" AND ");
+    const dbInstance = getDb();
+
+    const countStmt = dbInstance.prepare(`SELECT COUNT(*) as total FROM workflow_history WHERE ${where}`);
+    const total = countStmt.get(userId, ...params).total;
+
+    const rowsStmt = dbInstance.prepare(`
+    SELECT *
+    FROM workflow_history
+    WHERE ${where}
+    ORDER BY timestamp DESC
+    LIMIT ?
+    OFFSET ?
+  `);
+    const entries = rowsStmt.all(userId, ...params, sanitizedPageSize, offset);
+
+    return {
+        data: entries,
+        total,
+        page: sanitizedPage,
+        pageSize: sanitizedPageSize,
+        totalPages: Math.ceil(total / sanitizedPageSize)
+    };
+}