@luma.gl/webgl 8.5.8 → 8.6.0-alpha.2

package/dist/esm/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 '../device/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/esm/classes/webgl-shader.js

@@ -0,0 +1,193 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { log, assert, uid, Shader as ShaderAPI } from '@luma.gl/api';
+import GL from '@luma.gl/constants';
+import { getShaderInfo, formatCompilerLog } from '@luma.gl/shadertools';
+import { assertWebGLContext } from '../context/context/webgl-checks';
+import { parseShaderCompilerLog } from '../webgl-utils/parse-shader-compiler-log';
+import WebGLDevice from '../device/webgl-device';
+const ERR_SOURCE = 'Shader: GLSL source code must be a JavaScript string';
+export class WEBGLShader extends ShaderAPI {
+  constructor(gl, props) {
+    super(WebGLDevice.attach(gl), {
+      id: getShaderIdFromProps(props),
+      ...props
+    });
+
+    _defineProperty(this, "device", void 0);
+
+    _defineProperty(this, "gl", void 0);
+
+    _defineProperty(this, "handle", void 0);
+
+    _defineProperty(this, "stage", void 0);
+
+    this.device = WebGLDevice.attach(gl);
+    this.gl = gl;
+
+    switch (this.props.stage) {
+      case 'vertex':
+        this.handle = this.props.handle || this.gl.createShader(GL.VERTEX_SHADER);
+        break;
+
+      case 'fragment':
+        this.handle = this.props.handle || this.gl.createShader(GL.FRAGMENT_SHADER);
+        break;
+
+      default:
+        throw new Error(this.props.stage);
+    }
+
+    this.stage = this.props.stage;
+
+    this._compile(props.source);
+  }
+
+  destroy() {
+    if (this.handle) {
+      this.removeStats();
+      this.gl.deleteShader(this.handle);
+      this.handle = null;
+    }
+  }
+
+  async compilationInfo() {
+    const log = this.gl.getShaderInfoLog(this.handle);
+    return parseShaderCompilerLog(log);
+  }
+
+  _compile(source) {
+    if (!source.startsWith('#version ')) {
+      source = "#version 100\n".concat(source);
+    }
+
+    this.gl.shaderSource(this.handle, source);
+    this.gl.compileShader(this.handle);
+    const compileStatus = this.gl.getShaderParameter(this.handle, GL.COMPILE_STATUS);
+
+    if (!compileStatus) {
+      const shaderLog = this.gl.getShaderInfoLog(this.handle);
+      const messages = parseShaderCompilerLog(shaderLog).filter(message => message.type === 'error');
+      const formattedLog = formatCompilerLog(messages, source);
+      const shaderName = getShaderInfo(source).name;
+      const shaderDescription = "".concat(this.stage, " shader ").concat(shaderName);
+      log.error("GLSL compilation errors in ".concat(shaderName, "\n").concat(formattedLog))();
+      throw new Error("GLSL compilation errors in ".concat(shaderName));
+    }
+  }
+
+}
+export class Shader extends WEBGLShader {
+  static getTypeName(shaderType) {
+    switch (shaderType) {
+      case GL.VERTEX_SHADER:
+        return 'vertex-shader';
+
+      case GL.FRAGMENT_SHADER:
+        return 'fragment-shader';
+
+      default:
+        assert(false);
+        return 'unknown';
+    }
+  }
+
+  constructor(gl, props) {
+    assertWebGLContext(gl);
+    assert(typeof props.source === 'string', ERR_SOURCE);
+    super(gl, { ...props,
+      id: getShaderIdFromProps(props),
+      stage: props.shaderType === GL.VERTEX_SHADER ? 'vertex' : 'fragment'
+    });
+
+    _defineProperty(this, "shaderType", void 0);
+
+    _defineProperty(this, "source", void 0);
+
+    this.shaderType = props.shaderType;
+    this.source = props.source;
+    const shaderName = getShaderInfo(props.source).name;
+
+    if (shaderName) {
+      this.id = uid(shaderName);
+    }
+  }
+
+  initialize(props) {
+    this._compile(props.source);
+
+    const shaderName = getShaderInfo(props.source).name;
+
+    if (shaderName) {
+      this.id = uid(shaderName);
+    }
+
+    return this;
+  }
+
+  getParameter(pname) {
+    return this.gl.getShaderParameter(this.handle, pname);
+  }
+
+  toString() {
+    return "".concat(Shader.getTypeName(this.shaderType), ":").concat(this.id);
+  }
+
+  getName() {
+    return getShaderInfo(this.source).name || 'unnamed-shader';
+  }
+
+  getSource() {
+    return this.gl.getShaderSource(this.handle);
+  }
+
+  getTranslatedSource() {
+    const extension = this.gl.getExtension('WEBGL_debug_shaders');
+    return extension ? extension.getTranslatedShaderSource(this.handle) : 'No translated source available. WEBGL_debug_shaders not implemented';
+  }
+
+  _getOptsFromHandle() {
+    return {
+      type: this.getParameter(GL.SHADER_TYPE),
+      source: this.getSource()
+    };
+  }
+
+}
+export class VertexShader extends Shader {
+  constructor(gl, props) {
+    super(gl, getShaderProps(props, GL.VERTEX_SHADER));
+  }
+
+  _createHandle() {
+    return this.gl.createShader(GL.VERTEX_SHADER);
+  }
+
+}
+export class FragmentShader extends Shader {
+  constructor(gl, props) {
+    super(gl, getShaderProps(props, GL.FRAGMENT_SHADER));
+  }
+
+  _createHandle() {
+    return this.gl.createShader(GL.FRAGMENT_SHADER);
+  }
+
+}
+
+function getShaderProps(props, shaderType) {
+  if (typeof props === 'string') {
+    return {
+      source: props,
+      shaderType
+    };
+  }
+
+  return { ...props,
+    shaderType
+  };
+}
+
+function getShaderIdFromProps(props) {
+  return getShaderInfo(props.source).name || props.id || uid("unnamed ".concat(props.stage || Shader.getTypeName(props.shaderType)));
+}
+//# sourceMappingURL=webgl-shader.js.map

