feat: integrate emoji detection in preview command

• Update displayCommitList and displayCommitDetails to strip emojis
• Detect emoji support independently in preview command
• Adapt commit subject and body display based on terminal capabilities
• Ensure clean output on non-emoji terminals

Author: SatanshuMishra

src/cli/commands/preview/index.ts

@@ -6,6 +6,7 @@
 
 import { Command } from "commander";
 import { Logger } from "../../../lib/logger.js";
+import { detectEmojiSupport } from "../../../lib/util/emoji.js";
 import {
   isGitRepository,
   getCurrentBranch,
@@ -93,6 +94,9 @@ async function previewAction(options: {
       process.exit(0);
     }
 
+    // Detect emoji support for display
+    const emojiModeActive = detectEmojiSupport();
+
     // Main loop
     let exit = false;
     let viewingDetails = false;
@@ -105,7 +109,7 @@ async function previewAction(options: {
 
       if (viewingDetails && currentDetailCommit) {
         // Detail view
-        displayCommitDetails(currentDetailCommit, showBody, showFiles);
+        displayCommitDetails(currentDetailCommit, showBody, showFiles, emojiModeActive);
         console.log(
           `  ${textColors.white("Press")} ${textColors.brightYellow("b")} ${textColors.white("to toggle body,")} ${textColors.brightYellow("f")} ${textColors.white("to toggle files,")} ${textColors.brightYellow("d")} ${textColors.white("for diff,")} ${textColors.brightYellow("r")} ${textColors.white("to revert,")} ${textColors.brightYellow("←")} ${textColors.white("to go back")}`,
         );
@@ -188,6 +192,7 @@ async function previewAction(options: {
           hasMore,
           hasPreviousPage,
           hasMorePages,
+          emojiModeActive,
         );
 
         const action = await waitForListAction(

src/cli/commands/preview/prompts.ts

@@ -6,6 +6,7 @@
 
 import { select, isCancel } from "@clack/prompts";
 import { labelColors, textColors } from "../init/colors.js";
+import { formatForDisplay } from "../../../lib/util/emoji.js";
 import type { CommitInfo } from "../shared/types.js";
 import { getCommitDetails, getCommitDiff } from "../shared/git-operations.js";
 import readline from "readline";
@@ -46,6 +47,7 @@ export function displayCommitList(
   hasMore: boolean,
   hasPreviousPage: boolean = false,
   hasMorePages: boolean = false,
+  emojiModeActive: boolean = true,
 ): void {
   console.log();
   console.log(
@@ -64,10 +66,11 @@ export function displayCommitList(
     const commit = commits[i];
     const number = i.toString();
     const mergeIndicator = commit.isMerge ? " [Merge]" : "";
+    const displaySubject = formatForDisplay(commit.subject, emojiModeActive);
     const truncatedSubject =
-      commit.subject.length > 50
-        ? commit.subject.substring(0, 47) + "..."
-        : commit.subject;
+      displaySubject.length > 50
+        ? displaySubject.substring(0, 47) + "..."
+        : displaySubject;
 
     console.log(
       `  ${textColors.brightCyan(`[${number}]`)} ${textColors.brightWhite(commit.shortHash)} ${truncatedSubject}${mergeIndicator}`,
@@ -124,14 +127,16 @@ export function displayCommitDetails(
   commit: CommitInfo,
   showBody: boolean = true,
   showFiles: boolean = true,
+  emojiModeActive: boolean = true,
 ): void {
   console.log();
   console.log(
     `${label("detail", "green")}  ${textColors.pureWhite("Commit Details")}`,
   );
   console.log();
   console.log(`  ${textColors.brightWhite("Hash:")} ${commit.hash}`);
-  console.log(`  ${textColors.brightWhite("Subject:")} ${commit.subject}`);
+  const displaySubject = formatForDisplay(commit.subject, emojiModeActive);
+  console.log(`  ${textColors.brightWhite("Subject:")} ${displaySubject}`);
   console.log();
   console.log(
     `  ${textColors.brightWhite("Author:")} ${commit.author.name} <${commit.author.email}>`,
@@ -174,7 +179,8 @@ export function displayCommitDetails(
   if (showBody) {
     if (commit.body) {
       console.log(`  ${textColors.brightWhite("Body:")}`);
-      const bodyLines = commit.body.split("\n");
+      const displayBody = formatForDisplay(commit.body, emojiModeActive);
+      const bodyLines = displayBody.split("\n");
       bodyLines.forEach((line) => {
         console.log(`    ${line}`);
       });