@luma.gl/webgl 9.0.0-alpha.52 → 9.0.0-alpha.53

package/dist/index.cjs

@@ -100,7 +100,7 @@ function createHeadlessContext(options) {
 }
 
 // src/adapter/webgl-device.ts
-var import_core27 = require("@luma.gl/core");
+var import_core26 = require("@luma.gl/core");
 var import_env3 = require("@probe.gl/env");
 
 // src/context/polyfill/polyfill-context.ts
@@ -692,9 +692,12 @@ function polyfillContext(gl) {
 function initializeExtensions(gl) {
   const contextState = getContextData(gl);
   const EXTENSIONS = gl.getSupportedExtensions() || [];
+  const IGNORE_EXTENSIONS = ["WEBGL_polygon_mode"];
   for (const extensionName of EXTENSIONS) {
-    const extension = gl.getExtension(extensionName);
-    contextState._extensions[extensionName] = extension;
+    if (!IGNORE_EXTENSIONS.includes(extensionName)) {
+      const extension = gl.getExtension(extensionName);
+      contextState._extensions[extensionName] = extension;
+    }
   }
 }
 function installPolyfills(gl, polyfills) {
@@ -1526,11 +1529,13 @@ function getDeviceInfo(gl) {
   const version = gl.getParameter(import_constants4.GL.VERSION);
   const gpu = identifyGPUVendor(vendor, renderer);
   const gpuBackend = identifyGPUBackend(vendor, renderer);
+  const gpuType = identifyGPUType(vendor, renderer);
   const shadingLanguage = "glsl";
   const shadingLanguageVersion = isWebGL2(gl) ? 300 : 100;
   return {
     type: isWebGL2(gl) ? "webgl2" : "webgl",
     gpu,
+    gpuType,
     gpuBackend,
     vendor,
     renderer,
@@ -1558,14 +1563,30 @@ function identifyGPUVendor(vendor, renderer) {
   return "unknown";
 }
 function identifyGPUBackend(vendor, renderer) {
-  if (/ANGLE/i.exec(vendor) || /ANGLE/i.exec(renderer)) {
-    return "angle";
-  }
   if (/Metal/i.exec(vendor) || /Metal/i.exec(renderer)) {
     return "metal";
   }
+  if (/ANGLE/i.exec(vendor) || /ANGLE/i.exec(renderer)) {
+    return "opengl";
+  }
   return "unknown";
 }
+function identifyGPUType(vendor, renderer) {
+  if (/SwiftShader/i.exec(vendor) || /SwiftShader/i.exec(renderer)) {
+    return "cpu";
+  }
+  const gpuVendor = identifyGPUVendor(vendor, renderer);
+  switch (gpuVendor) {
+    case "intel":
+      return "integrated";
+    case "software":
+      return "cpu";
+    case "unknown":
+      return "unknown";
+    default:
+      return "discrete";
+  }
+}
 
 // src/adapter/device-helpers/is-old-ie.ts
 function isOldIE(opts = {}) {
@@ -2268,15 +2289,14 @@ function getWebGLLimits(gl) {
 }
 
 // src/adapter/webgl-canvas-context.ts
-var import_core15 = require("@luma.gl/core");
+var import_core14 = require("@luma.gl/core");
 
 // src/adapter/resources/webgl-framebuffer.ts
-var import_core14 = require("@luma.gl/core");
+var import_core13 = require("@luma.gl/core");
 var import_constants14 = require("@luma.gl/constants");
 
 // src/adapter/resources/webgl-texture.ts
 var import_core9 = require("@luma.gl/core");
-var import_core10 = require("@luma.gl/core");
 var import_constants12 = require("@luma.gl/constants");
 
 // src/context/state-tracker/with-parameters.ts
@@ -2512,6 +2532,15 @@ function convertSamplerParametersToWebGL(props) {
   }
   return params;
 }
+function updateSamplerParametersForNPOT(parameters) {
+  const newParameters = { ...parameters };
+  if (parameters[import_constants9.GL.TEXTURE_MIN_FILTER] !== import_constants9.GL.NEAREST) {
+    newParameters[import_constants9.GL.TEXTURE_MIN_FILTER] = import_constants9.GL.LINEAR;
+  }
+  newParameters[import_constants9.GL.TEXTURE_WRAP_S] = import_constants9.GL.CLAMP_TO_EDGE;
+  newParameters[import_constants9.GL.TEXTURE_WRAP_T] = import_constants9.GL.CLAMP_TO_EDGE;
+  return newParameters;
+}
 function convertAddressMode(addressMode) {
   switch (addressMode) {
     case "clamp-to-edge":
@@ -2541,15 +2570,6 @@ function convertMinFilterMode(minFilter, mipmapFilter) {
       return mipmapFilter === "nearest" ? import_constants9.GL.LINEAR_MIPMAP_NEAREST : import_constants9.GL.LINEAR_MIPMAP_LINEAR;
   }
 }
-function updateSamplerParametersForNPOT(parameters) {
-  const newParameters = { ...parameters };
-  if (parameters[import_constants9.GL.TEXTURE_MIN_FILTER] !== import_constants9.GL.NEAREST) {
-    newParameters[import_constants9.GL.TEXTURE_MIN_FILTER] = import_constants9.GL.LINEAR;
-  }
-  newParameters[import_constants9.GL.TEXTURE_WRAP_S] = import_constants9.GL.CLAMP_TO_EDGE;
-  newParameters[import_constants9.GL.TEXTURE_WRAP_T] = import_constants9.GL.CLAMP_TO_EDGE;
-  return newParameters;
-}
 
 // src/adapter/resources/webgl-buffer.ts
 var import_core7 = require("@luma.gl/core");
@@ -2743,7 +2763,7 @@ var DEFAULT_WEBGL_TEXTURE_PROPS = {
   textureUnit: void 0,
   target: void 0
 };
-var _WEBGLTexture = class extends import_core10.Texture {
+var _WEBGLTexture = class extends import_core9.Texture {
   MAX_ATTRIBUTES;
   device;
   gl;
@@ -2777,7 +2797,7 @@ var _WEBGLTexture = class extends import_core10.Texture {
   constructor(device, props) {
     var _a;
     super(device, { ...DEFAULT_WEBGL_TEXTURE_PROPS, format: "rgba8unorm", ...props });
-    this.device = (0, import_core10.cast)(device);
+    this.device = device;
     this.gl = this.device.gl;
     this.gl2 = this.device.gl2;
     this.handle = this.props.handle || this.gl.createTexture();
@@ -2786,7 +2806,7 @@ var _WEBGLTexture = class extends import_core10.Texture {
     this.target = getWebGLTextureTarget(this.props);
     this.loaded = false;
     if (typeof ((_a = this.props) == null ? void 0 : _a.data) === "string") {
-      Object.assign(this.props, { data: (0, import_core10.loadImage)(this.props.data) });
+      Object.assign(this.props, { data: (0, import_core9.loadImage)(this.props.data) });
     }
     this.initialize(this.props);
     Object.seal(this);
@@ -2853,7 +2873,7 @@ var _WEBGLTexture = class extends import_core10.Texture {
       this.gl.bindTexture(this.target, this.handle);
     }
     if (mipmaps && this.device.isWebGL1 && isNPOT(this.width, this.height)) {
-      import_core10.log.warn(`texture: ${this} is Non-Power-Of-Two, disabling mipmaps`)();
+      import_core9.log.warn(`texture: ${this} is Non-Power-Of-Two, disabling mipmaps`)();
       mipmaps = false;
     }
     this.mipmaps = mipmaps;
@@ -2947,7 +2967,7 @@ var _WEBGLTexture = class extends import_core10.Texture {
   // Call to regenerate mipmaps after modifying texture(s)
   generateMipmap(params = {}) {
     if (this.device.isWebGL1 && isNPOT(this.width, this.height)) {
-      import_core10.log.warn(`texture: ${this} is Non-Power-Of-Two, disabling mipmaping`)();
+      import_core9.log.warn(`texture: ${this} is Non-Power-Of-Two, disabling mipmaping`)();
       return this;
     }
     this.mipmaps = true;
@@ -3095,7 +3115,7 @@ var _WEBGLTexture = class extends import_core10.Texture {
           }
           break;
         default:
-          (0, import_core10.assert)(false, "Unknown image data type");
+          (0, import_core9.assert)(false, "Unknown image data type");
       }
     });
     if (data && data.byteLength) {
@@ -3137,7 +3157,7 @@ var _WEBGLTexture = class extends import_core10.Texture {
       width,
       height
     }));
-    (0, import_core10.assert)(this.depth === 1, "texSubImage not supported for 3D textures");
+    (0, import_core9.assert)(this.depth === 1, "texSubImage not supported for 3D textures");
     if (!data) {
       data = pixels;
     }
@@ -3181,7 +3201,7 @@ var _WEBGLTexture = class extends import_core10.Texture {
    * rendering can be faster.
    */
   copyFramebuffer(opts = {}) {
-    import_core10.log.error(
+    import_core9.log.error(
       "Texture.copyFramebuffer({...}) is no logner supported, use copyToTexture(source, target, opts})"
     )();
     return null;
@@ -3255,12 +3275,12 @@ var _WEBGLTexture = class extends import_core10.Texture {
     } else {
       size = { width, height };
     }
-    (0, import_core10.assert)(size, "Could not deduced texture size");
-    (0, import_core10.assert)(
+    (0, import_core9.assert)(size, "Could not deduced texture size");
+    (0, import_core9.assert)(
       width === void 0 || size.width === width,
       "Deduced texture width does not match supplied width"
     );
-    (0, import_core10.assert)(
+    (0, import_core9.assert)(
       height === void 0 || size.height === height,
       "Deduced texture height does not match supplied height"
     );
@@ -3281,7 +3301,7 @@ var _WEBGLTexture = class extends import_core10.Texture {
     this.bind();
     _WEBGLTexture.FACES.forEach((face, index) => {
       if (resolvedFaces[index].length > 1 && this.props.mipmaps !== false) {
-        import_core10.log.warn(`${this.id} has mipmap and multiple LODs.`)();
+        import_core9.log.warn(`${this.id} has mipmap and multiple LODs.`)();
       }
       resolvedFaces[index].forEach((image, lodLevel) => {
         if (width && height) {
@@ -3464,21 +3484,21 @@ function isNPOT(width, height) {
   if (!width || !height) {
     return false;
   }
-  return !(0, import_core10.isPowerOfTwo)(width) || !(0, import_core10.isPowerOfTwo)(height);
+  return !(0, import_core9.isPowerOfTwo)(width) || !(0, import_core9.isPowerOfTwo)(height);
 }
 function logParameters(parameters) {
-  import_core10.log.log(1, "texture sampler parameters", parameters)();
+  import_core9.log.log(1, "texture sampler parameters", parameters)();
 }
 
 // src/adapter/objects/webgl-renderbuffer.ts
-var import_core13 = require("@luma.gl/core");
+var import_core12 = require("@luma.gl/core");
 var import_constants13 = require("@luma.gl/constants");
 
 // src/adapter/objects/webgl-resource.ts
-var import_core12 = require("@luma.gl/core");
+var import_core11 = require("@luma.gl/core");
 
 // src/adapter/objects/constants-to-keys.ts
-var import_core11 = require("@luma.gl/core");
+var import_core10 = require("@luma.gl/core");
 function getKeyValue(gl, name) {
   if (typeof name !== "string") {
     return name;
@@ -3489,13 +3509,13 @@ function getKeyValue(gl, name) {
   }
   name = name.replace(/^.*\./, "");
   const value = gl[name];
-  (0, import_core11.assert)(value !== void 0, `Accessing undefined constant GL.${name}`);
+  (0, import_core10.assert)(value !== void 0, `Accessing undefined constant GL.${name}`);
   return value;
 }
 
 // src/adapter/objects/webgl-resource.ts
 var ERR_RESOURCE_METHOD_UNDEFINED = "Resource subclass must define virtual methods";
-var WebGLResource = class extends import_core12.Resource {
+var WebGLResource = class extends import_core11.Resource {
   device;
   gl;
   gl2;
@@ -3511,7 +3531,7 @@ var WebGLResource = class extends import_core12.Resource {
     const { id } = props || {};
     this.gl = gl;
     this.gl2 = gl;
-    this.id = id || (0, import_core12.uid)(this.constructor.name);
+    this.id = id || (0, import_core11.uid)(this.constructor.name);
     this._handle = props == null ? void 0 : props.handle;
     if (this._handle === void 0) {
       this._handle = this._createHandle();
@@ -3563,7 +3583,7 @@ var WebGLResource = class extends import_core12.Resource {
    */
   getParameter(pname, props = {}) {
     pname = getKeyValue(this.gl, pname);
-    (0, import_core12.assert)(pname);
+    (0, import_core11.assert)(pname);
     const parameters = this.constructor.PARAMETERS || {};
     const parameter = parameters[pname];
     if (parameter) {
@@ -3611,7 +3631,7 @@ var WebGLResource = class extends import_core12.Resource {
    */
   setParameter(pname, value) {
     pname = getKeyValue(this.gl, pname);
-    (0, import_core12.assert)(pname);
+    (0, import_core11.assert)(pname);
     const parameters = this.constructor.PARAMETERS || {};
     const parameter = parameters[pname];
     if (parameter) {
@@ -3639,7 +3659,7 @@ var WebGLResource = class extends import_core12.Resource {
   }
   // Install stubs for removed methods
   stubRemovedMethods(className, version, methodNames) {
-    return (0, import_core12.stubRemovedMethods)(this, className, version, methodNames);
+    return (0, import_core11.stubRemovedMethods)(this, className, version, methodNames);
   }
   // PUBLIC VIRTUAL METHODS
   initialize(props) {
@@ -3742,7 +3762,7 @@ var _WEBGLRenderbuffer = class extends WebGLResource {
   /** Creates and initializes a renderbuffer object's data store */
   _initialize(props) {
     const { format, width, height, samples } = props;
-    (0, import_core13.assert)(format, "Needs format");
+    (0, import_core12.assert)(format, "Needs format");
     this.trackDeallocatedMemory();
     this.gl.bindRenderbuffer(import_constants13.GL.RENDERBUFFER, this.handle);
     if (samples !== 0 && this.device.isWebGL2) {
@@ -3780,7 +3800,7 @@ __publicField(WEBGLRenderbuffer, "defaultProps", {
 });
 
 // src/adapter/resources/webgl-framebuffer.ts
-var WEBGLFramebuffer = class extends import_core14.Framebuffer {
+var WEBGLFramebuffer = class extends import_core13.Framebuffer {
   device;
   gl;
   handle;
@@ -3915,7 +3935,7 @@ var WEBGLFramebuffer = class extends import_core14.Framebuffer {
         gl.framebufferTexture2D(import_constants14.GL.FRAMEBUFFER, attachment, import_constants14.GL.TEXTURE_2D, texture.handle, level);
         break;
       default:
-        (0, import_core14.assert)(false, "Illegal texture type");
+        (0, import_core13.assert)(false, "Illegal texture type");
     }
     gl.bindTexture(texture.target, null);
   }
@@ -3943,7 +3963,7 @@ function _getFrameBufferStatus(status) {
 }
 
 // src/adapter/webgl-canvas-context.ts
-var WebGLCanvasContext = class extends import_core15.CanvasContext {
+var WebGLCanvasContext = class extends import_core14.CanvasContext {
   device;
   presentationSize;
   _framebuffer = null;
@@ -3995,9 +4015,9 @@ var WebGLCanvasContext = class extends import_core15.CanvasContext {
 };
 
 // src/context/debug/spector.ts
-var import_core16 = require("@luma.gl/core");
+var import_core15 = require("@luma.gl/core");
 var DEFAULT_SPECTOR_PROPS = {
-  spector: import_core16.log.get("spector") || import_core16.log.get("inspect")
+  spector: import_core15.log.get("spector") || import_core15.log.get("inspect")
 };
 var SPECTOR_CDN_URL = "https://spectorcdn.babylonjs.com/spector.bundle.js";
 var LOG_LEVEL = 1;
@@ -4006,9 +4026,9 @@ var initialized = false;
 async function loadSpectorJS(props) {
   if (!globalThis.SPECTOR) {
     try {
-      await (0, import_core16.loadScript)(SPECTOR_CDN_URL);
+      await (0, import_core15.loadScript)(SPECTOR_CDN_URL);
     } catch (error2) {
-      import_core16.log.warn(String(error2));
+      import_core15.log.warn(String(error2));
     }
   }
 }
@@ -4018,7 +4038,7 @@ function initializeSpectorJS(props) {
     return null;
   }
   if (!spector && globalThis.SPECTOR) {
-    import_core16.log.probe(LOG_LEVEL, "SPECTOR found and initialized")();
+    import_core15.log.probe(LOG_LEVEL, "SPECTOR found and initialized")();
     spector = new globalThis.SPECTOR.Spector();
     if (globalThis.luma) {
       globalThis.luma.spector = spector;
@@ -4030,9 +4050,9 @@ function initializeSpectorJS(props) {
   if (!initialized) {
     initialized = true;
     spector.spyCanvases();
-    spector == null ? void 0 : spector.onCaptureStarted.add((capture) => import_core16.log.info("Spector capture started:", capture)());
+    spector == null ? void 0 : spector.onCaptureStarted.add((capture) => import_core15.log.info("Spector capture started:", capture)());
     spector == null ? void 0 : spector.onCapture.add((capture) => {
-      import_core16.log.info("Spector capture complete:", capture)();
+      import_core15.log.info("Spector capture complete:", capture)();
       spector == null ? void 0 : spector.getResultUI();
       spector == null ? void 0 : spector.resultView.display();
       spector == null ? void 0 : spector.resultView.addCapture(capture);
@@ -4044,7 +4064,7 @@ function initializeSpectorJS(props) {
     }
     spector == null ? void 0 : spector.startCapture(props == null ? void 0 : props.canvas, 500);
     new Promise((resolve) => setTimeout(resolve, 2e3)).then((_) => {
-      import_core16.log.info("Spector capture stopped after 2 seconds")();
+      import_core15.log.info("Spector capture stopped after 2 seconds")();
       spector == null ? void 0 : spector.stopCapture();
     });
   }
@@ -4052,7 +4072,7 @@ function initializeSpectorJS(props) {
 }
 
 // src/context/debug/webgl-developer-tools.ts
-var import_core17 = require("@luma.gl/core");
+var import_core16 = require("@luma.gl/core");
 var import_constants15 = require("@luma.gl/constants");
 var import_env = require("@probe.gl/env");
 var WEBGL_DEBUG_CDN_URL = "https://unpkg.com/webgl-debug@2.0.1/index.js";
@@ -4064,7 +4084,7 @@ async function loadWebGLDeveloperTools() {
   if ((0, import_env.isBrowser)() && !globalThis.WebGLDebugUtils) {
     globalThis.global = globalThis.global || globalThis;
     globalThis.global.module = {};
-    await (0, import_core17.loadScript)(WEBGL_DEBUG_CDN_URL);
+    await (0, import_core16.loadScript)(WEBGL_DEBUG_CDN_URL);
   }
 }
 function makeDebugContext(gl, props = {}) {
@@ -4079,7 +4099,7 @@ function getRealContext(gl) {
 }
 function getDebugContext(gl, props) {
   if (!globalThis.WebGLDebugUtils) {
-    import_core17.log.warn("webgl-debug not loaded")();
+    import_core16.log.warn("webgl-debug not loaded")();
     return gl;
   }
   const data = getContextData2(gl);
@@ -4119,7 +4139,7 @@ function onGLError(props, err, functionName, args) {
   const functionArgs = globalThis.WebGLDebugUtils.glFunctionArgsToString(functionName, args);
   const glName = props.webgl2 ? "gl2" : "gl1";
   const message2 = `${errorMessage} in ${glName}.${functionName}(${functionArgs})`;
-  import_core17.log.error(message2)();
+  import_core16.log.error(message2)();
   debugger;
   if (props.throwOnError) {
     throw new Error(message2);
@@ -4127,9 +4147,9 @@ function onGLError(props, err, functionName, args) {
 }
 function onValidateGLFunc(props, functionName, functionArgs) {
   let functionString = "";
-  if (import_core17.log.level >= 1) {
+  if (import_core16.log.level >= 1) {
     functionString = getFunctionString(functionName, functionArgs);
-    import_core17.log.log(1, functionString)();
+    import_core16.log.log(1, functionString)();
   }
   if (props.break && props.break.length > 0) {
     functionString = functionString || getFunctionString(functionName, functionArgs);
@@ -4144,7 +4164,7 @@ function onValidateGLFunc(props, functionName, functionArgs) {
       if (props.throwOnError) {
         throw new Error(`Undefined argument: ${functionString}`);
       } else {
-        import_core17.log.error(`Undefined argument: ${functionString}`)();
+        import_core16.log.error(`Undefined argument: ${functionString}`)();
         debugger;
       }
     }
@@ -4152,7 +4172,7 @@ function onValidateGLFunc(props, functionName, functionArgs) {
 }
 
 // src/adapter/resources/webgl-shader.ts
-var import_core18 = require("@luma.gl/core");
+var import_core17 = require("@luma.gl/core");
 var import_constants16 = require("@luma.gl/constants");
 
 // src/adapter/helpers/parse-shader-compiler-log.ts
@@ -4200,7 +4220,7 @@ function getMessageType(messageType) {
 }
 
 // src/adapter/resources/webgl-shader.ts
-var WEBGLShader = class extends import_core18.Shader {
+var WEBGLShader = class extends import_core17.Shader {
   device;
   handle;
   constructor(device, props) {
@@ -4249,13 +4269,13 @@ ${source2}`;
 };
 
 // src/adapter/resources/webgl-render-pass.ts
-var import_core19 = require("@luma.gl/core");
+var import_core18 = require("@luma.gl/core");
 var import_constants17 = require("@luma.gl/constants");
 var GL_DEPTH_BUFFER_BIT = 256;
 var GL_STENCIL_BUFFER_BIT = 1024;
 var GL_COLOR_BUFFER_BIT = 16384;
 var GL_COLOR = 6144;
-var WEBGLRenderPass = class extends import_core19.RenderPass {
+var WEBGLRenderPass = class extends import_core18.RenderPass {
   device;
   /** Parameters that should be applied before each draw call */
   glParameters;
@@ -4382,15 +4402,15 @@ var WEBGLRenderPass = class extends import_core19.RenderPass {
 };
 
 // src/adapter/resources/webgl-render-pipeline.ts
+var import_core20 = require("@luma.gl/core");
 var import_core21 = require("@luma.gl/core");
-var import_core22 = require("@luma.gl/core");
 var import_constants24 = require("@luma.gl/constants");
 
 // src/adapter/helpers/get-shader-layout.ts
 var import_constants21 = require("@luma.gl/constants");
 
 // src/classic/accessor.ts
-var import_core20 = require("@luma.gl/core");
+var import_core19 = require("@luma.gl/core");
 var import_constants19 = require("@luma.gl/constants");
 
 // src/classic/typed-array-utils.ts
@@ -4475,7 +4495,7 @@ var Accessor = class {
     return ArrayType.BYTES_PER_ELEMENT;
   }
   static getBytesPerVertex(accessor) {
-    (0, import_core20.assert)(accessor.size);
+    (0, import_core19.assert)(accessor.size);
     const ArrayType = getTypedArrayFromGLType(accessor.type || import_constants19.GL.FLOAT);
     return ArrayType.BYTES_PER_ELEMENT * accessor.size;
   }
@@ -4504,7 +4524,7 @@ var Accessor = class {
   // PRIVATE
   // eslint-disable-next-line complexity, max-statements
   _assign(props = {}) {
-    props = (0, import_core20.checkProps)("Accessor", props, PROP_CHECKS);
+    props = (0, import_core19.checkProps)("Accessor", props, PROP_CHECKS);
     if (props.type !== void 0) {
       this.type = props.type;
       if (props.type === import_constants19.GL.INT || props.type === import_constants19.GL.UNSIGNED_INT) {
@@ -5002,7 +5022,7 @@ function getGLPrimitive(topology) {
 
 // src/adapter/resources/webgl-render-pipeline.ts
 var LOG_PROGRAM_PERF_PRIORITY = 4;
-var WEBGLRenderPipeline = class extends import_core21.RenderPipeline {
+var WEBGLRenderPipeline = class extends import_core20.RenderPipeline {
   /** The WebGL device that created this render pipeline */
   device;
   /** Handle to underlying WebGL program */
@@ -5028,8 +5048,8 @@ var WEBGLRenderPipeline = class extends import_core21.RenderPipeline {
     this.device = device;
     this.handle = this.props.handle || this.device.gl.createProgram();
     this.device.setSpectorMetadata(this.handle, { id: this.props.id });
-    this.vs = (0, import_core21.cast)(props.vs);
-    this.fs = (0, import_core21.cast)(props.fs);
+    this.vs = (0, import_core20.cast)(props.vs);
+    this.fs = (0, import_core20.cast)(props.fs);
     const { varyings, bufferMode = import_constants24.GL.SEPARATE_ATTRIBS } = props;
     if (varyings && varyings.length > 0) {
       this.device.assertWebGL2();
@@ -5038,7 +5058,7 @@ var WEBGLRenderPipeline = class extends import_core21.RenderPipeline {
     }
     this._compileAndLink();
     this.introspectedLayout = getShaderLayout(this.device.gl, this.handle);
-    this.shaderLayout = (0, import_core22.mergeShaderLayout)(this.introspectedLayout, props.shaderLayout);
+    this.shaderLayout = (0, import_core21.mergeShaderLayout)(this.introspectedLayout, props.shaderLayout);
   }
   destroy() {
     if (this.handle) {
@@ -5086,13 +5106,13 @@ var WEBGLRenderPipeline = class extends import_core21.RenderPipeline {
       const binding = this.shaderLayout.bindings.find((binding2) => binding2.name === name) || this.shaderLayout.bindings.find((binding2) => binding2.name === `${name}Uniforms`);
       if (!binding) {
         const validBindings = this.shaderLayout.bindings.map((binding2) => `"${binding2.name}"`).join(", ");
-        import_core21.log.warn(
+        import_core20.log.warn(
           `Unknown binding "${name}" in render pipeline "${this.id}", expected one of ${validBindings}`
         )();
         continue;
       }
       if (!value) {
-        import_core21.log.warn(`Unsetting binding "${name}" in render pipeline "${this.id}"`)();
+        import_core20.log.warn(`Unsetting binding "${name}" in render pipeline "${this.id}"`)();
       }
       switch (binding.type) {
         case "uniform":
@@ -5106,7 +5126,7 @@ var WEBGLRenderPipeline = class extends import_core21.RenderPipeline {
           }
           break;
         case "sampler":
-          import_core21.log.warn(`Ignoring sampler ${name}`)();
+          import_core20.log.warn(`Ignoring sampler ${name}`)();
           break;
         default:
           throw new Error(binding.type);
@@ -5115,9 +5135,9 @@ var WEBGLRenderPipeline = class extends import_core21.RenderPipeline {
     }
   }
   setUniforms(uniforms) {
-    const { bindings } = (0, import_core21.splitUniformsAndBindings)(uniforms);
+    const { bindings } = (0, import_core20.splitUniformsAndBindings)(uniforms);
     Object.keys(bindings).forEach((name) => {
-      import_core21.log.warn(
+      import_core20.log.warn(
         `Unsupported value "${JSON.stringify(bindings[name])}" used in setUniforms() for key ${name}. Use setBindings() instead?`
       )();
     });
@@ -5197,10 +5217,10 @@ var WEBGLRenderPipeline = class extends import_core21.RenderPipeline {
     const { gl } = this.device;
     gl.attachShader(this.handle, this.vs.handle);
     gl.attachShader(this.handle, this.fs.handle);
-    import_core21.log.time(LOG_PROGRAM_PERF_PRIORITY, `linkProgram for ${this.id}`)();
+    import_core20.log.time(LOG_PROGRAM_PERF_PRIORITY, `linkProgram for ${this.id}`)();
     gl.linkProgram(this.handle);
-    import_core21.log.timeEnd(LOG_PROGRAM_PERF_PRIORITY, `linkProgram for ${this.id}`)();
-    if (!gl.debug && import_core21.log.level === 0) {
+    import_core20.log.timeEnd(LOG_PROGRAM_PERF_PRIORITY, `linkProgram for ${this.id}`)();
+    if (!gl.debug && import_core20.log.level === 0) {
     }
     const linked = gl.getProgramParameter(this.handle, gl.LINK_STATUS);
     if (!linked) {
@@ -5295,7 +5315,7 @@ var WEBGLRenderPipeline = class extends import_core21.RenderPipeline {
           if (value instanceof WEBGLTexture) {
             texture = value;
           } else if (value instanceof WEBGLFramebuffer && value.colorAttachments[0] instanceof WEBGLTexture) {
-            import_core21.log.warn(
+            import_core20.log.warn(
               "Passing framebuffer in texture binding may be deprecated. Use fbo.colorAttachments[0] instead"
             )();
             texture = value.colorAttachments[0];
@@ -5330,15 +5350,15 @@ var WEBGLRenderPipeline = class extends import_core21.RenderPipeline {
 };
 
 // src/adapter/resources/webgl-command-encoder.ts
-var import_core24 = require("@luma.gl/core");
+var import_core23 = require("@luma.gl/core");
 
 // src/adapter/resources/webgl-command-buffer.ts
-var import_core23 = require("@luma.gl/core");
+var import_core22 = require("@luma.gl/core");
 var import_constants25 = require("@luma.gl/constants");
-function cast3(value) {
+function cast2(value) {
   return value;
 }
-var WEBGLCommandBuffer = class extends import_core23.CommandBuffer {
+var WEBGLCommandBuffer = class extends import_core22.CommandBuffer {
   device;
   commands = [];
   constructor(device) {
@@ -5365,8 +5385,8 @@ var WEBGLCommandBuffer = class extends import_core23.CommandBuffer {
   }
 };
 function _copyBufferToBuffer(device, options) {
-  const source = cast3(options.source);
-  const destination = cast3(options.destination);
+  const source = cast2(options.source);
+  const destination = cast2(options.destination);
   const gl2 = device.assertWebGL2();
   if (gl2) {
     gl2.bindBuffer(import_constants25.GL.COPY_READ_BUFFER, source.handle);
@@ -5516,7 +5536,7 @@ function _copyTextureToTexture(device, options) {
   return texture;
 }
 function getFramebuffer(source) {
-  if (source instanceof import_core23.Texture) {
+  if (source instanceof import_core22.Texture) {
     const { width, height, id } = source;
     const framebuffer = source.device.createFramebuffer({
       id: `framebuffer-for-${id}`,
@@ -5530,7 +5550,7 @@ function getFramebuffer(source) {
 }
 
 // src/adapter/resources/webgl-command-encoder.ts
-var WEBGLCommandEncoder = class extends import_core24.CommandEncoder {
+var WEBGLCommandEncoder = class extends import_core23.CommandEncoder {
   device;
   commandBuffer;
   constructor(device, props) {
@@ -5575,10 +5595,10 @@ var WEBGLCommandEncoder = class extends import_core24.CommandEncoder {
 };
 
 // src/adapter/resources/webgl-vertex-array.ts
-var import_core25 = require("@luma.gl/core");
+var import_core24 = require("@luma.gl/core");
 var import_constants26 = require("@luma.gl/constants");
 var import_env2 = require("@probe.gl/env");
-var WEBGLVertexArray = class extends import_core25.VertexArray {
+var WEBGLVertexArray = class extends import_core24.VertexArray {
   get [Symbol.toStringTag]() {
     return "VertexArray";
   }
@@ -5752,8 +5772,8 @@ var WEBGLVertexArray = class extends import_core25.VertexArray {
     this.buffer = this.buffer || this.device.createBuffer({ byteLength });
     updateNeeded = updateNeeded || !compareConstantArrayValues(constantValue, this.bufferValue);
     if (updateNeeded) {
-      const typedArray = (0, import_core25.getScratchArray)(value.constructor, length);
-      (0, import_core25.fillArray)({ target: typedArray, source: constantValue, start: 0, count: length });
+      const typedArray = (0, import_core24.getScratchArray)(value.constructor, length);
+      (0, import_core24.fillArray)({ target: typedArray, source: constantValue, start: 0, count: length });
       this.buffer.write(typedArray);
       this.bufferValue = value;
     }
@@ -5779,9 +5799,9 @@ function compareConstantArrayValues(v1, v2) {
 }
 
 // src/adapter/resources/webgl-transform-feedback.ts
-var import_core26 = require("@luma.gl/core");
+var import_core25 = require("@luma.gl/core");
 var import_constants27 = require("@luma.gl/constants");
-var WEBGLTransformFeedback = class extends import_core26.TransformFeedback {
+var WEBGLTransformFeedback = class extends import_core25.TransformFeedback {
   device;
   gl2;
   handle;
@@ -5845,7 +5865,7 @@ var WEBGLTransformFeedback = class extends import_core26.TransformFeedback {
     const { buffer, byteLength, byteOffset } = this._getBufferRange(bufferOrRange);
     if (location < 0) {
       this.unusedBuffers[locationOrName] = buffer;
-      import_core26.log.warn(`${this.id} unusedBuffers varying buffer ${locationOrName}`)();
+      import_core25.log.warn(`${this.id} unusedBuffers varying buffer ${locationOrName}`)();
       return;
     }
     this.buffers[location] = { buffer, byteLength, byteOffset };
@@ -5933,7 +5953,7 @@ function isIndex(value) {
 
 // src/adapter/webgl-device.ts
 var LOG_LEVEL2 = 1;
-var _WebGLDevice = class extends import_core27.Device {
+var _WebGLDevice = class extends import_core26.Device {
   static isSupported() {
     return typeof WebGLRenderingContext !== "undefined" || isHeadlessGLRegistered();
   }
@@ -5965,7 +5985,7 @@ var _WebGLDevice = class extends import_core27.Device {
     if (gl instanceof _WebGLDevice) {
       return gl;
     }
-    if ((gl == null ? void 0 : gl.device) instanceof import_core27.Device) {
+    if ((gl == null ? void 0 : gl.device) instanceof import_core26.Device) {
       return gl.device;
     }
     if (!isWebGL3(gl)) {
@@ -5974,29 +5994,34 @@ var _WebGLDevice = class extends import_core27.Device {
     return new _WebGLDevice({ gl });
   }
   static async create(props = {}) {
-    import_core27.log.groupCollapsed(LOG_LEVEL2, "WebGLDevice created");
+    import_core26.log.groupCollapsed(LOG_LEVEL2, "WebGLDevice created")();
     if (typeof props.canvas === "string") {
-      await import_core27.CanvasContext.pageLoaded;
+      await import_core26.CanvasContext.pageLoaded;
     }
-    if (import_core27.log.get("debug") || props.debug) {
+    if (import_core26.log.get("debug") || props.debug) {
       await loadWebGLDeveloperTools();
     }
     const { spector: spector2 } = props;
-    if (import_core27.log.get("spector") || spector2) {
+    if (import_core26.log.get("spector") || spector2) {
       await loadSpectorJS();
     }
-    import_core27.log.probe(LOG_LEVEL2 + 1, "DOM is loaded")();
+    import_core26.log.probe(LOG_LEVEL2 + 1, "DOM is loaded")();
     if (props.gl && props.gl.device) {
       return _WebGLDevice.attach(props.gl);
     }
-    return new _WebGLDevice(props);
+    const device = new _WebGLDevice(props);
+    const message2 = `Created ${device.info.type}${device.debug ? " debug" : ""} context: ${device.info.vendor}, ${device.info.renderer} for canvas: ${device.canvasContext.id}`;
+    import_core26.log.probe(LOG_LEVEL2, message2)();
+    import_core26.log.table(LOG_LEVEL2, device.info)();
+    import_core26.log.groupEnd(LOG_LEVEL2)();
+    return device;
   }
   //
   // Public API
   //
   constructor(props) {
     var _a;
-    super({ ...props, id: props.id || (0, import_core27.uid)("webgl-device") });
+    super({ ...props, id: props.id || (0, import_core26.uid)("webgl-device") });
     const device = (_a = props.gl) == null ? void 0 : _a.device;
     if (device) {
       throw new Error(`WebGL context already attached to device ${device.id}`);
@@ -6031,22 +6056,19 @@ var _WebGLDevice = class extends import_core27.Device {
     trackContextState(this.gl, {
       enable: enable2,
       copyState,
-      log: (...args) => import_core27.log.log(1, ...args)()
+      log: (...args) => import_core26.log.log(1, ...args)()
     });
     if ((0, import_env3.isBrowser)() && props.debug) {
       this.gl = makeDebugContext(this.gl, { ...props, webgl2: this.isWebGL2, throwOnError: true });
       this.gl2 = this.gl;
       this.debug = true;
-      import_core27.log.level = Math.max(import_core27.log.level, 1);
-      import_core27.log.warn("WebGL debug mode activated. Performance reduced.")();
+      import_core26.log.level = Math.max(import_core26.log.level, 1);
+      import_core26.log.warn("WebGL debug mode activated. Performance reduced.")();
     }
     if ((0, import_env3.isBrowser)() && props.spector) {
       const canvas = this.handle.canvas || props.canvas;
       this.spector = initializeSpectorJS({ ...this.props, canvas });
     }
-    const message2 = `Created ${this.info.type}${this.debug ? " debug" : ""} context: ${this.info.vendor}, ${this.info.renderer} for canvas: ${this.canvasContext.id}`;
-    import_core27.log.probe(LOG_LEVEL2, message2)();
-    import_core27.log.groupEnd(LOG_LEVEL2)();
   }
   /**
    * Destroys the context
@@ -6227,7 +6249,7 @@ var _WebGLDevice = class extends import_core27.Device {
     this._constants = this._constants || new Array(this.limits.maxVertexAttributes).fill(null);
     const currentConstant = this._constants[location];
     if (currentConstant && compareConstantArrayValues2(currentConstant, constant)) {
-      import_core27.log.info(1, `setConstantAttribute(${location}) could have been skipped, value unchanged`)();
+      import_core26.log.info(1, `setConstantAttribute(${location}) could have been skipped, value unchanged`)();
     }
     this._constants[location] = constant;
     switch (constant.constructor) {
@@ -6241,7 +6263,7 @@ var _WebGLDevice = class extends import_core27.Device {
         setConstantUintArray(this, location, constant);
         break;
       default:
-        (0, import_core27.assert)(false);
+        (0, import_core26.assert)(false);
     }
   }
 };
@@ -6280,7 +6302,7 @@ function setConstantFloatArray(device, location, array) {
       device.gl.vertexAttrib4fv(location, array);
       break;
     default:
-      (0, import_core27.assert)(false);
+      (0, import_core26.assert)(false);
   }
 }
 function setConstantIntArray(device, location, array) {
@@ -6306,7 +6328,7 @@ function compareConstantArrayValues2(v1, v2) {
 }
 
 // src/classic/clear.ts
-var import_core28 = require("@luma.gl/core");
+var import_core27 = require("@luma.gl/core");
 var GL_DEPTH_BUFFER_BIT2 = 256;
 var GL_STENCIL_BUFFER_BIT2 = 1024;
 var GL_COLOR_BUFFER_BIT2 = 16384;
@@ -6337,18 +6359,18 @@ function clear(gl, options) {
       parameters.clearStencil = depth;
     }
   }
-  (0, import_core28.assert)(clearFlags !== 0, ERR_ARGUMENTS);
+  (0, import_core27.assert)(clearFlags !== 0, ERR_ARGUMENTS);
   withGLParameters(device.gl, parameters, () => {
     device.gl.clear(clearFlags);
   });
 }
 
 // src/classic/copy-and-blit.ts
-var import_core30 = require("@luma.gl/core");
+var import_core29 = require("@luma.gl/core");
 var import_constants29 = require("@luma.gl/constants");
 
 // src/classic/format-utils.ts
-var import_core29 = require("@luma.gl/core");
+var import_core28 = require("@luma.gl/core");
 var import_constants28 = require("@luma.gl/constants");
 function glFormatToComponents(format) {
   switch (format) {
@@ -6366,7 +6388,7 @@ function glFormatToComponents(format) {
     case import_constants28.GL.RGBA32F:
       return 4;
     default:
-      (0, import_core29.assert)(false);
+      (0, import_core28.assert)(false);
       return 0;
   }
 }
@@ -6381,7 +6403,7 @@ function glTypeToBytes(type) {
     case import_constants28.GL.FLOAT:
       return 4;
     default:
-      (0, import_core29.assert)(false);
+      (0, import_core28.assert)(false);
       return 0;
   }
 }
@@ -6404,7 +6426,7 @@ function readPixelsToArray(source, options) {
     sourceType
   } = options || {};
   const { framebuffer, deleteFramebuffer } = getFramebuffer2(source);
-  (0, import_core30.assert)(framebuffer);
+  (0, import_core29.assert)(framebuffer);
   const { gl, handle } = framebuffer;
   sourceWidth = sourceWidth || framebuffer.width;
   sourceHeight = sourceHeight || framebuffer.height;
@@ -6424,7 +6446,7 @@ function readPixelsToBuffer(source, options) {
   const { sourceX = 0, sourceY = 0, sourceFormat = import_constants29.GL.RGBA, targetByteOffset = 0 } = options || {};
   let { target, sourceWidth, sourceHeight, sourceType } = options || {};
   const { framebuffer, deleteFramebuffer } = getFramebuffer2(source);
-  (0, import_core30.assert)(framebuffer);
+  (0, import_core29.assert)(framebuffer);
   sourceWidth = sourceWidth || framebuffer.width;
   sourceHeight = sourceHeight || framebuffer.height;
   const webglFramebuffer = framebuffer;
@@ -6468,7 +6490,7 @@ function copyToTexture(source, target, options) {
     // defaults to target height
   } = options || {};
   const { framebuffer, deleteFramebuffer } = getFramebuffer2(source);
-  (0, import_core30.assert)(framebuffer);
+  (0, import_core29.assert)(framebuffer);
   const webglFramebuffer = framebuffer;
   const { device, handle } = webglFramebuffer;
   const isSubCopy = typeof targetX !== "undefined" || typeof targetY !== "undefined" || typeof targetZ !== "undefined";
@@ -6476,10 +6498,10 @@ function copyToTexture(source, target, options) {
   targetY = targetY || 0;
   targetZ = targetZ || 0;
   const prevHandle = device.gl.bindFramebuffer(import_constants29.GL.FRAMEBUFFER, handle);
-  (0, import_core30.assert)(target);
+  (0, import_core29.assert)(target);
   let texture = null;
   let textureTarget;
-  if (target instanceof import_core30.Texture) {
+  if (target instanceof import_core29.Texture) {
     texture = target;
     width = Number.isFinite(width) ? width : texture.width;
     height = Number.isFinite(height) ? height : texture.height;
@@ -6543,7 +6565,7 @@ function copyToTexture(source, target, options) {
   return texture;
 }
 function getFramebuffer2(source) {
-  if (!(source instanceof import_core30.Framebuffer)) {
+  if (!(source instanceof import_core29.Framebuffer)) {
     return { framebuffer: toFramebuffer(source), deleteFramebuffer: true };
   }
   return { framebuffer: source, deleteFramebuffer: false };