package/dist/esm/classes/webgl-shader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/classes/webgl-shader.ts"],"names":["log","assert","uid","Shader","ShaderAPI","GL","getShaderInfo","formatCompilerLog","assertWebGLContext","parseShaderCompilerLog","WebGLDevice","ERR_SOURCE","WEBGLShader","constructor","gl","props","attach","id","getShaderIdFromProps","device","stage","handle","createShader","VERTEX_SHADER","FRAGMENT_SHADER","Error","_compile","source","destroy","removeStats","deleteShader","compilationInfo","getShaderInfoLog","startsWith","shaderSource","compileShader","compileStatus","getShaderParameter","COMPILE_STATUS","shaderLog","messages","filter","message","type","formattedLog","shaderName","name","shaderDescription","error","getTypeName","shaderType","initialize","getParameter","pname","toString","getName","getSource","getShaderSource","getTranslatedSource","extension","getExtension","getTranslatedShaderSource","_getOptsFromHandle","SHADER_TYPE","VertexShader","getShaderProps","_createHandle","FragmentShader"],"mappings":"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","sourcesContent":["// luma.gl, MIT license\nimport {log, assert, uid, Shader as ShaderAPI, ShaderProps} from '@luma.gl/api';\nimport GL from '@luma.gl/constants';\nimport {getShaderInfo, CompilerMessage, formatCompilerLog} from '@luma.gl/shadertools';\nimport {assertWebGLContext} from '../context/context/webgl-checks';\nimport {parseShaderCompilerLog} from '../webgl-utils/parse-shader-compiler-log';\nimport WebGLDevice from '../device/webgl-device';\n\nconst ERR_SOURCE = 'Shader: GLSL source code must be a JavaScript string';\n\n\nexport type {ShaderProps};\n\nexport class WEBGLShader extends ShaderAPI {\n  readonly device: WebGLDevice;\n  readonly gl: WebGLRenderingContext;\n  readonly handle: WebGLShader;\n\n  readonly stage: 'vertex' | 'fragment';\n\n  constructor(gl: WebGLRenderingContext, props: ShaderProps) {\n    super(WebGLDevice.attach(gl), {id: getShaderIdFromProps(props), ...props});\n    this.device = WebGLDevice.attach(gl);\n    this.gl = gl;\n    switch (this.props.stage) {\n      case 'vertex':\n        this.handle = this.props.handle || this.gl.createShader(GL.VERTEX_SHADER);\n        break;\n      case 'fragment':\n        this.handle = this.props.handle || this.gl.createShader(GL.FRAGMENT_SHADER);\n        break;\n      default:\n        throw new Error(this.props.stage);\n    }\n    this.stage = this.props.stage;\n    this._compile(props.source);\n  }\n\n  destroy(): void {\n    if (this.handle) {\n      this.removeStats();\n      this.gl.deleteShader(this.handle);\n      // @ts-expect-error\n      this.handle = null;\n    }\n  }  \n  \n  async compilationInfo(): Promise<readonly CompilerMessage[]> {\n    const log = this.gl.getShaderInfoLog(this.handle);\n    return parseShaderCompilerLog(log);\n  }\n\n  // PRIVATE METHODS\n  _compile(source) {\n    if (!source.startsWith('#version ')) {\n      source = `#version 100\\n${source}`;\n    }\n    this.gl.shaderSource(this.handle, source);\n    this.gl.compileShader(this.handle);\n\n    // TODO - For performance reasons, avoid checking shader compilation errors on production?\n    // TODO - Load log even when no error reported, to catch warnings?\n    // https://gamedev.stackexchange.com/questions/30429/how-to-detect-glsl-warnings\n    const compileStatus = this.gl.getShaderParameter(this.handle, GL.COMPILE_STATUS);\n    if (!compileStatus) {\n      const shaderLog = this.gl.getShaderInfoLog(this.handle);\n      const messages = parseShaderCompilerLog(shaderLog).filter(message => message.type === 'error');\n      const formattedLog = formatCompilerLog(messages, source);\n      const shaderName: string = getShaderInfo(source).name;\n      const shaderDescription = `${this.stage} shader ${shaderName}`;\n      log.error(`GLSL compilation errors in ${shaderName}\\n${formattedLog}`)();\n      throw new Error(`GLSL compilation errors in ${shaderName}`);\n    }\n  }\n}\n \n/**\n * Encapsulates the compiled or linked Shaders that execute portions of the WebGL Pipeline\n * For now this is an internal class\n */\nexport class Shader extends WEBGLShader {\n  shaderType: GL.FRAGMENT_SHADER | GL.VERTEX_SHADER;\n  source: string;\n\n  static getTypeName(shaderType: any): 'vertex-shader' | 'fragment-shader' | 'unknown' {\n    switch (shaderType) {\n      case GL.VERTEX_SHADER:\n        return 'vertex-shader';\n      case GL.FRAGMENT_SHADER:\n        return 'fragment-shader';\n      default:\n        assert(false);\n        return 'unknown';\n    }\n  }\n\n  constructor(gl: WebGLRenderingContext, props: Omit<ShaderProps, 'stage'>) {\n    assertWebGLContext(gl);\n    assert(typeof props.source === 'string', ERR_SOURCE);\n\n    // @ts-expect-error\n    super(gl, {...props, id: getShaderIdFromProps(props), stage: props.shaderType === GL.VERTEX_SHADER ? 'vertex' : 'fragment'});\n\n    this.shaderType = props.shaderType;\n    this.source = props.source;\n\n    const shaderName = getShaderInfo(props.source).name;\n    if (shaderName) {\n      this.id = uid(shaderName);\n    }\n  }\n\n  initialize(props: ShaderProps): this {\n    this._compile(props.source);\n    const shaderName = getShaderInfo(props.source).name;\n    if (shaderName) {\n      this.id = uid(shaderName);\n    }\n    return this;\n  }\n\n  // Accessors\n\n  getParameter(pname: number): any {\n    return this.gl.getShaderParameter(this.handle, pname);\n  }\n\n  toString(): string {\n    return `${Shader.getTypeName(this.shaderType)}:${this.id}`;\n  }\n\n  getName(): string {\n    return getShaderInfo(this.source).name || 'unnamed-shader';\n  }\n\n  getSource(): string {\n    return this.gl.getShaderSource(this.handle);\n  }\n\n  /** Debug method - Returns translated source if available */\n  getTranslatedSource(): string {\n    const extension = this.gl.getExtension('WEBGL_debug_shaders');\n    return extension\n      ? extension.getTranslatedShaderSource(this.handle)\n      : 'No translated source available. WEBGL_debug_shaders not implemented';\n  }\n\n  // PRIVATE METHODS\n\n  _getOptsFromHandle() {\n    return {\n      type: this.getParameter(GL.SHADER_TYPE),\n      source: this.getSource()\n    };\n  }\n}\n\n/**\n * Encapsulates the compiled or linked Shaders that execute portions of the WebGL Pipeline\n * @deprecated Use `device.createShader({stage: 'vertex', ...})`\n */\n export class VertexShader extends Shader {\n  constructor(gl: WebGLRenderingContext, props: Omit<ShaderProps, 'stage'> | string) {\n    super(gl, getShaderProps(props, GL.VERTEX_SHADER));\n  }\n\n  // PRIVATE METHODS\n  _createHandle() {\n    return this.gl.createShader(GL.VERTEX_SHADER);\n  }\n}\n\n/**\n * Encapsulates the compiled or linked Shaders that execute portions of the WebGL Pipeline\n * @deprecated Use `device.createShader({stage: 'fragment', ...})`\n */\n export class FragmentShader extends Shader {\n  constructor(gl: WebGLRenderingContext, props: Omit<ShaderProps, 'stage'> | string) {\n    super(gl, getShaderProps(props, GL.FRAGMENT_SHADER));\n  }\n\n  // PRIVATE METHODS\n  _createHandle() {\n    return this.gl.createShader(GL.FRAGMENT_SHADER);\n  }\n}\n\n// HELPERS\n\nfunction getShaderProps(props: Omit<ShaderProps, 'stage'> | string, shaderType: GL.VERTEX_SHADER | GL.FRAGMENT_SHADER): Omit<ShaderProps, 'stage'> {\n  if (typeof props === 'string') {\n    return {source: props, shaderType};\n  }\n  return {...props, shaderType};\n}\n\n/** Deduce an id, from shader source, or supplied id, or shader type */\nfunction getShaderIdFromProps(props: ShaderProps): string {\n  return getShaderInfo(props.source).name ||\n    props.id ||\n    uid(`unnamed ${props.stage || Shader.getTypeName(props.shaderType)}`);\n}\n"],"file":"webgl-shader.js"}

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/context/context/webgl-checks.js

