@kitware/vtk.js 22.2.3 → 22.3.0

package/Rendering/WebGPU/BindGroup.js

@@ -66,7 +66,8 @@ function vtkWebGPUBindGroup(publicAPI, model) {
 
     model.bindGroup = device.getHandle().createBindGroup({
       layout: publicAPI.getBindGroupLayout(device),
-      entries: entries
+      entries: entries,
+      label: model.label
     });
     model.bindGroupTime.modified();
     return model.bindGroup;
@@ -74,7 +75,7 @@ function vtkWebGPUBindGroup(publicAPI, model) {
 
   publicAPI.getShaderCode = function (pipeline) {
     var lines = [];
-    var bgroup = pipeline.getBindGroupLayoutCount(model.name);
+    var bgroup = pipeline.getBindGroupLayoutCount(model.label);
 
     for (var i = 0; i < model.bindables.length; i++) {
       lines.push(model.bindables[i].getShaderCode(i, bgroup));
@@ -90,7 +91,7 @@ function vtkWebGPUBindGroup(publicAPI, model) {
 var DEFAULT_VALUES = {
   device: null,
   handle: null,
-  name: null
+  label: null
 }; // ----------------------------------------------------------------------------
 
 function extend(publicAPI, model) {
@@ -104,7 +105,7 @@ function extend(publicAPI, model) {
     mtime: 0
   });
   macro.get(publicAPI, model, ['bindGroupTime', 'handle', 'sizeInBytes', 'usage']);
-  macro.setGet(publicAPI, model, ['name', 'device', 'arrayInformation', 'sourceTime']);
+  macro.setGet(publicAPI, model, ['label', 'device', 'arrayInformation', 'sourceTime']);
   vtkWebGPUBindGroup(publicAPI, model);
 } // ----------------------------------------------------------------------------
 

package/Rendering/WebGPU/Buffer.js

@@ -41,7 +41,8 @@ function vtkWebGPUBuffer(publicAPI, model) {
   publicAPI.create = function (sizeInBytes, usage) {
     model.handle = model.device.getHandle().createBuffer({
       size: sizeInBytes,
-      usage: usage
+      usage: usage,
+      label: model.label
     });
     model.sizeInBytes = sizeInBytes;
     model.usage = usage;
@@ -55,7 +56,8 @@ function vtkWebGPUBuffer(publicAPI, model) {
     model.handle = model.device.getHandle().createBuffer({
       size: data.byteLength,
       usage: usage,
-      mappedAtCreation: true
+      mappedAtCreation: true,
+      label: model.label
     });
     model.sizeInBytes = data.byteLength;
     model.usage = usage;
@@ -88,6 +90,7 @@ var DEFAULT_VALUES = {
   strideInBytes: 0,
   arrayInformation: null,
   usage: null,
+  label: null,
   sourceTime: null
 }; // ----------------------------------------------------------------------------
 
@@ -97,7 +100,7 @@ function extend(publicAPI, model) {
 
   macro.obj(publicAPI, model);
   macro.get(publicAPI, model, ['handle', 'sizeInBytes', 'usage']);
-  macro.setGet(publicAPI, model, ['strideInBytes', 'device', 'arrayInformation', 'sourceTime']);
+  macro.setGet(publicAPI, model, ['strideInBytes', 'device', 'arrayInformation', 'label', 'sourceTime']);
   vtkWebGPUBuffer(publicAPI, model);
 } // ----------------------------------------------------------------------------
 

package/Rendering/WebGPU/BufferManager.js

@@ -406,7 +406,9 @@ function vtkWebGPUBufferManager(publicAPI, model) {
     } // create one
 
 
-    var buffer = vtkWebGPUBuffer.newInstance();
+    var buffer = vtkWebGPUBuffer.newInstance({
+      label: req.label
+    });
     buffer.setDevice(model.device);
     var gpuUsage = null; // handle uniform buffers
 

package/Rendering/WebGPU/Device.js

@@ -83,7 +83,7 @@ function vtkWebGPUDevice(publicAPI, model) {
   };
 
   publicAPI.createPipeline = function (hash, pipeline) {
-    pipeline.initialize(publicAPI);
+    pipeline.initialize(publicAPI, hash);
     model.pipelines[hash] = pipeline;
   };
 

package/Rendering/WebGPU/Glyph3DMapper.js

@@ -126,8 +126,9 @@ function extend(publicAPI, model) {
   obj(model.glyphBOBuildTime, {
     mtime: 0
   });
-  model.SSBO = vtkWebGPUStorageBuffer.newInstance();
-  model.SSBO.setName('glyphSSBO'); // Object methods
+  model.SSBO = vtkWebGPUStorageBuffer.newInstance({
+    label: 'glyphSSBO'
+  }); // Object methods
 
   vtkWebGPUGlyph3DMapper(publicAPI, model);
 

package/Rendering/WebGPU/HardwareSelectionPass.js

@@ -25,7 +25,9 @@ function vtkWebGPUHardwareSelectionPass(publicAPI, model) {
     if (!model.selectionRenderEncoder) {
       publicAPI.createRenderEncoder(); // create color texture
 
-      model.colorTexture = vtkWebGPUTexture.newInstance();
+      model.colorTexture = vtkWebGPUTexture.newInstance({
+        label: 'hardwareSelectorColor'
+      });
       model.colorTexture.create(device, {
         width: viewNode.getCanvas().width,
         height: viewNode.getCanvas().height,
@@ -36,11 +38,12 @@ function vtkWebGPUHardwareSelectionPass(publicAPI, model) {
         /* eslint-disable no-bitwise */
         usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.COPY_SRC
       });
-      var v1 = model.colorTexture.createView();
-      v1.setName('hardwareSelectColorTexture');
+      var v1 = model.colorTexture.createView('hardwareSelectColorTexture');
       model.selectionRenderEncoder.setColorTextureView(0, v1); // create depth texture
 
-      model.depthTexture = vtkWebGPUTexture.newInstance();
+      model.depthTexture = vtkWebGPUTexture.newInstance({
+        label: 'hardwareSelectorDepth'
+      });
       model.depthTexture.create(device, {
         width: viewNode.getCanvas().width,
         height: viewNode.getCanvas().height,
@@ -51,8 +54,7 @@ function vtkWebGPUHardwareSelectionPass(publicAPI, model) {
         /* eslint-disable no-bitwise */
         usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.COPY_SRC
       });
-      var v2 = model.depthTexture.createView();
-      v2.setName('hardwareSelectDepthTexture');
+      var v2 = model.depthTexture.createView('hardwareSelectDepthTexture');
       model.selectionRenderEncoder.setDepthTextureView(v2);
     } else {
       model.colorTexture.resize(viewNode.getCanvas().width, viewNode.getCanvas().height);
@@ -69,7 +71,9 @@ function vtkWebGPUHardwareSelectionPass(publicAPI, model) {
   };
 
   publicAPI.createRenderEncoder = function () {
-    model.selectionRenderEncoder = vtkWebGPURenderEncoder.newInstance(); // default settings are fine for this
+    model.selectionRenderEncoder = vtkWebGPURenderEncoder.newInstance({
+      label: 'HardwareSelectionPass'
+    }); // default settings are fine for this
 
     model.selectionRenderEncoder.setPipelineHash('sel');
     model.selectionRenderEncoder.setReplaceShaderCodeFunction(function (pipeline) {

package/Rendering/WebGPU/HardwareSelector.js

@@ -290,7 +290,9 @@ function vtkWebGPUHardwareSelector(publicAPI, model) {
 
               result.colorBufferWidth = 16 * Math.floor((result.width + 15) / 16);
               result.colorBufferSizeInBytes = result.colorBufferWidth * result.height * 4 * 4;
-              colorBuffer = vtkWebGPUBuffer.newInstance();
+              colorBuffer = vtkWebGPUBuffer.newInstance({
+                label: 'hardwareSelectColorBuffer'
+              });
               colorBuffer.setDevice(device);
               /* eslint-disable no-bitwise */
 
@@ -316,7 +318,9 @@ function vtkWebGPUHardwareSelector(publicAPI, model) {
 
               if (model.captureZValues) {
                 result.zbufferBufferWidth = 64 * Math.floor((result.width + 63) / 64);
-                zbuffer = vtkWebGPUBuffer.newInstance();
+                zbuffer = vtkWebGPUBuffer.newInstance({
+                  label: 'hardwareSelectDepthBuffer'
+                });
                 zbuffer.setDevice(device);
                 result.zbufferSizeInBytes = result.height * result.zbufferBufferWidth * 4;
                 /* eslint-disable no-bitwise */

package/Rendering/WebGPU/ImageMapper.js

@@ -258,8 +258,7 @@ function vtkWebGPUImageMapper(publicAPI, model) {
           format: 'rgba8unorm'
         };
         var newTex = device.getTextureManager().getTexture(treq);
-        var tview = newTex.createView();
-        tview.setName('tfunTexture');
+        var tview = newTex.createView('tfunTexture');
         var tViews = model.helper.getTextureViews();
         tViews[1] = tview;
       }
@@ -276,8 +275,7 @@ function vtkWebGPUImageMapper(publicAPI, model) {
     var tViews = model.helper.getTextureViews();
 
     if (!tViews[0] || tViews[0].getTexture() !== newTex) {
-      var tview = newTex.createView();
-      tview.setName("imgTexture");
+      var tview = newTex.createView('imgTexture');
       tViews[0] = tview;
     }
 
@@ -293,8 +291,9 @@ function vtkWebGPUImageMapper(publicAPI, model) {
     var iType = actorProperty.getInterpolationType() === InterpolationType.NEAREST ? 'nearest' : 'linear';
 
     if (!model.clampSampler || iType !== model.clampSampler.getOptions().minFilter) {
-      model.clampSampler = vtkWebGPUSampler.newInstance();
-      model.clampSampler.setName('clampSampler');
+      model.clampSampler = vtkWebGPUSampler.newInstance({
+        label: 'clampSampler'
+      });
       model.clampSampler.create(device, {
         minFilter: iType,
         magFilter: iType
@@ -389,8 +388,9 @@ function extend(publicAPI, model) {
   vtkViewNode.extend(publicAPI, model, initialValues);
   model.helper = vtkWebGPUFullScreenQuad.newInstance();
   model.helper.setFragmentShaderTemplate(imgFragTemplate);
-  model.UBO = vtkWebGPUUniformBuffer.newInstance();
-  model.UBO.setName('mapperUBO');
+  model.UBO = vtkWebGPUUniformBuffer.newInstance({
+    label: 'mapperUBO'
+  });
   model.UBO.addEntry('SCTCMatrix', 'mat4x4<f32>');
   model.UBO.addEntry('Origin', 'vec4<f32>');
   model.UBO.addEntry('Axis2', 'vec4<f32>');
@@ -398,10 +398,12 @@ function extend(publicAPI, model) {
   model.UBO.addEntry('cScale', 'vec4<f32>');
   model.UBO.addEntry('cShift', 'vec4<f32>');
   model.helper.setUBO(model.UBO);
-  model.SSBO = vtkWebGPUStorageBuffer.newInstance();
-  model.SSBO.setName('volumeSSBO');
-  model.componentSSBO = vtkWebGPUStorageBuffer.newInstance();
-  model.componentSSBO.setName('componentSSBO');
+  model.SSBO = vtkWebGPUStorageBuffer.newInstance({
+    label: 'volumeSSBO'
+  });
+  model.componentSSBO = vtkWebGPUStorageBuffer.newInstance({
+    label: 'componentSSBO'
+  });
   model.lutBuildTime = {};
   obj(model.lutBuildTime, {
     mtime: 0

package/Rendering/WebGPU/MapperHelper.js

@@ -230,8 +230,9 @@ function extend(publicAPI, model) {
   macro.obj(publicAPI, model);
   model.textureViews = [];
   model.vertexInput = vtkWebGPUVertexInput.newInstance();
-  model.bindGroup = vtkWebGPUBindGroup.newInstance();
-  model.bindGroup.setName('mapperBG');
+  model.bindGroup = vtkWebGPUBindGroup.newInstance({
+    label: 'mapperBG'
+  });
   model.additionalBindables = [];
   model.fragmentShaderTemplate = model.fragmentShaderTemplate || vtkWebGPUMapperHelperFS;
   model.vertexShaderTemplate = model.vertexShaderTemplate || vtkWebGPUMapperHelperVS;

package/Rendering/WebGPU/OpaquePass.js

@@ -21,7 +21,9 @@ function vtkWebGPUOpaquePass(publicAPI, model) {
 
     if (!model.renderEncoder) {
       publicAPI.createRenderEncoder();
-      model.colorTexture = vtkWebGPUTexture.newInstance();
+      model.colorTexture = vtkWebGPUTexture.newInstance({
+        label: 'opaquePassColor'
+      });
       model.colorTexture.create(device, {
         width: viewNode.getCanvas().width,
         height: viewNode.getCanvas().height,
@@ -32,19 +34,19 @@ function vtkWebGPUOpaquePass(publicAPI, model) {
         /* eslint-disable no-bitwise */
         usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_SRC
       });
-      var ctView = model.colorTexture.createView();
-      ctView.setName('opaquePassColorTexture');
+      var ctView = model.colorTexture.createView('opaquePassColorTexture');
       model.renderEncoder.setColorTextureView(0, ctView);
       model.depthFormat = 'depth32float';
-      model.depthTexture = vtkWebGPUTexture.newInstance();
+      model.depthTexture = vtkWebGPUTexture.newInstance({
+        label: 'opaquePassDepth'
+      });
       model.depthTexture.create(device, {
         width: viewNode.getCanvas().width,
         height: viewNode.getCanvas().height,
         format: model.depthFormat,
         usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_SRC
       });
-      var dView = model.depthTexture.createView();
-      dView.setName('opaquePassDepthTexture');
+      var dView = model.depthTexture.createView('opaquePassDepthTexture');
       model.renderEncoder.setDepthTextureView(dView);
     } else {
       model.colorTexture.resize(viewNode.getCanvas().width, viewNode.getCanvas().height);
@@ -66,7 +68,9 @@ function vtkWebGPUOpaquePass(publicAPI, model) {
   };
 
   publicAPI.createRenderEncoder = function () {
-    model.renderEncoder = vtkWebGPURenderEncoder.newInstance(); // default settings are fine for this
+    model.renderEncoder = vtkWebGPURenderEncoder.newInstance({
+      label: 'OpaquePass'
+    }); // default settings are fine for this
 
     model.renderEncoder.setPipelineHash('op');
   };

package/Rendering/WebGPU/OrderIndependentTranslucentPass.js

@@ -26,7 +26,9 @@ function vtkWebGPUOrderIndependentTranslucentPass(publicAPI, model) {
     if (!model.translucentRenderEncoder) {
       publicAPI.createRenderEncoder();
       publicAPI.createFinalEncoder();
-      model.translucentColorTexture = vtkWebGPUTexture.newInstance();
+      model.translucentColorTexture = vtkWebGPUTexture.newInstance({
+        label: 'translucentPassColor'
+      });
       model.translucentColorTexture.create(device, {
         width: viewNode.getCanvas().width,
         height: viewNode.getCanvas().height,
@@ -37,10 +39,11 @@ function vtkWebGPUOrderIndependentTranslucentPass(publicAPI, model) {
         /* eslint-disable no-bitwise */
         usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING
       });
-      var v1 = model.translucentColorTexture.createView();
-      v1.setName('oitpColorTexture');
+      var v1 = model.translucentColorTexture.createView('oitpColorTexture');
       model.translucentRenderEncoder.setColorTextureView(0, v1);
-      model.translucentAccumulateTexture = vtkWebGPUTexture.newInstance();
+      model.translucentAccumulateTexture = vtkWebGPUTexture.newInstance({
+        label: 'translucentPassAccumulate'
+      });
       model.translucentAccumulateTexture.create(device, {
         width: viewNode.getCanvas().width,
         height: viewNode.getCanvas().height,
@@ -51,8 +54,7 @@ function vtkWebGPUOrderIndependentTranslucentPass(publicAPI, model) {
         /* eslint-disable no-bitwise */
         usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING
       });
-      var v2 = model.translucentAccumulateTexture.createView();
-      v2.setName('oitpAccumTexture');
+      var v2 = model.translucentAccumulateTexture.createView('oitpAccumTexture');
       model.translucentRenderEncoder.setColorTextureView(1, v2);
       model.fullScreenQuad = vtkWebGPUFullScreenQuad.newInstance();
       model.fullScreenQuad.setDevice(viewNode.getDevice());
@@ -88,7 +90,9 @@ function vtkWebGPUOrderIndependentTranslucentPass(publicAPI, model) {
   };
 
   publicAPI.createRenderEncoder = function () {
-    model.translucentRenderEncoder = vtkWebGPURenderEncoder.newInstance();
+    model.translucentRenderEncoder = vtkWebGPURenderEncoder.newInstance({
+      label: 'translucentRender'
+    });
     var rDesc = model.translucentRenderEncoder.getDescription();
     rDesc.colorAttachments = [{
       view: undefined,
@@ -157,7 +161,9 @@ function vtkWebGPUOrderIndependentTranslucentPass(publicAPI, model) {
   };
 
   publicAPI.createFinalEncoder = function () {
-    model.translucentFinalEncoder = vtkWebGPURenderEncoder.newInstance();
+    model.translucentFinalEncoder = vtkWebGPURenderEncoder.newInstance({
+      label: 'translucentFinal'
+    });
     model.translucentFinalEncoder.setDescription({
       colorAttachments: [{
         view: null,

package/Rendering/WebGPU/Pipeline.js

@@ -11,11 +11,12 @@ function vtkWebGPUPipeline(publicAPI, model) {
     return model.shaderDescriptions;
   };
 
-  publicAPI.initialize = function (device) {
+  publicAPI.initialize = function (device, hash) {
     // start with the renderencoder settings
     model.pipelineDescription = model.renderEncoder.getPipelineSettings();
     model.pipelineDescription.primitive.topology = model.topology;
-    model.pipelineDescription.vertex = model.vertexState; // add in bind group layouts
+    model.pipelineDescription.vertex = model.vertexState;
+    model.pipelineDescription.label = hash; // add in bind group layouts
 
     var bindGroupLayouts = [];
 
@@ -61,7 +62,7 @@ function vtkWebGPUPipeline(publicAPI, model) {
 
     model.layouts.push({
       layout: bindGroup.getBindGroupLayout(model.device),
-      name: bindGroup.getName()
+      label: bindGroup.getLabel()
     });
   };
 
@@ -69,9 +70,9 @@ function vtkWebGPUPipeline(publicAPI, model) {
     return model.layouts[idx].layout;
   };
 
-  publicAPI.getBindGroupLayoutCount = function (lname) {
+  publicAPI.getBindGroupLayoutCount = function (llabel) {
     for (var i = 0; i < model.layouts.length; i++) {
-      if (model.layouts[i].name === lname) {
+      if (model.layouts[i].label === llabel) {
         return i;
       }
     }

package/Rendering/WebGPU/PolyDataMapper.js

@@ -419,7 +419,9 @@ function vtkWebGPUPolyDataMapper(publicAPI, model) {
 
     if (idata) {
       if (!model.colorTexture) {
-        model.colorTexture = vtkTexture.newInstance();
+        model.colorTexture = vtkTexture.newInstance({
+          label: 'polyDataColor'
+        });
       }
 
       model.colorTexture.setInputData(idata);
@@ -470,8 +472,7 @@ function vtkWebGPUPolyDataMapper(publicAPI, model) {
 
         if (!found) {
           usedTextures[model.textures.length] = true;
-          var tview = newTex.createView();
-          tview.setName("Texture".concat(usedCount++));
+          var tview = newTex.createView("Texture".concat(usedCount++));
           model.textures.push(newTex);
           model.textureViews.push(tview);
           var interpolate = srcTexture.getInterpolate() ? 'linear' : 'nearest';
@@ -631,8 +632,9 @@ function extend(publicAPI, model) {
   model.tmpMat4 = mat4.identity(new Float64Array(16));
   model.fragmentShaderTemplate = model.fragmentShaderTemplate || vtkWebGPUPolyDataFS;
   model.vertexShaderTemplate = model.vertexShaderTemplate || vtkWebGPUPolyDataVS;
-  model.UBO = vtkWebGPUUniformBuffer.newInstance();
-  model.UBO.setName('mapperUBO');
+  model.UBO = vtkWebGPUUniformBuffer.newInstance({
+    label: 'mapperUBO'
+  });
   model.UBO.addEntry('BCWCMatrix', 'mat4x4<f32>');
   model.UBO.addEntry('BCSCMatrix', 'mat4x4<f32>');
   model.UBO.addEntry('MCWCNormals', 'mat4x4<f32>');

package/Rendering/WebGPU/RenderEncoder.js

@@ -11,9 +11,17 @@ function vtkWebGPURenderEncoder(publicAPI, model) {
 
   publicAPI.begin = function (encoder) {
     model.handle = encoder.beginRenderPass(model.description);
+
+    if (model.label) {
+      model.handle.pushDebugGroup(model.label);
+    }
   };
 
   publicAPI.end = function () {
+    if (model.label) {
+      model.handle.popDebugGroup();
+    }
+
     model.handle.endPass();
   };
 
@@ -65,7 +73,7 @@ function vtkWebGPURenderEncoder(publicAPI, model) {
 
   publicAPI.activateBindGroup = function (bg) {
     var device = model.boundPipeline.getDevice();
-    var midx = model.boundPipeline.getBindGroupLayoutCount(bg.getName());
+    var midx = model.boundPipeline.getBindGroupLayoutCount(bg.getLabel());
     model.handle.setBindGroup(midx, bg.getBindGroup(device)); // verify bind group layout matches
 
     var bgl1 = device.getBindGroupLayoutDescription(bg.getBindGroupLayout(device));
@@ -118,7 +126,8 @@ var DEFAULT_VALUES = {
   pipelineHash: null,
   pipelineSettings: null,
   replaceShaderCodeFunction: null,
-  depthTextureView: null
+  depthTextureView: null,
+  label: null
 }; // ----------------------------------------------------------------------------
 
 function extend(publicAPI, model) {
@@ -177,7 +186,7 @@ function extend(publicAPI, model) {
   };
   model.colorTextureViews = [];
   get(publicAPI, model, ['boundPipeline', 'colorTextureViews']);
-  setGet(publicAPI, model, ['depthTextureView', 'description', 'handle', 'pipelineHash', 'pipelineSettings', 'replaceShaderCodeFunction']); // For more macro methods, see "Sources/macros.js"
+  setGet(publicAPI, model, ['depthTextureView', 'description', 'handle', 'label', 'pipelineHash', 'pipelineSettings', 'replaceShaderCodeFunction']); // For more macro methods, see "Sources/macros.js"
   // Object specific methods
 
   vtkWebGPURenderEncoder(publicAPI, model);

package/Rendering/WebGPU/Renderer.js

@@ -181,8 +181,9 @@ function vtkWebGPURenderer(publicAPI, model) {
       model.clearFSQ.setDevice(device);
       model.clearFSQ.setPipelineHash('clearfsq');
       model.clearFSQ.setFragmentShaderTemplate(clearFragTemplate);
-      var ubo = vtkWebGPUUniformBuffer.newInstance();
-      ubo.setName('mapperUBO');
+      var ubo = vtkWebGPUUniformBuffer.newInstance({
+        label: 'mapperUBO'
+      });
       ubo.addEntry('BackgroundColor', 'vec4<f32>');
       model.clearFSQ.setUBO(ubo);
     }
@@ -334,8 +335,9 @@ function extend(publicAPI, model) {
   Object.assign(model, DEFAULT_VALUES, initialValues); // Inheritance
 
   vtkViewNode.extend(publicAPI, model, initialValues);
-  model.UBO = vtkWebGPUUniformBuffer.newInstance();
-  model.UBO.setName('rendererUBO');
+  model.UBO = vtkWebGPUUniformBuffer.newInstance({
+    label: 'rendererUBO'
+  });
   model.UBO.addEntry('WCVCMatrix', 'mat4x4<f32>');
   model.UBO.addEntry('SCPCMatrix', 'mat4x4<f32>');
   model.UBO.addEntry('PCSCMatrix', 'mat4x4<f32>');
@@ -344,8 +346,9 @@ function extend(publicAPI, model) {
   model.UBO.addEntry('WCVCNormals', 'mat4x4<f32>');
   model.UBO.addEntry('viewportSize', 'vec2<f32>');
   model.UBO.addEntry('cameraParallel', 'u32');
-  model.bindGroup = vtkWebGPUBindGroup.newInstance();
-  model.bindGroup.setName('rendererBG');
+  model.bindGroup = vtkWebGPUBindGroup.newInstance({
+    label: 'rendererBG'
+  });
   model.bindGroup.setBindables([model.UBO]);
   model.tmpMat4 = mat4.identity(new Float64Array(16));
   model.stabilizedTime = {};

package/Rendering/WebGPU/Sampler.js

@@ -14,12 +14,13 @@ function vtkWebGPUSampler(publicAPI, model) {
     model.device = device;
     model.options.magFilter = options.magFilter ? options.magFilter : 'nearest';
     model.options.minFilter = options.minFilter ? options.minFilter : 'nearest';
+    model.options.label = model.label;
     model.handle = model.device.getHandle().createSampler(model.options);
     model.bindGroupTime.modified();
   };
 
   publicAPI.getShaderCode = function (binding, group) {
-    var result = "@binding(".concat(binding, ") @group(").concat(group, ") var ").concat(model.name, ": sampler;");
+    var result = "@binding(".concat(binding, ") @group(").concat(group, ") var ").concat(model.label, ": sampler;");
     return result;
   };
 
@@ -37,7 +38,7 @@ function vtkWebGPUSampler(publicAPI, model) {
 var DEFAULT_VALUES = {
   device: null,
   handle: null,
-  name: null,
+  label: null,
   options: null
 }; // ----------------------------------------------------------------------------
 
@@ -60,7 +61,7 @@ function extend(publicAPI, model) {
     mtime: 0
   });
   macro.get(publicAPI, model, ['bindGroupTime', 'handle', 'options']);
-  macro.setGet(publicAPI, model, ['bindGroupLayoutEntry', 'device', 'name']);
+  macro.setGet(publicAPI, model, ['bindGroupLayoutEntry', 'device', 'label']);
   vtkWebGPUSampler(publicAPI, model);
 } // ----------------------------------------------------------------------------
 

package/Rendering/WebGPU/StorageBuffer.js

@@ -41,7 +41,8 @@ function vtkWebGPUStorageBuffer(publicAPI, model) {
       var req = {
         nativeArray: model.Float32Array,
         time: 0,
-        usage: BufferUsage.Storage
+        usage: BufferUsage.Storage,
+        label: model.label
       };
       model._buffer = device.getBufferManager().getBuffer(req);
       model.bindGroupTime.modified();
@@ -171,14 +172,14 @@ function vtkWebGPUStorageBuffer(publicAPI, model) {
   };
 
   publicAPI.getShaderCode = function (binding, group) {
-    var lines = ["struct ".concat(model.name, "StructEntry\n{")];
+    var lines = ["struct ".concat(model.label, "StructEntry\n{")];
 
     for (var i = 0; i < model.bufferEntries.length; i++) {
       var entry = model.bufferEntries[i];
       lines.push("  ".concat(entry.name, ": ").concat(entry.type, ";"));
     }
 
-    lines.push("\n};\nstruct ".concat(model.name, "Struct\n{\n  values: array<").concat(model.name, "StructEntry>;\n};\n@binding(").concat(binding, ") @group(").concat(group, ") var<storage, read> ").concat(model.name, ": ").concat(model.name, "Struct;\n"));
+    lines.push("\n};\nstruct ".concat(model.label, "Struct\n{\n  values: array<").concat(model.label, "StructEntry>;\n};\n@binding(").concat(binding, ") @group(").concat(group, ") var<storage, read> ").concat(model.label, ": ").concat(model.label, "Struct;\n"));
     return lines.join('\n');
   };
 
@@ -209,7 +210,7 @@ var DEFAULT_VALUES = {
   bufferEntries: null,
   bufferEntryNames: null,
   sizeInBytes: 0,
-  name: null,
+  label: null,
   numberOfInstances: 1
 }; // ----------------------------------------------------------------------------
 
@@ -236,7 +237,7 @@ function extend(publicAPI, model) {
     }
   };
   macro.get(publicAPI, model, ['bindGroupTime']);
-  macro.setGet(publicAPI, model, ['device', 'bindGroupLayoutEntry', 'name', 'numberOfInstances', 'sizeInBytes']); // Object methods
+  macro.setGet(publicAPI, model, ['device', 'bindGroupLayoutEntry', 'label', 'numberOfInstances', 'sizeInBytes']); // Object methods
 
   vtkWebGPUStorageBuffer(publicAPI, model);
 } // ----------------------------------------------------------------------------

package/Rendering/WebGPU/Texture.js

@@ -36,6 +36,7 @@ function vtkWebGPUTexture(publicAPI, model) {
       format: model.format,
       // 'rgba8unorm',
       usage: model.usage,
+      label: model.label,
       dimension: dimension
     });
   };
@@ -172,7 +173,8 @@ function vtkWebGPUTexture(publicAPI, model) {
       model.handle = model.device.getHandle().createTexture({
         size: [model.width, model.height, model.depth],
         format: model.format,
-        usage: model.usage
+        usage: model.usage,
+        label: model.label
       });
     }
   };
@@ -187,20 +189,23 @@ function vtkWebGPUTexture(publicAPI, model) {
       model.handle = model.device.getHandle().createTexture({
         size: [model.width, model.height, model.depth],
         format: model.format,
-        usage: model.usage
+        usage: model.usage,
+        label: model.label
       });
     }
   };
 
-  publicAPI.createView = function () {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  publicAPI.createView = function (label) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
     // if options is missing values try to add them in
     if (!options.dimension) {
       options.dimension = model.depth === 1 ? '2d' : '3d';
     }
 
-    var view = vtkWebGPUTextureView.newInstance();
+    var view = vtkWebGPUTextureView.newInstance({
+      label: label
+    });
     view.create(publicAPI, options);
     return view;
   };
@@ -213,7 +218,8 @@ var DEFAULT_VALUES = {
   device: null,
   handle: null,
   buffer: null,
-  ready: false
+  ready: false,
+  label: null
 }; // ----------------------------------------------------------------------------
 
 function extend(publicAPI, model) {
@@ -222,7 +228,7 @@ function extend(publicAPI, model) {
 
   macro.obj(publicAPI, model);
   macro.get(publicAPI, model, ['handle', 'ready', 'width', 'height', 'depth', 'format', 'usage']);
-  macro.setGet(publicAPI, model, ['device']);
+  macro.setGet(publicAPI, model, ['device', 'label']);
   vtkWebGPUTexture(publicAPI, model);
 } // ----------------------------------------------------------------------------
 

package/Rendering/WebGPU/TextureView.js

@@ -15,6 +15,7 @@ function vtkWebGPUTextureView(publicAPI, model) {
     model.texture = texture;
     model.options = options;
     model.options.dimension = model.options.dimension || '2d';
+    model.options.label = model.label;
     model.textureHandle = texture.getHandle();
     model.handle = model.textureHandle.createView(model.options);
     model.bindGroupLayoutEntry.texture.viewDimension = model.options.dimension;
@@ -38,33 +39,21 @@ function vtkWebGPUTextureView(publicAPI, model) {
       ttype = 'u32';
     }
 
-    var result = "@binding(".concat(binding, ") @group(").concat(group, ") var ").concat(model.name, ": texture_").concat(model.options.dimension, "<").concat(ttype, ">;");
+    var result = "@binding(".concat(binding, ") @group(").concat(group, ") var ").concat(model.label, ": texture_").concat(model.options.dimension, "<").concat(ttype, ">;");
 
     if (model.bindGroupLayoutEntry.texture.sampleType === 'depth') {
-      result = "@binding(".concat(binding, ") @group(").concat(group, ") var ").concat(model.name, ": texture_depth_").concat(model.options.dimension, ";");
+      result = "@binding(".concat(binding, ") @group(").concat(group, ") var ").concat(model.label, ": texture_depth_").concat(model.options.dimension, ";");
     }
 
     return result;
   };
 
   publicAPI.addSampler = function (device, options) {
-    var newSamp = vtkWebGPUSampler.newInstance();
+    var newSamp = vtkWebGPUSampler.newInstance({
+      label: "".concat(model.label, "Sampler")
+    });
     newSamp.create(device, options);
     publicAPI.setSampler(newSamp);
-    model.sampler.setName("".concat(model.name, "Sampler"));
-  };
-
-  publicAPI.setName = function (val) {
-    if (model.sampler) {
-      model.sampler.setName("".concat(val, "Sampler"));
-    }
-
-    if (model.name === val) {
-      return;
-    }
-
-    model.name = val;
-    publicAPI.modified();
   };
 
   publicAPI.getBindGroupTime = function () {
@@ -96,8 +85,8 @@ function vtkWebGPUTextureView(publicAPI, model) {
 var DEFAULT_VALUES = {
   texture: null,
   handle: null,
-  name: null,
-  sampler: null
+  sampler: null,
+  label: null
 }; // ----------------------------------------------------------------------------
 
 function extend(publicAPI, model) {
@@ -120,8 +109,8 @@ function extend(publicAPI, model) {
   macro.obj(model.bindGroupTime, {
     mtime: 0
   });
-  macro.get(publicAPI, model, ['bindGroupTime', 'name', 'texture']);
-  macro.setGet(publicAPI, model, ['bindGroupLayoutEntry', 'sampler']);
+  macro.get(publicAPI, model, ['bindGroupTime', 'texture']);
+  macro.setGet(publicAPI, model, ['bindGroupLayoutEntry', 'label', 'sampler']);
   vtkWebGPUTextureView(publicAPI, model);
 } // ----------------------------------------------------------------------------
 

package/Rendering/WebGPU/UniformBuffer.js

@@ -207,7 +207,8 @@ function vtkWebGPUUniformBuffer(publicAPI, model) {
       var req = {
         nativeArray: model.Float32Array,
         time: 0,
-        usage: BufferUsage.UniformArray
+        usage: BufferUsage.UniformArray,
+        label: model.label
       };
       model.UBO = device.getBufferManager().getBuffer(req);
       model.bindGroupTime.modified();
@@ -301,14 +302,14 @@ function vtkWebGPUUniformBuffer(publicAPI, model) {
   publicAPI.getShaderCode = function (binding, group) {
     // sort the entries
     publicAPI.sortBufferEntries();
-    var lines = ["struct ".concat(model.name, "Struct\n{")];
+    var lines = ["struct ".concat(model.label, "Struct\n{")];
 
     for (var i = 0; i < model.bufferEntries.length; i++) {
       var entry = model.bufferEntries[i];
       lines.push("  ".concat(entry.name, ": ").concat(entry.type, ";"));
     }
 
-    lines.push("};\n@binding(".concat(binding, ") @group(").concat(group, ") var<uniform> ").concat(model.name, ": ").concat(model.name, "Struct;"));
+    lines.push("};\n@binding(".concat(binding, ") @group(").concat(group, ") var<uniform> ").concat(model.label, ": ").concat(model.label, "Struct;"));
     return lines.join('\n');
   };
 } // ----------------------------------------------------------------------------
@@ -320,7 +321,7 @@ var DEFAULT_VALUES = {
   bufferEntries: null,
   bufferEntryNames: null,
   sizeInBytes: 0,
-  name: null,
+  label: null,
   bindGroupLayoutEntry: null,
   bindGroupEntry: null
 }; // ----------------------------------------------------------------------------
@@ -350,7 +351,7 @@ function extend(publicAPI, model) {
   model.sendDirty = true;
   model.sortDirty = true;
   macro.get(publicAPI, model, ['binding', 'bindGroupTime']);
-  macro.setGet(publicAPI, model, ['bindGroupLayoutEntry', 'device', 'name', 'sizeInBytes']); // Object methods
+  macro.setGet(publicAPI, model, ['bindGroupLayoutEntry', 'device', 'label', 'sizeInBytes']); // Object methods
 
   vtkWebGPUUniformBuffer(publicAPI, model);
 } // ----------------------------------------------------------------------------

package/Rendering/WebGPU/VolumePass.js

@@ -34,7 +34,7 @@ var BufferUsage = vtkWebGPUBufferManager.BufferUsage,
 
 var cubeFaceTriangles = [[0, 4, 6], [0, 6, 2], [1, 3, 7], [1, 7, 5], [0, 5, 4], [0, 1, 5], [2, 6, 7], [2, 7, 3], [0, 3, 1], [0, 2, 3], [4, 5, 7], [4, 7, 6]];
 var DepthBoundsFS = "\n//VTK::Renderer::Dec\n\n//VTK::Select::Dec\n\n//VTK::VolumePass::Dec\n\n//VTK::TCoord::Dec\n\n//VTK::RenderEncoder::Dec\n\n//VTK::Mapper::Dec\n\n//VTK::IOStructs::Dec\n\n@stage(fragment)\nfn main(\n//VTK::IOStructs::Input\n)\n//VTK::IOStructs::Output\n{\n  var output : fragmentOutput;\n\n  //VTK::Select::Impl\n\n  //VTK::TCoord::Impl\n\n  //VTK::VolumePass::Impl\n\n  // use the maximum (closest) of the current value and the zbuffer\n  // the blend func will then take the min to find the farthest stop value\n  var stopval: f32 = max(input.fragPos.z, textureLoad(opaquePassDepthTexture, vec2<i32>(i32(input.fragPos.x), i32(input.fragPos.y)), 0));\n\n  //VTK::RenderEncoder::Impl\n  return output;\n}\n";
-var volumeCopyFragTemplate = "\n//VTK::Renderer::Dec\n\n//VTK::Mapper::Dec\n\n//VTK::TCoord::Dec\n\n//VTK::RenderEncoder::Dec\n\n//VTK::IOStructs::Dec\n\n@stage(fragment)\nfn main(\n//VTK::IOStructs::Input\n)\n//VTK::IOStructs::Output\n{\n  var output: fragmentOutput;\n\n  var computedColor: vec4<f32> = textureSample(volumePassSmallColorTexture,\n    volumePassSmallColorTextureSampler, mapperUBO.tscale*input.tcoordVS);\n\n  //VTK::RenderEncoder::Impl\n  return output;\n}\n";
+var volumeCopyFragTemplate = "\n//VTK::Renderer::Dec\n\n//VTK::Mapper::Dec\n\n//VTK::TCoord::Dec\n\n//VTK::RenderEncoder::Dec\n\n//VTK::IOStructs::Dec\n\n@stage(fragment)\nfn main(\n//VTK::IOStructs::Input\n)\n//VTK::IOStructs::Output\n{\n  var output: fragmentOutput;\n\n  var computedColor: vec4<f32> = textureSample(volumePassColorTexture,\n    volumePassColorTextureSampler, mapperUBO.tscale*input.tcoordVS);\n\n  //VTK::RenderEncoder::Impl\n  return output;\n}\n";
 /* eslint-disable no-undef */
 
 /* eslint-disable no-bitwise */
@@ -76,9 +76,9 @@ function vtkWebGPUVolumePass(publicAPI, model) {
 
       model._volumeCopyQuad.setFragmentShaderTemplate(volumeCopyFragTemplate);
 
-      model._copyUBO = vtkWebGPUUniformBuffer.newInstance();
-
-      model._copyUBO.setName('mapperUBO');
+      model._copyUBO = vtkWebGPUUniformBuffer.newInstance({
+        label: 'mapperUBO'
+      });
 
       model._copyUBO.addEntry('tscale', 'vec2<f32>');
 
@@ -366,7 +366,9 @@ function vtkWebGPUVolumePass(publicAPI, model) {
 
   publicAPI.createDepthRangeEncoder = function (viewNode) {
     var device = viewNode.getDevice();
-    model._depthRangeEncoder = vtkWebGPURenderEncoder.newInstance();
+    model._depthRangeEncoder = vtkWebGPURenderEncoder.newInstance({
+      label: 'VolumePass DepthRange'
+    });
 
     model._depthRangeEncoder.setPipelineHash('volr');
 
@@ -429,7 +431,9 @@ function vtkWebGPUVolumePass(publicAPI, model) {
     }); // and the textures it needs
 
 
-    model._depthRangeTexture = vtkWebGPUTexture.newInstance();
+    model._depthRangeTexture = vtkWebGPUTexture.newInstance({
+      label: 'volumePassMaxDepth'
+    });
 
     model._depthRangeTexture.create(device, {
       width: viewNode.getCanvas().width,
@@ -438,13 +442,13 @@ function vtkWebGPUVolumePass(publicAPI, model) {
       usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING
     });
 
-    var maxView = model._depthRangeTexture.createView();
-
-    maxView.setName('maxTexture');
+    var maxView = model._depthRangeTexture.createView('maxTexture');
 
     model._depthRangeEncoder.setColorTextureView(0, maxView);
 
-    model._depthRangeTexture2 = vtkWebGPUTexture.newInstance();
+    model._depthRangeTexture2 = vtkWebGPUTexture.newInstance({
+      label: 'volumePassDepthMin'
+    });
 
     model._depthRangeTexture2.create(device, {
       width: viewNode.getCanvas().width,
@@ -453,9 +457,7 @@ function vtkWebGPUVolumePass(publicAPI, model) {
       usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING
     });
 
-    var minView = model._depthRangeTexture2.createView();
-
-    minView.setName('minTexture');
+    var minView = model._depthRangeTexture2.createView('minTexture');
 
     model._depthRangeEncoder.setColorTextureView(1, minView);
 
@@ -465,7 +467,9 @@ function vtkWebGPUVolumePass(publicAPI, model) {
   };
 
   publicAPI.createClearEncoder = function (viewNode) {
-    model._colorTexture = vtkWebGPUTexture.newInstance();
+    model._colorTexture = vtkWebGPUTexture.newInstance({
+      label: 'volumePassColor'
+    });
 
     model._colorTexture.create(viewNode.getDevice(), {
       width: viewNode.getCanvas().width,
@@ -478,16 +482,16 @@ function vtkWebGPUVolumePass(publicAPI, model) {
       usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_SRC
     });
 
-    model._colorTextureView = model._colorTexture.createView();
-
-    model._colorTextureView.setName('volumePassSmallColorTexture');
+    model._colorTextureView = model._colorTexture.createView('volumePassColorTexture');
 
     model._colorTextureView.addSampler(viewNode.getDevice(), {
       minFilter: 'linear',
       magFilter: 'linear'
     });
 
-    model._clearEncoder = vtkWebGPURenderEncoder.newInstance();
+    model._clearEncoder = vtkWebGPURenderEncoder.newInstance({
+      label: 'VolumePass Clear'
+    });
 
     model._clearEncoder.setColorTextureView(0, model._colorTextureView);
 
@@ -524,7 +528,9 @@ function vtkWebGPUVolumePass(publicAPI, model) {
   };
 
   publicAPI.createCopyEncoder = function (viewNode) {
-    model._copyEncoder = vtkWebGPURenderEncoder.newInstance();
+    model._copyEncoder = vtkWebGPURenderEncoder.newInstance({
+      label: 'volumePassCopy'
+    });
 
     model._copyEncoder.setDescription({
       colorAttachments: [{
@@ -559,7 +565,9 @@ function vtkWebGPUVolumePass(publicAPI, model) {
   };
 
   publicAPI.createMergeEncoder = function (viewNode) {
-    model._mergeEncoder = vtkWebGPURenderEncoder.newInstance();
+    model._mergeEncoder = vtkWebGPURenderEncoder.newInstance({
+      label: 'volumePassMerge'
+    });
 
     model._mergeEncoder.setColorTextureView(0, model._colorTextureView);
 

package/Rendering/WebGPU/VolumePassFSQ.js

@@ -189,8 +189,7 @@ function vtkWebGPUVolumePassFSQ(publicAPI, model) {
         format: 'rgba8unorm'
       };
       var newTex = device.getTextureManager().getTexture(treq);
-      var tview = newTex.createView();
-      tview.setName('tfunTexture');
+      var tview = newTex.createView('tfunTexture');
       model.textureViews[2] = tview;
     }
     {
@@ -204,9 +203,7 @@ function vtkWebGPUVolumePassFSQ(publicAPI, model) {
 
       var _newTex = device.getTextureManager().getTexture(_treq);
 
-      var _tview = _newTex.createView();
-
-      _tview.setName('ofunTexture');
+      var _tview = _newTex.createView('ofunTexture');
 
       model.textureViews[3] = _tview;
     }
@@ -446,8 +443,7 @@ function vtkWebGPUVolumePassFSQ(publicAPI, model) {
       var newTex = device.getTextureManager().getTexture(treq);
 
       if (!model.textureViews[vidx + 4] || model.textureViews[vidx + 4].getTexture() !== newTex) {
-        var tview = newTex.createView();
-        tview.setName("volTexture".concat(vidx));
+        var tview = newTex.createView("volTexture".concat(vidx));
         model.textureViews[vidx + 4] = tview;
       }
     } // clear any old leftovers
@@ -498,8 +494,9 @@ function vtkWebGPUVolumePassFSQ(publicAPI, model) {
     publicAPI.updateBuffers(device);
 
     if (!model.clampSampler) {
-      model.clampSampler = vtkWebGPUSampler.newInstance();
-      model.clampSampler.setName('clampSampler');
+      model.clampSampler = vtkWebGPUSampler.newInstance({
+        label: 'clampSampler'
+      });
       model.clampSampler.create(device, {
         minFilter: 'linear',
         magFilter: 'linear'
@@ -534,13 +531,16 @@ function extend(publicAPI, model) {
 
   vtkWebGPUFullScreenQuad.extend(publicAPI, model, initialValues);
   model.fragmentShaderTemplate = volFragTemplate;
-  model.UBO = vtkWebGPUUniformBuffer.newInstance();
-  model.UBO.setName('mapperUBO');
+  model.UBO = vtkWebGPUUniformBuffer.newInstance({
+    label: 'mapperUBO'
+  });
   model.UBO.addEntry('SampleDistance', 'f32');
-  model.SSBO = vtkWebGPUStorageBuffer.newInstance();
-  model.SSBO.setName('volumeSSBO');
-  model.componentSSBO = vtkWebGPUStorageBuffer.newInstance();
-  model.componentSSBO.setName('componentSSBO');
+  model.SSBO = vtkWebGPUStorageBuffer.newInstance({
+    label: 'volumeSSBO'
+  });
+  model.componentSSBO = vtkWebGPUStorageBuffer.newInstance({
+    label: 'componentSSBO'
+  });
   model.lutBuildTime = {};
   macro.obj(model.lutBuildTime, {
     mtime: 0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitware/vtk.js",
-  "version": "22.2.3",
+  "version": "22.3.0",
   "description": "Visualization Toolkit for the Web",
   "keywords": [
     "3d",
@@ -112,10 +112,9 @@
     "rollup-plugin-string": "3.0.0",
     "rollup-plugin-svgo": "1.1.0",
     "rollup-plugin-web-worker-loader": "1.6.1",
-    "semantic-release": "18.0.1",
+    "semantic-release": "19.0.2",
     "string-replace-loader": "3.1.0",
     "style-loader": "3.3.1",
-    "tap-spec": "5.0.0",
     "tape": "5.4.0",
     "tape-catch": "1.0.6",
     "webpack": "5.65.0",