@luma.gl/webgl 8.5.9 → 8.6.0-alpha.3

package/dist/{esm/classes/resource.js → classes/webgl-resource.js}

@@ -1,35 +1,51 @@
-import { isWebGL2, assertWebGLContext } from '@luma.gl/gltools';
-import { lumaStats } from '../init';
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { Resource, assert, uid, stubRemovedMethods } from '@luma.gl/api';
+import { isWebGL2, assertWebGLContext } from '../context/context/webgl-checks';
 import { getKey, getKeyValue } from '../webgl-utils/constants-to-keys';
-import { assert } from '../utils/assert';
-import { uid } from '../utils/utils';
-import { stubRemovedMethods } from '../utils/stub-methods';
+import WebGLDevice from '../adapter/webgl-device';
 const ERR_RESOURCE_METHOD_UNDEFINED = 'Resource subclass must define virtual methods';
-export default class Resource {
-  constructor(gl, opts = {}) {
+export default class WebGLResource extends Resource {
+  constructor(device, props, defaultProps) {
+    super(device, props, defaultProps);
+
+    _defineProperty(this, "id", void 0);
+
+    _defineProperty(this, "userData", void 0);
+
+    _defineProperty(this, "device", void 0);
+
+    _defineProperty(this, "gl", void 0);
+
+    _defineProperty(this, "gl2", void 0);
+
+    _defineProperty(this, "_handle", void 0);
+
+    _defineProperty(this, "_bound", false);
+
+    _defineProperty(this, "byteLength", 0);
+
+    this.device = WebGLDevice.attach(device);
+    const gl = this.device.gl;
     assertWebGLContext(gl);
     const {
       id,
       userData = {}
-    } = opts;
+    } = props || {};
     this.gl = gl;
     this.gl2 = gl;
     this.id = id || uid(this.constructor.name);
     this.userData = userData;
-    this._bound = false;
-    this._handle = opts.handle;
+    this._handle = props === null || props === void 0 ? void 0 : props.handle;
 
     if (this._handle === undefined) {
       this._handle = this._createHandle();
     }
 
     this.byteLength = 0;
-
-    this._addStats();
   }
 
   toString() {
-    return `${this.constructor.name}(${this.id})`;
+    return "".concat(this.constructor.name, "(").concat(this.id, ")");
   }
 
   get handle() {
@@ -42,7 +58,7 @@ export default class Resource {
     const children = this._handle && this._deleteHandle(this._handle);
 
     if (this._handle) {
-      this._removeStats();
+      this.removeStats();
     }
 
     this._handle = null;
@@ -82,7 +98,7 @@ export default class Resource {
     this.bind(null);
   }
 
-  getParameter(pname, opts = {}) {
+  getParameter(pname, props = {}) {
     pname = getKeyValue(this.gl, pname);
     assert(pname);
     const parameters = this.constructor.PARAMETERS || {};
@@ -100,7 +116,7 @@ export default class Resource {
       }
     }
 
-    return this._getParameter(pname, opts);
+    return this._getParameter(pname, props);
   }
 
   getParameters(options = {}) {
@@ -166,7 +182,7 @@ export default class Resource {
     return stubRemovedMethods(this, className, version, methodNames);
   }
 
-  initialize(opts) {}
+  initialize(props) {}
 
   _createHandle() {
     throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);
@@ -184,7 +200,7 @@ export default class Resource {
     throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);
   }
 
-  _getParameter(pname, opts) {
+  _getParameter(pname, props) {
     throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);
   }
 
@@ -192,38 +208,5 @@ export default class Resource {
     throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);
   }
 
-  _context() {
-    this.gl.luma = this.gl.luma || {};
-    return this.gl.luma;
-  }
-
-  _addStats() {
-    const name = this.constructor.name;
-    const stats = lumaStats.get('Resource Counts');
-    stats.get('Resources Created').incrementCount();
-    stats.get(`${name}s Created`).incrementCount();
-    stats.get(`${name}s Active`).incrementCount();
-  }
-
-  _removeStats() {
-    const name = this.constructor.name;
-    const stats = lumaStats.get('Resource Counts');
-    stats.get(`${name}s Active`).decrementCount();
-  }
-
-  _trackAllocatedMemory(bytes, name = this.constructor.name) {
-    const stats = lumaStats.get('Memory Usage');
-    stats.get('GPU Memory').addCount(bytes);
-    stats.get(`${name} Memory`).addCount(bytes);
-    this.byteLength = bytes;
-  }
-
-  _trackDeallocatedMemory(name = this.constructor.name) {
-    const stats = lumaStats.get('Memory Usage');
-    stats.get('GPU Memory').subtractCount(this.byteLength);
-    stats.get(`${name} Memory`).subtractCount(this.byteLength);
-    this.byteLength = 0;
-  }
-
 }
-//# sourceMappingURL=resource.js.map
+//# sourceMappingURL=webgl-resource.js.map

package/dist/classes/webgl-resource.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/classes/webgl-resource.ts"],"names":["Resource","assert","uid","stubRemovedMethods","isWebGL2","assertWebGLContext","getKey","getKeyValue","WebGLDevice","ERR_RESOURCE_METHOD_UNDEFINED","WebGLResource","constructor","device","props","defaultProps","attach","gl","id","userData","gl2","name","_handle","handle","undefined","_createHandle","byteLength","toString","delete","deleteChildren","children","_deleteHandle","removeStats","filter","Boolean","forEach","child","bind","funcOrHandle","_bindHandle","value","_bound","unbind","getParameter","pname","parameters","PARAMETERS","parameter","isWebgl2","parameterAvailable","getExtension","extension","webgl1Default","webgl1","webgl2Default","webgl2","defaultValue","_getParameter","getParameters","options","keys","values","parameterKeys","Object","key","type","setParameter","Error","_setParameter","setParameters","className","version","methodNames","initialize","_getOptsFromHandle"],"mappings":"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","sourcesContent":["// luma.gl, MIT license\nimport {Resource, assert, uid, stubRemovedMethods} from '@luma.gl/api';\nimport type {Device} from '@luma.gl/api';\nexport type {ResourceProps} from '@luma.gl/api';\nimport {isWebGL2, assertWebGLContext} from '../context/context/webgl-checks';\nimport {getKey, getKeyValue} from '../webgl-utils/constants-to-keys';\nimport WebGLDevice from '../adapter/webgl-device';\n\nconst ERR_RESOURCE_METHOD_UNDEFINED = 'Resource subclass must define virtual methods';\n\n/**\n * Base class for WebGL object wrappers\n */\n export default class WebGLResource<Props> extends Resource<Props> {\n  id: string;\n  userData: any;\n  readonly device: WebGLDevice;\n  readonly gl: WebGLRenderingContext;\n  readonly gl2: WebGL2RenderingContext;\n  private _handle: any;\n\n  private _bound = false;\n  // Only meaningful for resources that allocate GPU memory\n  byteLength = 0;\n\n  constructor(device: Device, props: Props, defaultProps: Required<Props>) {\n    super(device, props, defaultProps);\n\n    this.device = WebGLDevice.attach(device);\n    const gl = this.device.gl;\n\n    assertWebGLContext(gl);\n\n    // extends \n    // @ts-expect-error\n    const {id, userData = {}} = props || {};\n    this.gl = gl;\n    this.gl2 = gl as WebGL2RenderingContext;\n    this.id = id || uid(this.constructor.name);\n    this.userData = userData;\n\n    // Set the handle\n    // If handle was provided, use it, otherwise create a new handle\n\n    // TODO - Stores the handle with context loss information\n    // this.glCount = glGetContextLossCount(this.gl);\n\n    // Default VertexArray needs to be created with null handle, so compare against undefined\n    // @ts-expect-error\n    this._handle = props?.handle;\n    if (this._handle === undefined) {\n      this._handle = this._createHandle();\n    }\n\n    this.byteLength = 0;\n  }\n\n  toString(): string {\n    return `${this.constructor.name}(${this.id})`;\n  }\n\n  get handle() {\n    // TODO - Add context loss handling\n    // Will regenerate and reinitialize the handle if necessary\n    // const glCount = glGetContextLossCount(this.gl);\n    // if (this.glCount !== glCount) {\n    //   this._handle = this._createHandle(this.props);\n    //   this._glCount = glCount;\n    //   // Reinitialize object\n    //   this.initialize(this.props);\n    // }\n    return this._handle;\n  }\n\n  delete({deleteChildren = false} = {}) {\n    // Delete this object, and get refs to any children\n    // @ts-expect-error\n    const children = this._handle && this._deleteHandle(this._handle);\n    if (this._handle) {\n      this.removeStats();\n    }\n    this._handle = null;\n\n    // Optionally, recursively delete the children\n    // @ts-expect-error\n    if (children && deleteChildren) {\n      // @ts-expect-error\n      children.filter(Boolean).forEach((child) => child.delete());\n    }\n\n    return this;\n  }\n\n  bind(funcOrHandle = this.handle) {\n    if (typeof funcOrHandle !== 'function') {\n      this._bindHandle(funcOrHandle);\n      return this;\n    }\n\n    let value;\n\n    if (!this._bound) {\n      this._bindHandle(this.handle);\n      this._bound = true;\n\n      value = funcOrHandle();\n\n      this._bound = false;\n      this._bindHandle(null);\n    } else {\n      value = funcOrHandle();\n    }\n\n    return value;\n  }\n\n  unbind() {\n    this.bind(null);\n  }\n\n  /**\n   * Query a Resource parameter\n   *\n   * @param name\n   * @return param\n   */\n  getParameter(pname: number, props = {}): any {\n    pname = getKeyValue(this.gl, pname);\n    assert(pname);\n\n    // @ts-expect-error\n    const parameters = this.constructor.PARAMETERS || {};\n\n    // Use parameter definitions to handle unsupported parameters\n    const parameter = parameters[pname];\n    if (parameter) {\n      const isWebgl2 = isWebGL2(this.gl);\n\n      // Check if we can query for this parameter\n      const parameterAvailable =\n        (!('webgl2' in parameter) || isWebgl2) &&\n        (!('extension' in parameter) || this.gl.getExtension(parameter.extension));\n\n      if (!parameterAvailable) {\n        const webgl1Default = parameter.webgl1;\n        const webgl2Default = 'webgl2' in parameter ? parameter.webgl2 : parameter.webgl1;\n        const defaultValue = isWebgl2 ? webgl2Default : webgl1Default;\n        return defaultValue;\n      }\n    }\n\n    // If unknown parameter - Could be a valid parameter not covered by PARAMS\n    // Attempt to query for it and let WebGL report errors\n    return this._getParameter(pname, props);\n  }\n\n  // Many resources support a getParameter call -\n  // getParameters will get all parameters - slow but useful for debugging\n  // eslint-disable-next-line complexity\n  getParameters(options: {parameters?, keys?} = {}) {\n    const {parameters, keys} = options;\n\n    // Get parameter definitions for this Resource\n    // @ts-expect-error\n    const PARAMETERS = this.constructor.PARAMETERS || {};\n\n    const isWebgl2 = isWebGL2(this.gl);\n\n    const values = {};\n\n    // Query all parameters if no list provided\n    const parameterKeys = parameters || Object.keys(PARAMETERS);\n\n    // WEBGL limits\n    for (const pname of parameterKeys) {\n      const parameter = PARAMETERS[pname];\n\n      // Check if this parameter is available on this platform\n      const parameterAvailable =\n        parameter &&\n        (!('webgl2' in parameter) || isWebgl2) &&\n        (!('extension' in parameter) || this.gl.getExtension(parameter.extension));\n\n      if (parameterAvailable) {\n        const key = keys ? getKey(this.gl, pname) : pname;\n        values[key] = this.getParameter(pname, options);\n        if (keys && parameter.type === 'GLenum') {\n          values[key] = getKey(this.gl, values[key]);\n        }\n      }\n    }\n\n    return values;\n  }\n\n  /**\n   * Update a Resource setting\n   *\n   * @todo - cache parameter to avoid issuing WebGL calls?\n   *\n   * @param {string} pname - parameter (GL constant, value or key)\n   * @param {GLint|GLfloat|GLenum} value\n   * @return {Resource} returns self to enable chaining\n   */\n  setParameter(pname, value) {\n    pname = getKeyValue(this.gl, pname);\n    assert(pname);\n\n    // @ts-expect-error\n    const parameters = this.constructor.PARAMETERS || {};\n\n    const parameter = parameters[pname];\n    if (parameter) {\n      const isWebgl2 = isWebGL2(this.gl);\n\n      // Check if this parameter is available on this platform\n      const parameterAvailable =\n        (!('webgl2' in parameter) || isWebgl2) &&\n        (!('extension' in parameter) || this.gl.getExtension(parameter.extension));\n\n      if (!parameterAvailable) {\n        throw new Error('Parameter not available on this platform');\n      }\n\n      // Handle string keys\n      if (parameter.type === 'GLenum') {\n        // @ts-expect-error\n        value = getKeyValue(value);\n      }\n    }\n\n    // If unknown parameter - Could be a valid parameter not covered by PARAMS\n    // attempt to set it and let WebGL report errors\n    this._setParameter(pname, value);\n    return this;\n  }\n\n  /*\n   * Batch update resource parameters\n   * Assumes the subclass supports a setParameter call\n   */\n  setParameters(parameters) {\n    for (const pname in parameters) {\n      this.setParameter(pname, parameters[pname]);\n    }\n    return this;\n  }\n\n  // Install stubs for removed methods\n  stubRemovedMethods(className, version, methodNames) {\n    return stubRemovedMethods(this, className, version, methodNames);\n  }\n\n  // PUBLIC VIRTUAL METHODS\n  initialize(props) {}\n\n  // PROTECTED METHODS - These must be overridden by subclass\n  _createHandle() {\n    throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);\n  }\n\n  _deleteHandle() {\n    throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);\n  }\n\n  _bindHandle(handle) {\n    throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);\n  }\n\n  _getOptsFromHandle() {\n    throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);\n  }\n\n  _getParameter(pname, props): number {\n    throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);\n  }\n\n  _setParameter(pname, value) {\n    throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);\n  }\n\n  // PRIVATE METHODS\n\n  /*\n  _addStats() {\n    const name = this.constructor.name;\n    const stats = lumaStats.get('Resource Counts');\n\n    stats.get('Resources Created').incrementCount();\n    stats.get(`${name}s Created`).incrementCount();\n    stats.get(`${name}s Active`).incrementCount();\n  }\n\n  _removeStats() {\n    const name = this.constructor.name;\n    const stats = lumaStats.get('Resource Counts');\n\n    stats.get(`${name}s Active`).decrementCount();\n  }\n\n  trackAllocatedMemory(bytes, name = this.constructor.name) {\n    const stats = lumaStats.get('Memory Usage');\n\n    stats.get('GPU Memory').addCount(bytes);\n    stats.get(`${name} Memory`).addCount(bytes);\n    this.byteLength = bytes;\n  }\n\n  trackDeallocatedMemory(name = this.constructor.name) {\n    const stats = lumaStats.get('Memory Usage');\n\n    stats.get('GPU Memory').subtractCount(this.byteLength);\n    stats.get(`${name} Memory`).subtractCount(this.byteLength);\n    this.byteLength = 0;\n  }\n  */\n}\n"],"file":"webgl-resource.js"}

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

@@ -0,0 +1,18 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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,CAqBvE"}

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

@@ -0,0 +1,26 @@
+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;
+  }
+
+  return gl.luma;
+}
+//# sourceMappingURL=context-state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/context/context-state.ts"],"names":["getContextState","gl","device","luma","contextState","_canvasSizeInfo","clientWidth","clientHeight","devicePixelRatio","_polyfilled","_extensions"],"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;;AAED,SAAOH,EAAE,CAACE,IAAV;AACD","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  // @ts-expect-error\n  return gl.luma;\n}\n"],"file":"context-state.js"}

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

