@opentui/core 0.0.0-20251026-63abf532 → 0.0.0-20251028-c5b3c52c

package/index.js

@@ -133,7 +133,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-g5xctwrm.js";
+} from "./index-nmrjz1q1.js";
 // src/text-buffer-view.ts
 class TextBufferView {
   lib;
@@ -469,14 +469,6 @@ class EditBuffer extends EventEmitter {
     this.guard();
     this.lib.textBufferResetDefaults(this.textBufferPtr);
   }
-  setPlaceholder(text) {
-    this.guard();
-    this.lib.editBufferSetPlaceholder(this.bufferPtr, text);
-  }
-  setPlaceholderColor(color) {
-    this.guard();
-    this.lib.editBufferSetPlaceholderColor(this.bufferPtr, color);
-  }
   setSyntaxStyle(style) {
     this.guard();
     this._syntaxStyle = style ?? undefined;
@@ -649,13 +641,11 @@ class EditorView {
   }
   getLineInfo() {
     this.guard();
-    const textBufferViewPtr = this.lib.editorViewGetTextBufferView(this.viewPtr);
-    return this.lib.textBufferViewGetLineInfo(textBufferViewPtr);
+    return this.lib.editorViewGetLineInfo(this.viewPtr);
   }
   getLogicalLineInfo() {
     this.guard();
-    const textBufferViewPtr = this.lib.editorViewGetTextBufferView(this.viewPtr);
-    return this.lib.textBufferViewGetLogicalLineInfo(textBufferViewPtr);
+    return this.lib.editorViewGetLogicalLineInfo(this.viewPtr);
   }
   get extmarks() {
     if (!this._extmarksController) {
@@ -663,6 +653,10 @@ class EditorView {
     }
     return this._extmarksController;
   }
+  setPlaceholderStyledText(chunks) {
+    this.guard();
+    this.lib.editorViewSetPlaceholderStyledText(this.viewPtr, chunks);
+  }
   destroy() {
     if (this._destroyed)
       return;
@@ -2504,8 +2498,9 @@ class TextBufferRenderable extends Renderable {
   }
   setupMeasureFunc() {
     const measureFunc = (width, widthMode, height, heightMode) => {
-      if (this._wrapMode !== "none" && this.width !== width) {
-        this.updateWrapWidth(width);
+      const effectiveWidth = isNaN(width) ? 1 : width;
+      if (this._wrapMode !== "none" && this.width !== effectiveWidth) {
+        this.updateWrapWidth(effectiveWidth);
       } else {
         this.updateLineInfo();
       }
@@ -3156,7 +3151,7 @@ class InputRenderable extends Renderable {
         this.deleteCharacter("forward");
         return true;
       case "return":
-      case "enter":
+      case "linefeed":
         if (this._value !== this._lastCommittedValue) {
           this._lastCommittedValue = this._value;
           this.emit("change" /* CHANGE */, this._value);
@@ -4511,7 +4506,7 @@ class SelectRenderable extends Renderable {
         this.moveDown(isShift ? this._fastScrollStep : 1);
         return true;
       case "return":
-      case "enter":
+      case "linefeed":
         this.selectCurrent();
         return true;
     }
@@ -4830,7 +4825,7 @@ class TabSelectRenderable extends Renderable {
         this.moveRight();
         return true;
       case "return":
-      case "enter":
+      case "linefeed":
         this.selectCurrent();
         return true;
     }
@@ -5245,10 +5240,12 @@ class EditBufferRenderable extends Renderable {
   }
   setupMeasureFunc() {
     const measureFunc = (width, widthMode, height, heightMode) => {
-      if (this._wrapMode !== "none" && this.width !== width) {
-        this.editorView.setViewportSize(width, height);
+      const effectiveHeight = isNaN(height) ? 1 : height;
+      const effectiveWidth = isNaN(width) ? 1 : width;
+      if (this._wrapMode !== "none" && this.width !== effectiveWidth) {
+        this.editorView.setViewportSize(effectiveWidth, effectiveHeight);
       } else {
-        this.editorView.setViewportSize(width, height);
+        this.editorView.setViewportSize(effectiveWidth, effectiveHeight);
       }
       const lineInfo = this.editorView.getLogicalLineInfo();
       const measuredWidth = lineInfo.maxLineWidth;
@@ -5418,9 +5415,8 @@ var defaultTextareaKeybindings = [
   { name: "backspace", action: "backspace" },
   { name: "delete", action: "delete" },
   { name: "return", action: "newline" },
-  { name: "enter", action: "newline" },
+  { name: "linefeed", action: "newline" },
   { name: "return", meta: true, action: "submit" },
-  { name: "enter", meta: true, action: "submit" },
   { name: "z", ctrl: true, action: "undo" },
   { name: "Z", ctrl: true, shift: true, action: "redo" },
   { name: "y", ctrl: true, action: "redo" },
@@ -5443,7 +5439,6 @@ class TextareaRenderable extends EditBufferRenderable {
   _unfocusedTextColor;
   _focusedBackgroundColor;
   _focusedTextColor;
-  _placeholderColor;
   _keyBindingsMap;
   _actionHandlers;
   _initialValueSet = false;
@@ -5453,8 +5448,7 @@ class TextareaRenderable extends EditBufferRenderable {
     textColor: "#FFFFFF",
     focusedBackgroundColor: "transparent",
     focusedTextColor: "#FFFFFF",
-    placeholder: null,
-    placeholderColor: "#666666"
+    placeholder: null
   };
   constructor(ctx, options) {
     const defaults = TextareaRenderable.defaults;
@@ -5469,7 +5463,6 @@ class TextareaRenderable extends EditBufferRenderable {
     this._focusedBackgroundColor = parseColor(options.focusedBackgroundColor || options.backgroundColor || defaults.focusedBackgroundColor);
     this._focusedTextColor = parseColor(options.focusedTextColor || options.textColor || defaults.focusedTextColor);
     this._placeholder = options.placeholder ?? defaults.placeholder;
-    this._placeholderColor = parseColor(options.placeholderColor || defaults.placeholderColor);
     const mergedBindings = mergeKeyBindings(defaultTextareaKeybindings, options.keyBindings || []);
     this._keyBindingsMap = buildKeyBindingsMap(mergedBindings);
     this._actionHandlers = this.buildActionHandlers();
@@ -5479,8 +5472,20 @@ class TextareaRenderable extends EditBufferRenderable {
       this._initialValueSet = true;
     }
     this.updateColors();
-    this.editBuffer.setPlaceholder(this._placeholder);
-    this.editBuffer.setPlaceholderColor(this._placeholderColor);
+    this.applyPlaceholder(this._placeholder);
+  }
+  applyPlaceholder(placeholder) {
+    if (placeholder === null) {
+      this.editorView.setPlaceholderStyledText([]);
+      return;
+    }
+    if (typeof placeholder === "string") {
+      const defaultGray = fg("#666666");
+      const chunks = [defaultGray(placeholder)];
+      this.editorView.setPlaceholderStyledText(chunks);
+    } else {
+      this.editorView.setPlaceholderStyledText(placeholder.chunks);
+    }
   }
   buildActionHandlers() {
     return new Map([
@@ -5514,8 +5519,8 @@ class TextareaRenderable extends EditBufferRenderable {
       ["submit", () => this.submit()]
     ]);
   }
-  handlePaste(text) {
-    this.insertText(text);
+  handlePaste(event) {
+    this.insertText(event.text);
   }
   handleKeyPress(key) {
     const keyName = typeof key === "string" ? key : key.name;
@@ -5523,6 +5528,7 @@ class TextareaRenderable extends EditBufferRenderable {
     const keyCtrl = typeof key === "string" ? false : key.ctrl;
     const keyShift = typeof key === "string" ? false : key.shift;
     const keyMeta = typeof key === "string" ? false : key.meta;
+    console.log("handleKeyPress", key);
     const bindingKey = getKeyBindingKey({
       name: keyName,
       ctrl: keyCtrl,
@@ -5532,6 +5538,7 @@ class TextareaRenderable extends EditBufferRenderable {
     });
     const action = this._keyBindingsMap.get(bindingKey);
     if (action) {
+      console.log("action", action);
       const handler = this._actionHandlers.get(action);
       if (handler) {
         return handler();
@@ -5771,7 +5778,7 @@ class TextareaRenderable extends EditBufferRenderable {
   set placeholder(value) {
     if (this._placeholder !== value) {
       this._placeholder = value;
-      this.editBuffer.setPlaceholder(value);
+      this.applyPlaceholder(value);
       this.requestRender();
     }
   }
@@ -5809,14 +5816,6 @@ class TextareaRenderable extends EditBufferRenderable {
       this.updateColors();
     }
   }
-  set placeholderColor(value) {
-    const newColor = parseColor(value ?? TextareaRenderable.defaults.placeholderColor);
-    if (this._placeholderColor !== newColor) {
-      this._placeholderColor = newColor;
-      this.editBuffer.setPlaceholderColor(newColor);
-      this.requestRender();
-    }
-  }
   set initialValue(value) {
     if (!this._initialValueSet) {
       this.setText(value);
@@ -6025,5 +6024,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=6D1D4813A8D6270C64756E2164756E21
+//# debugId=2D492194646FCB1E64756E2164756E21
 //# sourceMappingURL=index.js.map