@effect-tui/core 0.12.0 → 0.12.3

package/dist/render/emoji.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Determine emoji presentation width overrides for a grapheme segment.
+ * Returns 2 for emoji presentation, 1 for text presentation, undefined for no override.
+ */
+export declare function emojiWidthOverride(segment: string): 1 | 2 | undefined;
+//# sourceMappingURL=emoji.d.ts.map

package/dist/render/emoji.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji.d.ts","sourceRoot":"","sources":["../../src/render/emoji.ts"],"names":[],"mappings":"AAgBA;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,CAiBrE"}

package/dist/render/emoji.js

@@ -0,0 +1,36 @@
+import EMOJI_REGEX from "emojibase-regex/emoji";
+import TEXT_REGEX from "emojibase-regex/text";
+const emojiRegex = new RegExp(EMOJI_REGEX.source, EMOJI_REGEX.flags.replace("g", "").replace("y", ""));
+const textRegex = new RegExp(TEXT_REGEX.source, TEXT_REGEX.flags.replace("g", "").replace("y", ""));
+const widthCache = new Map();
+function testRegex(regex, segment) {
+    if (regex.global || regex.sticky) {
+        regex.lastIndex = 0;
+    }
+    return regex.test(segment);
+}
+/**
+ * Determine emoji presentation width overrides for a grapheme segment.
+ * Returns 2 for emoji presentation, 1 for text presentation, undefined for no override.
+ */
+export function emojiWidthOverride(segment) {
+    const cached = widthCache.get(segment);
+    if (cached !== undefined)
+        return cached === 0 ? undefined : cached;
+    let width = 0;
+    if (segment.includes("\uFE0F")) {
+        width = 2;
+    }
+    else if (segment.includes("\uFE0E")) {
+        width = 1;
+    }
+    else if (testRegex(emojiRegex, segment)) {
+        width = 2;
+    }
+    else if (testRegex(textRegex, segment)) {
+        width = 1;
+    }
+    widthCache.set(segment, width);
+    return width === 0 ? undefined : width;
+}
+//# sourceMappingURL=emoji.js.map

package/dist/render/emoji.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji.js","sourceRoot":"","sources":["../../src/render/emoji.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,uBAAuB,CAAA;AAC/C,OAAO,UAAU,MAAM,sBAAsB,CAAA;AAI7C,MAAM,UAAU,GAAG,IAAI,MAAM,CAAC,WAAW,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;AACtG,MAAM,SAAS,GAAG,IAAI,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;AACnG,MAAM,UAAU,GAAG,IAAI,GAAG,EAAsB,CAAA;AAEhD,SAAS,SAAS,CAAC,KAAa,EAAE,OAAe;IAChD,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QAClC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAA;IACpB,CAAC;IACD,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;AAC3B,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,OAAe;IACjD,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IACtC,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAA;IAElE,IAAI,KAAK,GAAe,CAAC,CAAA;IACzB,IAAI,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QAChC,KAAK,GAAG,CAAC,CAAA;IACV,CAAC;SAAM,IAAI,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QACvC,KAAK,GAAG,CAAC,CAAA;IACV,CAAC;SAAM,IAAI,SAAS,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE,CAAC;QAC3C,KAAK,GAAG,CAAC,CAAA;IACV,CAAC;SAAM,IAAI,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,CAAC;QAC1C,KAAK,GAAG,CAAC,CAAA;IACV,CAAC;IAED,UAAU,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAC9B,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAA;AACvC,CAAC"}

