zincjs 2.2.0 → 2.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zincjs",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "ZincJS (Web-based-Zinc-Visualisation)",
   "type": "module",
   "main": "build/zinc.js",
@@ -46,7 +46,11 @@
   },
   "homepage": "http://alan-wu.github.io/ZincJS/",
   "engines": {
-    "node": ">=20"
+    "node": "24.20.0"
+  },
+  "allowScripts": {
+    "gl@8.1.6": true,
+    "msw@2.14.6": true
   },
   "devDependencies": {
     "@vitest/coverage-v8": "^4.1.11",

package/src/primitives/glyphset.js

@@ -461,7 +461,7 @@ const Glyphset = function () {
       this.morph.add(glyph.getGroup());
     }
     //Only display labels if the label list is available
-    if (labels && displayLabels) {
+    if (labels && labels.length > 0 && displayLabels) {
       this.showLabel();
     }
     //Update the transformation of the glyphs.

package/src/primitives/label.js

@@ -1,3 +1,4 @@
+import * as THREE from 'three';
 import SpriteTextModule from 'three-spritetext';
 const SpriteText = SpriteTextModule.default || SpriteTextModule;
 
@@ -24,8 +25,12 @@ const Label = function (textIn, colourIn) {
   else
     sprite = new SpriteText(text, 0.012);
   sprite.fontFace = "Asap";
+  sprite.fontSize = 90;
   sprite.fontWeight = fontWeight;
-  sprite.material.map.generateMipmaps = false;
+  sprite.material.map.generateMipmaps = true;
+  sprite.material.map.anisotropy = 4;
+  sprite.material.minFilter = THREE.LinearMipmapLinearFilter; // Smooth downscaling
+  sprite.material.magFilter = THREE.LinearFilter;
   sprite.material.sizeAttenuation = false;
   sprite.center.x = -0.05;
   sprite.center.y = 0;

package/src/sceneLoader.js

@@ -284,7 +284,10 @@ const SceneLoader = function (sceneIn) {
       }
       let isInline  = (options && options.isInline) ? options.isInline : undefined;
       let anatomicalId = (options && options.anatomicalId) ? options.anatomicalId : undefined;
-      let displayLabels = options?.displayLabels ? options.displayLabels : true;
+      let displayLabels = options?.displayLabels;
+      if (displayLabels === undefined) {
+        displayLabels = true;
+      }
       let renderOrder = (options && "renderOrder" in options) ? options.renderOrder : undefined;
       const newGlyphset = new Glyphset();
       newGlyphset.setDuration(scene.getDuration());
@@ -760,7 +763,10 @@ const SceneLoader = function (sceneIn) {
           } else {
             newGeometryURL = item.Inline.GlyphGeometriesURL;
           }
-          options.displayLabels = item.displayLabels ? item.displayLabels : true;
+          options.displayLabels = item.DisplayLabels;
+          if (options.displayLabels === undefined) {
+            options.displayLabels = true;
+          }
           options.loaderOptions.isGlyphsets = true;
           this.loadGlyphsetURL(region, newURL, newGeometryURL, groupName, finishCallback, options);
           break;

package/src/utilities.js

@@ -732,10 +732,11 @@ function getCircularTexture() {
 
 function createNewSpriteText(text, height, colour, font, pixel, weight) {
   const sprite = new SpriteText(text, height, colour, font, pixel, weight);
+  sprite.canvasScale = 4;
   sprite.fontFace = font;
   sprite.fontSize = pixel;
   sprite.fontWeight = weight;
-  sprite.material.map.generateMipmaps = false;
+  sprite.material.map.generateMipmaps = true;
   sprite.material.map.anisotropy = 4;
   sprite.material.sizeAttenuation = false;
   sprite.material.alphaTest = 0.5;