@@ -0,0 +1,40 @@
+/// <reference types="offscreencanvas" />
+/**
+ * ContextProps
+* @param webgl2 Set to false to not create a WebGL2 context (force webgl1)
+* @param webgl1 set to false to not create a WebGL1 context (fail if webgl2 not available)
+* @param onContextLost
+* @param onContextRestored
+*
+* BROWSER CONTEXT PARAMETERS
+* @param debug Instrument context (at the expense of performance).
+* @param alpha Default render target has an alpha buffer.
+* @param depth Default render target has a depth buffer of at least 16 bits.
+* @param stencil Default render target has a stencil buffer of at least 8 bits.
+* @param antialias Boolean that indicates whether or not to perform anti-aliasing.
+* @param premultipliedAlpha Boolean that indicates that the page compositor will assume the drawing buffer contains colors with pre-multiplied alpha.
+* @param preserveDrawingBuffer Default render target buffers will not be automatically cleared and will preserve their values until cleared or overwritten
+* @param failIfMajorPerformanceCaveat Do not create if the system performance is low.
+*/
+declare type ContextProps = {
+    webgl1?: boolean;
+    webgl2?: boolean;
+    onContextLost?: (event: Event) => void;
+    onContextRestored?: (event: Event) => void;
+    alpha?: boolean;
+    desynchronized?: boolean;
+    antialias?: boolean;
+    depth?: boolean;
+    failIfMajorPerformanceCaveat?: boolean;
+    powerPreference?: 'default' | 'high-performance' | 'low-power';
+    premultipliedAlpha?: boolean;
+    preserveDrawingBuffer?: boolean;
+};
+/**
+ * Create a WebGL context for a canvas
+ * Note calling this multiple time on the same canvas does return the same context
+* @param canvas A canvas element or offscreen canvas
+ */
+export declare function createBrowserContext(canvas: HTMLCanvasElement | OffscreenCanvas, props: ContextProps): WebGLRenderingContext;
+export {};
+//# sourceMappingURL=create-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-context.d.ts","sourceRoot":"","sources":["../../../src/context/context/create-context.ts"],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;EAgBE;AAEF,aAAK,YAAY,GAAG;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,eAAe,CAAC,EAAE,SAAS,GAAI,kBAAkB,GAAG,WAAW,CAAC;IAChE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAC;AAUF;;;;GAIG;AACF,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,iBAAiB,GAAG,eAAe,EAAE,KAAK,EAAE,YAAY,GAAG,qBAAqB,CAkC7H"}

