letmecook 0.0.14 → 0.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "letmecook",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "repository": {
     "type": "git",
     "url": "https://github.com/rustydotwtf/letmecook.git"

package/src/ui/add-repos.ts

@@ -28,6 +28,8 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
     let selectedMatchIndex = -1; // -1 means no match selected, user is typing freely
     let lastQuery = ""; // Track the query that generated current matches
     let isNavigating = false; // Flag to prevent input handler from resetting when navigating
+    let isConfirming = false; // Flag for confirmation mode (showing checkboxes)
+    let confirmOptionIndex = 0; // 0 = read-only, 1 = latest, 2 = confirm button
 
     // Repository input
     const repoLabel = new TextRenderable(renderer, {
@@ -93,6 +95,14 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
     });
     content.add(detailsLatest);
 
+    const confirmButton = new TextRenderable(renderer, {
+      id: "confirm-button",
+      content: "",
+      fg: "#10b981",
+      marginTop: 1,
+    });
+    content.add(confirmButton);
+
     repoInput.onPaste = (event) => {
       const text = event.text.replace(/[\r\n]+/g, "");
       if (!text) return;
@@ -161,17 +171,35 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
     }
 
     function updateDetails() {
-      if (currentValidRepo) {
-        detailsLabel.content = "\nRepository details:";
-        detailsLabel.fg = "#e2e8f0";
-        detailsReadOnly.content = `  Read-only: ${currentReadOnly ? "Yes [r]" : "No [r]"}`;
-        detailsReadOnly.fg = currentReadOnly ? "#f59e0b" : "#94a3b8";
-        detailsLatest.content = `  Latest: ${currentLatest ? "Yes [l]" : "No [l]"}`;
-        detailsLatest.fg = currentLatest ? "#22d3ee" : "#94a3b8";
+      if (isConfirming && currentValidRepo) {
+        // Confirmation mode with interactive checkboxes
+        detailsLabel.content = `\nConfigure options for: ${currentInput.trim()}`;
+        detailsLabel.fg = "#38bdf8";
+
+        const roCheckbox = currentReadOnly ? "[✓]" : "[ ]";
+        const roSelected = confirmOptionIndex === 0;
+        detailsReadOnly.content = `  ${roSelected ? "▶" : " "} ${roCheckbox} Read-only [r]`;
+        detailsReadOnly.fg = roSelected ? "#f8fafc" : currentReadOnly ? "#f59e0b" : "#94a3b8";
+
+        const latestCheckbox = currentLatest ? "[✓]" : "[ ]";
+        const latestSelected = confirmOptionIndex === 1;
+        detailsLatest.content = `  ${latestSelected ? "▶" : " "} ${latestCheckbox} Latest [l]`;
+        detailsLatest.fg = latestSelected ? "#f8fafc" : currentLatest ? "#22d3ee" : "#94a3b8";
+
+        const confirmSelected = confirmOptionIndex === 2;
+        confirmButton.content = `  ${confirmSelected ? "▶" : " "} [Add repository]`;
+        confirmButton.fg = confirmSelected ? "#10b981" : "#64748b";
+      } else if (currentValidRepo) {
+        detailsLabel.content = "\nPress Enter to configure options";
+        detailsLabel.fg = "#64748b";
+        detailsReadOnly.content = "";
+        detailsLatest.content = "";
+        confirmButton.content = "";
       } else {
         detailsLabel.content = "";
         detailsReadOnly.content = "";
         detailsLatest.content = "";
+        confirmButton.content = "";
       }
     }
 
@@ -280,37 +308,131 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
       statusText.content = "";
     }
 
+    function enterConfirmMode() {
+      isConfirming = true;
+      confirmOptionIndex = 2; // Start on confirm button for quick add
+      repoInput.blur();
+      updateDetails();
+      updateFooter();
+    }
+
+    function exitConfirmMode() {
+      isConfirming = false;
+      confirmOptionIndex = 0;
+      repoInput.focus();
+      updateDetails();
+      updateFooter();
+    }
+
+    function toggleCurrentOption() {
+      if (confirmOptionIndex === 0) {
+        // Toggle read-only
+        currentReadOnly = !currentReadOnly;
+        if (!currentReadOnly) {
+          currentLatest = false;
+        }
+      } else if (confirmOptionIndex === 1) {
+        // Toggle latest
+        currentLatest = !currentLatest;
+        if (currentLatest) {
+          currentReadOnly = true;
+        }
+      } else if (confirmOptionIndex === 2) {
+        // Confirm button - add the repo
+        addCurrentRepo();
+        exitConfirmMode();
+      }
+      updateDetails();
+    }
+
+    function updateFooter() {
+      if (isConfirming) {
+        showFooter(renderer, content, {
+          navigate: true,
+          select: false,
+          back: true,
+          custom: ["r Read-only", "l Latest", "space Toggle", "enter Add"],
+        });
+      } else {
+        showFooter(renderer, content, {
+          navigate: true,
+          select: true,
+          back: true,
+          custom: repos.length > 0 ? ["enter (empty) Continue"] : [],
+        });
+      }
+    }
+
     const handleKeypress = (key: KeyEvent) => {
+      // Escape behavior differs based on mode
       if (isEscape(key)) {
+        if (isConfirming) {
+          // Exit confirmation mode, go back to input
+          exitConfirmMode();
+          return;
+        }
         cleanup();
         resolve({ repos, cancelled: true });
         return;
       }
 
-      // Toggle read-only
-      if (key.name === "r" && currentValidRepo) {
-        currentReadOnly = !currentReadOnly;
-        if (!currentReadOnly) {
-          currentLatest = false;
+      // Confirmation mode handling
+      if (isConfirming) {
+        // Toggle read-only with 'r' hotkey
+        if (key.name === "r") {
+          currentReadOnly = !currentReadOnly;
+          if (!currentReadOnly) {
+            currentLatest = false;
+          }
+          updateDetails();
+          return;
         }
-        updateDetails();
-        return;
-      }
 
-      // Toggle latest
-      if (key.name === "l" && currentValidRepo) {
-        currentLatest = !currentLatest;
-        if (currentLatest) {
-          currentReadOnly = true;
+        // Toggle latest with 'l' hotkey
+        if (key.name === "l") {
+          currentLatest = !currentLatest;
+          if (currentLatest) {
+            currentReadOnly = true;
+          }
+          updateDetails();
+          return;
+        }
+
+        // Space to toggle current option
+        if (key.name === "space") {
+          toggleCurrentOption();
+          return;
+        }
+
+        // Enter to confirm/add
+        if (isEnter(key)) {
+          addCurrentRepo();
+          exitConfirmMode();
+          return;
         }
-        updateDetails();
+
+        // Arrow keys to navigate options
+        if (isArrowUp(key)) {
+          confirmOptionIndex = Math.max(0, confirmOptionIndex - 1);
+          updateDetails();
+          return;
+        }
+
+        if (isArrowDown(key)) {
+          confirmOptionIndex = Math.min(2, confirmOptionIndex + 1);
+          updateDetails();
+          return;
+        }
+
         return;
       }
 
-      // Enter to add repo or continue
+      // Normal input mode handling
+
+      // Enter to enter confirmation mode or continue
       if (isEnter(key)) {
         if (currentInput.trim() && currentValidRepo) {
-          addCurrentRepo();
+          enterConfirmMode();
         } else if (!currentInput.trim() && repos.length > 0) {
           // Empty input + repos added = continue
           cleanup();
@@ -385,16 +507,9 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
       clearLayout(renderer);
     };
 
-    // Show footer with context-aware actions
-    showFooter(renderer, content, {
-      navigate: true,
-      select: true,
-      back: true,
-      custom: currentValidRepo ? ["r Toggle RO", "l Toggle Latest"] : ["↑↓ Navigate matches"],
-    });
-
     renderer.keyInput.on("keypress", handleKeypress);
     updateDetails();
     updateReposList();
+    updateFooter();
   });
 }