coneko-term 0.1.3 → 0.1.4

package/dist/index.d.ts

@@ -12,7 +12,7 @@ export declare function init(source?: WasmSource): Promise<void>;
 /** coneko-term の版。`init()` のあとに呼ぶ。 */
 export declare function version(): string;
 export { CELL_STRIDE, CLUSTER_FLAG, Terminal, type ClipboardItem, type ClipboardLocation, type ClipboardReadError, type ClipboardReadRequest, type ClipboardWriteRequest, type ClipboardWriteStatus, type DndErrorName, type DndEvent, type DndLocation, type DndOperation, type DndOperations, type DragImage, type DropDataForm, type DropRequest, type FileTransferErrorName, type FileTransferEvent, type FileTransferFileType, type FileTransferListing, type FileTransferStart, type CursorState, type ExtraCursorState, type MouseInput, type ProgramKind, type ProgramState, type ProgramStatus, type ProgramStatusChange, type NotificationSupport, type TerminalNotification, type WheelInput, type Disposable, type RowView, type SizedInfo, type TerminalOptions, type Theme, } from "./terminal.js";
-export { browserEnv, CanvasRenderer, Palette, SCROLLBAR_WIDTH, proposeDimensions, type CellSize, type FitInput, type RenderEnv, type RenderOptions, type RenderSource, } from "./renderer.js";
+export { browserEnv, CanvasRenderer, Palette, SCROLLBAR_WIDTH, proposeDimensions, resolveScrollbarWidth, type CellSize, type FitInput, type RenderEnv, type RenderOptions, type RenderSource, } from "./renderer.js";
 export { PLACEMENT_STRIDE, Z_UNDER_BACKGROUND, ImageCache, browserImageDecoder, parsePlacements, type DrawableImage, type ImageDecoder, type ImagePlacement, type ImageSource, } from "./images.js";
 export { SelectionModel, type BufferPosition, type SelectionHost, type SelectionKind, type SelectionRange, } from "./selection.js";
 export { bracketTextForPaste, evaluateKeyboardEvent, KITTY_DISAMBIGUATE, KITTY_REPORT_ALL_KEYS, KITTY_REPORT_ALTERNATE_KEYS, KITTY_REPORT_EVENT_TYPES, KITTY_REPORT_TEXT, prepareTextForTerminal, type KeyEventLike, type KeyEventType, type KeyResult, type KeyResultType, } from "./keyboard.js";

package/dist/index.js

@@ -14,7 +14,7 @@ export function version() {
     return wasmVersion();
 }
 export { CELL_STRIDE, CLUSTER_FLAG, Terminal, } from "./terminal.js";
-export { browserEnv, CanvasRenderer, Palette, SCROLLBAR_WIDTH, proposeDimensions, } from "./renderer.js";
+export { browserEnv, CanvasRenderer, Palette, SCROLLBAR_WIDTH, proposeDimensions, resolveScrollbarWidth, } from "./renderer.js";
 export { PLACEMENT_STRIDE, Z_UNDER_BACKGROUND, ImageCache, browserImageDecoder, parsePlacements, } from "./images.js";
 export { SelectionModel, } from "./selection.js";
 export { bracketTextForPaste, evaluateKeyboardEvent, KITTY_DISAMBIGUATE, KITTY_REPORT_ALL_KEYS, KITTY_REPORT_ALTERNATE_KEYS, KITTY_REPORT_EVENT_TYPES, KITTY_REPORT_TEXT, prepareTextForTerminal, } from "./keyboard.js";

package/dist/renderer.d.ts

@@ -1,7 +1,15 @@
 import { type RowView } from "./terminal.js";
 import { type ImageDecoder, type ImageSource } from "./images.js";
-/** スクロールバーの幅（CSS ピクセル）。xterm.js 6.0.0 と同じ。 */
+/** スクロールバーの幅の既定（CSS ピクセル）。xterm.js 6.0.0 と同じ。`TerminalOptions.scrollbarWidth` で変えられる。 */
 export declare const SCROLLBAR_WIDTH = 14;
