wispy-cli 2.7.23 → 2.7.24

package/lib/cjk-text-input.mjs

@@ -0,0 +1,163 @@
+/**
+ * cjk-text-input.mjs — CJK-aware text input for Ink TUI
+ *
+ * Drop-in replacement for `ink-text-input` that handles Korean/CJK IME
+ * composition properly by using Node's UTF-8 encoded stdin data events
+ * instead of raw byte-by-byte useInput hooks.
+ *
+ * Key insight: When stdin is in "raw" mode and encoding is set to "utf8",
+ * Node.js emits fully-composed UTF-8 strings (including Korean/CJK characters)
+ * rather than raw bytes. The terminal emulator handles IME composition before
+ * sending the final composed character to stdin.
+ */
+
+import React, { useState, useEffect, useRef, useCallback } from "react";
+import { Box, Text, useStdin } from "ink";
+
+/**
+ * CJKTextInput — A text input component that properly handles CJK/Korean input.
+ *
+ * @param {object} props
+ * @param {string}   props.value        - Controlled value
+ * @param {function} props.onChange     - Called with new value on change
+ * @param {function} props.onSubmit     - Called with value on Enter
+ * @param {string}   [props.placeholder] - Placeholder text when empty
+ * @param {boolean}  [props.focus=true] - Whether this input is focused
+ * @param {boolean}  [props.showCursor=true] - Whether to show cursor block
+ */
+function CJKTextInput({
+  value = "",
+  onChange,
+  onSubmit,
+  placeholder = "",
+  focus = true,
+  showCursor = true,
+}) {
+  const { stdin, setRawMode } = useStdin();
+  const valueRef = useRef(value);
+
+  // Keep ref in sync with controlled value
+  useEffect(() => {
+    valueRef.current = value;
+  }, [value]);
+
+  useEffect(() => {
+    if (!focus || !stdin) return;
+
+    // Set UTF-8 encoding so Node decodes multi-byte sequences (Korean, CJK)
+    // before emitting the data event — this is the key fix for CJK input.
+    const prevEncoding = stdin.readableEncoding;
+    stdin.setEncoding("utf8");
+
+    const onData = (chunk) => {
+      // chunk is now a UTF-8 decoded string (not a Buffer)
+      const str = typeof chunk === "string" ? chunk : chunk.toString("utf8");
+
+      for (let i = 0; i < str.length; ) {
+        // Check for escape sequences (arrow keys, etc.)
+        if (str[i] === "\x1b") {
+          const seq = str.slice(i);
+          // Arrow keys
+          if (seq.startsWith("\x1b[D") || seq.startsWith("\x1bOD")) {
+            // Left arrow — not handled here, skip
+            i += seq.startsWith("\x1b[D") ? 3 : 3;
+            continue;
+          }
+          if (seq.startsWith("\x1b[C") || seq.startsWith("\x1bOC")) {
+            // Right arrow — not handled here, skip
+            i += 3;
+            continue;
+          }
+          // Other escape sequences — skip
+          i += 1;
+          continue;
+        }
+
+        const ch = str[i];
+        const code = ch.charCodeAt(0);
+
+        if (ch === "\r" || ch === "\n") {
+          onSubmit?.(valueRef.current);
+          i++;
+          continue;
+        }
+
+        if (ch === "\x7f" || ch === "\b") {
+          // Backspace
+          const newVal = valueRef.current.slice(0, -1);
+          valueRef.current = newVal;
+          onChange?.(newVal);
+          i++;
+          continue;
+        }
+
+        if (ch === "\x03") {
+          // Ctrl+C — let Ink handle it
+          i++;
+          continue;
+        }
+
+        if (ch === "\t") {
+          // Tab — do NOT consume, let Ink's useInput handle tab for view switching
+          i++;
+          continue;
+        }
+
+        if (ch === "\x15") {
+          // Ctrl+U — clear line
+          valueRef.current = "";
+          onChange?.("");
+          i++;
+          continue;
+        }
+
+        if (ch === "\x01") {
+          // Ctrl+A — move to beginning (just clear for simplicity)
+          i++;
+          continue;
+        }
+
+        // Normal printable character (ASCII or multi-byte CJK/Korean)
+        // code >= 32 for ASCII printable; any non-control Unicode char is fine
+        if (code >= 32 || code > 127) {
+          const newVal = valueRef.current + ch;
+          valueRef.current = newVal;
+          onChange?.(newVal);
+        }
+
+        i++;
+      }
+    };
+
+    stdin.on("data", onData);
+
+    return () => {
+      stdin.removeListener("data", onData);
+      // Restore previous encoding
+      if (prevEncoding !== null) {
+        stdin.setEncoding(prevEncoding);
+      }
+    };
+  }, [focus, stdin, onChange, onSubmit]);
+
+  // Render
+  const displayValue = value;
+  const showPlaceholder = !displayValue && placeholder;
+
+  if (showPlaceholder) {
+    return React.createElement(Text, { dimColor: true }, placeholder);
+  }
+
+  if (showCursor && focus) {
+    return React.createElement(
+      Box,
+      {},
+      React.createElement(Text, {}, displayValue),
+      React.createElement(Text, { inverse: true }, " "),
+    );
+  }
+
+  return React.createElement(Text, {}, displayValue);
+}
+
+export default CJKTextInput;

package/lib/wispy-tui.mjs

@@ -12,7 +12,9 @@
 import React, { useState, useEffect, useRef, useCallback } from "react";
 import { render, Box, Text, useApp, useInput, useStdout } from "ink";
 import Spinner from "ink-spinner";
-import TextInput from "ink-text-input";
+import CJKTextInput from "./cjk-text-input.mjs";
+// CJKTextInput is a drop-in replacement for ink-text-input with Korean/CJK support
+const TextInput = CJKTextInput;
 
 import { COMMANDS, filterCommands } from "./command-registry.mjs";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wispy-cli",
-  "version": "2.7.23",
+  "version": "2.7.24",
   "description": "🌿 Wispy — AI workspace assistant with trustworthy execution (harness, receipts, approvals, diffs)",
   "license": "MIT",
   "author": "Minseo & Poropo",