@@ -0,0 +1,34 @@
+import { assert } from '@luma.gl/api';
+const ERR_CONTEXT = 'Invalid WebGLRenderingContext';
+export const ERR_WEBGL = ERR_CONTEXT;
+export const ERR_WEBGL2 = 'Requires WebGL2';
+export function isWebGL(gl) {
+  if (typeof WebGLRenderingContext !== 'undefined' && gl instanceof WebGLRenderingContext) {
+    return true;
+  }
+
+  if (typeof WebGL2RenderingContext !== 'undefined' && gl instanceof WebGL2RenderingContext) {
+    return true;
+  }
+
+  return Boolean(gl && Number.isFinite(gl._version));
+}
+export function isWebGL2(gl) {
+  if (typeof WebGL2RenderingContext !== 'undefined' && gl instanceof WebGL2RenderingContext) {
+    return true;
+  }
+
+  return Boolean(gl && gl._version === 2);
+}
+export function getWebGL2Context(gl) {
+  return isWebGL2(gl) ? gl : null;
+}
+export function assertWebGLContext(gl) {
+  assert(isWebGL(gl), ERR_CONTEXT);
+  return gl;
+}
+export function assertWebGL2Context(gl) {
+  assert(isWebGL2(gl), ERR_WEBGL2);
+  return gl;
+}
+//# sourceMappingURL=webgl-checks.js.map

