@luma.gl/webgl 9.0.0-alpha.2 → 9.0.0-alpha.20

package/src/context/polyfill/polyfill-context.ts

@@ -11,13 +11,13 @@ import {assert} from '@luma.gl/api';
 import {polyfillVertexArrayObject} from './polyfill-vertex-array-object';
 
 import {WEBGL2_CONTEXT_POLYFILLS, WEBGL2_CONTEXT_OVERRIDES} from './polyfill-table';
-import {getContextState} from '../context/context-state';
+import {getContextData} from './context-data';
 
 /**
  * Registers extensions, polyfills or mock functions for extensions in the polyfills list
  */
 export function polyfillContext(gl: WebGLRenderingContext): WebGL2RenderingContext {
-  const contextState = getContextState(gl);
+  const contextState = getContextData(gl);
 
   if (!contextState._polyfilled) {
     polyfillVertexArrayObject(gl);
@@ -32,19 +32,17 @@ export function polyfillContext(gl: WebGLRenderingContext): WebGL2RenderingConte
 }
 
 function initializeExtensions(gl: WebGLRenderingContext): void {
-  const contextState = getContextState(gl);
+  const contextState = getContextData(gl);
   // `getSupportedExtensions` can return null when context is lost.
   const EXTENSIONS = gl.getSupportedExtensions() || [];
   for (const extensionName of EXTENSIONS) {
     const extension = gl.getExtension(extensionName);
     contextState._extensions[extensionName] = extension;
-    // TODO - this looks like a mistake?
-    contextState[extensionName] = extension;
   }
 }
 
 function installPolyfills(gl: WebGLRenderingContext, polyfills): void {
-  const contextState = getContextState(gl);
+  const contextState = getContextData(gl);
   for (const extension of Object.getOwnPropertyNames(polyfills)) {
     if (extension !== 'overrides') {
       polyfillExtension(gl, {extension, target: contextState, target2: gl});
@@ -65,7 +63,7 @@ function polyfillExtension(gl: WebGLRenderingContext, {extension, target, target
   for (const key of Object.keys(defaults)) {
     const extKey = `${key}${suffix}`;
 
-    let polyfill = null;
+    let polyfill: Function | null = null;
     if (key === 'meta') {
       // ignore
     } else if (typeof gl[key] === 'function') {
@@ -86,7 +84,7 @@ function polyfillExtension(gl: WebGLRenderingContext, {extension, target, target
 }
 
 /** Install simple overrides (mostly get* functions) */
-function installOverrides(gl, {target, target2}) {
+function installOverrides(gl: WebGLRenderingContext, {target, target2}) {
   Object.keys(WEBGL2_CONTEXT_OVERRIDES).forEach((key) => {
     if (typeof WEBGL2_CONTEXT_OVERRIDES[key] === 'function') {
       // install an override, if no implementation was detected

package/src/context/polyfill/polyfill-table.ts

@@ -3,8 +3,9 @@ import GL from '@luma.gl/constants';
 import {isWebGL2} from '../context/webgl-checks';
 
 import {getParameterPolyfill} from './get-parameter-polyfill';
-import {getContextState} from '../context/context-state';
+import {getContextData} from './context-data';
 
+/* eslint-disable camelcase */
 const OES_vertex_array_object = 'OES_vertex_array_object';
 const ANGLE_instanced_arrays = 'ANGLE_instanced_arrays';
 const WEBGL_draw_buffers = 'WEBGL_draw_buffers';
@@ -14,14 +15,14 @@ const EXT_texture_filter_anisotropic = 'EXT_texture_filter_anisotropic';
 const ERR_VAO_NOT_SUPPORTED = 'VertexArray requires WebGL2 or OES_vertex_array_object extension';
 
 // Return object with webgl2 flag and an extension
-function getExtensionData(gl, extension) {
+function getExtensionData(gl: WebGLRenderingContext, extension: string) {
   return {
     webgl2: isWebGL2(gl),
     ext: gl.getExtension(extension)
   };
 }
 
-// function mapExtensionConstant(gl, constant) {
+// function mapExtensionConstant(gl: WebGLRenderingContext, constant) {
 //   switch (constant) {
 //   case ext.FRAGMENT_SHADER_DERIVATIVE_HINT_OES: return GL.FRAGMENT_SHADER_DERIVATIVE_HINT;
 //   }
@@ -46,7 +47,7 @@ export const WEBGL2_CONTEXT_POLYFILLS = {
       //   VERTEX_ATTRIB_ARRAY_DIVISOR: 'VERTEX_ATTRIB_ARRAY_DIVISOR_ANGLE'
       // }
     },
-    vertexAttribDivisor(location, divisor) {
+    vertexAttribDivisor(location: number, divisor: number) {
       // Accept divisor 0 even if instancing is not supported (0 = no instancing)
       assert(divisor === 0, 'WebGL instanced rendering not supported');
     },
@@ -74,20 +75,20 @@ export const WEBGL2_CONTEXT_POLYFILLS = {
       assert(false);
     },
     endQuery: () => {},
-    getQuery(handle, pname) {
+    getQuery(handle, pname: string) {
       return this.getQueryObject(handle, pname);
     },
     // The WebGL1 extension uses getQueryObject rather then getQueryParameter
-    getQueryParameter(handle, pname) {
+    getQueryParameter(handle, pname: string) {
       return this.getQueryObject(handle, pname);
     },
-    getQueryObject: () => {}
+    getQueryObject: (handle: unknown, pname: unknown) => {}
   }
 };
 
 export const WEBGL2_CONTEXT_OVERRIDES = {
   // Ensure readBuffer is a no-op
-  readBuffer: (gl, originalFunc, attachment) => {
+  readBuffer: (gl: WebGLRenderingContext, originalFunc, attachment) => {
     if (isWebGL2(gl)) {
       originalFunc(attachment);
     } else {
@@ -95,7 +96,7 @@ export const WEBGL2_CONTEXT_OVERRIDES = {
     }
   },
   // Override for getVertexAttrib that returns sane values for non-WebGL1 constants
-  getVertexAttrib: (gl, originalFunc, location, pname) => {
+  getVertexAttrib: (gl: WebGLRenderingContext, originalFunc, location, pname) => {
     // const gl = this; // eslint-disable-line
     const {webgl2, ext} = getExtensionData(gl, ANGLE_instanced_arrays);
 
@@ -115,7 +116,7 @@ export const WEBGL2_CONTEXT_OVERRIDES = {
     return result !== undefined ? result : originalFunc(location, pname);
   },
   // Handle transform feedback and uniform block queries in WebGL1
-  getProgramParameter: (gl, originalFunc, program, pname) => {
+  getProgramParameter: (gl: WebGLRenderingContext, originalFunc, program, pname) => {
     if (!isWebGL2(gl)) {
       switch (pname) {
         case GL.TRANSFORM_FEEDBACK_BUFFER_MODE:
@@ -129,7 +130,7 @@ export const WEBGL2_CONTEXT_OVERRIDES = {
     }
     return originalFunc(program, pname);
   },
-  getInternalformatParameter: (gl, originalFunc, target, format, pname) => {
+  getInternalformatParameter: (gl: WebGLRenderingContext, originalFunc, target, format, pname) => {
     if (!isWebGL2(gl)) {
       switch (pname) {
         case GL.SAMPLES:
@@ -137,13 +138,14 @@ export const WEBGL2_CONTEXT_OVERRIDES = {
         default:
       }
     }
-    return gl.getInternalformatParameter(target, format, pname);
+    const gl2 = gl as WebGL2RenderingContext;
+    return gl2.getInternalformatParameter(target, format, pname);
   },
   getTexParameter(gl, originalFunc, target, pname) {
     switch (pname) {
       case GL.TEXTURE_MAX_ANISOTROPY_EXT:
-        const contextState = getContextState(gl);
-        const {_extensions} = contextState;
+        const contextData = getContextData(gl);
+        const {_extensions} = contextData;
         const ext = _extensions[EXT_texture_filter_anisotropic];
         pname = (ext && ext.TEXTURE_MAX_ANISOTROPY_EXT) || GL.TEXTURE_MAX_ANISOTROPY_EXT;
         break;

package/src/context/polyfill/polyfill-vertex-array-object.ts

@@ -25,6 +25,7 @@
 // the global class.
 
 // @ts-nocheck external code
+/* eslint-disable */ 
 
 const glErrorShadow = {};
 
@@ -103,6 +104,7 @@ WebGLVertexArrayObjectOES.VertexAttrib.prototype.recache = function recache() {
 };
 
 const OESVertexArrayObject = function OESVertexArrayObject(gl) {
+  // eslint-disable-next-line @typescript-eslint/no-this-alias
   const self = this;
   this.gl = gl;
 

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

@@ -10,14 +10,14 @@ import {deepArrayEqual} from './deep-array-equal';
 /* eslint-disable no-shadow */
 class GLState {
   gl: WebGLRenderingContext;
-  program = null;
-  stateStack = [];
+  program: unknown = null;
+  stateStack: object[] = [];
   enable = true;
-  cache;
+  cache: Record<string, any>;
   log;
 
   constructor(
-    gl,
+    gl: WebGLRenderingContext,
     {
       copyState = false, // Copy cache from params (slow) or initialize from WebGL defaults (fast)
       log = () => {} // Logging function, called when gl parameter change calls are actually issued
@@ -50,11 +50,11 @@ class GLState {
    * @param values
    * @returns
    */
-  _updateCache(values) {
+  _updateCache(values: {[key: number | string]: any}) {
     let valueChanged = false;
     let oldValue; // = undefined
 
-    const oldValues = this.stateStack.length > 0 && this.stateStack[this.stateStack.length - 1];
+    const oldValues: {[key: number | string]: any} | null = this.stateStack.length > 0 ? this.stateStack[this.stateStack.length - 1] : null;
 
     for (const key in values) {
       assert(key !== undefined);
@@ -96,7 +96,7 @@ function getContextState(gl: WebGLRenderingContext): GLState {
  * gl.state.push() and gl.state.pop() will be available for saving,
  * temporarily modifying, and then restoring state.
  */
- export function trackContextState(
+export function trackContextState(
   gl: WebGLRenderingContext,
   options?: {
     enable?: boolean;
@@ -108,7 +108,6 @@ function getContextState(gl: WebGLRenderingContext): GLState {
   assert(copyState !== undefined);
   // @ts-expect-error
   if (!gl.state) {
-    const global_ = typeof global !== 'undefined' ? global : window;
     // @ts-ignore
     // const {polyfillContext} = global_;
     // if (polyfillContext) {
@@ -141,7 +140,7 @@ function getContextState(gl: WebGLRenderingContext): GLState {
 /**
  * Saves current WebGL context state onto an internal per-context stack
  */
- export function pushContextState(gl: WebGLRenderingContext): void {
+export function pushContextState(gl: WebGLRenderingContext): void {
   let glState = getContextState(gl);
   if (!glState) {
     trackContextState(gl, {copyState: false});
@@ -188,9 +187,9 @@ function installGetterOverride(gl: WebGLRenderingContext, functionName: string)
     // Optionally call the original function to do a "hard" query from the WebGLRenderingContext
     return glState.enable
       ? // Call the getter the params so that it can e.g. serve from a cache
-        glState.cache[pname]
+      glState.cache[pname]
       : // Optionally call the original function to do a "hard" query from the WebGLRenderingContext
-        originalGetterFunc(pname);
+      originalGetterFunc(pname);
   };
 
   // Set the name of this anonymous function to help in debugging and profiling
@@ -209,12 +208,13 @@ function installGetterOverride(gl: WebGLRenderingContext, functionName: string)
  * @param setter
  * @returns
  */
-function installSetterSpy(gl: WebGLRenderingContext, functionName, setter) {
+function installSetterSpy(gl: WebGLRenderingContext, functionName: string, setter: Function) {
   // Get the original function from the WebGLRenderingContext
   if (!gl[functionName]) {
     // This could happen if we try to intercept WebGL2 method on a WebGL1 context
     return;
   }
+
   const originalSetterFunc = gl[functionName].bind(gl);
 
   // Wrap it with a spy so that we can update our state cache when it gets called
@@ -222,6 +222,7 @@ function installSetterSpy(gl: WebGLRenderingContext, functionName, setter) {
     // Update the value
     // Call the setter with the state cache and the params so that it can store the parameters
     const glState = getContextState(gl);
+    // eslint-disable-next-line @typescript-eslint/unbound-method
     const {valueChanged, oldValue} = setter(glState._updateCache, ...params);
 
     // Call the original WebGLRenderingContext func to make sure the context actually gets updated

package/src/context/state-tracker/with-parameters.ts

@@ -1,3 +1,5 @@
+import type {Device} from '@luma.gl/api';
+import {default as WebGLDevice} from '../../adapter/webgl-device';
 import {GLParameters, setParameters} from '../parameters/unified-parameter-api';
 import {pushContextState, popContextState} from './track-context-state';
 
@@ -9,10 +11,13 @@ import {pushContextState, popContextState} from './track-context-state';
  * - Restores parameters
  * - Returns the return value of the supplied function
  */
- export function withParameters(gl: WebGLRenderingContext, parameters: GLParameters & {nocatch?: boolean}, func: any): any {
+export function withParameters(device: Device | WebGLRenderingContext, parameters: GLParameters & {nocatch?: boolean}, func: any): any {
+  const webglDevice = WebGLDevice.attach(device);
+  const gl = webglDevice.gl;
+
   if (isObjectEmpty(parameters)) {
     // Avoid setting state if no parameters provided. Just call and return
-    return func(gl);
+    return func(device);
   }
 
   const {nocatch = true} = parameters;
@@ -43,6 +48,7 @@ import {pushContextState, popContextState} from './track-context-state';
 
 // Returns true if given object is empty, false otherwise.
 function isObjectEmpty(object) {
+  // @ts-ignore - dummy key variable
   for (const key in object) {
     return false;
   }

package/src/index.ts

@@ -4,17 +4,16 @@
 // but make it easier to use.
 // Higher level abstractions can be built on these classes
 
-// Initialize any global state
-import '@luma.gl/api';
-import './init'
+// Types
+export type {WebGLLimits} from './adapter/device-helpers/device-limits';
 
+export {registerHeadlessGL} from './context/context/create-headless-context';
+
+// WebGL adapter classes
 export {default as WebGLDevice} from './adapter/webgl-device';
 export {default as WebGLCanvasContext} from './adapter/webgl-canvas-context';
 
-// Legacy WebGL Classes - will be moved to gltools
-export {default as Accessor} from './classic/accessor';
-export type {ClassicBufferProps as BufferProps} from './classic/buffer';
-export {default as Buffer} from './classic/buffer';
+// WebGL Resource classes
 export {default as WEBGLResource, default as WebGLResource} from './adapter/objects/webgl-resource';
 export {default as WEBGLBuffer} from './adapter/resources/webgl-buffer';
 export {default as WEBGLTexture} from './adapter/resources/webgl-texture';
@@ -24,16 +23,22 @@ export {default as WEBGLSampler} from './adapter/resources/webgl-sampler';
 export {default as WEBGLFramebuffer} from './adapter/resources/webgl-framebuffer';
 
 export {default as WEBGLRenderPipeline} from './adapter/resources/webgl-render-pipeline';
-
 // export {default as WEBGLComputePipeline} from './adapter/resources/webgl-compute-pipeline';
 export {default as WEBGLCommandEncoder} from './adapter/resources/webgl-command-encoder';
 export {default as WEBGLRenderPass} from './adapter/resources/webgl-render-pass';
-//export {default as WEBGLComputePass} from './adapter/resources/webgl-compute-pass';
+// export {default as WEBGLComputePass} from './adapter/resources/webgl-compute-pass';
 
+// non-api resources
 export type {RenderbufferProps} from './adapter/objects/webgl-renderbuffer';
 export {default as WEBGLRenderbuffer} from './adapter/objects/webgl-renderbuffer';
 export {default as WEBGLVertexArrayObject} from './adapter/objects/webgl-vertex-array-object';
 
+// WebGL adapter classes (Legacy, will be moved to gltools)
+export {default as Accessor} from './classic/accessor';
+export type {AccessorObject} from './types';
+export type {ClassicBufferProps, ClassicBufferProps as BufferProps} from './classic/buffer';
+export {default as ClassicBuffer, default as Buffer} from './classic/buffer';
+
 export {
   isWebGL,
   isWebGL2,
@@ -42,9 +47,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/src/types/webgl.ts

@@ -1,6 +1,8 @@
 import type {NumberArray} from '@luma.gl/api';
 import GL from '@luma.gl/constants';
 
+/* eslint-disable camelcase */
+
 type Framebuffer = any;
 
 export type GLDrawMode =
@@ -120,7 +122,7 @@ export type GLStencilOp =
   | GL.INVERT;
 
 /** Parameters for textures and samplers */
-export type WebGLSamplerParameters = {
+export type GLSamplerParameters = {
   [GL.TEXTURE_WRAP_S]?: GL.CLAMP_TO_EDGE | GL.REPEAT | GL.MIRRORED_REPEAT;
   [GL.TEXTURE_WRAP_T]?: GL.CLAMP_TO_EDGE | GL.REPEAT | GL.MIRRORED_REPEAT;
   [GL.TEXTURE_WRAP_R]?: GL.CLAMP_TO_EDGE | GL.REPEAT | GL.MIRRORED_REPEAT;
@@ -135,6 +137,7 @@ export type WebGLSamplerParameters = {
   [GL.TEXTURE_MIN_LOD]?: number;
   [GL.TEXTURE_MAX_LOD]?: number;
   [GL.TEXTURE_COMPARE_FUNC]?: number; // COMPARE_FUNC);
+  [GL.TEXTURE_COMPARE_MODE]?: GL.COMPARE_REF_TO_TEXTURE;
   [GL.TEXTURE_MAX_ANISOTROPY_EXT]?: number; //
 };
 
@@ -193,11 +196,11 @@ export type GLValueParameters = {
   [GL.STENCIL_WRITEMASK]?: number;
   [GL.STENCIL_BACK_WRITEMASK]?: number;
   [GL.STENCIL_FUNC]?: GLFunction;
-  [GL.STENCIL_REF]?: GLFunction;
-  [GL.STENCIL_VALUE_MASK]?: GLFunction;
+  [GL.STENCIL_REF]?: number;
+  [GL.STENCIL_VALUE_MASK]?: number;
   [GL.STENCIL_BACK_FUNC]?: GLFunction;
-  [GL.STENCIL_BACK_REF]?: GLFunction;
-  [GL.STENCIL_BACK_VALUE_MASK]?: GLFunction;
+  [GL.STENCIL_BACK_REF]?: number;
+  [GL.STENCIL_BACK_VALUE_MASK]?: number;
   [GL.STENCIL_FAIL]?: GLStencilOp;
   [GL.STENCIL_PASS_DEPTH_FAIL]?: GLStencilOp;
   [GL.STENCIL_PASS_DEPTH_PASS]?: GLStencilOp;
@@ -240,7 +243,7 @@ export type GLFunctionParameters = {
   clearDepth?: number;
   clearStencil?: number;
 
-  colorMask?: [boolean, boolean, boolean, boolean];
+  colorMask?: [boolean, boolean, boolean, boolean] | boolean[];
 
   cull?: boolean;
   cullFace?: GL.FRONT | GL.BACK | GL.FRONT_AND_BACK;
@@ -280,4 +283,4 @@ export type GLFunctionParameters = {
 };
 
 /** WebGL style parameters object (with both GL constants and function style fields) */
-export type GLParameters = GLValueParameters | GLFunctionParameters;
+export type GLParameters = GLValueParameters & GLFunctionParameters;

package/dist/bundle.d.ts

@@ -1,2 +0,0 @@
-declare const moduleExports: any;
-//# sourceMappingURL=bundle.d.ts.map

package/dist/bundle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"bundle.d.ts","sourceRoot":"","sources":["../src/bundle.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,aAAa,KAAqB,CAAC"}

package/dist/bundle.js

@@ -1,5 +0,0 @@
-const moduleExports = require('./index');
-
-globalThis.luma = globalThis.luma || {};
-module.exports = Object.assign(globalThis.luma, moduleExports);
-//# sourceMappingURL=bundle.js.map

package/dist/bundle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/bundle.ts"],"names":["moduleExports","require","globalThis","luma","module","exports","Object","assign"],"mappings":"AACA,MAAMA,aAAa,GAAGC,OAAO,CAAC,SAAD,CAA7B;;AACAC,UAAU,CAACC,IAAX,GAAkBD,UAAU,CAACC,IAAX,IAAmB,EAArC;AACAC,MAAM,CAACC,OAAP,GAAiBC,MAAM,CAACC,MAAP,CAAcL,UAAU,CAACC,IAAzB,EAA+BH,aAA/B,CAAjB","sourcesContent":["// @ts-nocheck\nconst moduleExports = require('./index');\nglobalThis.luma = globalThis.luma || {};\nmodule.exports = Object.assign(globalThis.luma, moduleExports);\n"],"file":"bundle.js"}

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/create-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-context.d.ts","sourceRoot":"","sources":["../../../src/context/context/create-context.ts"],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;EAgBE;AACF,aAAK,YAAY,GAAG;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9C,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,CAyC7H"}

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

@@ -1 +0,0 @@
-{"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","type","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;;AAEA,MAAIL,KAAK,CAACM,IAAN,KAAe,QAAnB,EAA6B;AAC3BN,IAAAA,KAAK,GAAG,EAAC,GAAGA,KAAJ;AAAWT,MAAAA,MAAM,EAAE;AAAnB,KAAR;AACD;;AACD,MAAIS,KAAK,CAACM,IAAN,KAAe,QAAnB,EAA6B;AAC3BN,IAAAA,KAAK,GAAG,EAAC,GAAGA,KAAJ;AAAWV,MAAAA,MAAM,EAAE;AAAnB,KAAR;AACD;;AAGD,MAAIU,KAAK,CAACV,MAAV,EAAkB;AAChBe,IAAAA,EAAE,GAAGA,EAAE,IAAIN,MAAM,CAACQ,UAAP,CAAkB,QAAlB,EAA4BP,KAA5B,CAAX;AACD;;AACD,MAAIA,KAAK,CAACT,MAAV,EAAkB;AAChBc,IAAAA,EAAE,GAAGA,EAAE,IAAIN,MAAM,CAACQ,UAAP,CAAkB,OAAlB,EAA2BP,KAA3B,CAAX;AACD;;AAGDD,EAAAA,MAAM,CAACS,mBAAP,CAA2B,2BAA3B,EAAwDN,aAAxD,EAAuE,KAAvE;;AAEA,MAAI,CAACG,EAAL,EAAS;AACP,UAAM,IAAII,KAAJ,4BACgBT,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*/\ntype ContextProps = {\n  type?: 'webgl' | 'webgl1' | 'webgl2' | string;\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  if (props.type === 'webgl2') {\n    props = {...props, webgl1: false};\n  }\n  if (props.type === 'webgl1') {\n    props = {...props, webgl2: false};\n  }\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\n/* TODO - can we call this asynchronously to catch the error events?\nexport async function createBrowserContextAsync(canvas: HTMLCanvasElement | OffscreenCanvas, props: ContextProps): Promise<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 const gl = createBrowserContext(canvas, props);\n\n // Give the listener a chance to fire\n await new Promise(resolve => setTimeout(resolve, 0));\n\n canvas.removeEventListener('webglcontextcreationerror', onCreateError, false);\n\n return gl;\n}\n*/\n"],"file":"create-context.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,QA4CvI"}

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

@@ -1,98 +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 = {}) {
-  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