feat: build
This commit is contained in:
claude-code-best committed
commit
f90eee85d8
1906 files changed
+514339
No files matched your search
@@ -0,0 +1,124 @@
|
||||
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 '../ink.js';
|
||||
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';
|
||||
|
||||
// Mini waveform cursor width
|
||||
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;
|
||||
|
||||
// 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;
|
||||
|
||||
// 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;
|
||||
export type Props = BaseTextInputProps & {
|
||||
highlights?: TextHighlight[];
|
||||
};
|
||||
export default function TextInput(props: Props): React.ReactNode {
|
||||
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 voiceState = feature('VOICE_MODE') ?
|
||||
// biome-ignore lint/correctness/useHookAtTopLevel: feature() is a compile-time constant
|
||||
useVoiceState(s => s.voiceState) : 'idle' as const;
|
||||
const isVoiceRecording = voiceState === 'recording';
|
||||
const audioLevels = feature('VOICE_MODE') ?
|
||||
// biome-ignore lint/correctness/useHookAtTopLevel: feature() is a compile-time constant
|
||||
useVoiceState(s_0 => s_0.voiceAudioLevels) : [];
|
||||
const smoothedRef = useRef<number[]>(new Array(CURSOR_WAVEFORM_WIDTH).fill(0));
|
||||
const needsAnimation = isVoiceRecording && !reducedMotion;
|
||||
const [animRef, animTime] = feature('VOICE_MODE') ?
|
||||
// biome-ignore lint/correctness/useHookAtTopLevel: feature() is a compile-time constant
|
||||
useAnimationFrame(needsAnimation ? 50 : null) : [() => {}, 0];
|
||||
|
||||
// Show hint when terminal regains focus and clipboard has an image
|
||||
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;
|
||||
if (!canShowCursor) {
|
||||
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]!);
|
||||
} else {
|
||||
invert = chalk.inverse;
|
||||
}
|
||||
const textInputState = useTextInput({
|
||||
value: props.value,
|
||||
onChange: props.onChange,
|
||||
onSubmit: props.onSubmit,
|
||||
onExit: props.onExit,
|
||||
onExitMessage: props.onExitMessage,
|
||||
onHistoryReset: props.onHistoryReset,
|
||||
onHistoryUp: props.onHistoryUp,
|
||||
onHistoryDown: props.onHistoryDown,
|
||||
onClearInput: props.onClearInput,
|
||||
focus: props.focus,
|
||||
mask: props.mask,
|
||||
multiline: props.multiline,
|
||||
cursorChar: props.showCursor ? ' ' : '',
|
||||
highlightPastedText: props.highlightPastedText,
|
||||
invert,
|
||||
themeText: color('text', theme),
|
||||
columns: props.columns,
|
||||
maxVisibleLines: props.maxVisibleLines,
|
||||
onImagePaste: props.onImagePaste,
|
||||
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}>
|
||||
<BaseTextInput inputState={textInputState} terminalFocus={isTerminalFocused} highlights={props.highlights} invert={invert} hidePlaceholderText={isVoiceRecording} {...props} />
|
||||
</Box>;
|
||||
}
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmZWF0dXJlIiwiY2hhbGsiLCJSZWFjdCIsInVzZU1lbW8iLCJ1c2VSZWYiLCJ1c2VWb2ljZVN0YXRlIiwidXNlQ2xpcGJvYXJkSW1hZ2VIaW50IiwidXNlU2V0dGluZ3MiLCJ1c2VUZXh0SW5wdXQiLCJCb3giLCJjb2xvciIsInVzZUFuaW1hdGlvbkZyYW1lIiwidXNlVGVybWluYWxGb2N1cyIsInVzZVRoZW1lIiwiQmFzZVRleHRJbnB1dFByb3BzIiwiaXNFbnZUcnV0aHkiLCJUZXh0SGlnaGxpZ2h0IiwiQmFzZVRleHRJbnB1dCIsImh1ZVRvUmdiIiwiQkFSUyIsIkNVUlNPUl9XQVZFRk9STV9XSURUSCIsIlNNT09USCIsIkxFVkVMX0JPT1NUIiwiU0lMRU5DRV9USFJFU0hPTEQiLCJQcm9wcyIsImhpZ2hsaWdodHMiLCJUZXh0SW5wdXQiLCJwcm9wcyIsIlJlYWN0Tm9kZSIsInRoZW1lIiwiaXNUZXJtaW5hbEZvY3VzZWQiLCJhY2Nlc3NpYmlsaXR5RW5hYmxlZCIsInByb2Nlc3MiLCJlbnYiLCJDTEFVREVfQ09ERV9BQ0NFU1NJQklMSVRZIiwic2V0dGluZ3MiLCJyZWR1Y2VkTW90aW9uIiwicHJlZmVyc1JlZHVjZWRNb3Rpb24iLCJ2b2ljZVN0YXRlIiwicyIsImNvbnN0IiwiaXNWb2ljZVJlY29yZGluZyIsImF1ZGlvTGV2ZWxzIiwidm9pY2VBdWRpb0xldmVscyIsInNtb290aGVkUmVmIiwiQXJyYXkiLCJmaWxsIiwibmVlZHNBbmltYXRpb24iLCJhbmltUmVmIiwiYW5pbVRpbWUiLCJvbkltYWdlUGFzdGUiLCJjYW5TaG93Q3Vyc29yIiwiaW52ZXJ0IiwidGV4dCIsInNtb290aGVkIiwiY3VycmVudCIsInJhdyIsImxlbmd0aCIsInRhcmdldCIsIk1hdGgiLCJtaW4iLCJkaXNwbGF5TGV2ZWwiLCJiYXJJbmRleCIsIm1heCIsInJvdW5kIiwiaXNTaWxlbnQiLCJodWUiLCJyIiwiZyIsImIiLCJyZ2IiLCJpbnZlcnNlIiwidGV4dElucHV0U3RhdGUiLCJ2YWx1ZSIsIm9uQ2hhbmdlIiwib25TdWJtaXQiLCJvbkV4aXQiLCJvbkV4aXRNZXNzYWdlIiwib25IaXN0b3J5UmVzZXQiLCJvbkhpc3RvcnlVcCIsIm9uSGlzdG9yeURvd24iLCJvbkNsZWFySW5wdXQiLCJmb2N1cyIsIm1hc2siLCJtdWx0aWxpbmUiLCJjdXJzb3JDaGFyIiwic2hvd0N1cnNvciIsImhpZ2hsaWdodFBhc3RlZFRleHQiLCJ0aGVtZVRleHQiLCJjb2x1bW5zIiwibWF4VmlzaWJsZUxpbmVzIiwiZGlzYWJsZUN1cnNvck1vdmVtZW50Rm9yVXBEb3duS2V5cyIsImRpc2FibGVFc2NhcGVEb3VibGVQcmVzcyIsImV4dGVybmFsT2Zmc2V0IiwiY3Vyc29yT2Zmc2V0Iiwib25PZmZzZXRDaGFuZ2UiLCJvbkNoYW5nZUN1cnNvck9mZnNldCIsImlucHV0RmlsdGVyIiwiaW5saW5lR2hvc3RUZXh0IiwiZGltIl0sInNvdXJjZXMiOlsiVGV4dElucHV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmZWF0dXJlIH0gZnJvbSAnYnVuOmJ1bmRsZSdcbmltcG9ydCBjaGFsayBmcm9tICdjaGFsaydcbmltcG9ydCBSZWFjdCwgeyB1c2VNZW1vLCB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVZvaWNlU3RhdGUgfSBmcm9tICcuLi9jb250ZXh0L3ZvaWNlLmpzJ1xuaW1wb3J0IHsgdXNlQ2xpcGJvYXJkSW1hZ2VIaW50IH0gZnJvbSAnLi4vaG9va3MvdXNlQ2xpcGJvYXJkSW1hZ2VIaW50LmpzJ1xuaW1wb3J0IHsgdXNlU2V0dGluZ3MgfSBmcm9tICcuLi9ob29rcy91c2VTZXR0aW5ncy5qcydcbmltcG9ydCB7IHVzZVRleHRJbnB1dCB9IGZyb20gJy4uL2hvb2tzL3VzZVRleHRJbnB1dC5qcydcbmltcG9ydCB7XG4gIEJveCxcbiAgY29sb3IsXG4gIHVzZUFuaW1hdGlvbkZyYW1lLFxuICB1c2VUZXJtaW5hbEZvY3VzLFxuICB1c2VUaGVtZSxcbn0gZnJvbSAnLi4vaW5rLmpzJ1xuaW1wb3J0IHR5cGUgeyBCYXNlVGV4dElucHV0UHJvcHMgfSBmcm9tICcuLi90eXBlcy90ZXh0SW5wdXRUeXBlcy5qcydcbmltcG9ydCB7IGlzRW52VHJ1dGh5IH0gZnJvbSAnLi4vdXRpbHMvZW52VXRpbHMuanMnXG5pbXBvcnQgdHlwZSB7IFRleHRIaWdobGlnaHQgfSBmcm9tICcuLi91dGlscy90ZXh0SGlnaGxpZ2h0aW5nLmpzJ1xuaW1wb3J0IHsgQmFzZVRleHRJbnB1dCB9IGZyb20gJy4vQmFzZVRleHRJbnB1dC5qcydcbmltcG9ydCB7IGh1ZVRvUmdiIH0gZnJvbSAnLi9TcGlubmVyL3V0aWxzLmpzJ1xuXG4vLyBCbG9jayBjaGFyYWN0ZXJzIGZvciB3YXZlZm9ybSBiYXJzOiBzcGFjZSAoc2lsZW50KSArIDggcmlzaW5nIGJsb2NrIGVsZW1lbnRzLlxuY29uc3QgQkFSUyA9ICcgXFx1MjU4MVxcdTI1ODJcXHUyNTgzXFx1MjU4NFxcdTI1ODVcXHUyNTg2XFx1MjU4N1xcdTI1ODgnXG5cbi8vIE1pbmkgd2F2ZWZvcm0gY3Vyc29yIHdpZHRoXG5jb25zdCBDVVJTT1JfV0FWRUZPUk1fV0lEVEggPSAxXG5cbi8vIFNtb290aGluZyBmYWN0b3IgKDAgPSBpbnN0YW50LCAxID0gZnJvemVuKS4gQXBwbGllZCBhcyBFTUEgdG9cbi8vIHNtb290aCBib3RoIHJpc2VzIGFuZCBmYWxscyBmb3IgYSBzdGVhZHksIG5vbi1qaXR0ZXJ5IGJhci5cbmNvbnN0IFNNT09USCA9IDAuN1xuXG4vLyBCb29zdCBmYWN0b3IgZm9yIGF1ZGlvIGxldmVscyDigJQgY29tcHV0ZUxldmVsIG5vcm1hbGl6ZXMgd2l0aCBhXG4vLyBjb25zZXJ2YXRpdmUgZGl2aXNvciAocm1zLzIwMDApLCBzbyBub3JtYWwgc3BlZWNoIHNpdHMgYXJvdW5kXG4vLyAwLjMtMC41LiBUaGlzIG11bHRpcGxpZXIgbGV0cyB0aGUgYmFyIHVzZSB0aGUgZnVsbCByYW5nZS5cbmNvbnN0IExFVkVMX0JPT1NUID0gMS44XG5cbi8vIFJhdyBhdWRpbyBsZXZlbCB0aHJlc2hvbGQgKHByZS1ib29zdCkgYmVsb3cgd2hpY2ggdGhlIGN1cnNvciBpc1xuLy8gZ3JleS4gY29tcHV0ZUxldmVsIHJldHVybnMgc3FydChybXMvMjAwMCksIHNvIGFtYmllbnQgbWljIG5vaXNlXG4vLyB0eXBpY2FsbHkgc2l0cyBhdCAwLjA1LTAuMTUuIFNwZWVjaCBzdGFydHMgYXJvdW5kIDAuMisuXG5jb25zdCBTSUxFTkNFX1RIUkVTSE9MRCA9IDAuMTVcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBCYXNlVGV4dElucHV0UHJvcHMgJiB7XG4gIGhpZ2hsaWdodHM/OiBUZXh0SGlnaGxpZ2h0W11cbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gVGV4dElucHV0KHByb3BzOiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IFt0aGVtZV0gPSB1c2VUaGVtZSgpXG4gIGNvbnN0IGlzVGVybWluYWxGb2N1c2VkID0gdXNlVGVybWluYWxGb2N1cygpXG4gIC8vIEhvaXN0ZWQgdG8gbW91bnQtdGltZSDigJQgdGhpcyBjb21wb25lbnQgcmUtcmVuZGVycyBvbiBldmVyeSBrZXlzdHJva2UuXG4gIGNvbnN0IGFjY2Vzc2liaWxpdHlFbmFibGVkID0gdXNlTWVtbyhcbiAgICAoKSA9PiBpc0VudlRydXRoeShwcm9jZXNzLmVudi5DTEFVREVfQ09ERV9BQ0NFU1NJQklMSVRZKSxcbiAgICBbXSxcbiAgKVxuICBjb25zdCBzZXR0aW5ncyA9IHVzZVNldHRpbmdzKClcbiAgY29uc3QgcmVkdWNlZE1vdGlvbiA9IHNldHRpbmdzLnByZWZlcnNSZWR1Y2VkTW90aW9uID8/IGZhbHNlXG5cbiAgY29uc3Qgdm9pY2VTdGF0ZSA9IGZlYXR1cmUoJ1ZPSUNFX01PREUnKVxuICAgID8gLy8gYmlvbWUtaWdub3JlIGxpbnQvY29ycmVjdG5lc3MvdXNlSG9va0F0VG9wTGV2ZWw6IGZlYXR1cmUoKSBpcyBhIGNvbXBpbGUtdGltZSBjb25zdGFudFxuICAgICAgdXNlVm9pY2VTdGF0ZShzID0+IHMudm9pY2VTdGF0ZSlcbiAgICA6ICgnaWRsZScgYXMgY29uc3QpXG4gIGNvbnN0IGlzVm9pY2VSZWNvcmRpbmcgPSB2b2ljZVN0YXRlID09PSA
Line truncated
|
||||
Reference in new issue
Block a user