@kitware/vtk.js 25.3.0 → 25.6.0

package/Rendering/WebGPU/Texture.js

@@ -3,6 +3,7 @@ import HalfFloat from '../../Common/Core/HalfFloat.js';
 import vtkWebGPUBufferManager from './BufferManager.js';
 import vtkWebGPUTextureView from './TextureView.js';
 import vtkWebGPUTypes from './Types.js';
+import vtkTexture from '../Core/Texture.js';
 
 var BufferUsage = vtkWebGPUBufferManager.BufferUsage; // ----------------------------------------------------------------------------
 // Global methods
@@ -22,6 +23,7 @@ function vtkWebGPUTexture(publicAPI, model) {
     model.depth = options.depth ? options.depth : 1;
     var dimension = model.depth === 1 ? '2d' : '3d';
     model.format = options.format ? options.format : 'rgba8unorm';
+    model.mipLevel = options.mipLevel ? options.mipLevel : 0;
     /* eslint-disable no-undef */
 
     /* eslint-disable no-bitwise */
@@ -37,7 +39,8 @@ function vtkWebGPUTexture(publicAPI, model) {
       // 'rgba8unorm',
       usage: model.usage,
       label: model.label,
-      dimension: dimension
+      dimension: dimension,
+      mipLevelCount: model.mipLevel + 1
     });
   };
 
