Pull common parts into BaseRenderLayer

src/renderer/CursorRenderLayer.ts

@@ -4,28 +4,16 @@ import { CHAR_DATA_ATTR_INDEX } from '../Buffer';
 import { COLORS } from './Color';
 import { GridCache } from './GridCache';
 import { FLAGS } from './Types';
+import { BaseRenderLayer } from './BaseRenderLayer';
 
-export class CursorRenderLayer implements IDataRenderLayer {
-  private _canvas: HTMLCanvasElement;
-  private _ctx: CanvasRenderingContext2D;
+export class CursorRenderLayer extends BaseRenderLayer implements IDataRenderLayer {
   private _state: [number, number];
 
-  constructor(container: HTMLElement) {
-    this._canvas = document.createElement('canvas');
-    this._canvas.classList.add('xterm-cursor-layer');
-    this._ctx = this._canvas.getContext('2d');
-    this._ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
-    container.appendChild(this._canvas);
+  constructor(container: HTMLElement, zIndex: number) {
+    super(container, 'cursor', zIndex);
     this._state = null;
   }
 
-  public resize(terminal: ITerminal, canvasWidth: number, canvasHeight: number, charSizeChanged: boolean): void {
-    this._canvas.width = canvasWidth * window.devicePixelRatio;
-    this._canvas.height = canvasHeight * window.devicePixelRatio;
-    this._canvas.style.width = `${canvasWidth}px`;
-    this._canvas.style.height = `${canvasHeight}px`;
-  }
-
   public render(terminal: ITerminal, startRow: number, endRow: number): void {
     // TODO: Track blur/focus somehow, support unfocused cursor