plazbot-cli 0.3.1 → 0.3.3

package/dist/studio/render/markdown.js

@@ -1,17 +1,71 @@
 // @ts-ignore - marked-terminal no provee tipos
 import TerminalRenderer from 'marked-terminal';
 import { marked } from 'marked';
+import chalk from 'chalk';
+// @ts-ignore - cli-highlight no provee tipos completos
+import { highlight, supportsLanguage } from 'cli-highlight';
 let configured = false;
+const LANG_ALIASES = {
+    sh: 'bash',
+    shell: 'bash',
+    zsh: 'bash',
+    curl: 'bash',
+    jsx: 'javascript',
+    ts: 'typescript',
+    tsx: 'typescript',
+    yml: 'yaml',
+    html: 'xml',
+    text: 'plaintext',
+    txt: 'plaintext',
+};
+function resolveLang(raw) {
+    const k = (raw ?? '').toLowerCase().trim();
+    const aliased = LANG_ALIASES[k] ?? k;
+    if (!aliased)
+        return 'plaintext';
+    try {
+        return supportsLanguage(aliased) ? aliased : 'plaintext';
+    }
+    catch {
+        return 'plaintext';
+    }
+}
+function renderCodeBlock(code, rawLang) {
+    const lang = resolveLang(rawLang);
+    let body;
+    try {
+        body = highlight(code, { language: lang, ignoreIllegals: true });
+    }
+    catch {
+        body = code;
+    }
+    const label = (rawLang ?? '').trim() || lang;
+    const width = Math.max(20, Math.min(80, (process.stdout.columns || 80) - 8));
+    const headerLabel = ` ${label} `;
+    const headerRule = '─'.repeat(Math.max(0, width - headerLabel.length - 4));
+    const header = chalk.gray.dim(`──${headerLabel}${headerRule}`);
+    const footer = chalk.gray.dim('─'.repeat(width - 2));
+    // Indent del cuerpo para diferenciar del prosa
+    const indented = body
+        .split('\n')
+        .map((l) => '  ' + l)
+        .join('\n');
+    return `\n${header}\n${indented}\n${footer}\n`;
+}
 function configure() {
     if (configured)
         return;
-    marked.setOptions({
-        renderer: new TerminalRenderer({
-            width: Math.max(40, (process.stdout.columns || 80) - 8),
-            reflowText: true,
-            tab: 2,
-        }),
+    const renderer = new TerminalRenderer({
+        width: Math.max(40, (process.stdout.columns || 80) - 8),
+        reflowText: true,
+        tab: 2,
+        // Inline code mejor diferenciado del texto normal
+        codespan: chalk.cyan,
     });
+    // Override del code block para syntax highlight + box delimitado.
+    // marked-terminal pasa (code, lang, escaped) al método `code`.
+    renderer.code = (code, lang) => renderCodeBlock(code, lang);
+    marked.setOptions({ renderer });
     configured = true;
 }
 /**

package/dist/studio/runRepl.js

@@ -6,6 +6,12 @@ import { dirname, join } from 'node:path';
 import { App } from './components/App.js';
 import { getStoredCredentials } from '../utils/credentials.js';
 import { logger } from '../utils/logger.js';
+// Alternate screen buffer (ANSI). Same trick used by vim, htop, claude code, lazygit.
+// The TUI runs in a clean canvas and the original scrollback is restored on exit,
+// which eliminates the "ghost frames" Ink leaves behind when the terminal is resized.
+const ALT_SCREEN_ENTER = '\x1b[?1049h\x1b[H';
+const ALT_SCREEN_EXIT = '\x1b[?1049l';
+const SHOW_CURSOR = '\x1b[?25h';
 export async function runRepl(opts) {
     let creds;
     try {
@@ -30,6 +36,31 @@ export async function runRepl(opts) {
         dev: opts.dev,
     };
     const version = readVersion();
+    const useAltScreen = !!process.stdout.isTTY;
+    // Cleanup idempotente; lo registramos en varias señales para que la terminal
+    // nunca quede en alt screen ni con el cursor oculto si el proceso muere mal.
+    let cleanedUp = false;
+    const restoreTerminal = () => {
+        if (cleanedUp)
+            return;
+        cleanedUp = true;
+        if (useAltScreen) {
+            process.stdout.write(ALT_SCREEN_EXIT);
+            process.stdout.write(SHOW_CURSOR);
+        }
+    };
+    if (useAltScreen) {
+        process.stdout.write(ALT_SCREEN_ENTER);
+    }
+    process.on('exit', restoreTerminal);
+    process.on('SIGHUP', restoreTerminal);
+    process.on('SIGTERM', restoreTerminal);
+    process.on('uncaughtException', (err) => {
+        restoreTerminal();
+        // Re-emit so node prints the trace after restoring the terminal.
+        console.error(err);
+        process.exit(1);
+    });
     const { waitUntilExit } = render(_jsx(App, { version: version, stream: stream, initialAgentId: opts.agentId ?? null, dev: opts.dev, supportMode: supportMode }), {
         exitOnCtrlC: false,
     });
@@ -37,7 +68,12 @@ export async function runRepl(opts) {
     process.on('SIGINT', () => {
         // no-op aquí; App.tsx llama exit() al detectar Ctrl+C.
     });
-    await waitUntilExit();
+    try {
+        await waitUntilExit();
+    }
+    finally {
+        restoreTerminal();
+    }
 }
 function readVersion() {
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plazbot-cli",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "CLI para Plazbot SDK",
   "type": "module",
   "main": "dist/cli.js",
@@ -39,6 +39,7 @@
     "axios": "^1.6.0",
     "boxen": "^7.1.1",
     "chalk": "^5.3.0",
+    "cli-highlight": "^2.1.11",
     "cli-table3": "^0.6.5",
     "commander": "^12.0.0",
     "figures": "^6.1.0",

package/src/studio/render/markdown.ts

@@ -1,18 +1,79 @@
 // @ts-ignore - marked-terminal no provee tipos
 import TerminalRenderer from 'marked-terminal';
 import { marked } from 'marked';
+import chalk from 'chalk';
+// @ts-ignore - cli-highlight no provee tipos completos
+import { highlight, supportsLanguage } from 'cli-highlight';
 
 let configured = false;
 
+const LANG_ALIASES: Record<string, string> = {
+  sh: 'bash',
+  shell: 'bash',
+  zsh: 'bash',
+  curl: 'bash',
+  jsx: 'javascript',
+  ts: 'typescript',
+  tsx: 'typescript',
+  yml: 'yaml',
+  html: 'xml',
+  text: 'plaintext',
+  txt: 'plaintext',
+};
+
+function resolveLang(raw: string | undefined): string {
+  const k = (raw ?? '').toLowerCase().trim();
+  const aliased = LANG_ALIASES[k] ?? k;
+  if (!aliased) return 'plaintext';
+  try {
+    return supportsLanguage(aliased) ? aliased : 'plaintext';
+  } catch {
+    return 'plaintext';
+  }
+}
+
+function renderCodeBlock(code: string, rawLang: string | undefined): string {
+  const lang = resolveLang(rawLang);
+  let body: string;
+  try {
+    body = highlight(code, { language: lang, ignoreIllegals: true });
+  } catch {
+    body = code;
+  }
+
+  const label = (rawLang ?? '').trim() || lang;
+  const width = Math.max(20, Math.min(80, (process.stdout.columns || 80) - 8));
+  const headerLabel = ` ${label} `;
+  const headerRule = '─'.repeat(Math.max(0, width - headerLabel.length - 4));
+  const header = chalk.gray.dim(`──${headerLabel}${headerRule}`);
+  const footer = chalk.gray.dim('─'.repeat(width - 2));
+
+  // Indent del cuerpo para diferenciar del prosa
+  const indented = body
+    .split('\n')
+    .map((l) => '  ' + l)
+    .join('\n');
+
+  return `\n${header}\n${indented}\n${footer}\n`;
+}
+
 function configure(): void {
   if (configured) return;
-  marked.setOptions({
-    renderer: new TerminalRenderer({
-      width: Math.max(40, (process.stdout.columns || 80) - 8),
-      reflowText: true,
-      tab: 2,
-    }) as any,
-  });
+
+  const renderer = new TerminalRenderer({
+    width: Math.max(40, (process.stdout.columns || 80) - 8),
+    reflowText: true,
+    tab: 2,
+    // Inline code mejor diferenciado del texto normal
+    codespan: chalk.cyan,
+  }) as any;
+
+  // Override del code block para syntax highlight + box delimitado.
+  // marked-terminal pasa (code, lang, escaped) al método `code`.
+  renderer.code = (code: string, lang: string | undefined): string =>
+    renderCodeBlock(code, lang);
+
+  marked.setOptions({ renderer });
   configured = true;
 }
 

package/src/studio/runRepl.tsx

@@ -15,6 +15,13 @@ interface RunReplOptions {
   workspaceOverride?: string;
 }
 
+// Alternate screen buffer (ANSI). Same trick used by vim, htop, claude code, lazygit.
+// The TUI runs in a clean canvas and the original scrollback is restored on exit,
+// which eliminates the "ghost frames" Ink leaves behind when the terminal is resized.
+const ALT_SCREEN_ENTER = '\x1b[?1049h\x1b[H';
+const ALT_SCREEN_EXIT = '\x1b[?1049l';
+const SHOW_CURSOR = '\x1b[?25h';
+
 export async function runRepl(opts: RunReplOptions): Promise<void> {
   let creds;
   try {
@@ -42,6 +49,32 @@ export async function runRepl(opts: RunReplOptions): Promise<void> {
   };
 
   const version = readVersion();
+  const useAltScreen = !!process.stdout.isTTY;
+
+  // Cleanup idempotente; lo registramos en varias señales para que la terminal
+  // nunca quede en alt screen ni con el cursor oculto si el proceso muere mal.
+  let cleanedUp = false;
+  const restoreTerminal = () => {
+    if (cleanedUp) return;
+    cleanedUp = true;
+    if (useAltScreen) {
+      process.stdout.write(ALT_SCREEN_EXIT);
+      process.stdout.write(SHOW_CURSOR);
+    }
+  };
+
+  if (useAltScreen) {
+    process.stdout.write(ALT_SCREEN_ENTER);
+  }
+  process.on('exit', restoreTerminal);
+  process.on('SIGHUP', restoreTerminal);
+  process.on('SIGTERM', restoreTerminal);
+  process.on('uncaughtException', (err) => {
+    restoreTerminal();
+    // Re-emit so node prints the trace after restoring the terminal.
+    console.error(err);
+    process.exit(1);
+  });
 
   const { waitUntilExit } = render(
     <App
@@ -61,7 +94,11 @@ export async function runRepl(opts: RunReplOptions): Promise<void> {
     // no-op aquí; App.tsx llama exit() al detectar Ctrl+C.
   });
 
-  await waitUntilExit();
+  try {
+    await waitUntilExit();
+  } finally {
+    restoreTerminal();
+  }
 }
 
 function readVersion(): string {