prompt-language-shell 0.2.9 → 0.3.0

package/dist/ui/Command.js

@@ -2,8 +2,8 @@ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState } from 'react';
 import { Box, Text } from 'ink';
 import { TaskType } from '../types/components.js';
+import { Label } from './Label.js';
 import { List } from './List.js';
-import { Separator } from './Separator.js';
 import { Spinner } from './Spinner.js';
 const MIN_PROCESSING_TIME = 1000; // purely for visual effect
 // Color palette
@@ -14,7 +14,7 @@ const ColorPalette = {
     },
     [TaskType.Plan]: {
         description: '#ffffff', // white
-        type: '#cc5c9c', // magenta
+        type: '#5ccccc', // magenta
     },
     [TaskType.Execute]: {
         description: '#ffffff', // white
@@ -69,9 +69,9 @@ function taskToListItem(task) {
     }
     return item;
 }
-export function Command({ command, state, service, error: errorProp, children, onError, onComplete, }) {
+export function Command({ command, state, service, children, onError, onComplete, }) {
     const done = state?.done ?? false;
-    const [error, setError] = useState(state?.error || errorProp || null);
+    const [error, setError] = useState(null);
     const [isLoading, setIsLoading] = useState(state?.isLoading ?? !done);
     const [message, setMessage] = useState('');
     const [tasks, setTasks] = useState([]);
@@ -122,5 +122,5 @@ export function Command({ command, state, service, error: errorProp, children, o
             mounted = false;
         };
     }, [command, done, service]);
-    return (_jsxs(Box, { alignSelf: "flex-start", flexDirection: "column", marginLeft: 1, children: [_jsxs(Box, { children: [_jsxs(Text, { color: "gray", children: ["> pls ", command] }), isLoading && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Spinner, {})] }))] }), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) })), !isLoading && tasks.length > 0 && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [message && (_jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { children: [" ", message] }), _jsx(Separator, { color: "#9c5ccc" }), _jsx(Text, { color: "#9c5ccc", children: "plan" })] })), _jsx(List, { items: tasks.map(taskToListItem) })] })), children] }));
+    return (_jsxs(Box, { alignSelf: "flex-start", flexDirection: "column", marginLeft: 1, children: [_jsxs(Box, { children: [_jsxs(Text, { color: "gray", children: ["> pls ", command] }), isLoading && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Spinner, {})] }))] }), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) })), !isLoading && tasks.length > 0 && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [message && (_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { children: " " }), _jsx(Label, { description: message, descriptionColor: ColorPalette[TaskType.Plan].description, type: TaskType.Plan, typeColor: ColorPalette[TaskType.Plan].type })] })), _jsx(List, { items: tasks.map(taskToListItem) })] })), children] }));
 }

package/dist/ui/Label.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { Separator } from './Separator.js';
+export function Label({ description, descriptionColor, type, typeColor, }) {
+    return (_jsxs(Box, { children: [_jsx(Text, { color: descriptionColor, children: description }), _jsx(Separator, {}), _jsx(Text, { color: typeColor, children: type })] }));
+}

package/dist/ui/List.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
-import { Separator } from './Separator.js';
+import { Label } from './Label.js';
 export const List = ({ items, level = 0 }) => {
     const marginLeft = level > 0 ? 4 : 0;
-    return (_jsx(Box, { flexDirection: "column", marginLeft: marginLeft, children: items.map((item, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: "whiteBright", children: '  - ' }), _jsx(Text, { color: item.description.color, children: item.description.text }), _jsx(Separator, {}), _jsx(Text, { color: item.type.color, children: item.type.text })] }), item.children && item.children.length > 0 && (_jsx(List, { items: item.children, level: level + 1 }))] }, index))) }));
+    return (_jsx(Box, { flexDirection: "column", marginLeft: marginLeft, children: items.map((item, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: "whiteBright", children: '  - ' }), _jsx(Label, { description: item.description.text, descriptionColor: item.description.color, type: item.type.text, typeColor: item.type.color })] }), item.children && item.children.length > 0 && (_jsx(List, { items: item.children, level: level + 1 }))] }, index))) }));
 };

package/dist/ui/Main.js

@@ -72,52 +72,49 @@ export const Main = ({ app, command, service: initialService, isReady, onConfigu
             setService(service);
         }
         // Move config to history with done state and add success feedback
-        setCurrent((previous) => {
-            if (previous && previous.name === 'config') {
-                addToHistory(markAsDone(previous), createFeedback(FeedbackType.Succeeded, 'Configuration complete'));
-            }
+        setCurrent((current) => {
+            if (!current)
+                return null;
+            addToHistory(markAsDone(current), createFeedback(FeedbackType.Succeeded, 'Configuration complete'));
             return null;
         });
     }, [onConfigured, addToHistory]);
     const handleConfigAborted = React.useCallback(() => {
         // Move config to history with done state and add aborted feedback
-        setCurrent((previous) => {
-            if (previous && previous.name === 'config') {
-                addToHistory(markAsDone(previous), createFeedback(FeedbackType.Aborted, 'Configuration aborted by user'));
-                // Exit after showing abort message
-                exit(0);
-            }
+        setCurrent((current) => {
+            addToHistory(markAsDone(current), createFeedback(FeedbackType.Aborted, 'Configuration aborted by user'));
+            // Exit after showing abort message
+            exit(0);
             return null;
         });
     }, [addToHistory]);
     const handleCommandError = React.useCallback((error) => {
         // Move command to history with done state and add error feedback
-        setCurrent((previous) => {
-            if (previous && previous.name === 'command') {
-                addToHistory(markAsDone(previous), createFeedback(FeedbackType.Failed, 'Unexpected error occurred:', error));
-                // Exit after showing error
-                exit(1);
-            }
+        setCurrent((current) => {
+            addToHistory(markAsDone(current), createFeedback(FeedbackType.Failed, 'Unexpected error occurred:', error));
+            // Exit after showing error
+            exit(1);
             return null;
         });
     }, [addToHistory]);
     const handleCommandComplete = React.useCallback(() => {
         // Move command to history with done state
-        setCurrent((previous) => {
-            if (previous && previous.name === 'command') {
-                addToHistory(markAsDone(previous));
-                // Exit after showing plan
-                exit(0);
-            }
+        setCurrent((current) => {
+            addToHistory(markAsDone(current));
+            // Exit after showing plan
+            exit(0);
             return null;
         });
     }, [addToHistory]);
     // Initialize configuration flow when not ready
     React.useEffect(() => {
-        if (!isReady) {
-            setHistory(command ? [] : [createWelcomeDefinition(app)]);
-            setCurrent(createConfigDefinition(handleConfigFinished, handleConfigAborted));
+        if (isReady) {
+            return;
         }
+        if (!command) {
+            setHistory([createWelcomeDefinition(app)]);
+        }
+        setCurrent(createConfigDefinition(handleConfigFinished, handleConfigAborted));
     }, [isReady, app, command, handleConfigFinished, handleConfigAborted]);
     // Execute command when service and command are available
     React.useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prompt-language-shell",
-  "version": "0.2.9",
+  "version": "0.3.0",
   "description": "Your personal command-line concierge. Ask politely, and it gets things done.",
   "type": "module",
   "main": "dist/index.js",
@@ -54,6 +54,7 @@
   "devDependencies": {
     "@types/node": "^20.10.6",
     "@types/react": "^19.2.2",
+    "@vitest/coverage-v8": "^4.0.8",
     "eslint": "^9.17.0",
     "husky": "^9.1.7",
     "prettier": "^3.6.2",