restty 0.1.13 → 0.1.14

package/dist/app/index.js

@@ -8300,6 +8300,7 @@ class OutputFilter {
   altScreen = false;
   bracketedPaste = false;
   focusReporting = false;
+  synchronizedOutput = false;
   windowOpHandler;
   getWindowMetrics;
   clipboardWrite;
@@ -8333,6 +8334,9 @@ class OutputFilter {
   isFocusReporting() {
     return this.focusReporting;
   }
+  isSynchronizedOutput() {
+    return this.synchronizedOutput;
+  }
   replyOscColor(code, rgb) {
     const toHex4 = (value) => Math.round(Math.max(0, Math.min(255, value)) * 257).toString(16).padStart(4, "0");
     const r = toHex4(rgb[0]);
@@ -8398,6 +8402,8 @@ class OutputFilter {
       } else if (code === 1004) {
         this.focusReporting = enabled;
         handled = true;
+      } else if (code === 2026) {
+        this.synchronizedOutput = enabled;
       }
     }
     return handled;
@@ -8581,6 +8587,7 @@ function createInputHandler(options = {}) {
     isBracketedPaste: () => filter.isBracketedPaste(),
     isFocusReporting: () => filter.isFocusReporting(),
     isAltScreen: () => filter.isAltScreen(),
+    isSynchronizedOutput: () => filter.isSynchronizedOutput(),
     sendMouseEvent: (kind, event) => mouse.sendMouseEvent(kind, event)
   };
 }
@@ -50443,6 +50450,14 @@ function createResttyApp(options) {
   let lastKeydownSeqAt = 0;
   let nextBlinkTime = performance.now() + CURSOR_BLINK_MS;
   const ptyTransport = options.ptyTransport ?? createWebSocketPtyTransport();
+  const PTY_OUTPUT_IDLE_MS = 10;
+  const PTY_OUTPUT_MAX_MS = 40;
+  const SYNC_OUTPUT_RESET_MS = 1000;
+  const SYNC_OUTPUT_RESET_SEQ = "\x1B[?2026l";
+  let ptyOutputBuffer = "";
+  let ptyOutputIdleTimer = 0;
+  let ptyOutputMaxTimer = 0;
+  let syncOutputResetTimer = 0;
   let lastCursorForCpr = { row: 1, col: 1 };
   let inputHandler = null;
   let activeTheme = null;
@@ -51202,7 +51217,71 @@ function createResttyApp(options) {
     const label = status.active ? `${status.mode} (${status.detail})` : status.mode;
     setMouseStatus(label);
   }
+  function cancelPtyOutputFlush() {
+    if (ptyOutputIdleTimer) {
+      clearTimeout(ptyOutputIdleTimer);
+      ptyOutputIdleTimer = 0;
+    }
+    if (ptyOutputMaxTimer) {
+      clearTimeout(ptyOutputMaxTimer);
+      ptyOutputMaxTimer = 0;
+    }
+  }
+  function cancelSyncOutputReset() {
+    if (syncOutputResetTimer) {
+      clearTimeout(syncOutputResetTimer);
+      syncOutputResetTimer = 0;
+    }
+  }
+  function scheduleSyncOutputReset() {
+    if (syncOutputResetTimer)
+      return;
+    syncOutputResetTimer = setTimeout(() => {
+      syncOutputResetTimer = 0;
+      if (!inputHandler?.isSynchronizedOutput?.())
+        return;
+      const sanitized = inputHandler.filterOutput(SYNC_OUTPUT_RESET_SEQ) || SYNC_OUTPUT_RESET_SEQ;
+      sendInput(sanitized, "pty");
+    }, SYNC_OUTPUT_RESET_MS);
+  }
+  function flushPtyOutputBuffer() {
+    const output = ptyOutputBuffer;
+    ptyOutputBuffer = "";
+    if (!output)
+      return;
+    sendInput(output, "pty");
+  }
+  function queuePtyOutput(text) {
+    if (!text)
+      return;
+    ptyOutputBuffer += text;
+    if (ptyOutputIdleTimer) {
+      clearTimeout(ptyOutputIdleTimer);
+    }
+    ptyOutputIdleTimer = setTimeout(() => {
+      ptyOutputIdleTimer = 0;
+      if (ptyOutputMaxTimer) {
+        clearTimeout(ptyOutputMaxTimer);
+        ptyOutputMaxTimer = 0;
+      }
+      flushPtyOutputBuffer();
+    }, PTY_OUTPUT_IDLE_MS);
+    if (!ptyOutputMaxTimer) {
+      ptyOutputMaxTimer = setTimeout(() => {
+        ptyOutputMaxTimer = 0;
+        if (ptyOutputIdleTimer) {
+          clearTimeout(ptyOutputIdleTimer);
+          ptyOutputIdleTimer = 0;
+        }
+        flushPtyOutputBuffer();
+      }, PTY_OUTPUT_MAX_MS);
+    }
+  }
   function disconnectPty2() {
+    flushPtyOutputBuffer();
+    cancelPtyOutputFlush();
+    cancelSyncOutputReset();
+    ptyOutputBuffer = "";
     ptyTransport.disconnect();
     updateMouseStatus();
     setPtyStatus("disconnected");
@@ -51249,7 +51328,7 @@ function createResttyApp(options) {
             const sanitized = inputHandler ? inputHandler.filterOutput(text) : text;
             updateMouseStatus();
             if (sanitized)
-              sendInput(sanitized, "pty");
+              queuePtyOutput(sanitized);
           }
         }
       });
