@plusonelabs/cue 0.0.38 → 0.0.39

package/backup-input/Cursor.backup.ts

@@ -0,0 +1,261 @@
+/**
+ * Handles multi-line text navigation and editing
+ */
+export class Cursor {
+  readonly offset: number;
+  readonly text: string;
+
+  constructor(text: string, offset: number = 0) {
+    this.text = text;
+    this.offset = Math.max(0, Math.min(text.length, offset));
+  }
+
+  static fromText(text: string, _columns: number, offset: number = 0): Cursor {
+    return new Cursor(text, offset);
+  }
+
+  // Navigation methods
+  left(): Cursor {
+    return new Cursor(this.text, this.offset - 1);
+  }
+
+  right(): Cursor {
+    return new Cursor(this.text, this.offset + 1);
+  }
+
+  up(): Cursor {
+    const lines = this.text.split('\n');
+    let currentLine = 0;
+    let currentCol = 0;
+    let charCount = 0;
+
+    // Find current line and column
+    for (let i = 0; i < lines.length; i++) {
+      const lineLength = lines[i].length;
+      if (charCount + lineLength >= this.offset) {
+        currentLine = i;
+        currentCol = this.offset - charCount;
+        break;
+      }
+      charCount += lineLength + 1; // +1 for newline
+    }
+
+    if (currentLine === 0) {
+      return new Cursor(this.text, 0);
+    }
+
+    // Move to previous line, maintaining column position if possible
+    const prevLine = lines[currentLine - 1];
+    const newCol = Math.min(currentCol, prevLine.length);
+
+    let newOffset = 0;
+    for (let i = 0; i < currentLine - 1; i++) {
+      newOffset += lines[i].length + 1;
+    }
+    newOffset += newCol;
+
+    return new Cursor(this.text, newOffset);
+  }
+
+  down(): Cursor {
+    const lines = this.text.split('\n');
+    let currentLine = 0;
+    let currentCol = 0;
+    let charCount = 0;
+
+    // Find current line and column
+    for (let i = 0; i < lines.length; i++) {
+      const lineLength = lines[i].length;
+      if (charCount + lineLength >= this.offset) {
+        currentLine = i;
+        currentCol = this.offset - charCount;
+        break;
+      }
+      charCount += lineLength + 1;
+    }
+
+    if (currentLine >= lines.length - 1) {
+      return new Cursor(this.text, this.text.length);
+    }
+
+    // Move to next line, maintaining column position if possible
+    const nextLine = lines[currentLine + 1];
+    const newCol = Math.min(currentCol, nextLine.length);
+
+    let newOffset = 0;
+    for (let i = 0; i <= currentLine; i++) {
+      newOffset += lines[i].length + 1;
+    }
+    newOffset += newCol;
+
+    return new Cursor(this.text, Math.min(newOffset, this.text.length));
+  }
+
+  startOfLine(): Cursor {
+    const lines = this.text.split('\n');
+    let charCount = 0;
+
+    for (let i = 0; i < lines.length; i++) {
+      const lineLength = lines[i].length;
+      if (charCount + lineLength >= this.offset) {
+        return new Cursor(this.text, charCount);
+      }
+      charCount += lineLength + 1;
+    }
+
+    return new Cursor(this.text, 0);
+  }
+
+  endOfLine(): Cursor {
+    const lines = this.text.split('\n');
+    let charCount = 0;
+
+    for (let i = 0; i < lines.length; i++) {
+      const lineLength = lines[i].length;
+      if (charCount + lineLength >= this.offset) {
+        return new Cursor(this.text, charCount + lineLength);
+      }
+      charCount += lineLength + 1;
+    }
+
+    return new Cursor(this.text, this.text.length);
+  }
+
+  prevWord(): Cursor {
+    let pos = this.offset;
+
+    // Skip current word if we're in the middle of one
+    while (pos > 0 && /\w/.test(this.text[pos - 1])) {
+      pos--;
+    }
+
+    // Skip whitespace
+    while (pos > 0 && /\s/.test(this.text[pos - 1])) {
+      pos--;
+    }
+
+    // Skip to beginning of previous word
+    while (pos > 0 && /\w/.test(this.text[pos - 1])) {
+      pos--;
+    }
+
+    return new Cursor(this.text, pos);
+  }
+
+  nextWord(): Cursor {
+    let pos = this.offset;
+
+    // Skip current word
+    while (pos < this.text.length && /\w/.test(this.text[pos])) {
+      pos++;
+    }
+
+    // Skip whitespace
+    while (pos < this.text.length && /\s/.test(this.text[pos])) {
+      pos++;
+    }
+
+    return new Cursor(this.text, pos);
+  }
+
+  // Editing methods
+  insert(str: string): Cursor {
+    // Convert \r to \n for consistent line handling
+    const normalizedStr = str.replace(/\r/g, '\n');
+    const newText =
+      this.text.slice(0, this.offset) +
+      normalizedStr +
+      this.text.slice(this.offset);
+    return new Cursor(newText, this.offset + normalizedStr.length);
+  }
+
+  backspace(): Cursor {
+    if (this.offset === 0) {
+      return this;
+    }
+    const newText =
+      this.text.slice(0, this.offset - 1) + this.text.slice(this.offset);
+    return new Cursor(newText, this.offset - 1);
+  }
+
+  del(): Cursor {
+    if (this.offset >= this.text.length) {
+      return this;
+    }
+    const newText =
+      this.text.slice(0, this.offset) + this.text.slice(this.offset + 1);
+    return new Cursor(newText, this.offset);
+  }
+
+  deleteToLineStart(): Cursor {
+    const lineStart = this.startOfLine();
+    const newText =
+      this.text.slice(0, lineStart.offset) + this.text.slice(this.offset);
+    return new Cursor(newText, lineStart.offset);
+  }
+
+  deleteToLineEnd(): Cursor {
+    const lineEnd = this.endOfLine();
+    const newText =
+      this.text.slice(0, this.offset) + this.text.slice(lineEnd.offset);
+    return new Cursor(newText, this.offset);
+  }
+
+  deleteWordBefore(): Cursor {
+    const prevWord = this.prevWord();
+    const newText =
+      this.text.slice(0, prevWord.offset) + this.text.slice(this.offset);
+    return new Cursor(newText, prevWord.offset);
+  }
+
+  deleteWordAfter(): Cursor {
+    const nextWord = this.nextWord();
+    const newText =
+      this.text.slice(0, this.offset) + this.text.slice(nextWord.offset);
+    return new Cursor(newText, this.offset);
+  }
+
+  // Utility methods
+  equals(other: Cursor): boolean {
+    return this.offset === other.offset && this.text === other.text;
+  }
+
+  render(
+    cursorChar: string,
+    mask?: string,
+    invert?: (text: string) => string
+  ): string {
+    if (!invert) {
+      invert = (text: string) => text;
+    }
+
+    const lines = this.text.split('\n');
+    let currentLine = 0;
+    let currentCol = 0;
+    let charCount = 0;
+
+    // Find cursor position
+    for (let i = 0; i < lines.length; i++) {
+      const lineLength = lines[i].length;
+      if (charCount + lineLength >= this.offset) {
+        currentLine = i;
+        currentCol = this.offset - charCount;
+        break;
+      }
+      charCount += lineLength + 1;
+    }
+
+    // Render lines with cursor
+    return lines
+      .map((line, i) => {
+        if (i === currentLine) {
+          const beforeCursor = line.slice(0, currentCol);
+          const atCursor = line[currentCol] || cursorChar;
+          const afterCursor = line.slice(currentCol + 1);
+          return beforeCursor + invert(atCursor) + afterCursor;
+        }
+        return line;
+      })
+      .join('\n');
+  }
+}

