prompt-language-shell 0.2.4 → 0.2.8

package/dist/ui/Main.js

@@ -1,66 +1,157 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
+import { FeedbackType } from '../types/components.js';
 import { Column } from './Column.js';
-export const Main = ({ app, command, service, isReady, onConfigured, }) => {
+function exit(code) {
+    setTimeout(() => globalThis.process.exit(code), 100);
+}
+function markAsDone(component) {
+    return { ...component, state: { ...component.state, done: true } };
+}
+function createWelcomeDefinition(app) {
+    return {
+        name: 'welcome',
+        props: { app },
+    };
+}
+function createConfigSteps() {
+    return [
+        { description: 'Anthropic API key', key: 'key', value: null },
+        {
+            description: 'Model',
+            key: 'model',
+            value: 'claude-haiku-4-5-20251001',
+        },
+    ];
+}
+function createConfigDefinition(onFinished, onAborted) {
+    return {
+        name: 'config',
+        state: { done: false },
+        props: {
+            steps: createConfigSteps(),
+            onFinished,
+            onAborted,
+        },
+    };
+}
+function createCommandDefinition(command, service, onError, onComplete) {
+    return {
+        name: 'command',
+        state: {
+            done: false,
+            isLoading: true,
+        },
+        props: {
+            command,
+            service,
+            onError,
+            onComplete,
+        },
+    };
+}
+export const Main = ({ app, command, service: initialService, isReady, onConfigured, }) => {
     const [history, setHistory] = React.useState([]);
     const [current, setCurrent] = React.useState(null);
-    React.useEffect(() => {
-        // Initialize history and current component based on props
-        if (!isReady) {
-            // Not configured - show welcome in history, config as current
-            setHistory([
-                {
-                    name: 'welcome',
-                    props: {
-                        app,
+    const [service, setService] = React.useState(initialService);
+    const handleConfigFinished = React.useCallback((config) => {
+        const service = onConfigured?.(config);
+        if (service) {
+            setService(service);
+        }
+        // Move config to history with done state and add success feedback
+        setCurrent((previous) => {
+            if (previous && previous.name === 'config') {
+                setHistory((history) => [
+                    ...history,
+                    markAsDone(previous),
+                    {
+                        name: 'feedback',
+                        props: {
+                            type: FeedbackType.Succeeded,
+                            message: 'Configuration complete',
+                        },
+                    },
+                ]);
+            }
+            return null;
+        });
+    }, [onConfigured]);
+    const handleConfigAborted = React.useCallback(() => {
+        // Move config to history with done state and add aborted feedback
+        setCurrent((previous) => {
+            if (previous && previous.name === 'config') {
+                setHistory((history) => [
+                    ...history,
+                    markAsDone(previous),
+                    {
+                        name: 'feedback',
+                        props: {
+                            type: FeedbackType.Aborted,
+                            message: 'Configuration aborted by user',
+                        },
                     },
-                },
-            ]);
-            const configSteps = [
-                { description: 'Anthropic API key', key: 'key', value: null },
-                {
-                    description: 'Model',
-                    key: 'model',
-                    value: 'claude-haiku-4-5-20251001',
-                },
-            ];
-            setCurrent({
-                name: 'config',
-                state: {
-                    done: false,
-                },
-                props: {
-                    steps: configSteps,
-                    onFinished: (config) => {
-                        if (onConfigured) {
-                            onConfigured(config);
-                        }
+                ]);
+                // Exit after showing abort message
+                exit(0);
+            }
+            return null;
+        });
+    }, []);
+    const handleCommandError = React.useCallback((error) => {
+        // Move command to history with done state and add error feedback
+        setCurrent((previous) => {
+            if (previous && previous.name === 'command') {
+                setHistory((history) => [
+                    ...history,
+                    markAsDone(previous),
+                    {
+                        name: 'feedback',
+                        props: {
+                            type: FeedbackType.Failed,
+                            message: `Unexpected error occurred:\n\n ${error}`,
+                        },
                     },
-                },
-            });
+                ]);
+                // Exit after showing error
+                exit(1);
+            }
+            return null;
+        });
+    }, []);
+    const addToHistory = React.useCallback((...items) => {
+        setHistory((history) => [...history, ...items]);
+    }, []);
+    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);
+            }
+            return null;
+        });
+    }, [addToHistory]);
+    // Initialize configuration flow when not ready
+    React.useEffect(() => {
+        if (!isReady) {
+            setHistory(command ? [] : [createWelcomeDefinition(app)]);
+            setCurrent(createConfigDefinition(handleConfigFinished, handleConfigAborted));
         }
-        else if (command && service) {
-            setCurrent({
-                name: 'command',
-                state: {
-                    done: false,
-                    isLoading: true,
-                },
-                props: {
-                    command,
-                    service,
-                },
-            });
+    }, [isReady, app, command, handleConfigFinished, handleConfigAborted]);
+    // Execute command when service and command are available
+    React.useEffect(() => {
+        if (command && service) {
+            setCurrent(createCommandDefinition(command, service, handleCommandError, handleCommandComplete));
         }
-        else {
-            setCurrent({
-                name: 'welcome',
-                props: {
-                    app,
-                },
-            });
+    }, [command, service, handleCommandError, handleCommandComplete]);
+    // Show welcome screen when ready but no command
+    React.useEffect(() => {
+        if (isReady && !command) {
+            setCurrent(createWelcomeDefinition(app));
         }
-    }, [isReady, command, service, app, onConfigured]);
+    }, [isReady, command, app]);
     const items = [...history, ...(current ? [current] : [])];
     return _jsx(Column, { items: items });
 };

package/dist/ui/Welcome.js

@@ -18,5 +18,5 @@ function Usage() {
     return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "brightWhite", bold: true, children: "Usage:" }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "whiteBright", dimColor: true, children: ">" }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "greenBright", bold: true, children: "pls" }), _jsx(Text, { color: "yellow", bold: true, children: "[describe your request]" })] })] })] }));
 }
 export function Welcome({ app }) {
-    return (_jsx(Box, { alignSelf: "flex-start", marginBottom: 1, children: _jsxs(Panel, { children: [_jsx(Header, { app: app }), _jsx(Description, { description: app.description }), _jsx(Usage, {})] }) }));
+    return (_jsx(Box, { alignSelf: "flex-start", children: _jsxs(Panel, { children: [_jsx(Header, { app: app }), _jsx(Description, { description: app.description }), _jsx(Usage, {})] }) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prompt-language-shell",
-  "version": "0.2.4",
+  "version": "0.2.8",
   "description": "Your personal command-line concierge. Ask politely, and it gets things done.",
   "type": "module",
   "main": "dist/index.js",