@gridland/web 0.2.15 → 0.2.17

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { B as BrowserRenderer, W as WidthMethod, R as RGBA, a as BrowserRenderContext, b as BrowserBuffer } from './next-CxYMg6AG.js';
-export { c as BorderDrawOptions, C as CanvasPainter, d as CanvasPainterOptions, S as SelectionManager, T as TUI, e as TUIProps } from './next-CxYMg6AG.js';
+import { B as BrowserRenderer, W as WidthMethod, R as RGBA, a as BrowserRenderContext, b as BrowserBuffer } from './next-BWTklBmN.js';
+export { c as BorderDrawOptions, C as CanvasPainter, d as CanvasPainterOptions, S as SelectionManager, T as TUI, e as TUIProps } from './next-BWTklBmN.js';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import 'react/jsx-runtime';

package/dist/index.js

@@ -39876,6 +39876,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") {
@@ -39929,9 +39932,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) {
   }
@@ -41544,6 +41557,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;
@@ -41991,7 +42009,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;
@@ -42025,10 +42043,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);
+        }
       }
     }
   }
@@ -42065,6 +42095,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" },
@@ -42344,7 +42376,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;
@@ -42541,6 +42573,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++) {
@@ -42873,9 +42912,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) {
@@ -42884,8 +42931,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;
@@ -42930,7 +42987,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)) {