zincjs 3.0.0 → 3.0.1

package/src/shaders/rgbVolumeRender.js

@@ -1,8 +1,7 @@
 import * as THREE from 'three/webgpu';
 const glslVersion = null;
 
-const fs =
-`
+const fs = `
 uniform sampler3D texture0;
 uniform sampler3D texture1;
 uniform vec4 lookup_offsets, lookup_scales;
@@ -75,8 +74,7 @@ void main()
 }
 `;
 
-const vs =
-`
+const vs = `
 varying vec4 diffuse, ambientGlobal, ambient;
 uniform vec4 texture_scaling;
 
@@ -100,20 +98,15 @@ void main()
 }
 `;
 
-const getUniforms = function() {
+const getUniforms = function () {
   return {
-		u_size: { value: new THREE.Vector3( 1, 1, 1 ) },
-		u_renderstyle: { value: 0 },
-		u_renderthreshold: { value: 0.5 },
-		u_clim: { value: new THREE.Vector2( 1, 1 ) },
-		u_data: { value: null },
-		u_cmdata: { value: null },
-  }
+    u_size: { value: new THREE.Vector3(1, 1, 1) },
+    u_renderstyle: { value: 0 },
+    u_renderthreshold: { value: 0.5 },
+    u_clim: { value: new THREE.Vector2(1, 1) },
+    u_data: { value: null },
+    u_cmdata: { value: null },
+  };
 };
 
-export {
-  fs,
-  vs,
-  glslVersion,
-  getUniforms
-}
+export { fs, vs, glslVersion, getUniforms };

package/src/shaders/textureArray.js

@@ -2,8 +2,7 @@ import * as THREE from 'three';
 
 const glslVersion = THREE.GLSL3;
 
-const fs =
-`
+const fs = `
 precision highp float;
 precision highp int;
 precision highp sampler2DArray;
@@ -23,8 +22,7 @@ void main() {
 }
 `;
 
-const vs =
-`
+const vs = `
 out vec3 vUw;
 uniform float depth;
 
@@ -37,16 +35,11 @@ void main() {
 }
 `;
 
-const getUniforms = function() {
+const getUniforms = function () {
   return {
     diffuse: { value: undefined },
     depth: { value: 1 },
   };
-}
+};
 
-export {
-  fs,
-  vs,
-  glslVersion,
-  getUniforms
-}
+export { fs, vs, glslVersion, getUniforms };

package/src/shaders/textureSlide.js

@@ -1,8 +1,7 @@
 import * as THREE from 'three/webgpu';
 const glslVersion = THREE.GLSL3;
 
-const fs =
-`
+const fs = `
 precision highp float;
 precision highp int;
 precision highp sampler2DArray;
@@ -41,8 +40,7 @@ void main() {
 }
 `;
 
-const vs =
-`
+const vs = `
 out vec3 vUw;
 uniform float depth;
 uniform vec3 slide;
@@ -72,12 +70,12 @@ void main() {
 }
 `;
 
-const getUniforms = function() {
+const getUniforms = function () {
   return {
-    brightness: { value: 0},
-    contrast: { value: 1},
+    brightness: { value: 0 },
+    contrast: { value: 1 },
     depth: { value: 1 },
-    discardAlpha: {value: true},
+    discardAlpha: { value: true },
     diffuse0: { value: undefined },
     diffuse1: { value: undefined },
     direction: { value: 1 },
@@ -86,14 +84,9 @@ const getUniforms = function() {
     nChannels: { value: 1 },
     mask: { value: undefined },
     maskEnabled: { value: false },
-    slide: { value: new THREE.Vector3( 0, 0, 1 ) },
-    time: { value: 0 }
+    slide: { value: new THREE.Vector3(0, 0, 1) },
+    time: { value: 0 },
   };
-}
+};
 
-export {
-  fs,
-  vs,
-  glslVersion,
-  getUniforms
-}
+export { fs, vs, glslVersion, getUniforms };

package/src/shaders/volumeRender.js

@@ -1,8 +1,7 @@
 import * as THREE from 'three';
 const glslVersion = null;
 
-const fs =
-`
+const fs = `
   precision highp float;
   precision highp sampler2DArray;
   precision highp sampler2D;
@@ -236,8 +235,7 @@ const fs =
   }
 `;
 
-const vs =
-`
+const vs = `
   varying vec4 v_nearpos;
   varying vec4 v_farpos;
   varying vec3 v_position;
@@ -269,20 +267,15 @@ const vs =
   }
 `;
 
