更新大量 tsx 原始文件; 已经迁移 login panel; 部分 (#121)

* style(B1-1): 格式化 ink/buddy/cli/context/screens/tasks/services/keybindings/state (43 files) 纯格式化：移除分号、React Compiler import、import 多行展开。修复了 Box.tsx 和 ScrollBox.tsx 中无效的 global.d.ts import。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-2): 格式化 commands (79 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-3): 格式化 components/messages,permissions,mcp,sandbox,shell (104 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-4): 格式化 components/PromptInput,FeedbackSurvey,tasks,agents,skills,design-system,wizard (73 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-5): 格式化 components其余 + hooks + tools (232 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-6): 格式化 main/entrypoints/utils/moreright (21 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * docs: 更新 README，新增 Run.ps1/TODO.md，删除 V6.md - README.md: 大幅重写，更详细版本历史和配置示例 - Run.ps1: 新增 Windows 启动脚本 - TODO.md: 新增包完成清单 - V6.md: 删除（架构重构规划已不适用） Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * fix: 修复以前的问题 * fix: 修复 login 面板的问题 --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
2026-06-18 14:25:51 +00:00 · 2026-04-04 23:24:27 +08:00
parent 02694918b5
commit 5b1a52b8e0
559 changed files with 103807 additions and 101817 deletions
--- a/src/utils/staticRender.tsx
+++ b/src/utils/staticRender.tsx
@@ -1,9 +1,8 @@
-import { c as _c } from "react/compiler-runtime";
-import * as React from 'react';
-import { useLayoutEffect } from 'react';
-import { PassThrough } from 'stream';
-import stripAnsi from 'strip-ansi';
-import { render, useApp } from '../ink.js';
+import * as React from 'react'
+import { useLayoutEffect } from 'react'
+import { PassThrough } from 'stream'
+import stripAnsi from 'strip-ansi'
+import { render, useApp } from '../ink.js'

 // This is a workaround for the fact that Ink doesn't support multiple <Static>
 // components in the same render tree. Instead of using a <Static> we just render
@@ -15,44 +14,26 @@ import { render, useApp } from '../ink.js';
 * before exiting. This is more robust than process.nextTick() for React 19's
 * async render cycle.
 */
-function RenderOnceAndExit(t0) {
-  const $ = _c(5);
-  const {
-    children
-  } = t0;
-  const {
-    exit
-  } = useApp();
-  let t1;
-  let t2;
-  if ($[0] !== exit) {
-    t1 = () => {
-      const timer = setTimeout(exit, 0);
-      return () => clearTimeout(timer);
-    };
-    t2 = [exit];
-    $[0] = exit;
-    $[1] = t1;
-    $[2] = t2;
-  } else {
-    t1 = $[1];
-    t2 = $[2];
-  }
-  useLayoutEffect(t1, t2);
-  let t3;
-  if ($[3] !== children) {
-    t3 = <>{children}</>;
-    $[3] = children;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  return t3;
+function RenderOnceAndExit({
+  children,
+}: {
+  children: React.ReactNode
+}): React.ReactNode {
+  const { exit } = useApp()
+
+  // useLayoutEffect runs synchronously after React commits DOM mutations.
+  // setTimeout(0) defers exit to allow Ink to flush output to the stream.
+  useLayoutEffect(() => {
+    const timer = setTimeout(exit, 0)
+    return () => clearTimeout(timer)
+  }, [exit])
+
+  return <>{children}</>
 }

 // DEC synchronized update markers used by terminals
-const SYNC_START = '\x1B[?2026h';
-const SYNC_END = '\x1B[?2026l';
+const SYNC_START = '\x1B[?2026h'
+const SYNC_END = '\x1B[?2026l'

 /**
 * Extracts content from the first complete frame in Ink's output.
@@ -60,56 +41,64 @@ const SYNC_END = '\x1B[?2026l';
 * update sequences ([?2026h ... [?2026l). We only want the first frame's content.
 */
 function extractFirstFrame(output: string): string {
-  const startIndex = output.indexOf(SYNC_START);
-  if (startIndex === -1) return output;
-  const contentStart = startIndex + SYNC_START.length;
-  const endIndex = output.indexOf(SYNC_END, contentStart);
-  if (endIndex === -1) return output;
-  return output.slice(contentStart, endIndex);
+  const startIndex = output.indexOf(SYNC_START)
+  if (startIndex === -1) return output
+
+  const contentStart = startIndex + SYNC_START.length
+  const endIndex = output.indexOf(SYNC_END, contentStart)
+  if (endIndex === -1) return output
+
+  return output.slice(contentStart, endIndex)
 }

 /**
 * Renders a React node to a string with ANSI escape codes (for terminal output).
 */
-export function renderToAnsiString(node: React.ReactNode, columns?: number): Promise<string> {
+export function renderToAnsiString(
+  node: React.ReactNode,
+  columns?: number,
+): Promise<string> {
  return new Promise(async resolve => {
-    let output = '';
+    let output = ''

    // Capture all writes. Set .columns so Ink (ink.tsx:~165) picks up a
    // chosen width instead of PassThrough's undefined → 80 fallback —
    // useful for rendering at terminal width for file dumps that should
    // match what the user sees on screen.
-    const stream = new PassThrough();
+    const stream = new PassThrough()
    if (columns !== undefined) {
-      ;
-      (stream as unknown as {
-        columns: number;
-      }).columns = columns;
+      ;(stream as unknown as { columns: number }).columns = columns
    }
    stream.on('data', chunk => {
-      output += chunk.toString();
-    });
+      output += chunk.toString()
+    })

    // Render the component wrapped in RenderOnceAndExit
    // Non-TTY stdout (PassThrough) gives full-frame output instead of diffs
-    const instance = await render(<RenderOnceAndExit>{node}</RenderOnceAndExit>, {
-      stdout: stream as unknown as NodeJS.WriteStream,
-      patchConsole: false
-    });
+    const instance = await render(
+      <RenderOnceAndExit>{node}</RenderOnceAndExit>,
+      {
+        stdout: stream as unknown as NodeJS.WriteStream,
+        patchConsole: false,
+      },
+    )

    // Wait for the component to exit naturally
-    await instance.waitUntilExit();
+    await instance.waitUntilExit()

    // Extract only the first frame's content to avoid duplication
    // (Ink outputs multiple frames in non-TTY mode)
-    await resolve(extractFirstFrame(output));
-  });
+    await resolve(extractFirstFrame(output))
+  })
 }

 /**
 * Renders a React node to a plain text string (ANSI codes stripped).
 */
-export async function renderToString(node: React.ReactNode, columns?: number): Promise<string> {
-  const output = await renderToAnsiString(node, columns);
-  return stripAnsi(output);
+export async function renderToString(
+  node: React.ReactNode,
+  columns?: number,
+): Promise<string> {
+  const output = await renderToAnsiString(node, columns)
+  return stripAnsi(output)
 }