@@ -56,10 +59,11 @@ function vtkWebGPUTexture(publicAPI, model) {
     /* eslint-enable no-undef */
 
     /* eslint-enable no-bitwise */
-  }; // set the data
-
+  };
 
   publicAPI.writeImageData = function (req) {
+    var nativeArray = [];
+
     if (req.canvas) {
       model.device.getHandle().queue.copyExternalImageToTexture({
         source: req.canvas,
@@ -84,36 +88,23 @@ function vtkWebGPUTexture(publicAPI, model) {
     var tDetails = vtkWebGPUTypes.getDetailsFromTextureFormat(model.format);
     var bufferBytesPerRow = model.width * tDetails.stride;
 
-    if (req.nativeArray) {
-      // create and write the buffer
-      var buffRequest = {
-        /* eslint-disable no-undef */
-        usage: BufferUsage.Texture
-        /* eslint-enable no-undef */
-
-      };
-
-      if (req.dataArray) {
-        buffRequest.dataArray = req.dataArray;
-      }
-
-      buffRequest.nativeArray = req.nativeArray; // bytesPerRow must be a multiple of 256 so we might need to rebuild
+    var fixAll = function fixAll(arr, height, depth) {
+      // bytesPerRow must be a multiple of 256 so we might need to rebuild
       // the data here before passing to the buffer. e.g. if it is unorm8x4 then
       // we need to have width be a multiple of 64
-
-      var inWidthInBytes = req.nativeArray.length / (model.height * model.depth) * req.nativeArray.BYTES_PER_ELEMENT; // is this a half float texture?
+      var inWidthInBytes = arr.length / (height * depth) * arr.BYTES_PER_ELEMENT; // is this a half float texture?
 
       var halfFloat = tDetails.elementSize === 2 && tDetails.sampleType === 'float'; // if we need to copy the data
 
       if (halfFloat || inWidthInBytes % 256) {
-        var inArray = req.nativeArray;
+        var inArray = arr;
         var inWidth = inWidthInBytes / inArray.BYTES_PER_ELEMENT;
         var outBytesPerElement = tDetails.elementSize;
         var outWidthInBytes = 256 * Math.floor((inWidth * outBytesPerElement + 255) / 256);
         var outWidth = outWidthInBytes / outBytesPerElement;
-        var outArray = macro.newTypedArray(halfFloat ? 'Uint16Array' : inArray.constructor.name, outWidth * model.height * model.depth);
+        var outArray = macro.newTypedArray(halfFloat ? 'Uint16Array' : inArray.constructor.name, outWidth * height * depth);
 
-        for (var v = 0; v < model.height * model.depth; v++) {
+        for (var v = 0; v < height * depth; v++) {
           if (halfFloat) {
             for (var i = 0; i < inWidth; i++) {
               outArray[v * outWidth + i] = HalfFloat.toHalf(inArray[v * inWidth + i]);
@@ -123,12 +114,14 @@ function vtkWebGPUTexture(publicAPI, model) {
           }
         }
 
-        buffRequest.nativeArray = outArray;
-        bufferBytesPerRow = outWidthInBytes;
+        return [outArray, outWidthInBytes];
       }
 
-      var buff = model.device.getBufferManager().getBuffer(buffRequest);
-      model.buffer = buff;
+      return [arr, inWidthInBytes];
+    };
+
+    if (req.nativeArray) {
+      nativeArray = req.nativeArray;
     }
 
     if (req.image) {
@@ -139,35 +132,74 @@ function vtkWebGPUTexture(publicAPI, model) {
       ctx.translate(0, canvas.height);
       ctx.scale(1, -1);
       ctx.drawImage(req.image, 0, 0, req.image.width, req.image.height, 0, 0, canvas.width, canvas.height);
-      var imageData = ctx.getImageData(0, 0, req.image.width, req.image.height); // create and write the buffer
+      var imageData = ctx.getImageData(0, 0, req.image.width, req.image.height);
+      nativeArray = imageData.data;
+    }
 
+    var cmdEnc = model.device.createCommandEncoder();
+
+    if (publicAPI.getDimensionality() !== 3) {
+      // Non-3D, supports mipmaps
+      var mips = vtkTexture.generateMipmaps(nativeArray, model.width, model.height, model.mipLevel);
+      var currentWidth = model.width;
+      var currentHeight = model.height;
+
+      for (var m = 0; m <= model.mipLevel; m++) {
+        var fix = fixAll(mips[m], currentHeight, 1);
+        bufferBytesPerRow = fix[1];
+        var buffRequest = {
+          dataArray: req.dataArray ? req.dataArray : null,
+          nativeArray: fix[0],
+
+          /* eslint-disable no-undef */
+          usage: BufferUsage.Texture
+          /* eslint-enable no-undef */
+
+        };
+        var buff = model.device.getBufferManager().getBuffer(buffRequest);
+        cmdEnc.copyBufferToTexture({
+          buffer: buff.getHandle(),
+          offset: 0,
+          bytesPerRow: bufferBytesPerRow,
+          rowsPerImage: currentHeight
+        }, {
+          texture: model.handle,
+          mipLevel: m
+        }, [currentWidth, currentHeight, 1]);
+        currentWidth /= 2;
+        currentHeight /= 2;
+      }
+
+      model.device.submitCommandEncoder(cmdEnc);
+      model.ready = true;
+    } else {
+      // 3D, no mipmaps
+      var _fix = fixAll(nativeArray, model.height, model.depth);
+
+      bufferBytesPerRow = _fix[1];
       var _buffRequest = {
-        nativeArray: imageData.data,
+        dataArray: req.dataArray ? req.dataArray : null,
 
         /* eslint-disable no-undef */
-        usage: BufferUsage.Texture,
-
+        usage: BufferUsage.Texture
         /* eslint-enable no-undef */
-        format: 'unorm8x4'
+
       };
+      _buffRequest.nativeArray = _fix[0];
 
       var _buff = model.device.getBufferManager().getBuffer(_buffRequest);
 
-      model.buffer = _buff;
-    } // get a buffer for the image
-
-
-    var cmdEnc = model.device.createCommandEncoder();
-    cmdEnc.copyBufferToTexture({
-      buffer: model.buffer.getHandle(),
-      offset: 0,
-      bytesPerRow: bufferBytesPerRow,
-      rowsPerImage: model.height
-    }, {
-      texture: model.handle
-    }, [model.width, model.height, model.depth]);
-    model.device.submitCommandEncoder(cmdEnc);
-    model.ready = true;
+      cmdEnc.copyBufferToTexture({
+        buffer: _buff.getHandle(),
+        offset: 0,
+        bytesPerRow: bufferBytesPerRow,
+        rowsPerImage: model.height
+      }, {
+        texture: model.handle
+      }, [model.width, model.height, model.depth]);
+      model.device.submitCommandEncoder(cmdEnc);
+      model.ready = true;
+    }
   }; // when data is pulled out of this texture what scale must be applied to
   // get back to the original source data. For formats such as r8unorm we
   // have to multiply by 255.0, for formats such as r16float it is 1.0

package/Rendering/WebGPU/TextureManager.js

@@ -105,7 +105,8 @@ function vtkWebGPUTextureManager(publicAPI, model) {
       height: req.height,
       depth: req.depth,
       format: req.format,
-      usage: req.usage
+      usage: req.usage,
+      mipLevel: req.mipLevel
     }); // fill the texture if we have data
 
     if (req.nativeArray || req.image || req.canvas) {
@@ -135,7 +136,7 @@ function vtkWebGPUTextureManager(publicAPI, model) {
 
     _fillRequest(treq);
 
-    treq.hash = treq.time + treq.format;
+    treq.hash = treq.time + treq.format + treq.mipLevel;
     return model.device.getTextureManager().getTexture(treq);
   };
 
@@ -157,7 +158,8 @@ function vtkWebGPUTextureManager(publicAPI, model) {
 
     _fillRequest(treq);
 
-    treq.hash = treq.time + treq.format;
+    treq.mipLevel = srcTexture.getMipLevel();
+    treq.hash = treq.time + treq.format + treq.mipLevel;
     return model.device.getTextureManager().getTexture(treq);
   };
 } // ----------------------------------------------------------------------------

package/Rendering/WebGPU/TextureView.js

@@ -23,6 +23,19 @@ function vtkWebGPUTextureView(publicAPI, model) {
     model.bindGroupLayoutEntry.texture.sampleType = tDetails.sampleType;
   };
 
+  publicAPI.createFromTextureHandle = function (textureHandle, options) {
+    model.texture = null;
+    model.options = options;
+    model.options.dimension = model.options.dimension || '2d';
+    model.options.label = model.label;
+    model.textureHandle = textureHandle;
+    model.handle = model.textureHandle.createView(model.options);
+    model.bindGroupLayoutEntry.texture.viewDimension = model.options.dimension;
+    var tDetails = vtkWebGPUTypes.getDetailsFromTextureFormat(options.format);
+    model.bindGroupLayoutEntry.texture.sampleType = tDetails.sampleType;
+    model.bindGroupTime.modified();
+  };
+
   publicAPI.getBindGroupEntry = function () {
     var foo = {
       resource: publicAPI.getHandle()
@@ -58,7 +71,7 @@ function vtkWebGPUTextureView(publicAPI, model) {
 
   publicAPI.getBindGroupTime = function () {
     // check if the handle changed
-    if (model.texture.getHandle() !== model.textureHandle) {
+    if (model.texture && model.texture.getHandle() !== model.textureHandle) {
       model.textureHandle = model.texture.getHandle();
       model.handle = model.textureHandle.createView(model.options);
       model.bindGroupTime.modified();
@@ -69,7 +82,7 @@ function vtkWebGPUTextureView(publicAPI, model) {
 
 
   publicAPI.getHandle = function () {
-    if (model.texture.getHandle() !== model.textureHandle) {
+    if (model.texture && model.texture.getHandle() !== model.textureHandle) {
       model.textureHandle = model.texture.getHandle();
       model.handle = model.textureHandle.createView(model.options);
       model.bindGroupTime.modified();

package/Rendering/WebGPU/VolumePass.js

@@ -560,7 +560,7 @@ function vtkWebGPUVolumePass(publicAPI, model) {
       },
       fragment: {
         targets: [{
-          format: 'bgra8unorm',
+          format: 'rgba16float',
           blend: {
             color: {
               srcFactor: 'one',

package/index.d.ts

@@ -103,6 +103,7 @@
 /// <reference path="./Rendering/Core/AxesActor.d.ts" />
 /// <reference path="./Rendering/Core/Camera.d.ts" />
 /// <reference path="./Rendering/Core/CellPicker.d.ts" />
+/// <reference path="./Rendering/Core/ColorTransferFunction/ColorMaps.d.ts" />
 /// <reference path="./Rendering/Core/ColorTransferFunction/Constants.d.ts" />
 /// <reference path="./Rendering/Core/ColorTransferFunction.d.ts" />
 /// <reference path="./Rendering/Core/Coordinate/Constants.d.ts" />

package/index.js

@@ -5,7 +5,6 @@ import Interaction from './Interaction/index.js';
 import IO from './IO/index.js';
 import Rendering from './Rendering/index.js';
 import VTKProxy from './Proxy/index.js';
-import { T as ThirdParty } from './ThirdParty/index.js';
 import Widgets from './Widgets/index.js';
 import macro from './macros.js';
 import vtk from './vtk.js';
@@ -17,7 +16,6 @@ vtk.Interaction = Interaction;
 vtk.IO = IO;
 vtk.Proxy = VTKProxy;
 vtk.Rendering = Rendering;
-vtk.ThirdParty = ThirdParty;
 vtk.Widgets = Widgets;
 vtk.mtime = macro.getCurrentGlobalMTime;
 vtk.macro = macro; // Expose vtk to global scope without exporting it so nested namespace

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitware/vtk.js",
-  "version": "25.3.0",
+  "version": "25.6.0",
   "description": "Visualization Toolkit for the Web",
   "keywords": [
     "3d",
@@ -33,14 +33,13 @@
     "@babel/runtime": "7.17.9",
     "commander": "9.2.0",
     "d3-scale": "4.0.2",
+    "fflate": "0.7.3",
     "gl-matrix": "3.4.3",
     "globalthis": "1.0.3",
-    "jszip": "3.9.1",
-    "pako": "2.0.4",
     "seedrandom": "3.0.5",
     "shader-loader": "1.3.1",
     "shelljs": "0.8.5",
-    "spark-md5": "^3.0.2",
+    "spark-md5": "3.0.2",
     "stream-browserify": "3.0.0",
     "webworker-promise": "0.5.0",
     "worker-loader": "3.0.8",
@@ -96,7 +95,7 @@
     "kw-doc": "3.1.2",
     "lodash": "4.17.21",
     "magic-string": "0.26.2",
-    "moment": "2.29.3",
+    "moment": "2.29.4",
     "patch-package": "6.4.7",
     "pixelmatch": "5.3.0",
     "postcss-loader": "6.2.1",

package/ThirdParty/index.js

@@ -1,9 +0,0 @@
-import JSZip from 'jszip';
-import pako from 'pako';
-
-var ThirdParty = {
-  JSZip: JSZip,
-  pako: pako
-};
-
-export { ThirdParty as T };