-const getUniforms = function() {
+const getUniforms = function () {
   return {
-		u_size: { value: new THREE.Vector3( 1, 1, 1 ) },
-		u_renderstyle: { value: 0 },
-		u_renderthreshold: { value: 0.5 },
-		u_clim: { value: new THREE.Vector2( 1, 1 ) },
-		u_data: { value: null },
-		u_cmdata: { value: null },
-  }
+    u_size: { value: new THREE.Vector3(1, 1, 1) },
+    u_renderstyle: { value: 0 },
+    u_renderthreshold: { value: 0.5 },
+    u_clim: { value: new THREE.Vector2(1, 1) },
+    u_data: { value: null },
+    u_cmdata: { value: null },
+  };
 };
 
-export {
-  fs,
-  vs,
-  glslVersion,
-  getUniforms
-}
+export { fs, vs, glslVersion, getUniforms };

package/src/shaders/volumeRender_old.js

@@ -1,8 +1,7 @@
 import * as THREE from 'three';
 const glslVersion = null;
 
-const fs =
-`
+const fs = `
   precision highp float;
   precision highp sampler2DArray;
   precision highp sampler2D;
@@ -236,8 +235,7 @@ const fs =
   }
 `;
 
-const vs =
-`
+const vs = `
   varying vec4 v_nearpos;
   varying vec4 v_farpos;
   varying vec3 v_position;
@@ -269,20 +267,15 @@ const vs =
   }
 `;
 
-const getUniforms = function() {
+const getUniforms = function () {
   return {
-		u_size: { value: new THREE.Vector3( 1, 1, 1 ) },
-		u_renderstyle: { value: 0 },
-		u_renderthreshold: { value: 0.5 },
-		u_clim: { value: new THREE.Vector2( 1, 1 ) },
-		u_data: { value: null },
-		u_cmdata: { value: null },
-  }
+    u_size: { value: new THREE.Vector3(1, 1, 1) },
+    u_renderstyle: { value: 0 },
+    u_renderthreshold: { value: 0.5 },
+    u_clim: { value: new THREE.Vector2(1, 1) },
+    u_data: { value: null },
+    u_cmdata: { value: null },
+  };
 };
 
-export {
-  fs,
-  vs,
-  glslVersion,
-  getUniforms
-}
+export { fs, vs, glslVersion, getUniforms };

package/src/shaders/volumeTexture.js

@@ -1,8 +1,7 @@
 import * as THREE from 'three';
 const glslVersion = THREE.GLSL3;
 
-const fs =
-`
+const fs = `
 precision highp int;
 precision highp float;
 
@@ -72,8 +71,7 @@ void main(void) {
 }
 `;
 
-const vs =
-`
+const vs = `
 uniform vec3 volume_scale;
 
 out vec3 vray_dir;
@@ -91,18 +89,13 @@ void main(void) {
 }
 `;
 
-const getUniforms = function() {
+const getUniforms = function () {
   return {
-		volume_scale: { value: new THREE.Vector3( 1, 1, 1 ) },
+    volume_scale: { value: new THREE.Vector3(1, 1, 1) },
     diffuse: { value: undefined },
-    volume_dims: { value: [ 1, 1, 1 ] },
+    volume_dims: { value: [1, 1, 1] },
     depth: { value: 1 },
-  }
+  };
 };
 
