@opentui/core 0.5.2 → 0.5.4

package/index.bun.js

@@ -44,7 +44,7 @@ import {
   mergeKeyAliases,
   mergeKeyBindings,
   wrapWithDelegates
-} from "./chunk-bun-t68f2fmr.js";
+} from "./chunk-bun-gvv8cwwz.js";
 import {
   ASCIIFontSelectionHelper,
   ATTRIBUTE_BASE_BITS,
@@ -204,7 +204,7 @@ import {
   visualizeRenderableTree,
   white,
   yellow
-} from "./chunk-bun-26r5c5w5.js";
+} from "./chunk-bun-1n307cze.js";
 // src/post/effects.ts
 function toU8(value) {
   return Math.round(Math.max(0, Math.min(1, Number.isFinite(value) ? value : 0)) * 255);
@@ -14831,6 +14831,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;
@@ -14883,9 +14907,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)) {
@@ -15173,5 +15197,5 @@ export {
   ACHROMATOPSIA_MATRIX
 };
 
-//# debugId=7EDEA741834B885264756E2164756E21
+//# debugId=A848CCAED7419F3F64756E2164756E21
 //# sourceMappingURL=index.bun.js.map