@luma.gl/webgl 9.0.0-alpha.10 → 9.0.0-alpha.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luma.gl/webgl",
-  "version": "9.0.0-alpha.10",
+  "version": "9.0.0-alpha.11",
   "description": "WebGL2 adapter for the luma.gl API",
   "license": "MIT",
   "publishConfig": {
@@ -35,9 +35,9 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.0.0",
-    "@luma.gl/api": "9.0.0-alpha.10",
-    "@luma.gl/constants": "9.0.0-alpha.10",
+    "@luma.gl/api": "9.0.0-alpha.11",
+    "@luma.gl/constants": "9.0.0-alpha.11",
     "@probe.gl/env": "^3.5.0"
   },
-  "gitHead": "eaa912a3f1479a58e6b9915e905a9274e11d9c34"
+  "gitHead": "3a99f57970a609d50948851aec7a56d56685ab62"
 }

package/src/adapter/webgl-canvas-context.ts

@@ -1,7 +1,6 @@
 // luma.gl, MIT license
 import type {CanvasContextProps} from '@luma.gl/api';
 import {CanvasContext} from '@luma.gl/api';
-import {getDevicePixelRatio, setDevicePixelRatio} from '../context/context/device-pixels';
 import WebGLDevice from './webgl-device';
 import WEBGLFramebuffer from './resources/webgl-framebuffer';
 
