@opentui/core 0.5.2 → 0.5.4

package/index.node.js

@@ -43,7 +43,7 @@ import {
   mergeKeyAliases,
   mergeKeyBindings,
   wrapWithDelegates
-} from "./chunk-node-kq7as74d.js";
+} from "./chunk-node-tq0x9mbj.js";
 import {
   ASCIIFontSelectionHelper,
   ATTRIBUTE_BASE_BITS,
@@ -203,7 +203,7 @@ import {
   visualizeRenderableTree,
   white,
   yellow
-} from "./chunk-node-aj3n20gq.js";
+} from "./chunk-node-crchpns1.js";
 // src/post/effects.ts
 function toU8(value) {
   return Math.round(Math.max(0, Math.min(1, Number.isFinite(value) ? value : 0)) * 255);
@@ -14830,6 +14830,30 @@ class TabSelectRenderable extends Renderable {
   }
 }
 // src/renderables/TimeToFirstDraw.ts
+var graphemeSegmenter = new Intl.Segmenter(undefined, { granularity: "grapheme" });
+function measureCellWidth(buffer, text) {
+  const encoded = buffer.encodeUnicode(text);
+  if (!encoded)
+    return 0;
+  try {
+    return encoded.data.reduce((width, glyph) => width + glyph.width, 0);
+  } finally {
+    buffer.freeUnicode(encoded);
+  }
+}
+function truncateToCellWidth(buffer, text, maxWidth) {
+  let visibleText = "";
+  let visibleWidth = 0;
+  for (const { segment } of graphemeSegmenter.segment(text)) {
+    const segmentWidth = measureCellWidth(buffer, segment);
+    if (visibleWidth + segmentWidth > maxWidth)
+      break;
+    visibleText += segment;
+    visibleWidth += segmentWidth;
+  }
+  return { text: visibleText, width: visibleWidth };
+}
+
 class TimeToFirstDrawRenderable extends Renderable {
   _runtimeMs = null;
   textColor;
@@ -14882,9 +14906,9 @@ class TimeToFirstDrawRenderable extends Renderable {
     }
     const content = `${this.label}: ${this._runtimeMs.toFixed(this.precision)}ms`;
     const maxWidth = Math.max(this.width, 1);
-    const visibleContent = content.length > maxWidth ? content.slice(0, maxWidth) : content;
-    const centeredX = this.x + Math.max(0, Math.floor((maxWidth - visibleContent.length) / 2));
-    buffer.drawText(visibleContent, centeredX, this.y, this.textColor);
+    const visibleContent = truncateToCellWidth(buffer, content, maxWidth);
+    const centeredX = this.x + Math.max(0, Math.floor((maxWidth - visibleContent.width) / 2));
+    buffer.drawText(visibleContent.text, centeredX, this.y, this.textColor);
   }
   normalizePrecision(value) {
     if (!Number.isFinite(value)) {
@@ -15172,5 +15196,5 @@ export {
   ACHROMATOPSIA_MATRIX
 };
 
-//# debugId=461568FAFCC40A8864756E2164756E21
+//# debugId=C3D27E9A5375901564756E2164756E21
 //# sourceMappingURL=index.node.js.map