@teammates/consolonia 0.7.1 → 0.7.3

package/dist/__tests__/ansi.test.js

@@ -534,7 +534,10 @@ describe("detectTerminal", () => {
         }
         Object.assign(process.env, origEnv);
         Object.defineProperty(process, "platform", { value: origPlatform });
-        Object.defineProperty(process.stdout, "isTTY", { value: origIsTTY, writable: true });
+        Object.defineProperty(process.stdout, "isTTY", {
+            value: origIsTTY,
+            writable: true,
+        });
     });
     function setEnv(overrides) {
         for (const [k, v] of Object.entries(overrides)) {
@@ -545,7 +548,10 @@ describe("detectTerminal", () => {
         }
     }
     it("returns pipe caps when stdout is not a TTY", () => {
-        Object.defineProperty(process.stdout, "isTTY", { value: false, writable: true });
+        Object.defineProperty(process.stdout, "isTTY", {
+            value: false,
+            writable: true,
+        });
         const caps = detectTerminal();
         expect(caps.isTTY).toBe(false);
         expect(caps.mouse).toBe(false);
@@ -554,7 +560,10 @@ describe("detectTerminal", () => {
     });
     it("detects Windows Terminal via WT_SESSION", () => {
         Object.defineProperty(process, "platform", { value: "win32" });
-        Object.defineProperty(process.stdout, "isTTY", { value: true, writable: true });
+        Object.defineProperty(process.stdout, "isTTY", {
+            value: true,
+            writable: true,
+        });
         setEnv({ WT_SESSION: "some-guid" });
         const caps = detectTerminal();
         expect(caps.name).toBe("windows-terminal");
@@ -563,7 +572,10 @@ describe("detectTerminal", () => {
     });
     it("detects VS Code terminal on Windows", () => {
         Object.defineProperty(process, "platform", { value: "win32" });
-        Object.defineProperty(process.stdout, "isTTY", { value: true, writable: true });
+        Object.defineProperty(process.stdout, "isTTY", {
+            value: true,
+            writable: true,
+        });
         setEnv({ WT_SESSION: undefined, TERM_PROGRAM: "vscode" });
         const caps = detectTerminal();
         expect(caps.name).toBe("vscode");
@@ -571,21 +583,40 @@ describe("detectTerminal", () => {
     });
     it("detects ConEmu on Windows", () => {
         Object.defineProperty(process, "platform", { value: "win32" });
-        Object.defineProperty(process.stdout, "isTTY", { value: true, writable: true });
-        setEnv({ WT_SESSION: undefined, TERM_PROGRAM: undefined, ConEmuPID: "1234" });
+        Object.defineProperty(process.stdout, "isTTY", {
+            value: true,
+            writable: true,
+        });
+        setEnv({
+            WT_SESSION: undefined,
+            TERM_PROGRAM: undefined,
+            ConEmuPID: "1234",
+        });
         const caps = detectTerminal();
         expect(caps.name).toBe("conemu");
     });
     it("detects mintty via TERM + MSYSTEM", () => {
         Object.defineProperty(process, "platform", { value: "win32" });
-        Object.defineProperty(process.stdout, "isTTY", { value: true, writable: true });
-        setEnv({ WT_SESSION: undefined, TERM_PROGRAM: undefined, ConEmuPID: undefined, TERM: "xterm-256color", MSYSTEM: "MINGW64" });
+        Object.defineProperty(process.stdout, "isTTY", {
+            value: true,
+            writable: true,
+        });
+        setEnv({
+            WT_SESSION: undefined,
+            TERM_PROGRAM: undefined,
+            ConEmuPID: undefined,
+            TERM: "xterm-256color",
+            MSYSTEM: "MINGW64",
+        });
         const caps = detectTerminal();
         expect(caps.name).toBe("mintty");
     });
     it("detects tmux on Unix", () => {
         Object.defineProperty(process, "platform", { value: "linux" });
-        Object.defineProperty(process.stdout, "isTTY", { value: true, writable: true });
+        Object.defineProperty(process.stdout, "isTTY", {
+            value: true,
+            writable: true,
+        });
         setEnv({ TMUX: "/tmp/tmux-1000/default,1234,0", TERM: "screen-256color" });
         const caps = detectTerminal();
         expect(caps.name).toBe("tmux");
@@ -593,8 +624,16 @@ describe("detectTerminal", () => {
     });
     it("detects GNU screen with limited caps", () => {
         Object.defineProperty(process, "platform", { value: "linux" });
-        Object.defineProperty(process.stdout, "isTTY", { value: true, writable: true });
-        setEnv({ TMUX: undefined, TERM: "screen", TERM_PROGRAM: undefined, ITERM_SESSION_ID: undefined });
+        Object.defineProperty(process.stdout, "isTTY", {
+            value: true,
+            writable: true,
+        });
+        setEnv({
+            TMUX: undefined,
+            TERM: "screen",
+            TERM_PROGRAM: undefined,
+            ITERM_SESSION_ID: undefined,
+        });
         const caps = detectTerminal();
         expect(caps.name).toBe("screen");
         expect(caps.sgrMouse).toBe(false);
@@ -602,24 +641,48 @@ describe("detectTerminal", () => {
     });
     it("detects iTerm2", () => {
         Object.defineProperty(process, "platform", { value: "darwin" });
-        Object.defineProperty(process.stdout, "isTTY", { value: true, writable: true });
-        setEnv({ TMUX: undefined, TERM: "xterm-256color", TERM_PROGRAM: "iTerm.app" });
+        Object.defineProperty(process.stdout, "isTTY", {
+            value: true,
+            writable: true,
+        });
+        setEnv({
+            TMUX: undefined,
+            TERM: "xterm-256color",
+            TERM_PROGRAM: "iTerm.app",
+        });
         const caps = detectTerminal();
         expect(caps.name).toBe("iterm2");
         expect(caps.truecolor).toBe(true);
     });
     it("detects xterm-compatible with COLORTERM truecolor", () => {
         Object.defineProperty(process, "platform", { value: "linux" });
-        Object.defineProperty(process.stdout, "isTTY", { value: true, writable: true });
-        setEnv({ TMUX: undefined, TERM: "xterm-256color", TERM_PROGRAM: undefined, ITERM_SESSION_ID: undefined, COLORTERM: "truecolor" });
+        Object.defineProperty(process.stdout, "isTTY", {
+            value: true,
+            writable: true,
+        });
+        setEnv({
+            TMUX: undefined,
+            TERM: "xterm-256color",
+            TERM_PROGRAM: undefined,
+            ITERM_SESSION_ID: undefined,
+            COLORTERM: "truecolor",
+        });
         const caps = detectTerminal();
         expect(caps.truecolor).toBe(true);
         expect(caps.color256).toBe(true);
     });
     it("detects dumb terminal with minimal caps", () => {
         Object.defineProperty(process, "platform", { value: "linux" });
-        Object.defineProperty(process.stdout, "isTTY", { value: true, writable: true });
-        setEnv({ TMUX: undefined, TERM: "dumb", TERM_PROGRAM: undefined, ITERM_SESSION_ID: undefined });
+        Object.defineProperty(process.stdout, "isTTY", {
+            value: true,
+            writable: true,
+        });
+        setEnv({
+            TMUX: undefined,
+            TERM: "dumb",
+            TERM_PROGRAM: undefined,
+            ITERM_SESSION_ID: undefined,
+        });
         const caps = detectTerminal();
         expect(caps.name).toBe("dumb");
         expect(caps.mouse).toBe(false);
@@ -667,7 +730,10 @@ describe("esc environment-aware sequences", () => {
     describe("initSequence", () => {
         it("includes all features for a full-caps terminal", () => {
             const caps = makeCaps();
-            const seq = esc.initSequence(caps, { alternateScreen: true, mouse: true });
+            const seq = esc.initSequence(caps, {
+                alternateScreen: true,
+                mouse: true,
+            });
             expect(seq).toContain(esc.alternateScreenOn);
             expect(seq).toContain(esc.hideCursor);
             expect(seq).toContain(esc.bracketedPasteOn);
@@ -676,34 +742,52 @@ describe("esc environment-aware sequences", () => {
         });
         it("skips alternate screen when not supported", () => {
             const caps = makeCaps({ alternateScreen: false });
-            const seq = esc.initSequence(caps, { alternateScreen: true, mouse: false });
+            const seq = esc.initSequence(caps, {
+                alternateScreen: true,
+                mouse: false,
+            });
             expect(seq).not.toContain(esc.alternateScreenOn);
         });
         it("skips alternate screen when app opts out", () => {
             const caps = makeCaps();
-            const seq = esc.initSequence(caps, { alternateScreen: false, mouse: false });
+            const seq = esc.initSequence(caps, {
+                alternateScreen: false,
+                mouse: false,
+            });
             expect(seq).not.toContain(esc.alternateScreenOn);
         });
         it("skips bracketed paste when not supported", () => {
             const caps = makeCaps({ bracketedPaste: false });
-            const seq = esc.initSequence(caps, { alternateScreen: false, mouse: false });
+            const seq = esc.initSequence(caps, {
+                alternateScreen: false,
+                mouse: false,
+            });
             expect(seq).not.toContain(esc.bracketedPasteOn);
         });
         it("skips mouse when app opts out even if caps support it", () => {
             const caps = makeCaps();
-            const seq = esc.initSequence(caps, { alternateScreen: false, mouse: false });
+            const seq = esc.initSequence(caps, {
+                alternateScreen: false,
+                mouse: false,
+            });
             expect(seq).not.toContain("?1000h");
         });
         it("returns empty string for non-TTY", () => {
             const caps = makeCaps({ isTTY: false });
-            const seq = esc.initSequence(caps, { alternateScreen: true, mouse: true });
+            const seq = esc.initSequence(caps, {
+                alternateScreen: true,
+                mouse: true,
+            });
             expect(seq).toBe("");
         });
     });
     describe("restoreSequence", () => {
         it("includes all restore features for a full-caps terminal", () => {
             const caps = makeCaps();
-            const seq = esc.restoreSequence(caps, { alternateScreen: true, mouse: true });
+            const seq = esc.restoreSequence(caps, {
+                alternateScreen: true,
+                mouse: true,
+            });
             expect(seq).toContain(esc.reset);
             expect(seq).toContain(esc.mouseTrackingOff);
             expect(seq).toContain(esc.bracketedPasteOff);
@@ -712,14 +796,20 @@ describe("esc environment-aware sequences", () => {
         });
         it("mirrors initSequence — skips what init skipped", () => {
             const caps = makeCaps({ bracketedPaste: false, alternateScreen: false });
-            const seq = esc.restoreSequence(caps, { alternateScreen: true, mouse: false });
+            const seq = esc.restoreSequence(caps, {
+                alternateScreen: true,
+                mouse: false,
+            });
             expect(seq).not.toContain(esc.bracketedPasteOff);
             expect(seq).not.toContain(esc.alternateScreenOff);
             expect(seq).not.toContain(esc.mouseTrackingOff);
         });
         it("returns empty string for non-TTY", () => {
             const caps = makeCaps({ isTTY: false });
-            const seq = esc.restoreSequence(caps, { alternateScreen: true, mouse: true });
+            const seq = esc.restoreSequence(caps, {
+                alternateScreen: true,
+                mouse: true,
+            });
             expect(seq).toBe("");
         });
     });

package/dist/__tests__/pixel.test.js

@@ -296,6 +296,44 @@ describe("symbol", () => {
             // U+1F600 = grinning face (in emoji range 0x1f000-0x1faff)
             expect(charWidth(0x1f600)).toBe(2);
         });
+        it("text-presentation symbols that remain width 1", () => {
+            // These render as 1 cell even on Windows Terminal
+            expect(charWidth(0x2713)).toBe(1); // ✓ Check Mark
+            expect(charWidth(0x2702)).toBe(1); // ✂ Scissors
+            expect(charWidth(0x00a9)).toBe(1); // © Copyright
+            expect(charWidth(0x00ae)).toBe(1); // ® Registered
+        });
+        it("emoji-presentation symbols are width 2", () => {
+            // These have Emoji_Presentation=Yes and render as 2 cells
+            expect(charWidth(0x2614)).toBe(2); // ☔ Umbrella with Rain Drops
+            expect(charWidth(0x2615)).toBe(2); // ☕ Hot Beverage
+            expect(charWidth(0x2705)).toBe(2); // ✅ White Heavy Check Mark
+            expect(charWidth(0x274c)).toBe(2); // ❌ Cross Mark
+            expect(charWidth(0x2757)).toBe(2); // ❗ Heavy Exclamation Mark
+            expect(charWidth(0x26bd)).toBe(2); // ⚽ Soccer Ball
+            expect(charWidth(0x26fd)).toBe(2); // ⛽ Fuel Pump
+            expect(charWidth(0x2b50)).toBe(2); // ⭐ White Medium Star
+        });
+        it("Windows Terminal wide symbols are width 2", () => {
+            // Text-presentation chars that Windows Terminal renders as double-width
+            expect(charWidth(0x2139)).toBe(2); // ℹ Information Source
+            expect(charWidth(0x2605)).toBe(2); // ★ Black Star
+            expect(charWidth(0x2606)).toBe(2); // ☆ White Star
+            expect(charWidth(0x2660)).toBe(2); // ♠ Black Spade Suit
+            expect(charWidth(0x2663)).toBe(2); // ♣ Black Club Suit
+            expect(charWidth(0x2665)).toBe(2); // ♥ Black Heart Suit
+            expect(charWidth(0x2666)).toBe(2); // ♦ Black Diamond Suit
+            expect(charWidth(0x2690)).toBe(2); // ⚐ White Flag
+            expect(charWidth(0x2691)).toBe(2); // ⚑ Black Flag
+            expect(charWidth(0x2699)).toBe(2); // ⚙ Gear
+            expect(charWidth(0x26a0)).toBe(2); // ⚠ Warning Sign
+            expect(charWidth(0x2714)).toBe(2); // ✔ Heavy Check Mark
+            expect(charWidth(0x2716)).toBe(2); // ✖ Heavy Multiplication X
+            expect(charWidth(0x279c)).toBe(2); // ➜ Heavy Round-Tipped Arrow
+            expect(charWidth(0x27a4)).toBe(2); // ➤ Black Right Arrowhead
+            expect(charWidth(0x25b6)).toBe(2); // ▶ Black Right Triangle
+            expect(charWidth(0x23f1)).toBe(2); // ⏱ Stopwatch
+        });
     });
     describe("sym() factory", () => {
         it("creates a symbol with auto-detected width 1 for ASCII", () => {

package/dist/__tests__/styled.test.js

@@ -80,7 +80,7 @@ describe("concat", () => {
         const s = concat(pen.green("✔ "), pen.white("done"));
         expect(s).toHaveLength(2);
         expect(spanText(s)).toBe("✔ done");
-        expect(spanLength(s)).toBe(7); // ✔ is width 2 (dingbat emoji)
+        expect(spanLength(s)).toBe(7); // ✔ is width 2 (renders wide on Windows Terminal)
     });
     it("accepts plain strings", () => {
         const s = concat("hello ", pen.cyan("world"));

package/dist/app.js

@@ -7,7 +7,7 @@
  */
 import * as esc from "./ansi/esc.js";
 import { AnsiOutput } from "./ansi/output.js";
-import { detectTerminal, } from "./ansi/terminal-env.js";
+import { detectTerminal } from "./ansi/terminal-env.js";
 import { DrawingContext } from "./drawing/context.js";
 import { createInputProcessor } from "./input/processor.js";
 import { disableRawMode, enableRawMode } from "./input/raw-mode.js";
@@ -99,8 +99,7 @@ export class App {
         enableRawMode();
         // 2. Create ANSI output
         this._output = new AnsiOutput(stdout);
-        // 3. Prepare terminal (custom sequence instead of prepareTerminal()
-        //    so we can conditionally enable mouse tracking)
+        // 3. Prepare terminal (ANSI sequences for alternate screen, mouse, etc.)
         this._prepareTerminal();
         // 4. Set terminal title
         if (this._title) {

package/dist/index.d.ts

@@ -16,7 +16,7 @@ export type { Constraint, Point, Rect, Size, } from "./layout/types.js";
 export * as esc from "./ansi/esc.js";
 export { AnsiOutput } from "./ansi/output.js";
 export { stripAnsi, truncateAnsi, visibleLength, } from "./ansi/strip.js";
-export { type TerminalCaps, detectTerminal, } from "./ansi/terminal-env.js";
+export { detectTerminal, type TerminalCaps, } from "./ansi/terminal-env.js";
 export { DirtyRegions, DirtySnapshot } from "./render/regions.js";
 export { RenderTarget } from "./render/render-target.js";
 export { EscapeMatcher } from "./input/escape-matcher.js";

package/dist/pixel/symbol.js

@@ -114,49 +114,115 @@ export function charWidth(codePoint) {
     // CJK Compatibility Ideographs Supplement
     if (codePoint >= 0x2f800 && codePoint <= 0x2fa1f)
         return 2;
-    // ── Emoji ranges (rendered as width 2 on modern terminals) ─────
-    // Hourglass + Watch
+    // ── Emoji with Emoji_Presentation=Yes (rendered as 2 cells by default) ──
+    // Only characters that terminals render as wide WITHOUT a variation selector.
+    // ── Text-presentation characters that Windows Terminal renders as wide ──
+    // These have Emoji_Presentation=No in Unicode but modern terminals (Windows
+    // Terminal, VS Code integrated terminal) render them as double-width emoji.
+    if (codePoint === 0x2139)
+        return 2; // ℹ Information Source
+    if (codePoint === 0x2605 || codePoint === 0x2606)
+        return 2; // ★☆ Stars
+    if (codePoint === 0x2660)
+        return 2; // ♠ Black Spade Suit
+    if (codePoint === 0x2663)
+        return 2; // ♣ Black Club Suit
+    if (codePoint === 0x2665)
+        return 2; // ♥ Black Heart Suit
+    if (codePoint === 0x2666)
+        return 2; // ♦ Black Diamond Suit
+    if (codePoint === 0x2690 || codePoint === 0x2691)
+        return 2; // ⚐⚑ Flags
+    if (codePoint === 0x2699)
+        return 2; // ⚙ Gear
+    if (codePoint === 0x26a0)
+        return 2; // ⚠ Warning Sign
+    if (codePoint === 0x2714)
+        return 2; // ✔ Heavy Check Mark
+    if (codePoint === 0x2716)
+        return 2; // ✖ Heavy Multiplication X
+    if (codePoint === 0x279c)
+        return 2; // ➜ Heavy Round-Tipped Arrow
+    if (codePoint === 0x27a4)
+        return 2; // ➤ Black Right Arrowhead
+    if (codePoint === 0x25b6)
+        return 2; // ▶ Black Right Triangle
+    if (codePoint === 0x23f1)
+        return 2; // ⏱ Stopwatch
+    // Hourglass + Watch (⌚⌛)
     if (codePoint === 0x231a || codePoint === 0x231b)
         return 2;
-    // Player controls (⏩-⏳)
-    if (codePoint >= 0x23e9 && codePoint <= 0x23f3)
-        return 2;
-    // Media controls (⏸-⏺)
-    if (codePoint >= 0x23f8 && codePoint <= 0x23fa)
-        return 2;
-    // Play / reverse play buttons
-    if (codePoint === 0x25b6 || codePoint === 0x25c0)
-        return 2;
-    // Geometric shapes used as emoji (◻◼◽◾)
-    if (codePoint >= 0x25fb && codePoint <= 0x25fe)
-        return 2;
-    // Miscellaneous Symbols — most have emoji presentation (☀-⛿)
-    if (codePoint >= 0x2600 && codePoint <= 0x26ff)
-        return 2;
-    // Dingbats with emoji presentation (✂-➿)
-    if (codePoint >= 0x2702 && codePoint <= 0x27b0)
-        return 2;
-    // Curly loop
-    if (codePoint === 0x27bf)
-        return 2;
-    // Supplemental arrows used as emoji
-    if (codePoint === 0x2934 || codePoint === 0x2935)
-        return 2;
-    // Misc symbols used as emoji (⬛⬜⭐⭕)
-    if (codePoint >= 0x2b05 && codePoint <= 0x2b07)
-        return 2;
+    // Fast-forward through rewind (⏩⏪⏫⏬)
+    if (codePoint >= 0x23e9 && codePoint <= 0x23ec)
+        return 2;
+    // Alarm clock (⏰)
+    if (codePoint === 0x23f0)
+        return 2;
+    // Hourglass flowing (⏳)
+    if (codePoint === 0x23f3)
+        return 2;
+    // White/black medium small square with emoji pres (◽◾)
+    if (codePoint === 0x25fd || codePoint === 0x25fe)
+        return 2;
+    // Misc Symbols — only Emoji_Presentation=Yes entries
+    if (codePoint === 0x2614 || codePoint === 0x2615)
+        return 2; // ☔☕
+    if (codePoint >= 0x2648 && codePoint <= 0x2653)
+        return 2; // ♈-♓
+    if (codePoint === 0x267f)
+        return 2; // ♿
+    if (codePoint === 0x2693)
+        return 2; // ⚓
+    if (codePoint === 0x26a1)
+        return 2; // ⚡
+    if (codePoint === 0x26aa || codePoint === 0x26ab)
+        return 2; // ⚪⚫
+    if (codePoint === 0x26bd || codePoint === 0x26be)
+        return 2; // ⚽⚾
+    if (codePoint === 0x26c4 || codePoint === 0x26c5)
+        return 2; // ⛄⛅
+    if (codePoint === 0x26ce)
+        return 2; // ⛎
+    if (codePoint === 0x26d4)
+        return 2; // ⛔
+    if (codePoint === 0x26ea)
+        return 2; // ⛪
+    if (codePoint === 0x26f2 || codePoint === 0x26f3)
+        return 2; // ⛲⛳
+    if (codePoint === 0x26f5)
+        return 2; // ⛵
+    if (codePoint === 0x26fa)
+        return 2; // ⛺
+    if (codePoint === 0x26fd)
+        return 2; // ⛽
+    // Dingbats — only Emoji_Presentation=Yes entries
+    if (codePoint === 0x2705)
+        return 2; // ✅
+    if (codePoint === 0x270a || codePoint === 0x270b)
+        return 2; // ✊✋
+    if (codePoint === 0x2728)
+        return 2; // ✨
+    if (codePoint === 0x274c)
+        return 2; // ❌
+    if (codePoint === 0x274e)
+        return 2; // ❎
+    if (codePoint >= 0x2753 && codePoint <= 0x2755)
+        return 2; // ❓❔❕
+    if (codePoint === 0x2757)
+        return 2; // ❗
+    if (codePoint === 0x2764)
+        return 2; // ❤
+    if (codePoint >= 0x2795 && codePoint <= 0x2797)
+        return 2; // ➕➖➗
+    // Curly loop / double curly loop (➰➿)
+    if (codePoint === 0x27b0 || codePoint === 0x27bf)
+        return 2;
+    // Black large square/circle, star, hollow circle (⬛⬜⭐⭕)
     if (codePoint === 0x2b1b || codePoint === 0x2b1c)
         return 2;
     if (codePoint === 0x2b50 || codePoint === 0x2b55)
         return 2;
-    // Copyright / Registered / TM (when emoji-styled)
-    if (codePoint === 0x00a9 || codePoint === 0x00ae)
-        return 2;
-    // Wavy dash, part alternation mark
-    if (codePoint === 0x3030 || codePoint === 0x303d)
-        return 2;
     // SMP Emoji: Mahjong through Symbols & Pictographs Extended-A
-    // Covers emoticons, transport, flags, supplemental symbols, etc.
     if (codePoint >= 0x1f000 && codePoint <= 0x1faff)
         return 2;
     return 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teammates/consolonia",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "description": "Terminal UI rendering engine inspired by Consolonia. Pixel-level compositing with ANSI output.",
   "type": "module",
   "main": "dist/index.js",