@hypersocial/cli-games 0.2.2 → 0.2.4

package/dist/index.d.ts

@@ -591,7 +591,13 @@ interface GamesMenuController {
 }
 interface GamesMenuOptions {
     onGameSelect?: (gameId: string) => void;
+    onActionSelect?: (actionId: string) => void;
     onQuit?: () => void;
+    extraActions?: Array<{
+        id: string;
+        name: string;
+        description: string;
+    }>;
 }
 /**
  * Show interactive games menu

package/dist/index.js

@@ -14157,7 +14157,7 @@ function getRandomCharacter() {
 // src/games/hyper-fighter/index.ts
 var TICK_MS = 50;
 var MIN_COLS = 60;
-var MIN_ROWS = 36;
+var MIN_ROWS = 30;
 var VS_COL_WIDTH = 12;
 var SIDE_PANEL_WIDTH = 14;
 var HEADER_HEIGHT = 2;
@@ -15567,9 +15567,13 @@ function runHyperFighterGame(terminal) {
 // src/games/gamesMenu.ts
 function showGamesMenu(terminal, optionsOrCallback) {
   const options = typeof optionsOrCallback === "function" ? { onGameSelect: optionsOrCallback } : optionsOrCallback || {};
-  const { onGameSelect, onQuit } = options;
+  const { onGameSelect, onActionSelect, onQuit, extraActions = [] } = options;
   const themeColor = getCurrentThemeColor();
   const lightTheme = isLightTheme2();
+  const menuEntries = [
+    ...games.map((game) => ({ ...game, kind: "game" })),
+    ...extraActions.map((action) => ({ ...action, kind: "action" }))
+  ];
   let running = true;
   let selectedIndex = 0;
   let scrollOffset = 0;
@@ -15612,50 +15616,56 @@ function showGamesMenu(terminal, optionsOrCallback) {
   function renderSingleColumn(baseOutput, cols, rows, boxWidth, listStartY, maxVisibleGames) {
     let output = baseOutput;
     const boxX = Math.floor((cols - boxWidth) / 2);
-    const visibleGames = Math.min(maxVisibleGames, games.length);
+    const visibleEntries = Math.min(maxVisibleGames, menuEntries.length);
     if (selectedIndex < scrollOffset) {
       scrollOffset = selectedIndex;
-    } else if (selectedIndex >= scrollOffset + visibleGames) {
-      scrollOffset = selectedIndex - visibleGames + 1;
+    } else if (selectedIndex >= scrollOffset + visibleEntries) {
+      scrollOffset = selectedIndex - visibleEntries + 1;
     }
-    scrollOffset = Math.max(0, Math.min(scrollOffset, games.length - visibleGames));
+    scrollOffset = Math.max(0, Math.min(scrollOffset, menuEntries.length - visibleEntries));
     const hasScrollUp = scrollOffset > 0;
-    const hasScrollDown = scrollOffset + visibleGames < games.length;
+    const hasScrollDown = scrollOffset + visibleEntries < menuEntries.length;
     const topScrollIndicator = hasScrollUp ? " \u25B2 more " : "\u2550".repeat(8);
     const topBorderWidth = boxWidth - 2 - topScrollIndicator.length;
     const topLeftPad = Math.floor(topBorderWidth / 2);
     const topRightPad = topBorderWidth - topLeftPad;
     output += `\x1B[${listStartY};${boxX}H${themeColor}\u2554${"\u2550".repeat(topLeftPad)}${hasScrollUp ? "\x1B[33m" : ""}${topScrollIndicator}${hasScrollUp ? themeColor : ""}${"\u2550".repeat(topRightPad)}\u2557\x1B[0m`;
-    for (let vi = 0; vi < visibleGames; vi++) {
+    for (let vi = 0; vi < visibleEntries; vi++) {
       const i = scrollOffset + vi;
-      const game = games[i];
+      const entry = menuEntries[i];
       const y = listStartY + 1 + vi * 2;
       const isSelected = i === selectedIndex;
-      output += renderGameEntry(game, i, isSelected, y, boxX, boxWidth);
+      output += renderEntry(entry, i, isSelected, y, boxX, boxWidth);
     }
-    const bottomY = listStartY + 1 + visibleGames * 2;
+    const bottomY = listStartY + 1 + visibleEntries * 2;
     const bottomScrollIndicator = hasScrollDown ? " \u25BC more " : "\u2550".repeat(8);
     const bottomBorderWidth = boxWidth - 2 - bottomScrollIndicator.length;
     const bottomLeftPad = Math.floor(bottomBorderWidth / 2);
     const bottomRightPad = bottomBorderWidth - bottomLeftPad;
     output += `\x1B[${bottomY};${boxX}H${themeColor}\u255A${"\u2550".repeat(bottomLeftPad)}${hasScrollDown ? "\x1B[33m" : ""}${bottomScrollIndicator}${hasScrollDown ? themeColor : ""}${"\u2550".repeat(bottomRightPad)}\u255D\x1B[0m`;
+    if (onActionSelect) {
+      const actionHint = "Press V to Vibe Code Your Own Game";
+      const hintX = Math.floor((cols - actionHint.length) / 2);
+      const ctaStyle = lightTheme ? "\x1B[1;30;106m" : "\x1B[1;30;103m";
+      output += `\x1B[${rows};${hintX}H${ctaStyle}${actionHint}\x1B[0m`;
+    }
     const controls = `\u2191\u2193 Navigate | ENTER Select | 1-9 Quick | Q Quit`;
     output += `\x1B[${rows - 1};${Math.floor((cols - controls.length) / 2)}H\x1B[2m${controls}\x1B[0m`;
     terminal.write(output);
   }
   function renderTwoColumns(baseOutput, cols, rows, boxWidth, columnGap, listStartY, maxVisibleGames) {
     let output = baseOutput;
-    const gamesPerColumn = Math.min(maxVisibleGames, Math.ceil(games.length / 2));
+    const entriesPerColumn = Math.min(maxVisibleGames, Math.ceil(menuEntries.length / 2));
     const selectedRow = Math.floor(selectedIndex / 2);
     if (selectedRow < scrollOffset) {
       scrollOffset = selectedRow;
-    } else if (selectedRow >= scrollOffset + gamesPerColumn) {
-      scrollOffset = selectedRow - gamesPerColumn + 1;
+    } else if (selectedRow >= scrollOffset + entriesPerColumn) {
+      scrollOffset = selectedRow - entriesPerColumn + 1;
     }
-    const maxScroll = Math.max(0, Math.ceil(games.length / 2) - gamesPerColumn);
+    const maxScroll = Math.max(0, Math.ceil(menuEntries.length / 2) - entriesPerColumn);
     scrollOffset = Math.max(0, Math.min(scrollOffset, maxScroll));
     const hasScrollUp = scrollOffset > 0;
-    const hasScrollDown = (scrollOffset + gamesPerColumn) * 2 < games.length;
+    const hasScrollDown = (scrollOffset + entriesPerColumn) * 2 < menuEntries.length;
     const totalWidth = boxWidth * 2 + columnGap;
     const startX = Math.floor((cols - totalWidth) / 2);
     const leftBoxX = startX;
@@ -15666,35 +15676,41 @@ function showGamesMenu(terminal, optionsOrCallback) {
     const topRight = topBorderContent - topLeft;
     output += `\x1B[${listStartY};${leftBoxX}H${themeColor}\u2554${"\u2550".repeat(topLeft)}${hasScrollUp ? "\x1B[33m" : ""}${topScrollIndicator}${hasScrollUp ? themeColor : ""}${"\u2550".repeat(topRight)}\u2557\x1B[0m`;
     output += `\x1B[${listStartY};${rightBoxX}H${themeColor}\u2554${"\u2550".repeat(topLeft)}${hasScrollUp ? "\x1B[33m" : ""}${topScrollIndicator}${hasScrollUp ? themeColor : ""}${"\u2550".repeat(topRight)}\u2557\x1B[0m`;
-    for (let row = 0; row < gamesPerColumn; row++) {
+    for (let row = 0; row < entriesPerColumn; row++) {
       const leftIdx = (scrollOffset + row) * 2;
       const rightIdx = leftIdx + 1;
       const y = listStartY + 1 + row * 2;
-      if (leftIdx < games.length) {
-        output += renderGameEntry(games[leftIdx], leftIdx, leftIdx === selectedIndex, y, leftBoxX, boxWidth);
+      if (leftIdx < menuEntries.length) {
+        output += renderEntry(menuEntries[leftIdx], leftIdx, leftIdx === selectedIndex, y, leftBoxX, boxWidth);
       } else {
         output += `\x1B[${y};${leftBoxX}H${themeColor}\u2551${" ".repeat(boxWidth - 2)}\u2551\x1B[0m`;
         output += `\x1B[${y + 1};${leftBoxX}H${themeColor}\u2551${" ".repeat(boxWidth - 2)}\u2551\x1B[0m`;
       }
-      if (rightIdx < games.length) {
-        output += renderGameEntry(games[rightIdx], rightIdx, rightIdx === selectedIndex, y, rightBoxX, boxWidth);
+      if (rightIdx < menuEntries.length) {
+        output += renderEntry(menuEntries[rightIdx], rightIdx, rightIdx === selectedIndex, y, rightBoxX, boxWidth);
       } else {
         output += `\x1B[${y};${rightBoxX}H${themeColor}\u2551${" ".repeat(boxWidth - 2)}\u2551\x1B[0m`;
         output += `\x1B[${y + 1};${rightBoxX}H${themeColor}\u2551${" ".repeat(boxWidth - 2)}\u2551\x1B[0m`;
       }
     }
-    const bottomY = listStartY + 1 + gamesPerColumn * 2;
+    const bottomY = listStartY + 1 + entriesPerColumn * 2;
     const bottomScrollIndicator = hasScrollDown ? " \u25BC " : "\u2550\u2550\u2550";
     const bottomBorderContent = boxWidth - 2 - bottomScrollIndicator.length;
     const bottomLeft = Math.floor(bottomBorderContent / 2);
     const bottomRight = bottomBorderContent - bottomLeft;
     output += `\x1B[${bottomY};${leftBoxX}H${themeColor}\u255A${"\u2550".repeat(bottomLeft)}${hasScrollDown ? "\x1B[33m" : ""}${bottomScrollIndicator}${hasScrollDown ? themeColor : ""}${"\u2550".repeat(bottomRight)}\u255D\x1B[0m`;
     output += `\x1B[${bottomY};${rightBoxX}H${themeColor}\u255A${"\u2550".repeat(bottomLeft)}${hasScrollDown ? "\x1B[33m" : ""}${bottomScrollIndicator}${hasScrollDown ? themeColor : ""}${"\u2550".repeat(bottomRight)}\u255D\x1B[0m`;
+    if (onActionSelect) {
+      const actionHint = "Press V to Vibe Code Your Own Game";
+      const hintX = Math.floor((cols - actionHint.length) / 2);
+      const ctaStyle = lightTheme ? "\x1B[1;30;106m" : "\x1B[1;30;103m";
+      output += `\x1B[${rows};${hintX}H${ctaStyle}${actionHint}\x1B[0m`;
+    }
     const controls = `\u2191\u2193\u2190\u2192 Navigate | ENTER Select | 1-9 Quick | Q Quit`;
     output += `\x1B[${rows - 1};${Math.floor((cols - controls.length) / 2)}H\x1B[2m${controls}\x1B[0m`;
     terminal.write(output);
   }
-  function renderGameEntry(game, index, isSelected, y, boxX, boxWidth) {
+  function renderEntry(entry, index, isSelected, y, boxX, boxWidth) {
     let output = "";
     const contentWidth = boxWidth - 2;
     const prefix = isSelected ? "\u25B6" : " ";
@@ -15702,10 +15718,10 @@ function showGamesMenu(terminal, optionsOrCallback) {
     const keyColor = isSelected ? "" : "\x1B[33m";
     const keyNum = index + 1;
     const keyDisplay = keyNum <= 9 ? `${keyNum}` : " ";
-    const lineContent = `${prefix} [${keyDisplay}] ${game.name}`;
+    const lineContent = `${prefix} [${keyDisplay}] ${entry.name}`;
     const padding = Math.max(0, contentWidth - lineContent.length);
     output += `\x1B[${y};${boxX}H${themeColor}\u2551\x1B[0m${highlight}${keyColor}${lineContent}${" ".repeat(padding)}\x1B[0m${themeColor}\u2551\x1B[0m`;
-    const descContent = `    ${game.description}`;
+    const descContent = `    ${entry.description}`;
     const descPadding = Math.max(0, contentWidth - descContent.length);
     const descColor = isSelected ? lightTheme ? "\x1B[2;7;97m" : "\x1B[2;7m" : "\x1B[2m";
     output += `\x1B[${y + 1};${boxX}H${themeColor}\u2551\x1B[0m${descColor}${descContent}${" ".repeat(descPadding)}\x1B[0m${themeColor}\u2551\x1B[0m`;
@@ -15753,16 +15769,16 @@ function showGamesMenu(terminal, optionsOrCallback) {
             if (useTwoColumns) {
               selectedIndex = Math.max(0, selectedIndex - 2);
             } else {
-              selectedIndex = (selectedIndex - 1 + games.length) % games.length;
+              selectedIndex = (selectedIndex - 1 + menuEntries.length) % menuEntries.length;
             }
             render();
             return;
           }
           if (key === "ArrowDown") {
             if (useTwoColumns) {
-              selectedIndex = Math.min(games.length - 1, selectedIndex + 2);
+              selectedIndex = Math.min(menuEntries.length - 1, selectedIndex + 2);
             } else {
-              selectedIndex = (selectedIndex + 1) % games.length;
+              selectedIndex = (selectedIndex + 1) % menuEntries.length;
             }
             render();
             return;
@@ -15775,38 +15791,49 @@ function showGamesMenu(terminal, optionsOrCallback) {
             return;
           }
           if (key === "ArrowRight" && useTwoColumns) {
-            if (selectedIndex % 2 === 0 && selectedIndex + 1 < games.length) {
+            if (selectedIndex % 2 === 0 && selectedIndex + 1 < menuEntries.length) {
               selectedIndex++;
             }
             render();
             return;
           }
-          const launchGame = async (game) => {
+          if (keyLower === "v" && onActionSelect) {
+            keyListener?.dispose();
+            running = false;
+            exitAlternateBuffer(terminal, "games-menu-vibe");
+            onActionSelect("vibe");
+            return;
+          }
+          const launchEntry = async (entry) => {
             keyListener?.dispose();
             running = false;
             exitAlternateBuffer(terminal, "games-menu-launch");
             try {
-              await playSelectTransition(terminal, game.name);
-              if (onGameSelect) {
-                onGameSelect(game.id);
+              if (entry.kind === "game") {
+                await playSelectTransition(terminal, entry.name);
+                if (onGameSelect) {
+                  onGameSelect(entry.id);
+                }
+              } else if (onActionSelect) {
+                onActionSelect(entry.id);
               }
             } catch (err) {
-              console.error("[GamesMenu] Failed to launch game:", err);
+              console.error("[GamesMenu] Failed to launch menu entry:", err);
               forceExitAlternateBuffer(terminal, "games-menu-launch-error");
-              terminal.write(`\x1B[91mError launching game: ${err}\x1B[0m\r
+              terminal.write(`\x1B[91mError launching menu entry: ${err}\x1B[0m\r
 `);
             }
           };
           if (key === "Enter") {
-            launchGame(games[selectedIndex]).catch((err) => {
-              console.error("[GamesMenu] Unhandled launch error:", err);
+            launchEntry(menuEntries[selectedIndex]).catch((err) => {
+              console.error("[GamesMenu] Unhandled menu launch error:", err);
             });
             return;
           }
           const numKey = parseInt(key);
-          if (numKey >= 1 && numKey <= games.length && numKey <= 9) {
-            launchGame(games[numKey - 1]).catch((err) => {
-              console.error("[GamesMenu] Unhandled launch error:", err);
+          if (numKey >= 1 && numKey <= menuEntries.length && numKey <= 9) {
+            launchEntry(menuEntries[numKey - 1]).catch((err) => {
+              console.error("[GamesMenu] Unhandled menu launch error:", err);
             });
             return;
           }