mulby-cli 1.1.5

package/dist/ui/components/InputArea.js

@@ -0,0 +1,176 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputArea = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// @ts-nocheck
+const react_1 = require("react");
+const ink_1 = require("ink");
+const SLASH_COMMANDS = [
+    { cmd: '/help', desc: 'show help' },
+    { cmd: '/exit', desc: 'exit session' },
+    { cmd: '/clear', desc: 'clear context' },
+    { cmd: '/tokens', desc: 'show token usage' },
+    { cmd: '/compress', desc: 'compress history' },
+    { cmd: '/use', desc: 'switch provider' },
+    { cmd: '/model', desc: 'switch model' },
+    { cmd: '/plan', desc: 'show plan or force plan mode' },
+];
+const InputArea = ({ isPrompting, statusMessage, onSubmit }) => {
+    const [query, setQuery] = (0, react_1.useState)('');
+    const [cursorPos, setCursorPos] = (0, react_1.useState)(0);
+    const [matchingCmds, setMatchingCmds] = (0, react_1.useState)([]);
+    const [selectedCmdIndex, setSelectedCmdIndex] = (0, react_1.useState)(-1);
+    (0, ink_1.useInput)((input, key) => {
+        if (!isPrompting)
+            return;
+        // Normalize input newlines (Paste handling)
+        // Some pastes use \r, some \r\n. Convert all to \n.
+        const normalizedInput = input.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+        // 1. Handle Shift+Enter for newline (cross-platform support)
+        // Different terminals handle Shift+Enter differently:
+        // - Standard: key.return && key.shift
+        // - Mac/Linux terminals: Ctrl+J (ASCII 106, character 'j')
+        // - Some terminals: Direct '\n' without key.return flag
+        if ((key.return && key.shift) || // Standard Shift+Enter
+            (key.ctrl && input === 'j') || // Mac/Linux: Ctrl+J
+            (normalizedInput === '\n' && !key.return) // Direct newline character
+        ) {
+            setQuery(prev => {
+                const next = prev.slice(0, cursorPos) + '\n' + prev.slice(cursorPos);
+                setCursorPos(cursorPos + 1);
+                return next;
+            });
+            return;
+        }
+        // 2. Handle explicit Enter key (Submit or autocomplete)
+        if (key.return) {
+            // If there are matching commands and one is selected, autocomplete it
+            if (matchingCmds.length > 0 && selectedCmdIndex >= 0) {
+                const selectedCmd = matchingCmds[selectedCmdIndex].cmd;
+                setQuery(selectedCmd);
+                setCursorPos(selectedCmd.length);
+                setMatchingCmds([]);
+                setSelectedCmdIndex(-1);
+                return;
+            }
+            // Check for continuation char '\'
+            if (query.trimEnd().endsWith('\\')) {
+                const lastSlash = query.lastIndexOf('\\');
+                if (lastSlash !== -1) {
+                    const next = query.substring(0, lastSlash) + '\n';
+                    setQuery(next);
+                    setCursorPos(next.length);
+                }
+                return;
+            }
+            // Normal Submit
+            if (!query.trim())
+                return;
+            // Submit
+            const payload = query;
+            setQuery('');
+            setCursorPos(0);
+            setMatchingCmds([]);
+            setSelectedCmdIndex(-1);
+            onSubmit(payload);
+            return;
+        }
+        // 3. Handle Arrow Keys for cursor movement or command selection
+        if (key.leftArrow) {
+            setCursorPos(prev => Math.max(0, prev - 1));
+            return;
+        }
+        if (key.rightArrow) {
+            setCursorPos(prev => Math.min(query.length, prev + 1));
+            return;
+        }
+        if (key.upArrow) {
+            // If there are matching commands, navigate the command list
+            if (matchingCmds.length > 0) {
+                setSelectedCmdIndex(prev => {
+                    if (prev <= 0)
+                        return matchingCmds.length - 1;
+                    return prev - 1;
+                });
+                return;
+            }
+            // Otherwise, move cursor up one line
+            const lines = query.slice(0, cursorPos).split('\n');
+            if (lines.length > 1) {
+                const currentLinePos = lines[lines.length - 1].length;
+                const prevLineLength = lines[lines.length - 2].length;
+                const newPos = cursorPos - currentLinePos - 1 - (prevLineLength - Math.min(currentLinePos, prevLineLength));
+                setCursorPos(Math.max(0, newPos));
+            }
+            return;
+        }
+        if (key.downArrow) {
+            // If there are matching commands, navigate the command list
+            if (matchingCmds.length > 0) {
+                setSelectedCmdIndex(prev => {
+                    if (prev >= matchingCmds.length - 1)
+                        return 0;
+                    return prev + 1;
+                });
+                return;
+            }
+            // Otherwise, move cursor down one line
+            const beforeCursor = query.slice(0, cursorPos);
+            const afterCursor = query.slice(cursorPos);
+            const currentLinePos = beforeCursor.split('\n').pop()?.length || 0;
+            const nextLineEnd = afterCursor.indexOf('\n');
+            if (nextLineEnd !== -1) {
+                const nextLineLength = afterCursor.slice(0, nextLineEnd).length;
+                const newPos = cursorPos + nextLineLength + 1 - currentLinePos + Math.min(currentLinePos, nextLineLength);
+                setCursorPos(Math.min(query.length, newPos));
+            }
+            else if (afterCursor.length > 0) {
+                // Move to end if on last line
+                setCursorPos(query.length);
+            }
+            return;
+        }
+        // 4. Handle Backspace / Delete
+        if (key.backspace || key.delete) {
+            if (cursorPos > 0) {
+                setQuery(prev => prev.slice(0, cursorPos - 1) + prev.slice(cursorPos));
+                setCursorPos(prev => prev - 1);
+            }
+            return;
+        }
+        // 5. Handle Regular Input & Paste
+        setQuery(prev => {
+            const next = prev.slice(0, cursorPos) + normalizedInput + prev.slice(cursorPos);
+            setCursorPos(cursorPos + normalizedInput.length);
+            // Check slash commands (only single line)
+            if (next.startsWith('/') && !next.includes('\n')) {
+                const matches = SLASH_COMMANDS.filter(c => c.cmd.startsWith(next));
+                setMatchingCmds(matches);
+                // Auto-select first command when list appears
+                setSelectedCmdIndex(matches.length > 0 ? 0 : -1);
+            }
+            else {
+                setMatchingCmds([]);
+                setSelectedCmdIndex(-1);
+            }
+            return next;
+        });
+    });
+    if (!isPrompting) {
+        return ((0, jsx_runtime_1.jsx)(ink_1.Box, { borderStyle: "round", borderColor: "gray", width: "100%", children: (0, jsx_runtime_1.jsx)(ink_1.Text, { color: "yellow", children: statusMessage || 'Waiting... (System processing)' }) }));
+    }
+    // Advanced Stats Calculation
+    const getStats = (str) => {
+        // Ensure we count lines correctly even if split result differs
+        const lines = str.split('\n');
+        return { lines: lines.length, chars: str.length };
+    };
+    const { lines, chars } = getStats(query);
+    // Only collapse if content is significantly large, allowing manual multi-line entry to be visible.
+    // Threshold: > 6 lines or > 1000 chars.
+    const shouldCollapse = lines > 6 || chars > 1000;
+    return ((0, jsx_runtime_1.jsxs)(ink_1.Box, { flexDirection: "column", width: "100%", children: [matchingCmds.length > 0 && ((0, jsx_runtime_1.jsx)(ink_1.Box, { flexDirection: "column", paddingLeft: 2, borderStyle: "single", borderColor: "blue", width: "100%", children: matchingCmds.map((c, index) => ((0, jsx_runtime_1.jsxs)(ink_1.Text, { color: index === selectedCmdIndex ? "cyan" : "blue", inverse: index === selectedCmdIndex, children: [c.cmd, " ", (0, jsx_runtime_1.jsxs)(ink_1.Text, { color: index === selectedCmdIndex ? "white" : "gray", children: ["- ", c.desc] })] }, c.cmd))) })), (0, jsx_runtime_1.jsxs)(ink_1.Box, { borderStyle: "round", borderColor: shouldCollapse ? "magenta" : "cyan", flexDirection: "column", width: "100%", children: [(0, jsx_runtime_1.jsxs)(ink_1.Box, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { color: shouldCollapse ? "magenta" : "green", children: "\u279C " }), shouldCollapse ? ((0, jsx_runtime_1.jsxs)(ink_1.Text, { color: "magenta", italic: true, children: ["[Multi-line Input: ", lines, " lines, ", chars, " chars]"] })) : ((0, jsx_runtime_1.jsxs)(ink_1.Text, { children: [cursorPos > 0 && query.slice(0, cursorPos), (0, jsx_runtime_1.jsx)(ink_1.Text, { color: "cyan", inverse: true, children: query[cursorPos] || ' ' }), cursorPos < query.length && query.slice(cursorPos + 1)] }))] }), (0, jsx_runtime_1.jsx)(ink_1.Box, { marginTop: 0, children: (0, jsx_runtime_1.jsx)(ink_1.Text, { color: "gray", dimColor: true, children: shouldCollapse
+                                ? '[Enter] submit • [Backsp] delete'
+                                : '[Enter] send • [Shift+Enter] newline • [\\ + Enter] newline • [/] cmd • [←→↑↓] move' }) })] })] }));
+};
+exports.InputArea = InputArea;

