Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
125 changes: 124 additions & 1 deletion src/subcommands/chat/react/ChatInput.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,24 @@ import { InputPlaceholder } from "./InputPlaceholder.js";
import {
deleteAfterCursor,
deleteBeforeCursor,
deleteToLineEnd,
deleteToLineStart,
deleteWordBackward,
deleteWordForward,
insertTextAtCursor,
moveCursorLeft,
moveCursorRight,
moveCursorToLineEnd,
moveCursorToLineStart,
moveCursorWordLeft,
moveCursorWordRight,
} from "./inputReducer.js";
import { renderInputWithCursor } from "./inputRenderer.js";
import { type ChatUserInputState } from "./types.js";

const isWindows = process.platform === "win32";
const isMac = process.platform === "darwin";

interface ChatInputProps {
inputState: ChatUserInputState;
isPredicting: boolean;
Expand Down Expand Up @@ -90,10 +101,123 @@ export const ChatInput = ({
return;
}

if (key.ctrl === true && inputCharacter === "d") {
const isInputEmpty = inputState.segments.every(segment => segment.content.length === 0);
if (isInputEmpty) {
onExit();
return;
}
}

if (disableUserInput) {
return;
}

if (key.ctrl === true) {
// Also works as Ctrl+Backspace
if (inputCharacter === "w") {
setUserInputState(previousState => deleteWordBackward(previousState));
return;
}

// Unix/Emacs-style shortcuts (not supported on Windows)
if (isWindows === false) {
// Also works as Cmd+LeftArrow on macOS
if (inputCharacter === "a") {
setUserInputState(previousState => moveCursorToLineStart(previousState));
return;
}

// Also works as Cmd+RightArrow on macOS
if (inputCharacter === "e") {
setUserInputState(previousState => moveCursorToLineEnd(previousState));
return;
}

if (inputCharacter === "f") {
setUserInputState(previousState => moveCursorRight(previousState));
return;
}

if (inputCharacter === "b") {
setUserInputState(previousState => moveCursorLeft(previousState));
return;
}

if (inputCharacter === "d") {
setUserInputState(previousState => deleteAfterCursor(previousState));
return;
}

// This is usually Ctrl+Backspace or cmd+Backspace in mac
if (inputCharacter === "u") {
setUserInputState(previousState => deleteToLineStart(previousState));
return;
}

// This is usually Ctrl+Delete or cmd+Delete in mac
if (inputCharacter === "k") {
setUserInputState(previousState => deleteToLineEnd(previousState));
return;
}
}

if (isMac === false) {
if (key.leftArrow === true) {
setUserInputState(previousState => moveCursorWordLeft(previousState));
return;
}
if (key.rightArrow === true) {
setUserInputState(previousState => moveCursorWordRight(previousState));
return;
}
}
}

if (key.meta === true) {
// Also works as Option+RightArrow on macOS
if (inputCharacter === "f") {
setUserInputState(previousState => moveCursorWordRight(previousState));
return;
}

// Also works as Option+LeftArrow on macOS
if (inputCharacter === "b") {
setUserInputState(previousState => moveCursorWordLeft(previousState));
return;
}

if (isMac === false && isWindows === false) {
// For linux, we need to specifically check for Alt+Arrows so we have these here
if (key.leftArrow === true) {
setUserInputState(previousState => moveCursorWordLeft(previousState));
return;
}
if (key.rightArrow === true) {
setUserInputState(previousState => moveCursorWordRight(previousState));
return;
}
}
// When we press option+fn+delete on macOS, it sends meta+d
// and for linux, alt+d is the alternative to alt+delete for word delete forward
if (inputCharacter === "d") {
setUserInputState(previousState => deleteWordForward(previousState));
return;
}

if (key.backspace === true) {
setUserInputState(previousState => deleteWordBackward(previousState));
return;
}

if (isWindows) {
if (key.delete === true) {
setUserInputState(previousState => deleteWordForward(previousState));
return;
}
}
}

if (areSuggestionsVisible) {
if (key.upArrow === true) {
onSuggestionsUp();
Expand All @@ -116,7 +240,6 @@ export const ChatInput = ({
return;
}
}

if (key.delete === true) {
setUserInputState(previousState => deleteAfterCursor(previousState));
return;
Expand Down
Loading