package/backup-input/input-component.backup.tsx

@@ -0,0 +1,121 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+
+interface InputComponentProps {
+  value: string;
+  suggestions: string[];
+  selectedSuggestion: number;
+  message: { show: boolean; text?: string };
+  commands: Array<{ name: string; description: string }>;
+  showWelcome: boolean;
+  showShortcuts: boolean;
+  cursor: number;
+  selection: { start: number; end: number } | null;
+  chatTarget?: string | null;
+}
+
+export function InputComponent({
+  value,
+  suggestions,
+  selectedSuggestion,
+  message,
+  commands,
+  showWelcome,
+  showShortcuts,
+  cursor,
+  selection,
+  chatTarget,
+}: InputComponentProps) {
+  return (
+    <Box flexDirection="column">
+      <Box borderStyle="round" borderColor="gray" paddingX={1}>
+        <Text>
+          <Text color="gray">
+            {chatTarget
+              ? (() => {
+                  // If chatTarget looks like a file path, don't truncate it
+                  if (chatTarget.includes('/') || chatTarget.includes('\\')) {
+                    // For file paths, show the filename or last part
+                    const parts = chatTarget.split(/[/\\]/);
+                    const filename = parts[parts.length - 1];
+                    return `[chat ${filename}] > `;
+                  }
+                  // For regular client IDs, use the original truncation logic
+                  return `[chat ${chatTarget.length <= 16 ? chatTarget : `${chatTarget.substring(0, 8)}...${chatTarget.substring(chatTarget.length - 4)}`}] > `;
+                })()
+              : '> '}
+          </Text>
+          {showWelcome && !value ? (
+            <Text backgroundColor="white" color="black">
+              _
+            </Text>
+          ) : selection ? (
+            <>
+              {(() => {
+                const start = Math.min(selection.start, selection.end);
+                const end = Math.max(selection.start, selection.end);
+                return (
+                  <>
+                    <Text color="white">{value.slice(0, start)}</Text>
+                    <Text backgroundColor="blue" color="white">
+                      {value.slice(start, end)}
+                    </Text>
+                    <Text color="white">{value.slice(end)}</Text>
+                  </>
+                );
+              })()}
+            </>
+          ) : (
+            <>
+              <Text color="white">{value.slice(0, cursor)}</Text>
+              <Text backgroundColor="white" color="black">
+                {cursor < value.length ? value[cursor] : '_'}
+              </Text>
+              <Text color="white">{value.slice(cursor + 1)}</Text>
+            </>
+          )}
+        </Text>
+      </Box>
+
+      {suggestions.length > 0 && (
+        <Box flexDirection="column" paddingX={1}>
+          {suggestions.map((suggestion, index) => {
+            const command = commands.find((cmd) => cmd.name === suggestion);
+            return (
+              <Text
+                key={suggestion}
+                color={index === selectedSuggestion ? 'blue' : 'gray'}
+              >
+                {index === selectedSuggestion ? '> ' : '  '}/{suggestion} -{' '}
+                {command?.description || ''}
+              </Text>
+            );
+          })}
+        </Box>
+      )}
+
+      {showShortcuts && (
+        <Box flexDirection="column" paddingX={1}>
+          <Text color="gray"> ? - Show/hide this help</Text>
+          <Text color="gray"> / - Show commands</Text>
+          <Text color="gray"> Esc Esc - Clear input</Text>
+          <Text color="gray"> ↑/↓ - Navigate commands</Text>
+          <Text color="gray"> Tab/Enter - Select command</Text>
+          <Text color="gray"> Ctrl+C - Exit</Text>
+        </Box>
+      )}
+
+      {message.show && message.text && (
+        <Box paddingX={1}>
+          <Text color="yellow">{message.text}</Text>
+        </Box>
+      )}
+
+      {chatTarget && <Text color="blue">Chat mode - Esc to exit</Text>}
+
+      {showWelcome && !showShortcuts && suggestions.length === 0 && (
+        <Text color="gray">? for shortcuts</Text>
+      )}
+    </Box>
+  );
+}