package/dist/ui/components/LogArea.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogArea = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ink_1 = require("ink");
+const LogArea = ({ logs }) => {
+    // We only show the last 15 lines to avoid clutter, 
+    // though Ink handles scrolling naturally if we don't clear screen constantly.
+    // However, for a fixed bottom input, we want a "viewport" for logs.
+    // Simple implementation: Just render the logs.
+    // In a real TUI we might want a constrained Box with overflow control,
+    // but Ink's default behavior + process.stdout usually works fine for scrolling 
+    // if we are rendering a full screen app or just appending.
+    // Since we are using Ink in a way that "takes over" the last N lines, 
+    // we should render logs in a Box that grows.
+    const visibleLogs = logs.slice(-20); // Keep last 20 logs visible in the "window"
+    return ((0, jsx_runtime_1.jsx)(ink_1.Box, { flexDirection: "column", paddingBottom: 1, children: visibleLogs.map((log, index) => ((0, jsx_runtime_1.jsx)(ink_1.Text, { color: "white", children: log }, index))) }));
+};
+exports.LogArea = LogArea;

package/dist/ui/components/PlanPanel.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DetailedPlanView = exports.PlanPanel = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ink_1 = require("ink");
+/**
+ * Get status icon for task
+ */
+function getStatusIcon(status) {
+    switch (status) {
+        case 'completed':
+            return '✅';
+        case 'in_progress':
+            return '🔄';
+        case 'pending':
+            return '⏸️ ';
+        case 'failed':
+            return '❌';
+        case 'skipped':
+            return '⏭️ ';
+        default:
+            return '  ';
+    }
+}
+/**
+ * Get priority color
+ */
+function getPriorityColor(priority) {
+    switch (priority) {
+        case 'high':
+            return 'red';
+        case 'medium':
+            return 'yellow';
+        case 'low':
+            return 'gray';
+        default:
+            return 'white';
+    }
+}
+/**
+ * Plan Panel Component - displays task plan with collapsible view
+ */
+const PlanPanel = ({ plan, collapsed = false }) => {
+    if (!plan) {
+        return null;
+    }
+    const completedCount = plan.tasks.filter(t => t.status === 'completed').length;
+    const totalCount = plan.tasks.length;
+    const progress = totalCount > 0 ? Math.round((completedCount / totalCount) * 100) : 0;
+    // Collapsed view - just show summary
+    if (collapsed) {
+        const currentTask = plan.tasks.find(t => t.status === 'in_progress');
+        const currentTaskTitle = currentTask ? currentTask.title : 'Waiting...';
+        return ((0, jsx_runtime_1.jsx)(ink_1.Box, { borderStyle: "round", borderColor: "cyan", paddingX: 1, marginBottom: 1, children: (0, jsx_runtime_1.jsxs)(ink_1.Text, { color: "cyan", children: ["\uD83D\uDCCB Tasks: ", completedCount, "/", totalCount, " (", progress, "%) | \uD83D\uDD04 ", currentTaskTitle] }) }));
+    }
+    // Expanded view - show all tasks
+    return ((0, jsx_runtime_1.jsxs)(ink_1.Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, marginBottom: 1, children: [(0, jsx_runtime_1.jsx)(ink_1.Box, { marginBottom: 1, children: (0, jsx_runtime_1.jsxs)(ink_1.Text, { bold: true, color: "cyan", children: ["\uD83D\uDCCB Task Plan: ", plan.goal] }) }), (0, jsx_runtime_1.jsx)(ink_1.Box, { marginBottom: 1, children: (0, jsx_runtime_1.jsxs)(ink_1.Text, { color: "gray", children: ["Progress: ", completedCount, "/", totalCount, " (", progress, "%)"] }) }), (0, jsx_runtime_1.jsx)(ink_1.Box, { flexDirection: "column", children: plan.tasks.map((task, index) => {
+                    const isCurrentTask = task.status === 'in_progress';
+                    const statusIcon = getStatusIcon(task.status);
+                    return ((0, jsx_runtime_1.jsx)(ink_1.Box, { marginBottom: 0, children: (0, jsx_runtime_1.jsxs)(ink_1.Text, { color: isCurrentTask ? 'cyan' : 'white', bold: isCurrentTask, children: [statusIcon, " ", index + 1, ". ", task.title, task.status === 'in_progress' && ' (current)'] }) }, task.id));
+                }) }), (0, jsx_runtime_1.jsx)(ink_1.Box, { marginTop: 1, children: (0, jsx_runtime_1.jsxs)(ink_1.Text, { color: "gray", dimColor: true, children: ["Status: ", plan.status, " | Updated: ", plan.updatedAt.toLocaleTimeString()] }) })] }));
+};
+exports.PlanPanel = PlanPanel;
+const DetailedPlanView = ({ plan }) => {
+    const completedCount = plan.tasks.filter(t => t.status === 'completed').length;
+    const totalCount = plan.tasks.length;
+    return ((0, jsx_runtime_1.jsxs)(ink_1.Box, { flexDirection: "column", paddingX: 2, children: [(0, jsx_runtime_1.jsx)(ink_1.Box, { marginBottom: 1, children: (0, jsx_runtime_1.jsx)(ink_1.Text, { bold: true, color: "cyan", children: "\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501" }) }), (0, jsx_runtime_1.jsx)(ink_1.Box, { marginBottom: 1, children: (0, jsx_runtime_1.jsxs)(ink_1.Text, { bold: true, color: "cyan", children: ["\uD83D\uDCCB Task Plan: ", plan.goal] }) }), (0, jsx_runtime_1.jsx)(ink_1.Box, { marginBottom: 1, children: (0, jsx_runtime_1.jsx)(ink_1.Text, { bold: true, color: "cyan", children: "\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501" }) }), plan.tasks.map((task, index) => ((0, jsx_runtime_1.jsxs)(ink_1.Box, { flexDirection: "column", marginBottom: 2, children: [(0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsxs)(ink_1.Text, { color: getPriorityColor(task.priority), children: [getStatusIcon(task.status), " ", index + 1, ". ", task.title] }) }), (0, jsx_runtime_1.jsx)(ink_1.Box, { paddingLeft: 4, children: (0, jsx_runtime_1.jsxs)(ink_1.Text, { color: "gray", children: ["Description: ", task.description] }) }), task.acceptanceCriteria.length > 0 && ((0, jsx_runtime_1.jsxs)(ink_1.Box, { paddingLeft: 4, flexDirection: "column", children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { color: "gray", children: "Acceptance Criteria:" }), task.acceptanceCriteria.map((criterion, i) => ((0, jsx_runtime_1.jsx)(ink_1.Box, { paddingLeft: 2, children: (0, jsx_runtime_1.jsxs)(ink_1.Text, { color: "gray", children: ["\u2022 ", criterion] }) }, i)))] })), task.files.length > 0 && ((0, jsx_runtime_1.jsxs)(ink_1.Box, { paddingLeft: 4, flexDirection: "column", children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { color: "gray", children: "Files:" }), task.files.map((file, i) => ((0, jsx_runtime_1.jsx)(ink_1.Box, { paddingLeft: 2, children: (0, jsx_runtime_1.jsxs)(ink_1.Text, { color: "gray", children: ["\u2022 ", file] }) }, i)))] })), task.dependencies.length > 0 && ((0, jsx_runtime_1.jsx)(ink_1.Box, { paddingLeft: 4, children: (0, jsx_runtime_1.jsxs)(ink_1.Text, { color: "gray", children: ["Dependencies: ", task.dependencies.join(', ')] }) })), (0, jsx_runtime_1.jsx)(ink_1.Box, { paddingLeft: 4, children: (0, jsx_runtime_1.jsxs)(ink_1.Text, { color: getPriorityColor(task.priority), children: ["Priority: ", task.priority] }) }), task.error && ((0, jsx_runtime_1.jsx)(ink_1.Box, { paddingLeft: 4, children: (0, jsx_runtime_1.jsxs)(ink_1.Text, { color: "red", children: ["Error: ", task.error] }) }))] }, task.id))), (0, jsx_runtime_1.jsx)(ink_1.Box, { marginTop: 1, children: (0, jsx_runtime_1.jsx)(ink_1.Text, { bold: true, color: "cyan", children: "\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501" }) }), (0, jsx_runtime_1.jsx)(ink_1.Box, { marginBottom: 1, children: (0, jsx_runtime_1.jsxs)(ink_1.Text, { color: "gray", children: ["Progress: ", completedCount, "/", totalCount, " | Status: ", plan.status] }) }), plan.totalEstimatedTokens && ((0, jsx_runtime_1.jsx)(ink_1.Box, { marginBottom: 1, children: (0, jsx_runtime_1.jsxs)(ink_1.Text, { color: "gray", children: ["Estimated Total Tokens: ~", plan.totalEstimatedTokens] }) }))] }));
+};
+exports.DetailedPlanView = DetailedPlanView;

