versun/claude-code
1
0
Fork 0
mirror of https://github.com/claude-code-best/claude-code.git synced 2026-06-15 12:55:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: 完成所有文件的lint

Browse Source
This commit is contained in:
claude-code-best
2026-05-01 21:39:30 +08:00
parent d136872cc9
commit 6182015005
1333 changed files with 68255 additions and 77882 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
src/components/TextInput.tsx
View File

@@ -1,100 +1,84 @@
import { feature } from 'bun:bundle'
import chalk from 'chalk'
import React, { useMemo, useRef } from 'react'
import { useVoiceState } from '../context/voice.js'
import { useClipboardImageHint } from '../hooks/useClipboardImageHint.js'
import { useSettings } from '../hooks/useSettings.js'
import { useTextInput } from '../hooks/useTextInput.js'
import { Box, color, useAnimationFrame, useTerminalFocus, useTheme } from '@anthropic/ink'
import type { BaseTextInputProps } from '../types/textInputTypes.js'
import { isEnvTruthy } from '../utils/envUtils.js'
import type { TextHighlight } from '../utils/textHighlighting.js'
import { BaseTextInput } from './BaseTextInput.js'
import { hueToRgb } from './Spinner/utils.js'
import { feature } from 'bun:bundle';
import chalk from 'chalk';
import React, { useMemo, useRef } from 'react';
import { useVoiceState } from '../context/voice.js';
import { useClipboardImageHint } from '../hooks/useClipboardImageHint.js';
import { useSettings } from '../hooks/useSettings.js';
import { useTextInput } from '../hooks/useTextInput.js';
import { Box, color, useAnimationFrame, useTerminalFocus, useTheme } from '@anthropic/ink';
import type { BaseTextInputProps } from '../types/textInputTypes.js';
import { isEnvTruthy } from '../utils/envUtils.js';
import type { TextHighlight } from '../utils/textHighlighting.js';
import { BaseTextInput } from './BaseTextInput.js';
import { hueToRgb } from './Spinner/utils.js';
// Block characters for waveform bars: space (silent) + 8 rising block elements.
const BARS = ' \u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588'
const BARS = ' \u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588';
// Mini waveform cursor width
const CURSOR_WAVEFORM_WIDTH = 1
const CURSOR_WAVEFORM_WIDTH = 1;
// Smoothing factor (0 = instant, 1 = frozen). Applied as EMA to
// smooth both rises and falls for a steady, non-jittery bar.
const SMOOTH = 0.7
const SMOOTH = 0.7;
// Boost factor for audio levels — computeLevel normalizes with a
// conservative divisor (rms/2000), so normal speech sits around
// 0.3-0.5. This multiplier lets the bar use the full range.
const LEVEL_BOOST = 1.8
const LEVEL_BOOST = 1.8;
// Raw audio level threshold (pre-boost) below which the cursor is
// grey. computeLevel returns sqrt(rms/2000), so ambient mic noise
// typically sits at 0.05-0.15. Speech starts around 0.2+.
const SILENCE_THRESHOLD = 0.15
const SILENCE_THRESHOLD = 0.15;
export type Props = BaseTextInputProps & {
highlights?: TextHighlight[]
}
highlights?: TextHighlight[];
};
export default function TextInput(props: Props): React.ReactNode {
const [theme] = useTheme()
const isTerminalFocused = useTerminalFocus()
const [theme] = useTheme();
const isTerminalFocused = useTerminalFocus();
// Hoisted to mount-time — this component re-renders on every keystroke.
const accessibilityEnabled = useMemo(
() => isEnvTruthy(process.env.CLAUDE_CODE_ACCESSIBILITY),
[],
)
const settings = useSettings()
const reducedMotion = settings.prefersReducedMotion ?? false
const accessibilityEnabled = useMemo(() => isEnvTruthy(process.env.CLAUDE_CODE_ACCESSIBILITY), []);
const settings = useSettings();
const reducedMotion = settings.prefersReducedMotion ?? false;
const voiceState = feature('VOICE_MODE')
?
useVoiceState(s => s.voiceState)
: ('idle' as const)
const isVoiceRecording = voiceState === 'recording'
const voiceState = feature('VOICE_MODE') ? useVoiceState(s => s.voiceState) : ('idle' as const);
const isVoiceRecording = voiceState === 'recording';
const audioLevels = feature('VOICE_MODE')
?
useVoiceState(s => s.voiceAudioLevels)
: []
const smoothedRef = useRef<number[]>(new Array(CURSOR_WAVEFORM_WIDTH).fill(0))
const audioLevels = feature('VOICE_MODE') ? useVoiceState(s => s.voiceAudioLevels) : [];
const smoothedRef = useRef<number[]>(new Array(CURSOR_WAVEFORM_WIDTH).fill(0));
const needsAnimation = isVoiceRecording && !reducedMotion
const [animRef, animTime] = feature('VOICE_MODE')
?
useAnimationFrame(needsAnimation ? 50 : null)
: [() => {}, 0]
const needsAnimation = isVoiceRecording && !reducedMotion;
const [animRef, animTime] = feature('VOICE_MODE') ? useAnimationFrame(needsAnimation ? 50 : null) : [() => {}, 0];
// Show hint when terminal regains focus and clipboard has an image
useClipboardImageHint(isTerminalFocused, !!props.onImagePaste)
useClipboardImageHint(isTerminalFocused, !!props.onImagePaste);
// Cursor invert function: mini waveform during voice recording,
// standard chalk.inverse otherwise. No warmup pulse — the ~120ms
// warmup window is too short for a 1s-period pulse to register, and
// driving TextInput re-renders at 50ms during warmup (while spaces
// are simultaneously arriving every 30-80ms) causes visible stutter.
const canShowCursor = isTerminalFocused && !accessibilityEnabled
let invert: (text: string) => string
const canShowCursor = isTerminalFocused && !accessibilityEnabled;
let invert: (text: string) => string;
if (!canShowCursor) {
invert = (text: string) => text
invert = (text: string) => text;
} else if (isVoiceRecording && !reducedMotion) {
// Single-bar waveform from the latest audio level
const smoothed = smoothedRef.current
const raw =
audioLevels.length > 0 ? (audioLevels[audioLevels.length - 1] ?? 0) : 0
const target = Math.min(raw * LEVEL_BOOST, 1)
smoothed[0] = (smoothed[0] ?? 0) * SMOOTH + target * (1 - SMOOTH)
const displayLevel = smoothed[0] ?? 0
const barIndex = Math.max(
1,
Math.min(Math.round(displayLevel * (BARS.length - 1)), BARS.length - 1),
)
const isSilent = raw < SILENCE_THRESHOLD
const hue = ((animTime / 1000) * 90) % 360
const { r, g, b } = isSilent ? { r: 128, g: 128, b: 128 } : hueToRgb(hue)
invert = () => chalk.rgb(r, g, b)(BARS[barIndex]!)
const smoothed = smoothedRef.current;
const raw = audioLevels.length > 0 ? (audioLevels[audioLevels.length - 1] ?? 0) : 0;
const target = Math.min(raw * LEVEL_BOOST, 1);
smoothed[0] = (smoothed[0] ?? 0) * SMOOTH + target * (1 - SMOOTH);
const displayLevel = smoothed[0] ?? 0;
const barIndex = Math.max(1, Math.min(Math.round(displayLevel * (BARS.length - 1)), BARS.length - 1));
const isSilent = raw < SILENCE_THRESHOLD;
const hue = ((animTime / 1000) * 90) % 360;
const { r, g, b } = isSilent ? { r: 128, g: 128, b: 128 } : hueToRgb(hue);
invert = () => chalk.rgb(r, g, b)(BARS[barIndex]!);
} else {
invert = chalk.inverse
invert = chalk.inverse;
}
const textInputState = useTextInput({
@@ -117,15 +101,14 @@ export default function TextInput(props: Props): React.ReactNode {
columns: props.columns,
maxVisibleLines: props.maxVisibleLines,
onImagePaste: props.onImagePaste,
disableCursorMovementForUpDownKeys:
props.disableCursorMovementForUpDownKeys,
disableCursorMovementForUpDownKeys: props.disableCursorMovementForUpDownKeys,
disableEscapeDoublePress: props.disableEscapeDoublePress,
externalOffset: props.cursorOffset,
onOffsetChange: props.onChangeCursorOffset,
inputFilter: props.inputFilter,
inlineGhostText: props.inlineGhostText,
dim: chalk.dim,
})
});
return (
<Box ref={animRef}>
@@ -138,5 +121,5 @@ export default function TextInput(props: Props): React.ReactNode {
{...props}
/>
</Box>
)
);
}