feat: build

src/components/BaseTextInput.tsx

@@ -0,0 +1,136 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { renderPlaceholder } from '../hooks/renderPlaceholder.js';
+import { usePasteHandler } from '../hooks/usePasteHandler.js';
+import { useDeclaredCursor } from '../ink/hooks/use-declared-cursor.js';
+import { Ansi, Box, Text, useInput } from '../ink.js';
+import type { BaseInputState, BaseTextInputProps } from '../types/textInputTypes.js';
+import type { TextHighlight } from '../utils/textHighlighting.js';
+import { HighlightedInput } from './PromptInput/ShimmeredInput.js';
+type BaseTextInputComponentProps = BaseTextInputProps & {
+  inputState: BaseInputState;
+  children?: React.ReactNode;
+  terminalFocus: boolean;
+  highlights?: TextHighlight[];
+  invert?: (text: string) => string;
+  hidePlaceholderText?: boolean;
+};
+
+/**
+ * A base component for text inputs that handles rendering and basic input
+ */
+export function BaseTextInput(t0) {
+  const $ = _c(14);
+  const {
+    inputState,
+    children,
+    terminalFocus,
+    invert,
+    hidePlaceholderText,
+    ...props
+  } = t0;
+  const {
+    onInput,
+    renderedValue,
+    cursorLine,
+    cursorColumn
+  } = inputState;
+  const t1 = Boolean(props.focus && props.showCursor && terminalFocus);
+  let t2;
+  if ($[0] !== cursorColumn || $[1] !== cursorLine || $[2] !== t1) {
+    t2 = {
+      line: cursorLine,
+      column: cursorColumn,
+      active: t1
+    };
+    $[0] = cursorColumn;
+    $[1] = cursorLine;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const cursorRef = useDeclaredCursor(t2);
+  const {
+    wrappedOnInput,
+    isPasting: t3
+  } = usePasteHandler({
+    onPaste: props.onPaste,
+    onInput: (input, key) => {
+      if (isPasting && key.return) {
+        return;
+      }
+      onInput(input, key);
+    },
+    onImagePaste: props.onImagePaste
+  });
+  const isPasting = t3;
+  const {
+    onIsPastingChange
+  } = props;
+  React.useEffect(() => {
+    if (onIsPastingChange) {
+      onIsPastingChange(isPasting);
+    }
+  }, [isPasting, onIsPastingChange]);
+  const {
+    showPlaceholder,
+    renderedPlaceholder
+  } = renderPlaceholder({
+    placeholder: props.placeholder,
+    value: props.value,
+    showCursor: props.showCursor,
+    focus: props.focus,
+    terminalFocus,
+    invert,
+    hidePlaceholderText
+  });
+  useInput(wrappedOnInput, {
+    isActive: props.focus
+  });
+  const commandWithoutArgs = props.value && props.value.trim().indexOf(" ") === -1 || props.value && props.value.endsWith(" ");
+  const showArgumentHint = Boolean(props.argumentHint && props.value && commandWithoutArgs && props.value.startsWith("/"));
+  const cursorFiltered = props.showCursor && props.highlights ? props.highlights.filter(h => h.dimColor || props.cursorOffset < h.start || props.cursorOffset >= h.end) : props.highlights;
+  const {
+    viewportCharOffset,
+    viewportCharEnd
+  } = inputState;
+  const filteredHighlights = cursorFiltered && viewportCharOffset > 0 ? cursorFiltered.filter(h_0 => h_0.end > viewportCharOffset && h_0.start < viewportCharEnd).map(h_1 => ({
+    ...h_1,
+    start: Math.max(0, h_1.start - viewportCharOffset),
+    end: h_1.end - viewportCharOffset
+  })) : cursorFiltered;
+  const hasHighlights = filteredHighlights && filteredHighlights.length > 0;
+  if (hasHighlights) {
+    return <Box ref={cursorRef}><HighlightedInput text={renderedValue} highlights={filteredHighlights} />{showArgumentHint && <Text dimColor={true}>{props.value?.endsWith(" ") ? "" : " "}{props.argumentHint}</Text>}{children}</Box>;
+  }
+  const T0 = Box;
+  const T1 = Text;
+  const t4 = "truncate-end";
+  const t5 = showPlaceholder && props.placeholderElement ? props.placeholderElement : showPlaceholder && renderedPlaceholder ? <Ansi>{renderedPlaceholder}</Ansi> : <Ansi>{renderedValue}</Ansi>;
+  const t6 = showArgumentHint && <Text dimColor={true}>{props.value?.endsWith(" ") ? "" : " "}{props.argumentHint}</Text>;
+  let t7;
+  if ($[4] !== T1 || $[5] !== children || $[6] !== props || $[7] !== t5 || $[8] !== t6) {
+    t7 = <T1 wrap={t4} dimColor={props.dimColor}>{t5}{t6}{children}</T1>;
+    $[4] = T1;
+    $[5] = children;
+    $[6] = props;
+    $[7] = t5;
+    $[8] = t6;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  let t8;
+  if ($[10] !== T0 || $[11] !== cursorRef || $[12] !== t7) {
+    t8 = <T0 ref={cursorRef}>{t7}</T0>;
+    $[10] = T0;
+    $[11] = cursorRef;
+    $[12] = t7;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  return t8;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInJlbmRlclBsYWNlaG9sZGVyIiwidXNlUGFzdGVIYW5kbGVyIiwidXNlRGVjbGFyZWRDdXJzb3IiLCJBbnNpIiwiQm94IiwiVGV4dCIsInVzZUlucHV0IiwiQmFzZUlucHV0U3RhdGUiLCJCYXNlVGV4dElucHV0UHJvcHMiLCJUZXh0SGlnaGxpZ2h0IiwiSGlnaGxpZ2h0ZWRJbnB1dCIsIkJhc2VUZXh0SW5wdXRDb21wb25lbnRQcm9wcyIsImlucHV0U3RhdGUiLCJjaGlsZHJlbiIsIlJlYWN0Tm9kZSIsInRlcm1pbmFsRm9jdXMiLCJoaWdobGlnaHRzIiwiaW52ZXJ0IiwidGV4dCIsImhpZGVQbGFjZWhvbGRlclRleHQiLCJCYXNlVGV4dElucHV0IiwidDAiLCIkIiwiX2MiLCJwcm9wcyIsIm9uSW5wdXQiLCJyZW5kZXJlZFZhbHVlIiwiY3Vyc29yTGluZSIsImN1cnNvckNvbHVtbiIsInQxIiwiQm9vbGVhbiIsImZvY3VzIiwic2hvd0N1cnNvciIsInQyIiwibGluZSIsImNvbHVtbiIsImFjdGl2ZSIsImN1cnNvclJlZiIsIndyYXBwZWRPbklucHV0IiwiaXNQYXN0aW5nIiwidDMiLCJvblBhc3RlIiwiaW5wdXQiLCJrZXkiLCJyZXR1cm4iLCJvbkltYWdlUGFzdGUiLCJvbklzUGFzdGluZ0NoYW5nZSIsInVzZUVmZmVjdCIsInNob3dQbGFjZWhvbGRlciIsInJlbmRlcmVkUGxhY2Vob2xkZXIiLCJwbGFjZWhvbGRlciIsInZhbHVlIiwiaXNBY3RpdmUiLCJjb21tYW5kV2l0aG91dEFyZ3MiLCJ0cmltIiwiaW5kZXhPZiIsImVuZHNXaXRoIiwic2hvd0FyZ3VtZW50SGludCIsImFyZ3VtZW50SGludCIsInN0YXJ0c1dpdGgiLCJjdXJzb3JGaWx0ZXJlZCIsImZpbHRlciIsImgiLCJkaW1Db2xvciIsImN1cnNvck9mZnNldCIsInN0YXJ0IiwiZW5kIiwidmlld3BvcnRDaGFyT2Zmc2V0Iiwidmlld3BvcnRDaGFyRW5kIiwiZmlsdGVyZWRIaWdobGlnaHRzIiwiaF8wIiwibWFwIiwiaF8xIiwiTWF0aCIsIm1heCIsImhhc0hpZ2hsaWdodHMiLCJsZW5ndGgiLCJUMCIsIlQxIiwidDQiLCJ0NSIsInBsYWNlaG9sZGVyRWxlbWVudCIsInQ2IiwidDciLCJ0OCJdLCJzb3VyY2VzIjpbIkJhc2VUZXh0SW5wdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHJlbmRlclBsYWNlaG9sZGVyIH0gZnJvbSAnLi4vaG9va3MvcmVuZGVyUGxhY2Vob2xkZXIuanMnXG5pbXBvcnQgeyB1c2VQYXN0ZUhhbmRsZXIgfSBmcm9tICcuLi9ob29rcy91c2VQYXN0ZUhhbmRsZXIuanMnXG5pbXBvcnQgeyB1c2VEZWNsYXJlZEN1cnNvciB9IGZyb20gJy4uL2luay9ob29rcy91c2UtZGVjbGFyZWQtY3Vyc29yLmpzJ1xuaW1wb3J0IHsgQW5zaSwgQm94LCBUZXh0LCB1c2VJbnB1dCB9IGZyb20gJy4uL2luay5qcydcbmltcG9ydCB0eXBlIHtcbiAgQmFzZUlucHV0U3RhdGUsXG4gIEJhc2VUZXh0SW5wdXRQcm9wcyxcbn0gZnJvbSAnLi4vdHlwZXMvdGV4dElucHV0VHlwZXMuanMnXG5pbXBvcnQgdHlwZSB7IFRleHRIaWdobGlnaHQgfSBmcm9tICcuLi91dGlscy90ZXh0SGlnaGxpZ2h0aW5nLmpzJ1xuaW1wb3J0IHsgSGlnaGxpZ2h0ZWRJbnB1dCB9IGZyb20gJy4vUHJvbXB0SW5wdXQvU2hpbW1lcmVkSW5wdXQuanMnXG5cbnR5cGUgQmFzZVRleHRJbnB1dENvbXBvbmVudFByb3BzID0gQmFzZVRleHRJbnB1dFByb3BzICYge1xuICBpbnB1dFN0YXRlOiBCYXNlSW5wdXRTdGF0ZVxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICB0ZXJtaW5hbEZvY3VzOiBib29sZWFuXG4gIGhpZ2hsaWdodHM/OiBUZXh0SGlnaGxpZ2h0W11cbiAgaW52ZXJ0PzogKHRleHQ6IHN0cmluZykgPT4gc3RyaW5nXG4gIGhpZGVQbGFjZWhvbGRlclRleHQ/OiBib29sZWFuXG59XG5cbi8qKlxuICogQSBiYXNlIGNvbXBvbmVudCBmb3IgdGV4dCBpbnB1dHMgdGhhdCBoYW5kbGVzIHJlbmRlcmluZyBhbmQgYmFzaWMgaW5wdXRcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIEJhc2VUZXh0SW5wdXQoe1xuICBpbnB1dFN0YXRlLFxuICBjaGlsZHJlbixcbiAgdGVybWluYWxGb2N1cyxcbiAgaW52ZXJ0LFxuICBoaWRlUGxhY2Vob2xkZXJUZXh0LFxuICAuLi5wcm9wc1xufTogQmFzZVRleHRJbnB1dENvbXBvbmVudFByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3QgeyBvbklucHV0LCByZW5kZXJlZFZhbHVlLCBjdXJzb3JMaW5lLCBjdXJzb3JDb2x1bW4gfSA9IGlucHV0U3RhdGVcblxuICAvLyBQYXJrIHRoZSBuYXRpdmUgdGVybWluYWwgY3Vyc29yIGF0IHRoZSBpbnB1dCBjYXJldC4gVGVybWluYWwgZW11bGF0b3JzXG4gIC8vIHBvc2l0aW9uIElNRSBwcmVlZGl0IHRleHQgYXQgdGhlIHBoeXNpY2FsIGN1cnNvciwgYW5kIHNjcmVlbiByZWFkZXJzIC9cbiAgLy8gc2NyZWVuIG1hZ25pZmllcnMgdHJhY2sgaXQg4oCUIHNvIHBhcmtpbmcgaGVyZSBtYWtlcyBDSksgaW5wdXQgYXBwZWFyXG4gIC8vIGlubGluZSBhbmQgbGV0cyBhY2Nlc3NpYmlsaXR5IHRvb2xzIGZvbGxvdyB0aGUgaW5wdXQuIFRoZSBCb3ggcmVmIGJlbG93XG4gIC8vIGlzIHRoZSB5b2dhIGxheW91dCBvcmlnaW47IChjdXJzb3JMaW5lLCBjdXJzb3JDb2x1bW4pIGlzIHJlbGF0aXZlIHRvIGl0LlxuICAvLyBPbmx5IGFjdGl2ZSB3aGVuIHRoZSBpbnB1dCBpcyBmb2N1c2VkLCBzaG93aW5nIGl0cyBjdXJzb3IsIGFuZCB0aGVcbiAgLy8gdGVybWluYWwgaXRzZWxmIGhhcyBmb2N1cy5cbiAgY29uc3QgY3Vyc29yUmVmID0gdXNlRGVjbGFyZWRDdXJzb3Ioe1xuICAgIGxpbmU6IGN1cnNvckxpbmUsXG4gICAgY29sdW1uOiBjdXJzb3JDb2x1bW4sXG4gICAgYWN0aXZlOiBCb29sZWFuKHByb3BzLmZvY3VzICYmIHByb3BzLnNob3dDdXJzb3IgJiYgdGVybWluYWxGb2N1cyksXG4gIH0pXG5cbiAgY29uc3QgeyB3cmFwcGVkT25JbnB1dCwgaXNQYXN0aW5nIH0gPSB1c2VQYXN0ZUhhbmRsZXIoe1xuICAgIG9uUGFzdGU6IHByb3BzLm9uUGFzdGUsXG4gICAgb25JbnB1dDogKGlucHV0LCBrZXkpID0+IHtcbiAgICAgIC8vIFByZXZlbnQgRW50ZXIga2V5IGZyb20gdHJpZ2dlcmluZyBzdWJtaXNzaW9uIGR1cmluZyBwYXN0ZVxuICAgICAgaWYgKGlzUGFzdGluZyAmJiBrZXkucmV0dXJuKSB7XG4gICAgICAgIHJldHVyblxuICAgICAgfVxuICAgICAgb25JbnB1dChpbnB1dCwga2V5KVxuICAgIH0sXG4gICAgb25JbWFnZVBhc3RlOiBwcm9wcy5vbkltYWdlUGFzdGUsXG4gIH0pXG5cbiAgLy8gTm90aWZ5IHBhcmVudCB3aGVuIHBhc3RlIHN0YXRlIGNoYW5nZXNcbiAgY29uc3QgeyBvbklzUGFzdGluZ0NoYW5nZSB9ID0gcHJvcHNcbiAgUmVhY3QudXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob25Jc1Bhc3RpbmdDaGFuZ2UpIHtcbiAgICAgIG9uSXNQYXN0aW5nQ2hhbmdlKGlzUGFzdGluZylcbiAgICB9XG4gIH0sIFtpc1Bhc3RpbmcsIG9uSXNQYXN0aW5nQ2hhbmdlXSlcblxuICBjb25zdCB7IHNob3dQbGFjZWhvbGRlciwgcmVuZGVyZWRQbGFjZWhvbGRlciB9ID0gcmVuZGVyUGxhY2Vob2xkZXIoe1xuICAgIHBsYWNlaG9sZGVyOiBwcm9wcy5wbGFjZWhvbGRlcixcbiAgICB2YWx1ZTogcHJvcHMudmFsdWUsXG4gICAgc2hvd0N1cnNvcjogcHJvcHMuc2hvd0N1cnNvcixcbiAgICBmb2N1czogcHJvcHMuZm9jdXMsXG4gICAgdGVybWluYWxGb2N1cyxcbiAgICBpbnZlcnQsXG4gICAgaGlkZVBsYWNlaG9sZGVyVGV4dCxcbiAgfSlcblxuICB1c2VJbnB1dCh3cmFwcGVkT25JbnB1dCwgeyBpc0FjdGl2ZTo
Line truncated