package/dist/context/context/create-context.js

@@ -0,0 +1,37 @@
+const DEFAULT_CONTEXT_PROPS = {
+  webgl2: true,
+  webgl1: true,
+  powerPreference: 'high-performance',
+  onContextLost: () => console.error('WebGL context lost'),
+  onContextRestored: () => console.info('WebGL context restored')
+};
+export function createBrowserContext(canvas, props) {
+  props = { ...DEFAULT_CONTEXT_PROPS,
+    ...props
+  };
+  let errorMessage = null;
+
+  const onCreateError = error => errorMessage = error.statusMessage || errorMessage;
+
+  canvas.addEventListener('webglcontextcreationerror', onCreateError, false);
+  let gl = null;
+
+  if (props.webgl2) {
+    gl = gl || canvas.getContext('webgl2', props);
+  }
+
+  if (props.webgl1) {
+    gl = gl || canvas.getContext('webgl', props);
+  }
+
+  canvas.removeEventListener('webglcontextcreationerror', onCreateError, false);
+
+  if (!gl) {
+    throw new Error("Failed to create ".concat(props.webgl2 && !props.webgl1 ? 'WebGL2' : 'WebGL', " context: ").concat(errorMessage || 'Unknown error'));
+  }
+
+  canvas.addEventListener('webglcontextlost', props.onContextLost, false);
+  canvas.addEventListener('webglcontextrestored', props.onContextRestored, false);
+  return gl;
+}
+//# sourceMappingURL=create-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/context/create-context.ts"],"names":["DEFAULT_CONTEXT_PROPS","webgl2","webgl1","powerPreference","onContextLost","console","error","onContextRestored","info","createBrowserContext","canvas","props","errorMessage","onCreateError","statusMessage","addEventListener","gl","getContext","removeEventListener","Error"],"mappings":"AAmCA,MAAMA,qBAAmC,GAAG;AAC1CC,EAAAA,MAAM,EAAE,IADkC;AAE1CC,EAAAA,MAAM,EAAE,IAFkC;AAG1CC,EAAAA,eAAe,EAAE,kBAHyB;AAI1CC,EAAAA,aAAa,EAAE,MAAMC,OAAO,CAACC,KAAR,CAAc,oBAAd,CAJqB;AAK1CC,EAAAA,iBAAiB,EAAE,MAAMF,OAAO,CAACG,IAAR,CAAa,wBAAb;AALiB,CAA5C;AAaC,OAAO,SAASC,oBAAT,CAA8BC,MAA9B,EAA2EC,KAA3E,EAAuH;AAC5HA,EAAAA,KAAK,GAAG,EAAC,GAAGX,qBAAJ;AAA2B,OAAGW;AAA9B,GAAR;AAGD,MAAIC,YAAY,GAAG,IAAnB;;AACA,QAAMC,aAAa,GAAIP,KAAD,IAAYM,YAAY,GAAGN,KAAK,CAACQ,aAAN,IAAuBF,YAAxE;;AACAF,EAAAA,MAAM,CAACK,gBAAP,CAAwB,2BAAxB,EAAqDF,aAArD,EAAoE,KAApE;AAGA,MAAIG,EAAE,GAAG,IAAT;;AAGA,MAAIL,KAAK,CAACV,MAAV,EAAkB;AAChBe,IAAAA,EAAE,GAAGA,EAAE,IAAIN,MAAM,CAACO,UAAP,CAAkB,QAAlB,EAA4BN,KAA5B,CAAX;AACD;;AACD,MAAIA,KAAK,CAACT,MAAV,EAAkB;AAChBc,IAAAA,EAAE,GAAGA,EAAE,IAAIN,MAAM,CAACO,UAAP,CAAkB,OAAlB,EAA2BN,KAA3B,CAAX;AACD;;AAGDD,EAAAA,MAAM,CAACQ,mBAAP,CAA2B,2BAA3B,EAAwDL,aAAxD,EAAuE,KAAvE;;AAEA,MAAI,CAACG,EAAL,EAAS;AACP,UAAM,IAAIG,KAAJ,4BACgBR,KAAK,CAACV,MAAN,IAAgB,CAACU,KAAK,CAACT,MAAvB,GAAgC,QAAhC,GAA2C,OAD3D,uBAEFU,YAAY,IAAI,eAFd,EAAN;AAKD;;AAEDF,EAAAA,MAAM,CAACK,gBAAP,CAAwB,kBAAxB,EAA4CJ,KAAK,CAACP,aAAlD,EAAiE,KAAjE;AACAM,EAAAA,MAAM,CAACK,gBAAP,CAAwB,sBAAxB,EAAgDJ,KAAK,CAACJ,iBAAtD,EAAyE,KAAzE;AAEA,SAAOS,EAAP;AACD","sourcesContent":["// luma.gl, MIT license\n\n/**\n * ContextProps\n* @param webgl2 Set to false to not create a WebGL2 context (force webgl1)\n* @param webgl1 set to false to not create a WebGL1 context (fail if webgl2 not available)\n* @param onContextLost\n* @param onContextRestored\n*\n* BROWSER CONTEXT PARAMETERS\n* @param debug Instrument context (at the expense of performance).\n* @param alpha Default render target has an alpha buffer.\n* @param depth Default render target has a depth buffer of at least 16 bits.\n* @param stencil Default render target has a stencil buffer of at least 8 bits.\n* @param antialias Boolean that indicates whether or not to perform anti-aliasing.\n* @param premultipliedAlpha Boolean that indicates that the page compositor will assume the drawing buffer contains colors with pre-multiplied alpha.\n* @param preserveDrawingBuffer Default render target buffers will not be automatically cleared and will preserve their values until cleared or overwritten\n* @param failIfMajorPerformanceCaveat Do not create if the system performance is low.\n*/\n\ntype ContextProps = {\n  webgl1?: boolean;\n  webgl2?: boolean;\n  onContextLost?: (event: Event) => void;\n  onContextRestored?: (event: Event) => void;\n  alpha?: boolean; // indicates if the canvas contains an alpha buffer.\n  desynchronized?: boolean; // hints the user agent to reduce the latency by desynchronizing the canvas paint cycle from the event loop\n  antialias?: boolean; // indicates whether or not to perform anti-aliasing.\n  depth?: boolean; // indicates that the drawing buffer has a depth buffer of at least 16 bits.\n  failIfMajorPerformanceCaveat?: boolean, // indicates if a context will be created if the system performance is low or if no hardware GPU is available.\n  powerPreference?: 'default' |  'high-performance' | 'low-power',\n  premultipliedAlpha?: boolean, // page compositor will assume the drawing buffer contains colors with pre-multiplied alpha.\n  preserveDrawingBuffer?: boolean // buffers will not be cleared and will preserve their values until cleared or overwritten by the author.\n};\n\nconst DEFAULT_CONTEXT_PROPS: ContextProps = {\n  webgl2: true, // Attempt to create a WebGL2 context\n  webgl1: true, // Attempt to create a WebGL1 context (false to fail if webgl2 not available)\n  powerPreference: 'high-performance', // After all, most apps are using WebGL for performance reasons\n  onContextLost: () => console.error('WebGL context lost'),\n  onContextRestored: () => console.info('WebGL context restored'),\n};\n\n/**\n * Create a WebGL context for a canvas\n * Note calling this multiple time on the same canvas does return the same context\n* @param canvas A canvas element or offscreen canvas\n */\n export function createBrowserContext(canvas: HTMLCanvasElement | OffscreenCanvas, props: ContextProps): WebGLRenderingContext {\n   props = {...DEFAULT_CONTEXT_PROPS, ...props};\n\n  // Try to extract any extra information about why context creation failed\n  let errorMessage = null;\n  const onCreateError = (error) => (errorMessage = error.statusMessage || errorMessage);\n  canvas.addEventListener('webglcontextcreationerror', onCreateError, false);\n\n  // Create the desired context\n  let gl = null;\n\n  // Prefer webgl2 over webgl1 if both are acceptable\n  if (props.webgl2) {\n    gl = gl || canvas.getContext('webgl2', props);\n  }\n  if (props.webgl1) {\n    gl = gl || canvas.getContext('webgl', props);\n  }\n\n  // TODO are we removing this listener before giving it a chance to fire?\n  canvas.removeEventListener('webglcontextcreationerror', onCreateError, false);\n\n  if (!gl) {\n    throw new Error(\n      `Failed to create ${props.webgl2 && !props.webgl1 ? 'WebGL2' : 'WebGL'} context: ${\n        errorMessage || 'Unknown error'\n      }`\n    );\n  }\n\n  canvas.addEventListener('webglcontextlost', props.onContextLost, false);\n  canvas.addEventListener('webglcontextrestored', props.onContextRestored, false);\n\n  return gl;\n}\n"],"file":"create-context.js"}

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

