@luma.gl/webgpu 9.1.1 → 9.1.3

package/dist/index.cjs

@@ -29,10 +29,10 @@ __export(dist_exports, {
 module.exports = __toCommonJS(dist_exports);
 
 // dist/adapter/webgpu-adapter.js
-var import_core18 = require("@luma.gl/core");
+var import_core19 = require("@luma.gl/core");
 
 // dist/adapter/webgpu-device.js
-var import_core17 = require("@luma.gl/core");
+var import_core18 = require("@luma.gl/core");
 
 // dist/adapter/resources/webgpu-buffer.js
 var import_core = require("@luma.gl/core");
@@ -369,9 +369,10 @@ var WebGPUShader = class extends import_core6.Shader {
 };
 
 // dist/adapter/resources/webgpu-render-pipeline.js
-var import_core9 = require("@luma.gl/core");
+var import_core10 = require("@luma.gl/core");
 
 // dist/adapter/helpers/webgpu-parameters.js
+var import_core7 = require("@luma.gl/core");
 function addDepthStencil(descriptor) {
   descriptor.depthStencil = descriptor.depthStencil || {
     // required, set something
@@ -551,7 +552,8 @@ function setParameters(pipelineDescriptor, parameters) {
   for (const [key, value] of Object.entries(parameters)) {
     const setterFunction = PARAMETER_TABLE[key];
     if (!setterFunction) {
-      throw new Error(`Illegal parameter ${key}`);
+      import_core7.log.warn(`Illegal parameter ${key}`)();
+      continue;
     }
     setterFunction(key, value, pipelineDescriptor);
   }
@@ -560,7 +562,7 @@ function addColorState(descriptor) {
   var _a, _b, _c, _d, _e, _f;
   descriptor.fragment.targets = ((_a = descriptor.fragment) == null ? void 0 : _a.targets) || [];
   if (!Array.isArray((_b = descriptor.fragment) == null ? void 0 : _b.targets)) {
-    throw new Error("colorstate");
+    import_core7.log.warn("parameters: no targets array")();
   }
   if (((_d = (_c = descriptor.fragment) == null ? void 0 : _c.targets) == null ? void 0 : _d.length) === 0) {
     (_e = descriptor.fragment.targets) == null ? void 0 : _e.push({});
@@ -569,7 +571,7 @@ function addColorState(descriptor) {
 }
 
 // dist/adapter/helpers/get-bind-group.js
-var import_core7 = require("@luma.gl/core");
+var import_core8 = require("@luma.gl/core");
 function getBindGroup(device, bindGroupLayout, shaderLayout, bindings) {
   const entries = getBindGroupEntries(bindings, shaderLayout);
   return device.createBindGroup({
@@ -580,7 +582,7 @@ function getBindGroup(device, bindGroupLayout, shaderLayout, bindings) {
 function getShaderLayoutBinding(shaderLayout, bindingName) {
   const bindingLayout = shaderLayout.bindings.find((binding) => binding.name === bindingName || `${binding.name}uniforms` === bindingName.toLocaleLowerCase());
   if (!bindingLayout) {
-    import_core7.log.warn(`Binding ${bindingName} not set: Not found in shader layout.`)();
+    import_core8.log.warn(`Binding ${bindingName} not set: Not found in shader layout.`)();
   }
   return bindingLayout || null;
 }
@@ -599,7 +601,7 @@ function getBindGroupEntries(bindings, shaderLayout) {
   return entries;
 }
 function getBindGroupEntry(binding, index, options) {
-  if (binding instanceof import_core7.Buffer) {
+  if (binding instanceof import_core8.Buffer) {
     return {
       binding: index,
       resource: {
@@ -607,12 +609,12 @@ function getBindGroupEntry(binding, index, options) {
       }
     };
   }
-  if (binding instanceof import_core7.Sampler) {
+  if (binding instanceof import_core8.Sampler) {
     return {
       binding: index,
       resource: binding.handle
     };
-  } else if (binding instanceof import_core7.Texture) {
+  } else if (binding instanceof import_core8.Texture) {
     if (options == null ? void 0 : options.sampler) {
       return {
         binding: index,
@@ -628,7 +630,7 @@ function getBindGroupEntry(binding, index, options) {
 }
 
 // dist/adapter/helpers/get-vertex-buffer-layout.js
-var import_core8 = require("@luma.gl/core");
+var import_core9 = require("@luma.gl/core");
 function getWebGPUVertexFormat(format) {
   if (format.endsWith("-webgl")) {
     throw new Error(`WebGPU does not support vertex format ${format}`);
@@ -642,26 +644,27 @@ function getVertexBufferLayout(shaderLayout, bufferLayout) {
     const vertexAttributes = [];
     let stepMode = "vertex";
     let byteStride = 0;
-    const format = mapping.format;
+    let format = mapping.format;
     if (mapping.attributes) {
       for (const attributeMapping of mapping.attributes) {
         const attributeName = attributeMapping.attribute;
         const attributeLayout = findAttributeLayout(shaderLayout, attributeName, usedAttributes);
         const location = attributeLayout == null ? void 0 : attributeLayout.location;
+        format = attributeMapping.format || mapping.format;
         stepMode = (attributeLayout == null ? void 0 : attributeLayout.stepMode) || ((attributeLayout == null ? void 0 : attributeLayout.name.startsWith("instance")) ? "instance" : "vertex");
         vertexAttributes.push({
-          format: getWebGPUVertexFormat(attributeMapping.format || mapping.format),
+          format: getWebGPUVertexFormat(format),
           offset: attributeMapping.byteOffset,
           shaderLocation: location
         });
-        byteStride += (0, import_core8.decodeVertexFormat)(format).byteLength;
+        byteStride += (0, import_core9.decodeVertexFormat)(format).byteLength;
       }
     } else {
       const attributeLayout = findAttributeLayout(shaderLayout, mapping.name, usedAttributes);
       if (!attributeLayout) {
         continue;
       }
-      byteStride = (0, import_core8.decodeVertexFormat)(format).byteLength;
+      byteStride = (0, import_core9.decodeVertexFormat)(format).byteLength;
       stepMode = attributeLayout.stepMode || (attributeLayout.name.startsWith("instance") ? "instance" : "vertex");
       vertexAttributes.push({
         format: getWebGPUVertexFormat(format),
@@ -679,7 +682,7 @@ function getVertexBufferLayout(shaderLayout, bufferLayout) {
   for (const attribute of shaderLayout.attributes) {
     if (!usedAttributes.has(attribute.name)) {
       vertexBufferLayouts.push({
-        arrayStride: (0, import_core8.decodeVertexFormat)("float32x3").byteLength,
+        arrayStride: (0, import_core9.decodeVertexFormat)("float32x3").byteLength,
         stepMode: attribute.stepMode || (attribute.name.startsWith("instance") ? "instance" : "vertex"),
         attributes: [
           {
@@ -696,7 +699,7 @@ function getVertexBufferLayout(shaderLayout, bufferLayout) {
 function findAttributeLayout(shaderLayout, name, attributeNames) {
   const attribute = shaderLayout.attributes.find((attribute_) => attribute_.name === name);
   if (!attribute) {
-    import_core8.log.warn(`Unknown attribute ${name}`)();
+    import_core9.log.warn(`Unknown attribute ${name}`)();
     return null;
   }
   if (attributeNames.has(name)) {
@@ -707,7 +710,7 @@ function findAttributeLayout(shaderLayout, name, attributeNames) {
 }
 
 // dist/adapter/resources/webgpu-render-pipeline.js
-var WebGPURenderPipeline = class extends import_core9.RenderPipeline {
+var WebGPURenderPipeline = class extends import_core10.RenderPipeline {
   device;
   handle;
   vs;
@@ -722,15 +725,15 @@ var WebGPURenderPipeline = class extends import_core9.RenderPipeline {
     this.handle = this.props.handle;
     if (!this.handle) {
       const descriptor = this._getRenderPipelineDescriptor();
-      import_core9.log.groupCollapsed(1, `new WebGPURenderPipeline(${this.id})`)();
-      import_core9.log.probe(1, JSON.stringify(descriptor, null, 2))();
-      import_core9.log.groupEnd(1)();
+      import_core10.log.groupCollapsed(1, `new WebGPURenderPipeline(${this.id})`)();
+      import_core10.log.probe(1, JSON.stringify(descriptor, null, 2))();
+      import_core10.log.groupEnd(1)();
       this.device.handle.pushErrorScope("validation");
       this.handle = this.device.handle.createRenderPipeline(descriptor);
       this.device.handle.popErrorScope().then((error) => {
         var _a;
         if (error) {
-          import_core9.log.error(`${this} creation failed:
+          import_core10.log.error(`${this} creation failed:
 "${error.message}"`, this, (_a = this.props.vs) == null ? void 0 : _a.source)();
         }
       });
@@ -757,7 +760,7 @@ var WebGPURenderPipeline = class extends import_core9.RenderPipeline {
     webgpuRenderPass.handle.setPipeline(this.handle);
     this.device.handle.popErrorScope().then((error) => {
       if (error) {
-        import_core9.log.error(`${this} setPipeline failed:
+        import_core10.log.error(`${this} setPipeline failed:
 "${error.message}"`, this)();
       }
     });
@@ -815,14 +818,21 @@ var WebGPURenderPipeline = class extends import_core9.RenderPipeline {
       },
       layout: "auto"
     };
+    if (this.props.parameters.depthWriteEnabled && this.props.parameters.depthCompare) {
+      descriptor.depthStencil = {
+        format: "depth24plus",
+        depthWriteEnabled: this.props.parameters.depthWriteEnabled,
+        depthCompare: this.props.parameters.depthCompare
+      };
+    }
     applyParametersToRenderPipelineDescriptor(descriptor, this.props.parameters);
     return descriptor;
   }
 };
 
 // dist/adapter/resources/webgpu-framebuffer.js
-var import_core10 = require("@luma.gl/core");
-var WebGPUFramebuffer = class extends import_core10.Framebuffer {
+var import_core11 = require("@luma.gl/core");
+var WebGPUFramebuffer = class extends import_core11.Framebuffer {
   device;
   colorAttachments = [];
   depthStencilAttachment = null;
@@ -836,8 +846,8 @@ var WebGPUFramebuffer = class extends import_core10.Framebuffer {
 };
 
 // dist/adapter/resources/webgpu-compute-pipeline.js
-var import_core11 = require("@luma.gl/core");
-var WebGPUComputePipeline = class extends import_core11.ComputePipeline {
+var import_core12 = require("@luma.gl/core");
+var WebGPUComputePipeline = class extends import_core12.ComputePipeline {
   device;
   handle;
   /** For internal use to create BindGroups */
@@ -875,8 +885,8 @@ var WebGPUComputePipeline = class extends import_core11.ComputePipeline {
 };
 
 // dist/adapter/resources/webgpu-render-pass.js
-var import_core12 = require("@luma.gl/core");
-var WebGPURenderPass = class extends import_core12.RenderPass {
+var import_core13 = require("@luma.gl/core");
+var WebGPURenderPass = class extends import_core13.RenderPass {
   device;
   handle;
   /** Active pipeline */
@@ -905,14 +915,14 @@ var WebGPURenderPass = class extends import_core12.RenderPass {
     this.handle = this.props.handle || device.commandEncoder.beginRenderPass(renderPassDescriptor);
     this.device.handle.popErrorScope().then((error) => {
       if (error) {
-        import_core12.log.error(`${this} creation failed:
+        import_core13.log.error(`${this} creation failed:
 "${error.message}"`, this)();
       }
     });
     this.handle.label = this.props.id;
-    import_core12.log.groupCollapsed(3, `new WebGPURenderPass(${this.id})`)();
-    import_core12.log.probe(3, JSON.stringify(renderPassDescriptor, null, 2))();
-    import_core12.log.groupEnd(3)();
+    import_core13.log.groupCollapsed(3, `new WebGPURenderPass(${this.id})`)();
+    import_core13.log.probe(3, JSON.stringify(renderPassDescriptor, null, 2))();
+    import_core13.log.groupEnd(3)();
   }
   destroy() {
   }
@@ -992,7 +1002,7 @@ var WebGPURenderPass = class extends import_core12.RenderPass {
       return {
         // clear values
         loadOp: this.props.clearColor !== false ? "clear" : "load",
-        colorClearValue: ((_a = this.props.clearColors) == null ? void 0 : _a[index]) || this.props.clearColor || import_core12.RenderPass.defaultClearColor,
+        clearValue: convertColor(((_a = this.props.clearColors) == null ? void 0 : _a[index]) || this.props.clearColor || import_core13.RenderPass.defaultClearColor),
         storeOp: this.props.discard ? "discard" : "store",
         // ...colorAttachment,
         view: colorAttachment.handle
@@ -1023,10 +1033,13 @@ var WebGPURenderPass = class extends import_core12.RenderPass {
     return renderPassDescriptor;
   }
 };
+function convertColor(color) {
+  return { r: color[0], g: color[1], b: color[2], a: color[3] };
+}
 
 // dist/adapter/resources/webgpu-compute-pass.js
-var import_core13 = require("@luma.gl/core");
-var WebGPUComputePass = class extends import_core13.ComputePass {
+var import_core14 = require("@luma.gl/core");
+var WebGPUComputePass = class extends import_core14.ComputePass {
   device;
   handle;
   _webgpuPipeline = null;
@@ -1102,9 +1115,9 @@ var WebGPUComputePass = class extends import_core13.ComputePass {
 };
 
 // dist/adapter/resources/webgpu-vertex-array.js
-var import_core14 = require("@luma.gl/core");
+var import_core15 = require("@luma.gl/core");
 var import_env = require("@probe.gl/env");
-var WebGPUVertexArray = class extends import_core14.VertexArray {
+var WebGPUVertexArray = class extends import_core15.VertexArray {
   get [Symbol.toStringTag]() {
     return "WebGPUVertexArray";
   }
@@ -1133,7 +1146,7 @@ var WebGPUVertexArray = class extends import_core14.VertexArray {
     const webgpuRenderPass = renderPass;
     const webgpuIndexBuffer = this.indexBuffer;
     if (webgpuIndexBuffer == null ? void 0 : webgpuIndexBuffer.handle) {
-      import_core14.log.info(3, "setting index buffer", webgpuIndexBuffer == null ? void 0 : webgpuIndexBuffer.handle, webgpuIndexBuffer == null ? void 0 : webgpuIndexBuffer.indexType)();
+      import_core15.log.info(3, "setting index buffer", webgpuIndexBuffer == null ? void 0 : webgpuIndexBuffer.handle, webgpuIndexBuffer == null ? void 0 : webgpuIndexBuffer.indexType)();
       webgpuRenderPass.handle.setIndexBuffer(
         webgpuIndexBuffer == null ? void 0 : webgpuIndexBuffer.handle,
         // @ts-expect-error TODO - we must enforce type
@@ -1143,7 +1156,7 @@ var WebGPUVertexArray = class extends import_core14.VertexArray {
     for (let location = 0; location < this.maxVertexAttributes; location++) {
       const webgpuBuffer = this.attributes[location];
       if (webgpuBuffer == null ? void 0 : webgpuBuffer.handle) {
-        import_core14.log.info(3, `setting vertex buffer ${location}`, webgpuBuffer == null ? void 0 : webgpuBuffer.handle)();
+        import_core15.log.info(3, `setting vertex buffer ${location}`, webgpuBuffer == null ? void 0 : webgpuBuffer.handle)();
         webgpuRenderPass.handle.setVertexBuffer(location, webgpuBuffer == null ? void 0 : webgpuBuffer.handle);
       }
     }
@@ -1161,8 +1174,8 @@ var WebGPUVertexArray = class extends import_core14.VertexArray {
 };
 
 // dist/adapter/webgpu-canvas-context.js
-var import_core15 = require("@luma.gl/core");
-var WebGPUCanvasContext = class extends import_core15.CanvasContext {
+var import_core16 = require("@luma.gl/core");
+var WebGPUCanvasContext = class extends import_core16.CanvasContext {
   device;
   gpuCanvasContext;
   /** Format of returned textures: "bgra8unorm", "rgba8unorm", "rgba16float". */
@@ -1219,7 +1232,7 @@ var WebGPUCanvasContext = class extends import_core15.CanvasContext {
         colorSpace: this.props.colorSpace,
         alphaMode: this.props.alphaMode
       });
-      import_core15.log.log(1, `${this} Resized ${oldWidth}x${oldHeight} => ${newWidth}x${newHeight}px`)();
+      import_core16.log.log(1, `${this} Resized ${oldWidth}x${oldHeight} => ${newWidth}x${newHeight}px`)();
     }
   }
   resize(options) {
@@ -1256,8 +1269,8 @@ var WebGPUCanvasContext = class extends import_core15.CanvasContext {
 };
 
 // dist/adapter/resources/webgpu-query-set.js
-var import_core16 = require("@luma.gl/core");
-var WebGPUQuerySet = class extends import_core16.QuerySet {
+var import_core17 = require("@luma.gl/core");
+var WebGPUQuerySet = class extends import_core17.QuerySet {
   device;
   handle;
   constructor(device, props) {
@@ -1277,7 +1290,7 @@ var WebGPUQuerySet = class extends import_core16.QuerySet {
 };
 
 // dist/adapter/webgpu-device.js
-var WebGPUDevice = class extends import_core17.Device {
+var WebGPUDevice = class extends import_core18.Device {
   /** type of this device */
   type = "webgpu";
   /** The underlying WebGPU device */
@@ -1315,8 +1328,8 @@ var WebGPUDevice = class extends import_core17.Device {
       this._isLost = true;
       resolve({ reason: "destroyed", message: lostInfo.message });
     });
-    if (props.createCanvasContext) {
-      const canvasContextProps = props.createCanvasContext === true ? {} : props.createCanvasContext;
+    const canvasContextProps = import_core18.Device._getCanvasContextProps(props);
+    if (canvasContextProps) {
       this.canvasContext = new WebGPUCanvasContext(this, this.adapter, canvasContextProps);
     }
   }
@@ -1441,7 +1454,7 @@ var WebGPUDevice = class extends import_core17.Device {
     for (const feature of WEBGPU_ALWAYS_FEATURES) {
       features.add(feature);
     }
-    return new import_core17.DeviceFeatures(Array.from(features), this.props._disabledFeatures);
+    return new import_core18.DeviceFeatures(Array.from(features), this.props._disabledFeatures);
   }
   _getDeviceSpecificTextureFormatCapabilities(capabilities) {
     const { format } = capabilities;
@@ -1494,7 +1507,7 @@ var WebGPUDevice = class extends import_core17.Device {
 };
 
 // dist/adapter/webgpu-adapter.js
-var WebGPUAdapter = class extends import_core18.Adapter {
+var WebGPUAdapter = class extends import_core19.Adapter {
   /** type of device's created by this adapter */
   type = "webgpu";
   constructor() {
@@ -1510,7 +1523,7 @@ var WebGPUAdapter = class extends import_core18.Adapter {
     if (!navigator.gpu) {
       throw new Error("WebGPU not available. Open in Chrome Canary and turn on chrome://flags/#enable-unsafe-webgpu");
     }
-    import_core18.log.groupCollapsed(1, "WebGPUDevice created")();
+    import_core19.log.groupCollapsed(1, "WebGPUDevice created")();
     const adapter = await navigator.gpu.requestAdapter({
       powerPreference: "high-performance"
       // forceSoftware: false
@@ -1520,7 +1533,7 @@ var WebGPUAdapter = class extends import_core18.Adapter {
     }
     const adapterInfo = adapter.info || // @ts-ignore Chrome has removed this function
     await ((_a = adapter.requestAdapterInfo) == null ? void 0 : _a.call(adapter));
-    import_core18.log.probe(2, "Adapter available", adapterInfo)();
+    import_core19.log.probe(2, "Adapter available", adapterInfo)();
     const requiredFeatures = [];
     const requiredLimits = {};
     if (props._requestMaxLimits) {
@@ -1538,11 +1551,11 @@ var WebGPUAdapter = class extends import_core18.Adapter {
       requiredFeatures,
       requiredLimits
     });
-    import_core18.log.probe(1, "GPUDevice available")();
+    import_core19.log.probe(1, "GPUDevice available")();
     const device = new WebGPUDevice(props, gpuDevice, adapter, adapterInfo);
-    import_core18.log.probe(1, "Device created. For more info, set chrome://flags/#enable-webgpu-developer-features")();
-    import_core18.log.table(1, device.info)();
-    import_core18.log.groupEnd(1)();
+    import_core19.log.probe(1, "Device created. For more info, set chrome://flags/#enable-webgpu-developer-features")();
+    import_core19.log.table(1, device.info)();
+    import_core19.log.groupEnd(1)();
     return device;
   }
   async attach(handle) {