coneko-term 0.1.1 → 0.1.3

package/dist/input.d.ts

@@ -101,11 +101,15 @@ export declare class KeyHandler {
     private keyPressHandled;
     private unprocessedDeadKey;
     private readonly reported;
+    private readonly textPressed;
+    private lastDown;
     constructor(host: KeyHandlerHost, textarea: TextareaLike, composition: CompositionHelper);
     private cancel;
     /** macOS の Option（`macOptionIsMeta` が false のとき）と、Windows の AltGr は、字を打つキー。 */
     private isThirdLevelShift;
     keyDown(ev: KeyDownLike): boolean | undefined;
+    /** 押すを送るキーを覚える（離すを送るため）。 */
+    private rememberPress;
     /** 押したままフォーカスを失うと keyup が来ないので、`textarea` の blur で呼ぶ。 */
     reset(): void;
     keyUp(ev: KeyDownLike): void;

package/dist/input.js

@@ -2,7 +2,7 @@
 // `_keyDown`・`_keyPress`・`_inputEvent` と `CompositionHelper` の動きに合わせる。
 // DOM の要素そのものではなく、使う部分だけの形（`TextareaLike` など）に頼るので、DOM の無い
 // テストでも動かせる。
-import { evaluateKeyboardEvent, KITTY_REPORT_EVENT_TYPES, } from "./keyboard.js";
+import { evaluateKeyboardEvent, KITTY_REPORT_ALL_KEYS, KITTY_REPORT_EVENT_TYPES, } from "./keyboard.js";
 /**
  * 変換（IME）の間は送らず、確定した字を送る。変換中の字は、カーソルの位置に見せる。
  * xterm.js の `CompositionHelper` と同じ流れ。
@@ -152,6 +152,11 @@ export class KeyHandler {
     // keydown で `CSI` の形で送ったキー。離すを送るのは、これに入っているキーだけ。
     // 変換の確定の Enter のように、押したのを送っていないキーの離すだけを送ってしまわないため
     reported = new Set();
+    // 字を打つキーの押すを keypress か input で送ったキー。フラグ 8 が無いと、押すは字のまま送るので
+    // `reported` に入らない。kitty は、この場合も離すを `CSI` の形で送る
+    textPressed = new Set();
+    // 直近の keydown のキー（keypress・input の字を、どのキーが打ったか結びつける）。変換のキーと、macOS の Cmd を押したキーでは null
+    lastDown = null;
     constructor(host, textarea, composition) {
         this.host = host;
         this.textarea = textarea;
@@ -174,6 +179,7 @@ export class KeyHandler {
     }
     keyDown(ev) {
         this.keyDownSeen = true;
+        this.lastDown = null;
         const custom = this.host.customKeyHandler();
         if (custom && custom(ev) === false)
             return false;
@@ -188,6 +194,7 @@ export class KeyHandler {
         // Cmd を押したキーは送らない（アプリのショートカットに任せる）。変換の確定のあとで判断する
         if (h.isMac && ev.metaKey)
             return true;
+        this.lastDown = keyId(ev);
         if (!ignoreComposition && (ev.key === "Dead" || ev.key === "AltGraph")) {
             this.unprocessedDeadKey = true;
         }
@@ -206,11 +213,7 @@ export class KeyHandler {
             return true;
         // 大文字は keypress で処理する（CapsLock のとき小文字が打てない macOS の IME への対策）。
         // kitty の `CSI` の形で送るキーは keypress を通らないので、ここで送る
-        if (result.key === ev.key &&
-            !ev.ctrlKey &&
-            !ev.altKey &&
-            !ev.metaKey &&
-            ev.key.length === 1) {
+        if (result.key === ev.key && hasNoCommandModifier(ev) && ev.key.length === 1) {
             const c = ev.key.charCodeAt(0);
             if (c >= 65 && c <= 90)
                 return true;
@@ -226,18 +229,27 @@ export class KeyHandler {
             (ev.ctrlKey && ev.keyCode === 67)) {
             this.textarea.value = "";
         }
-        // アプリケーションカーソルキーの `ESC O A` などもここに入れる
-        if (flags & KITTY_REPORT_EVENT_TYPES &&
-            (result.key.startsWith("\x1b[") || result.key.startsWith("\x1bO"))) {
-            this.reported.add(keyId(ev));
-        }
+        this.rememberPress(ev, result.key, flags);
         h.send(result.key);
         this.cancel(ev);
         return false;
     }
+    /** 押すを送るキーを覚える（離すを送るため）。 */
+    rememberPress(ev, key, flags) {
+        // アプリケーションカーソルキーの `ESC O A` などもここに入れる
+        if (flags & KITTY_REPORT_EVENT_TYPES && (key.startsWith("\x1b[") || key.startsWith("\x1bO"))) {
+            this.reported.add(keyId(ev));
+        }
+        // keydown が字を送る場合（小文字、Ctrl+a の `\x01`、Alt+a の `ESC a` など）。
+        // kitty は、押すを従来の形で送ったキーも、離すは `CSI <code>;<mods>:3u` で送る
+        if (!ev.metaKey && [...ev.key].length === 1) {
+            this.textPressed.add(keyId(ev));
+        }
+    }
     /** 押したままフォーカスを失うと keyup が来ないので、`textarea` の blur で呼ぶ。 */
     reset() {
         this.reported.clear();
+        this.textPressed.clear();
     }
     keyUp(ev) {
         this.keyDownSeen = false;
@@ -245,8 +257,11 @@ export class KeyHandler {
         if (custom && custom(ev) === false)
             return;
         this.keyPressHandled = false;
-        // 離す（kitty のフラグ 2）。押したのを `CSI` の形で送ったキーだけ
-        if (!this.reported.delete(keyId(ev)))
+        // 離す（kitty のフラグ 2）。押したのを `CSI` の形か、字として（keypress・input で）送ったキーだけ
+        const id = keyId(ev);
+        const wasReported = this.reported.delete(id);
+        const wasText = this.textPressed.delete(id);
+        if (!wasReported && !wasText)
             return;
         const h = this.host;
         const flags = h.keyboardFlags();
@@ -255,7 +270,17 @@ export class KeyHandler {
         // 変換の途中の keyup は送らない（変換の動きは変えない）
         if (this.composition.isComposing || ev.keyCode === 229)
             return;
-        const result = evaluateKeyboardEvent(ev, h.applicationCursorKeys(), h.isMac, h.macOptionIsMeta, flags, 3);
+        // 字を打つ修飾（macOS の Option・Windows の AltGr）。kitty は離すのとき、Option を Alt として
+        // 送り、AltGr は修飾に出さない（Linux）。押すは字のまま送るので、ここは離すだけの扱い
+        const thirdLevel = wasText && this.isThirdLevelShift(ev);
+        const result = evaluateKeyboardEvent(!thirdLevel ? ev : h.isWindows ? override(ev, { ctrlKey: false, altKey: false }) : override(ev, { key: "" }), h.applicationCursorKeys(), 
+        // kittyKeyOf は macOS の Option を字のキーとして除く。離すは除かない。
+        // Option で変わった字（å）ではなく、押したキー（a）の番号で送る（kitty と同じ）
+        thirdLevel && h.isMac ? false : h.isMac, h.macOptionIsMeta, 
+        // 字のキーの離すは、フラグ 8 が無くても `CSI <code>;<mods>:3u`（kitty と同じ）。
+        // evaluateKeyboardEvent は字のキーをフラグ 8 のときだけ `CSI` にするので、離すに限って足す。
+        // Enter・Tab・Backspace は textPressed に入らず、CSI の形の離すは reported のキーだけ
+        wasText ? flags | KITTY_REPORT_ALL_KEYS : flags, 3);
         if (result.key)
             h.send(result.key);
     }
@@ -278,6 +303,8 @@ export class KeyHandler {
             return false;
         }
         this.host.send(String.fromCharCode(key));
+        if (this.lastDown)
+            this.textPressed.add(this.lastDown);
         this.keyPressHandled = true;
         this.unprocessedDeadKey = false;
         return true;
@@ -291,12 +318,29 @@ export class KeyHandler {
                 return false;
             this.unprocessedDeadKey = false;
             this.host.send(ev.data);
+            if (this.keyDownSeen && this.lastDown)
+                this.textPressed.add(this.lastDown);
             this.cancel(ev);
             return true;
         }
         return false;
     }
 }
+/** `ev` の一部の値を差し替えて見せる。 */
+function override(ev, values) {
+    return new Proxy(ev, {
+        get(target, prop) {
+            if (prop in values)
+                return values[prop];
+            const v = Reflect.get(target, prop, target);
+            return typeof v === "function" ? v.bind(target) : v;
+        },
+    });
+}
+/** Ctrl・Alt・Cmd のどれも押していない。 */
+function hasNoCommandModifier(ev) {
+    return !ev.ctrlKey && !ev.altKey && !ev.metaKey;
+}
 /** 押したキーと離したキーを結びつける印。 */
 function keyId(ev) {
     return ev.code || String(ev.keyCode);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coneko-term",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Terminal building blocks (VT parser and screen model) in Rust, as WebAssembly with TypeScript types",
   "license": "MIT",
   "repository": {