package/dist/render/graphemes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"graphemes.d.ts","sourceRoot":"","sources":["../../src/render/graphemes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAG1C;;;GAGG;AACH,wBAAiB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAYxE;AAED;;GAEG;AACH,wBAAiB,oBAAoB,CACpC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,GACd,gBAAgB,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAUlE"}
+{"version":3,"file":"graphemes.d.ts","sourceRoot":"","sources":["../../src/render/graphemes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAI1C;;;GAGG;AACH,wBAAiB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAYxE;AAED;;GAEG;AACH,wBAAiB,oBAAoB,CACpC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,GACd,gBAAgB,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAQlE"}

package/dist/render/graphemes.js

@@ -1,3 +1,4 @@
+import { emojiWidthOverride } from "./emoji.js";
 import { getGraphemeSegmenter } from "./segmenter.js";
 /**
  * Iterate grapheme clusters using Intl.Segmenter when available.
@@ -22,10 +23,9 @@ export function* iterateGraphemeCells(text, wcwidth) {
     for (const segment of iterateGraphemes(text)) {
         const cp = segment.codePointAt(0) ?? 32;
         let width = wcwidth(cp) || 1;
-        // Emoji presentation selector (VS16) should render wide in terminals
-        if (width === 1 && segment.includes("\uFE0F")) {
-            width = 2;
-        }
+        const emojiWidth = emojiWidthOverride(segment);
+        if (emojiWidth !== undefined)
+            width = emojiWidth;
         yield { segment, cp, width };
     }
 }

package/dist/render/graphemes.js.map

@@ -1 +1 @@
-{"version":3,"file":"graphemes.js","sourceRoot":"","sources":["../../src/render/graphemes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAErD;;;GAGG;AACH,MAAM,SAAS,CAAC,CAAC,gBAAgB,CAAC,IAAY;IAC7C,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAA;IAClC,IAAI,GAAG,EAAE,CAAC;QACT,KAAK,MAAM,EAAE,OAAO,EAAE,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7C,MAAM,OAAO,CAAA;QACd,CAAC;QACD,OAAM;IACP,CAAC;IAED,KAAK,MAAM,EAAE,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,EAAE,CAAA;IACT,CAAC;AACF,CAAC;AAED;;GAEG;AACH,MAAM,SAAS,CAAC,CAAC,oBAAoB,CACpC,IAAY,EACZ,OAAgB;IAEhB,KAAK,MAAM,OAAO,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9C,MAAM,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,CAAA;QACvC,IAAI,KAAK,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,CAAA;QAC5B,qEAAqE;QACrE,IAAI,KAAK,KAAK,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC/C,KAAK,GAAG,CAAC,CAAA;QACV,CAAC;QACD,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,CAAA;IAC7B,CAAC;AACF,CAAC"}
+{"version":3,"file":"graphemes.js","sourceRoot":"","sources":["../../src/render/graphemes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAErD;;;GAGG;AACH,MAAM,SAAS,CAAC,CAAC,gBAAgB,CAAC,IAAY;IAC7C,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAA;IAClC,IAAI,GAAG,EAAE,CAAC;QACT,KAAK,MAAM,EAAE,OAAO,EAAE,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7C,MAAM,OAAO,CAAA;QACd,CAAC;QACD,OAAM;IACP,CAAC;IAED,KAAK,MAAM,EAAE,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,EAAE,CAAA;IACT,CAAC;AACF,CAAC;AAED;;GAEG;AACH,MAAM,SAAS,CAAC,CAAC,oBAAoB,CACpC,IAAY,EACZ,OAAgB;IAEhB,KAAK,MAAM,OAAO,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9C,MAAM,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,CAAA;QACvC,IAAI,KAAK,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,CAAA;QAC5B,MAAM,UAAU,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAA;QAC9C,IAAI,UAAU,KAAK,SAAS;YAAE,KAAK,GAAG,UAAU,CAAA;QAChD,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,CAAA;IAC7B,CAAC;AACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@effect-tui/core",
-	"version": "0.12.0",
+	"version": "0.12.3",
 	"description": "Terminal UI library built with Effect",
 	"type": "module",
 	"files": [
@@ -44,6 +44,9 @@
 		"format:check": "biome format .",
 		"prepublishOnly": "bun run typecheck && bun run build"
 	},
+	"dependencies": {
+		"emojibase-regex": "^16.0.0"
+	},
 	"peerDependencies": {
 		"effect": "^3.19.13"
 	},

package/src/render/emoji.ts

@@ -0,0 +1,38 @@
+import EMOJI_REGEX from "emojibase-regex/emoji"
+import TEXT_REGEX from "emojibase-regex/text"
+
+type EmojiWidth = 0 | 1 | 2
+
+const emojiRegex = new RegExp(EMOJI_REGEX.source, EMOJI_REGEX.flags.replace("g", "").replace("y", ""))
+const textRegex = new RegExp(TEXT_REGEX.source, TEXT_REGEX.flags.replace("g", "").replace("y", ""))
+const widthCache = new Map<string, EmojiWidth>()
+
+function testRegex(regex: RegExp, segment: string): boolean {
+	if (regex.global || regex.sticky) {
+		regex.lastIndex = 0
+	}
+	return regex.test(segment)
+}
+
+/**
+ * Determine emoji presentation width overrides for a grapheme segment.
+ * Returns 2 for emoji presentation, 1 for text presentation, undefined for no override.
+ */
+export function emojiWidthOverride(segment: string): 1 | 2 | undefined {
+	const cached = widthCache.get(segment)
+	if (cached !== undefined) return cached === 0 ? undefined : cached
+
+	let width: EmojiWidth = 0
+	if (segment.includes("\uFE0F")) {
+		width = 2
+	} else if (segment.includes("\uFE0E")) {
+		width = 1
+	} else if (testRegex(emojiRegex, segment)) {
+		width = 2
+	} else if (testRegex(textRegex, segment)) {
+		width = 1
+	}
+
+	widthCache.set(segment, width)
+	return width === 0 ? undefined : width
+}

package/src/render/graphemes.ts

@@ -1,4 +1,5 @@
 import type { Wcwidth } from "./buffer.js"
+import { emojiWidthOverride } from "./emoji.js"
 import { getGraphemeSegmenter } from "./segmenter.js"
 
 /**
@@ -29,10 +30,8 @@ export function* iterateGraphemeCells(
 	for (const segment of iterateGraphemes(text)) {
 		const cp = segment.codePointAt(0) ?? 32
 		let width = wcwidth(cp) || 1
-		// Emoji presentation selector (VS16) should render wide in terminals
-		if (width === 1 && segment.includes("\uFE0F")) {
-			width = 2
-		}
+		const emojiWidth = emojiWidthOverride(segment)
+		if (emojiWidth !== undefined) width = emojiWidth
 		yield { segment, cp, width }
 	}
 }

package/src/types/emojibase-regex.d.ts

@@ -0,0 +1,9 @@
+declare module "emojibase-regex/emoji" {
+	const regex: RegExp
+	export default regex
+}
+
+declare module "emojibase-regex/text" {
+	const regex: RegExp
+	export default regex
+}