René's URL Explorer Experiment

Title: feat: 新增 `/raw` 命令交互与终端消息直出 by hqwlkj · Pull Request #89 · lessweb/deepcode-cli · GitHub

Open Graph Title: feat: 新增 `/raw` 命令交互与终端消息直出 by hqwlkj · Pull Request #89 · lessweb/deepcode-cli

X Title: feat: 新增 `/raw` 命令交互与终端消息直出 by hqwlkj · Pull Request #89 · lessweb/deepcode-cli

Description: Summary 新增 /raw 命令，支持在 Lite / Normal / Raw scrollback 三种显示模式间切换。Raw scrollback 模式下绕过 Ink 组件，直接使用 process.stdout.write 将消息输出到终端，实现传统命令行滚动效果。按 Esc 键可退出 Raw 模式回到 Normal 视图。 Fixes: #82 Behavior Changes /raw 命令交互 输入 /raw 弹出 RawModelDropdown，提供三种模式选择： Lite mode（默认）：Thinking 内容折叠为一行摘要，reasoning_content 显示 "(reasoning...)" Normal mode：Thinking 内容折叠为一行摘要，reasoning_content 显示完整文本 Raw scrollback mode：绕过 Ink 渲染，消息直接写入 process.stdout 切换模式时自动清屏并重渲染所有历史消息 Raw 模式下按 Esc 退出，切换回 Normal 模式的 chat 视图 Raw 模式下新到达的 assistant 消息通过 onAssistantMessage 回调直接追加到 stdout buildThinkingSummary 行为变更 新增 mode?: RawMode 参数，控制隐藏 reasoning content 的回显策略： RawMode.Lite：返回 "(reasoning...)" RawMode.None / RawMode.Raw：返回完整 reasoning_content 文本 MessageView 组件重构 提取到 src/ui/compoments/MessageView/ 目录，拆分为 index.tsx、utils.ts、types.ts、markdown.ts 工具函数（buildThinkingSummary、parseToolPayload、formatStatusName、truncate 等）统一在 utils.ts 中导出 新增 renderMessageToStdout 函数：将 MessageView 的 JSX 渲染逻辑转换为纯 ANSI 字符串，供 Raw 模式 stdout 输出 新增 getUpdatePlanPreviewLines：提取 UpdatePlan 工具的 Plan 内容 renderMessageToStdout 中支持 Plan 消息渲染（└ Plan + 每行内容） StatusLine 组件新增 width prop，Lite 模式下使用 truncate-end 换行策略 Slash 命令增强 /raw 命令新增 args 字段，支持输入框内联参数提示：/raw lite|normal|raw-scrollback SlashCommandItem 类型新增可选 args 字段 New Files File Description src/ui/contexts/RawModeContext.tsx RawMode enum、Context、Provider、useRawModeContext hook src/ui/contexts/AppContext.tsx App 全局状态 Context（原有，新增统一导出） src/ui/contexts/index.ts contexts 目录统一导出 src/ui/compoments/MessageView/index.tsx MessageView 组件（从 App.tsx 提取） src/ui/compoments/MessageView/utils.ts 工具函数 + renderMessageToStdout + getUpdatePlanPreviewLines src/ui/compoments/MessageView/types.ts MessageViewProps、ToolSummary、DiffPreviewLine 类型 src/ui/compoments/MessageView/markdown.ts renderMarkdown 函数（从原 MessageView.tsx 提取） src/ui/compoments/RawModelDropdown/index.tsx Raw 模式下拉选择组件 src/ui/compoments/RawModeExitPrompt/index.tsx Raw 模式下 ESC 键退出监听组件 src/ui/compoments/index.ts compoments 目录统一导出 Modified Files File Changes src/ui/App.tsx 集成 RawMode 上下文、handleRawModeChange 清屏+stdout 输出、Raw 模式下渲染 RawModeExitPrompt、staticItems 在 Raw 模式返回空数组、onAssistantMessage Raw 模式下追加 stdout、移除已提取到 utils.ts 的函数 src/ui/PromptInput.tsx 新增 onRawModeChange 和 projectRoot props、/raw 命令打开 RawModelDropdown、useInput 的 openRawModelDropdown 守卫 src/ui/slashCommands.ts 新增 raw kind 和 args 字段、SlashCommandItem 新增 args 类型 src/ui/index.ts 新增 parseDiffPreview、renderMarkdown 导出 src/tests/messageView.test.ts 重构为直接调用 buildThinkingSummary、新增 21 个测试用例覆盖 renderMessageToStdout/getUpdatePlanPreviewLines/parseToolPayload Key Technical Decisions Raw 模式绕过 ：staticItems 在 RawMode.Raw 下返回 []， 不渲染消息，消息通过 process.stdout.write 直接输出 rawModeRef 模式：onAssistantMessage 闭包在 useMemo 创建的 SessionManager 中，使用 useRef 读取最新 mode 值 setMode 双重调用：RawModelDropdown 内部和 handleRawModeChange 均调用 setMode，确保 context 始终同步 ESC 退出使用 useInput：RawModeExitPrompt 使用 Ink 的 useInput hook 而非直接监听 process.stdin，避免与 Ink 内部输入机制冲突 renderMessageToStdout 提取到 utils.ts：避免 App.tsx 和 utils.ts 中重复维护相同的渲染逻辑 Verification npm run typecheck # TypeScript type check npm run lint # ESLint check npm test # Run all tests (tsx --test) Test Coverage 新增 21 个测试用例，覆盖以下 Raw 模式核心函数： 函数 测试数 覆盖场景 renderMessageToStdout 11 invisible消息、user/assistant/tool/system 各角色分支、UpdatePlan Plan预览、空内容兜底 getUpdatePlanPreviewLines 5 失败工具、非UpdatePlan、缺失metadata、空字符串、多行过滤空行 parseToolPayload 5 null内容、非法JSON、合法JSON、ok: false、name去空格

Open Graph Description: Summary 新增 /raw 命令，支持在 Lite / Normal / Raw scrollback 三种显示模式间切换。Raw scrollback 模式下绕过 Ink <Static> 组件，直接使用 process.stdout.write 将消息输出到终端，实现传统命令行滚动效果。按 Esc 键可退出 Raw 模式回到 Normal 视图。 Fixes: #82 B...

X Description: Summary 新增 /raw 命令，支持在 Lite / Normal / Raw scrollback 三种显示模式间切换。Raw scrollback 模式下绕过 Ink &lt;Static&gt; 组件，直接使用 process.stdout.write 将消息输出到终端，实现传统命令行滚动效果。按 Esc 键可退出 Raw 模式回到 Normal 视图。 Fixe...

Opengraph URL: https://github.com/lessweb/deepcode-cli/pull/89

X: @github

direct link

Domain: github.com

Links:

Viewport: width=device-width