@@ -0,0 +1,25 @@
+/**
+ * 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: any, devicePixelRatio: any, options?: {
+    width?: number;
+    height?: number;
+}): void;
+//# sourceMappingURL=device-pixels.d.ts.map

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

@@ -0,0 +1 @@
+{"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,KAAA,EAAE,gBAAgB,KAAA,EAAE,OAAO,GAAE;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAM,QA4CxG"}

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

@@ -0,0 +1,98 @@
+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 = {}) {
+  let clientWidth = 'width' in options ? options.width : gl.canvas.clientWidth;
+  let clientHeight = 'height' in options ? options.height : gl.canvas.clientHeight;
+
+  if (!clientWidth || !clientHeight) {
+    log.log(1, 'Canvas clientWidth/clientHeight is 0')();
+    devicePixelRatio = 1;
+    clientWidth = gl.canvas.width || 1;
+    clientHeight = gl.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);
+    gl.canvas.width = canvasWidth;
+    gl.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);
+      gl.canvas.width = Math.floor(clientWidth * clampedPixelRatio);
+      gl.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

@@ -0,0 +1 @@
+{"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","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, devicePixelRatio, options: {width?: number, height?: number} = {}) {\n  // NOTE: if options.width and options.height not used remove in v8\n  let clientWidth = 'width' in options ? options.width : gl.canvas.clientWidth;\n  let clientHeight = 'height' in options ? options.height : gl.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 gl.canvas.width and height in each frame.\n    devicePixelRatio = 1;\n    clientWidth = gl.canvas.width || 1;\n    clientHeight = gl.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    gl.canvas.width = canvasWidth;\n    gl.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      gl.canvas.width = Math.floor(clientWidth * clampedPixelRatio);\n      gl.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, ratio, width, height, yInvert) {\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, ratio, width) {\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, ratio, height, yInvert) {\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/context/context/get-canvas.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="offscreencanvas" />
+/**
+ * Creates a new canvas or returns the HTML element for a canvas.
+ * @param width
+ * @param height
+ * @returns
+ */
+export declare function getCanvas(options: {
+    canvas?: string | HTMLCanvasElement | OffscreenCanvas;
+    width: number;
+    height: number;
+}): HTMLCanvasElement | OffscreenCanvas;
+//# sourceMappingURL=get-canvas.d.ts.map