package/dist/esm/context/context/webgl-checks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/context/context/webgl-checks.ts"],"names":["assert","ERR_CONTEXT","ERR_WEBGL","ERR_WEBGL2","isWebGL","gl","WebGLRenderingContext","WebGL2RenderingContext","Boolean","Number","isFinite","_version","isWebGL2","getWebGL2Context","assertWebGLContext","assertWebGL2Context"],"mappings":"AACA,SAAQA,MAAR,QAAqB,cAArB;AAEA,MAAMC,WAAW,GAAG,+BAApB;AACA,OAAO,MAAMC,SAAS,GAAGD,WAAlB;AACP,OAAO,MAAME,UAAU,GAAG,iBAAnB;AAIP,OAAO,SAASC,OAAT,CAAiBC,EAAjB,EAAmC;AACxC,MAAI,OAAOC,qBAAP,KAAiC,WAAjC,IAAgDD,EAAE,YAAYC,qBAAlE,EAAyF;AACvF,WAAO,IAAP;AACD;;AACD,MAAI,OAAOC,sBAAP,KAAkC,WAAlC,IAAiDF,EAAE,YAAYE,sBAAnE,EAA2F;AACzF,WAAO,IAAP;AACD;;AAED,SAAOC,OAAO,CAACH,EAAE,IAAII,MAAM,CAACC,QAAP,CAAgBL,EAAE,CAACM,QAAnB,CAAP,CAAd;AACD;AAID,OAAO,SAASC,QAAT,CAAkBP,EAAlB,EAAoC;AACzC,MAAI,OAAOE,sBAAP,KAAkC,WAAlC,IAAiDF,EAAE,YAAYE,sBAAnE,EAA2F;AACzF,WAAO,IAAP;AACD;;AAED,SAAOC,OAAO,CAACH,EAAE,IAAIA,EAAE,CAACM,QAAH,KAAgB,CAAvB,CAAd;AACD;AAID,OAAO,SAASE,gBAAT,CAA0BR,EAA1B,EAAoF;AAEzF,SAAOO,QAAQ,CAACP,EAAD,CAAR,GAAeA,EAAf,GAAoB,IAA3B;AACD;AAID,OAAO,SAASS,kBAAT,CAA4BT,EAA5B,EAA4D;AACjEL,EAAAA,MAAM,CAACI,OAAO,CAACC,EAAD,CAAR,EAAcJ,WAAd,CAAN;AACA,SAAOI,EAAP;AACD;AAGD,OAAO,SAASU,mBAAT,CAA6BV,EAA7B,EAA8D;AACnEL,EAAAA,MAAM,CAACY,QAAQ,CAACP,EAAD,CAAT,EAAeF,UAAf,CAAN;AACA,SAAOE,EAAP;AACD","sourcesContent":["// luma.gl, MIT license\nimport {assert} from '@luma.gl/api';\n\nconst ERR_CONTEXT = 'Invalid WebGLRenderingContext';\nexport const ERR_WEBGL = ERR_CONTEXT;\nexport const ERR_WEBGL2 = 'Requires WebGL2';\n\n\n/** Check if supplied parameter is a WebGLRenderingContext */\nexport function isWebGL(gl: any): boolean {\n  if (typeof WebGLRenderingContext !== 'undefined' && gl instanceof WebGLRenderingContext) {\n    return true;\n  }\n  if (typeof WebGL2RenderingContext !== 'undefined' && gl instanceof WebGL2RenderingContext) {\n    return true;\n  }\n  // Look for debug contexts, headless gl etc\n  return Boolean(gl && Number.isFinite(gl._version));\n}\n\n\n/** Check if supplied parameter is a WebGL2RenderingContext */\nexport function isWebGL2(gl: any): boolean {\n  if (typeof WebGL2RenderingContext !== 'undefined' && gl instanceof WebGL2RenderingContext) {\n    return true;\n  }\n  // Look for debug contexts, headless gl etc\n  return Boolean(gl && gl._version === 2);\n}\n\n\n/** Returns a properly typed WebGL2RenderingContext from a WebGL1 context, or null */\nexport function getWebGL2Context(gl: WebGLRenderingContext): WebGL2RenderingContext | null {\n  // @ts-expect-error\n  return isWebGL2(gl) ? gl : null;\n}\n\n\n/** Throw if supplied parameter is not a WebGLRenderingContext, otherwise return properly typed value */\nexport function assertWebGLContext(gl: any): WebGLRenderingContext {\n  assert(isWebGL(gl), ERR_CONTEXT);\n  return gl;\n}\n\n/** Throw if supplied parameter is not a WebGL2RenderingContext, otherwise return properly typed value */\nexport function assertWebGL2Context(gl: any): WebGL2RenderingContext {\n  assert(isWebGL2(gl), ERR_WEBGL2);\n  return gl;\n}\n"],"file":"webgl-checks.js"}

