@luma.gl/webgl 8.6.0-alpha.1 → 8.6.0-alpha.5

package/dist/es5/adapter/device-helpers/get-device-info.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDeviceInfo = getDeviceInfo;
+
+var _constants = _interopRequireDefault(require("@luma.gl/constants"));
+
+var _webglChecks = require("../../context/context/webgl-checks");
+
+function getDeviceInfo(gl) {
+  var vendorMasked = gl.getParameter(_constants.default.VENDOR);
+  var rendererMasked = gl.getParameter(_constants.default.RENDERER);
+  var ext = gl.getExtension('WEBGL_debug_renderer_info');
+  var vendorUnmasked = gl.getParameter(ext ? ext.UNMASKED_VENDOR_WEBGL : _constants.default.VENDOR);
+  var rendererUnmasked = gl.getParameter(ext ? ext.UNMASKED_RENDERER_WEBGL : _constants.default.RENDERER);
+  var vendor = vendorUnmasked || vendorMasked;
+  var renderer = rendererUnmasked || rendererMasked;
+  var gpuVendor = identifyGPUVendor(vendor, renderer);
+  return {
+    type: (0, _webglChecks.isWebGL2)(gl) ? 'webgl2' : 'webgl',
+    gpuVendor: gpuVendor,
+    vendor: vendorUnmasked || vendorMasked,
+    renderer: rendererUnmasked || rendererMasked,
+    version: gl.getParameter(_constants.default.VERSION),
+    shadingLanguages: ['glsl'],
+    shadingLanguageVersions: {
+      'glsl': gl.getParameter(_constants.default.SHADING_LANGUAGE_VERSION)
+    }
+  };
+}
+
+function identifyGPUVendor(vendor, renderer) {
+  if (vendor.match(/NVIDIA/i) || renderer.match(/NVIDIA/i)) {
+    return 'NVIDIA';
+  }
+
+  if (vendor.match(/INTEL/i) || renderer.match(/INTEL/i)) {
+    return 'INTEL';
+  }
+
+  if (vendor.match(/Apple/i) || renderer.match(/Apple/i)) {
+    return 'APPLE';
+  }
+
+  if (vendor.match(/AMD/i) || renderer.match(/AMD/i) || vendor.match(/ATI/i) || renderer.match(/ATI/i)) {
+    return 'AMD';
+  }
+
+  return 'UNKNOWN';
+}
+//# sourceMappingURL=get-device-info.js.map

