@hypersocial/cli-games 0.2.3 → 0.2.4

package/dist/cli.js

@@ -1,5 +1,9 @@
 #!/usr/bin/env node
 
+// src/cli.ts
+import { spawn } from "child_process";
+import { fileURLToPath } from "url";
+
 // src/themes/index.ts
 var themes = {
   cyan: {
@@ -2891,7 +2895,7 @@ function runCourierGame(terminal) {
     flapAnimation = 4;
     spawnParticles(particles, rigX, rigY + 2, 2, "\x1B[93m", ["\xB7", "\u2218"]);
   }
-  const spawn = (x, y, count, color, chars) => spawnParticles(particles, x, y, count, color, chars);
+  const spawn2 = (x, y, count, color, chars) => spawnParticles(particles, x, y, count, color, chars);
   const firework = (x, y, intensity) => spawnFirework(particles, x, y, intensity);
   const popup = (x, y, text, color) => addPopup(popups, x, y, text, color);
   const sparkleTrail = (x, y, count, color) => spawnSparkleTrail(particles, x, y, count, color);
@@ -2972,7 +2976,7 @@ function runCourierGame(terminal) {
         if (levelCompleteAnimation % 8 === 0) {
           const burstX = 5 + Math.random() * (screenWidth - 10);
           const burstY = 2 + Math.random() * (screenHeight * 0.4);
-          spawn(
+          spawn2(
             burstX,
             burstY,
             5,
@@ -3184,7 +3188,7 @@ function runCourierGame(terminal) {
       rigVY = -rigVY * 0.3;
       if (impactVelocity > 0.3) {
         screenShake = Math.min(5, Math.floor(impactVelocity * 4));
-        spawn(rigX, rigY + 2, Math.floor(impactVelocity * 5), "\x1B[93m", ["\xB7", "\u2022"]);
+        spawn2(rigX, rigY + 2, Math.floor(impactVelocity * 5), "\x1B[93m", ["\xB7", "\u2022"]);
       }
       if (rigPlatformIndex === pickupPlatformIndex && !hasPassenger && tutorialCountdown === 0) {
         hasPassenger = true;
@@ -3193,14 +3197,14 @@ function runCourierGame(terminal) {
         passengerVX = rigVX * 0.5;
         passengerVY = rigVY * 0.5;
         passengerGraceFrames = 20;
-        spawn(rigX, rigY + 2, 6, themeColor, ["\u25C7", "\u2726"]);
+        spawn2(rigX, rigY + 2, 6, themeColor, ["\u25C7", "\u2726"]);
         popup(rigX - 3, rigY - 1, "GOT IT!", "\x1B[1;93m");
         doorAnimation = 30;
         const dropoffPlat = level.platforms[dropoffPlatformIndex];
         const dropX = dropoffPlat.x + Math.floor(dropoffPlat.width / 2);
         const dropY = dropoffPlat.y - 5;
         popup(dropX - 4, dropY, "DROP HERE!", "\x1B[1;93m");
-        spawn(dropX, dropY + 2, 4, "\x1B[93m", ["\u25BD", "\u25C7", "\u2726"]);
+        spawn2(dropX, dropY + 2, 4, "\x1B[93m", ["\u25BD", "\u25C7", "\u2726"]);
       }
     }
     if (checkWaterCollision(rigY + 2)) {
@@ -3213,7 +3217,7 @@ function runCourierGame(terminal) {
         crashAnimation = 35;
         screenShake = 15;
         splash(rigX, level.waterLevel, 1.25);
-        spawn(rigX, rigY, 12, "\x1B[91m", ["\u2717", "\xD7", "\u2593", "\u2591", "!", "*"]);
+        spawn2(rigX, rigY, 12, "\x1B[91m", ["\u2717", "\xD7", "\u2593", "\u2591", "!", "*"]);
         popup(rigX - 4, rigY - 4, "\u{1F480} SPLASH! \u{1F480}", "\x1B[1;91m");
         return;
       }
@@ -3248,7 +3252,7 @@ function runCourierGame(terminal) {
         passengerVX *= 0.8;
         if (passPlatformIndex === dropoffPlatformIndex && Math.abs(passengerVY) < 0.3 && deliveringAnimation === 0) {
           deliveringAnimation = 40;
-          spawn(passengerX, passengerY - 1, 8, "\x1B[1;93m", ["\u2605", "\u2726", "\u25C6"]);
+          spawn2(passengerX, passengerY - 1, 8, "\x1B[1;93m", ["\u2605", "\u2726", "\u25C6"]);
           popup(passengerX - 4, passengerY - 3, "DROPPING!", "\x1B[1;93m");
         }
       }
@@ -15636,9 +15640,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;
@@ -15681,50 +15689,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;
@@ -15735,35 +15749,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" : " ";
@@ -15771,10 +15791,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`;
@@ -15822,16 +15842,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;
@@ -15844,38 +15864,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 launchGame2 = 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") {
-            launchGame2(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) {
-            launchGame2(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;
           }
@@ -16157,11 +16188,35 @@ function openMenu(terminal) {
       const game = games.find((g) => g.id === gameId);
       if (game) launchGame(terminal, game);
     },
+    onActionSelect: (actionId) => {
+      if (actionId !== "vibe") return;
+      launchVibeFromMenu();
+    },
     onQuit: () => {
       process.exit(0);
     }
   });
 }
+function launchVibeFromMenu() {
+  if (process.stdin.isTTY) {
+    process.stdin.setRawMode(false);
+  }
+  process.stdin.pause();
+  process.stdout.write("\x1B[?25h");
+  process.stdout.write("\x1B[0m");
+  const cliPath = fileURLToPath(import.meta.url);
+  const child = spawn(process.execPath, [cliPath, "vibe"], {
+    stdio: "inherit",
+    env: process.env
+  });
+  child.on("close", (code) => {
+    process.exit(code ?? 0);
+  });
+  child.on("error", () => {
+    console.error("Failed to launch vibe command");
+    process.exit(1);
+  });
+}
 function launchGame(terminal, game) {
   game.run(terminal);
 }