package/dist/context/context/get-canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-canvas.d.ts","sourceRoot":"","sources":["../../../src/context/context/get-canvas.ts"],"names":[],"mappings":";AAIA;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,iBAAiB,GAAG,eAAe,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAA;CACf,GAAG,iBAAiB,GAAG,eAAe,CAsBtC"}

package/dist/context/context/get-canvas.js

@@ -0,0 +1,31 @@
+import { isBrowser } from 'probe.gl/env';
+const isPage = isBrowser() && typeof document !== 'undefined';
+export function getCanvas(options) {
+  const {
+    canvas,
+    width = 800,
+    height = 600
+  } = options;
+
+  if (!canvas) {
+    const targetCanvas = document.createElement('canvas');
+    targetCanvas.id = 'lumagl-canvas';
+    targetCanvas.style.width = Number.isFinite(width) ? "".concat(width, "px") : '100%';
+    targetCanvas.style.height = Number.isFinite(height) ? "".concat(height, "px") : '100%';
+    document.body.insertBefore(targetCanvas, document.body.firstChild);
+    return targetCanvas;
+  }
+
+  if (typeof canvas === 'string') {
+    const isPageLoaded = isPage && document.readyState === 'complete';
+
+    if (!isPageLoaded) {
+      throw new Error("createGLContext called on canvas '".concat(canvas, "' before page was loaded"));
+    }
+
+    return document.getElementById(canvas);
+  }
+
+  return canvas;
+}
+//# sourceMappingURL=get-canvas.js.map