@@ -55497,7 +55576,7 @@ function createResttyApp(options) {
       return;
     if (!text)
       return;
-    const normalized = normalizeNewlines(text);
+    const normalized = source === "pty" ? text : normalizeNewlines(text);
     if (source === "key") {
       const bytes = textEncoder3.encode(normalized);
       const hex = Array.from(bytes, (b3) => b3.toString(16).padStart(2, "0")).join(" ");
@@ -55519,8 +55598,13 @@ function createResttyApp(options) {
       clearSelection();
     }
     writeToWasm(wasmHandle, normalized);
-    wasm.renderUpdate(wasmHandle);
     flushWasmOutputToPty();
+    if (source === "pty" && inputHandler?.isSynchronizedOutput?.()) {
+      scheduleSyncOutputReset();
+      return;
+    }
+    cancelSyncOutputReset();
+    wasm.renderUpdate(wasmHandle);
     if (source === "key" && wasmExports?.restty_debug_cursor_x && wasmExports?.restty_debug_cursor_y) {
       const ax = wasmExports.restty_debug_cursor_x(wasmHandle);
       const ay = wasmExports.restty_debug_cursor_y(wasmHandle);
@@ -55749,6 +55833,7 @@ function createResttyApp(options) {
       clearTimeout(terminalResizeTimer);
       terminalResizeTimer = 0;
     }
+    cancelSyncOutputReset();
     pendingTerminalResize = null;
     disconnectPty2();
     ptyTransport.destroy?.();

package/dist/index.js

@@ -8300,6 +8300,7 @@ class OutputFilter {
   altScreen = false;
   bracketedPaste = false;
   focusReporting = false;
+  synchronizedOutput = false;
   windowOpHandler;
   getWindowMetrics;
   clipboardWrite;
@@ -8333,6 +8334,9 @@ class OutputFilter {
   isFocusReporting() {
     return this.focusReporting;
   }
+  isSynchronizedOutput() {
+    return this.synchronizedOutput;
+  }
   replyOscColor(code, rgb) {
     const toHex4 = (value) => Math.round(Math.max(0, Math.min(255, value)) * 257).toString(16).padStart(4, "0");
     const r = toHex4(rgb[0]);
@@ -8398,6 +8402,8 @@ class OutputFilter {
       } else if (code === 1004) {
         this.focusReporting = enabled;
         handled = true;
+      } else if (code === 2026) {
+        this.synchronizedOutput = enabled;
       }
     }
     return handled;
@@ -8581,6 +8587,7 @@ function createInputHandler(options = {}) {
     isBracketedPaste: () => filter.isBracketedPaste(),
     isFocusReporting: () => filter.isFocusReporting(),
     isAltScreen: () => filter.isAltScreen(),
+    isSynchronizedOutput: () => filter.isSynchronizedOutput(),
     sendMouseEvent: (kind, event) => mouse.sendMouseEvent(kind, event)
   };
 }
@@ -50443,6 +50450,14 @@ function createResttyApp(options) {
   let lastKeydownSeqAt = 0;
   let nextBlinkTime = performance.now() + CURSOR_BLINK_MS;
   const ptyTransport = options.ptyTransport ?? createWebSocketPtyTransport();
+  const PTY_OUTPUT_IDLE_MS = 10;
+  const PTY_OUTPUT_MAX_MS = 40;
+  const SYNC_OUTPUT_RESET_MS = 1000;
+  const SYNC_OUTPUT_RESET_SEQ = "\x1B[?2026l";
+  let ptyOutputBuffer = "";
+  let ptyOutputIdleTimer = 0;
+  let ptyOutputMaxTimer = 0;
+  let syncOutputResetTimer = 0;
   let lastCursorForCpr = { row: 1, col: 1 };
   let inputHandler = null;
   let activeTheme = null;
@@ -51202,7 +51217,71 @@ function createResttyApp(options) {
     const label = status.active ? `${status.mode} (${status.detail})` : status.mode;
     setMouseStatus(label);
   }
+  function cancelPtyOutputFlush() {
+    if (ptyOutputIdleTimer) {
+      clearTimeout(ptyOutputIdleTimer);
+      ptyOutputIdleTimer = 0;
+    }
+    if (ptyOutputMaxTimer) {
+      clearTimeout(ptyOutputMaxTimer);
+      ptyOutputMaxTimer = 0;
+    }
+  }
+  function cancelSyncOutputReset() {
+    if (syncOutputResetTimer) {
+      clearTimeout(syncOutputResetTimer);
+      syncOutputResetTimer = 0;
+    }
+  }
+  function scheduleSyncOutputReset() {
+    if (syncOutputResetTimer)
+      return;
+    syncOutputResetTimer = setTimeout(() => {
+      syncOutputResetTimer = 0;
+      if (!inputHandler?.isSynchronizedOutput?.())
+        return;
+      const sanitized = inputHandler.filterOutput(SYNC_OUTPUT_RESET_SEQ) || SYNC_OUTPUT_RESET_SEQ;
+      sendInput(sanitized, "pty");
+    }, SYNC_OUTPUT_RESET_MS);
+  }
+  function flushPtyOutputBuffer() {
+    const output = ptyOutputBuffer;
+    ptyOutputBuffer = "";
+    if (!output)
+      return;
+    sendInput(output, "pty");
+  }
+  function queuePtyOutput(text) {
+    if (!text)
+      return;
+    ptyOutputBuffer += text;
+    if (ptyOutputIdleTimer) {
+      clearTimeout(ptyOutputIdleTimer);
+    }
+    ptyOutputIdleTimer = setTimeout(() => {
+      ptyOutputIdleTimer = 0;
+      if (ptyOutputMaxTimer) {
+        clearTimeout(ptyOutputMaxTimer);
+        ptyOutputMaxTimer = 0;
+      }
+      flushPtyOutputBuffer();
+    }, PTY_OUTPUT_IDLE_MS);
+    if (!ptyOutputMaxTimer) {
+      ptyOutputMaxTimer = setTimeout(() => {
+        ptyOutputMaxTimer = 0;
+        if (ptyOutputIdleTimer) {
+          clearTimeout(ptyOutputIdleTimer);
+          ptyOutputIdleTimer = 0;
+        }
+        flushPtyOutputBuffer();
+      }, PTY_OUTPUT_MAX_MS);
+    }
+  }
   function disconnectPty2() {
+    flushPtyOutputBuffer();
+    cancelPtyOutputFlush();
+    cancelSyncOutputReset();
+    ptyOutputBuffer = "";
     ptyTransport.disconnect();
     updateMouseStatus();
     setPtyStatus("disconnected");
@@ -51249,7 +51328,7 @@ function createResttyApp(options) {
             const sanitized = inputHandler ? inputHandler.filterOutput(text) : text;
             updateMouseStatus();
             if (sanitized)
-              sendInput(sanitized, "pty");
+              queuePtyOutput(sanitized);
           }
         }
       });
@@ -55497,7 +55576,7 @@ function createResttyApp(options) {
       return;
     if (!text)
       return;
-    const normalized = normalizeNewlines(text);
+    const normalized = source === "pty" ? text : normalizeNewlines(text);
     if (source === "key") {
       const bytes = textEncoder3.encode(normalized);
       const hex = Array.from(bytes, (b3) => b3.toString(16).padStart(2, "0")).join(" ");
@@ -55519,8 +55598,13 @@ function createResttyApp(options) {
       clearSelection();
     }
     writeToWasm(wasmHandle, normalized);
-    wasm.renderUpdate(wasmHandle);
     flushWasmOutputToPty();
+    if (source === "pty" && inputHandler?.isSynchronizedOutput?.()) {
+      scheduleSyncOutputReset();
+      return;
+    }
+    cancelSyncOutputReset();
+    wasm.renderUpdate(wasmHandle);
     if (source === "key" && wasmExports?.restty_debug_cursor_x && wasmExports?.restty_debug_cursor_y) {
       const ax = wasmExports.restty_debug_cursor_x(wasmHandle);
       const ay = wasmExports.restty_debug_cursor_y(wasmHandle);
@@ -55749,6 +55833,7 @@ function createResttyApp(options) {
       clearTimeout(terminalResizeTimer);
       terminalResizeTimer = 0;
     }
+    cancelSyncOutputReset();
     pendingTerminalResize = null;
     disconnectPty2();
     ptyTransport.destroy?.();

package/dist/input/index.js

@@ -751,6 +751,7 @@ class OutputFilter {
   altScreen = false;
   bracketedPaste = false;
   focusReporting = false;
+  synchronizedOutput = false;
   windowOpHandler;
   getWindowMetrics;
   clipboardWrite;
@@ -784,6 +785,9 @@ class OutputFilter {
   isFocusReporting() {
     return this.focusReporting;
   }
+  isSynchronizedOutput() {
+    return this.synchronizedOutput;
+  }
   replyOscColor(code, rgb) {
     const toHex4 = (value) => Math.round(Math.max(0, Math.min(255, value)) * 257).toString(16).padStart(4, "0");
     const r = toHex4(rgb[0]);
@@ -849,6 +853,8 @@ class OutputFilter {
       } else if (code === 1004) {
         this.focusReporting = enabled;
         handled = true;
+      } else if (code === 2026) {
+        this.synchronizedOutput = enabled;
       }
     }
     return handled;
@@ -1032,6 +1038,7 @@ function createInputHandler(options = {}) {
     isBracketedPaste: () => filter.isBracketedPaste(),
     isFocusReporting: () => filter.isFocusReporting(),
     isAltScreen: () => filter.isAltScreen(),
+    isSynchronizedOutput: () => filter.isSynchronizedOutput(),
     sendMouseEvent: (kind, event) => mouse.sendMouseEvent(kind, event)
   };
 }

package/dist/input/output.d.ts

@@ -33,6 +33,7 @@ export declare class OutputFilter {
     private altScreen;
     private bracketedPaste;
     private focusReporting;
+    private synchronizedOutput;
     private windowOpHandler?;
     private getWindowMetrics?;
     private clipboardWrite?;
@@ -45,6 +46,7 @@ export declare class OutputFilter {
     isAltScreen(): boolean;
     isBracketedPaste(): boolean;
     isFocusReporting(): boolean;
+    isSynchronizedOutput(): boolean;
     private replyOscColor;
     private handleOsc;
     private handleModeSeq;

package/dist/input/types.d.ts

@@ -152,6 +152,7 @@ export type InputHandler = {
     isBracketedPaste: () => boolean;
     isFocusReporting: () => boolean;
     isAltScreen: () => boolean;
+    isSynchronizedOutput: () => boolean;
     /**
      * Encode pointer input as terminal mouse events (SGR).
      */

package/dist/internal.js

@@ -8300,6 +8300,7 @@ class OutputFilter {
   altScreen = false;
   bracketedPaste = false;
   focusReporting = false;
+  synchronizedOutput = false;
   windowOpHandler;
   getWindowMetrics;
   clipboardWrite;
@@ -8333,6 +8334,9 @@ class OutputFilter {
   isFocusReporting() {
     return this.focusReporting;
   }
+  isSynchronizedOutput() {
+    return this.synchronizedOutput;
+  }
   replyOscColor(code, rgb) {
     const toHex4 = (value) => Math.round(Math.max(0, Math.min(255, value)) * 257).toString(16).padStart(4, "0");
     const r = toHex4(rgb[0]);
@@ -8398,6 +8402,8 @@ class OutputFilter {
       } else if (code === 1004) {
         this.focusReporting = enabled;
         handled = true;
+      } else if (code === 2026) {
+        this.synchronizedOutput = enabled;
       }
     }
     return handled;
@@ -8581,6 +8587,7 @@ function createInputHandler(options = {}) {
     isBracketedPaste: () => filter.isBracketedPaste(),
     isFocusReporting: () => filter.isFocusReporting(),
     isAltScreen: () => filter.isAltScreen(),
+    isSynchronizedOutput: () => filter.isSynchronizedOutput(),
     sendMouseEvent: (kind, event) => mouse.sendMouseEvent(kind, event)
   };
 }
@@ -50443,6 +50450,14 @@ function createResttyApp(options) {
   let lastKeydownSeqAt = 0;
   let nextBlinkTime = performance.now() + CURSOR_BLINK_MS;
   const ptyTransport = options.ptyTransport ?? createWebSocketPtyTransport();
+  const PTY_OUTPUT_IDLE_MS = 10;
+  const PTY_OUTPUT_MAX_MS = 40;
+  const SYNC_OUTPUT_RESET_MS = 1000;
+  const SYNC_OUTPUT_RESET_SEQ = "\x1B[?2026l";
+  let ptyOutputBuffer = "";
+  let ptyOutputIdleTimer = 0;
+  let ptyOutputMaxTimer = 0;
+  let syncOutputResetTimer = 0;
   let lastCursorForCpr = { row: 1, col: 1 };
   let inputHandler = null;
   let activeTheme = null;
@@ -51202,7 +51217,71 @@ function createResttyApp(options) {
     const label = status.active ? `${status.mode} (${status.detail})` : status.mode;
     setMouseStatus(label);
   }
+  function cancelPtyOutputFlush() {
+    if (ptyOutputIdleTimer) {
+      clearTimeout(ptyOutputIdleTimer);
+      ptyOutputIdleTimer = 0;
+    }
+    if (ptyOutputMaxTimer) {
+      clearTimeout(ptyOutputMaxTimer);
+      ptyOutputMaxTimer = 0;
+    }
+  }
+  function cancelSyncOutputReset() {
+    if (syncOutputResetTimer) {
+      clearTimeout(syncOutputResetTimer);
+      syncOutputResetTimer = 0;
+    }
+  }
+  function scheduleSyncOutputReset() {
+    if (syncOutputResetTimer)
+      return;
+    syncOutputResetTimer = setTimeout(() => {
+      syncOutputResetTimer = 0;
+      if (!inputHandler?.isSynchronizedOutput?.())
+        return;
+      const sanitized = inputHandler.filterOutput(SYNC_OUTPUT_RESET_SEQ) || SYNC_OUTPUT_RESET_SEQ;
+      sendInput(sanitized, "pty");
+    }, SYNC_OUTPUT_RESET_MS);
+  }
+  function flushPtyOutputBuffer() {
+    const output = ptyOutputBuffer;
+    ptyOutputBuffer = "";
+    if (!output)
+      return;
+    sendInput(output, "pty");
+  }
+  function queuePtyOutput(text) {
+    if (!text)
+      return;
+    ptyOutputBuffer += text;
+    if (ptyOutputIdleTimer) {
+      clearTimeout(ptyOutputIdleTimer);
+    }
+    ptyOutputIdleTimer = setTimeout(() => {
+      ptyOutputIdleTimer = 0;
+      if (ptyOutputMaxTimer) {
+        clearTimeout(ptyOutputMaxTimer);
+        ptyOutputMaxTimer = 0;
+      }
+      flushPtyOutputBuffer();
+    }, PTY_OUTPUT_IDLE_MS);
+    if (!ptyOutputMaxTimer) {
+      ptyOutputMaxTimer = setTimeout(() => {
+        ptyOutputMaxTimer = 0;
+        if (ptyOutputIdleTimer) {
+          clearTimeout(ptyOutputIdleTimer);
+          ptyOutputIdleTimer = 0;
+        }
+        flushPtyOutputBuffer();
+      }, PTY_OUTPUT_MAX_MS);
+    }
+  }
   function disconnectPty2() {
+    flushPtyOutputBuffer();
+    cancelPtyOutputFlush();
+    cancelSyncOutputReset();
+    ptyOutputBuffer = "";
     ptyTransport.disconnect();
     updateMouseStatus();
     setPtyStatus("disconnected");
@@ -51249,7 +51328,7 @@ function createResttyApp(options) {
             const sanitized = inputHandler ? inputHandler.filterOutput(text) : text;
             updateMouseStatus();
             if (sanitized)
-              sendInput(sanitized, "pty");
+              queuePtyOutput(sanitized);
           }
         }
       });
@@ -55497,7 +55576,7 @@ function createResttyApp(options) {
       return;
     if (!text)
       return;
-    const normalized = normalizeNewlines(text);
+    const normalized = source === "pty" ? text : normalizeNewlines(text);
     if (source === "key") {
       const bytes = textEncoder3.encode(normalized);
       const hex = Array.from(bytes, (b3) => b3.toString(16).padStart(2, "0")).join(" ");
@@ -55519,8 +55598,13 @@ function createResttyApp(options) {
       clearSelection();
     }
     writeToWasm(wasmHandle, normalized);
-    wasm.renderUpdate(wasmHandle);
     flushWasmOutputToPty();
+    if (source === "pty" && inputHandler?.isSynchronizedOutput?.()) {
+      scheduleSyncOutputReset();
+      return;
+    }
+    cancelSyncOutputReset();
+    wasm.renderUpdate(wasmHandle);
     if (source === "key" && wasmExports?.restty_debug_cursor_x && wasmExports?.restty_debug_cursor_y) {
       const ax = wasmExports.restty_debug_cursor_x(wasmHandle);
       const ay = wasmExports.restty_debug_cursor_y(wasmHandle);
@@ -55749,6 +55833,7 @@ function createResttyApp(options) {
       clearTimeout(terminalResizeTimer);
       terminalResizeTimer = 0;
     }
+    cancelSyncOutputReset();
     pendingTerminalResize = null;
     disconnectPty2();
     ptyTransport.destroy?.();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "restty",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "Browser terminal rendering library powered by WASM, WebGPU/WebGL2, and TypeScript text shaping.",
   "keywords": [
     "terminal",