@luma.gl/webgl 9.0.0-alpha.23 → 9.0.0-alpha.25

package/dist/dist.dev.js

@@ -32,8 +32,7 @@ var __exports__ = (() => {
   var src_exports = {};
   __export(src_exports, {
     Accessor: () => Accessor,
-    Buffer: () => ClassicBuffer,
-    ClassicBuffer: () => ClassicBuffer,
+    BufferWithAccessor: () => BufferWithAccessor,
     WEBGLBuffer: () => WEBGLBuffer,
     WEBGLCommandEncoder: () => WEBGLCommandEncoder,
     WEBGLFramebuffer: () => WEBGLFramebuffer,
@@ -52,6 +51,7 @@ var __exports__ = (() => {
     _checkFloat32ColorAttachment: () => _checkFloat32ColorAttachment,
     assertWebGL2Context: () => assertWebGL2Context,
     assertWebGLContext: () => assertWebGLContext,
+    clear: () => clear,
     convertGLToTextureFormat: () => convertGLToTextureFormat,
     getParameters: () => getParameters,
     getProgramBindings: () => getProgramBindings,
@@ -62,6 +62,8 @@ var __exports__ = (() => {
     polyfillContext: () => polyfillContext,
     popContextState: () => popContextState,
     pushContextState: () => pushContextState,
+    readPixelsToArray: () => readPixelsToArray,
+    readPixelsToBuffer: () => readPixelsToBuffer,
     registerHeadlessGL: () => registerHeadlessGL,
     resetParameters: () => resetParameters,
     setDeviceParameters: () => setDeviceParameters,
@@ -175,52 +177,6 @@ var __exports__ = (() => {
     return "Unknown";
   }
 
-  // ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-  function _typeof(obj) {
-    "@babel/helpers - typeof";
-    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
-      return typeof obj2;
-    } : function(obj2) {
-      return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-    }, _typeof(obj);
-  }
-
-  // ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
-  function _toPrimitive(input, hint2) {
-    if (_typeof(input) !== "object" || input === null)
-      return input;
-    var prim = input[Symbol.toPrimitive];
-    if (prim !== void 0) {
-      var res = prim.call(input, hint2 || "default");
-      if (_typeof(res) !== "object")
-        return res;
-      throw new TypeError("@@toPrimitive must return a primitive value.");
-    }
-    return (hint2 === "string" ? String : Number)(input);
-  }
-
-  // ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
-  function _toPropertyKey(arg) {
-    var key = _toPrimitive(arg, "string");
-    return _typeof(key) === "symbol" ? key : String(key);
-  }
-
-  // ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
-  function _defineProperty(obj, key, value) {
-    key = _toPropertyKey(key);
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-    return obj;
-  }
-
   // ../../node_modules/@probe.gl/log/dist/utils/local-storage.js
   function getStorage(type) {
     try {
@@ -236,9 +192,9 @@ var __exports__ = (() => {
   var LocalStorage = class {
     constructor(id, defaultConfig) {
       let type = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "sessionStorage";
-      _defineProperty(this, "storage", void 0);
-      _defineProperty(this, "id", void 0);
-      _defineProperty(this, "config", void 0);
+      this.storage = void 0;
+      this.id = void 0;
+      this.config = void 0;
       this.storage = getStorage(type);
       this.id = id;
       this.config = defaultConfig;
@@ -402,13 +358,13 @@ var __exports__ = (() => {
       } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
         id: ""
       };
-      _defineProperty(this, "id", void 0);
-      _defineProperty(this, "VERSION", VERSION);
-      _defineProperty(this, "_startTs", getHiResTimestamp());
-      _defineProperty(this, "_deltaTs", getHiResTimestamp());
-      _defineProperty(this, "_storage", void 0);
-      _defineProperty(this, "userData", {});
-      _defineProperty(this, "LOG_THROTTLE_TIMEOUT", 0);
+      this.id = void 0;
+      this.VERSION = VERSION;
+      this._startTs = getHiResTimestamp();
+      this._deltaTs = getHiResTimestamp();
+      this._storage = void 0;
+      this.userData = {};
+      this.LOG_THROTTLE_TIMEOUT = 0;
       this.id = id;
       this.userData = {};
       this._storage = new LocalStorage("__probe-".concat(this.id, "__"), DEFAULT_LOG_CONFIGURATION);
@@ -606,7 +562,7 @@ var __exports__ = (() => {
       return noop;
     }
   };
-  _defineProperty(Log, "VERSION", VERSION);
+  Log.VERSION = VERSION;
   function normalizeLogLevel(logLevel) {
     if (!logLevel) {
       return 0;
@@ -737,20 +693,20 @@ var __exports__ = (() => {
   // ../../node_modules/@probe.gl/stats/dist/lib/stat.js
   var Stat = class {
     constructor(name, type) {
-      _defineProperty(this, "name", void 0);
-      _defineProperty(this, "type", void 0);
-      _defineProperty(this, "sampleSize", 1);
-      _defineProperty(this, "time", 0);
-      _defineProperty(this, "count", 0);
-      _defineProperty(this, "samples", 0);
-      _defineProperty(this, "lastTiming", 0);
-      _defineProperty(this, "lastSampleTime", 0);
-      _defineProperty(this, "lastSampleCount", 0);
-      _defineProperty(this, "_count", 0);
-      _defineProperty(this, "_time", 0);
-      _defineProperty(this, "_samples", 0);
-      _defineProperty(this, "_startTime", 0);
-      _defineProperty(this, "_timerPending", false);
+      this.name = void 0;
+      this.type = void 0;
+      this.sampleSize = 1;
+      this.time = 0;
+      this.count = 0;
+      this.samples = 0;
+      this.lastTiming = 0;
+      this.lastSampleTime = 0;
+      this.lastSampleCount = 0;
+      this._count = 0;
+      this._time = 0;
+      this._samples = 0;
+      this._startTime = 0;
+      this._timerPending = false;
       this.name = name;
       this.type = type;
       this.reset();
@@ -849,8 +805,8 @@ var __exports__ = (() => {
   // ../../node_modules/@probe.gl/stats/dist/lib/stats.js
   var Stats = class {
     constructor(options) {
-      _defineProperty(this, "id", void 0);
-      _defineProperty(this, "stats", {});
+      this.id = void 0;
+      this.stats = {};
       this.id = options.id;
       this.stats = {};
       this._initializeStats(options.stats);
@@ -4333,11 +4289,11 @@ var __exports__ = (() => {
         webgl2: false
       };
     }
-    if (props.webgl2) {
-      gl = gl || canvas.getContext("webgl2", props);
+    if (!gl && props.webgl2) {
+      gl = canvas.getContext("webgl2", props);
     }
-    if (props.webgl1) {
-      gl = gl || canvas.getContext("webgl", props);
+    if (!gl && props.webgl1) {
+      gl = canvas.getContext("webgl", props);
     }
     canvas.removeEventListener("webglcontextcreationerror", onCreateError, false);
     if (!gl) {
@@ -7625,7 +7581,7 @@ void main(void) {}`;
     }
   };
 
-  // src/classic/buffer.ts
+  // src/classic/buffer-with-accessor.ts
   var DEBUG_DATA_LENGTH2 = 10;
   var DEPRECATED_PROPS = {
     offset: "accessor.offset",
@@ -7669,7 +7625,7 @@ void main(void) {}`;
     }
     return bufferProps;
   }
-  var ClassicBuffer = class extends WEBGLBuffer {
+  var BufferWithAccessor = class extends WEBGLBuffer {
     constructor(device, props = {}) {
       super(WebGLDevice.attach(device), getWEBGLBufferProps(props));
       this.setAccessor(Object.assign({}, props, props.accessor));
@@ -9023,7 +8979,7 @@ ${formattedLog}`)();
           type,
           textureUnit
         } = uniformLayout;
-        const value = this.uniforms[name] || textureUnit;
+        const value = this.uniforms[name] ?? textureUnit;
         if (value !== void 0) {
           setUniform(this.device.gl, location, type, value);
         }
@@ -9490,7 +9446,7 @@ ${formattedLog}`)();
     }
     createBuffer(props) {
       const newProps = this._getBufferProps(props);
-      return new ClassicBuffer(this, newProps);
+      return new BufferWithAccessor(this, newProps);
     }
     _createTexture(props) {
       return new WEBGLTexture(this, props);
@@ -9630,6 +9586,218 @@ ${formattedLog}`)();
     }
     return Boolean(gl && gl._version === 2);
   }
+
+  // src/classic/clear.ts
+  var GL_DEPTH_BUFFER_BIT2 = 256;
+  var GL_STENCIL_BUFFER_BIT2 = 1024;
+  var GL_COLOR_BUFFER_BIT2 = 16384;
+  var ERR_ARGUMENTS = "clear: bad arguments";
+  function clear(gl, options) {
+    const device = WebGLDevice.attach(gl);
+    const {
+      framebuffer = null,
+      color = null,
+      depth = null,
+      stencil = null
+    } = options || {};
+    const parameters = {};
+    if (framebuffer) {
+      parameters.framebuffer = framebuffer;
+    }
+    let clearFlags = 0;
+    if (color) {
+      clearFlags |= GL_COLOR_BUFFER_BIT2;
+      if (color !== true) {
+        parameters.clearColor = color;
+      }
+    }
+    if (depth) {
+      clearFlags |= GL_DEPTH_BUFFER_BIT2;
+      if (depth !== true) {
+        parameters.clearDepth = depth;
+      }
+    }
+    if (stencil) {
+      clearFlags |= GL_STENCIL_BUFFER_BIT2;
+      if (depth !== true) {
+        parameters.clearStencil = depth;
+      }
+    }
+    assert2(clearFlags !== 0, ERR_ARGUMENTS);
+    withParameters(device.gl, parameters, () => {
+      device.gl.clear(clearFlags);
+    });
+  }
+
+  // src/classic/format-utils.ts
+  function glFormatToComponents(format) {
+    switch (format) {
+      case GL.ALPHA:
+      case GL.R32F:
+      case GL.RED:
+        return 1;
+      case GL.RG32F:
+      case GL.RG:
+        return 2;
+      case GL.RGB:
+      case GL.RGB32F:
+        return 3;
+      case GL.RGBA:
+      case GL.RGBA32F:
+        return 4;
+      default:
+        assert2(false);
+        return 0;
+    }
+  }
+  function glTypeToBytes(type) {
+    switch (type) {
+      case GL.UNSIGNED_BYTE:
+        return 1;
+      case GL.UNSIGNED_SHORT_5_6_5:
+      case GL.UNSIGNED_SHORT_4_4_4_4:
+      case GL.UNSIGNED_SHORT_5_5_5_1:
+        return 2;
+      case GL.FLOAT:
+        return 4;
+      default:
+        assert2(false);
+        return 0;
+    }
+  }
+
+  // src/classic/copy-and-blit.ts
+  function readPixelsToArray(source, options) {
+    const {
+      sourceX = 0,
+      sourceY = 0,
+      sourceFormat = GL.RGBA
+    } = options || {};
+    let {
+      sourceAttachment = GL.COLOR_ATTACHMENT0,
+      // TODO - support gl.readBuffer
+      target = null,
+      // following parameters are auto deduced if not provided
+      sourceWidth,
+      sourceHeight,
+      sourceType
+    } = options || {};
+    const {
+      framebuffer,
+      deleteFramebuffer
+    } = getFramebuffer2(source);
+    assert2(framebuffer);
+    const {
+      gl,
+      handle
+    } = framebuffer;
+    sourceWidth = sourceWidth || framebuffer.width;
+    sourceHeight = sourceHeight || framebuffer.height;
+    if (sourceAttachment === GL.COLOR_ATTACHMENT0 && handle === null) {
+      sourceAttachment = GL.FRONT;
+    }
+    const attachment = sourceAttachment - GL.COLOR_ATTACHMENT0;
+    sourceType = sourceType || framebuffer.colorAttachments[attachment].type;
+    target = getPixelArray(target, sourceType, sourceFormat, sourceWidth, sourceHeight);
+    sourceType = sourceType || getGLTypeFromTypedArray(target);
+    const prevHandle2 = gl.bindFramebuffer(GL.FRAMEBUFFER, handle);
+    gl.readPixels(sourceX, sourceY, sourceWidth, sourceHeight, sourceFormat, sourceType, target);
+    gl.bindFramebuffer(GL.FRAMEBUFFER, prevHandle2 || null);
+    if (deleteFramebuffer) {
+      framebuffer.destroy();
+    }
+    return target;
+  }
+  function readPixelsToBuffer(source, options) {
+    const {
+      sourceX = 0,
+      sourceY = 0,
+      sourceFormat = GL.RGBA,
+      targetByteOffset = 0
+    } = options || {};
+    let {
+      target,
+      sourceWidth,
+      sourceHeight,
+      sourceType
+    } = options || {};
+    const {
+      framebuffer,
+      deleteFramebuffer
+    } = getFramebuffer2(source);
+    assert2(framebuffer);
+    sourceWidth = sourceWidth || framebuffer.width;
+    sourceHeight = sourceHeight || framebuffer.height;
+    const webglFramebuffer = framebuffer;
+    const gl2 = webglFramebuffer.device.assertWebGL2();
+    sourceType = sourceType || (target ? target.type : GL.UNSIGNED_BYTE);
+    if (!target) {
+      const components = glFormatToComponents(sourceFormat);
+      const byteCount = glTypeToBytes(sourceType);
+      const byteLength = targetByteOffset + sourceWidth * sourceHeight * components * byteCount;
+      target = new BufferWithAccessor(gl2, {
+        byteLength,
+        accessor: {
+          type: sourceType,
+          size: components
+        }
+      });
+    }
+    target.bind({
+      target: GL.PIXEL_PACK_BUFFER
+    });
+    withParameters(gl2, {
+      framebuffer
+    }, () => {
+      gl2.readPixels(sourceX, sourceY, sourceWidth, sourceHeight, sourceFormat, sourceType, targetByteOffset);
+    });
+    target.unbind({
+      target: GL.PIXEL_PACK_BUFFER
+    });
+    if (deleteFramebuffer) {
+      framebuffer.destroy();
+    }
+    return target;
+  }
+  function getFramebuffer2(source) {
+    if (!(source instanceof Framebuffer)) {
+      return {
+        framebuffer: toFramebuffer(source),
+        deleteFramebuffer: true
+      };
+    }
+    return {
+      framebuffer: source,
+      deleteFramebuffer: false
+    };
+  }
+  function toFramebuffer(texture, props) {
+    const {
+      device,
+      width,
+      height,
+      id
+    } = texture;
+    const framebuffer = device.createFramebuffer({
+      ...props,
+      id: `framebuffer-for-${id}`,
+      width,
+      height,
+      colorAttachments: [texture]
+    });
+    return framebuffer;
+  }
+  function getPixelArray(pixelArray, type, format, width, height) {
+    if (pixelArray) {
+      return pixelArray;
+    }
+    type = type || GL.UNSIGNED_BYTE;
+    const ArrayType = getTypedArrayFromGLType(type, {
+      clamped: false
+    });
+    const components = glFormatToComponents(format);
+    return new ArrayType(width * height * components);
+  }
   return __toCommonJS(src_exports);
 })();
       return __exports__;