selection update

2026-06-30 21:31:35 +02:00
parent 594c4c674d
commit c4300b0416
10 changed files with 402 additions and 91 deletions
@@ -0,0 +1,215 @@
+import { moveUp, moveDown, moveLeft, moveRight } from "./cursor.js";
+import { hasSelection, selectedRange, clearSelection, deleteSelection } from "./selection.js";
+import { elementToPos } from "./mouse.js";
+
+export function setupInput(buffer, cursor, selection, onChange) {
+  let isMouseDown = false;
+
+  function startDrag(e) {
+    if (!e.target.closest("#text")) return;
+    isMouseDown = true;
+    const pos = elementToPos(e.clientX, e.clientY, buffer);
+    cursor.line = pos.line;
+    cursor.col = pos.col;
+    selection.anchor = { ...pos };
+    selection.head = { ...pos };
+    onChange();
+  }
+
+  function drag(e) {
+    if (!isMouseDown) return;
+    const pos = elementToPos(e.clientX, e.clientY, buffer);
+    cursor.line = pos.line;
+    cursor.col = pos.col;
+    selection.head = { ...pos };
+    onChange();
+  }
+
+  function endDrag() {
+    isMouseDown = false;
+  }
+
+  function selectWord(e) {
+    if (!e.target.closest("#text")) return;
+    const pos = elementToPos(e.clientX, e.clientY, buffer);
+    const line = buffer[pos.line];
+    let start = pos.col;
+    let end = pos.col;
+    while (start > 0 && /\w/.test(line[start - 1])) start--;
+    while (end < line.length && /\w/.test(line[end])) end++;
+    cursor.line = pos.line;
+    cursor.col = end;
+    selection.anchor = { line: pos.line, col: start };
+    selection.head = { line: pos.line, col: end };
+    onChange();
+  }
+
+  function moveCursor(newLine, newCol, extending) {
+    if (extending) {
+      if (selection.anchor === null)
+        selection.anchor = { line: cursor.line, col: cursor.col };
+      selection.head = { line: newLine, col: newCol };
+    } else {
+      clearSelection(selection);
+    }
+    cursor.line = newLine;
+    cursor.col = newCol;
+  }
+
+  function getSelectedText() {
+    const range = selectedRange(selection);
+    if (!range) return "";
+    const { start, end } = range;
+    if (start.line === end.line)
+      return buffer[start.line].slice(start.col, end.col);
+    const lines = [buffer[start.line].slice(start.col)];
+    for (let i = start.line + 1; i < end.line; i++)
+      lines.push(buffer[i]);
+    lines.push(buffer[end.line].slice(0, end.col));
+    return lines.join("\n");
+  }
+
+  function insertText(text) {
+    if (hasSelection(selection)) deleteSelection(buffer, cursor, selection);
+    const pasteLines = text.split("\n");
+    const line = buffer[cursor.line];
+    const before = line.slice(0, cursor.col);
+    const after = line.slice(cursor.col);
+    buffer[cursor.line] = before + pasteLines[0] + after;
+    for (let i = 1; i < pasteLines.length; i++)
+      buffer.splice(cursor.line + i, 0, pasteLines[i]);
+    cursor.line += pasteLines.length - 1;
+    cursor.col = pasteLines[pasteLines.length - 1].length +
+      (pasteLines.length === 1 ? before.length : 0);
+    clearSelection(selection);
+  }
+
+  function selectAll() {
+    selection.anchor = { line: 0, col: 0 };
+    selection.head = { line: buffer.length - 1, col: buffer[buffer.length - 1].length };
+    cursor.line = buffer.length - 1;
+    cursor.col = buffer[buffer.length - 1].length;
+  }
+
+  document.addEventListener("mousedown", startDrag);
+  document.addEventListener("mousemove", drag);
+  document.addEventListener("mouseup", endDrag);
+  document.addEventListener("dblclick", selectWord);
+
+  document.addEventListener("paste", (e) => {
+    e.preventDefault();
+    const text = e.clipboardData.getData("text");
+    if (!text) return;
+    insertText(text);
+    onChange();
+  });
+
+  document.addEventListener("keydown", (e) => {
+    const mod = e.ctrlKey || e.metaKey;
+    const extending = e.shiftKey;
+
+    if (mod) {
+      if (e.key === "c") {
+        e.preventDefault();
+        const text = getSelectedText();
+        if (text) navigator.clipboard.writeText(text);
+        return;
+      }
+      if (e.key === "x") {
+        e.preventDefault();
+        const text = getSelectedText();
+        if (text) navigator.clipboard.writeText(text);
+        deleteSelection(buffer, cursor, selection);
+        onChange();
+        return;
+      }
+      if (e.key === "v") {
+        return;
+      }
+      if (e.key === "a") {
+        e.preventDefault();
+        selectAll();
+        onChange();
+        return;
+      }
+      return;
+    }
+
+    if (e.key === "ArrowUp") {
+      e.preventDefault();
+      const newLine = Math.max(0, cursor.line - 1);
+      const newCol = Math.min(cursor.col, buffer[newLine].length);
+      moveCursor(newLine, newCol, extending);
+      onChange();
+      return;
+    }
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      const newLine = Math.min(buffer.length - 1, cursor.line + 1);
+      const newCol = Math.min(cursor.col, buffer[newLine].length);
+      moveCursor(newLine, newCol, extending);
+      onChange();
+      return;
+    }
+    if (e.key === "ArrowLeft") {
+      e.preventDefault();
+      let newLine = cursor.line;
+      let newCol = cursor.col;
+      if (newCol > 0) newCol--;
+      else if (newLine > 0) { newLine--; newCol = buffer[newLine].length; }
+      moveCursor(newLine, newCol, extending);
+      onChange();
+      return;
+    }
+    if (e.key === "ArrowRight") {
+      e.preventDefault();
+      let newLine = cursor.line;
+      let newCol = cursor.col;
+      if (newCol < buffer[cursor.line].length) newCol++;
+      else if (newLine < buffer.length - 1) { newLine++; newCol = 0; }
+      moveCursor(newLine, newCol, extending);
+      onChange();
+      return;
+    }
+    if (e.key === "Backspace") {
+      e.preventDefault();
+      if (hasSelection(selection)) {
+        deleteSelection(buffer, cursor, selection);
+      } else if (cursor.col > 0) {
+        const line = buffer[cursor.line];
+        buffer[cursor.line] = line.slice(0, cursor.col - 1) + line.slice(cursor.col);
+        cursor.col--;
+      } else if (cursor.line > 0) {
+        cursor.col = buffer[cursor.line - 1].length;
+        buffer[cursor.line - 1] += buffer[cursor.line];
+        buffer.splice(cursor.line, 1);
+        cursor.line--;
+      }
+      clearSelection(selection);
+      onChange();
+      return;
+    }
+    if (e.key === "Enter") {
+      e.preventDefault();
+      if (hasSelection(selection)) deleteSelection(buffer, cursor, selection);
+      const line = buffer[cursor.line];
+      const rest = line.slice(cursor.col);
+      buffer[cursor.line] = line.slice(0, cursor.col);
+      buffer.splice(cursor.line + 1, 0, rest);
+      cursor.line++;
+      cursor.col = 0;
+      clearSelection(selection);
+      onChange();
+      return;
+    }
+    if (e.key.length === 1) {
+      e.preventDefault();
+      if (hasSelection(selection)) deleteSelection(buffer, cursor, selection);
+      const line = buffer[cursor.line];
+      buffer[cursor.line] = line.slice(0, cursor.col) + e.key + line.slice(cursor.col);
+      cursor.col++;
+      clearSelection(selection);
+      onChange();
+    }
+  });
+}