@luma.gl/webgl 8.5.10 → 8.6.0-alpha.4

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

@@ -11,66 +11,98 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _gltools = require("@luma.gl/gltools");
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-var _init = require("../init");
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _constantsToKeys = require("../webgl-utils/constants-to-keys");
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _assert = require("../utils/assert");
+var _api = require("@luma.gl/api");
 
-var _utils = require("../utils/utils");
+var _webglChecks = require("../context/context/webgl-checks");
+
+var _constantsToKeys = require("../webgl-utils/constants-to-keys");
 
-var _stubMethods = require("../utils/stub-methods");
+var _webglDevice = _interopRequireDefault(require("../adapter/webgl-device"));
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 var ERR_RESOURCE_METHOD_UNDEFINED = 'Resource subclass must define virtual methods';
 
-var Resource = function () {
-  function Resource(gl) {
-    var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    (0, _classCallCheck2.default)(this, Resource);
-    (0, _gltools.assertWebGLContext)(gl);
-    var id = opts.id,
-        _opts$userData = opts.userData,
-        userData = _opts$userData === void 0 ? {} : _opts$userData;
-    this.gl = gl;
-    this.gl2 = gl;
-    this.id = id || (0, _utils.uid)(this.constructor.name);
-    this.userData = userData;
-    this._bound = false;
-    this._handle = opts.handle;
-
-    if (this._handle === undefined) {
-      this._handle = this._createHandle();
+var WebGLResource = function (_Resource) {
+  (0, _inherits2.default)(WebGLResource, _Resource);
+
+  var _super = _createSuper(WebGLResource);
+
+  function WebGLResource(device, props, defaultProps) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, WebGLResource);
+    _this = _super.call(this, device, props, defaultProps);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "id", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "userData", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "device", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "gl", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "gl2", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_handle", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_bound", false);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "byteLength", 0);
+    _this.device = _webglDevice.default.attach(device);
+    var gl = _this.device.gl;
+    (0, _webglChecks.assertWebGLContext)(gl);
+
+    var _ref = props || {},
+        id = _ref.id,
+        _ref$userData = _ref.userData,
+        userData = _ref$userData === void 0 ? {} : _ref$userData;
+
+    _this.gl = gl;
+    _this.gl2 = gl;
+    _this.id = id || (0, _api.uid)(_this.constructor.name);
+    _this.userData = userData;
+    _this._handle = props === null || props === void 0 ? void 0 : props.handle;
+
+    if (_this._handle === undefined) {
+      _this._handle = _this._createHandle();
     }
 
-    this.byteLength = 0;
-
-    this._addStats();
+    _this.byteLength = 0;
+    return _this;
   }
 
