cp dines

Author: dines-rl

src/cli.ts

@@ -19,10 +19,12 @@ const packageJson = JSON.parse(
 );
 export const VERSION = packageJson.version;
 
+import { exitAlternateScreen } from "./utils/screen.js";
+
 // Global Ctrl+C handler to ensure it always exits
 process.on("SIGINT", () => {
   // Force exit immediately, clearing alternate screen buffer
-  process.stdout.write("\x1b[?1049l");
+  exitAlternateScreen();
   process.stdout.write("\n");
   process.exit(130); // Standard exit code for SIGINT
 });

src/commands/blueprint/list.tsx

@@ -18,6 +18,7 @@ import { getBlueprintUrl } from "../../utils/url.js";
 import { colors } from "../../utils/theme.js";
 import { getStatusDisplay } from "../../components/StatusBadge.js";
 import { DevboxCreatePage } from "../../components/DevboxCreatePage.js";
+import { exitAlternateScreen } from "../../utils/screen.js";
 
 const PAGE_SIZE = 10;
 const MAX_FETCH = 100;
@@ -316,7 +317,7 @@ const ListBlueprintsUI = ({
 
     // Handle Ctrl+C to force exit
     if (key.ctrl && input === "c") {
-      process.stdout.write("\x1b[?1049l"); // Exit alternate screen
+      exitAlternateScreen(); // Exit alternate screen
       process.exit(130);
     }
 

src/commands/devbox/list.tsx

@@ -18,6 +18,7 @@ import { ResourceActionsMenu } from "../../components/ResourceActionsMenu.js";
 import { ActionsPopup } from "../../components/ActionsPopup.js";
 import { getDevboxUrl } from "../../utils/url.js";
 import { useViewportHeight } from "../../hooks/useViewportHeight.js";
+import { exitAlternateScreen } from "../../utils/screen.js";
 import {
   runSSHSession,
   type SSHSessionConfig,
@@ -556,7 +557,7 @@ const ListDevboxesUI = ({
   useInput((input, key) => {
     // Handle Ctrl+C to force exit
     if (key.ctrl && input === "c") {
-      process.stdout.write("\x1b[?1049l"); // Exit alternate screen
+      exitAlternateScreen(); // Exit alternate screen
       process.exit(130);
     }
 

src/commands/menu.tsx

@@ -1,12 +1,10 @@
 import React from "react";
 import { render } from "ink";
 import { runSSHSession, type SSHSessionConfig } from "../utils/sshSession.js";
+import { enterAlternateScreen, exitAlternateScreen } from "../utils/screen.js";
 
 import { Router } from "../router/Router.js";
-import {
-  NavigationProvider,
-  useNavigation,
-} from "../store/navigationStore.js";
+import { NavigationProvider } from "../store/navigationStore.js";
 import type { ScreenName } from "../store/navigationStore.js";
 
 interface AppProps {
@@ -45,7 +43,7 @@ export async function runMainMenu(
   focusDevboxId?: string,
 ) {
   // Enter alternate screen buffer for fullscreen experience (like top/vim)
-  //process.stdout.write("\x1b[?1049h");
+  enterAlternateScreen();
 
   let sshSessionConfig: SSHSessionConfig | null = null;
   let shouldContinue = true;
@@ -68,14 +66,6 @@ export async function runMainMenu(
         {
           patchConsole: false,
           exitOnCtrlC: false,
-          //debug: true,
-          // onRender: (metrics) => {
-          //   console.log(
-          //     "==== onRender ====",
-          //     new Date().toISOString(),
-          //     metrics,
-          //   );
-          // },
         },
       );
       await waitUntilExit();
@@ -106,7 +96,7 @@ export async function runMainMenu(
   // disableSynchronousUpdates();
 
   // Exit alternate screen buffer
-  //process.stdout.write("\x1b[?1049l");
+  exitAlternateScreen();
 
   process.exit(0);
 }

src/components/MainMenu.tsx

@@ -6,6 +6,7 @@ import { Breadcrumb } from "./Breadcrumb.js";
 import { VERSION } from "../cli.js";
 import { colors } from "../utils/theme.js";
 import { useViewportHeight } from "../hooks/useViewportHeight.js";
+import { exitAlternateScreen } from "../utils/screen.js";
 
 interface MenuItem {
   key: string;
@@ -65,6 +66,9 @@ export const MainMenu = ({ onSelect }: MainMenuProps) => {
       onSelect("blueprints");
     } else if (input === "s" || input === "3") {
       onSelect("snapshots");
+    } else if (key.ctrl && input === "c") {
+      exitAlternateScreen();
+      process.exit(130);
     }
   });
 

src/components/ResourceListView.tsx

@@ -8,6 +8,7 @@ import { ErrorMessage } from "./ErrorMessage.js";
 import { Table, Column } from "./Table.js";
 import { colors } from "../utils/theme.js";
 import { useViewportHeight } from "../hooks/useViewportHeight.js";
+import { exitAlternateScreen } from "../utils/screen.js";
 
 // Format time ago in a succinct way
 export const formatTimeAgo = (timestamp: number): string => {
@@ -217,7 +218,7 @@ export function ResourceListView<T>({ config }: ResourceListViewProps<T>) {
 
     // Handle Ctrl+C to force exit
     if (key.ctrl && input === "c") {
-      process.stdout.write("\x1b[?1049l"); // Exit alternate screen
+      exitAlternateScreen(); // Exit alternate screen
       process.exit(130);
     }
 

src/utils/CommandExecutor.ts

@@ -13,6 +13,7 @@ import {
   OutputOptions,
 } from "./output.js";
 import { enableSynchronousUpdates, disableSynchronousUpdates } from "./terminalSync.js";
+import { exitAlternateScreen, enterAlternateScreen } from "./screen.js";
 import YAML from "yaml";
 
 export class CommandExecutor<T = unknown> {
@@ -56,7 +57,7 @@ export class CommandExecutor<T = unknown> {
 
     // Exit alternate screen buffer
     disableSynchronousUpdates();
-    process.stdout.write("\x1b[?1049l");
+    exitAlternateScreen();
   }
 
   /**
@@ -78,7 +79,7 @@ export class CommandExecutor<T = unknown> {
 
     // Interactive mode
     // Enter alternate screen buffer (this automatically clears the screen)
-    process.stdout.write("\x1b[?1049h");
+    enterAlternateScreen();
     enableSynchronousUpdates();
 
     const { waitUntilExit } = render(renderUI(), {
@@ -89,7 +90,7 @@ export class CommandExecutor<T = unknown> {
 
     // Exit alternate screen buffer
     disableSynchronousUpdates();
-    process.stdout.write("\x1b[?1049l");
+    exitAlternateScreen();
   }
 
   /**
@@ -112,7 +113,7 @@ export class CommandExecutor<T = unknown> {
 
     // Interactive mode
     // Enter alternate screen buffer
-    process.stdout.write("\x1b[?1049h");
+    enterAlternateScreen();
     enableSynchronousUpdates();
 
     const { waitUntilExit } = render(renderUI(), {
@@ -123,7 +124,7 @@ export class CommandExecutor<T = unknown> {
 
     // Exit alternate screen buffer
     disableSynchronousUpdates();
-    process.stdout.write("\x1b[?1049l");
+    exitAlternateScreen();
   }
 
   /**

src/utils/interactiveCommand.ts

@@ -1,14 +1,16 @@
+import { enterAlternateScreen, exitAlternateScreen } from "./screen.js";
+
 /**
  * Wrapper for interactive commands that need alternate screen buffer management
  */
 export async function runInteractiveCommand(command: () => Promise<void>) {
   // Enter alternate screen buffer
-  process.stdout.write("\x1b[?1049h");
+  enterAlternateScreen();
 
   try {
     await command();
   } finally {
     // Exit alternate screen buffer
-    process.stdout.write("\x1b[?1049l");
+    exitAlternateScreen();
   }
 }

src/utils/screen.ts

@@ -0,0 +1,26 @@
+/**
+ * Terminal screen buffer utilities.
+ * 
+ * The alternate screen buffer provides a fullscreen experience similar to
+ * applications like vim, top, or htop. When enabled, the terminal saves
+ * the current screen content and switches to a clean buffer. Upon exit,
+ * the original screen content is restored.
+ */
+
+/**
+ * Enter the alternate screen buffer.
+ * This provides a fullscreen experience where content won't mix with
+ * previous terminal output. Like vim or top.
+ */
+export function enterAlternateScreen(): void {
+  process.stdout.write("\x1b[?1049h");
+}
+
+/**
+ * Exit the alternate screen buffer and restore the previous screen content.
+ * This returns the terminal to its original state before enterAlternateScreen() was called.
+ */
+export function exitAlternateScreen(): void {
+  process.stdout.write("\x1b[?1049l");
+}
+