wave-code 0.18.5 → 0.18.6

package/dist/components/MarketplaceAddForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceAddForm.d.ts","sourceRoot":"","sources":["../../src/components/MarketplaceAddForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAW1C,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAiGtC,CAAC"}
+{"version":3,"file":"MarketplaceAddForm.d.ts","sourceRoot":"","sources":["../../src/components/MarketplaceAddForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AASrD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAqFtC,CAAC"}

package/dist/components/MarketplaceAddForm.js

@@ -1,66 +1,41 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useReducer } from "react";
+import { useReducer, useEffect } from "react";
 import { Box, Text, useInput } from "ink";
 import { usePluginManagerContext } from "../contexts/PluginManagerContext.js";
-import { marketplaceAddFormReducer } from "../reducers/marketplaceAddFormReducer.js";
-const SCOPES = [
-    { value: "user", label: "user" },
-    { value: "project", label: "project" },
-    { value: "local", label: "local" },
-];
+import { marketplaceAddFormReducer, SCOPES, } from "../reducers/marketplaceAddFormReducer.js";
 export const MarketplaceAddForm = () => {
-    const { state, actions } = usePluginManagerContext();
-    const [{ source, scopeIndex, step }, dispatch] = useReducer(marketplaceAddFormReducer, { source: "", scopeIndex: 0, step: "source" });
-    useInput((input, key) => {
-        if (key.escape) {
-            if (step === "scope") {
-                dispatch({ type: "BACK_TO_SOURCE" });
-            }
-            else {
-                actions.setView("MARKETPLACES");
-            }
-        }
-        else if (state.isLoading) {
+    const { state: ctxState, actions } = usePluginManagerContext();
+    const [state, dispatch] = useReducer(marketplaceAddFormReducer, {
+        source: "",
+        scopeIndex: 0,
+        step: "source",
+        pendingAction: null,
+    });
+    // Handle side effects from reducer decisions
+    useEffect(() => {
+        if (!state.pendingAction)
             return;
+        if (state.pendingAction.type === "submit") {
+            actions.addMarketplace(state.pendingAction.source, state.pendingAction.scope);
         }
-        else if (step === "source" && key.return) {
-            if (source.trim()) {
-                dispatch({ type: "SET_STEP", step: "scope" });
-            }
-        }
-        else if (step === "source" && (key.backspace || key.delete)) {
-            dispatch({ type: "DELETE_CHAR" });
-        }
-        else if (step === "source" &&
-            input &&
-            !key.ctrl &&
-            !key.meta &&
-            !("alt" in key && key.alt)) {
-            dispatch({ type: "INSERT_CHAR", text: input });
-        }
-        else if (step === "scope") {
-            if (key.upArrow) {
-                dispatch({
-                    type: "SET_SCOPE_INDEX",
-                    index: Math.max(0, scopeIndex - 1),
-                });
-            }
-            else if (key.downArrow) {
-                dispatch({
-                    type: "SET_SCOPE_INDEX",
-                    index: Math.min(SCOPES.length - 1, scopeIndex + 1),
-                });
-            }
-            else if (key.return) {
-                const scope = SCOPES[scopeIndex].value;
-                actions.addMarketplace(source.trim(), scope);
-            }
+        else if (state.pendingAction.type === "cancel") {
+            actions.setView("MARKETPLACES");
         }
+        dispatch({ type: "CLEAR_PENDING_ACTION" });
+    }, [state.pendingAction, actions]);
+    useInput((input, key) => {
+        dispatch({
+            type: "HANDLE_KEY",
+            key,
+            input,
+            isLoading: ctxState.isLoading,
+        });
     });
+    const { source, scopeIndex, step } = state;
     if (step === "source") {
-        return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "Step 1/2: Enter marketplace source" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Source: " }), _jsx(Text, { color: "yellow", children: source }), !state.isLoading && _jsx(Text, { color: "yellow", children: "_" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter to continue, Esc to cancel" }) })] }));
+        return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "Step 1/2: Enter marketplace source" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Source: " }), _jsx(Text, { color: "yellow", children: source }), !ctxState.isLoading && _jsx(Text, { color: "yellow", children: "_" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter to continue, Esc to cancel" }) })] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "Step 2/2: Select scope" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Source: " }), _jsx(Text, { dimColor: true, children: source })] }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: SCOPES.map((s, i) => (_jsxs(Text, { color: i === scopeIndex ? "yellow" : "dim", children: [i === scopeIndex ? "> " : "  ", s.label] }, s.value))) }), state.isLoading && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "yellow", children: "Adding marketplace..." }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: state.isLoading
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "Step 2/2: Select scope" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Source: " }), _jsx(Text, { dimColor: true, children: source })] }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: SCOPES.map((s, i) => (_jsxs(Text, { color: i === scopeIndex ? "yellow" : "dim", children: [i === scopeIndex ? "> " : "  ", s] }, s))) }), ctxState.isLoading && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "yellow", children: "Adding marketplace..." }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: ctxState.isLoading
                         ? "Please wait..."
                         : "Enter to confirm, \u2191/\u2193 to navigate, Esc to go back" }) })] }));
 };