package/dist/context/context/get-canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/context/get-canvas.ts"],"names":["isBrowser","isPage","document","getCanvas","options","canvas","width","height","targetCanvas","createElement","id","style","Number","isFinite","body","insertBefore","firstChild","isPageLoaded","readyState","Error","getElementById"],"mappings":"AACA,SAAQA,SAAR,QAAwB,cAAxB;AACA,MAAMC,MAAM,GAAGD,SAAS,MAAM,OAAOE,QAAP,KAAoB,WAAlD;AAQA,OAAO,SAASC,SAAT,CAAmBC,OAAnB,EAIiC;AACtC,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA,KAAK,GAAG,GAAjB;AAAsBC,IAAAA,MAAM,GAAG;AAA/B,MAAsCH,OAA5C;;AAEA,MAAI,CAACC,MAAL,EAAa;AACX,UAAMG,YAAY,GAAGN,QAAQ,CAACO,aAAT,CAAuB,QAAvB,CAArB;AACAD,IAAAA,YAAY,CAACE,EAAb,GAAkB,eAAlB;AACAF,IAAAA,YAAY,CAACG,KAAb,CAAmBL,KAAnB,GAA2BM,MAAM,CAACC,QAAP,CAAgBP,KAAhB,cAA4BA,KAA5B,UAAwC,MAAnE;AACAE,IAAAA,YAAY,CAACG,KAAb,CAAmBJ,MAAnB,GAA4BK,MAAM,CAACC,QAAP,CAAgBN,MAAhB,cAA6BA,MAA7B,UAA0C,MAAtE;AACAL,IAAAA,QAAQ,CAACY,IAAT,CAAcC,YAAd,CAA2BP,YAA3B,EAAyCN,QAAQ,CAACY,IAAT,CAAcE,UAAvD;AACA,WAAOR,YAAP;AACD;;AAED,MAAI,OAAOH,MAAP,KAAkB,QAAtB,EAAgC;AAC9B,UAAMY,YAAY,GAAGhB,MAAM,IAAIC,QAAQ,CAACgB,UAAT,KAAwB,UAAvD;;AACA,QAAI,CAACD,YAAL,EAAmB;AACjB,YAAM,IAAIE,KAAJ,6CAA+Cd,MAA/C,8BAAN;AACD;;AAED,WAAOH,QAAQ,CAACkB,cAAT,CAAwBf,MAAxB,CAAP;AACD;;AAED,SAAOA,MAAP;AACD","sourcesContent":["// luma.gl, MIT license\nimport {isBrowser} from 'probe.gl/env';\nconst isPage = isBrowser() && typeof document !== 'undefined';\n\n/**\n * Creates a new canvas or returns the HTML element for a canvas.\n * @param width\n * @param height\n * @returns\n */\nexport function getCanvas(options: {\n  canvas?: string | HTMLCanvasElement | OffscreenCanvas,\n  width: number,\n  height: number\n}): HTMLCanvasElement | OffscreenCanvas {\n  const {canvas, width = 800, height = 600} = options;\n\n  if (!canvas) {\n    const targetCanvas = document.createElement('canvas');\n    targetCanvas.id = 'lumagl-canvas';\n    targetCanvas.style.width = Number.isFinite(width) ? `${width}px` : '100%';\n    targetCanvas.style.height = Number.isFinite(height) ? `${height}px` : '100%';\n    document.body.insertBefore(targetCanvas, document.body.firstChild);\n    return targetCanvas;\n  }\n\n  if (typeof canvas === 'string') {\n    const isPageLoaded = isPage && document.readyState === 'complete';\n    if (!isPageLoaded) {\n      throw new Error(`createGLContext called on canvas '${canvas}' before page was loaded`);\n    }\n    // TODO - check type?\n    return document.getElementById(canvas) as HTMLCanvasElement;\n  }\n\n  return canvas;\n}\n"],"file":"get-canvas.js"}

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

