claude-code/components/PromptInput/ShimmeredInput.tsx

143 lines
16 KiB
TypeScript
Raw Normal View History

import { c as _c } from "react/compiler-runtime";
import * as React from 'react';
import { Ansi, Box, Text, useAnimationFrame } from '../../ink.js';
import { segmentTextByHighlights, type TextHighlight } from '../../utils/textHighlighting.js';
import { ShimmerChar } from '../Spinner/ShimmerChar.js';
type Props = {
text: string;
highlights: TextHighlight[];
};
type LinePart = {
text: string;
highlight: TextHighlight | undefined;
start: number;
};
export function HighlightedInput(t0) {
const $ = _c(23);
const {
text,
highlights
} = t0;
let lines;
if ($[0] !== highlights || $[1] !== text) {
const segments = segmentTextByHighlights(text, highlights);
lines = [[]];
let pos = 0;
for (const segment of segments) {
const parts = segment.text.split("\n");
for (let i = 0; i < parts.length; i++) {
if (i > 0) {
lines.push([]);
pos = pos + 1;
}
const part = parts[i];
if (part.length > 0) {
lines[lines.length - 1].push({
text: part,
highlight: segment.highlight,
start: pos
});
}
pos = pos + part.length;
}
}
$[0] = highlights;
$[1] = text;
$[2] = lines;
} else {
lines = $[2];
}
let t1;
if ($[3] !== highlights) {
t1 = highlights.some(_temp);
$[3] = highlights;
$[4] = t1;
} else {
t1 = $[4];
}
const hasShimmer = t1;
let sweepStart = 0;
let cycleLength = 1;
if (hasShimmer) {
let lo = Infinity;
let hi = -Infinity;
if ($[5] !== hi || $[6] !== highlights || $[7] !== lo) {
for (const h_0 of highlights) {
if (h_0.shimmerColor) {
lo = Math.min(lo, h_0.start);
hi = Math.max(hi, h_0.end);
}
}
$[5] = hi;
$[6] = highlights;
$[7] = lo;
$[8] = lo;
$[9] = hi;
} else {
lo = $[8];
hi = $[9];
}
sweepStart = lo - 10;
cycleLength = hi - lo + 20;
}
let t2;
if ($[10] !== cycleLength || $[11] !== hasShimmer || $[12] !== lines || $[13] !== sweepStart) {
t2 = {
lines,
hasShimmer,
sweepStart,
cycleLength
};
$[10] = cycleLength;
$[11] = hasShimmer;
$[12] = lines;
$[13] = sweepStart;
$[14] = t2;
} else {
t2 = $[14];
}
const {
lines: lines_0,
hasShimmer: hasShimmer_0,
sweepStart: sweepStart_0,
cycleLength: cycleLength_0
} = t2;
const [ref, time] = useAnimationFrame(hasShimmer_0 ? 50 : null);
const glimmerIndex = hasShimmer_0 ? sweepStart_0 + Math.floor(time / 50) % cycleLength_0 : -100;
let t3;
if ($[15] !== glimmerIndex || $[16] !== lines_0) {
let t4;
if ($[18] !== glimmerIndex) {
t4 = (lineParts, lineIndex) => <Box key={lineIndex}>{lineParts.length === 0 ? <Text> </Text> : lineParts.map((part_0, partIndex) => {
if (part_0.highlight?.shimmerColor && part_0.highlight.color) {
return <Text key={partIndex}>{part_0.text.split("").map((char, charIndex) => <ShimmerChar key={charIndex} char={char} index={part_0.start + charIndex} glimmerIndex={glimmerIndex} messageColor={part_0.highlight.color} shimmerColor={part_0.highlight.shimmerColor} />)}</Text>;
}
return <Text key={partIndex} color={part_0.highlight?.color} dimColor={part_0.highlight?.dimColor} inverse={part_0.highlight?.inverse}><Ansi>{part_0.text}</Ansi></Text>;
})}</Box>;
$[18] = glimmerIndex;
$[19] = t4;
} else {
t4 = $[19];
}
t3 = lines_0.map(t4);
$[15] = glimmerIndex;
$[16] = lines_0;
$[17] = t3;
} else {
t3 = $[17];
}
let t4;
if ($[20] !== ref || $[21] !== t3) {
t4 = <Box ref={ref} flexDirection="column">{t3}</Box>;
$[20] = ref;
$[21] = t3;
$[22] = t4;
} else {
t4 = $[22];
}
return t4;
}
function _temp(h) {
return h.shimmerColor;
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkFuc2kiLCJCb3giLCJUZXh0IiwidXNlQW5pbWF0aW9uRnJhbWUiLCJzZWdtZW50VGV4dEJ5SGlnaGxpZ2h0cyIsIlRleHRIaWdobGlnaHQiLCJTaGltbWVyQ2hhciIsIlByb3BzIiwidGV4dCIsImhpZ2hsaWdodHMiLCJMaW5lUGFydCIsImhpZ2hsaWdodCIsInN0YXJ0IiwiSGlnaGxpZ2h0ZWRJbnB1dCIsInQwIiwiJCIsIl9jIiwibGluZXMiLCJzZWdtZW50cyIsInBvcyIsInNlZ21lbnQiLCJwYXJ0cyIsInNwbGl0IiwiaSIsImxlbmd0aCIsInB1c2giLCJwYXJ0IiwidDEiLCJzb21lIiwiX3RlbXAiLCJoYXNTaGltbWVyIiwic3dlZXBTdGFydCIsImN5Y2xlTGVuZ3RoIiwibG8iLCJJbmZpbml0eSIsImhpIiwiaF8wIiwiaCIsInNoaW1tZXJDb2xvciIsIk1hdGgiLCJtaW4iLCJtYXgiLCJlbmQiLCJ0MiIsImxpbmVzXzAiLCJoYXNTaGltbWVyXzAiLCJzd2VlcFN0YXJ0XzAiLCJjeWNsZUxlbmd0aF8wIiwicmVmIiwidGltZSIsImdsaW1tZXJJbmRleCIsImZsb29yIiwidDMiLCJ0NCIsImxpbmVQYXJ0cyIsImxpbmVJbmRleCIsIm1hcCIsInBhcnRfMCIsInBhcnRJbmRleCIsImNvbG9yIiwiY2hhciIsImNoYXJJbmRleCIsImRpbUNvbG9yIiwiaW52ZXJzZSJdLCJzb3VyY2VzIjpbIlNoaW1tZXJlZElucHV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEFuc2ksIEJveCwgVGV4dCwgdXNlQW5pbWF0aW9uRnJhbWUgfSBmcm9tICcuLi8uLi9pbmsuanMnXG5pbXBvcnQge1xuICBzZWdtZW50VGV4dEJ5SGlnaGxpZ2h0cyxcbiAgdHlwZSBUZXh0SGlnaGxpZ2h0LFxufSBmcm9tICcuLi8uLi91dGlscy90ZXh0SGlnaGxpZ2h0aW5nLmpzJ1xuaW1wb3J0IHsgU2hpbW1lckNoYXIgfSBmcm9tICcuLi9TcGlubmVyL1NoaW1tZXJDaGFyLmpzJ1xuXG50eXBlIFByb3BzID0ge1xuICB0ZXh0OiBzdHJpbmdcbiAgaGlnaGxpZ2h0czogVGV4dEhpZ2hsaWdodFtdXG59XG5cbnR5cGUgTGluZVBhcnQgPSB7XG4gIHRleHQ6IHN0cmluZ1xuICBoaWdobGlnaHQ6IFRleHRIaWdobGlnaHQgfCB1bmRlZmluZWRcbiAgc3RhcnQ6IG51bWJlclxufVxuXG5leHBvcnQgZnVuY3Rpb24gSGlnaGxpZ2h0ZWRJbnB1dCh7IHRleHQsIGhpZ2hsaWdodHMgfTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICAvLyBUaGUgc2hpbW1lciBhbmltYXRpb24gKGJlbG93KSByZS1yZW5kZXJzIHRoaXMgY29tcG9uZW50IGF0IDIwZnBzIHdoaWxlIHRoZVxuICAvLyB1bHRyYXRoaW5rIGtleXdvcmQgaXMgcHJlc2VudC4gdGV4dC9oaWdobGlnaHRzIGFyZSByZWZlcmVudGlhbGx5IHN0YWJsZVxuICAvLyBhY3Jvc3MgYW5pbWF0aW9uIHRpY2tzIChwYXJlbnQgZG9lc24ndCByZS1yZW5kZXIpLCBzbyBtZW1vaXplIGV2ZXJ5dGhpbmdcbiAgLy8gdGhhdCBkZXJpdmVzIGZyb20gdGhlbTogc2VnbWVudFRleHRCeUhpZ2hsaWdodHMgYWxvbmUgaXMgfjg1wrVzL2NhbGxcbiAgLy8gKHRva2VuaXplICsgc29ydCArIE8obsKyKSBvdmVybGFwKSwgd2hpY2ggYWRkcyB1cCBmYXN0IGF0IDIwZnBzLlxuICBjb25zdCB7IGxpbmVzLCBoYXNTaGltbWVyLCBzd2VlcFN0YXJ0LCBjeWNsZUxlbmd0aCB9ID0gUmVhY3QudXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3Qgc2VnbWVudHMgPSBzZWdtZW50VGV4dEJ5SGlnaGxpZ2h0cyh0ZXh0LCBoaWdobGlnaHRzKVxuXG4gICAgLy8gU3BsaXQgc2VnbWVudHMgYnkgbmV3bGluZXMgaW50byBwZXItbGluZSBncm91cHMuIEluaydzIHJvdy1kaXJlY3Rpb24gQm94XG4gICAgLy8gaW5kZW50cyBjb250aW51YXRpb24gbGluZXMgb2YgYSBtdWx0aS1saW5lIGNoaWxkIHRvIHRoYXQgY2hpbGQncyBYIG9mZnNldC5cbiAgICAvLyBCeSBzcGxpdHRpbmcgYXQgbmV3bGluZXMsIGVhY2ggbGluZSByZW5kZXJzIGFzIGl0cyBvd24gcm93LCBhdm9pZGluZyB0aGVcbiAgICAvLyBpbmNvcnJlY3QgaW5kZW50YXRpb24gd2hlbiBoaWdobGlnaHRlZCB0ZXh0IGlzIGZvbGxvd2VkIGJ5IHdyYXBwZWQgY29udGVudC5cbiAgICBjb25zdCBsaW5lczogTGluZVBhcnRbXVtdID0gW1tdXVxuICAgIGxldCBwb3MgPSAwXG4gICAgZm9yIChjb25zdCBzZWdtZW50IG9mIHNlZ21lbnRzKSB7XG4gICAgICBjb25zdCBwYXJ0cyA9IHNlZ21lbnQudGV4dC5zcGxpdCgnXFxuJylcbiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgcGFydHMubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgaWYgKGkgPiAwKSB7XG4gICAgICAgICAgbGluZXMucHVzaChbXSlcbiAgICAgICAgICBwb3MgKz0gMVxuICAgICAgICB9XG4gICAgICAgIGNvbnN0IHBhcnQgPSBwYXJ0c1tpXSFcbiAgICAgICAgaWYgKHBhcnQubGVuZ3RoID4gMCkge1xuICAgICAgICAgIGxpbmVzW2xpbmVzLmxlbmd0aCAtIDFdIS5wdXNoKHtcbiAgICAgICAgICAgIHRleHQ6IHBhcnQsXG4gICAgICAgICAgICBoaWdobGlnaHQ6IHNlZ21lbnQuaGlnaGxpZ2h0LFxuICAgICAgICAgICAgc3RhcnQ6IHBvcyxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICAgIHBvcyArPSBwYXJ0Lmxlbmd0aFxuICAgICAgfVxuICAgIH1cblxuICAgIC8vIFNjb3BlIHRoZSBzd2VlcCB0byBzaGltbWVyLWhpZ2hsaWdodGVkIHJhbmdlcyBzbyBjeWNsZSB0aW1lIGRvZXNuJ3QgZ3Jvd1xuICAgIC8vIHdpdGggaW5wdXQgbGVuZ3RoLiBQYWRkaW5nIGNyZWF0ZXMgYW4gb2Zmc2NyZWVuIHBhdXNlIGJldHdlZW4gc3dlZXBzLlxuICAgIGNvbnN0IGhhc1NoaW1tZXIgPSBoaWdobGlnaHRzLnNvbWUoaCA9PiBoLnNoaW1tZXJDb2xvcilcbiAgICBsZXQgc3dlZXBTdGFydCA9IDBcbiAgICBsZXQgY3ljbGVMZW5ndGggPSAxXG4gICAgaWYgKGhhc1NoaW1tZXIpIHtcbiAgICAgIGNvbnN0IHBhZGRpbmcgPSAxMFxuICAgICAgbGV0IGxvID0gSW5maW5pdHlcbiAgICAgIGxldCBoaSA9IC1JbmZpbml0eVxuICAgICAgZm9yIChjb25zdCBoIG9mIGhpZ2hsaWdodHMpIHtcbiAgICAgICAgaWYgKGguc2hpbW1lckNvbG9