first commit

claude-code源码-中文注释/src/ink/components/TerminalFocusContext.tsx

@@ -0,0 +1,58 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { createContext, useMemo, useSyncExternalStore } from 'react';
+import { getTerminalFocused, getTerminalFocusState, subscribeTerminalFocus, type TerminalFocusState } from '../terminal-focus-state.js';
+export type { TerminalFocusState };
+export type TerminalFocusContextProps = {
+  readonly isTerminalFocused: boolean;
+  readonly terminalFocusState: TerminalFocusState;
+};
+
+/**
+ * 终端焦点上下文 - 提供终端焦点状态给子组件。
+ */
+const TerminalFocusContext = createContext<TerminalFocusContextProps>({
+  isTerminalFocused: true,
+  terminalFocusState: 'unknown'
+});
+
+// eslint-disable-next-line custom-rules/no-top-level-side-effects
+TerminalFocusContext.displayName = 'TerminalFocusContext';
+
+/**
+ * 单独的组件，这样 App.tsx 不会在焦点变化时重新渲染。
+ * children 是一个稳定的 prop 引用，所以它们也不会重新渲染——
+ * 只有使用该上下文的组件会重新渲染。
+ */
+export function TerminalFocusProvider(t0) {
+  const $ = _c(6);
+  const {
+    children
+  } = t0;
+  const isTerminalFocused = useSyncExternalStore(subscribeTerminalFocus, getTerminalFocused);
+  const terminalFocusState = useSyncExternalStore(subscribeTerminalFocus, getTerminalFocusState);
+  let t1;
+  if ($[0] !== isTerminalFocused || $[1] !== terminalFocusState) {
+    t1 = {
+      isTerminalFocused,
+      terminalFocusState
+    };
+    $[0] = isTerminalFocused;
+    $[1] = terminalFocusState;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const value = t1;
+  let t2;
+  if ($[3] !== children || $[4] !== value) {
+    t2 = <TerminalFocusContext.Provider value={value}>{children}</TerminalFocusContext.Provider>;
+    $[3] = children;
+    $[4] = value;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+}
+
+export default TerminalFocusContext;