@opentui/core 0.4.1 → 0.4.3

package/index.js

@@ -43,13 +43,15 @@ import {
   mergeKeyAliases,
   mergeKeyBindings,
   wrapWithDelegates
-} from "./index-07zpr2dg.js";
+} from "./index-xt9f071j.js";
 import {
   ASCIIFontSelectionHelper,
   ATTRIBUTE_BASE_BITS,
   ATTRIBUTE_BASE_MASK,
   BorderCharArrays,
   BorderChars,
+  Clipboard,
+  ClipboardTarget,
   DEFAULT_BACKGROUND_RGB,
   DEFAULT_FOREGROUND_RGB,
   DataPathsManager,
@@ -62,6 +64,7 @@ import {
   LogLevel,
   MacOSScrollAccel,
   MouseParser,
+  NativeMeasureTargetKind,
   OptimizedBuffer,
   PasteEvent,
   RGBA,
@@ -182,7 +185,7 @@ import {
   visualizeRenderableTree,
   white,
   yellow
-} from "./index-pcvh9d34.js";
+} from "./index-d5xqskty.js";
 // src/post/effects.ts
 function toU8(value) {
   return Math.round(Math.max(0, Math.min(1, Number.isFinite(value) ? value : 0)) * 255);
@@ -2429,7 +2432,7 @@ class SlotRenderable extends Renderable {
   }
   _detachNodeFromMount(node) {
     if (node.parent === this) {
-      this.remove(node.id);
+      this.remove(node);
     }
   }
   _cleanupInactivePluginNodes(nextActivePluginIds, registeredPluginIds) {
@@ -2502,7 +2505,7 @@ class SlotRenderable extends Renderable {
     for (const node of this._mountedNodes) {
       if (!desiredNodeSet.has(node)) {
         if (node.parent === this) {
-          this.remove(node.id);
+          this.remove(node);
         }
       }
     }
@@ -2513,7 +2516,7 @@ class SlotRenderable extends Renderable {
         continue;
       }
       const childAtIndex = this.getChildren()[index];
-      if (childAtIndex?.id !== node.id) {
+      if (childAtIndex !== node) {
         this.add(node, index);
       }
     }
@@ -3433,10 +3436,10 @@ class LineNumberRenderable extends Renderable {
       return;
     if (this.target) {
       this.target.off("line-info-change", this.handleLineInfoChange);
-      super.remove(this.target.id);
+      super.remove(this.target);
     }
     if (this.gutter) {
-      super.remove(this.gutter.id);
+      super.remove(this.gutter);
       this.gutter = null;
     }
     this.target = target;
@@ -3465,18 +3468,18 @@ class LineNumberRenderable extends Renderable {
     }
     return -1;
   }
-  remove(id) {
+  remove(child) {
     if (this._isDestroying) {
-      super.remove(id);
+      super.remove(child);
       return;
     }
-    if (this.gutter && id === this.gutter.id) {
+    if (this.gutter && child === this.gutter) {
       throw new Error("LineNumberRenderable: Cannot remove gutter directly.");
     }
-    if (this.target && id === this.target.id) {
+    if (this.target && child === this.target) {
       throw new Error("LineNumberRenderable: Cannot remove target directly. Use clearTarget() instead.");
     }
-    super.remove(id);
+    super.remove(child);
   }
   destroyRecursively() {
     this._isDestroying = true;
@@ -3490,11 +3493,11 @@ class LineNumberRenderable extends Renderable {
   clearTarget() {
     if (this.target) {
       this.target.off("line-info-change", this.handleLineInfoChange);
-      super.remove(this.target.id);
+      super.remove(this.target);
       this.target = null;
     }
     if (this.gutter) {
-      super.remove(this.gutter.id);
+      super.remove(this.gutter);
       this.gutter = null;
     }
   }
@@ -4207,11 +4210,11 @@ class DiffRenderable extends Renderable {
   buildErrorView() {
     this.flexDirection = "column";
     if (this.leftSide && this.leftSideAdded) {
-      super.remove(this.leftSide.id);
+      super.remove(this.leftSide);
       this.leftSideAdded = false;
     }
     if (this.rightSide && this.rightSideAdded) {
-      super.remove(this.rightSide.id);
+      super.remove(this.rightSide);
       this.rightSideAdded = false;
     }
     const errorMessage = `Error parsing diff: ${this._parseError?.message || "Unknown error"}
@@ -4359,13 +4362,13 @@ class DiffRenderable extends Renderable {
     if (this.errorTextRenderable) {
       const errorTextIndex = this.getChildren().indexOf(this.errorTextRenderable);
       if (errorTextIndex !== -1) {
-        super.remove(this.errorTextRenderable.id);
+        super.remove(this.errorTextRenderable);
       }
     }
     if (this.errorCodeRenderable) {
       const errorCodeIndex = this.getChildren().indexOf(this.errorCodeRenderable);
       if (errorCodeIndex !== -1) {
-        super.remove(this.errorCodeRenderable.id);
+        super.remove(this.errorCodeRenderable);
       }
     }
     const contentLines = [];
@@ -4440,7 +4443,7 @@ class DiffRenderable extends Renderable {
     this.attachLineInfoListeners();
     this.createOrUpdateSide("left", codeRenderable, lineColors, lineSigns, lineNumbers, new Set, "100%");
     if (this.rightSide && this.rightSideAdded) {
-      super.remove(this.rightSide.id);
+      super.remove(this.rightSide);
       this.rightSideAdded = false;
     }
   }
@@ -4451,13 +4454,13 @@ class DiffRenderable extends Renderable {
     if (this.errorTextRenderable) {
       const errorTextIndex = this.getChildren().indexOf(this.errorTextRenderable);
       if (errorTextIndex !== -1) {
-        super.remove(this.errorTextRenderable.id);
+        super.remove(this.errorTextRenderable);
       }
     }
     if (this.errorCodeRenderable) {
       const errorCodeIndex = this.getChildren().indexOf(this.errorCodeRenderable);
       if (errorCodeIndex !== -1) {
-        super.remove(this.errorCodeRenderable.id);
+        super.remove(this.errorCodeRenderable);
       }
     }
     const leftLogicalLines = [];
@@ -10373,12 +10376,19 @@ class ScrollBoxRenderable extends BoxRenderable {
   insertBefore(obj, anchor) {
     return this.content.insertBefore(obj, anchor);
   }
-  remove(id) {
-    this.content.remove(id);
+  remove(child) {
+    if (child.parent === this) {
+      super.remove(child);
+      return;
+    }
+    this.content.remove(child);
   }
   getChildren() {
     return this.content.getChildren();
   }
+  getRenderable(id) {
+    return this.content.getRenderable(id);
+  }
   onMouseEvent(event) {
     if (event.type === "scroll") {
       let dir = event.scroll?.direction;
@@ -10699,6 +10709,7 @@ class SelectRenderable extends Renderable {
   _showScrollIndicator;
   _wrapSelection;
   _showDescription;
+  _showSelectionIndicator;
   _font;
   _itemSpacing;
   linesPerItem;
@@ -10720,6 +10731,7 @@ class SelectRenderable extends Renderable {
     showScrollIndicator: false,
     wrapSelection: false,
     showDescription: true,
+    showSelectionIndicator: true,
     itemSpacing: 0,
     fastScrollStep: 5
   };
@@ -10735,6 +10747,7 @@ class SelectRenderable extends Renderable {
     this._showScrollIndicator = options.showScrollIndicator ?? this._defaultOptions.showScrollIndicator;
     this._wrapSelection = options.wrapSelection ?? this._defaultOptions.wrapSelection;
     this._showDescription = options.showDescription ?? this._defaultOptions.showDescription;
+    this._showSelectionIndicator = options.showSelectionIndicator ?? this._defaultOptions.showSelectionIndicator;
     this._font = options.font;
     this._itemSpacing = options.itemSpacing || this._defaultOptions.itemSpacing;
     this.fontHeight = this._font ? measureText({ text: "A", font: this._font }).height : 1;
@@ -10750,6 +10763,7 @@ class SelectRenderable extends Renderable {
     this._keyBindings = options.keyBindings || [];
     const mergedBindings = mergeKeyBindings(defaultSelectKeybindings, this._keyBindings);
     this._keyBindingsMap = buildKeyBindingsMap(mergedBindings, this._keyAliasMap);
+    this.updateScrollOffset();
     this.requestRender();
   }
   renderSelf(buffer, deltaTime) {
@@ -10782,29 +10796,30 @@ class SelectRenderable extends Renderable {
         const contentHeight2 = this.linesPerItem - this._itemSpacing;
         this.frameBuffer.fillRect(contentX, itemY, contentWidth, contentHeight2, this._selectedBackgroundColor);
       }
-      const nameContent = `${isSelected ? "▶ " : "  "}${option.name}`;
+      const indicator = this._showSelectionIndicator ? isSelected ? "▶ " : "  " : "";
+      const indicatorWidth = this._showSelectionIndicator ? 2 : 0;
+      const nameContent = `${indicator}${option.name}`;
       const baseTextColor = this._focused ? this._focusedTextColor : this._textColor;
       const nameColor = isSelected ? this._selectedTextColor : baseTextColor;
-      let descX = contentX + 3;
+      const textX = contentX + 1 + indicatorWidth;
       if (this._font) {
-        const indicator = isSelected ? "▶ " : "  ";
-        this.frameBuffer.drawText(indicator, contentX + 1, itemY, nameColor);
-        const indicatorWidth = 2;
+        if (indicator) {
+          this.frameBuffer.drawText(indicator, contentX + 1, itemY, nameColor);
+        }
         renderFontToFrameBuffer(this.frameBuffer, {
           text: option.name,
-          x: contentX + 1 + indicatorWidth,
+          x: textX,
           y: itemY,
           color: nameColor,
           backgroundColor: isSelected ? this._selectedBackgroundColor : bgColor,
           font: this._font
         });
-        descX = contentX + 1 + indicatorWidth;
       } else {
         this.frameBuffer.drawText(nameContent, contentX + 1, itemY, nameColor);
       }
       if (this._showDescription && itemY + this.fontHeight < contentY + contentHeight) {
         const descColor = isSelected ? this._selectedDescriptionColor : this._descriptionColor;
-        this.frameBuffer.drawText(option.description, descX, itemY + this.fontHeight, descColor);
+        this.frameBuffer.drawText(option.description, textX, itemY + this.fontHeight, descColor);
       }
     }
     if (this._showScrollIndicator && this._options.length > this.maxVisibleItems) {
@@ -10814,7 +10829,8 @@ class SelectRenderable extends Renderable {
   renderScrollIndicatorToFrameBuffer(contentX, contentY, contentWidth, contentHeight) {
     if (!this.frameBuffer)
       return;
-    const scrollPercent = this._selectedIndex / Math.max(1, this._options.length - 1);
+    const maxScrollOffset = this._options.length - this.maxVisibleItems;
+    const scrollPercent = this.scrollOffset / maxScrollOffset;
     const indicatorHeight = Math.max(1, contentHeight - 2);
     const indicatorY = contentY + 1 + Math.floor(scrollPercent * indicatorHeight);
     const indicatorX = contentX + contentWidth - 1;
@@ -10933,6 +10949,16 @@ class SelectRenderable extends Renderable {
       this.requestRender();
     }
   }
+  get showSelectionIndicator() {
+    return this._showSelectionIndicator;
+  }
+  set showSelectionIndicator(show) {
+    const next = show ?? this._defaultOptions.showSelectionIndicator;
+    if (this._showSelectionIndicator !== next) {
+      this._showSelectionIndicator = next;
+      this.requestRender();
+    }
+  }
   get wrapSelection() {
     return this._wrapSelection;
   }
@@ -11618,6 +11644,7 @@ export {
   PROTANOPIA_COMP_MATRIX,
   OptimizedBuffer,
   NativeSpanFeed,
+  NativeMeasureTargetKind,
   MouseParser,
   MouseEvent,
   MouseButton,
@@ -11657,6 +11684,8 @@ export {
   CodeRenderable,
   Code,
   CloudsEffect,
+  ClipboardTarget,
+  Clipboard,
   CliRenderer,
   CliRenderEvents,
   CRTRollingBarEffect,
@@ -11676,5 +11705,5 @@ export {
   ACHROMATOPSIA_MATRIX
 };
 
-//# debugId=0C019ED1790BA7F464756E2164756E21
+//# debugId=9FCFC4351B1344F964756E2164756E21
 //# sourceMappingURL=index.js.map