@opentui/core 0.1.24 → 0.1.26

package/index.js

@@ -7,16 +7,22 @@ import {
   CliRenderEvents,
   CliRenderer,
   ConsolePosition,
+  DataPathsManager,
   DebugOverlayCorner,
   Edge,
   Gutter,
+  InternalKeyHandler,
+  KeyEvent,
   KeyHandler,
   LayoutEvents,
+  LinearScrollAccel,
   LogLevel,
+  MacOSScrollAccel,
   MouseButton,
   MouseEvent,
   MouseParser,
   OptimizedBuffer,
+  PasteEvent,
   RGBA,
   Renderable,
   RenderableEvents,
@@ -27,6 +33,8 @@ import {
   TerminalConsole,
   TextAttributes,
   TextBuffer,
+  TreeSitterClient,
+  addDefaultParsers,
   bg,
   bgBlack,
   bgBlue,
@@ -50,21 +58,29 @@ import {
   brightWhite,
   brightYellow,
   capture,
+  clearEnvCache,
   convertGlobalToLocalSelection,
+  convertThemeToStyles,
   coordinateToCharacterIndex,
   createCliRenderer,
   createTextAttributes,
   cyan,
   delegate,
   dim,
+  env,
+  envRegistry,
   exports_src,
+  extToFiletype,
   fg,
   fonts,
+  generateEnvColored,
+  generateEnvMarkdown,
   getBorderFromSides,
   getBorderSides,
   getCharacterPositions,
-  getKeyHandler,
+  getDataPaths,
   getObjectsInViewport,
+  getTreeSitterClient,
   green,
   h,
   hastToStyledText,
@@ -77,6 +93,7 @@ import {
   isValidPercentage,
   italic,
   magenta,
+  main,
   maybeMakeRenderable,
   measureText,
   nonAlphanumericKeys,
@@ -97,7 +114,9 @@ import {
   parsePositionType,
   parseUnit,
   parseWrap,
+  pathToFiletype,
   red,
+  registerEnvVar,
   renderFontToFrameBuffer,
   resolveRenderLib,
   reverse,
@@ -106,12 +125,14 @@ import {
   strikethrough,
   stringToStyledText,
   t,
+  treeSitterToStyledText,
+  treeSitterToTextChunks,
   underline,
   visualizeRenderableTree,
   white,
   wrapWithDelegates,
   yellow
-} from "./index-0yx9rnxg.js";
+} from "./index-pxa2sv92.js";
 // src/post/filters.ts
 function applyScanlines(buffer, strength = 0.8, step = 2) {
   const width = buffer.width;
@@ -1407,6 +1428,354 @@ class BoxRenderable extends Renderable {
     }
   }
 }
+// src/renderables/TextBufferRenderable.ts
+class TextBufferRenderable extends Renderable {
+  selectable = true;
+  _defaultFg;
+  _defaultBg;
+  _defaultAttributes;
+  _selectionBg;
+  _selectionFg;
+  _wrap = false;
+  _wrapMode = "word";
+  lastLocalSelection = null;
+  textBuffer;
+  _lineInfo = { lineStarts: [], lineWidths: [], maxLineWidth: 0 };
+  _defaultOptions = {
+    fg: RGBA.fromValues(1, 1, 1, 1),
+    bg: RGBA.fromValues(0, 0, 0, 0),
+    selectionBg: undefined,
+    selectionFg: undefined,
+    selectable: true,
+    attributes: 0,
+    wrap: true,
+    wrapMode: "word"
+  };
+  constructor(ctx, options) {
+    super(ctx, options);
+    this._defaultFg = parseColor(options.fg ?? this._defaultOptions.fg);
+    this._defaultBg = parseColor(options.bg ?? this._defaultOptions.bg);
+    this._defaultAttributes = options.attributes ?? this._defaultOptions.attributes;
+    this._selectionBg = options.selectionBg ? parseColor(options.selectionBg) : this._defaultOptions.selectionBg;
+    this._selectionFg = options.selectionFg ? parseColor(options.selectionFg) : this._defaultOptions.selectionFg;
+    this.selectable = options.selectable ?? this._defaultOptions.selectable;
+    this._wrap = options.wrap ?? this._defaultOptions.wrap;
+    this._wrapMode = options.wrapMode ?? this._defaultOptions.wrapMode;
+    this.textBuffer = TextBuffer.create(this._ctx.widthMethod);
+    this.textBuffer.setWrapMode(this._wrapMode);
+    this.setupMeasureFunc();
+    this.textBuffer.setDefaultFg(this._defaultFg);
+    this.textBuffer.setDefaultBg(this._defaultBg);
+    this.textBuffer.setDefaultAttributes(this._defaultAttributes);
+    if (this._wrap && this.width > 0) {
+      this.updateWrapWidth(this.width);
+    }
+    this.updateTextInfo();
+  }
+  get plainText() {
+    return this.textBuffer.getPlainText();
+  }
+  get textLength() {
+    return this.textBuffer.length;
+  }
+  get fg() {
+    return this._defaultFg;
+  }
+  set fg(value) {
+    const newColor = parseColor(value ?? this._defaultOptions.fg);
+    if (this._defaultFg !== newColor) {
+      this._defaultFg = newColor;
+      this.textBuffer.setDefaultFg(this._defaultFg);
+      this.onFgChanged(newColor);
+      this.requestRender();
+    }
+  }
+  get selectionBg() {
+    return this._selectionBg;
+  }
+  set selectionBg(value) {
+    const newColor = value ? parseColor(value) : this._defaultOptions.selectionBg;
+    if (this._selectionBg !== newColor) {
+      this._selectionBg = newColor;
+      if (this.lastLocalSelection) {
+        this.updateLocalSelection(this.lastLocalSelection);
+      }
+      this.requestRender();
+    }
+  }
+  get selectionFg() {
+    return this._selectionFg;
+  }
+  set selectionFg(value) {
+    const newColor = value ? parseColor(value) : this._defaultOptions.selectionFg;
+    if (this._selectionFg !== newColor) {
+      this._selectionFg = newColor;
+      if (this.lastLocalSelection) {
+        this.updateLocalSelection(this.lastLocalSelection);
+      }
+      this.requestRender();
+    }
+  }
+  get bg() {
+    return this._defaultBg;
+  }
+  set bg(value) {
+    const newColor = parseColor(value ?? this._defaultOptions.bg);
+    if (this._defaultBg !== newColor) {
+      this._defaultBg = newColor;
+      this.textBuffer.setDefaultBg(this._defaultBg);
+      this.onBgChanged(newColor);
+      this.requestRender();
+    }
+  }
+  get attributes() {
+    return this._defaultAttributes;
+  }
+  set attributes(value) {
+    if (this._defaultAttributes !== value) {
+      this._defaultAttributes = value;
+      this.textBuffer.setDefaultAttributes(this._defaultAttributes);
+      this.onAttributesChanged(value);
+      this.requestRender();
+    }
+  }
+  get wrap() {
+    return this._wrap;
+  }
+  set wrap(value) {
+    if (this._wrap !== value) {
+      this._wrap = value;
+      this.textBuffer.setWrapWidth(this._wrap ? this.width : null);
+      this.requestRender();
+    }
+  }
+  get wrapMode() {
+    return this._wrapMode;
+  }
+  set wrapMode(value) {
+    if (this._wrapMode !== value) {
+      this._wrapMode = value;
+      this.textBuffer.setWrapMode(this._wrapMode);
+      this.requestRender();
+    }
+  }
+  onResize(width, height) {
+    if (this.lastLocalSelection) {
+      const changed = this.updateLocalSelection(this.lastLocalSelection);
+      if (changed) {
+        this.requestRender();
+      }
+    }
+  }
+  refreshLocalSelection() {
+    if (this.lastLocalSelection) {
+      return this.updateLocalSelection(this.lastLocalSelection);
+    }
+    return false;
+  }
+  updateLocalSelection(localSelection) {
+    if (!localSelection?.isActive) {
+      this.textBuffer.resetLocalSelection();
+      return true;
+    }
+    return this.textBuffer.setLocalSelection(localSelection.anchorX, localSelection.anchorY, localSelection.focusX, localSelection.focusY, this._selectionBg, this._selectionFg);
+  }
+  updateTextInfo() {
+    if (this.lastLocalSelection) {
+      const changed = this.updateLocalSelection(this.lastLocalSelection);
+      if (changed) {
+        this.requestRender();
+      }
+    }
+    this.yogaNode.markDirty();
+    this.requestRender();
+  }
+  updateLineInfo() {
+    const lineInfo = this.textBuffer.lineInfo;
+    this._lineInfo.lineStarts = lineInfo.lineStarts;
+    this._lineInfo.lineWidths = lineInfo.lineWidths;
+    this._lineInfo.maxLineWidth = lineInfo.maxLineWidth;
+  }
+  updateWrapWidth(width) {
+    this.textBuffer.setWrapWidth(width);
+    this.updateLineInfo();
+  }
+  setupMeasureFunc() {
+    const measureFunc = (width, widthMode, height, heightMode) => {
+      if (this._wrap && this.width !== width) {
+        this.updateWrapWidth(width);
+      } else {
+        this.updateLineInfo();
+      }
+      const measuredWidth = this._lineInfo.maxLineWidth;
+      const measuredHeight = this._lineInfo.lineStarts.length;
+      return {
+        width: Math.max(1, measuredWidth),
+        height: Math.max(1, measuredHeight)
+      };
+    };
+    this.yogaNode.setMeasureFunc(measureFunc);
+  }
+  insertChunk(chunk, index) {
+    this.textBuffer.insertChunkGroup(index ?? this.textBuffer.chunkGroupCount, chunk.text, chunk.fg, chunk.bg, chunk.attributes);
+    this.updateTextInfo();
+  }
+  removeChunk(index) {
+    this.textBuffer.removeChunkGroup(index);
+    this.updateTextInfo();
+  }
+  replaceChunk(index, chunk) {
+    this.textBuffer.replaceChunkGroup(index, chunk.text, chunk.fg, chunk.bg, chunk.attributes);
+    this.updateTextInfo();
+  }
+  shouldStartSelection(x, y) {
+    if (!this.selectable)
+      return false;
+    const localX = x - this.x;
+    const localY = y - this.y;
+    return localX >= 0 && localX < this.width && localY >= 0 && localY < this.height;
+  }
+  onSelectionChanged(selection) {
+    const localSelection = convertGlobalToLocalSelection(selection, this.x, this.y);
+    this.lastLocalSelection = localSelection;
+    const changed = this.updateLocalSelection(localSelection);
+    if (changed) {
+      this.requestRender();
+    }
+    return this.hasSelection();
+  }
+  getSelectedText() {
+    return this.textBuffer.getSelectedText();
+  }
+  hasSelection() {
+    return this.textBuffer.hasSelection();
+  }
+  getSelection() {
+    return this.textBuffer.getSelection();
+  }
+  render(buffer, deltaTime) {
+    if (!this.visible)
+      return;
+    this.markClean();
+    this._ctx.addToHitGrid(this.x, this.y, this.width, this.height, this.num);
+    this.renderSelf(buffer);
+  }
+  renderSelf(buffer) {
+    if (this.textBuffer.ptr) {
+      const clipRect = {
+        x: this.x,
+        y: this.y,
+        width: this.width,
+        height: this.height
+      };
+      buffer.drawTextBuffer(this.textBuffer, this.x, this.y, clipRect);
+    }
+  }
+  destroy() {
+    this.textBuffer.destroy();
+    super.destroy();
+  }
+  onFgChanged(newColor) {}
+  onBgChanged(newColor) {}
+  onAttributesChanged(newAttributes) {}
+}
+
+// src/renderables/Code.ts
+class CodeRenderable extends TextBufferRenderable {
+  _content;
+  _filetype;
+  _syntaxStyle;
+  _isHighlighting = false;
+  _treeSitterClient;
+  _pendingRehighlight = false;
+  _contentDefaultOptions = {
+    content: ""
+  };
+  constructor(ctx, options) {
+    super(ctx, options);
+    this._content = options.content ?? this._contentDefaultOptions.content;
+    this._filetype = options.filetype;
+    this._syntaxStyle = options.syntaxStyle;
+    this._treeSitterClient = options.treeSitterClient ?? getTreeSitterClient();
+    this.updateContent(this._content);
+  }
+  get content() {
+    return this._content;
+  }
+  set content(value) {
+    if (this._content !== value) {
+      this._content = value;
+      this.updateContent(value);
+    }
+  }
+  get filetype() {
+    return this._filetype;
+  }
+  set filetype(value) {
+    if (this._filetype !== value) {
+      this._filetype = value;
+      this.updateContent(this._content);
+    }
+  }
+  get syntaxStyle() {
+    return this._syntaxStyle;
+  }
+  set syntaxStyle(value) {
+    if (this._syntaxStyle !== value) {
+      this._syntaxStyle = value;
+      this.updateContent(this._content);
+    }
+  }
+  async updateContent(content) {
+    if (content.length === 0)
+      return;
+    if (this._isHighlighting) {
+      this._pendingRehighlight = true;
+      return;
+    }
+    if (!this._filetype) {
+      this.fallback(content);
+      return;
+    }
+    this.fallback(content);
+    this._isHighlighting = true;
+    try {
+      const styledText = await treeSitterToStyledText(content, this._filetype, this._syntaxStyle, this._treeSitterClient);
+      if (this.isDestroyed)
+        return;
+      this.textBuffer.setStyledText(styledText);
+      this.updateTextInfo();
+    } catch (error) {
+      console.warn("Code highlighting failed, falling back to plain text:", error);
+      this.fallback(content);
+    } finally {
+      this._isHighlighting = false;
+      if (this._pendingRehighlight) {
+        this._pendingRehighlight = false;
+        process.nextTick(() => this.updateContent(this._content));
+      }
+    }
+  }
+  fallback(content) {
+    const fallbackStyledText = this.createFallbackStyledText(content);
+    if (this.isDestroyed)
+      return;
+    this.textBuffer.setStyledText(fallbackStyledText);
+    this.updateTextInfo();
+  }
+  createFallbackStyledText(content) {
+    const chunks = [
+      {
+        __isChunk: true,
+        text: content,
+        fg: this._defaultFg,
+        bg: this._defaultBg,
+        attributes: this._defaultAttributes
+      }
+    ];
+    return new StyledText(chunks);
+  }
+}
 // src/renderables/FrameBuffer.ts
 class FrameBufferRenderable extends Renderable {
   frameBuffer;
@@ -1647,6 +2016,9 @@ class TextNodeRenderable extends BaseRenderable {
   get attributes() {
     return this._attributes;
   }
+  findDescendantById(id) {
+    return;
+  }
 }
 
 class RootTextNodeRenderable extends TextNodeRenderable {
@@ -1664,53 +2036,19 @@ class RootTextNodeRenderable extends TextNodeRenderable {
 }
 
 // src/renderables/Text.ts
-class TextRenderable extends Renderable {
-  selectable = true;
+class TextRenderable extends TextBufferRenderable {
   _text;
-  _defaultFg;
-  _defaultBg;
-  _defaultAttributes;
-  _selectionBg;
-  _selectionFg;
-  _wrap = false;
-  _wrapMode = "word";
-  lastLocalSelection = null;
-  textBuffer;
-  _lineInfo = { lineStarts: [], lineWidths: [], maxLineWidth: 0 };
+  _hasManualStyledText = false;
   rootTextNode;
-  _defaultOptions = {
-    content: "",
-    fg: RGBA.fromValues(1, 1, 1, 1),
-    bg: RGBA.fromValues(0, 0, 0, 0),
-    selectionBg: undefined,
-    selectionFg: undefined,
-    selectable: true,
-    attributes: 0,
-    wrap: true,
-    wrapMode: "word"
+  _contentDefaultOptions = {
+    content: ""
   };
   constructor(ctx, options) {
     super(ctx, options);
-    const content = options.content ?? this._defaultOptions.content;
+    const content = options.content ?? this._contentDefaultOptions.content;
     const styledText = typeof content === "string" ? stringToStyledText(content) : content;
     this._text = styledText;
-    this._defaultFg = parseColor(options.fg ?? this._defaultOptions.fg);
-    this._defaultBg = parseColor(options.bg ?? this._defaultOptions.bg);
-    this._defaultAttributes = options.attributes ?? this._defaultOptions.attributes;
-    this._selectionBg = options.selectionBg ? parseColor(options.selectionBg) : this._defaultOptions.selectionBg;
-    this._selectionFg = options.selectionFg ? parseColor(options.selectionFg) : this._defaultOptions.selectionFg;
-    this.selectable = options.selectable ?? this._defaultOptions.selectable;
-    this._wrap = options.wrap ?? this._defaultOptions.wrap;
-    this._wrapMode = options.wrapMode ?? this._defaultOptions.wrapMode;
-    this.textBuffer = TextBuffer.create(this._ctx.widthMethod);
-    this.textBuffer.setWrapMode(this._wrapMode);
-    if (this._wrap) {
-      this.textBuffer.setWrapWidth(this.width > 0 ? this.width : 40);
-    }
-    this.textBuffer.setDefaultFg(this._defaultFg);
-    this.textBuffer.setDefaultBg(this._defaultBg);
-    this.textBuffer.setDefaultAttributes(this._defaultAttributes);
-    this.setupMeasureFunc();
+    this._hasManualStyledText = options.content !== undefined && content !== "";
     this.rootTextNode = new RootTextNodeRenderable(ctx, {
       id: `${this.id}-root`,
       fg: this._defaultFg,
@@ -1718,8 +2056,6 @@ class TextRenderable extends Renderable {
       attributes: this._defaultAttributes
     }, this);
     this.updateTextBuffer(styledText);
-    this._text.mount(this);
-    this.updateTextInfo();
   }
   updateTextBuffer(styledText) {
     this.textBuffer.setStyledText(styledText);
@@ -1729,12 +2065,6 @@ class TextRenderable extends Renderable {
   get content() {
     return this._text;
   }
-  get plainText() {
-    return this.textBuffer.getPlainText();
-  }
-  get textLength() {
-    return this.textBuffer.length;
-  }
   get chunks() {
     return this._text.chunks;
   }
@@ -1742,172 +2072,42 @@ class TextRenderable extends Renderable {
     return this.rootTextNode;
   }
   set content(value) {
+    this._hasManualStyledText = true;
     const styledText = typeof value === "string" ? stringToStyledText(value) : value;
     if (this._text !== styledText) {
       this._text = styledText;
-      styledText.mount(this);
       this.updateTextBuffer(styledText);
       this.updateTextInfo();
     }
   }
-  get fg() {
-    return this._defaultFg;
-  }
-  set fg(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.fg);
-    this.rootTextNode.fg = newColor;
-    if (this._defaultFg !== newColor) {
-      this._defaultFg = newColor;
-      this.textBuffer.setDefaultFg(this._defaultFg);
-      this.rootTextNode.fg = newColor;
-      this.requestRender();
-    }
-  }
-  get selectionBg() {
-    return this._selectionBg;
-  }
-  set selectionBg(value) {
-    const newColor = value ? parseColor(value) : this._defaultOptions.selectionBg;
-    if (this._selectionBg !== newColor) {
-      this._selectionBg = newColor;
-      if (this.lastLocalSelection) {
-        this.updateLocalSelection(this.lastLocalSelection);
-      }
-      this.requestRender();
-    }
-  }
-  get selectionFg() {
-    return this._selectionFg;
-  }
-  set selectionFg(value) {
-    const newColor = value ? parseColor(value) : this._defaultOptions.selectionFg;
-    if (this._selectionFg !== newColor) {
-      this._selectionFg = newColor;
-      if (this.lastLocalSelection) {
-        this.updateLocalSelection(this.lastLocalSelection);
-      }
-      this.requestRender();
-    }
-  }
-  get bg() {
-    return this._defaultBg;
-  }
-  set bg(value) {
-    const newColor = parseColor(value ?? this._defaultOptions.bg);
-    this.rootTextNode.bg = newColor;
-    if (this._defaultBg !== newColor) {
-      this._defaultBg = newColor;
-      this.textBuffer.setDefaultBg(this._defaultBg);
-      this.rootTextNode.bg = newColor;
-      this.requestRender();
-    }
-  }
-  get attributes() {
-    return this._defaultAttributes;
-  }
-  set attributes(value) {
-    if (this._defaultAttributes !== value) {
-      this._defaultAttributes = value;
-      this.textBuffer.setDefaultAttributes(this._defaultAttributes);
-      this.rootTextNode.attributes = value;
-      this.requestRender();
-    }
-  }
-  get wrap() {
-    return this._wrap;
-  }
-  set wrap(value) {
-    if (this._wrap !== value) {
-      this._wrap = value;
-      this.textBuffer.setWrapWidth(this._wrap ? this.width : null);
-      this.requestRender();
-    }
-  }
-  get wrapMode() {
-    return this._wrapMode;
-  }
-  set wrapMode(value) {
-    if (this._wrapMode !== value) {
-      this._wrapMode = value;
-      this.textBuffer.setWrapMode(this._wrapMode);
-      this.requestRender();
-    }
-  }
-  onResize(width, height) {
-    if (this._wrap) {
-      this.textBuffer.setWrapWidth(width);
-      this.updateTextInfo();
-    } else if (this.lastLocalSelection) {
-      const changed = this.updateLocalSelection(this.lastLocalSelection);
-      if (changed) {
-        this.requestRender();
-      }
-    }
-  }
-  updateLocalSelection(localSelection) {
-    if (!localSelection?.isActive) {
-      this.textBuffer.resetLocalSelection();
-      return true;
-    }
-    return this.textBuffer.setLocalSelection(localSelection.anchorX, localSelection.anchorY, localSelection.focusX, localSelection.focusY, this._selectionBg, this._selectionFg);
-  }
-  updateTextInfo() {
-    const lineInfo = this.textBuffer.lineInfo;
-    this._lineInfo.lineStarts = lineInfo.lineStarts;
-    this._lineInfo.lineWidths = lineInfo.lineWidths;
-    this._lineInfo.maxLineWidth = lineInfo.maxLineWidth;
-    if (this.lastLocalSelection) {
-      const changed = this.updateLocalSelection(this.lastLocalSelection);
-      if (changed) {
-        this.requestRender();
-      }
-    }
-    this.yogaNode.markDirty();
-    this.requestRender();
-  }
-  setupMeasureFunc() {
-    const measureFunc = (width, widthMode, height, heightMode) => {
-      const maxLineWidth = this._lineInfo.maxLineWidth;
-      const numLines = this._lineInfo.lineStarts.length;
-      let measuredWidth = maxLineWidth;
-      let measuredHeight = numLines;
-      return {
-        width: Math.max(1, measuredWidth),
-        height: Math.max(1, measuredHeight)
-      };
-    };
-    this.yogaNode.setMeasureFunc(measureFunc);
-  }
   insertChunk(chunk, index) {
-    this.textBuffer.insertChunkGroup(index ?? this.textBuffer.chunkGroupCount, chunk.text, chunk.fg, chunk.bg, chunk.attributes);
-    this.updateTextInfo();
+    super.insertChunk(chunk, index);
     this.clearChunks(this._text);
   }
-  removeChunk(chunk) {
+  removeChunkByObject(chunk) {
     const index = this._text.chunks.indexOf(chunk);
     if (index === -1)
       return;
-    this.textBuffer.removeChunkGroup(index);
-    this.updateTextInfo();
+    super.removeChunk(index);
     this.clearChunks(this._text);
   }
-  replaceChunk(chunk, oldChunk) {
+  replaceChunkByObject(chunk, oldChunk) {
     const index = this._text.chunks.indexOf(oldChunk);
     if (index === -1)
       return;
-    this.textBuffer.replaceChunkGroup(index, chunk.text, chunk.fg, chunk.bg, chunk.attributes);
-    this.updateTextInfo();
+    super.replaceChunk(index, chunk);
     this.clearChunks(this._text);
   }
   updateTextFromNodes() {
-    if (this.rootTextNode.isDirty) {
+    if (this.rootTextNode.isDirty && !this._hasManualStyledText) {
       const chunks = this.rootTextNode.gatherWithInheritedStyle({
         fg: this._defaultFg,
         bg: this._defaultBg,
         attributes: this._defaultAttributes
       });
       this.textBuffer.setStyledText(new StyledText(chunks));
-      this.updateTextInfo();
+      this.refreshLocalSelection();
+      this.yogaNode.markDirty();
     }
   }
   add(obj, index) {
@@ -1930,59 +2130,23 @@ class TextRenderable extends Renderable {
     this.rootTextNode.clear();
     const emptyStyledText = stringToStyledText("");
     this._text = emptyStyledText;
-    emptyStyledText.mount(this);
     this.updateTextBuffer(emptyStyledText);
     this.updateTextInfo();
     this.requestRender();
   }
-  shouldStartSelection(x, y) {
-    if (!this.selectable)
-      return false;
-    const localX = x - this.x;
-    const localY = y - this.y;
-    return localX >= 0 && localX < this.width && localY >= 0 && localY < this.height;
-  }
-  onSelectionChanged(selection) {
-    const localSelection = convertGlobalToLocalSelection(selection, this.x, this.y);
-    this.lastLocalSelection = localSelection;
-    const changed = this.updateLocalSelection(localSelection);
-    if (changed) {
-      this.requestRender();
-    }
-    return this.hasSelection();
-  }
-  getSelectedText() {
-    return this.textBuffer.getSelectedText();
-  }
-  hasSelection() {
-    return this.textBuffer.hasSelection();
-  }
-  getSelection() {
-    return this.textBuffer.getSelection();
-  }
   onLifecyclePass = () => {
     this.updateTextFromNodes();
   };
-  render(buffer, deltaTime) {
-    if (!this.visible)
-      return;
-    this.markClean();
-    this._ctx.addToHitGrid(this.x, this.y, this.width, this.height, this.num);
-    this.renderSelf(buffer);
+  onFgChanged(newColor) {
+    this.rootTextNode.fg = newColor;
   }
-  renderSelf(buffer) {
-    if (this.textBuffer.ptr) {
-      const clipRect = {
-        x: this.x,
-        y: this.y,
-        width: this.width,
-        height: this.height
-      };
-      buffer.drawTextBuffer(this.textBuffer, this.x, this.y, clipRect);
-    }
+  onBgChanged(newColor) {
+    this.rootTextNode.bg = newColor;
+  }
+  onAttributesChanged(newAttributes) {
+    this.rootTextNode.attributes = newAttributes;
   }
   destroy() {
-    this.textBuffer.destroy();
     this.rootTextNode.children.length = 0;
     super.destroy();
   }
@@ -2003,6 +2167,7 @@ class ASCIIFontRenderable extends FrameBufferRenderable {
     const text = options.text || "";
     const measurements = measureText({ text, font });
     super(ctx, {
+      flexShrink: 0,
       ...options,
       width: measurements.width || 1,
       height: measurements.height || 1,
@@ -3052,7 +3217,7 @@ class SliderRenderable extends Renderable {
   _foregroundColor;
   _onChange;
   constructor(ctx, options) {
-    super(ctx, options);
+    super(ctx, { flexShrink: 0, ...options });
     this.orientation = options.orientation;
     this._min = options.min ?? 0;
     this._max = options.max ?? 100;
@@ -3661,6 +3826,7 @@ class ScrollBoxRenderable extends BoxRenderable {
   _stickyScrollRight = false;
   _stickyStart;
   _hasManualScroll = false;
+  scrollAccel;
   get stickyScroll() {
     return this._stickyScroll;
   }
@@ -3759,10 +3925,10 @@ class ScrollBoxRenderable extends BoxRenderable {
     stickyStart,
     scrollX = false,
     scrollY = true,
+    scrollAcceleration,
     ...options
   }) {
     super(ctx, {
-      flexShrink: 1,
       flexDirection: "row",
       alignItems: "stretch",
       ...options,
@@ -3771,10 +3937,15 @@ class ScrollBoxRenderable extends BoxRenderable {
     this.internalId = ScrollBoxRenderable.idCounter++;
     this._stickyScroll = stickyScroll;
     this._stickyStart = stickyStart;
+    if (scrollAcceleration) {
+      this.scrollAccel = scrollAcceleration;
+    } else if (process.platform === "darwin") {
+      this.scrollAccel = new MacOSScrollAccel;
+    }
+    this.scrollAccel ??= new LinearScrollAccel;
     this.wrapper = new BoxRenderable(ctx, {
       flexDirection: "column",
       flexGrow: 1,
-      flexShrink: 1,
       ...wrapperOptions,
       id: `scroll-box-wrapper-${this.internalId}`
     });
@@ -3782,7 +3953,6 @@ class ScrollBoxRenderable extends BoxRenderable {
     this.viewport = new BoxRenderable(ctx, {
       flexDirection: "column",
       flexGrow: 1,
-      flexShrink: 1,
       overflow: "hidden",
       onSizeChange: () => {
         this.recalculateBarProps();
@@ -3793,6 +3963,7 @@ class ScrollBoxRenderable extends BoxRenderable {
     this.wrapper.add(this.viewport);
     this.content = new ContentRenderable(ctx, this.viewport, {
       alignSelf: "flex-start",
+      flexShrink: 0,
       ...scrollX ? { minWidth: "100%" } : { minWidth: "100%", maxWidth: "100%" },
       ...scrollY ? { minHeight: "100%" } : { minHeight: "100%", maxHeight: "100%" },
       onSizeChange: () => {
@@ -3869,6 +4040,9 @@ class ScrollBoxRenderable extends BoxRenderable {
   add(obj, index) {
     return this.content.add(obj, index);
   }
+  insertBefore(obj, anchor) {
+    return this.content.insertBefore(obj, anchor);
+  }
   remove(id) {
     this.content.remove(id);
   }
@@ -3880,14 +4054,18 @@ class ScrollBoxRenderable extends BoxRenderable {
       let dir = event.scroll?.direction;
       if (event.modifiers.shift)
         dir = dir === "up" ? "left" : dir === "down" ? "right" : dir === "right" ? "down" : "up";
-      if (dir === "up")
-        this.scrollTop -= event.scroll?.delta ?? 0;
-      else if (dir === "down")
-        this.scrollTop += event.scroll?.delta ?? 0;
-      else if (dir === "left")
-        this.scrollLeft -= event.scroll?.delta ?? 0;
-      else if (dir === "right")
-        this.scrollLeft += event.scroll?.delta ?? 0;
+      const baseDelta = event.scroll?.delta ?? 0;
+      const now = Date.now();
+      const multiplier = this.scrollAccel.tick(now);
+      if (dir === "up") {
+        this.scrollTop -= baseDelta * multiplier;
+      } else if (dir === "down") {
+        this.scrollTop += baseDelta * multiplier;
+      } else if (dir === "left") {
+        this.scrollLeft -= baseDelta * multiplier;
+      } else if (dir === "right") {
+        this.scrollLeft += baseDelta * multiplier;
+      }
       this._hasManualScroll = true;
     }
     if (event.type === "drag" && event.isSelecting) {
@@ -3899,10 +4077,12 @@ class ScrollBoxRenderable extends BoxRenderable {
   handleKeyPress(key) {
     if (this.verticalScrollBar.handleKeyPress(key)) {
       this._hasManualScroll = true;
+      this.scrollAccel.reset();
       return true;
     }
     if (this.horizontalScrollBar.handleKeyPress(key)) {
       this._hasManualScroll = true;
+      this.scrollAccel.reset();
       return true;
     }
     return false;
@@ -4152,7 +4332,10 @@ export {
   white,
   vstyles,
   visualizeRenderableTree,
+  main as updateAssets,
   underline,
+  treeSitterToTextChunks,
+  treeSitterToStyledText,
   t,
   stringToStyledText,
   strikethrough,
@@ -4161,7 +4344,9 @@ export {
   reverse,
   resolveRenderLib,
   renderFontToFrameBuffer,
+  registerEnvVar,
   red,
+  pathToFiletype,
   parseWrap,
   parseUnit,
   parsePositionType,
@@ -4194,12 +4379,18 @@ export {
   hastToStyledText,
   h,
   green,
-  getKeyHandler,
+  getTreeSitterClient,
+  getDataPaths,
   getCharacterPositions,
   getBorderSides,
   getBorderFromSides,
+  generateEnvMarkdown,
+  generateEnvColored,
   fonts,
   fg,
+  extToFiletype,
+  envRegistry,
+  env,
   engine,
   dim,
   delegate,
@@ -4208,7 +4399,9 @@ export {
   createTextAttributes,
   createCliRenderer,
   coordinateToCharacterIndex,
+  convertThemeToStyles,
   convertGlobalToLocalSelection,
+  clearEnvCache,
   capture,
   brightYellow,
   brightWhite,
@@ -4239,12 +4432,15 @@ export {
   applyGrayscale,
   applyChromaticAberration,
   applyAsciiArt,
+  addDefaultParsers,
   exports_src as Yoga,
   VignetteEffect,
   VRenderable,
+  TreeSitterClient,
   Timeline,
   TextRenderable,
   TextNodeRenderable,
+  TextBufferRenderable,
   TextBuffer,
   TextAttributes,
   Text,
@@ -4265,13 +4461,18 @@ export {
   RenderableEvents,
   Renderable,
   RGBA,
+  PasteEvent,
   OptimizedBuffer,
   MouseParser,
   MouseEvent,
   MouseButton,
+  MacOSScrollAccel,
   LogLevel,
+  LinearScrollAccel,
   LayoutEvents,
   KeyHandler,
+  KeyEvent,
+  InternalKeyHandler,
   InputRenderableEvents,
   InputRenderable,
   Input,
@@ -4280,7 +4481,9 @@ export {
   FrameBuffer,
   DistortionEffect,
   DebugOverlayCorner,
+  DataPathsManager,
   ConsolePosition,
+  CodeRenderable,
   CliRenderer,
   CliRenderEvents,
   BrightnessEffect,
@@ -4297,5 +4500,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=5FB73C20BB0792E864756E2164756E21
+//# debugId=F1FAFC796A264ABA64756E2164756E21
 //# sourceMappingURL=index.js.map