package/backup-input/prompt-input.backup.tsx

@@ -0,0 +1,80 @@
+import { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+
+interface PromptInputProps {
+  onSubmit: (input: string) => void;
+  disabled?: boolean;
+  placeholder?: string;
+}
+
+export function PromptInput({
+  onSubmit,
+  disabled = false,
+  placeholder = '',
+}: PromptInputProps) {
+  const [input, setInput] = useState('');
+
+  useInput((inputChar, key) => {
+    if (disabled) return;
+
+    // Handle Enter key - submit input
+    if (key.return) {
+      if (input.trim()) {
+        onSubmit(input.trim());
+        setInput('');
+      }
+      return;
+    }
+
+    // Handle backspace/delete - multiple detection methods like anon-kode-main
+    if (
+      key.backspace ||
+      key.delete ||
+      inputChar === '\b' ||
+      inputChar === '\x7f' ||
+      inputChar === '\x08'
+    ) {
+      setInput((prev) => prev.slice(0, -1));
+      return;
+    }
+
+    // Handle Ctrl+C - exit
+    if (key.ctrl && inputChar === 'c') {
+      process.exit(0);
+      return;
+    }
+
+    // Add regular characters - exclude special keys
+    if (
+      inputChar &&
+      inputChar.length === 1 &&
+      !key.ctrl &&
+      !key.escape &&
+      !key.tab &&
+      !key.return &&
+      !key.upArrow &&
+      !key.downArrow &&
+      !key.leftArrow &&
+      !key.rightArrow
+    ) {
+      setInput((prev) => prev + inputChar);
+    }
+  });
+
+  const displayInput = input || placeholder;
+  const isPlaceholder = !input && placeholder;
+
+  return (
+    <Box>
+      <Text color="gray">&gt; </Text>
+      <Text color={isPlaceholder ? 'gray' : 'white'}>
+        {displayInput}
+        {!disabled && !isPlaceholder && (
+          <Text backgroundColor="white" color="black">
+            _
+          </Text>
+        )}
+      </Text>
+    </Box>
+  );
+}