package/dist/ui/components/SelectArea.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectArea = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ink_1 = require("ink");
+const ink_select_input_1 = __importDefault(require("ink-select-input"));
+const SelectArea = ({ items, onSelect }) => {
+    return ((0, jsx_runtime_1.jsxs)(ink_1.Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { color: "green", children: "Select one:" }), (0, jsx_runtime_1.jsx)(ink_select_input_1.default, { items: items, onSelect: (item) => onSelect(item.value) })] }));
+};
+exports.SelectArea = SelectArea;

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "mulby-cli",
+  "version": "1.1.5",
+  "description": "Mulby 插件开发 CLI 工具",
+  "main": "dist/index.js",
+  "files": [
+    "dist",
+    "assets",
+    "PLUGIN_DEVELOP_PROMPT.md"
+  ],
+  "bin": {
+    "mulby": "dist/index.js"
+  },
+  "scripts": {
+    "build": "tsc && cp src/services/ai/*.md dist/services/ai/",
+    "dev": "tsc -w"
+  },
+  "dependencies": {
+    "@anthropic-ai/sdk": "^0.71.2",
+    "archiver": "^7.0.0",
+    "chalk": "^4.1.2",
+    "chokidar": "^3.6.0",
+    "commander": "^12.0.0",
+    "esbuild": "^0.20.0",
+    "fs-extra": "^11.2.0",
+    "ink": "^3.2.0",
+    "ink-select-input": "^4.2.2",
+    "ink-text-input": "^4.0.3",
+    "inquirer": "^13.2.0",
+    "js-tiktoken": "^1.0.21",
+    "openai": "^6.16.0",
+    "react": "^17.0.2",
+    "uuid": "^13.0.0"
+  },
+  "devDependencies": {
+    "@types/archiver": "^6.0.0",
+    "@types/fs-extra": "^11.0.0",
+    "@types/ink-text-input": "^2.0.5",
+    "@types/inquirer": "^9.0.9",
+    "@types/node": "^20.0.0",
+    "@types/react": "^17.0.2",
+    "@types/uuid": "^10.0.0",
+    "typescript": "^5.0.0"
+  }
+}