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

package/dist/context/context/context-state.d.ts

@@ -1,18 +0,0 @@
-/**
- * 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>;
-}
-/**
- * Gets luma.gl specific state from a context
- * @returns context state
- */
-export declare function getContextState(gl: WebGLRenderingContext): ContextState;
-//# sourceMappingURL=context-state.d.ts.map

package/dist/context/context/context-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context-state.d.ts","sourceRoot":"","sources":["../../../src/context/context/context-state.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QACrB,gBAAgB,EAAE,MAAM,CAAC;KAC1B,CAAC;IACF,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAClC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,qBAAqB,GAAG,YAAY,CAuBvE"}

package/dist/context/context/context-state.js

@@ -1,26 +0,0 @@
-export function getContextState(gl) {
-  const {
-    device,
-    luma
-  } = gl;
-
-  if (device) {
-    return device;
-  }
-
-  if (!luma) {
-    const contextState = {
-      _canvasSizeInfo: {
-        clientWidth: 0,
-        clientHeight: 0,
-        devicePixelRatio: 1
-      },
-      _polyfilled: false,
-      _extensions: {}
-    };
-    gl.luma = contextState;
-  }
-
-  throw new Error('context state without device');
-}
-//# sourceMappingURL=context-state.js.map

package/dist/context/context/context-state.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/context/context/context-state.ts"],"names":["getContextState","gl","device","luma","contextState","_canvasSizeInfo","clientWidth","clientHeight","devicePixelRatio","_polyfilled","_extensions","Error"],"mappings":"AAiBA,OAAO,SAASA,eAAT,CAAyBC,EAAzB,EAAkE;AAEvE,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA;AAAT,MAAiBF,EAAvB;;AACA,MAAIC,MAAJ,EAAY;AACV,WAAOA,MAAP;AACD;;AACD,MAAI,CAACC,IAAL,EAAW;AACT,UAAMC,YAA0B,GAAG;AACjCC,MAAAA,eAAe,EAAE;AACfC,QAAAA,WAAW,EAAE,CADE;AAEfC,QAAAA,YAAY,EAAE,CAFC;AAGfC,QAAAA,gBAAgB,EAAE;AAHH,OADgB;AAMjCC,MAAAA,WAAW,EAAE,KANoB;AAOjCC,MAAAA,WAAW,EAAE;AAPoB,KAAnC;AAUAT,IAAAA,EAAE,CAACE,IAAH,GAAUC,YAAV;AACD;;AACD,QAAM,IAAIO,KAAJ,CAAU,8BAAV,CAAN;AAID","sourcesContent":["/**\n * Stores luma.gl specific state associated with a context\n */\nexport interface ContextState {\n  _canvasSizeInfo: {\n    clientWidth: number;\n    clientHeight: number;\n    devicePixelRatio: number;\n  };\n  _polyfilled: boolean;\n  _extensions: Record<string, any>;\n}\n\n/**\n * Gets luma.gl specific state from a context\n * @returns context state\n */\nexport function getContextState(gl: WebGLRenderingContext): ContextState {\n  // @ts-expect-error\n  const {device, luma} = gl;\n  if (device) {\n    return device as ContextState;\n  }\n  if (!luma) {\n    const contextState: ContextState = {\n      _canvasSizeInfo: {\n        clientWidth: 0,\n        clientHeight: 0,\n        devicePixelRatio: 1,\n      },\n      _polyfilled: false,\n      _extensions: {}\n    };\n    // @ts-expect-error\n    gl.luma = contextState;\n  }\n  throw new Error('context state without device');\n\n  // // @ts-expect-error\n  // return gl.luma;\n}\n"],"file":"context-state.js"}

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/context-state.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getContextState = getContextState;
-
-function getContextState(gl) {
-  var device = gl.device,
-      luma = gl.luma;
-
-  if (device) {
-    return device;
-  }
-
-  if (!luma) {
-    var contextState = {
-      _canvasSizeInfo: {
-        clientWidth: 0,
-        clientHeight: 0,
-        devicePixelRatio: 1
-      },
-      _polyfilled: false,
-      _extensions: {}
-    };
-    gl.luma = contextState;
-  }
-
-  throw new Error('context state without device');
-}
-//# sourceMappingURL=context-state.js.map

package/dist/es5/context/context/context-state.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/context/context/context-state.ts"],"names":["getContextState","gl","device","luma","contextState","_canvasSizeInfo","clientWidth","clientHeight","devicePixelRatio","_polyfilled","_extensions","Error"],"mappings":";;;;;;;AAiBO,SAASA,eAAT,CAAyBC,EAAzB,EAAkE;AAEvE,MAAOC,MAAP,GAAuBD,EAAvB,CAAOC,MAAP;AAAA,MAAeC,IAAf,GAAuBF,EAAvB,CAAeE,IAAf;;AACA,MAAID,MAAJ,EAAY;AACV,WAAOA,MAAP;AACD;;AACD,MAAI,CAACC,IAAL,EAAW;AACT,QAAMC,YAA0B,GAAG;AACjCC,MAAAA,eAAe,EAAE;AACfC,QAAAA,WAAW,EAAE,CADE;AAEfC,QAAAA,YAAY,EAAE,CAFC;AAGfC,QAAAA,gBAAgB,EAAE;AAHH,OADgB;AAMjCC,MAAAA,WAAW,EAAE,KANoB;AAOjCC,MAAAA,WAAW,EAAE;AAPoB,KAAnC;AAUAT,IAAAA,EAAE,CAACE,IAAH,GAAUC,YAAV;AACD;;AACD,QAAM,IAAIO,KAAJ,CAAU,8BAAV,CAAN;AAID","sourcesContent":["/**\n * Stores luma.gl specific state associated with a context\n */\nexport interface ContextState {\n  _canvasSizeInfo: {\n    clientWidth: number;\n    clientHeight: number;\n    devicePixelRatio: number;\n  };\n  _polyfilled: boolean;\n  _extensions: Record<string, any>;\n}\n\n/**\n * Gets luma.gl specific state from a context\n * @returns context state\n */\nexport function getContextState(gl: WebGLRenderingContext): ContextState {\n  // @ts-expect-error\n  const {device, luma} = gl;\n  if (device) {\n    return device as ContextState;\n  }\n  if (!luma) {\n    const contextState: ContextState = {\n      _canvasSizeInfo: {\n        clientWidth: 0,\n        clientHeight: 0,\n        devicePixelRatio: 1,\n      },\n      _polyfilled: false,\n      _extensions: {}\n    };\n    // @ts-expect-error\n    gl.luma = contextState;\n  }\n  throw new Error('context state without device');\n\n  // // @ts-expect-error\n  // return gl.luma;\n}\n"],"file":"context-state.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":"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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/esm/context/context/context-state.js

@@ -1,26 +0,0 @@
-export function getContextState(gl) {
-  const {
-    device,
-    luma
-  } = gl;
-
-  if (device) {
-    return device;
-  }
-
-  if (!luma) {
-    const contextState = {
-      _canvasSizeInfo: {
-        clientWidth: 0,
-        clientHeight: 0,
-        devicePixelRatio: 1
-      },
-      _polyfilled: false,
-      _extensions: {}
-    };
-    gl.luma = contextState;
-  }
-
-  throw new Error('context state without device');
-}
-//# sourceMappingURL=context-state.js.map

package/dist/esm/context/context/context-state.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/context/context/context-state.ts"],"names":["getContextState","gl","device","luma","contextState","_canvasSizeInfo","clientWidth","clientHeight","devicePixelRatio","_polyfilled","_extensions","Error"],"mappings":"AAiBA,OAAO,SAASA,eAAT,CAAyBC,EAAzB,EAAkE;AAEvE,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA;AAAT,MAAiBF,EAAvB;;AACA,MAAIC,MAAJ,EAAY;AACV,WAAOA,MAAP;AACD;;AACD,MAAI,CAACC,IAAL,EAAW;AACT,UAAMC,YAA0B,GAAG;AACjCC,MAAAA,eAAe,EAAE;AACfC,QAAAA,WAAW,EAAE,CADE;AAEfC,QAAAA,YAAY,EAAE,CAFC;AAGfC,QAAAA,gBAAgB,EAAE;AAHH,OADgB;AAMjCC,MAAAA,WAAW,EAAE,KANoB;AAOjCC,MAAAA,WAAW,EAAE;AAPoB,KAAnC;AAUAT,IAAAA,EAAE,CAACE,IAAH,GAAUC,YAAV;AACD;;AACD,QAAM,IAAIO,KAAJ,CAAU,8BAAV,CAAN;AAID","sourcesContent":["/**\n * Stores luma.gl specific state associated with a context\n */\nexport interface ContextState {\n  _canvasSizeInfo: {\n    clientWidth: number;\n    clientHeight: number;\n    devicePixelRatio: number;\n  };\n  _polyfilled: boolean;\n  _extensions: Record<string, any>;\n}\n\n/**\n * Gets luma.gl specific state from a context\n * @returns context state\n */\nexport function getContextState(gl: WebGLRenderingContext): ContextState {\n  // @ts-expect-error\n  const {device, luma} = gl;\n  if (device) {\n    return device as ContextState;\n  }\n  if (!luma) {\n    const contextState: ContextState = {\n      _canvasSizeInfo: {\n        clientWidth: 0,\n        clientHeight: 0,\n        devicePixelRatio: 1,\n      },\n      _polyfilled: false,\n      _extensions: {}\n    };\n    // @ts-expect-error\n    gl.luma = contextState;\n  }\n  throw new Error('context state without device');\n\n  // // @ts-expect-error\n  // return gl.luma;\n}\n"],"file":"context-state.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"}

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

@@ -1,41 +0,0 @@
-/**
- * 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>;
-}
-
-/**
- * Gets luma.gl specific state from a context
- * @returns context state
- */
-export function getContextState(gl: WebGLRenderingContext): ContextState {
-  // @ts-expect-error
-  const {device, luma} = gl;
-  if (device) {
-    return device as ContextState;
-  }
-  if (!luma) {
-    const contextState: ContextState = {
-      _canvasSizeInfo: {
-        clientWidth: 0,
-        clientHeight: 0,
-        devicePixelRatio: 1,
-      },
-      _polyfilled: false,
-      _extensions: {}
-    };
-    // @ts-expect-error
-    gl.luma = contextState;
-  }
-  throw new Error('context state without device');
-
-  // // @ts-expect-error
-  // return gl.luma;
-}