@@ -0,0 +1,20 @@
+/**
+ * Resize the canvas' drawing buffer.
+ *
+ * Can match the canvas CSS size, and optionally also consider devicePixelRatio
+ * Can be called every frame
+ *
+ * Regardless of size, the drawing buffer will always be scaled to the viewport, but
+ * for best visual results, usually set to either:
+ *  canvas CSS width x canvas CSS height
+ *  canvas CSS width * devicePixelRatio x canvas CSS height * devicePixelRatio
+ * See http://webgl2fundamentals.org/webgl/lessons/webgl-resizing-the-canvas.html
+ *
+ * resizeGLContext(gl, {width, height, useDevicePixels})
+ */
+export declare function resizeGLContext(gl: WebGLRenderingContext, options?: {
+    width?: number;
+    height?: number;
+    useDevicePixels?: boolean | number;
+}): void;
+//# sourceMappingURL=resize-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resize-context.d.ts","sourceRoot":"","sources":["../../../src/context/context/resize-context.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACF,wBAAgB,eAAe,CAC9B,EAAE,EAAE,qBAAqB,EACzB,OAAO,CAAC,EAAE;IACR,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACpC,QAcF"}

package/dist/context/context/resize-context.js

@@ -0,0 +1,15 @@
+import { getDevicePixelRatio, setDevicePixelRatio } from "./device-pixels";
+export function resizeGLContext(gl, options) {
+  if (gl.canvas) {
+    const devicePixelRatio = getDevicePixelRatio(options === null || options === void 0 ? void 0 : options.useDevicePixels);
+    setDevicePixelRatio(gl, devicePixelRatio, options);
+    return;
+  }
+
+  const ext = gl.getExtension('STACKGL_resize_drawingbuffer');
+
+  if (ext && options && "width" in options && "height" in options) {
+    ext.resize(options.width, options.height);
+  }
+}
+//# sourceMappingURL=resize-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/context/resize-context.ts"],"names":["getDevicePixelRatio","setDevicePixelRatio","resizeGLContext","gl","options","canvas","devicePixelRatio","useDevicePixels","ext","getExtension","resize","width","height"],"mappings":"AACA,SAASA,mBAAT,EAA8BC,mBAA9B,QAAyD,iBAAzD;AAeC,OAAO,SAASC,eAAT,CACNC,EADM,EAENC,OAFM,EAON;AAEA,MAAID,EAAE,CAACE,MAAP,EAAe;AACb,UAAMC,gBAAgB,GAAGN,mBAAmB,CAACI,OAAD,aAACA,OAAD,uBAACA,OAAO,CAAEG,eAAV,CAA5C;AACAN,IAAAA,mBAAmB,CAACE,EAAD,EAAKG,gBAAL,EAAuBF,OAAvB,CAAnB;AACA;AACD;;AAGD,QAAMI,GAAG,GAAGL,EAAE,CAACM,YAAH,CAAgB,8BAAhB,CAAZ;;AACA,MAAID,GAAG,IAAIJ,OAAP,IAAkB,WAAWA,OAA7B,IAAwC,YAAYA,OAAxD,EAAiE;AAC/DI,IAAAA,GAAG,CAACE,MAAJ,CAAWN,OAAO,CAACO,KAAnB,EAA0BP,OAAO,CAACQ,MAAlC;AACD;AACF","sourcesContent":["// luma.gl, MIT license\nimport { getDevicePixelRatio, setDevicePixelRatio } from \"./device-pixels\";\n/**\n * Resize the canvas' drawing buffer.\n *\n * Can match the canvas CSS size, and optionally also consider devicePixelRatio\n * Can be called every frame\n *\n * Regardless of size, the drawing buffer will always be scaled to the viewport, but\n * for best visual results, usually set to either:\n *  canvas CSS width x canvas CSS height\n *  canvas CSS width * devicePixelRatio x canvas CSS height * devicePixelRatio\n * See http://webgl2fundamentals.org/webgl/lessons/webgl-resizing-the-canvas.html\n *\n * resizeGLContext(gl, {width, height, useDevicePixels})\n */\n export function resizeGLContext(\n  gl: WebGLRenderingContext,\n  options?: {\n    width?: number;\n    height?: number;\n    useDevicePixels?: boolean | number;\n  }\n) {\n  // Resize browser context .\n  if (gl.canvas) {\n    const devicePixelRatio = getDevicePixelRatio(options?.useDevicePixels);\n    setDevicePixelRatio(gl, devicePixelRatio, options);\n    return;\n  }\n\n  // Resize headless gl context\n  const ext = gl.getExtension('STACKGL_resize_drawingbuffer');\n  if (ext && options && `width` in options && `height` in options) {\n    ext.resize(options.width, options.height);\n  }\n}\n"],"file":"resize-context.js"}

