shumengya/sproutclaw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Release v0.8.0

Browse Source
This commit is contained in:
Mario Zechner
2025-11-21 03:12:42 +01:00
parent cc88095140
commit 85adcf22bf
48 changed files with 1530 additions and 608 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
packages/tui/src/components/editor.ts
View File

@@ -1,7 +1,6 @@
import chalk from "chalk";
import type { AutocompleteProvider, CombinedAutocompleteProvider } from "../autocomplete.js";
import type { Component } from "../tui.js";
import { SelectList } from "./select-list.js";
import { SelectList, type SelectListTheme } from "./select-list.js";
interface EditorState {
lines: string[];
@@ -15,8 +14,9 @@ interface LayoutLine {
cursorPos?: number;
}
export interface TextEditorConfig {
// Configuration options for text editor (none currently)
export interface EditorTheme {
borderColor: (str: string) => string;
selectList: SelectListTheme;
}
export class Editor implements Component {
@@ -26,10 +26,10 @@ export class Editor implements Component {
cursorCol: 0,
};
private config: TextEditorConfig = {};
private theme: EditorTheme;
// Border color (can be changed dynamically)
public borderColor: (str: string) => string = chalk.gray;
public borderColor: (str: string) => string;
// Autocomplete support
private autocompleteProvider?: AutocompleteProvider;
@@ -49,20 +49,19 @@ export class Editor implements Component {
public onChange?: (text: string) => void;
public disableSubmit: boolean = false;
constructor(config?: TextEditorConfig) {
if (config) {
this.config = { ...this.config, ...config };
}
}
configure(config: Partial<TextEditorConfig>): void {
this.config = { ...this.config, ...config };
constructor(theme: EditorTheme) {
this.theme = theme;
this.borderColor = theme.borderColor;
}
setAutocompleteProvider(provider: AutocompleteProvider): void {
this.autocompleteProvider = provider;
}
invalidate(): void {
// No cached state to invalidate currently
}
render(width: number): string[] {
const horizontal = this.borderColor("─");
@@ -806,7 +805,7 @@ export class Editor implements Component {
if (suggestions && suggestions.items.length > 0) {
this.autocompletePrefix = suggestions.prefix;
this.autocompleteList = new SelectList(suggestions.items, 5);
this.autocompleteList = new SelectList(suggestions.items, 5, this.theme.selectList);
this.isAutocompleting = true;
} else {
this.cancelAutocomplete();
@@ -851,7 +850,7 @@ export class Editor implements Component {
if (suggestions && suggestions.items.length > 0) {
this.autocompletePrefix = suggestions.prefix;
this.autocompleteList = new SelectList(suggestions.items, 5);
this.autocompleteList = new SelectList(suggestions.items, 5, this.theme.selectList);
this.isAutocompleting = true;
} else {
this.cancelAutocomplete();
@@ -881,7 +880,7 @@ export class Editor implements Component {
this.autocompletePrefix = suggestions.prefix;
if (this.autocompleteList) {
// Update the existing list with new items
this.autocompleteList = new SelectList(suggestions.items, 5);
this.autocompleteList = new SelectList(suggestions.items, 5, this.theme.selectList);
}
} else {
// No more matches, cancel autocomplete