@aurigax-ai/ghostty-web 0.3.4 → 0.3.5

package/lib/interfaces.ts

@@ -41,6 +41,7 @@ export interface ITerminalOptions {
   scrollOnUserInput?: boolean; // Typing or pasting scrolls to the bottom (default: true)
 
   // Scrolling options
+  scrollbar?: boolean; // Draw the built-in scrollbar and let it be dragged (default: true)
   smoothScrollDuration?: number; // Duration in ms for smooth scroll animation (default: 100, 0 = instant)
 
   // Internal: Ghostty WASM instance (optional, for test isolation)

package/lib/terminal.ts

@@ -210,6 +210,7 @@ export class Terminal implements ITerminalCore {
       convertEol: options.convertEol ?? false,
       disableStdin: options.disableStdin ?? false,
       scrollOnUserInput: options.scrollOnUserInput ?? true,
+      scrollbar: options.scrollbar ?? true,
       smoothScrollDuration: options.smoothScrollDuration ?? 100, // Default: 100ms smooth scroll
       fontWeight: options.fontWeight ?? 'normal',
       fontWeightBold: options.fontWeightBold ?? 'bold',
@@ -299,6 +300,10 @@ export class Terminal implements ITerminalCore {
         this.wasmTerm?.configure({ scrollbackLimit: this.options.scrollback });
         break;
 
+      case 'scrollbar':
+        if (!this.options.scrollbar) this.dropScrollbar();
+        break;
+
       case 'fontSize':
         if (this.renderer) {
           this.renderer.setFontSize(this.options.fontSize);
@@ -1827,7 +1832,7 @@ export class Terminal implements ITerminalCore {
     if (!this.canvas || !this.renderer || !this.wasmTerm) return;
 
     const scrollbackLength = this.wasmTerm.getScrollbackLength();
-    if (scrollbackLength === 0) return; // No scrollbar if no scrollback
+    if (scrollbackLength === 0 || !this.options.scrollbar) return;
 
     const rect = this.canvas.getBoundingClientRect();
     const mouseX = e.clientX - rect.left;
@@ -1938,6 +1943,7 @@ export class Terminal implements ITerminalCore {
    * Show scrollbar with fade-in and schedule auto-hide
    */
   private showScrollbar(): void {
+    if (!this.options.scrollbar) return;
     this.wake();
     // Clear any existing hide timeout
     if (this.scrollbarHideTimeout) {
@@ -1963,6 +1969,19 @@ export class Terminal implements ITerminalCore {
     }
   }
 
+  private dropScrollbar(): void {
+    this.wake();
+    if (this.scrollbarHideTimeout) {
+      window.clearTimeout(this.scrollbarHideTimeout);
+      this.scrollbarHideTimeout = undefined;
+    }
+    this.isDraggingScrollbar = false;
+    this.scrollbarDragStart = null;
+    this.scrollbarVisible = false;
+    this.scrollbarOpacity = 0;
+    this.draw(true, 0);
+  }
+
   /**
    * Hide scrollbar with fade-out
    */
@@ -1985,6 +2004,7 @@ export class Terminal implements ITerminalCore {
     this.wake();
     const startTime = Date.now();
     const animate = () => {
+      if (!this.options.scrollbar) return;
       const elapsed = Date.now() - startTime;
       const progress = Math.min(elapsed / this.SCROLLBAR_FADE_DURATION_MS, 1);
       this.scrollbarOpacity = progress;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurigax-ai/ghostty-web",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "Ghostty's terminal engine (libghostty-vt) in the browser: WebAssembly build, an xterm.js-shaped API and WebGL and canvas renderers. A hard fork of coder/ghostty-web.",
   "type": "module",
   "main": "./lib/index.ts",