@@ -52,8 +51,7 @@ export default class WebGLCanvasContext extends CanvasContext {
    resize(options?: {width?: number; height?: number; useDevicePixels?: boolean | number}): void {
     // Resize browser context .
     if (this.canvas) {
-      const devicePixelRatio = getDevicePixelRatio(options?.useDevicePixels);
-      setDevicePixelRatio(this.device.gl, devicePixelRatio, options);
+      this.setDevicePixelRatio(devicePixelRatio, options);
       return;
     }
 

package/src/adapter/webgl-device.ts

@@ -10,7 +10,7 @@ import type {
 import {Device, CanvasContext, log, assert} from '@luma.gl/api';
 import {isBrowser} from '@probe.gl/env';
 import {polyfillContext} from '../context/polyfill/polyfill-context';
-import {trackContextState} from '../context/state-tracker/track-context-state';
+import {popContextState, pushContextState, trackContextState} from '../context/state-tracker/track-context-state';
 import {ContextState} from '../context/context/context-state';
 import {createBrowserContext} from '../context/context/create-browser-context';
 import {
@@ -95,37 +95,6 @@ export default class WebGLDevice extends Device implements ContextState {
   private _features?: Set<DeviceFeature>;
   private _limits?: DeviceLimits;
 
-  //
-  // WebGL-only API (not part of `Device` API)
-  //
-
-  /** WebGL1 typed context. Can always be used. */
-  readonly gl: WebGLRenderingContext;
-  /** WebGL2 typed context. Need to check isWebGL2 or isWebGL1 before using. */
-  readonly gl2: WebGL2RenderingContext | null = null;
-  readonly debug: boolean = false;
-
-  /** `true` if this is a WebGL1 context. @note `false` if WebGL2 */
-  readonly isWebGL1: boolean;
-  /** `true` if this is a WebGL2 context. @note `false` if WebGL1 */
-  readonly isWebGL2: boolean;
-
-  get webglLimits(): WebGLLimits {
-    this._webglLimits = this._webglLimits || getWebGLLimits(this.gl);
-    return this._webglLimits;
-  }
-
-  private _webglLimits?: WebGLLimits;
-
-  /** State used by luma.gl classes: TODO - move to canvasContext*/
-  readonly _canvasSizeInfo = {clientWidth: 0, clientHeight: 0, devicePixelRatio: 1};
-  /** State used by luma.gl classes */
-  readonly _extensions: Record<string, any> = {};
-  _polyfilled: boolean = false;
-
-  /** Instance of Spector.js (if initialized) */
-  spector;
-
   //
   // Static methods, expected to be present by `luma.createDevice()`
   //
@@ -277,22 +246,6 @@ ${this.info.vendor}, ${this.info.renderer} for canvas: ${this.canvasContext.id}`
     }
   }
 
-  /**
-   * Loses the context
-   * @note Triggers context loss, mainly for testing
-   */
-  loseDevice() {
-    const ext = this.gl.getExtension('WEBGL_lose_context');
-    if (ext) {
-      ext.loseContext();
-    }
-    // loseContext should trigger context loss callback but 
-    this._resolveContextLost?.({
-      reason: 'destroyed',
-      message: 'Application triggered context loss'
-    });
-  }
-
   get isLost(): boolean {
     return this.gl.isContextLost();
   }
@@ -390,6 +343,65 @@ ${this.info.vendor}, ${this.info.renderer} for canvas: ${this.canvasContext.id}`
     this.renderPass = null;
     // this.canvasContext.commit();
   }
+
+    //
+  // WebGL-only API (not part of `Device` API)
+  //
+
+  /** WebGL1 typed context. Can always be used. */
+  readonly gl: WebGLRenderingContext;
+  /** WebGL2 typed context. Need to check isWebGL2 or isWebGL1 before using. */
+  readonly gl2: WebGL2RenderingContext | null = null;
+  readonly debug: boolean = false;
+
+  /** `true` if this is a WebGL1 context. @note `false` if WebGL2 */
+  readonly isWebGL1: boolean;
+  /** `true` if this is a WebGL2 context. @note `false` if WebGL1 */
+  readonly isWebGL2: boolean;
+
+  /** State used by luma.gl classes: TODO - move to canvasContext*/
+  readonly _canvasSizeInfo = {clientWidth: 0, clientHeight: 0, devicePixelRatio: 1};
+  /** State used by luma.gl classes */
+  readonly _extensions: Record<string, any> = {};
+  _polyfilled: boolean = false;
+
+  /** Instance of Spector.js (if initialized) */
+  spector;
+
+  private _webglLimits?: WebGLLimits;
+
+  /** Return WebGL specific limits */
+  get webglLimits() : WebGLLimits {
+    this._webglLimits = this._webglLimits || getWebGLLimits(this.gl);
+    return this._webglLimits;
+  }
+
+  /**
+   * Loses the context
+   * @note Triggers context loss, mainly for testing
+   * @todo Promote to `Device` API?
+   */
+   loseDevice(): void {
+    const ext = this.gl.getExtension('WEBGL_lose_context');
+    if (ext) {
+      ext.loseContext();
+    }
+    // loseContext should trigger context loss callback but 
+    this._resolveContextLost?.({
+      reason: 'destroyed',
+      message: 'Application triggered context loss'
+    });
+  }
+
+  /** Save current WebGL context state onto an internal stack */
+  pushState(): void {
+    pushContextState(this.gl);
+  }
+
+  /** Restores previously saved context state */
+  popState(): void {
+    popContextState(this.gl);
+  }
 }
 
 /** Check if supplied parameter is a WebGLRenderingContext */

package/src/context/context/context-state.ts

@@ -2,11 +2,6 @@
  * Stores luma.gl specific state associated with a context
  */
 export interface ContextState {
-  _canvasSizeInfo: {
-    clientWidth: number;
-    clientHeight: number;
-    devicePixelRatio: number;
-  };
   _polyfilled: boolean;
   _extensions: Record<string, any>;
 }
@@ -23,11 +18,6 @@ export function getContextState(gl: WebGLRenderingContext): ContextState {
   }
   if (!luma) {
     const contextState: ContextState = {
-      _canvasSizeInfo: {
-        clientWidth: 0,
-        clientHeight: 0,
-        devicePixelRatio: 1,
-      },
       _polyfilled: false,
       _extensions: {}
     };

package/src/index.ts

@@ -51,9 +51,6 @@ export {
   assertWebGL2Context
 } from './context/context/webgl-checks';
 
-// Device ratio
-export {cssToDeviceRatio, cssToDevicePixels} from './context/context/device-pixels';
-
 // Unified parameter API
 
 export {setDeviceParameters, withDeviceParameters} from './adapter/converters/device-parameters';

package/dist/context/context/device-pixels.d.ts

@@ -1,25 +0,0 @@
-/**
- * Returns multiplier need to convert CSS size to Device size
- */
-export declare function cssToDeviceRatio(gl: WebGLRenderingContext): number;
-/**
- * Maps CSS pixel position to device pixel position
- */
-export declare function cssToDevicePixels(gl: WebGLRenderingContext, cssPixel: number[], yInvert?: boolean): {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-/**
- * Calulates device pixel ratio, used during context creation
- *
- * @param useDevicePixels - boolean or a number
- * @return - device pixel ratio
- */
-export declare function getDevicePixelRatio(useDevicePixels: boolean | number): number;
-export declare function setDevicePixelRatio(gl: WebGLRenderingContext, devicePixelRatio: number, options?: {
-    width?: number;
-    height?: number;
-}): void;
-//# sourceMappingURL=device-pixels.d.ts.map

package/dist/context/context/device-pixels.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"device-pixels.d.ts","sourceRoot":"","sources":["../../../src/context/context/device-pixels.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,qBAAqB,GAAG,MAAM,CAWlE;AAED;;GAEG;AACF,wBAAgB,iBAAiB,CAChC,EAAE,EAAE,qBAAqB,EACzB,QAAQ,EAAE,MAAM,EAAE,EAClB,OAAO,GAAE,OAAc,GACtB;IACD,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAKA;AAED;;;;;GAKG;AACF,wBAAgB,mBAAmB,CAAC,eAAe,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAO9E;AAGD,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,GAAE;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAM,QAkDvI"}

package/dist/context/context/device-pixels.js

@@ -1,103 +0,0 @@
-import { log } from '@luma.gl/api';
-import { getContextState } from './context-state';
-export function cssToDeviceRatio(gl) {
-  const state = getContextState(gl);
-
-  if (gl.canvas && state) {
-    const {
-      clientWidth
-    } = state._canvasSizeInfo;
-    return clientWidth ? gl.drawingBufferWidth / clientWidth : 1;
-  }
-
-  return 1;
-}
-export function cssToDevicePixels(gl, cssPixel, yInvert = true) {
-  const ratio = cssToDeviceRatio(gl);
-  const width = gl.drawingBufferWidth;
-  const height = gl.drawingBufferHeight;
-  return scalePixels(cssPixel, ratio, width, height, yInvert);
-}
-export function getDevicePixelRatio(useDevicePixels) {
-  const windowRatio = typeof window === 'undefined' ? 1 : window.devicePixelRatio || 1;
-
-  if (Number.isFinite(useDevicePixels)) {
-    return useDevicePixels <= 0 ? 1 : useDevicePixels;
-  }
-
-  return useDevicePixels ? windowRatio : 1;
-}
-export function setDevicePixelRatio(gl, devicePixelRatio, options = {}) {
-  if (!(gl.canvas instanceof HTMLCanvasElement)) {
-    return;
-  }
-
-  const canvas = gl.canvas;
-  let clientWidth = 'width' in options ? options.width : canvas.clientWidth;
-  let clientHeight = 'height' in options ? options.height : canvas.clientHeight;
-
-  if (!clientWidth || !clientHeight) {
-    log.log(1, 'Canvas clientWidth/clientHeight is 0')();
-    devicePixelRatio = 1;
-    clientWidth = canvas.width || 1;
-    clientHeight = canvas.height || 1;
-  }
-
-  const contextState = getContextState(gl);
-  const cachedSize = contextState._canvasSizeInfo;
-
-  if (cachedSize.clientWidth !== clientWidth || cachedSize.clientHeight !== clientHeight || cachedSize.devicePixelRatio !== devicePixelRatio) {
-    let clampedPixelRatio = devicePixelRatio;
-    const canvasWidth = Math.floor(clientWidth * clampedPixelRatio);
-    const canvasHeight = Math.floor(clientHeight * clampedPixelRatio);
-    canvas.width = canvasWidth;
-    canvas.height = canvasHeight;
-
-    if (gl.drawingBufferWidth !== canvasWidth || gl.drawingBufferHeight !== canvasHeight) {
-      log.warn("Device pixel ratio clamped")();
-      clampedPixelRatio = Math.min(gl.drawingBufferWidth / clientWidth, gl.drawingBufferHeight / clientHeight);
-      canvas.width = Math.floor(clientWidth * clampedPixelRatio);
-      canvas.height = Math.floor(clientHeight * clampedPixelRatio);
-    }
-
-    Object.assign(contextState._canvasSizeInfo, {
-      clientWidth,
-      clientHeight,
-      devicePixelRatio
-    });
-  }
-}
-
-function scalePixels(pixel, ratio, width, height, yInvert) {
-  const x = scaleX(pixel[0], ratio, width);
-  let y = scaleY(pixel[1], ratio, height, yInvert);
-  let t = scaleX(pixel[0] + 1, ratio, width);
-  const xHigh = t === width - 1 ? t : t - 1;
-  t = scaleY(pixel[1] + 1, ratio, height, yInvert);
-  let yHigh;
-
-  if (yInvert) {
-    t = t === 0 ? t : t + 1;
-    yHigh = y;
-    y = t;
-  } else {
-    yHigh = t === height - 1 ? t : t - 1;
-  }
-
-  return {
-    x,
-    y,
-    width: Math.max(xHigh - x + 1, 1),
-    height: Math.max(yHigh - y + 1, 1)
-  };
-}
-
-function scaleX(x, ratio, width) {
-  const r = Math.min(Math.round(x * ratio), width - 1);
-  return r;
-}
-
-function scaleY(y, ratio, height, yInvert) {
-  return yInvert ? Math.max(0, height - 1 - Math.round(y * ratio)) : Math.min(Math.round(y * ratio), height - 1);
-}
-//# sourceMappingURL=device-pixels.js.map

package/dist/context/context/device-pixels.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/context/context/device-pixels.ts"],"names":["log","getContextState","cssToDeviceRatio","gl","state","canvas","clientWidth","_canvasSizeInfo","drawingBufferWidth","cssToDevicePixels","cssPixel","yInvert","ratio","width","height","drawingBufferHeight","scalePixels","getDevicePixelRatio","useDevicePixels","windowRatio","window","devicePixelRatio","Number","isFinite","setDevicePixelRatio","options","HTMLCanvasElement","clientHeight","contextState","cachedSize","clampedPixelRatio","canvasWidth","Math","floor","canvasHeight","warn","min","Object","assign","pixel","x","scaleX","y","scaleY","t","xHigh","yHigh","max","r","round"],"mappings":"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","sourcesContent":["import {log} from '@luma.gl/api';\nimport {getContextState} from './context-state';\n\n/**\n * Returns multiplier need to convert CSS size to Device size\n */\nexport function cssToDeviceRatio(gl: WebGLRenderingContext): number {\n  const state = getContextState(gl);\n\n  if (gl.canvas && state) {\n    // For headless gl we might have used custom width and height\n    // hence use cached clientWidth\n    const {clientWidth} = state._canvasSizeInfo;\n    return clientWidth ? gl.drawingBufferWidth / clientWidth : 1;\n  }\n  // use default device pixel ratio\n  return 1;\n}\n\n/**\n * Maps CSS pixel position to device pixel position\n */\n export function cssToDevicePixels(\n  gl: WebGLRenderingContext,\n  cssPixel: number[],\n  yInvert: boolean = true\n): {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n} {\n  const ratio = cssToDeviceRatio(gl);\n  const width = gl.drawingBufferWidth;\n  const height = gl.drawingBufferHeight;\n  return scalePixels(cssPixel, ratio, width, height, yInvert);\n}\n\n/**\n * Calulates device pixel ratio, used during context creation\n *\n * @param useDevicePixels - boolean or a number\n * @return - device pixel ratio\n */\n export function getDevicePixelRatio(useDevicePixels: boolean | number): number {\n  const windowRatio = typeof window === 'undefined' ? 1 : window.devicePixelRatio || 1;\n  if (Number.isFinite(useDevicePixels)) {\n    // @ts-expect-error Can no longer be boolean after previous line\n    return useDevicePixels <= 0 ? 1 : useDevicePixels;\n  }\n  return useDevicePixels ? windowRatio : 1;\n}\n\n// use devicePixelRatio to set canvas width and height\nexport function setDevicePixelRatio(gl: WebGLRenderingContext, devicePixelRatio: number, options: {width?: number, height?: number} = {}) {\n  if (!(gl.canvas instanceof HTMLCanvasElement)) {\n    return;\n  }\n\n  const canvas: HTMLCanvasElement = gl.canvas;\n\n  // NOTE: if options.width and options.height not used remove in v8\n  let clientWidth = 'width' in options ? options.width : canvas.clientWidth;\n  let clientHeight = 'height' in options ? options.height : canvas.clientHeight;\n\n  if (!clientWidth || !clientHeight) {\n    log.log(1, 'Canvas clientWidth/clientHeight is 0')();\n    // by forcing devicePixel ratio to 1, we do not scale canvas.width and height in each frame.\n    devicePixelRatio = 1;\n    clientWidth = canvas.width || 1;\n    clientHeight = canvas.height || 1;\n  }\n\n  const contextState = getContextState(gl);\n  const cachedSize = contextState._canvasSizeInfo;\n  // Check if canvas needs to be resized\n  if (\n    cachedSize.clientWidth !== clientWidth ||\n    cachedSize.clientHeight !== clientHeight ||\n    cachedSize.devicePixelRatio !== devicePixelRatio\n  ) {\n    let clampedPixelRatio = devicePixelRatio;\n\n    const canvasWidth = Math.floor(clientWidth * clampedPixelRatio);\n    const canvasHeight = Math.floor(clientHeight * clampedPixelRatio);\n    canvas.width = canvasWidth;\n    canvas.height = canvasHeight;\n\n    // Note: when devicePixelRatio is too high, it is possible we might hit system limit for\n    // drawing buffer width and hight, in those cases they get clamped and resulting aspect ration may not be maintained\n    // for those cases, reduce devicePixelRatio.\n    if (gl.drawingBufferWidth !== canvasWidth || gl.drawingBufferHeight !== canvasHeight) {\n      log.warn(`Device pixel ratio clamped`)();\n      clampedPixelRatio = Math.min(\n        gl.drawingBufferWidth / clientWidth,\n        gl.drawingBufferHeight / clientHeight\n      );\n\n      canvas.width = Math.floor(clientWidth * clampedPixelRatio);\n      canvas.height = Math.floor(clientHeight * clampedPixelRatio);\n    }\n\n    Object.assign(contextState._canvasSizeInfo, {clientWidth, clientHeight, devicePixelRatio});\n  }\n}\n\n\n// PRIVATE\n\nfunction scalePixels(pixel: number[], ratio: number, width: number, height: number, yInvert: boolean): {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n} {\n  const x = scaleX(pixel[0], ratio, width);\n  let y = scaleY(pixel[1], ratio, height, yInvert);\n\n  // Find boundaries of next pixel to provide valid range of device pixel locaitons\n\n  let t = scaleX(pixel[0] + 1, ratio, width);\n  // If next pixel's position is clamped to boundary, use it as is, otherwise subtract 1 for current pixel boundary\n  const xHigh = t === width - 1 ? t : t - 1;\n\n  t = scaleY(pixel[1] + 1, ratio, height, yInvert);\n  let yHigh;\n  if (yInvert) {\n    // If next pixel's position is clamped to boundary, use it as is, otherwise clamp it to valid range\n    t = t === 0 ? t : t + 1;\n    // swap y and yHigh\n    yHigh = y;\n    y = t;\n  } else {\n    // If next pixel's position is clamped to boundary, use it as is, otherwise clamp it to valid range\n    yHigh = t === height - 1 ? t : t - 1;\n    // y remains same\n  }\n  return {\n    x,\n    y,\n    // when ratio < 1, current css pixel and next css pixel may point to same device pixel, set width/height to 1 in those cases.\n    width: Math.max(xHigh - x + 1, 1),\n    height: Math.max(yHigh - y + 1, 1)\n  };\n}\n\nfunction scaleX(x: number, ratio: number, width: number): number {\n  // since we are rounding to nearest, when ratio > 1, edge pixels may point to out of bounds value, clamp to the limit\n  const r = Math.min(Math.round(x * ratio), width - 1);\n  return r;\n}\n\nfunction scaleY(y: number, ratio: number, height: number, yInvert: boolean): number {\n  // since we are rounding to nearest, when ratio > 1, edge pixels may point to out of bounds value, clamp to the limit\n  return yInvert\n    ? Math.max(0, height - 1 - Math.round(y * ratio))\n    : Math.min(Math.round(y * ratio), height - 1);\n}\n"],"file":"device-pixels.js"}

package/dist/es5/context/context/device-pixels.js

@@ -1,121 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.cssToDeviceRatio = cssToDeviceRatio;
-exports.cssToDevicePixels = cssToDevicePixels;
-exports.getDevicePixelRatio = getDevicePixelRatio;
-exports.setDevicePixelRatio = setDevicePixelRatio;
-
-var _api = require("@luma.gl/api");
-
-var _contextState = require("./context-state");
-
-function cssToDeviceRatio(gl) {
-  var state = (0, _contextState.getContextState)(gl);
-
-  if (gl.canvas && state) {
-    var clientWidth = state._canvasSizeInfo.clientWidth;
-    return clientWidth ? gl.drawingBufferWidth / clientWidth : 1;
-  }
-
-  return 1;
-}
-
-function cssToDevicePixels(gl, cssPixel) {
-  var yInvert = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  var ratio = cssToDeviceRatio(gl);
-  var width = gl.drawingBufferWidth;
-  var height = gl.drawingBufferHeight;
-  return scalePixels(cssPixel, ratio, width, height, yInvert);
-}
-
-function getDevicePixelRatio(useDevicePixels) {
-  var windowRatio = typeof window === 'undefined' ? 1 : window.devicePixelRatio || 1;
-
-  if (Number.isFinite(useDevicePixels)) {
-    return useDevicePixels <= 0 ? 1 : useDevicePixels;
-  }
-
-  return useDevicePixels ? windowRatio : 1;
-}
-
-function setDevicePixelRatio(gl, devicePixelRatio) {
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-  if (!(gl.canvas instanceof HTMLCanvasElement)) {
-    return;
-  }
-
-  var canvas = gl.canvas;
-  var clientWidth = 'width' in options ? options.width : canvas.clientWidth;
-  var clientHeight = 'height' in options ? options.height : canvas.clientHeight;
-
-  if (!clientWidth || !clientHeight) {
-    _api.log.log(1, 'Canvas clientWidth/clientHeight is 0')();
-
-    devicePixelRatio = 1;
-    clientWidth = canvas.width || 1;
-    clientHeight = canvas.height || 1;
-  }
-
-  var contextState = (0, _contextState.getContextState)(gl);
-  var cachedSize = contextState._canvasSizeInfo;
-
-  if (cachedSize.clientWidth !== clientWidth || cachedSize.clientHeight !== clientHeight || cachedSize.devicePixelRatio !== devicePixelRatio) {
-    var clampedPixelRatio = devicePixelRatio;
-    var canvasWidth = Math.floor(clientWidth * clampedPixelRatio);
-    var canvasHeight = Math.floor(clientHeight * clampedPixelRatio);
-    canvas.width = canvasWidth;
-    canvas.height = canvasHeight;
-
-    if (gl.drawingBufferWidth !== canvasWidth || gl.drawingBufferHeight !== canvasHeight) {
-      _api.log.warn("Device pixel ratio clamped")();
-
-      clampedPixelRatio = Math.min(gl.drawingBufferWidth / clientWidth, gl.drawingBufferHeight / clientHeight);
-      canvas.width = Math.floor(clientWidth * clampedPixelRatio);
-      canvas.height = Math.floor(clientHeight * clampedPixelRatio);
-    }
-
-    Object.assign(contextState._canvasSizeInfo, {
-      clientWidth: clientWidth,
-      clientHeight: clientHeight,
-      devicePixelRatio: devicePixelRatio
-    });
-  }
-}
-
-function scalePixels(pixel, ratio, width, height, yInvert) {
-  var x = scaleX(pixel[0], ratio, width);
-  var y = scaleY(pixel[1], ratio, height, yInvert);
-  var t = scaleX(pixel[0] + 1, ratio, width);
-  var xHigh = t === width - 1 ? t : t - 1;
-  t = scaleY(pixel[1] + 1, ratio, height, yInvert);
-  var yHigh;
-
-  if (yInvert) {
-    t = t === 0 ? t : t + 1;
-    yHigh = y;
-    y = t;
-  } else {
-    yHigh = t === height - 1 ? t : t - 1;
-  }
-
-  return {
-    x: x,
-    y: y,
-    width: Math.max(xHigh - x + 1, 1),
-    height: Math.max(yHigh - y + 1, 1)
-  };
-}
-
-function scaleX(x, ratio, width) {
-  var r = Math.min(Math.round(x * ratio), width - 1);
-  return r;
-}
-
-function scaleY(y, ratio, height, yInvert) {
-  return yInvert ? Math.max(0, height - 1 - Math.round(y * ratio)) : Math.min(Math.round(y * ratio), height - 1);
-}
-//# sourceMappingURL=device-pixels.js.map

package/dist/es5/context/context/device-pixels.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/context/context/device-pixels.ts"],"names":["cssToDeviceRatio","gl","state","canvas","clientWidth","_canvasSizeInfo","drawingBufferWidth","cssToDevicePixels","cssPixel","yInvert","ratio","width","height","drawingBufferHeight","scalePixels","getDevicePixelRatio","useDevicePixels","windowRatio","window","devicePixelRatio","Number","isFinite","setDevicePixelRatio","options","HTMLCanvasElement","clientHeight","log","contextState","cachedSize","clampedPixelRatio","canvasWidth","Math","floor","canvasHeight","warn","min","Object","assign","pixel","x","scaleX","y","scaleY","t","xHigh","yHigh","max","r","round"],"mappings":";;;;;;;;;;AAAA;;AACA;;AAKO,SAASA,gBAAT,CAA0BC,EAA1B,EAA6D;AAClE,MAAMC,KAAK,GAAG,mCAAgBD,EAAhB,CAAd;;AAEA,MAAIA,EAAE,CAACE,MAAH,IAAaD,KAAjB,EAAwB;AAGtB,QAAOE,WAAP,GAAsBF,KAAK,CAACG,eAA5B,CAAOD,WAAP;AACA,WAAOA,WAAW,GAAGH,EAAE,CAACK,kBAAH,GAAwBF,WAA3B,GAAyC,CAA3D;AACD;;AAED,SAAO,CAAP;AACD;;AAKO,SAASG,iBAAT,CACNN,EADM,EAENO,QAFM,EASN;AAAA,MANAC,OAMA,uEANmB,IAMnB;AACA,MAAMC,KAAK,GAAGV,gBAAgB,CAACC,EAAD,CAA9B;AACA,MAAMU,KAAK,GAAGV,EAAE,CAACK,kBAAjB;AACA,MAAMM,MAAM,GAAGX,EAAE,CAACY,mBAAlB;AACA,SAAOC,WAAW,CAACN,QAAD,EAAWE,KAAX,EAAkBC,KAAlB,EAAyBC,MAAzB,EAAiCH,OAAjC,CAAlB;AACD;;AAQO,SAASM,mBAAT,CAA6BC,eAA7B,EAAwE;AAC9E,MAAMC,WAAW,GAAG,OAAOC,MAAP,KAAkB,WAAlB,GAAgC,CAAhC,GAAoCA,MAAM,CAACC,gBAAP,IAA2B,CAAnF;;AACA,MAAIC,MAAM,CAACC,QAAP,CAAgBL,eAAhB,CAAJ,EAAsC;AAEpC,WAAOA,eAAe,IAAI,CAAnB,GAAuB,CAAvB,GAA2BA,eAAlC;AACD;;AACD,SAAOA,eAAe,GAAGC,WAAH,GAAiB,CAAvC;AACD;;AAGM,SAASK,mBAAT,CAA6BrB,EAA7B,EAAwDkB,gBAAxD,EAAmI;AAAA,MAAjDI,OAAiD,uEAAJ,EAAI;;AACxI,MAAI,EAAEtB,EAAE,CAACE,MAAH,YAAqBqB,iBAAvB,CAAJ,EAA+C;AAC7C;AACD;;AAED,MAAMrB,MAAyB,GAAGF,EAAE,CAACE,MAArC;AAGA,MAAIC,WAAW,GAAG,WAAWmB,OAAX,GAAqBA,OAAO,CAACZ,KAA7B,GAAqCR,MAAM,CAACC,WAA9D;AACA,MAAIqB,YAAY,GAAG,YAAYF,OAAZ,GAAsBA,OAAO,CAACX,MAA9B,GAAuCT,MAAM,CAACsB,YAAjE;;AAEA,MAAI,CAACrB,WAAD,IAAgB,CAACqB,YAArB,EAAmC;AACjCC,aAAIA,GAAJ,CAAQ,CAAR,EAAW,sCAAX;;AAEAP,IAAAA,gBAAgB,GAAG,CAAnB;AACAf,IAAAA,WAAW,GAAGD,MAAM,CAACQ,KAAP,IAAgB,CAA9B;AACAc,IAAAA,YAAY,GAAGtB,MAAM,CAACS,MAAP,IAAiB,CAAhC;AACD;;AAED,MAAMe,YAAY,GAAG,mCAAgB1B,EAAhB,CAArB;AACA,MAAM2B,UAAU,GAAGD,YAAY,CAACtB,eAAhC;;AAEA,MACEuB,UAAU,CAACxB,WAAX,KAA2BA,WAA3B,IACAwB,UAAU,CAACH,YAAX,KAA4BA,YAD5B,IAEAG,UAAU,CAACT,gBAAX,KAAgCA,gBAHlC,EAIE;AACA,QAAIU,iBAAiB,GAAGV,gBAAxB;AAEA,QAAMW,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAW5B,WAAW,GAAGyB,iBAAzB,CAApB;AACA,QAAMI,YAAY,GAAGF,IAAI,CAACC,KAAL,CAAWP,YAAY,GAAGI,iBAA1B,CAArB;AACA1B,IAAAA,MAAM,CAACQ,KAAP,GAAemB,WAAf;AACA3B,IAAAA,MAAM,CAACS,MAAP,GAAgBqB,YAAhB;;AAKA,QAAIhC,EAAE,CAACK,kBAAH,KAA0BwB,WAA1B,IAAyC7B,EAAE,CAACY,mBAAH,KAA2BoB,YAAxE,EAAsF;AACpFP,eAAIQ,IAAJ;;AACAL,MAAAA,iBAAiB,GAAGE,IAAI,CAACI,GAAL,CAClBlC,EAAE,CAACK,kBAAH,GAAwBF,WADN,EAElBH,EAAE,CAACY,mBAAH,GAAyBY,YAFP,CAApB;AAKAtB,MAAAA,MAAM,CAACQ,KAAP,GAAeoB,IAAI,CAACC,KAAL,CAAW5B,WAAW,GAAGyB,iBAAzB,CAAf;AACA1B,MAAAA,MAAM,CAACS,MAAP,GAAgBmB,IAAI,CAACC,KAAL,CAAWP,YAAY,GAAGI,iBAA1B,CAAhB;AACD;;AAEDO,IAAAA,MAAM,CAACC,MAAP,CAAcV,YAAY,CAACtB,eAA3B,EAA4C;AAACD,MAAAA,WAAW,EAAXA,WAAD;AAAcqB,MAAAA,YAAY,EAAZA,YAAd;AAA4BN,MAAAA,gBAAgB,EAAhBA;AAA5B,KAA5C;AACD;AACF;;AAKD,SAASL,WAAT,CAAqBwB,KAArB,EAAsC5B,KAAtC,EAAqDC,KAArD,EAAoEC,MAApE,EAAoFH,OAApF,EAKE;AACA,MAAM8B,CAAC,GAAGC,MAAM,CAACF,KAAK,CAAC,CAAD,CAAN,EAAW5B,KAAX,EAAkBC,KAAlB,CAAhB;AACA,MAAI8B,CAAC,GAAGC,MAAM,CAACJ,KAAK,CAAC,CAAD,CAAN,EAAW5B,KAAX,EAAkBE,MAAlB,EAA0BH,OAA1B,CAAd;AAIA,MAAIkC,CAAC,GAAGH,MAAM,CAACF,KAAK,CAAC,CAAD,CAAL,GAAW,CAAZ,EAAe5B,KAAf,EAAsBC,KAAtB,CAAd;AAEA,MAAMiC,KAAK,GAAGD,CAAC,KAAKhC,KAAK,GAAG,CAAd,GAAkBgC,CAAlB,GAAsBA,CAAC,GAAG,CAAxC;AAEAA,EAAAA,CAAC,GAAGD,MAAM,CAACJ,KAAK,CAAC,CAAD,CAAL,GAAW,CAAZ,EAAe5B,KAAf,EAAsBE,MAAtB,EAA8BH,OAA9B,CAAV;AACA,MAAIoC,KAAJ;;AACA,MAAIpC,OAAJ,EAAa;AAEXkC,IAAAA,CAAC,GAAGA,CAAC,KAAK,CAAN,GAAUA,CAAV,GAAcA,CAAC,GAAG,CAAtB;AAEAE,IAAAA,KAAK,GAAGJ,CAAR;AACAA,IAAAA,CAAC,GAAGE,CAAJ;AACD,GAND,MAMO;AAELE,IAAAA,KAAK,GAAGF,CAAC,KAAK/B,MAAM,GAAG,CAAf,GAAmB+B,CAAnB,GAAuBA,CAAC,GAAG,CAAnC;AAED;;AACD,SAAO;AACLJ,IAAAA,CAAC,EAADA,CADK;AAELE,IAAAA,CAAC,EAADA,CAFK;AAIL9B,IAAAA,KAAK,EAAEoB,IAAI,CAACe,GAAL,CAASF,KAAK,GAAGL,CAAR,GAAY,CAArB,EAAwB,CAAxB,CAJF;AAKL3B,IAAAA,MAAM,EAAEmB,IAAI,CAACe,GAAL,CAASD,KAAK,GAAGJ,CAAR,GAAY,CAArB,EAAwB,CAAxB;AALH,GAAP;AAOD;;AAED,SAASD,MAAT,CAAgBD,CAAhB,EAA2B7B,KAA3B,EAA0CC,KAA1C,EAAiE;AAE/D,MAAMoC,CAAC,GAAGhB,IAAI,CAACI,GAAL,CAASJ,IAAI,CAACiB,KAAL,CAAWT,CAAC,GAAG7B,KAAf,CAAT,EAAgCC,KAAK,GAAG,CAAxC,CAAV;AACA,SAAOoC,CAAP;AACD;;AAED,SAASL,MAAT,CAAgBD,CAAhB,EAA2B/B,KAA3B,EAA0CE,MAA1C,EAA0DH,OAA1D,EAAoF;AAElF,SAAOA,OAAO,GACVsB,IAAI,CAACe,GAAL,CAAS,CAAT,EAAYlC,MAAM,GAAG,CAAT,GAAamB,IAAI,CAACiB,KAAL,CAAWP,CAAC,GAAG/B,KAAf,CAAzB,CADU,GAEVqB,IAAI,CAACI,GAAL,CAASJ,IAAI,CAACiB,KAAL,CAAWP,CAAC,GAAG/B,KAAf,CAAT,EAAgCE,MAAM,GAAG,CAAzC,CAFJ;AAGD","sourcesContent":["import {log} from '@luma.gl/api';\nimport {getContextState} from './context-state';\n\n/**\n * Returns multiplier need to convert CSS size to Device size\n */\nexport function cssToDeviceRatio(gl: WebGLRenderingContext): number {\n  const state = getContextState(gl);\n\n  if (gl.canvas && state) {\n    // For headless gl we might have used custom width and height\n    // hence use cached clientWidth\n    const {clientWidth} = state._canvasSizeInfo;\n    return clientWidth ? gl.drawingBufferWidth / clientWidth : 1;\n  }\n  // use default device pixel ratio\n  return 1;\n}\n\n/**\n * Maps CSS pixel position to device pixel position\n */\n export function cssToDevicePixels(\n  gl: WebGLRenderingContext,\n  cssPixel: number[],\n  yInvert: boolean = true\n): {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n} {\n  const ratio = cssToDeviceRatio(gl);\n  const width = gl.drawingBufferWidth;\n  const height = gl.drawingBufferHeight;\n  return scalePixels(cssPixel, ratio, width, height, yInvert);\n}\n\n/**\n * Calulates device pixel ratio, used during context creation\n *\n * @param useDevicePixels - boolean or a number\n * @return - device pixel ratio\n */\n export function getDevicePixelRatio(useDevicePixels: boolean | number): number {\n  const windowRatio = typeof window === 'undefined' ? 1 : window.devicePixelRatio || 1;\n  if (Number.isFinite(useDevicePixels)) {\n    // @ts-expect-error Can no longer be boolean after previous line\n    return useDevicePixels <= 0 ? 1 : useDevicePixels;\n  }\n  return useDevicePixels ? windowRatio : 1;\n}\n\n// use devicePixelRatio to set canvas width and height\nexport function setDevicePixelRatio(gl: WebGLRenderingContext, devicePixelRatio: number, options: {width?: number, height?: number} = {}) {\n  if (!(gl.canvas instanceof HTMLCanvasElement)) {\n    return;\n  }\n\n  const canvas: HTMLCanvasElement = gl.canvas;\n\n  // NOTE: if options.width and options.height not used remove in v8\n  let clientWidth = 'width' in options ? options.width : canvas.clientWidth;\n  let clientHeight = 'height' in options ? options.height : canvas.clientHeight;\n\n  if (!clientWidth || !clientHeight) {\n    log.log(1, 'Canvas clientWidth/clientHeight is 0')();\n    // by forcing devicePixel ratio to 1, we do not scale canvas.width and height in each frame.\n    devicePixelRatio = 1;\n    clientWidth = canvas.width || 1;\n    clientHeight = canvas.height || 1;\n  }\n\n  const contextState = getContextState(gl);\n  const cachedSize = contextState._canvasSizeInfo;\n  // Check if canvas needs to be resized\n  if (\n    cachedSize.clientWidth !== clientWidth ||\n    cachedSize.clientHeight !== clientHeight ||\n    cachedSize.devicePixelRatio !== devicePixelRatio\n  ) {\n    let clampedPixelRatio = devicePixelRatio;\n\n    const canvasWidth = Math.floor(clientWidth * clampedPixelRatio);\n    const canvasHeight = Math.floor(clientHeight * clampedPixelRatio);\n    canvas.width = canvasWidth;\n    canvas.height = canvasHeight;\n\n    // Note: when devicePixelRatio is too high, it is possible we might hit system limit for\n    // drawing buffer width and hight, in those cases they get clamped and resulting aspect ration may not be maintained\n    // for those cases, reduce devicePixelRatio.\n    if (gl.drawingBufferWidth !== canvasWidth || gl.drawingBufferHeight !== canvasHeight) {\n      log.warn(`Device pixel ratio clamped`)();\n      clampedPixelRatio = Math.min(\n        gl.drawingBufferWidth / clientWidth,\n        gl.drawingBufferHeight / clientHeight\n      );\n\n      canvas.width = Math.floor(clientWidth * clampedPixelRatio);\n      canvas.height = Math.floor(clientHeight * clampedPixelRatio);\n    }\n\n    Object.assign(contextState._canvasSizeInfo, {clientWidth, clientHeight, devicePixelRatio});\n  }\n}\n\n\n// PRIVATE\n\nfunction scalePixels(pixel: number[], ratio: number, width: number, height: number, yInvert: boolean): {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n} {\n  const x = scaleX(pixel[0], ratio, width);\n  let y = scaleY(pixel[1], ratio, height, yInvert);\n\n  // Find boundaries of next pixel to provide valid range of device pixel locaitons\n\n  let t = scaleX(pixel[0] + 1, ratio, width);\n  // If next pixel's position is clamped to boundary, use it as is, otherwise subtract 1 for current pixel boundary\n  const xHigh = t === width - 1 ? t : t - 1;\n\n  t = scaleY(pixel[1] + 1, ratio, height, yInvert);\n  let yHigh;\n  if (yInvert) {\n    // If next pixel's position is clamped to boundary, use it as is, otherwise clamp it to valid range\n    t = t === 0 ? t : t + 1;\n    // swap y and yHigh\n    yHigh = y;\n    y = t;\n  } else {\n    // If next pixel's position is clamped to boundary, use it as is, otherwise clamp it to valid range\n    yHigh = t === height - 1 ? t : t - 1;\n    // y remains same\n  }\n  return {\n    x,\n    y,\n    // when ratio < 1, current css pixel and next css pixel may point to same device pixel, set width/height to 1 in those cases.\n    width: Math.max(xHigh - x + 1, 1),\n    height: Math.max(yHigh - y + 1, 1)\n  };\n}\n\nfunction scaleX(x: number, ratio: number, width: number): number {\n  // since we are rounding to nearest, when ratio > 1, edge pixels may point to out of bounds value, clamp to the limit\n  const r = Math.min(Math.round(x * ratio), width - 1);\n  return r;\n}\n\nfunction scaleY(y: number, ratio: number, height: number, yInvert: boolean): number {\n  // since we are rounding to nearest, when ratio > 1, edge pixels may point to out of bounds value, clamp to the limit\n  return yInvert\n    ? Math.max(0, height - 1 - Math.round(y * ratio))\n    : Math.min(Math.round(y * ratio), height - 1);\n}\n"],"file":"device-pixels.js"}

package/dist/esm/context/context/device-pixels.js

@@ -1,103 +0,0 @@
-import { log } from '@luma.gl/api';
-import { getContextState } from './context-state';
-export function cssToDeviceRatio(gl) {
-  const state = getContextState(gl);
-
-  if (gl.canvas && state) {
-    const {
-      clientWidth
-    } = state._canvasSizeInfo;
-    return clientWidth ? gl.drawingBufferWidth / clientWidth : 1;
-  }
-
-  return 1;
-}
-export function cssToDevicePixels(gl, cssPixel, yInvert = true) {
-  const ratio = cssToDeviceRatio(gl);
-  const width = gl.drawingBufferWidth;
-  const height = gl.drawingBufferHeight;
-  return scalePixels(cssPixel, ratio, width, height, yInvert);
-}
-export function getDevicePixelRatio(useDevicePixels) {
-  const windowRatio = typeof window === 'undefined' ? 1 : window.devicePixelRatio || 1;
-
-  if (Number.isFinite(useDevicePixels)) {
-    return useDevicePixels <= 0 ? 1 : useDevicePixels;
-  }
-
-  return useDevicePixels ? windowRatio : 1;
-}
-export function setDevicePixelRatio(gl, devicePixelRatio, options = {}) {
-  if (!(gl.canvas instanceof HTMLCanvasElement)) {
-    return;
-  }
-
-  const canvas = gl.canvas;
-  let clientWidth = 'width' in options ? options.width : canvas.clientWidth;
-  let clientHeight = 'height' in options ? options.height : canvas.clientHeight;
-
-  if (!clientWidth || !clientHeight) {
-    log.log(1, 'Canvas clientWidth/clientHeight is 0')();
-    devicePixelRatio = 1;
-    clientWidth = canvas.width || 1;
-    clientHeight = canvas.height || 1;
-  }
-
-  const contextState = getContextState(gl);
-  const cachedSize = contextState._canvasSizeInfo;
-
-  if (cachedSize.clientWidth !== clientWidth || cachedSize.clientHeight !== clientHeight || cachedSize.devicePixelRatio !== devicePixelRatio) {
-    let clampedPixelRatio = devicePixelRatio;
-    const canvasWidth = Math.floor(clientWidth * clampedPixelRatio);
-    const canvasHeight = Math.floor(clientHeight * clampedPixelRatio);
-    canvas.width = canvasWidth;
-    canvas.height = canvasHeight;
-
-    if (gl.drawingBufferWidth !== canvasWidth || gl.drawingBufferHeight !== canvasHeight) {
-      log.warn("Device pixel ratio clamped")();
-      clampedPixelRatio = Math.min(gl.drawingBufferWidth / clientWidth, gl.drawingBufferHeight / clientHeight);
-      canvas.width = Math.floor(clientWidth * clampedPixelRatio);
-      canvas.height = Math.floor(clientHeight * clampedPixelRatio);
-    }
-
-    Object.assign(contextState._canvasSizeInfo, {
-      clientWidth,
-      clientHeight,
-      devicePixelRatio
-    });
-  }
-}
-
-function scalePixels(pixel, ratio, width, height, yInvert) {
-  const x = scaleX(pixel[0], ratio, width);
-  let y = scaleY(pixel[1], ratio, height, yInvert);
-  let t = scaleX(pixel[0] + 1, ratio, width);
-  const xHigh = t === width - 1 ? t : t - 1;
-  t = scaleY(pixel[1] + 1, ratio, height, yInvert);
-  let yHigh;
-
-  if (yInvert) {
-    t = t === 0 ? t : t + 1;
-    yHigh = y;
-    y = t;
-  } else {
-    yHigh = t === height - 1 ? t : t - 1;
-  }
-
-  return {
-    x,
-    y,
-    width: Math.max(xHigh - x + 1, 1),
-    height: Math.max(yHigh - y + 1, 1)
-  };
-}
-
-function scaleX(x, ratio, width) {
-  const r = Math.min(Math.round(x * ratio), width - 1);
-  return r;
-}
-
-function scaleY(y, ratio, height, yInvert) {
-  return yInvert ? Math.max(0, height - 1 - Math.round(y * ratio)) : Math.min(Math.round(y * ratio), height - 1);
-}
-//# sourceMappingURL=device-pixels.js.map

package/dist/esm/context/context/device-pixels.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/context/context/device-pixels.ts"],"names":["log","getContextState","cssToDeviceRatio","gl","state","canvas","clientWidth","_canvasSizeInfo","drawingBufferWidth","cssToDevicePixels","cssPixel","yInvert","ratio","width","height","drawingBufferHeight","scalePixels","getDevicePixelRatio","useDevicePixels","windowRatio","window","devicePixelRatio","Number","isFinite","setDevicePixelRatio","options","HTMLCanvasElement","clientHeight","contextState","cachedSize","clampedPixelRatio","canvasWidth","Math","floor","canvasHeight","warn","min","Object","assign","pixel","x","scaleX","y","scaleY","t","xHigh","yHigh","max","r","round"],"mappings":"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","sourcesContent":["import {log} from '@luma.gl/api';\nimport {getContextState} from './context-state';\n\n/**\n * Returns multiplier need to convert CSS size to Device size\n */\nexport function cssToDeviceRatio(gl: WebGLRenderingContext): number {\n  const state = getContextState(gl);\n\n  if (gl.canvas && state) {\n    // For headless gl we might have used custom width and height\n    // hence use cached clientWidth\n    const {clientWidth} = state._canvasSizeInfo;\n    return clientWidth ? gl.drawingBufferWidth / clientWidth : 1;\n  }\n  // use default device pixel ratio\n  return 1;\n}\n\n/**\n * Maps CSS pixel position to device pixel position\n */\n export function cssToDevicePixels(\n  gl: WebGLRenderingContext,\n  cssPixel: number[],\n  yInvert: boolean = true\n): {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n} {\n  const ratio = cssToDeviceRatio(gl);\n  const width = gl.drawingBufferWidth;\n  const height = gl.drawingBufferHeight;\n  return scalePixels(cssPixel, ratio, width, height, yInvert);\n}\n\n/**\n * Calulates device pixel ratio, used during context creation\n *\n * @param useDevicePixels - boolean or a number\n * @return - device pixel ratio\n */\n export function getDevicePixelRatio(useDevicePixels: boolean | number): number {\n  const windowRatio = typeof window === 'undefined' ? 1 : window.devicePixelRatio || 1;\n  if (Number.isFinite(useDevicePixels)) {\n    // @ts-expect-error Can no longer be boolean after previous line\n    return useDevicePixels <= 0 ? 1 : useDevicePixels;\n  }\n  return useDevicePixels ? windowRatio : 1;\n}\n\n// use devicePixelRatio to set canvas width and height\nexport function setDevicePixelRatio(gl: WebGLRenderingContext, devicePixelRatio: number, options: {width?: number, height?: number} = {}) {\n  if (!(gl.canvas instanceof HTMLCanvasElement)) {\n    return;\n  }\n\n  const canvas: HTMLCanvasElement = gl.canvas;\n\n  // NOTE: if options.width and options.height not used remove in v8\n  let clientWidth = 'width' in options ? options.width : canvas.clientWidth;\n  let clientHeight = 'height' in options ? options.height : canvas.clientHeight;\n\n  if (!clientWidth || !clientHeight) {\n    log.log(1, 'Canvas clientWidth/clientHeight is 0')();\n    // by forcing devicePixel ratio to 1, we do not scale canvas.width and height in each frame.\n    devicePixelRatio = 1;\n    clientWidth = canvas.width || 1;\n    clientHeight = canvas.height || 1;\n  }\n\n  const contextState = getContextState(gl);\n  const cachedSize = contextState._canvasSizeInfo;\n  // Check if canvas needs to be resized\n  if (\n    cachedSize.clientWidth !== clientWidth ||\n    cachedSize.clientHeight !== clientHeight ||\n    cachedSize.devicePixelRatio !== devicePixelRatio\n  ) {\n    let clampedPixelRatio = devicePixelRatio;\n\n    const canvasWidth = Math.floor(clientWidth * clampedPixelRatio);\n    const canvasHeight = Math.floor(clientHeight * clampedPixelRatio);\n    canvas.width = canvasWidth;\n    canvas.height = canvasHeight;\n\n    // Note: when devicePixelRatio is too high, it is possible we might hit system limit for\n    // drawing buffer width and hight, in those cases they get clamped and resulting aspect ration may not be maintained\n    // for those cases, reduce devicePixelRatio.\n    if (gl.drawingBufferWidth !== canvasWidth || gl.drawingBufferHeight !== canvasHeight) {\n      log.warn(`Device pixel ratio clamped`)();\n      clampedPixelRatio = Math.min(\n        gl.drawingBufferWidth / clientWidth,\n        gl.drawingBufferHeight / clientHeight\n      );\n\n      canvas.width = Math.floor(clientWidth * clampedPixelRatio);\n      canvas.height = Math.floor(clientHeight * clampedPixelRatio);\n    }\n\n    Object.assign(contextState._canvasSizeInfo, {clientWidth, clientHeight, devicePixelRatio});\n  }\n}\n\n\n// PRIVATE\n\nfunction scalePixels(pixel: number[], ratio: number, width: number, height: number, yInvert: boolean): {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n} {\n  const x = scaleX(pixel[0], ratio, width);\n  let y = scaleY(pixel[1], ratio, height, yInvert);\n\n  // Find boundaries of next pixel to provide valid range of device pixel locaitons\n\n  let t = scaleX(pixel[0] + 1, ratio, width);\n  // If next pixel's position is clamped to boundary, use it as is, otherwise subtract 1 for current pixel boundary\n  const xHigh = t === width - 1 ? t : t - 1;\n\n  t = scaleY(pixel[1] + 1, ratio, height, yInvert);\n  let yHigh;\n  if (yInvert) {\n    // If next pixel's position is clamped to boundary, use it as is, otherwise clamp it to valid range\n    t = t === 0 ? t : t + 1;\n    // swap y and yHigh\n    yHigh = y;\n    y = t;\n  } else {\n    // If next pixel's position is clamped to boundary, use it as is, otherwise clamp it to valid range\n    yHigh = t === height - 1 ? t : t - 1;\n    // y remains same\n  }\n  return {\n    x,\n    y,\n    // when ratio < 1, current css pixel and next css pixel may point to same device pixel, set width/height to 1 in those cases.\n    width: Math.max(xHigh - x + 1, 1),\n    height: Math.max(yHigh - y + 1, 1)\n  };\n}\n\nfunction scaleX(x: number, ratio: number, width: number): number {\n  // since we are rounding to nearest, when ratio > 1, edge pixels may point to out of bounds value, clamp to the limit\n  const r = Math.min(Math.round(x * ratio), width - 1);\n  return r;\n}\n\nfunction scaleY(y: number, ratio: number, height: number, yInvert: boolean): number {\n  // since we are rounding to nearest, when ratio > 1, edge pixels may point to out of bounds value, clamp to the limit\n  return yInvert\n    ? Math.max(0, height - 1 - Math.round(y * ratio))\n    : Math.min(Math.round(y * ratio), height - 1);\n}\n"],"file":"device-pixels.js"}