+/**
+ * 設定から使うスクロールバーの幅（CSS ピクセル）を決める。
+ * 未指定・負の数・数でない値は既定（`SCROLLBAR_WIDTH`）、`scrollback` が 0 のときは 0。
+ */
+export declare function resolveScrollbarWidth(options: {
+    scrollback?: number;
+    scrollbarWidth?: unknown;
+}): number;
 /** `fit` の計算に使う値。長さはすべて CSS ピクセル。 */
 export interface FitInput {
     /** 欄の中身の幅（padding を引いたもの）。 */
@@ -243,6 +251,8 @@ export declare class Scrollbar {
     /** いまのドラッグを終える関数。 */
     private endDrag?;
     constructor(host: HTMLElement, api: {
+        /** 幅（CSS ピクセル）。0 なら出さない。 */
+        width: number;
         /** 全部の行の数（スクロールバック + 画面）。 */
         total(): number;
         /** 画面の行の数。 */

package/dist/renderer.js

@@ -1,7 +1,19 @@
 import { CELL_STRIDE, CLUSTER_FLAG, } from "./terminal.js";
 import { ImageCache, Z_UNDER_BACKGROUND, browserImageDecoder, parsePlacements, } from "./images.js";
-/** スクロールバーの幅（CSS ピクセル）。xterm.js 6.0.0 と同じ。 */
+/** スクロールバーの幅の既定（CSS ピクセル）。xterm.js 6.0.0 と同じ。`TerminalOptions.scrollbarWidth` で変えられる。 */
 export const SCROLLBAR_WIDTH = 14;
+/**
+ * 設定から使うスクロールバーの幅（CSS ピクセル）を決める。
+ * 未指定・負の数・数でない値は既定（`SCROLLBAR_WIDTH`）、`scrollback` が 0 のときは 0。
+ */
+export function resolveScrollbarWidth(options) {
+    if (options.scrollback === 0)
+        return 0;
+    const w = options.scrollbarWidth;
+    return typeof w === "number" && Number.isFinite(w) && w >= 0
+        ? w
+        : SCROLLBAR_WIDTH;
+}
 /** カーソルが点滅する間隔（ミリ秒）。xterm.js 6.0.0 と同じ。 */
 const BLINK_MS = 600;
 /**
@@ -771,7 +783,7 @@ export class Scrollbar {
             position: "absolute",
             top: "0",
             right: "0",
-            width: `${SCROLLBAR_WIDTH}px`,
+            width: `${api.width}px`,
             display: "none",
             userSelect: "none",
         });
@@ -848,7 +860,7 @@ export class Scrollbar {
         const total = this.api.total();
         const rows = this.api.rows();
         const scrollable = total - rows;
-        if (!enabled || scrollable <= 0 || heightPx <= 0) {
+        if (!enabled || this.api.width <= 0 || scrollable <= 0 || heightPx <= 0) {
             this.track.style.display = "none";
             return;
         }

package/dist/terminal.d.ts

@@ -122,6 +122,11 @@ export interface TerminalOptions {
     cursorBlink?: boolean;
     /** スクロールバックの行数。既定は 1000。 */
     scrollback?: number;
+    /**
+     * スクロールバーの幅（CSS ピクセル）。既定は `SCROLLBAR_WIDTH`（14）。
+     * 0 を渡すとスクロールバーを出さず、`fit()` も幅を引かない。負の数や数でない値は既定に戻す。
+     */
+    scrollbarWidth?: number;
     /** テーマ。 */
     theme?: Theme;
     /** ダブルクリックで単語を選ぶときの区切りの字。既定は xterm.js と同じ（空白と ``()[]{}',"`` ）。 */
@@ -835,6 +840,8 @@ export declare class Terminal {
         cols: number;
         rows: number;
     } | undefined;
+    /** 使うスクロールバーの幅（CSS ピクセル）。 */
+    private get scrollbarWidth();
     /** フォーカスがあるか（`setFocused` か、要素のフォーカスで決まる）。 */
     get isFocused(): boolean;
     /** ウィンドウの代わりに、フォーカスを得た・失ったことを知らせる。 */

package/dist/terminal.js

@@ -3,7 +3,7 @@ import { getMemory } from "./memory.js";
 import { SelectionModel, } from "./selection.js";
 import { CompositionHelper, KeyHandler, detectPlatform, } from "./input.js";
 import { bracketTextForPaste, prepareTextForTerminal } from "./keyboard.js";
-import { CanvasRenderer, Palette, Scrollbar, SCROLLBAR_WIDTH, proposeDimensions, } from "./renderer.js";
+import { CanvasRenderer, Palette, Scrollbar, resolveScrollbarWidth, proposeDimensions, } from "./renderer.js";
 /** セル 1 つが使う `u32` の数。`RowView.cells` の並びは README を参照。 */
 export const CELL_STRIDE = 7;
 /** セルの字（並びの 0 番目）にこのビットが立っていたら、残りのビットが `RowView.cluster` の番号。 */
@@ -1170,9 +1170,13 @@ export class Terminal {
             height,
             cellWidth: cell.width,
             cellHeight: cell.height,
-            scrollbarWidth: this.options.scrollback === 0 ? 0 : SCROLLBAR_WIDTH,
+            scrollbarWidth: this.scrollbarWidth,
         });
     }
+    /** 使うスクロールバーの幅（CSS ピクセル）。 */
+    get scrollbarWidth() {
+        return resolveScrollbarWidth(this.options);
+    }
     /** フォーカスがあるか（`setFocused` か、要素のフォーカスで決まる）。 */
     get isFocused() {
         return this.focused;
@@ -1213,6 +1217,7 @@ export class Terminal {
         this.host = host;
         this.syncPointerShape();
         this.scrollbar = new Scrollbar(el, {
+            width: this.scrollbarWidth,
             total: () => this.scrollbackLength + this.rows,
             rows: () => this.rows,
             viewportY: () => this.viewportY,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coneko-term",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Terminal building blocks (VT parser and screen model) in Rust, as WebAssembly with TypeScript types",
   "license": "MIT",
   "repository": {