package/dist/es5/adapter/device-helpers/get-device-info.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/adapter/device-helpers/get-device-info.ts"],"names":["getDeviceInfo","gl","vendorMasked","getParameter","GL","VENDOR","rendererMasked","RENDERER","ext","getExtension","vendorUnmasked","UNMASKED_VENDOR_WEBGL","rendererUnmasked","UNMASKED_RENDERER_WEBGL","vendor","renderer","gpuVendor","identifyGPUVendor","type","version","VERSION","shadingLanguages","shadingLanguageVersions","SHADING_LANGUAGE_VERSION","match"],"mappings":";;;;;;;;;AACA;;AACA;;AAGO,SAASA,aAAT,CAAuBC,EAAvB,EAA8D;AACnE,MAAMC,YAAY,GAAGD,EAAE,CAACE,YAAH,CAAgBC,mBAAGC,MAAnB,CAArB;AACA,MAAMC,cAAc,GAAGL,EAAE,CAACE,YAAH,CAAgBC,mBAAGG,QAAnB,CAAvB;AAGA,MAAMC,GAAG,GAAGP,EAAE,CAACQ,YAAH,CAAgB,2BAAhB,CAAZ;AACA,MAAMC,cAAc,GAAGT,EAAE,CAACE,YAAH,CAAgBK,GAAG,GAAGA,GAAG,CAACG,qBAAP,GAA+BP,mBAAGC,MAArD,CAAvB;AACA,MAAMO,gBAAgB,GAAGX,EAAE,CAACE,YAAH,CAAgBK,GAAG,GAAGA,GAAG,CAACK,uBAAP,GAAiCT,mBAAGG,QAAvD,CAAzB;AACA,MAAMO,MAAM,GAAGJ,cAAc,IAAIR,YAAjC;AACA,MAAMa,QAAQ,GAAGH,gBAAgB,IAAIN,cAArC;AACA,MAAMU,SAAS,GAAGC,iBAAiB,CAACH,MAAD,EAASC,QAAT,CAAnC;AACA,SAAO;AACLG,IAAAA,IAAI,EAAE,2BAASjB,EAAT,IAAe,QAAf,GAA0B,OAD3B;AAELe,IAAAA,SAAS,EAATA,SAFK;AAGLF,IAAAA,MAAM,EAAEJ,cAAc,IAAIR,YAHrB;AAILa,IAAAA,QAAQ,EAAEH,gBAAgB,IAAIN,cAJzB;AAKLa,IAAAA,OAAO,EAAElB,EAAE,CAACE,YAAH,CAAgBC,mBAAGgB,OAAnB,CALJ;AAMLC,IAAAA,gBAAgB,EAAE,CAAC,MAAD,CANb;AAOLC,IAAAA,uBAAuB,EAAE;AACvB,cAAQrB,EAAE,CAACE,YAAH,CAAgBC,mBAAGmB,wBAAnB;AADe;AAPpB,GAAP;AAWD;;AAED,SAASN,iBAAT,CAA2BH,MAA3B,EAA2CC,QAA3C,EAA+G;AAC7G,MAAID,MAAM,CAACU,KAAP,CAAa,SAAb,KAA2BT,QAAQ,CAACS,KAAT,CAAe,SAAf,CAA/B,EAA0D;AACxD,WAAO,QAAP;AACD;;AACD,MAAIV,MAAM,CAACU,KAAP,CAAa,QAAb,KAA0BT,QAAQ,CAACS,KAAT,CAAe,QAAf,CAA9B,EAAwD;AACtD,WAAO,OAAP;AACD;;AACD,MAAIV,MAAM,CAACU,KAAP,CAAa,QAAb,KAA0BT,QAAQ,CAACS,KAAT,CAAe,QAAf,CAA9B,EAAwD;AACtD,WAAO,OAAP;AACD;;AACD,MACEV,MAAM,CAACU,KAAP,CAAa,MAAb,KACAT,QAAQ,CAACS,KAAT,CAAe,MAAf,CADA,IAEAV,MAAM,CAACU,KAAP,CAAa,MAAb,CAFA,IAGAT,QAAQ,CAACS,KAAT,CAAe,MAAf,CAJF,EAKE;AACA,WAAO,KAAP;AACD;;AACD,SAAO,SAAP;AACD","sourcesContent":["import {DeviceInfo} from '@luma.gl/api';\nimport GL from '@luma.gl/constants';\nimport {isWebGL2} from '../../context/context/webgl-checks';\n\n/** @returns strings identifying the GPU vendor and driver. */\nexport function getDeviceInfo(gl: WebGLRenderingContext): DeviceInfo {\n  const vendorMasked = gl.getParameter(GL.VENDOR);\n  const rendererMasked = gl.getParameter(GL.RENDERER);\n  // Get unmasked strings if available\n  // https://www.khronos.org/registry/webgl/extensions/WEBGL_debug_renderer_info/\n  const ext = gl.getExtension('WEBGL_debug_renderer_info');\n  const vendorUnmasked = gl.getParameter(ext ? ext.UNMASKED_VENDOR_WEBGL : GL.VENDOR);\n  const rendererUnmasked = gl.getParameter(ext ? ext.UNMASKED_RENDERER_WEBGL : GL.RENDERER);\n  const vendor = vendorUnmasked || vendorMasked;\n  const renderer = rendererUnmasked || rendererMasked;\n  const gpuVendor = identifyGPUVendor(vendor, renderer);\n  return {\n    type: isWebGL2(gl) ? 'webgl2' : 'webgl',\n    gpuVendor,\n    vendor: vendorUnmasked || vendorMasked,\n    renderer: rendererUnmasked || rendererMasked,\n    version: gl.getParameter(GL.VERSION),\n    shadingLanguages: ['glsl'],\n    shadingLanguageVersions: {\n      'glsl': gl.getParameter(GL.SHADING_LANGUAGE_VERSION) as string\n    }\n  };\n}\n\nfunction identifyGPUVendor(vendor: string, renderer: string): 'NVIDIA' | 'INTEL' | 'APPLE' | 'AMD' | 'UNKNOWN' {\n  if (vendor.match(/NVIDIA/i) || renderer.match(/NVIDIA/i)) {\n    return 'NVIDIA';\n  }\n  if (vendor.match(/INTEL/i) || renderer.match(/INTEL/i)) {\n    return 'INTEL';\n  }\n  if (vendor.match(/Apple/i) || renderer.match(/Apple/i)) {\n    return 'APPLE';\n  }\n  if (\n    vendor.match(/AMD/i) ||\n    renderer.match(/AMD/i) ||\n    vendor.match(/ATI/i) ||\n    renderer.match(/ATI/i)\n  ) {\n    return 'AMD';\n  }\n  return 'UNKNOWN';\n}\n"],"file":"get-device-info.js"}

package/dist/es5/adapter/device-helpers/is-old-ie.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isOldIE = isOldIE;
+
+function isOldIE() {
+  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var navigator = typeof window !== 'undefined' ? window.navigator || {} : {};
+  var userAgent = opts.userAgent || navigator.userAgent || '';
+  var isMSIE = userAgent.indexOf('MSIE ') !== -1;
+  var isTrident = userAgent.indexOf('Trident/') !== -1;
+  return isMSIE || isTrident;
+}
+//# sourceMappingURL=is-old-ie.js.map

package/dist/es5/adapter/device-helpers/is-old-ie.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/adapter/device-helpers/is-old-ie.ts"],"names":["isOldIE","opts","navigator","window","userAgent","isMSIE","indexOf","isTrident"],"mappings":";;;;;;;AACO,SAASA,OAAT,GAA4B;AAAA,MAAXC,IAAW,uEAAJ,EAAI;AACjC,MAAMC,SAAS,GAAG,OAAOC,MAAP,KAAkB,WAAlB,GAAgCA,MAAM,CAACD,SAAP,IAAoB,EAApD,GAAyD,EAA3E;AAEA,MAAME,SAAS,GAAGH,IAAI,CAACG,SAAL,IAAkBF,SAAS,CAACE,SAA5B,IAAyC,EAA3D;AAGA,MAAMC,MAAM,GAAGD,SAAS,CAACE,OAAV,CAAkB,OAAlB,MAA+B,CAAC,CAA/C;AACA,MAAMC,SAAS,GAAGH,SAAS,CAACE,OAAV,CAAkB,UAAlB,MAAkC,CAAC,CAArD;AACA,SAAOD,MAAM,IAAIE,SAAjB;AACD","sourcesContent":["// opts allows user agent to be overridden for testing\nexport function isOldIE(opts = {}) {\n  const navigator = typeof window !== 'undefined' ? window.navigator || {} : {};\n  // @ts-expect-error\n  const userAgent = opts.userAgent || navigator.userAgent || '';\n  // We only care about older versions of IE (IE 11 and below). Newer versions of IE (Edge)\n  // have much better web standards support.\n  const isMSIE = userAgent.indexOf('MSIE ') !== -1;\n  const isTrident = userAgent.indexOf('Trident/') !== -1;\n  return isMSIE || isTrident;\n}\n"],"file":"is-old-ie.js"}

package/dist/es5/adapter/webgl-device.js

@@ -0,0 +1,279 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWebGLDevice = getWebGLDevice;
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+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 _api = require("@luma.gl/api");
+
+var _polyfillContext = require("../context/polyfill/polyfill-context");
+
+var _trackContextState = require("../context/state-tracker/track-context-state");
+
+var _devicePixels = require("../context/context/device-pixels");
+
+var _createContext2 = require("../context/context/create-context");
+
+var _getCanvas = require("../context/context/get-canvas");
+
+var _webglChecks = require("../context/context/webgl-checks");
+
+var _getDeviceInfo = require("./device-helpers/get-device-info");
+
+var _deviceFeatures = require("./device-helpers/device-features");
+
+var _deviceLimits = require("./device-helpers/device-limits");
+
+var _webglBuffer = _interopRequireDefault(require("../classes/webgl-buffer"));
+
+var _webglShader = require("../adapter/webgl-shader");
+
+var _texture2d = _interopRequireDefault(require("../classes/texture-2d"));
+
+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; }
+
+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 DEFAULT_DEVICE_PROPS = {
+  canvas: undefined,
+  gl: undefined,
+  webgl2: true,
+  webgl1: true,
+  manageState: true,
+  width: 800,
+  height: 600,
+  debug: false,
+  break: undefined,
+  onContextLost: function onContextLost() {
+    return console.error('WebGL context lost');
+  },
+  onContextRestored: function onContextRestored() {
+    return console.info('WebGL context restored');
+  },
+  alpha: undefined,
+  depth: undefined,
+  stencil: undefined,
+  antialias: undefined,
+  premultipliedAlpha: undefined,
+  preserveDrawingBuffer: undefined,
+  failIfMajorPerformanceCaveat: undefined
+};
+var LOG_LEVEL = 1;
+var glToContextMap = new WeakMap();
+
+function getWebGLDevice(gl) {
+  return glToContextMap.get(gl);
+}
+
+var counter = 0;
+
+var WebGLDevice = function (_Device) {
+  (0, _inherits2.default)(WebGLDevice, _Device);
+
+  var _super = _createSuper(WebGLDevice);
+
+  function WebGLDevice(props) {
+    var _this$props$gl;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, WebGLDevice);
+    _this = _super.call(this);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "features", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "limits", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "info", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "lost", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "props", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "userData", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isWebGL2", 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), "offScreen", false);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "webglLimits", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "defaultFramebuffer", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "defaultVertexArray", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_state", 'uninitialized');
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_canvasSizeInfo", {
+      clientWidth: 0,
+      clientHeight: 0,
+      devicePixelRatio: 1
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_extensions", {});
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_polyfilled", false);
+    _this.props = _objectSpread(_objectSpread({}, DEFAULT_DEVICE_PROPS), props);
+    var device = (_this$props$gl = _this.props.gl) === null || _this$props$gl === void 0 ? void 0 : _this$props$gl.device;
+
+    if (device) {
+      if (device._state !== 'initialized') {
+        _api.log.error('recursive context');
+
+        throw new Error('recursive context');
+      }
+
+      return (0, _possibleConstructorReturn2.default)(_this, device);
+    }
+
+    _this.offScreen = typeof OffscreenCanvas !== 'undefined' && props.canvas instanceof OffscreenCanvas;
+    _this.gl = _this.props.gl || _this._createContext(props);
+    _this.gl2 = _this.gl;
+    _this.isWebGL2 = (0, _webglChecks.isWebGL2)(_this.gl);
+    _this._state = 'initializing';
+
+    if (_this.gl.device) {
+      _api.log.error('device already created');
+
+      throw new Error('device already created');
+    }
+
+    _this.gl.device = (0, _assertThisInitialized2.default)(_this);
+    _this.gl._version = typeof WebGL2RenderingContext !== 'undefined' && _this.gl instanceof WebGL2RenderingContext ? 2 : 1;
+    glToContextMap.set(_this.gl, (0, _assertThisInitialized2.default)(_this));
+    _this.info = (0, _getDeviceInfo.getDeviceInfo)(_this.gl);
+    var debug = _this.gl.debug ? ' debug' : '';
+    var webGL = (0, _webglChecks.isWebGL2)(_this.gl) ? 'WebGL2' : 'WebGL1';
+
+    _api.log.groupCollapsed(LOG_LEVEL, "".concat(webGL).concat(debug, " context: ").concat(_this.info.vendor, ", ").concat(_this.info.renderer))();
+
+    (0, _polyfillContext.polyfillContext)(_this.gl);
+
+    _api.log.probe(LOG_LEVEL, 'polyfilled context')();
+
+    (0, _trackContextState.trackContextState)(_this.gl, {
+      copyState: false,
+      log: function log() {
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+
+        return _api.log.log.apply(_api.log, [1].concat(args))();
+      }
+    });
+
+    _api.log.probe(LOG_LEVEL, 'instrumented context')();
+
+    _this.features = (0, _deviceFeatures.getDeviceFeatures)(_this.gl);
+
+    _api.log.probe(LOG_LEVEL, "queried device features ".concat(counter))();
+
+    _this.limits = (0, _deviceLimits.getDeviceLimits)(_this.gl);
+
+    _api.log.probe(LOG_LEVEL, 'queried device limits')();
+
+    _this.webglLimits = (0, _deviceLimits.getWebGLLimits)(_this.gl);
+
+    _api.log.probe(LOG_LEVEL, 'queried webgl limits')();
+
+    _api.log.groupEnd(LOG_LEVEL)();
+
+    _this._state = 'initialized';
+    return _this;
+  }
+
+  (0, _createClass2.default)(WebGLDevice, [{
+    key: "destroy",
+    value: function destroy() {
+      var ext = this.gl.getExtension('STACKGL_destroy_context');
+
+      if (ext) {
+        ext.destroy();
+      }
+    }
+  }, {
+    key: "resize",
+    value: function resize(options) {
+      if (this.gl.canvas) {
+        var devicePixelRatio = (0, _devicePixels.getDevicePixelRatio)(options === null || options === void 0 ? void 0 : options.useDevicePixels);
+        (0, _devicePixels.setDevicePixelRatio)(this.gl, devicePixelRatio, options);
+        return;
+      }
+
+      var ext = this.gl.getExtension('STACKGL_resize_drawingbuffer');
+
+      if (ext && options && "width" in options && "height" in options) {
+        ext.resize(options.width, options.height);
+      }
+    }
+  }, {
+    key: "_createBuffer",
+    value: function _createBuffer(props) {
+      return new _webglBuffer.default(this.gl, props);
+    }
+  }, {
+    key: "createTexture",
+    value: function createTexture(props) {
+      return new _texture2d.default(this, props);
+    }
+  }, {
+    key: "createShader",
+    value: function createShader(props) {
+      return new _webglShader.WEBGLShader(this, props);
+    }
+  }, {
+    key: "commit",
+    value: function commit() {
+      if (this.offScreen && this.gl.commit) {
+        this.gl.commit();
+      }
+    }
+  }, {
+    key: "_createContext",
+    value: function _createContext(options) {
+      var _this$props = this.props,
+          width = _this$props.width,
+          height = _this$props.height,
+          canvas = _this$props.canvas;
+      var targetCanvas = (0, _getCanvas.getCanvas)({
+        canvas: canvas,
+        width: width,
+        height: height
+      });
+      return (0, _createContext2.createBrowserContext)(targetCanvas, options);
+    }
+  }], [{
+    key: "fromContext",
+    value: function fromContext(gl) {
+      return gl.device;
+    }
+  }, {
+    key: "attach",
+    value: function attach(gl, props) {
+      if (gl instanceof WebGLDevice) {
+        return gl;
+      }
+
+      if (!(0, _webglChecks.isWebGL)(gl)) {
+        throw new Error('Invalid WebGLRenderingContext');
+      }
+
+      return new WebGLDevice(_objectSpread(_objectSpread({}, props), {}, {
+        gl: gl
+      }));
+    }
+  }]);
+  return WebGLDevice;
+}(_api.Device);
+
+exports.default = WebGLDevice;
+//# sourceMappingURL=webgl-device.js.map