package/dist/context/context/webgl-checks.d.ts

@@ -0,0 +1,13 @@
+export declare const ERR_WEBGL = "Invalid WebGLRenderingContext";
+export declare const ERR_WEBGL2 = "Requires WebGL2";
+/** Check if supplied parameter is a WebGLRenderingContext */
+export declare function isWebGL(gl: any): boolean;
+/** Check if supplied parameter is a WebGL2RenderingContext */
+export declare function isWebGL2(gl: any): boolean;
+/** Returns a properly typed WebGL2RenderingContext from a WebGL1 context, or null */
+export declare function getWebGL2Context(gl: WebGLRenderingContext): WebGL2RenderingContext | null;
+/** Throw if supplied parameter is not a WebGLRenderingContext, otherwise return properly typed value */
+export declare function assertWebGLContext(gl: any): WebGLRenderingContext;
+/** Throw if supplied parameter is not a WebGL2RenderingContext, otherwise return properly typed value */
+export declare function assertWebGL2Context(gl: any): WebGL2RenderingContext;
+//# sourceMappingURL=webgl-checks.d.ts.map

package/dist/context/context/webgl-checks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webgl-checks.d.ts","sourceRoot":"","sources":["../../../src/context/context/webgl-checks.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,kCAAc,CAAC;AACrC,eAAO,MAAM,UAAU,oBAAoB,CAAC;AAG5C,6DAA6D;AAC7D,wBAAgB,OAAO,CAAC,EAAE,EAAE,GAAG,GAAG,OAAO,CASxC;AAGD,8DAA8D;AAC9D,wBAAgB,QAAQ,CAAC,EAAE,EAAE,GAAG,GAAG,OAAO,CAMzC;AAGD,qFAAqF;AACrF,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,qBAAqB,GAAG,sBAAsB,GAAG,IAAI,CAGzF;AAGD,wGAAwG;AACxG,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,GAAG,GAAG,qBAAqB,CAGjE;AAED,yGAAyG;AACzG,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,GAAG,GAAG,sBAAsB,CAGnE"}