package/dist/reducers/marketplaceAddFormReducer.d.ts

@@ -1,24 +1,25 @@
+import { Key } from "ink";
+export declare const SCOPES: readonly ["user", "project", "local"];
+export type Scope = (typeof SCOPES)[number];
 export interface MarketplaceAddFormState {
     source: string;
     scopeIndex: number;
     step: "source" | "scope";
+    pendingAction: {
+        type: "submit";
+        source: string;
+        scope: Scope;
+    } | {
+        type: "cancel";
+    } | null;
 }
 export type MarketplaceAddFormAction = {
-    type: "SET_SOURCE";
-    source: string;
-} | {
-    type: "SET_SCOPE_INDEX";
-    index: number;
-} | {
-    type: "SET_STEP";
-    step: "source" | "scope";
-} | {
-    type: "INSERT_CHAR";
-    text: string;
-} | {
-    type: "DELETE_CHAR";
+    type: "HANDLE_KEY";
+    key: Key;
+    input: string;
+    isLoading: boolean;
 } | {
-    type: "BACK_TO_SOURCE";
+    type: "CLEAR_PENDING_ACTION";
 };
 export declare function marketplaceAddFormReducer(state: MarketplaceAddFormState, action: MarketplaceAddFormAction): MarketplaceAddFormState;
 //# sourceMappingURL=marketplaceAddFormReducer.d.ts.map