package/dist/es5/adapter/webgl-device.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/adapter/webgl-device.ts"],"names":["DEFAULT_DEVICE_PROPS","canvas","undefined","gl","webgl2","webgl1","manageState","width","height","debug","break","onContextLost","console","error","onContextRestored","info","alpha","depth","stencil","antialias","premultipliedAlpha","preserveDrawingBuffer","failIfMajorPerformanceCaveat","LOG_LEVEL","glToContextMap","WeakMap","getWebGLDevice","get","counter","WebGLDevice","props","clientWidth","clientHeight","devicePixelRatio","device","_state","log","Error","offScreen","OffscreenCanvas","_createContext","gl2","isWebGL2","_version","WebGL2RenderingContext","set","webGL","groupCollapsed","vendor","renderer","probe","copyState","args","features","limits","webglLimits","groupEnd","ext","getExtension","destroy","options","useDevicePixels","resize","WEBGLBuffer","Texture2D","WEBGLShader","commit","targetCanvas","Device"],"mappings":"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","sourcesContent":["// luma.gl, MIT license\nimport {Device, DeviceInfo, DeviceLimits, log} from '@luma.gl/api';\nimport {polyfillContext} from '../context/polyfill/polyfill-context';\nimport {trackContextState} from '../context/state-tracker/track-context-state';\nimport { ContextState } from '../context/context/context-state';\nimport {getDevicePixelRatio, setDevicePixelRatio} from '../context/context/device-pixels';\nimport {createBrowserContext} from '../context/context/create-context';\nimport {getCanvas} from '../context/context/get-canvas';\nimport {isWebGL, isWebGL2} from '../context/context/webgl-checks';\nimport {getDeviceInfo} from './device-helpers/get-device-info';\nimport {getDeviceFeatures, Feature} from './device-helpers/device-features';\nimport {getDeviceLimits, getWebGLLimits, WebGLLimits} from './device-helpers/device-limits';\n\n// WebGL classes\nimport type {BufferProps, ShaderProps} from '@luma.gl/api';\nimport WEBGLBuffer from '../classes/webgl-buffer';\nimport {WEBGLShader} from '../adapter/webgl-shader';\nimport Texture2D, {Texture2DProps} from '../classes/texture-2d';\nimport type {default as Framebuffer} from '../classes/framebuffer';\nimport type {default as VertexArrayObject} from '../classes/vertex-array-object';\n\n/** WebGLDevice options */\nexport type WebGLDeviceProps = {\n  canvas?: HTMLCanvasElement | OffscreenCanvas | string; // A canvas element or a canvas string id\n  width?: number /** width is only used when creating a new canvas */;\n  height?: number /** height is only used when creating a new canvas */;\n  // Attach to existing context\n  gl?: WebGLRenderingContext | WebGL2RenderingContext;\n  // COMMON CONTEXT PARAMETERS\n  webgl2?: boolean; // Set to false to not create a WebGL2 context (force webgl1)\n  webgl1?: boolean; // set to false to not create a WebGL1 context (fails if webgl2 not available)\n  manageState?: boolean; // Set to false to disable WebGL state management instrumentation\n  debug?: boolean; // Instrument context (at the expense of performance)\n  break?: Array<any>; // TODO: types\n  onContextLost?: (event: Event) => void;\n  onContextRestored?: (event: Event) => void;\n  // BROWSER CONTEXT PARAMETERS\n  alpha?: boolean; // Default render target has an alpha buffer.\n  depth?: boolean; // Default render target has a depth buffer of at least 16 bits.\n  stencil?: boolean; // Default render target has a stencil buffer of at least 8 bits.\n  antialias?: boolean; // Boolean that indicates whether or not to perform anti-aliasing.\n  premultipliedAlpha?: boolean; // Boolean that indicates that the page compositor will assume the drawing buffer contains colors with pre-multiplied alpha.\n  preserveDrawingBuffer?: boolean; // Default render target buffers will not be automatically cleared and will preserve their values until cleared or overwritten\n  failIfMajorPerformanceCaveat?: boolean; // Do not create if the system performance is low.\n};\n\nconst DEFAULT_DEVICE_PROPS: Required<WebGLDeviceProps> = {\n  canvas: undefined, // A canvas element or a canvas string id\n  gl: undefined,\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  manageState: true,\n  width: 800, // width are height are only used by headless gl\n  height: 600,\n  debug: false, // Instrument context (at the expense of performance)\n  break: undefined,\n  onContextLost: () => console.error('WebGL context lost'),\n  onContextRestored: () => console.info('WebGL context restored'),\n\n  alpha: undefined,\n  depth: undefined,\n  stencil: undefined,\n  antialias: undefined,\n  premultipliedAlpha: undefined,\n  preserveDrawingBuffer: undefined,\n  failIfMajorPerformanceCaveat: undefined\n};\n\nconst LOG_LEVEL = 1;\n\n// TODO use weakmap instead of modifying context\nconst glToContextMap = new WeakMap<WebGLRenderingContext | WebGL2RenderingContext, WebGLDevice>();\n\nexport function getWebGLDevice(gl: WebGLRenderingContext | WebGL2RenderingContext): WebGLDevice | undefined {\n  return glToContextMap.get(gl);\n}\n\nlet counter = 0;\n\n/** WebGPU style Device API for a WebGL context */\nexport default class WebGLDevice extends Device implements ContextState {\n  // WebGPU style API\n\n  /** A set like interface to test features */\n  readonly features: Set<Feature>;\n  readonly limits: DeviceLimits;\n  readonly info: DeviceInfo;\n\n  /** Promise that rejects when context is lost */\n  readonly lost: Promise<string>;\n\n  // Common API\n  props: Required<WebGLDeviceProps>;\n  userData: {[key: string]: any};\n\n  // WebGL specific API\n  readonly isWebGL2: boolean;\n  readonly gl: WebGLRenderingContext;\n  readonly gl2: WebGL2RenderingContext;\n  /** Is this device attached to an offscreen context */\n  readonly offScreen: boolean = false;\n\n  readonly webglLimits: WebGLLimits;\n\n  defaultFramebuffer?: Framebuffer;\n  defaultVertexArray?: VertexArrayObject;\n\n  // State used by luma.gl classes\n  _state: 'uninitialized' | 'initializing' | 'initialized' = 'uninitialized';\n  readonly _canvasSizeInfo = {clientWidth: 0, clientHeight: 0, devicePixelRatio: 1};\n  readonly _extensions: Record<string, any> = {};\n  _polyfilled: boolean = false;\n\n  /**\n   *\n   */\n  static fromContext(gl: WebGLRenderingContext): WebGLDevice {\n    // @ts-expect-error\n    return gl.device as WebGLDevice;\n  }\n\n  /**\n   * Get a device instance from a GL context\n   * Creates and instruments the device if not already created\n   * @param gl\n   * @returns\n   */\n  static attach(\n    gl: Device | WebGLRenderingContext | WebGL2RenderingContext,\n    props?: WebGLDeviceProps\n  ): WebGLDevice {\n    if (gl instanceof WebGLDevice) {\n      return gl;\n    }\n    if (!isWebGL(gl)) {\n      throw new Error('Invalid WebGLRenderingContext');\n    }\n    return new WebGLDevice({...props, gl: gl as WebGLRenderingContext});\n  }\n\n\n  constructor(props: WebGLDeviceProps) {\n    super();\n\n    this.props = {...DEFAULT_DEVICE_PROPS, ...props};\n\n    // If attaching to an already attached context, return the attached device\n    // @ts-expect-error device is attached to context\n    const device: WebGLDevice | undefined = this.props.gl?.device;\n    if (device) {\n      if (device._state !== 'initialized') {\n        log.error('recursive context');\n        throw new Error('recursive context');\n      }\n      return device;\n    }\n\n    this.offScreen =\n      typeof OffscreenCanvas !== 'undefined' &&\n      props.canvas instanceof OffscreenCanvas;\n\n    // Create an instrument context\n    this.gl = (this.props.gl || this._createContext(props)) as WebGLRenderingContext;\n    this.gl2 = this.gl as WebGL2RenderingContext;\n    this.isWebGL2 = isWebGL2(this.gl);\n    this._state = 'initializing';\n    // Avoid multiple instrumentations\n    // @ts-expect-error\n    if (this.gl.device) {\n      log.error('device already created');\n      throw new Error('device already created'); // ASSERT this device;\n    }\n    // @ts-expect-error\n    this.gl.device = this;\n    // @ts-ignore\n    this.gl._version = typeof WebGL2RenderingContext !== 'undefined' && this.gl instanceof WebGL2RenderingContext ? 2 : 1;\n    // TODO - move to weak map indexing\n    glToContextMap.set(this.gl, this);\n\n    // Luma Device fields\n    this.info = getDeviceInfo(this.gl);\n    // Log some debug info about the newly created context\n    // @ts-expect-error device is attached to context\n    const debug = this.gl.debug ? ' debug' : '';\n    const webGL = isWebGL2(this.gl) ? 'WebGL2' : 'WebGL1';\n    log.groupCollapsed(LOG_LEVEL, `${webGL}${debug} context: ${this.info.vendor}, ${this.info.renderer}`)();\n\n    polyfillContext(this.gl);\n    log.probe(LOG_LEVEL, 'polyfilled context')();\n\n    // Install context state tracking\n    trackContextState(this.gl, {\n      copyState: false,\n      log: (...args) => log.log(1, ...args)()\n    });\n    log.probe(LOG_LEVEL, 'instrumented context')();\n\n    // WebGPU Device fields\n    this.features = getDeviceFeatures(this.gl);\n    log.probe(LOG_LEVEL, `queried device features ${counter}`)();\n    this.limits = getDeviceLimits(this.gl);\n    log.probe(LOG_LEVEL, 'queried device limits')();\n\n    // Add seer integration - TODO - currently removed\n\n    // WEBGL specific fields\n    this.webglLimits = getWebGLLimits(this.gl);\n    log.probe(LOG_LEVEL, 'queried webgl limits')();\n\n    // Add debug instrumentation to the context\n    // if (isBrowser() && props.debug) {\n    //   // @ts-ignore\n    //   const {makeDebugContext} = global;\n    //   if (!makeDebugContext) {\n    //     log.warn('WebGL debug mode not activated. import \"@luma.gl/debug\" to enable.')();\n    //   } else {\n    //     // @ts-ignore\n    //     this.gl = global.makeDebugContext(this.gl, props);\n    //     this.gl2 = this.gl as WebGL2RenderingContext;\n    //     // Debug forces log level to at least 1\n    //     log.level = Math.max(log.level, 1);\n    //   }\n    // }\n\n    log.groupEnd(LOG_LEVEL)();\n    this._state = 'initialized';\n  }\n\n  /**\n   * Destroys the context\n   * @note Has no effect for browser contexts, there is no browser API for destroying contexts\n   */\n  destroy() {\n    let ext = this.gl.getExtension('STACKGL_destroy_context');\n    if (ext) {\n      ext.destroy();\n    }\n    // ext = this.gl.getExtension('WEBGL_lose_context');\n    // if (ext) {\n    //   // TODO - disconnect context lost callbacks?\n    //   ext.loseContext();\n    // }\n  }\n\n  // WEBGL SPECIFIC METHODS\n\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  resize(options?: {width?: number; height?: number; useDevicePixels?: boolean | number}): void {\n    // Resize browser context .\n    if (this.gl.canvas) {\n      const devicePixelRatio = getDevicePixelRatio(options?.useDevicePixels);\n      setDevicePixelRatio(this.gl, devicePixelRatio, options);\n      return;\n    }\n\n    // Resize headless gl context\n    const ext = this.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\n  _createBuffer(props: BufferProps): WEBGLBuffer {\n    return new WEBGLBuffer(this.gl, props);\n  }\n\n  createTexture(props: Texture2DProps): Texture2D {\n    return new Texture2D(this, props);\n  }\n\n  createShader(props: ShaderProps): WEBGLShader {\n    return new WEBGLShader(this, props);\n  }\n\n  /**\n   * Offscreen Canvas Support: Commit the frame\n   * https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/commit\n   * Chrome's offscreen canvas does not require gl.commit\n   */\n  commit(): void {\n    // @ts-expect-error gl.commit is not officially part of WebGLRenderingContext\n    if (this.offScreen && this.gl.commit) {\n      // @ts-expect-error gl.commit is not officially part of WebGLRenderingContext\n      this.gl.commit();\n    }\n  }\n\n  // PRIVATE METHODS\n\n  /**\n   * Creates a context giving access to the WebGL API\n   */\n  _createContext(options?: WebGLDeviceProps): WebGLRenderingContext {\n    const {width, height, canvas} = this.props;\n    // Get or create a canvas\n    const targetCanvas = getCanvas({canvas, width, height});\n    // Create a WebGL context in the canvas\n    return createBrowserContext(targetCanvas, options);\n  }\n}\n\n/*\n// prettier-ignore\nimport {\n  Device, DeviceInfo, DeviceLimits,\n  Buffer, BufferProps\n} from '@luma.gl/api';\n\nimport {getWebGLDeviceInfo} from '../converters/webgl-device-info';\nimport {getWebGLLimits} from '../converters/webgl-limits';\nimport {getWebGLFeatures} from '../converters/webgl-features';\n\nexport default class WEBGLDevice implements Device {\n  readonly handle: WebGLRenderingContext;\n  readonly gl: WebGLRenderingContext;\n  readonly gl2: WebGL2RenderingContext | null;\n  readonly canvas: HTMLCanvasElement;\n\n  static isSupported(options: {canvas?: HTMLCanvasElement}): boolean {\n    const {canvas} = options;\n    let gl;\n    try {\n      gl = canvas && canvas.getContext(\"webgl\");\n      gl = gl && canvas && canvas.getContext(\"experimental-webgl\");\n    } catch (x) {\n      gl = null;\n    }\n    return Boolean(gl);\n  }\n\n  constructor(props = {}) {\n    const {canvas, swapChainFormat = \"bgra8unorm\"} = props;\n\n    const gl = createGLContext(props);\n    this.handle =\n    this.gl = gl;\n    this.gl2 = gl instanceof WebGL2RenderingContext ? gl : null;\n    this.canvas = canvas;\n  }\n\n  resize(width, height) {\n    resizeGLContext(this.gl);\n  }\n\n  getInfo(): DeviceInfo {\n    return getWebGLDeviceInfo(this.gl);\n  }\n\n  getLimits(): DeviceLimits {\n    return getWebGLLimits(this.gl, this.gl2);\n  }\n\n  getFeatures(): string[] {\n    return getWebGLFeatures(this.gl);\n  }\n\n  createBuffer(props: WebGPUBufferProps): WEBGLBuffer {\n    return new WEBGLBuffer(this.gl2 || this.gl, props);\n  }\n\n  createTexture(props: WebGPUTextureProps): WEBGLTexture {\n    return new WEBGLTexture(this, props);\n  }\n\n  createSampler(props: WebGPUSamplerProps): WEBGLSampler {\n    return new WEBGLSampler(this, props);\n  }\n\n  createShader(props: WebGPUShaderProps): WEBGLShader {\n    return new WEBGLShader(this, props);\n  }\n\n  createRenderPipeline(props: WebGPURenderPipelineProps): WEBGLPipeline {\n    return new WEBGLRenderPipeline(this, props);\n  }\n\n  createComputePipeline(props: WebGPUComputePipelineProps): WebGPUPipeline {\n    return new WebGPUComputePipeline(this, props);\n  }\n\n\n  // PRIVATE\n\n  _startFrame() {}\n\n  _endFrame() {}\n}\n*/\n"],"file":"webgl-device.js"}