-export {
-  fs,
-  vs,
-  glslVersion,
-  getUniforms
-}
+export { fs, vs, glslVersion, getUniforms };

package/src/textSprite.js

@@ -23,7 +23,7 @@ const RESCALE_THRESHOLD = 0.1;
  * is viewportHeight * pixelRatio / (2 * tan(fov / 2)). Default to a 1000
  * pixels viewport with the 40 degrees field of view used by the scenes.
  */
-let pixelsPerUnit = 1000 / (2 * Math.tan(20 * Math.PI / 180));
+let pixelsPerUnit = 1000 / (2 * Math.tan((20 * Math.PI) / 180));
 
 //Weak references to every live text sprite, so they can be redrawn
 const sprites = new Set();
@@ -32,7 +32,7 @@ let fontListenerAdded = false;
 const fontSizeForHeight = (textHeight) => {
   const size = Math.round(textHeight * pixelsPerUnit * OVERSAMPLE);
   return Math.min(Math.max(size, MIN_FONT_SIZE), MAX_FONT_SIZE);
-}
+};
 
 /*
  * The canvas matches the on screen size so mipmaps are not required,
@@ -46,7 +46,7 @@ const applyTextureSettings = (sprite) => {
     texture.magFilter = THREE.LinearFilter;
     texture.anisotropy = 1;
   }
-}
+};
 
 /*
  * SpriteText redraws its canvas and creates a new texture in every setter,
@@ -63,7 +63,7 @@ const setFont = (sprite, fontFace, fontSize, fontWeight) => {
     sprite.fontSize = fontSize;
     sprite.fontWeight = fontWeight;
   }
-}
+};
 
 /*
  * Redraw the sprite at the resolution required for its current height.
@@ -74,7 +74,7 @@ const refreshTextSprite = (sprite, force = false) => {
     setFont(sprite, sprite.fontFace, fontSize, sprite.fontWeight);
     applyTextureSettings(sprite);
   }
-}
+};
 
 const forEachSprite = (callback) => {
   sprites.forEach((ref) => {
@@ -85,12 +85,12 @@ const forEachSprite = (callback) => {
       sprites.delete(ref);
     }
   });
-}
+};
 
 const redrawAll = () => {
   forEachSprite((sprite) => refreshTextSprite(sprite, true));
   requestRenderAll();
-}
+};
 
 /*
  * The canvas is drawn with a fallback font if a web font has not been
@@ -108,19 +108,22 @@ const waitForFont = (sprite) => {
   const font = `${sprite.fontWeight} ${sprite.fontSize}px ${sprite.fontFace}`;
   try {
     if (!document.fonts.check(font)) {
-      document.fonts.load(font).then(() => {
-        refreshTextSprite(sprite, true);
-        requestRenderAll();
-      }).catch(() => {});
+      document.fonts
+        .load(font)
+        .then(() => {
+          refreshTextSprite(sprite, true);
+          requestRenderAll();
+        })
+        .catch(() => {});
     }
   } catch {
     //Invalid font string, keep the fallback font
   }
-}
+};
 
 const registerTextSprite = (sprite) => {
   sprites.add(new WeakRef(sprite));
-}
+};
 
 /**
  * Stop tracking a text sprite, call this when it is disposed.
@@ -132,7 +135,7 @@ const releaseTextSprite = (sprite) => {
       sprites.delete(ref);
     }
   });
-}
+};
 
 /**
  * Create a text sprite rendered with a node material, the canvas resolution
@@ -146,8 +149,9 @@ const releaseTextSprite = (sprite) => {
  * @return {SpriteText}
  */
 const createTextSprite = (text, textHeight, colour, fontFace, fontWeight) => {
-  const sprite = colour ? new SpriteText(text, textHeight, colour) :
-    new SpriteText(text, textHeight);
+  const sprite = colour
+    ? new SpriteText(text, textHeight, colour)
+    : new SpriteText(text, textHeight);
   setFont(sprite, fontFace, fontSizeForHeight(textHeight), fontWeight);
   //Replace the SpriteMaterial created by SpriteText with a node material
   //using the same canvas texture.
@@ -162,7 +166,7 @@ const createTextSprite = (text, textHeight, colour, fontFace, fontWeight) => {
   registerTextSprite(sprite);
   waitForFont(sprite);
   return sprite;
-}
+};
 
 /**
  * Set the height of a text sprite and redraw it once at the matching
@@ -176,7 +180,7 @@ const setTextSpriteHeight = (sprite, textHeight) => {
     sprite.textHeight = textHeight;
     refreshTextSprite(sprite);
   }
-}
+};
 
 /**
  * Update the number of screen pixels per unit of text height, e.g. when the
@@ -194,7 +198,7 @@ const setTextPixelsPerUnit = (value) => {
     forEachSprite((sprite) => refreshTextSprite(sprite));
     requestRenderAll();
   }
-}
+};
 
 const getTextPixelsPerUnit = () => pixelsPerUnit;
 

package/src/texture/texture.js

@@ -15,9 +15,9 @@ const Texture = function () {
   this.size = {
     width: 1,
     height: 1,
-    depth: 0
+    depth: 0,
   };
-}
+};
 
 /**
  * Read an image from src.
@@ -33,8 +33,8 @@ Texture.prototype.loadImage = function (img, src) {
     img.onload = () => resolve(img);
     img.onerror = reject;
     img.src = src;
-  })
-}
+  });
+};
 
 /**
   @typedef IMAGE_UINT8_RETURN
@@ -57,18 +57,18 @@ Texture.prototype.imageToUint8Array = async function (instance, img, src, canvas
   await instance.loadImage(img, src);
   canvas.width = img.width;
   canvas.height = img.height;
-  const ctx = canvas.getContext("2d");
+  const ctx = canvas.getContext('2d');
   ctx.drawImage(img, 0, 0);
   return {
     array: new Uint8Array(ctx.getImageData(0, 0, canvas.width, canvas.height).data.buffer),
     width: canvas.width,
-    height: canvas.height
+    height: canvas.height,
   };
-}
+};
 
 Texture.prototype.loadFromImages = async function (srcArrays) {
-  return
-}
+  return;
+};
 
 /**
  * Free the memory allocated for this texture.
@@ -78,7 +78,7 @@ Texture.prototype.dispose = function () {
     this.impl.dispose();
     this.impl = undefined;
   }
-}
+};
 
 /**
  * Return true if the texture is ready for consumption.
@@ -86,10 +86,9 @@ Texture.prototype.dispose = function () {
  * @return {Boolean}
  */
 Texture.prototype.isReady = function () {
-  if (this.impl && !this.isLoading)
-    return true;
+  if (this.impl && !this.isLoading) return true;
   return false;
-}
+};
 
 /**
  * Return true if  the texture is ready for consumption, otherwise false.
@@ -103,9 +102,9 @@ Texture.prototype.getMaterial = function () {
       transparent: false,
       opacity: 1.0,
       map: this.impl,
-      side: THREE.DoubleSide
+      side: THREE.DoubleSide,
     });
   }
-}
+};
 
 export { Texture };

package/src/texture/textureArray.js

@@ -14,12 +14,11 @@ const TextureArray = function () {
   this.isTextureArray = true;
   this.imageData = undefined;
 
-
   this.setDataTexture = (dataTexture) => {
     this.impl = dataTexture;
-    console.log("setDataTexture", dataTexture);
+    console.log('setDataTexture', dataTexture);
     this.imageData = dataTexture.image.data;
-  }
+  };
 
   /**
    * Read images from an array containg src locations.
@@ -34,8 +33,8 @@ const TextureArray = function () {
     if (srcArrays && srcArrays.length) {
       this.isLoading = true;
       const image = new Image();
-      image.crossOrigin = "Anonymous";
-      const canvas = document.createElement("canvas");
+      image.crossOrigin = 'Anonymous';
+      const canvas = document.createElement('canvas');
       let length = 0;
       const dataStacks = new Array(srcArrays.length);
       for (let i = 0; i < srcArrays.length; i++) {
@@ -50,7 +49,7 @@ const TextureArray = function () {
       }
       const fullArray = new Uint8Array(length);
       length = 0;
-      dataStacks.forEach(data => {
+      dataStacks.forEach((data) => {
         fullArray.set(data, length);
         length += data.length;
       });
@@ -59,12 +58,12 @@ const TextureArray = function () {
       this.size = {
         width: w,
         height: h,
-        depth: d
+        depth: d,
       };
       this.isLoading = false;
       this.impl.needsUpdate = true;
     }
-  }
+  };
 
   /**
    * Get and create the material containing shaders and the textures.
@@ -86,18 +85,17 @@ const TextureArray = function () {
       if (options) {
         if (options.vs && options.fs) {
           let transparent = true;
-          if ("transparent" in options) {
+          if ('transparent' in options) {
             transparent = options.transparent;
           }
           let side = THREE.FrontSide;
-          if (options.side)
-            side = options.side;
+          if (options.side) side = options.side;
           material = new THREE.ShaderMaterial({
             transparent,
             uniforms: options.uniforms,
             vertexShader: options.vs,
             fragmentShader: options.fs,
-            side
+            side,
           });
           if (options.glslVersion) {
             material.glslVersion = options.glslVersion;
@@ -109,7 +107,7 @@ const TextureArray = function () {
           transparent: false,
           opacity: 1.0,
           map: this.impl,
-          side: THREE.DoubleSide
+          side: THREE.DoubleSide,
         });
       }
       if (material) {
@@ -117,8 +115,8 @@ const TextureArray = function () {
         return material;
       }
     }
-  }
-}
+  };
+};
 
 TextureArray.prototype = Object.create(Texture.prototype);
 
@@ -128,6 +126,6 @@ TextureArray.prototype = Object.create(Texture.prototype);
 TextureArray.prototype.dispose = function () {
   Texture.prototype.dispose.call(this);
   this.imageData = undefined;
-}
+};
 
 export { TextureArray };

package/src/three/InstancedPoints.js

@@ -1,9 +1,4 @@
-import {
-  InstancedMesh,
-  Matrix4,
-  Ray,
-  Vector3,
-} from 'three/webgpu';
+import { InstancedMesh, Matrix4, Ray, Vector3 } from 'three/webgpu';
 
 const _inverseMatrix = /*@__PURE__*/ new Matrix4();
 const _ray = /*@__PURE__*/ new Ray();
@@ -19,7 +14,6 @@ const _position = /*@__PURE__*/ new Vector3();
  * the distance-to-point approach the legacy `THREE.Points` override used.
  */
 class InstancedPoints extends InstancedMesh {
-
   constructor(geometry, material, count) {
     super(geometry, material, count);
     this.type = 'InstancedPoints';
@@ -44,7 +38,7 @@ class InstancedPoints extends InstancedMesh {
     _ray.copy(raycaster.ray).applyMatrix4(_inverseMatrix);
 
     const averageScale = (this.scale.x + this.scale.y + this.scale.z) / 3;
-    const localThreshold = threshold / averageScale * this.pointSize * this.sizePerPixel;
+    const localThreshold = (threshold / averageScale) * this.pointSize * this.sizePerPixel;
     const localThresholdSq = localThreshold * localThreshold;
 
     for (let i = 0; i < count; i++) {
@@ -67,7 +61,6 @@ class InstancedPoints extends InstancedMesh {
       }
     }
   }
-
 }
 
 export { InstancedPoints };