package/dist/reducers/marketplaceAddFormReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"marketplaceAddFormReducer.d.ts","sourceRoot":"","sources":["../../src/reducers/marketplaceAddFormReducer.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC1B;AAED,MAAM,MAAM,wBAAwB,GAChC;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GACtC;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC1C;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,GAC9C;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,CAAC;AAE/B,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,uBAAuB,EAC9B,MAAM,EAAE,wBAAwB,GAC/B,uBAAuB,CAiBzB"}
+{"version":3,"file":"marketplaceAddFormReducer.d.ts","sourceRoot":"","sources":["../../src/reducers/marketplaceAddFormReducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAO,MAAM,MAAM,uCAAwC,CAAC;AAC5D,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5C,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IACzB,aAAa,EACT;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,GAChD;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,GAClB,IAAI,CAAC;CACV;AAED,MAAM,MAAM,wBAAwB,GAChC;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,GACnE;IAAE,IAAI,EAAE,sBAAsB,CAAA;CAAE,CAAC;AAErC,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,uBAAuB,EAC9B,MAAM,EAAE,wBAAwB,GAC/B,uBAAuB,CA2DzB"}

package/dist/reducers/marketplaceAddFormReducer.js

@@ -1,17 +1,57 @@
+export const SCOPES = ["user", "project", "local"];
 export function marketplaceAddFormReducer(state, action) {
     switch (action.type) {
-        case "SET_SOURCE":
-            return { ...state, source: action.source };
-        case "SET_SCOPE_INDEX":
-            return { ...state, scopeIndex: action.index };
-        case "SET_STEP":
-            return { ...state, step: action.step };
-        case "INSERT_CHAR":
-            return { ...state, source: state.source + action.text };
-        case "DELETE_CHAR":
-            return { ...state, source: state.source.slice(0, -1) };
-        case "BACK_TO_SOURCE":
-            return { ...state, step: "source" };
+        case "HANDLE_KEY": {
+            const { key, input, isLoading } = action;
+            // Escape always works, even during loading
+            if (key.escape) {
+                if (state.step === "scope") {
+                    return { ...state, step: "source" };
+                }
+                return { ...state, pendingAction: { type: "cancel" } };
+            }
+            // Ignore all other input during loading
+            if (isLoading)
+                return state;
+            if (state.step === "source") {
+                if (key.return) {
+                    if (state.source.trim()) {
+                        return { ...state, step: "scope" };
+                    }
+                    return state;
+                }
+                if (key.backspace || key.delete) {
+                    return { ...state, source: state.source.slice(0, -1) };
+                }
+                if (input && !key.ctrl && !key.meta && !("alt" in key && key.alt)) {
+                    return { ...state, source: state.source + input };
+                }
+                return state;
+            }
+            // step === "scope"
+            if (key.upArrow) {
+                return { ...state, scopeIndex: Math.max(0, state.scopeIndex - 1) };
+            }
+            if (key.downArrow) {
+                return {
+                    ...state,
+                    scopeIndex: Math.min(SCOPES.length - 1, state.scopeIndex + 1),
+                };
+            }
+            if (key.return) {
+                return {
+                    ...state,
+                    pendingAction: {
+                        type: "submit",
+                        source: state.source.trim(),
+                        scope: SCOPES[state.scopeIndex],
+                    },
+                };
+            }
+            return state;
+        }
+        case "CLEAR_PENDING_ACTION":
+            return { ...state, pendingAction: null };
         default:
             return state;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-code",
-  "version": "0.18.5",
+  "version": "0.18.6",
   "description": "CLI-based code assistant powered by AI, built with React and Ink",
   "repository": {
     "type": "git",
@@ -42,7 +42,7 @@
     "semver": "^7.7.4",
     "yargs": "^17.7.2",
     "zod": "^3.23.8",
-    "wave-agent-sdk": "0.18.5"
+    "wave-agent-sdk": "0.18.6"
   },
   "devDependencies": {
     "@types/react": "^19.1.8",

package/src/components/MarketplaceAddForm.tsx

@@ -1,62 +1,48 @@
-import React, { useReducer } from "react";
+import React, { useReducer, useEffect } from "react";
 import { Box, Text, useInput } from "ink";
 import { usePluginManagerContext } from "../contexts/PluginManagerContext.js";
-import { marketplaceAddFormReducer } from "../reducers/marketplaceAddFormReducer.js";
-
-const SCOPES = [
-  { value: "user" as const, label: "user" },
-  { value: "project" as const, label: "project" },
-  { value: "local" as const, label: "local" },
-];
+import {
+  marketplaceAddFormReducer,
+  SCOPES,
+  type MarketplaceAddFormState,
+} from "../reducers/marketplaceAddFormReducer.js";
 
 export const MarketplaceAddForm: React.FC = () => {
-  const { state, actions } = usePluginManagerContext();
-  const [{ source, scopeIndex, step }, dispatch] = useReducer(
-    marketplaceAddFormReducer,
-    { source: "", scopeIndex: 0, step: "source" },
-  );
+  const { state: ctxState, actions } = usePluginManagerContext();
+  const [state, dispatch] = useReducer(marketplaceAddFormReducer, {
+    source: "",
+    scopeIndex: 0,
+    step: "source",
+    pendingAction: null,
+  } as MarketplaceAddFormState);
 
-  useInput((input, key) => {
-    if (key.escape) {
-      if (step === "scope") {
-        dispatch({ type: "BACK_TO_SOURCE" });
-      } else {
-        actions.setView("MARKETPLACES");
-      }
-    } else if (state.isLoading) {
-      return;
-    } else if (step === "source" && key.return) {
-      if (source.trim()) {
-        dispatch({ type: "SET_STEP", step: "scope" });
-      }
-    } else if (step === "source" && (key.backspace || key.delete)) {
-      dispatch({ type: "DELETE_CHAR" });
-    } else if (
-      step === "source" &&
-      input &&
-      !key.ctrl &&
-      !key.meta &&
-      !("alt" in key && key.alt)
-    ) {
-      dispatch({ type: "INSERT_CHAR", text: input });
-    } else if (step === "scope") {
-      if (key.upArrow) {
-        dispatch({
-          type: "SET_SCOPE_INDEX",
-          index: Math.max(0, scopeIndex - 1),
-        });
-      } else if (key.downArrow) {
-        dispatch({
-          type: "SET_SCOPE_INDEX",
-          index: Math.min(SCOPES.length - 1, scopeIndex + 1),
-        });
-      } else if (key.return) {
-        const scope = SCOPES[scopeIndex].value;
-        actions.addMarketplace(source.trim(), scope);
-      }
+  // Handle side effects from reducer decisions
+  useEffect(() => {
+    if (!state.pendingAction) return;
+
+    if (state.pendingAction.type === "submit") {
+      actions.addMarketplace(
+        state.pendingAction.source,
+        state.pendingAction.scope,
+      );
+    } else if (state.pendingAction.type === "cancel") {
+      actions.setView("MARKETPLACES");
     }
+
+    dispatch({ type: "CLEAR_PENDING_ACTION" });
+  }, [state.pendingAction, actions]);
+
+  useInput((input, key) => {
+    dispatch({
+      type: "HANDLE_KEY",
+      key,
+      input,
+      isLoading: ctxState.isLoading,
+    });
   });
 
+  const { source, scopeIndex, step } = state;
+
   if (step === "source") {
     return (
       <Box flexDirection="column" padding={1}>
@@ -66,7 +52,7 @@ export const MarketplaceAddForm: React.FC = () => {
         <Box marginTop={1}>
           <Text>Source: </Text>
           <Text color="yellow">{source}</Text>
-          {!state.isLoading && <Text color="yellow">_</Text>}
+          {!ctxState.isLoading && <Text color="yellow">_</Text>}
         </Box>
         <Box marginTop={1}>
           <Text dimColor>Enter to continue, Esc to cancel</Text>
@@ -86,20 +72,20 @@ export const MarketplaceAddForm: React.FC = () => {
       </Box>
       <Box marginTop={1} flexDirection="column">
         {SCOPES.map((s, i) => (
-          <Text key={s.value} color={i === scopeIndex ? "yellow" : "dim"}>
+          <Text key={s} color={i === scopeIndex ? "yellow" : "dim"}>
             {i === scopeIndex ? "> " : "  "}
-            {s.label}
+            {s}
           </Text>
         ))}
       </Box>
-      {state.isLoading && (
+      {ctxState.isLoading && (
         <Box marginTop={1}>
           <Text color="yellow">Adding marketplace...</Text>
         </Box>
       )}
       <Box marginTop={1}>
         <Text dimColor>
-          {state.isLoading
+          {ctxState.isLoading
             ? "Please wait..."
             : "Enter to confirm, \u2191/\u2193 to navigate, Esc to go back"}
         </Text>

package/src/reducers/marketplaceAddFormReducer.ts

@@ -1,34 +1,81 @@
+import { Key } from "ink";
+
+export const SCOPES = ["user", "project", "local"] as const;
+export type Scope = (typeof SCOPES)[number];
+
 export interface MarketplaceAddFormState {
   source: string;
   scopeIndex: number;
   step: "source" | "scope";
+  pendingAction:
+    | { type: "submit"; source: string; scope: Scope }
+    | { type: "cancel" }
+    | null;
 }
 
 export type MarketplaceAddFormAction =
-  | { type: "SET_SOURCE"; source: string }
-  | { type: "SET_SCOPE_INDEX"; index: number }
-  | { type: "SET_STEP"; step: "source" | "scope" }
-  | { type: "INSERT_CHAR"; text: string }
-  | { type: "DELETE_CHAR" }
-  | { type: "BACK_TO_SOURCE" };
+  | { type: "HANDLE_KEY"; key: Key; input: string; isLoading: boolean }
+  | { type: "CLEAR_PENDING_ACTION" };
 
 export function marketplaceAddFormReducer(
   state: MarketplaceAddFormState,
   action: MarketplaceAddFormAction,
 ): MarketplaceAddFormState {
   switch (action.type) {
-    case "SET_SOURCE":
-      return { ...state, source: action.source };
-    case "SET_SCOPE_INDEX":
-      return { ...state, scopeIndex: action.index };
-    case "SET_STEP":
-      return { ...state, step: action.step };
-    case "INSERT_CHAR":
-      return { ...state, source: state.source + action.text };
-    case "DELETE_CHAR":
-      return { ...state, source: state.source.slice(0, -1) };
-    case "BACK_TO_SOURCE":
-      return { ...state, step: "source" };
+    case "HANDLE_KEY": {
+      const { key, input, isLoading } = action;
+
+      // Escape always works, even during loading
+      if (key.escape) {
+        if (state.step === "scope") {
+          return { ...state, step: "source" };
+        }
+        return { ...state, pendingAction: { type: "cancel" } };
+      }
+
+      // Ignore all other input during loading
+      if (isLoading) return state;
+
+      if (state.step === "source") {
+        if (key.return) {
+          if (state.source.trim()) {
+            return { ...state, step: "scope" };
+          }
+          return state;
+        }
+        if (key.backspace || key.delete) {
+          return { ...state, source: state.source.slice(0, -1) };
+        }
+        if (input && !key.ctrl && !key.meta && !("alt" in key && key.alt)) {
+          return { ...state, source: state.source + input };
+        }
+        return state;
+      }
+
+      // step === "scope"
+      if (key.upArrow) {
+        return { ...state, scopeIndex: Math.max(0, state.scopeIndex - 1) };
+      }
+      if (key.downArrow) {
+        return {
+          ...state,
+          scopeIndex: Math.min(SCOPES.length - 1, state.scopeIndex + 1),
+        };
+      }
+      if (key.return) {
+        return {
+          ...state,
+          pendingAction: {
+            type: "submit",
+            source: state.source.trim(),
+            scope: SCOPES[state.scopeIndex],
+          },
+        };
+      }
+      return state;
+    }
+    case "CLEAR_PENDING_ACTION":
+      return { ...state, pendingAction: null };
     default:
       return state;
   }