package/dist/es5/adapter/webgl-shader.js

@@ -0,0 +1,155 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WEBGLShader = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+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 _api = require("@luma.gl/api");
+
+var _constants = _interopRequireDefault(require("@luma.gl/constants"));
+
+var _shadertools = require("@luma.gl/shadertools");
+
+var _parseShaderCompilerLog = require("../webgl-utils/parse-shader-compiler-log");
+
+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; }
+
+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 WEBGLShader = function (_Shader) {
+  (0, _inherits2.default)(WEBGLShader, _Shader);
+
+  var _super = _createSuper(WEBGLShader);
+
+  function WEBGLShader(device, props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, WEBGLShader);
+    _this = _super.call(this, device, _objectSpread({
+      id: getShaderIdFromProps(props)
+    }, props));
+    (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), "handle", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "stage", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "source", void 0);
+    _this.device = device;
+    _this.gl = device.gl;
+
+    switch (_this.props.stage) {
+      case 'vertex':
+        _this.handle = _this.props.handle || _this.gl.createShader(_constants.default.VERTEX_SHADER);
+        break;
+
+      case 'fragment':
+        _this.handle = _this.props.handle || _this.gl.createShader(_constants.default.FRAGMENT_SHADER);
+        break;
+
+      default:
+        throw new Error(_this.props.stage);
+    }
+
+    _this.stage = _this.props.stage;
+    _this.source = _this.props.source;
+
+    _this._compile(_this.source);
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(WEBGLShader, [{
+    key: "destroy",
+    value: function destroy() {
+      if (this.handle) {
+        this.removeStats();
+        this.gl.deleteShader(this.handle);
+        this.handle = null;
+      }
+    }
+  }, {
+    key: "compilationInfo",
+    value: function () {
+      var _compilationInfo = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee() {
+        var log;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                log = this.gl.getShaderInfoLog(this.handle);
+                return _context.abrupt("return", (0, _parseShaderCompilerLog.parseShaderCompilerLog)(log));
+
+              case 2:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function compilationInfo() {
+        return _compilationInfo.apply(this, arguments);
+      }
+
+      return compilationInfo;
+    }()
+  }, {
+    key: "_compile",
+    value: function _compile(source) {
+      var addGLSLVersion = function addGLSLVersion(source) {
+        return source.startsWith('#version ') ? source : "#version 100\n".concat(source);
+      };
+
+      source = addGLSLVersion(source);
+      this.gl.shaderSource(this.handle, source);
+      this.gl.compileShader(this.handle);
+      var compileStatus = this.gl.getShaderParameter(this.handle, _constants.default.COMPILE_STATUS);
+
+      if (!compileStatus) {
+        var shaderLog = this.gl.getShaderInfoLog(this.handle);
+        var messages = (0, _parseShaderCompilerLog.parseShaderCompilerLog)(shaderLog).filter(function (message) {
+          return message.type === 'error';
+        });
+        var formattedLog = (0, _shadertools.formatCompilerLog)(messages, source);
+        var shaderName = (0, _shadertools.getShaderInfo)(source).name;
+        var shaderDescription = "".concat(this.stage, " shader ").concat(shaderName);
+
+        _api.log.error("GLSL compilation errors in ".concat(shaderDescription, "\n").concat(formattedLog))();
+
+        throw new Error("GLSL compilation errors in ".concat(shaderName));
+      }
+    }
+  }]);
+  return WEBGLShader;
+}(_api.Shader);
+
+exports.WEBGLShader = WEBGLShader;
+
+function getShaderIdFromProps(props) {
+  return (0, _shadertools.getShaderInfo)(props.source).name || props.id || (0, _api.uid)("unnamed ".concat(props.stage, "-shader"));
+}
+//# sourceMappingURL=webgl-shader.js.map