package/dist/esm/context/parameters/unified-parameter-api.js

@@ -0,0 +1,65 @@
+import { assert } from '@luma.gl/api';
+import { GL_PARAMETER_DEFAULTS, GL_PARAMETER_SETTERS, GL_COMPOSITE_PARAMETER_SETTERS, GL_PARAMETER_GETTERS } from './webgl-parameter-tables';
+import { isWebGL } from '../context/webgl-checks';
+export function setParameters(gl, parameters) {
+  assert(isWebGL(gl), 'setParameters requires a WebGL context');
+
+  if (isObjectEmpty(parameters)) {
+    return;
+  }
+
+  const compositeSetters = {};
+
+  for (const key in parameters) {
+    const glConstant = Number(key);
+    const setter = GL_PARAMETER_SETTERS[key];
+
+    if (setter) {
+      if (typeof setter === 'string') {
+        compositeSetters[setter] = true;
+      } else {
+        setter(gl, parameters[key], glConstant);
+      }
+    }
+  }
+
+  const cache = gl.state && gl.state.cache;
+
+  if (cache) {
+    for (const key in compositeSetters) {
+      const compositeSetter = GL_COMPOSITE_PARAMETER_SETTERS[key];
+      compositeSetter(gl, parameters, cache);
+    }
+  }
+}
+export function getParameters(gl, parameters) {
+  parameters = parameters || GL_PARAMETER_DEFAULTS;
+
+  if (typeof parameters === 'number') {
+    const key = parameters;
+    const getter = GL_PARAMETER_GETTERS[key];
+    return getter ? getter(gl, key) : gl.getParameter(key);
+  }
+
+  const parameterKeys = Array.isArray(parameters) ? parameters : Object.keys(parameters);
+  const state = {};
+
+  for (const key of parameterKeys) {
+    const getter = GL_PARAMETER_GETTERS[key];
+    state[key] = getter ? getter(gl, Number(key)) : gl.getParameter(Number(key));
+  }
+
+  return state;
+}
+export function resetParameters(gl) {
+  setParameters(gl, GL_PARAMETER_DEFAULTS);
+}
+
+function isObjectEmpty(object) {
+  for (const key in object) {
+    return false;
+  }
+
+  return true;
+}
+//# sourceMappingURL=unified-parameter-api.js.map