@neuroplastio/xterm-addon-hotty 0.1.0-next.4 → 0.1.0-next.6

package/dist/hotty-xterm.js

@@ -898,6 +898,7 @@ var ACTIONS = /* @__PURE__ */ new Set([
   "page-down",
   "input-start",
   "input-end",
+  "select-all",
   "newline",
   "submit",
   "program",
@@ -913,7 +914,21 @@ var ACTIONS = /* @__PURE__ */ new Set([
   "scroll-end"
 ]);
 var SCROLL_ACTIONS = new Set([...ACTIONS].filter((a) => a.startsWith("scroll-")));
-var MULTILINE_ACTIONS = /* @__PURE__ */ new Set(["line-previous", "line-next", "page-up", "page-down", "input-start", "input-end", "newline"]);
+var MULTILINE_ACTIONS = /* @__PURE__ */ new Set(["line-previous", "line-next", "page-up", "page-down", "newline"]);
+var MOVES = /* @__PURE__ */ new Set([
+  "char-backward",
+  "char-forward",
+  "word-backward",
+  "word-forward",
+  "line-start",
+  "line-end",
+  "line-previous",
+  "line-next",
+  "page-up",
+  "page-down",
+  "input-start",
+  "input-end"
+]);
 var ROW_ACTIONS = /* @__PURE__ */ new Set(["line-previous", "line-next", "page-up", "page-down"]);
 var BACKWARD = /* @__PURE__ */ new Set(["char-backward", "word-backward", "line-start", "line-previous", "page-up", "input-start"]);
 var INSERT = "insert";
@@ -921,7 +936,7 @@ var TERMINAL_KEYS = [
   "ArrowLeft=char-backward Control+b=char-backward ArrowRight=char-forward Control+f=char-forward",
   "Alt+ArrowLeft=word-backward Control+ArrowLeft=word-backward Alt+b=word-backward",
   "Alt+ArrowRight=word-forward Control+ArrowRight=word-forward Alt+f=word-forward",
-  "Home=line-start Control+a=line-start End=line-end Control+e=line-end",
+  "Home=line-start End=line-end Control+e=line-end",
   "Backspace=delete-char-backward Control+h=delete-char-backward",
   "Delete=delete-char-forward Control+d=delete-char-forward",
   "Alt+Backspace=delete-word-backward Control+w=delete-word-backward Control+Backspace=delete-word-backward",
@@ -930,6 +945,7 @@ var TERMINAL_KEYS = [
   "ArrowUp=line-previous Control+p=line-previous ArrowDown=line-next Control+n=line-next",
   "PageUp=page-up PageDown=page-down",
   "Alt+<=input-start Control+Home=input-start Alt+>=input-end Control+End=input-end",
+  "Control+a=select-all",
   "Control+m=newline"
 ].join(" ");
 var segmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
@@ -1181,6 +1197,15 @@ var Keymap = class {
     if (isChar(value) && !mods.some((m) => m !== "Shift")) return INSERT;
     return null;
   }
+  /** Whether the field selects with a key (SPEC §10.2, *Shift selects*):
+   * it looks up a move, and the key's name has Shift. The field then moves
+   * its caret and keeps the selection's anchor. */
+  selects(name) {
+    const k = parseKey(name);
+    if (k === null) return false;
+    const a = this.lookup(k);
+    return a !== null && MOVES.has(a) && splitKey(k)[0].includes("Shift");
+  }
 };
 function* bindingsOf(value) {
   for (const b of value.split(/[ \t\n\f\r]+/)) {
@@ -1207,14 +1232,25 @@ function resolve(multiline, ...values) {
   for (const [k, a] of [
     ["ArrowLeft", "char-backward"],
     ["ArrowRight", "char-forward"],
+    ["Control+ArrowLeft", "word-backward"],
+    ["Control+ArrowRight", "word-forward"],
+    ["Alt+ArrowLeft", "word-backward"],
+    ["Alt+ArrowRight", "word-forward"],
     ["Home", "line-start"],
     ["End", "line-end"],
+    ["Control+Home", "input-start"],
+    ["Control+End", "input-end"],
     ["Backspace", "delete-char-backward"],
     ["Delete", "delete-char-forward"],
+    ["Control+Backspace", "delete-word-backward"],
+    ["Control+Delete", "delete-word-forward"],
+    ["Alt+Backspace", "delete-word-backward"],
+    ["Alt+Delete", "delete-word-forward"],
     ["ArrowUp", "line-previous"],
     ["ArrowDown", "line-next"],
     ["PageUp", "page-up"],
     ["PageDown", "page-down"],
+    ["Control+a", "select-all"],
     ["Enter", multiline ? "newline" : "submit"]
   ])
     m.bind(k, a);
@@ -1241,10 +1277,16 @@ function wordForward(t, p) {
   while (p < t.chars.length && !isSpace(t.chars[p])) p++;
   return p;
 }
-function plan(t, action, rows, goal = null) {
+function plan(t, action, rows, goal = null, extend = false) {
   if (MULTILINE_ACTIONS.has(action) && !t.multiline) return { kind: "none" };
   const n = t.chars.length;
   const selected = t.start < t.end;
+  if (action === "select-all") return { kind: "move", anchor: 0, to: n };
+  if (extend && MOVES.has(action)) {
+    const anchor = t.caret === t.start ? t.end : t.start;
+    const moved = plan({ ...t, start: t.caret, end: t.caret }, action, rows, goal);
+    return moved.kind === "move" ? { ...moved, anchor } : moved;
+  }
   if (action.startsWith("delete-")) {
     if (selected) return { kind: "replace", from: t.start, to: t.end, text: "" };
     const p2 = t.start;
@@ -1384,6 +1426,9 @@ var Surface = class {
   /** The document's base URL (SPEC §7.3). */
   base = NO_BASE;
   keyboard = false;
+  /** The element the program knows has focus: the last `focus` named it,
+   * or the program's `a=focus` gave it (SPEC §10.1). */
+  told = null;
   /** Detached (SPEC §5.5): nothing in the surface reaches the program. */
   detachedState = false;
   /** A press is on something that takes no focus (SPEC §10.1): the focus
@@ -1560,6 +1605,7 @@ var Surface = class {
       this.dropDrag();
       const had = this.keyboard || this.frameFocused();
       this.keyboard = false;
+      this.told = null;
       this.focusedControl()?.blur();
       if (had) this.giveBack();
     }
@@ -1751,17 +1797,21 @@ var Surface = class {
     if (target && !el) throw new Error(target);
     this.programFocus = true;
     try {
-      this.frame.focus();
-      this.frame.contentWindow?.focus();
+      if (!this.frameFocused()) {
+        this.frame.focus();
+        this.frame.contentWindow?.focus();
+      }
       if (el) el.focus();
       else if (!this.focusedControl()) this.tabbable()[0]?.focus();
       this.keyboard = true;
+      this.told = this.focusedControl();
     } finally {
       setTimeout(() => this.programFocus = false, 0);
     }
   }
   /** `a=blur`, or the keyboard leaving: the edited control commits first. */
   blur() {
+    this.pressed = null;
     this.commit();
     if (this.keyboard) this.giveBack();
   }
@@ -1812,6 +1862,7 @@ var Surface = class {
     if (this.keyboard) {
       this.commit();
       this.keyboard = false;
+      this.told = null;
       this.emit("blur", "");
     }
     this.settle();
@@ -1839,16 +1890,24 @@ var Surface = class {
   }
   /** An element got focus: the surface takes the keyboard if the element is
    * one that takes focus, and the focus is neither the program's (no echo)
-   * nor a detached surface's. */
+   * nor a detached surface's. The program hears where the user put focus,
+   * each time it is another element than the one it knows (SPEC §10.1). */
   onFocusIn(e) {
-    if (this.programFocus || this.auxPress) return;
-    if (this.detachedState || this.pressNothing || !isElement(e.target) || !takesFocus(e.target, this.hyper)) {
+    const el = isElement(e.target) ? e.target : null;
+    if (this.programFocus) {
+      this.told = el;
+      return;
+    }
+    if (this.auxPress) return;
+    if (this.detachedState || this.pressNothing || !el || !takesFocus(el, this.hyper)) {
       this.settle();
       return;
     }
-    if (this.keyboard) return;
+    const gained = !this.keyboard;
     this.keyboard = true;
-    this.emit("focus", "");
+    if (!gained && el === this.told) return;
+    this.told = el;
+    this.emit("focus", el.closest('[id]:not([id=""])')?.id ?? "");
   }
   tabbable() {
     const all = this.doc.querySelectorAll(
@@ -2001,6 +2060,7 @@ var Surface = class {
     const keys = data === null ? [{ key: domKeyName(e), data: "" }] : inputKeys(data);
     const keymap = this.keymapOf(el, multiline);
     const uses = keys.map((k) => k.key === null ? null : keymap.lookup(k.key));
+    const extend = keys.map((k) => k.key !== null && keymap.selects(k.key));
     if (uses.every((u) => u === null)) {
       const program = keys.some((k) => k.key !== null && keymap.program(k.key));
       if (!program && this.axes && this.scrollKey(e)) return;
@@ -2029,7 +2089,7 @@ var Surface = class {
       } else if (use === "submit") {
         this.goal = null;
         submitFrom(el);
-      } else this.edit(el, multiline, { kind: "action", action: use });
+      } else this.edit(el, multiline, { kind: "action", action: use, extend: extend[i] });
     });
   }
   /** A field's keymap (SPEC §10.2): the default, then the `data-keys` of
@@ -2057,6 +2117,7 @@ var Surface = class {
     };
     const start = index(el.selectionStart ?? el.value.length);
     const end = index(el.selectionEnd ?? el.value.length);
+    const caret = el.selectionDirection === "backward" ? start : end;
     if (what.kind === "type") {
       this.goal = null;
       this.replace(el, at[start], at[end], what.text);
@@ -2064,14 +2125,16 @@ var Surface = class {
     }
     const action = what.action;
     const password = el.localName === "input" && this.inputType(el) === "password";
-    const text2 = { chars: cl, start, end, multiline, password };
+    const text2 = { chars: cl, start, end, caret, multiline, password };
     const g = this.goal;
-    const goal = ROW_ACTIONS.has(action) && g && g.el === el && start === end && g.caret === start ? g.x : null;
+    const goal = ROW_ACTIONS.has(action) && g && g.el === el && g.caret === caret ? g.x : null;
     const rows = multiline && ROW_ACTIONS.has(action) ? this.textareaRows(el, cl) : null;
-    const p = plan(text2, action, rows, goal);
+    const p = plan(text2, action, rows, goal, what.extend);
     this.goal = p.kind === "move" && p.goal !== void 0 ? { el, caret: p.to, x: p.goal } : null;
-    if (p.kind === "move") el.setSelectionRange(at[p.to], at[p.to]);
-    else if (p.kind === "replace") this.replace(el, at[p.from], at[p.to], p.text);
+    if (p.kind === "move") {
+      const a = p.anchor ?? p.to;
+      el.setSelectionRange(at[Math.min(a, p.to)], at[Math.max(a, p.to)], a > p.to ? "backward" : "forward");
+    } else if (p.kind === "replace") this.replace(el, at[p.from], at[p.to], p.text);
   }
   /** Replaces code units `from` to `to` of a field's value with `text`, the
    * caret after it, as typing does. */
@@ -2160,6 +2223,10 @@ var Surface = class {
       d.execCommand("insertLineBreak", false);
       return;
     }
+    if (action === "select-all") {
+      sel.selectAllChildren(host);
+      return;
+    }
     const within = () => sel.focusNode !== null && host.contains(sel.focusNode);
     const next = (dir) => {
       const [an, ao, fn, fo] = [sel.anchorNode, sel.anchorOffset, sel.focusNode, sel.focusOffset];
@@ -2169,26 +2236,26 @@ var Surface = class {
       sel.setBaseAndExtent(an, ao, fn, fo);
       return c;
     };
-    const walk = (alter, dir, go) => {
+    const walk = (alter2, dir, go) => {
       for (let i = 0; i < 1e5; i++) {
         const c = next(dir);
         if (!c || !go(c)) return;
-        sel.modify(alter, dir, "character");
+        sel.modify(alter2, dir, "character");
       }
     };
-    const back = (alter, unit) => {
+    const back = (alter2, unit) => {
       if (unit === "word") {
-        walk(alter, "backward", isSpace);
-        walk(alter, "backward", (c) => !isSpace(c));
-      } else if (unit === "line") walk(alter, "backward", (c) => !isBreak(c));
-      else sel.modify(alter, "backward", "character");
+        walk(alter2, "backward", isSpace);
+        walk(alter2, "backward", (c) => !isSpace(c));
+      } else if (unit === "line") walk(alter2, "backward", (c) => !isBreak(c));
+      else sel.modify(alter2, "backward", "character");
     };
-    const forward = (alter, unit) => {
+    const forward = (alter2, unit) => {
       if (unit === "word") {
-        walk(alter, "forward", isSpace);
-        walk(alter, "forward", (c) => !isSpace(c));
-      } else if (unit === "line") walk(alter, "forward", (c) => !isBreak(c));
-      else sel.modify(alter, "forward", "character");
+        walk(alter2, "forward", isSpace);
+        walk(alter2, "forward", (c) => !isSpace(c));
+      } else if (unit === "line") walk(alter2, "forward", (c) => !isBreak(c));
+      else sel.modify(alter2, "forward", "character");
     };
     if (action.startsWith("delete-")) {
       if (sel.isCollapsed) {
@@ -2200,28 +2267,29 @@ var Surface = class {
       return;
     }
     const backward = ["char-backward", "word-backward", "line-start", "line-previous", "page-up", "input-start"].includes(action);
-    if (!sel.isCollapsed) {
+    const alter = what.extend ? "extend" : "move";
+    if (!what.extend && !sel.isCollapsed) {
       if (backward) sel.collapseToStart();
       else sel.collapseToEnd();
       if (action === "char-backward" || action === "char-forward") return;
     }
     const by = { "char-backward": "char", "char-forward": "char", "word-backward": "word", "word-forward": "word", "line-start": "line", "line-end": "line" }[action];
     if (by) {
-      if (backward) back("move", by);
-      else forward("move", by);
+      if (backward) back(alter, by);
+      else forward(alter, by);
       return;
     }
     if (action === "input-start" || action === "input-end") {
-      sel.modify("move", backward ? "backward" : "forward", "documentboundary");
+      sel.modify(alter, backward ? "backward" : "forward", "documentboundary");
       return;
     }
     if (ROW_ACTIONS.has(action)) {
       const rows = action.startsWith("page") ? Math.max(1, Math.round(host.clientHeight / (parseFloat(this.frame.contentWindow.getComputedStyle(host).lineHeight) || 16))) : 1;
       for (let i = 0; i < rows; i++) {
         const [fn, fo] = [sel.focusNode, sel.focusOffset];
-        sel.modify("move", backward ? "backward" : "forward", "line");
+        sel.modify(alter, backward ? "backward" : "forward", "line");
         if (sel.focusNode === fn && sel.focusOffset === fo) {
-          sel.modify("move", backward ? "backward" : "forward", "documentboundary");
+          sel.modify(alter, backward ? "backward" : "forward", "documentboundary");
           return;
         }
       }
@@ -2712,6 +2780,7 @@ var Surface = class {
       this.commit();
       if (this.keyboard) {
         this.keyboard = false;
+        this.told = null;
         this.emit("blur", "");
       }
     });