package/dist/es5/adapter/webgl-shader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/adapter/webgl-shader.ts"],"names":["WEBGLShader","device","props","id","getShaderIdFromProps","gl","stage","handle","createShader","GL","VERTEX_SHADER","FRAGMENT_SHADER","Error","source","_compile","removeStats","deleteShader","log","getShaderInfoLog","addGLSLVersion","startsWith","shaderSource","compileShader","compileStatus","getShaderParameter","COMPILE_STATUS","shaderLog","messages","filter","message","type","formattedLog","shaderName","name","shaderDescription","error","Shader"],"mappings":"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","sourcesContent":["// luma.gl, MIT license\nimport {log, uid, Shader, ShaderProps} from '@luma.gl/api';\nimport GL from '@luma.gl/constants';\nimport {getShaderInfo, CompilerMessage, formatCompilerLog} from '@luma.gl/shadertools';\nimport {parseShaderCompilerLog} from '../webgl-utils/parse-shader-compiler-log';\nimport WebGLDevice from '../adapter/webgl-device';\n\n/**\n * An immutable compiled shader program that execute portions of the GPU Pipeline\n */\n export class WEBGLShader extends Shader {\n  readonly device: WebGLDevice;\n  readonly gl: WebGLRenderingContext;\n  readonly handle: WebGLShader;\n\n  readonly stage: 'vertex' | 'fragment';\n  readonly source: string;\n\n  constructor(device: WebGLDevice, props: ShaderProps) {\n    super(device, {id: getShaderIdFromProps(props), ...props});\n    this.device = device;\n    this.gl = device.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.source = this.props.source;\n    this._compile(this.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\n  _compile(source) {\n    const addGLSLVersion = source => source.startsWith('#version ') ? source : `#version 100\\n${source}`;\n    source = addGLSLVersion(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 ${shaderDescription}\\n${formattedLog}`)();\n      throw new Error(`GLSL compilation errors in ${shaderName}`);\n    }\n  }\n}\n\n// HELPERS\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`);\n}\n"],"file":"webgl-shader.js"}

package/dist/es5/bundle.js

@@ -1,6 +1,6 @@
 "use strict";
 
-const moduleExports = require('./index');
+var moduleExports = require('./index');
 
 globalThis.luma = globalThis.luma || {};
 module.exports = Object.assign(globalThis.luma, moduleExports);

package/dist/es5/bundle.js.map

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