-  (0, _createClass2.default)(Resource, [{
+  (0, _createClass2.default)(WebGLResource, [{
     key: "toString",
     value: function toString() {
       return "".concat(this.constructor.name, "(").concat(this.id, ")");
     }
+  }, {
+    key: "handle",
+    get: function get() {
+      return this._handle;
+    }
   }, {
     key: "delete",
     value: function _delete() {
-      var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref$deleteChildren = _ref.deleteChildren,
-          deleteChildren = _ref$deleteChildren === void 0 ? false : _ref$deleteChildren;
+      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref2$deleteChildren = _ref2.deleteChildren,
+          deleteChildren = _ref2$deleteChildren === void 0 ? false : _ref2$deleteChildren;
 
       var children = this._handle && this._deleteHandle(this._handle);
 
       if (this._handle) {
-        this._removeStats();
+        this.removeStats();
       }
 
       this._handle = null;
@@ -118,14 +150,14 @@ var Resource = function () {
   }, {
     key: "getParameter",
     value: function getParameter(pname) {
-      var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       pname = (0, _constantsToKeys.getKeyValue)(this.gl, pname);
-      (0, _assert.assert)(pname);
+      (0, _api.assert)(pname);
       var parameters = this.constructor.PARAMETERS || {};
       var parameter = parameters[pname];
 
       if (parameter) {
-        var isWebgl2 = (0, _gltools.isWebGL2)(this.gl);
+        var isWebgl2 = (0, _webglChecks.isWebGL2)(this.gl);
         var parameterAvailable = (!('webgl2' in parameter) || isWebgl2) && (!('extension' in parameter) || this.gl.getExtension(parameter.extension));
 
         if (!parameterAvailable) {
@@ -136,7 +168,7 @@ var Resource = function () {
         }
       }
 
-      return this._getParameter(pname, opts);
+      return this._getParameter(pname, props);
     }
   }, {
     key: "getParameters",
@@ -145,7 +177,7 @@ var Resource = function () {
       var parameters = options.parameters,
           keys = options.keys;
       var PARAMETERS = this.constructor.PARAMETERS || {};
-      var isWebgl2 = (0, _gltools.isWebGL2)(this.gl);
+      var isWebgl2 = (0, _webglChecks.isWebGL2)(this.gl);
       var values = {};
       var parameterKeys = parameters || Object.keys(PARAMETERS);
 
@@ -179,12 +211,12 @@ var Resource = function () {
     key: "setParameter",
     value: function setParameter(pname, value) {
       pname = (0, _constantsToKeys.getKeyValue)(this.gl, pname);
-      (0, _assert.assert)(pname);
+      (0, _api.assert)(pname);
       var parameters = this.constructor.PARAMETERS || {};
       var parameter = parameters[pname];
 
       if (parameter) {
-        var isWebgl2 = (0, _gltools.isWebGL2)(this.gl);
+        var isWebgl2 = (0, _webglChecks.isWebGL2)(this.gl);
         var parameterAvailable = (!('webgl2' in parameter) || isWebgl2) && (!('extension' in parameter) || this.gl.getExtension(parameter.extension));
 
         if (!parameterAvailable) {
@@ -212,11 +244,11 @@ var Resource = function () {
   }, {
     key: "stubRemovedMethods",
     value: function stubRemovedMethods(className, version, methodNames) {
-      return (0, _stubMethods.stubRemovedMethods)(this, className, version, methodNames);
+      return (0, _api.stubRemovedMethods)(this, className, version, methodNames);
     }
   }, {
     key: "initialize",
-    value: function initialize(opts) {}
+    value: function initialize(props) {}
   }, {
     key: "_createHandle",
     value: function _createHandle() {
@@ -239,7 +271,7 @@ var Resource = function () {
     }
   }, {
     key: "_getParameter",
-    value: function _getParameter(pname, opts) {
+    value: function _getParameter(pname, props) {
       throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);
     }
   }, {
@@ -247,62 +279,9 @@ var Resource = function () {
     value: function _setParameter(pname, value) {
       throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);
     }
-  }, {
-    key: "_context",
-    value: function _context() {
-      this.gl.luma = this.gl.luma || {};
-      return this.gl.luma;
-    }
-  }, {
-    key: "_addStats",
-    value: function _addStats() {
-      var name = this.constructor.name;
-
-      var stats = _init.lumaStats.get('Resource Counts');
-
-      stats.get('Resources Created').incrementCount();
-      stats.get("".concat(name, "s Created")).incrementCount();
-      stats.get("".concat(name, "s Active")).incrementCount();
-    }
-  }, {
-    key: "_removeStats",
-    value: function _removeStats() {
-      var name = this.constructor.name;
-
-      var stats = _init.lumaStats.get('Resource Counts');
-
-      stats.get("".concat(name, "s Active")).decrementCount();
-    }
-  }, {
-    key: "_trackAllocatedMemory",
-    value: function _trackAllocatedMemory(bytes) {
-      var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.constructor.name;
-
-      var stats = _init.lumaStats.get('Memory Usage');
-
-      stats.get('GPU Memory').addCount(bytes);
-      stats.get("".concat(name, " Memory")).addCount(bytes);
-      this.byteLength = bytes;
-    }
-  }, {
-    key: "_trackDeallocatedMemory",
-    value: function _trackDeallocatedMemory() {
-      var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.constructor.name;
-
-      var stats = _init.lumaStats.get('Memory Usage');
-
-      stats.get('GPU Memory').subtractCount(this.byteLength);
-      stats.get("".concat(name, " Memory")).subtractCount(this.byteLength);
-      this.byteLength = 0;
-    }
-  }, {
-    key: "handle",
-    get: function get() {
-      return this._handle;
-    }
   }]);
-  return Resource;
-}();
+  return WebGLResource;
+}(_api.Resource);
 
-exports.default = Resource;
-//# sourceMappingURL=resource.js.map
+exports.default = WebGLResource;
+//# sourceMappingURL=webgl-resource.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/classes/webgl-resource.ts"],"names":["ERR_RESOURCE_METHOD_UNDEFINED","WebGLResource","device","props","defaultProps","WebGLDevice","attach","gl","id","userData","gl2","constructor","name","_handle","handle","undefined","_createHandle","byteLength","deleteChildren","children","_deleteHandle","removeStats","filter","Boolean","forEach","child","delete","funcOrHandle","_bindHandle","value","_bound","bind","pname","parameters","PARAMETERS","parameter","isWebgl2","parameterAvailable","getExtension","extension","webgl1Default","webgl1","webgl2Default","webgl2","defaultValue","_getParameter","options","keys","values","parameterKeys","Object","key","getParameter","type","Error","_setParameter","setParameter","className","version","methodNames","Resource"],"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/es5/context/context/context-state.js

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

package/dist/es5/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":";;;;;;;AAiBO,SAASA,eAAT,CAAyBC,EAAzB,EAAkE;AAEvE,MAAOC,MAAP,GAAuBD,EAAvB,CAAOC,MAAP;AAAA,MAAeC,IAAf,GAAuBF,EAAvB,CAAeE,IAAf;;AACA,MAAID,MAAJ,EAAY;AACV,WAAOA,MAAP;AACD;;AACD,MAAI,CAACC,IAAL,EAAW;AACT,QAAMC,YAA0B,GAAG;AACjCC,MAAAA,eAAe,EAAE;AACfC,QAAAA,WAAW,EAAE,CADE;AAEfC,QAAAA,YAAY,EAAE,CAFC;AAGfC,QAAAA,gBAAgB,EAAE;AAHH,OADgB;AAMjCC,MAAAA,WAAW,EAAE,KANoB;AAOjCC,MAAAA,WAAW,EAAE;AAPoB,KAAnC;AAUAT,IAAAA,EAAE,CAACE,IAAH,GAAUC,YAAV;AACD;;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/es5/context/context/create-context.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createBrowserContext = createBrowserContext;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var DEFAULT_CONTEXT_PROPS = {
+  webgl2: true,
+  webgl1: true,
+  powerPreference: 'high-performance',
+  onContextLost: function onContextLost() {
+    return console.error('WebGL context lost');
+  },
+  onContextRestored: function onContextRestored() {
+    return console.info('WebGL context restored');
+  }
+};
+
+function createBrowserContext(canvas, props) {
+  props = _objectSpread(_objectSpread({}, DEFAULT_CONTEXT_PROPS), props);
+  var errorMessage = null;
+
+  var onCreateError = function onCreateError(error) {
+    return errorMessage = error.statusMessage || errorMessage;
+  };
+
+  canvas.addEventListener('webglcontextcreationerror', onCreateError, false);
+  var 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/es5/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,IAAMA,qBAAmC,GAAG;AAC1CC,EAAAA,MAAM,EAAE,IADkC;AAE1CC,EAAAA,MAAM,EAAE,IAFkC;AAG1CC,EAAAA,eAAe,EAAE,kBAHyB;AAI1CC,EAAAA,aAAa,EAAE;AAAA,WAAMC,OAAO,CAACC,KAAR,CAAc,oBAAd,CAAN;AAAA,GAJ2B;AAK1CC,EAAAA,iBAAiB,EAAE;AAAA,WAAMF,OAAO,CAACG,IAAR,CAAa,wBAAb,CAAN;AAAA;AALuB,CAA5C;;AAaQ,SAASC,oBAAT,CAA8BC,MAA9B,EAA2EC,KAA3E,EAAuH;AAC5HA,EAAAA,KAAK,mCAAOX,qBAAP,GAAiCW,KAAjC,CAAL;AAGD,MAAIC,YAAY,GAAG,IAAnB;;AACA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACP,KAAD;AAAA,WAAYM,YAAY,GAAGN,KAAK,CAACQ,aAAN,IAAuBF,YAAlD;AAAA,GAAtB;;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/es5/context/context/device-pixels.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/context/context/device-pixels.ts"],"names":["cssToDeviceRatio","gl","state","canvas","clientWidth","_canvasSizeInfo","drawingBufferWidth","cssToDevicePixels","cssPixel","yInvert","ratio","width","height","drawingBufferHeight","scalePixels","getDevicePixelRatio","useDevicePixels","windowRatio","window","devicePixelRatio","Number","isFinite","setDevicePixelRatio","options","clientHeight","log","contextState","cachedSize","clampedPixelRatio","canvasWidth","Math","floor","canvasHeight","warn","min","Object","assign","pixel","x","scaleX","y","scaleY","t","xHigh","yHigh","max","r","round"],"mappings":"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","sourcesContent":["import {log} from '@luma.gl/api';\nimport {getContextState} from './context-state';\n\n/**\n * Returns multiplier need to convert CSS size to Device size\n */\nexport function cssToDeviceRatio(gl: WebGLRenderingContext): number {\n  const state = getContextState(gl);\n\n  if (gl.canvas && state) {\n    // For headless gl we might have used custom width and height\n    // hence use cached clientWidth\n    const {clientWidth} = state._canvasSizeInfo;\n    return clientWidth ? gl.drawingBufferWidth / clientWidth : 1;\n  }\n  // use default device pixel ratio\n  return 1;\n}\n\n/**\n * Maps CSS pixel position to device pixel position\n */\n export function cssToDevicePixels(\n  gl: WebGLRenderingContext,\n  cssPixel: number[],\n  yInvert: boolean = true\n): {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n} {\n  const ratio = cssToDeviceRatio(gl);\n  const width = gl.drawingBufferWidth;\n  const height = gl.drawingBufferHeight;\n  return scalePixels(cssPixel, ratio, width, height, yInvert);\n}\n\n/**\n * Calulates device pixel ratio, used during context creation\n *\n * @param useDevicePixels - boolean or a number\n * @return - device pixel ratio\n */\n export function getDevicePixelRatio(useDevicePixels: boolean | number): number {\n  const windowRatio = typeof window === 'undefined' ? 1 : window.devicePixelRatio || 1;\n  if (Number.isFinite(useDevicePixels)) {\n    // @ts-expect-error Can no longer be boolean after previous line\n    return useDevicePixels <= 0 ? 1 : useDevicePixels;\n  }\n  return useDevicePixels ? windowRatio : 1;\n}\n\n// use devicePixelRatio to set canvas width and height\nexport function setDevicePixelRatio(gl, 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/es5/context/context/get-canvas.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCanvas = getCanvas;
+
+var _env = require("probe.gl/env");
+
+var isPage = (0, _env.isBrowser)() && typeof document !== 'undefined';
+
+function getCanvas(options) {
+  var canvas = options.canvas,
+      _options$width = options.width,
+      width = _options$width === void 0 ? 800 : _options$width,
+      _options$height = options.height,
+      height = _options$height === void 0 ? 600 : _options$height;
+
+  if (!canvas) {
+    var 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') {
+    var 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/es5/context/context/get-canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/context/context/get-canvas.ts"],"names":["isPage","document","getCanvas","options","canvas","width","height","targetCanvas","createElement","id","style","Number","isFinite","body","insertBefore","firstChild","isPageLoaded","readyState","Error","getElementById"],"mappings":";;;;;;;AACA;;AACA,IAAMA,MAAM,GAAG,yBAAe,OAAOC,QAAP,KAAoB,WAAlD;;AAQO,SAASC,SAAT,CAAmBC,OAAnB,EAIiC;AACtC,MAAOC,MAAP,GAA4CD,OAA5C,CAAOC,MAAP;AAAA,uBAA4CD,OAA5C,CAAeE,KAAf;AAAA,MAAeA,KAAf,+BAAuB,GAAvB;AAAA,wBAA4CF,OAA5C,CAA4BG,MAA5B;AAAA,MAA4BA,MAA5B,gCAAqC,GAArC;;AAEA,MAAI,CAACF,MAAL,EAAa;AACX,QAAMG,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,QAAMY,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/es5/context/context/resize-context.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resizeGLContext = resizeGLContext;
+
+var _devicePixels = require("./device-pixels");
+
+function resizeGLContext(gl, options) {
+  if (gl.canvas) {
+    var devicePixelRatio = (0, _devicePixels.getDevicePixelRatio)(options === null || options === void 0 ? void 0 : options.useDevicePixels);
+    (0, _devicePixels.setDevicePixelRatio)(gl, devicePixelRatio, options);
+    return;
+  }
+
+  var 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/es5/context/context/resize-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/context/context/resize-context.ts"],"names":["resizeGLContext","gl","options","canvas","devicePixelRatio","useDevicePixels","ext","getExtension","resize","width","height"],"mappings":";;;;;;;AACA;;AAeQ,SAASA,eAAT,CACNC,EADM,EAENC,OAFM,EAON;AAEA,MAAID,EAAE,CAACE,MAAP,EAAe;AACb,QAAMC,gBAAgB,GAAG,uCAAoBF,OAApB,aAAoBA,OAApB,uBAAoBA,OAAO,CAAEG,eAA7B,CAAzB;AACA,2CAAoBJ,EAApB,EAAwBG,gBAAxB,EAA0CF,OAA1C;AACA;AACD;;AAGD,MAAMI,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"}