@gridland/web 0.2.13 → 0.2.16

package/dist/{next-CxYMg6AG.d.ts → next-BWTklBmN.d.ts}

@@ -108,6 +108,14 @@ declare class BrowserBuffer {
     private opacityStack;
     linkRegistry: Map<number, string>;
     private nextLinkId;
+    /** Cursor rendering config -- set by renderer before pipeline, read by drawEditorView */
+    cursorColor: RGBA | null;
+    cursorStyleType: CursorStyle;
+    /** Line cursor position -- set by drawEditorView during pipeline, read by renderer after */
+    lineCursorPosition: {
+        x: number;
+        y: number;
+    } | null;
     constructor(width: number, height: number, options?: {
         respectAlpha?: boolean;
         id?: string;
@@ -189,6 +197,9 @@ declare class BrowserRenderContext extends EventEmitter implements RenderContext
     private _onRenderRequest;
     private _lifecyclePasses;
     private _focusedRenderable;
+    cursorColor: RGBA | null;
+    cursorStyleType: CursorStyle;
+    cursorBlinking: boolean;
     keyInput: BrowserKeyHandler;
     _internalKeyInput: BrowserInternalKeyHandler;
     constructor(width: number, height: number, widthMethod?: WidthMethod$1);
@@ -206,8 +217,8 @@ declare class BrowserRenderContext extends EventEmitter implements RenderContext
     clearHitGridScissorRects(): void;
     requestRender(): void;
     setCursorPosition(_x: number, _y: number, _visible: boolean): void;
-    setCursorStyle(_options: CursorStyleOptions): void;
-    setCursorColor(_color: RGBA): void;
+    setCursorStyle(options: CursorStyleOptions): void;
+    setCursorColor(color: RGBA): void;
     setMousePointer(_shape: MousePointerStyle): void;
     requestLive(): void;
     dropLive(): void;
@@ -249,6 +260,13 @@ declare class SelectionManager {
     getSelectedText(buffer: BrowserBuffer): string;
 }
 
+/** Cursor overlay info produced by the render pipeline, consumed by the painter */
+interface CursorOverlay {
+    x: number;
+    y: number;
+    color: RGBA;
+    blinking: boolean;
+}
 interface CanvasPainterOptions {
     fontFamily?: string;
     fontSize?: number;
@@ -268,7 +286,7 @@ declare class CanvasPainter {
         width: number;
         height: number;
     };
-    paint(ctx: CanvasRenderingContext2D, buffer: BrowserBuffer, selection?: SelectionManager): void;
+    paint(ctx: CanvasRenderingContext2D, buffer: BrowserBuffer, selection?: SelectionManager, cursor?: CursorOverlay | null): void;
 }
 
 declare class BrowserRenderer {
@@ -298,6 +316,7 @@ declare class BrowserRenderer {
     start(): void;
     stop(): void;
     private loop;
+    private buildCursorOverlay;
     resize(cols: number, rows: number): void;
     private static PREVENT_DEFAULT_KEYS;
     private static MODIFIER_KEYS;

package/dist/next.d.ts

@@ -1,4 +1,4 @@
-export { T as TUI, e as TUIProps } from './next-CxYMg6AG.js';
+export { T as TUI, e as TUIProps } from './next-BWTklBmN.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'events';

package/dist/next.js

@@ -39878,6 +39878,9 @@ var BrowserRenderContext = class extends EventEmitter {
   _onRenderRequest = null;
   _lifecyclePasses = /* @__PURE__ */ new Set();
   _focusedRenderable = null;
+  cursorColor = null;
+  cursorStyleType = "block";
+  cursorBlinking = false;
   keyInput;
   _internalKeyInput;
   constructor(width, height, widthMethod = "wcwidth") {
@@ -39931,9 +39934,19 @@ var BrowserRenderContext = class extends EventEmitter {
   }
   setCursorPosition(_x, _y, _visible) {
   }
-  setCursorStyle(_options) {
+  setCursorStyle(options) {
+    if (options.color) {
+      this.cursorColor = options.color;
+    }
+    if (options.style) {
+      this.cursorStyleType = options.style;
+    }
+    if (options.blinking !== void 0) {
+      this.cursorBlinking = options.blinking;
+    }
   }
-  setCursorColor(_color) {
+  setCursorColor(color) {
+    this.cursorColor = color;
   }
   setMousePointer(_shape) {
   }
@@ -41546,6 +41559,11 @@ var BrowserBuffer = class _BrowserBuffer {
   // Link registry for clickable links
   linkRegistry = /* @__PURE__ */ new Map();
   nextLinkId = 1;
+  /** Cursor rendering config -- set by renderer before pipeline, read by drawEditorView */
+  cursorColor = null;
+  cursorStyleType = "block";
+  /** Line cursor position -- set by drawEditorView during pipeline, read by renderer after */
+  lineCursorPosition = null;
   constructor(width, height, options = {}) {
     this._width = width;
     this._height = height;
@@ -41993,7 +42011,7 @@ var BrowserBuffer = class _BrowserBuffer {
     };
     const visibleRows = viewport.height > 0 ? viewport.height : this._height - y2;
     if (text === "" && editorView._placeholderChunks && editorView._placeholderChunks.length > 0) {
-      let curX = x2;
+      let curX = this.cursorStyleType === "line" ? x2 + 1 : x2;
       for (const chunk of editorView._placeholderChunks) {
         const chunkFg = chunk.fg ?? dfg;
         const chunkBg = chunk.bg ?? dbg;
@@ -42027,10 +42045,22 @@ var BrowserBuffer = class _BrowserBuffer {
       const cursorX = x2 + cursor.visualCol;
       const cursorY = y2 + cursor.visualRow;
       if (cursorX >= 0 && cursorX < this._width && cursorY >= 0 && cursorY < this._height) {
-        const idx = cursorY * this._width + cursorX;
-        const charCode = this.char[idx];
-        const ch = charCode === 0 || charCode === 32 ? " " : String.fromCodePoint(charCode);
-        this.setCell(cursorX, cursorY, ch, dfg, dbg, 32);
+        const cursorFg = this.cursorColor ?? dfg;
+        if (this.cursorStyleType === "line") {
+          this.lineCursorPosition = { x: cursorX, y: cursorY };
+        } else {
+          const idx = cursorY * this._width + cursorX;
+          const charCode = this.char[idx];
+          const ch = charCode === 0 || charCode === 32 ? " " : String.fromCodePoint(charCode);
+          const offset = idx * 4;
+          const cellBg = {
+            r: this.bg[offset],
+            g: this.bg[offset + 1],
+            b: this.bg[offset + 2],
+            a: this.bg[offset + 3] || 1
+          };
+          this.setCell(cursorX, cursorY, ch, cursorFg, cellBg, 32);
+        }
       }
     }
   }
@@ -42067,6 +42097,8 @@ var TextAttributes3 = {
   UNDERLINE_DOTTED: 1 << 6
 };
 var CONTINUATION2 = 3221225472;
+var LINE_CURSOR_WIDTH = 8;
+var CURSOR_BLINK_INTERVAL_MS = 530;
 var BOX_DRAWING_MAP = {
   // Light lines
   9472: { left: true, right: true, type: "light" },
@@ -42346,7 +42378,7 @@ var CanvasPainter = class {
   getCellSize() {
     return { width: this.cellWidth, height: this.cellHeight };
   }
-  paint(ctx, buffer, selection) {
+  paint(ctx, buffer, selection, cursor) {
     const { char, fg: fg2, bg: bg2, attributes } = buffer;
     const cols = buffer.width;
     const rows = buffer.height;
@@ -42543,6 +42575,13 @@ var CanvasPainter = class {
         }
       }
     }
+    if (cursor) {
+      const visible = !cursor.blinking || Math.floor(performance.now() / CURSOR_BLINK_INTERVAL_MS) % 2 === 0;
+      if (visible) {
+        ctx.fillStyle = rgbaToCSS(cursor.color.r, cursor.color.g, cursor.color.b, cursor.color.a ?? 1);
+        ctx.fillRect(cursor.x * cw, cursor.y * ch, LINE_CURSOR_WIDTH, ch);
+      }
+    }
     if (selection?.active) {
       ctx.fillStyle = "rgba(51, 153, 255, 0.3)";
       for (let row = 0; row < rows; row++) {
@@ -42875,9 +42914,17 @@ var BrowserRenderer = class _BrowserRenderer {
     const now = performance.now();
     const deltaTime = now - this.lastTime;
     this.lastTime = now;
-    if (!this.needsRender) return;
-    this.needsRender = false;
-    executeRenderPipeline(this.buffer, this.renderContext, this.root, deltaTime);
+    let didRender = false;
+    if (this.needsRender) {
+      this.needsRender = false;
+      didRender = true;
+      this.buffer.cursorColor = this.renderContext.cursorColor;
+      this.buffer.cursorStyleType = this.renderContext.cursorStyleType;
+      this.buffer.lineCursorPosition = null;
+      executeRenderPipeline(this.buffer, this.renderContext, this.root, deltaTime);
+    }
+    const cursorOverlay = this.buildCursorOverlay();
+    if (!didRender && !cursorOverlay?.blinking) return;
     const dpr = window.devicePixelRatio || 1;
     this.ctx2d.setTransform(dpr, 0, 0, dpr, 0, 0);
     if (this.backgroundColor) {
@@ -42886,8 +42933,18 @@ var BrowserRenderer = class _BrowserRenderer {
     } else {
       this.ctx2d.clearRect(0, 0, this.canvas.width, this.canvas.height);
     }
-    this.painter.paint(this.ctx2d, this.buffer, this.selection);
+    this.painter.paint(this.ctx2d, this.buffer, this.selection, cursorOverlay);
   };
+  buildCursorOverlay() {
+    const pos = this.buffer.lineCursorPosition;
+    if (!pos || !this.renderContext.cursorColor) return null;
+    return {
+      x: pos.x,
+      y: pos.y,
+      color: this.renderContext.cursorColor,
+      blinking: this.renderContext.cursorBlinking
+    };
+  }
   resize(cols, rows) {
     this.cols = cols;
     this.rows = rows;
@@ -42932,7 +42989,7 @@ var BrowserRenderer = class _BrowserRenderer {
     PageDown: "pagedown"
   };
   handleKeyDown(event) {
-    if (_BrowserRenderer.PREVENT_DEFAULT_KEYS.has(event.key)) {
+    if (_BrowserRenderer.PREVENT_DEFAULT_KEYS.has(event.key) || event.key.length === 1 && !event.metaKey && !event.ctrlKey) {
       event.preventDefault();
     }
     if (this.selection.active && (event.key === "c" || event.key === "\xE7") && (event.metaKey || event.ctrlKey || event.altKey)) {