@vitessce/spatial-accelerated 3.9.9 → 4.0.0-test.1

package/dist-tsc/SpatialWrapper.d.ts

@@ -1,2 +1,2 @@
-export function SpatialWrapper(props: any): JSX.Element;
+export function SpatialWrapper(props: any): any;
 //# sourceMappingURL=SpatialWrapper.d.ts.map

package/dist-tsc/SpatialWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpatialWrapper.d.ts","sourceRoot":"","sources":["../src/SpatialWrapper.js"],"names":[],"mappings":"AAOA,wDAoDC"}
+{"version":3,"file":"SpatialWrapper.d.ts","sourceRoot":"","sources":["../src/SpatialWrapper.js"],"names":[],"mappings":"AAOA,gDAoDC"}

package/dist-tsc/VolumeDataManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VolumeDataManager.d.ts","sourceRoot":"","sources":["../src/VolumeDataManager.js"],"names":[],"mappings":"AA8DA,yEAaC;AACD,8EAeC;AAED;;;;GAIG;AACH,kDAHW,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,8BAC1B,MAAM;;;;;;;;;;;;;EAyHhB;AAMD,kFAaC;AAqBD;;;;;;EA2DC;AAKD;;;;;;;EAuDC;;;;;;;AAzDD,4CAA6C;AA6D7C;IACE,0BAgLC;IAjKG,QAAyB;IAa3B,cAAwB;IAyBxB,sBAA+B;IAC/B,wBAA2B;IAC3B,iCAAmC;IAenC;;;;;MAKC;IAED;;;;;;;;;;;;MAcC;IAED,8BAAmB;IACnB,8BAAmB;IAEnB;;;;;;MAMC;IAED;;;;;;;;;MAiBC;IAQD,2BAAiC;IAYjC,gBAAmB;IAGnB,oBAAuD;IACvD,gBAAwD;IACxD,gBAAmB;IACnB,sBAAsB;IAGtB,aAAmD;IAGnD,gBAAkB;IAElB,sBAAwB;IACxB,wBAA2B;IAC3B,kBAAkB;IAClB,UAAW;IACX,uBAA0B;IAC1B,yBAA4B;IAE5B,sBAAyB;IAGzB,mBAAyC;IACzC,eAAqB;IAGrB;;;;;;;;;;aAA8B;IAG9B,4BAA4B;IAC5B,6BAA6B;IAK/B;;;OAGG;IACH,sBAFa,MAAM,CAiBlB;IAED;;OAEG;IACH,oBAQC;IAED;;OAEG;IACH,uBASC;IAED;;OAEG;IACH,qCAeC;IAED;;OAEG;IACH,yCAqCC;IAED;;OAEG;IACH,qBAMC;IAED;;OAEG;IACH,uCAIC;IAED,qDAIC;IAFC,YAAoB;IACpB,sBAAwC;IAG1C;;;;;OAKG;IACH,mBAFa,OAAO,CAAC,MAAM,CAAC,CA8S3B;IAjQG,kBAAmD;IAmQvD;;;;;;;;OAQG;IACH,mBAkBC;IAGD,6BAMC;IAED,wCAqHC;IAED;;;;;OAKG;IAqBH;;;OAGG;IACH,kCAQC;IAED;;;OAGG;IACH,uBAFa,MAAM,CAUlB;IAED,+BAQC;IAED,kCASC;IAED,gCASC;IAED;;;;;;;;;OASG;IACH,iBARW,MAAM,iBACN,MAAM,iBACN,MAAM,KACN,MAAM,KACN,MAAM,cACN,MAAM,GACJ,OAAO,CAAC,UAAU,CAAC,CA+B/B;IAED;;;;;;;;;;;OAWG;IACH,2BATW,UAAU,oBAGlB;QAAiC,KAAK,EAA9B,MAAM;QACmB,MAAM,EAA/B,MAAM;QACmB,eAAe,EAAxC,MAAM;KAGhB,iBAiCA;IAGD,6CA0DC;IAGD,gCAcC;IAED,yCAmDC;IAGD,+DAqBC;IAKD;;;;OAIG;IACH,oBAHW,MAAM,GACJ;QAAE,OAAO,MAAC;QAAC,CAAC,MAAC;QAAC,CAAC,MAAC;QAAC,CAAC,MAAA;KAAE,EAAE,CAyClC;IAKD,uDA6LC;IAKD,oDAwDC;IAKD,kBAWC;CACF;8BAlwDM,OAAO"}
+{"version":3,"file":"VolumeDataManager.d.ts","sourceRoot":"","sources":["../src/VolumeDataManager.js"],"names":[],"mappings":"AA8DA,yEAaC;AACD,8EAeC;AAED;;;;GAIG;AACH,kDAHW,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,8BAC1B,MAAM;;;;;;;;;;;;;EAyHhB;AAMD,kFAaC;AAqBD;;;;;;EA2DC;AAKD;;;;;;;EAuDC;;;;;;;AAzDD,4CAA6C;AA6D7C;IACE,0BAgLC;IAjKG,QAAyB;IAa3B,cAAwB;IAyBxB,sBAA+B;IAC/B,wBAA2B;IAC3B,iCAAmC;IAenC;;;;;MAKC;IAED;;;;;;;;;;;;MAcC;IAED,8BAAmB;IACnB,8BAAmB;IAEnB;;;;;;MAMC;IAED;;;;;;;;;MAiBC;IAQD,2BAAiC;IAYjC,gBAAmB;IAGnB,oBAAuD;IACvD,gBAAwD;IACxD,gBAAmB;IACnB,sBAAsB;IAGtB,aAAmD;IAGnD,gBAAkB;IAElB,sBAAwB;IACxB,wBAA2B;IAC3B,kBAAkB;IAClB,UAAW;IACX,uBAA0B;IAC1B,yBAA4B;IAE5B,sBAAyB;IAGzB,mBAAyC;IACzC,eAAqB;IAGrB;;;;;;;;;;aAA8B;IAG9B,4BAA4B;IAC5B,6BAA6B;IAK/B;;;OAGG;IACH,sBAFa,MAAM,CAiBlB;IAED;;OAEG;IACH,oBAQC;IAED;;OAEG;IACH,uBASC;IAED;;OAEG;IACH,qCAeC;IAED;;OAEG;IACH,yCAqCC;IAED;;OAEG;IACH,qBAMC;IAED;;OAEG;IACH,uCAIC;IAED,qDAIC;IAFC,YAAoB;IACpB,sBAAwC;IAG1C;;;;;OAKG;IACH,mBAFa,OAAO,CAAC,MAAM,CAAC,CA8S3B;IAjQG,kBAAmD;IAmQvD;;;;;;;;OAQG;IACH,mBAkBC;IAGD,6BAMC;IAED,wCAqHC;IAED;;;;;OAKG;IAqBH;;;OAGG;IACH,kCAQC;IAED;;;OAGG;IACH,uBAFa,MAAM,CAUlB;IAED,+BAQC;IAED,kCASC;IAED,gCASC;IAED;;;;;;;;;OASG;IACH,iBARW,MAAM,iBACN,MAAM,iBACN,MAAM,KACN,MAAM,KACN,MAAM,cACN,MAAM,GACJ,OAAO,CAAC,UAAU,CAAC,CA+B/B;IAED;;;;;;;;;;;OAWG;IACH,2BATW,UAAU,oBAGlB;QAAiC,KAAK,EAA9B,MAAM;QACmB,MAAM,EAA/B,MAAM;QACmB,eAAe,EAAxC,MAAM;KAGhB,iBAsCA;IAGD,6CA0DC;IAGD,gCAcC;IAED,yCAmDC;IAGD,+DAqBC;IAKD;;;;OAIG;IACH,oBAHW,MAAM,GACJ;QAAE,OAAO,MAAC;QAAC,CAAC,MAAC;QAAC,CAAC,MAAC;QAAC,CAAC,MAAA;KAAE,EAAE,CAyClC;IAKD,uDA6LC;IAKD,oDAwDC;IAKD,kBAWC;CACF;8BAvwDM,OAAO"}

package/dist-tsc/VolumeDataManager.js

@@ -306,8 +306,8 @@ export function _requestBufferToRequestObjects(buffer, k, optsForWeighting) {
         counts.set(packed, (counts.get(packed) || 0) + weight);
     }
     // Get the top K (potentially fewer than K) page table requests by weighted count.
-    const requests = [...counts.entries()]
-        .sort((a, b) => b[1] - a[1])
+    const sorted = Array.from(counts.entries()).toSorted((a, b) => b[1] - a[1]);
+    const requests = sorted
         .slice(0, k)
         .map(([packed]) => ({
         x: (packed >> 22) & 0x3FF,
@@ -1108,6 +1108,10 @@ export class VolumeDataManager {
      * the center of the render target.
      */
     async processRequestData(buffer, optsForWeighting) {
+        if (this.initStatus !== INIT_STATUS.COMPLETE) {
+            log.debug('processRequestData: not yet initialized, skipping');
+            return;
+        }
         if (this.isBusy) {
             log.debug('processRequestData: already busy, skipping');
             return;

package/dist-tsc/VolumeView.d.ts

@@ -1,2 +1,2 @@
-export function VolumeView(props: any): JSX.Element | null;
+export function VolumeView(props: any): any;
 //# sourceMappingURL=VolumeView.d.ts.map

package/dist-tsc/VolumeView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VolumeView.d.ts","sourceRoot":"","sources":["../src/VolumeView.js"],"names":[],"mappings":"AAkMA,2DA6gBC"}
+{"version":3,"file":"VolumeView.d.ts","sourceRoot":"","sources":["../src/VolumeView.js"],"names":[],"mappings":"AAkMA,4CAihBC"}

package/dist-tsc/VolumeView.js

@@ -179,6 +179,7 @@ export function VolumeView(props) {
     // const [lastRes, setLastRes] = useState(null);
     // const [lastChannels, setLastChannels] = useState([]);
     const is3D = spatialRenderingMode === '3D';
+    const [dmInitComplete, setDmInitComplete] = useState(false);
     // const [loading, setLoading] = useState(false);
     // Add new refs for screen quad setup
     const screenSceneRef = useRef(null);
@@ -277,6 +278,7 @@ export function VolumeView(props) {
         const initializeDataManager = async () => {
             if (dataManager.initStatus === INIT_STATUS.COMPLETE) {
                 log.debug('dataManager already initialized, skipping');
+                setDmInitComplete(true);
                 return;
             }
             // TODO(mark): separate the initialization which depends on gl, from the initialization which depends on images, from the dm.init(firstImageLayer)
@@ -296,6 +298,7 @@ export function VolumeView(props) {
             // if (onInitComplete) {
             //   onInitComplete({ zarrStoreInfo: dm.zarrStore, deviceLimits: dm.deviceLimits });
             // }
+            setDmInitComplete(true);
             invalidate();
         };
         initializeDataManager();
@@ -346,7 +349,7 @@ export function VolumeView(props) {
     // TODO(mark): convert to a useMemo?
     useEffect(() => {
         const on3D = spatialRenderingMode === '3D';
-        if (on3D && dataManager && renderManager) {
+        if (on3D && dataManager && renderManager && dmInitComplete) {
             logWithColor('useEffect spatialRenderingMode');
             // Direct call, no callbacks needed
             const propsForRenderManager = {
@@ -388,7 +391,7 @@ export function VolumeView(props) {
                 }
             }
         }
-    }, [dataManager, renderManager, images, imageLayerScopes, imageLayerCoordination, imageChannelScopesByLayer, imageChannelCoordination, spatialRenderingMode]);
+    }, [dataManager, renderManager, images, imageLayerScopes, imageLayerCoordination, imageChannelScopesByLayer, imageChannelCoordination, spatialRenderingMode, dmInitComplete]);
     // Execute code on every rendered frame.
     // A numerical renderPriority value will cause React Three Fiber
     // to disable automatic rendering altogether.
@@ -514,6 +517,8 @@ export function VolumeView(props) {
     // Set isInteracting while the user is sliding the channel slider
     // for smooth updates.
     useEffect(() => {
+        if (!dmInitComplete)
+            return;
         logWithColor('useEffect firstImageLayerChannelCoordination');
         setIsInteracting(true);
         log.debug('something about channels changed');
@@ -523,7 +528,7 @@ export function VolumeView(props) {
         interactionTimeoutRef.current = setTimeout(() => {
             setIsInteracting(false);
         }, 300);
-    }, [dataManager, firstImageLayerChannelCoordination, renderManager, setIsInteracting]);
+    }, [dataManager, firstImageLayerChannelCoordination, renderManager, setIsInteracting, dmInitComplete]);
     const stopLoading = useEventCallback(() => {
         if (dataManager) {
             dataManager.stopLoading();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/spatial-accelerated",
-  "version": "3.9.9",
+  "version": "4.0.0-test.1",
   "author": "HIDIVE Lab at HMS",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -16,9 +16,6 @@
     "dist-tsc"
   ],
   "dependencies": {
-    "@react-three/fiber": "^8.15.19",
-    "@react-three/drei": "^9.99.7",
-    "@react-three/xr": "^5.7.1",
     "d3-array": "^2.4.0",
     "internmap": "^2.0.3",
     "lodash-es": "^4.17.21",
@@ -26,28 +23,44 @@
     "mathjs": "^9.2.0",
     "plur": "^5.1.0",
     "short-number": "^1.0.6",
-    "three": "^0.154.0",
     "zarrita": "0.6.1",
-    "@vitessce/constants-internal": "3.9.9",
-    "@vitessce/gl": "3.9.9",
-    "@vitessce/legend": "3.9.9",
-    "@vitessce/sets-utils": "3.9.9",
-    "@vitessce/spatial-utils": "3.9.9",
-    "@vitessce/tooltip": "3.9.9",
-    "@vitessce/utils": "3.9.9",
-    "@vitessce/vit-s": "3.9.9",
-    "@vitessce/styles": "3.9.9",
-    "@vitessce/globals": "3.9.9"
+    "@vitessce/gl": "4.0.0-test.1",
+    "@vitessce/constants-internal": "4.0.0-test.1",
+    "@vitessce/legend": "4.0.0-test.1",
+    "@vitessce/spatial-utils": "4.0.0-test.1",
+    "@vitessce/sets-utils": "4.0.0-test.1",
+    "@vitessce/tooltip": "4.0.0-test.1",
+    "@vitessce/utils": "4.0.0-test.1",
+    "@vitessce/vit-s": "4.0.0-test.1",
+    "@vitessce/styles": "4.0.0-test.1",
+    "@vitessce/globals": "4.0.0-test.1"
   },
   "devDependencies": {
-    "@types/three": "^0.154.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "@react-three/fiber": "^9.0.0",
+    "@react-three/drei": "^10.0.0",
+    "@types/three": "^0.159.0",
+    "three": "^0.159.0",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
     "vite": "^7.0.0",
     "vitest": "^3.1.4"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+    "react": "^18.0.0 || ^19.0.0",
+    "@react-three/fiber": "^8.0.0 || ^9.0.0",
+    "@react-three/drei": "^9.0.0 || ^10.0.0",
+    "three": ">=0.159.0"
+  },
+  "peerDependenciesMeta": {
+    "@react-three/fiber": {
+      "optional": true
+    },
+    "@react-three/drei": {
+      "optional": true
+    },
+    "three": {
+      "optional": true
+    }
   },
   "scripts": {
     "bundle": "pnpm exec vite build -c ../../../scripts/vite.config.mjs",

package/src/VolumeDataManager.js

@@ -364,8 +364,8 @@ export function _requestBufferToRequestObjects(buffer, k, optsForWeighting) {
   }
 
   // Get the top K (potentially fewer than K) page table requests by weighted count.
-  const requests = [...counts.entries()]
-    .sort((a, b) => b[1] - a[1])
+  const sorted = Array.from(counts.entries()).toSorted((a, b) => b[1] - a[1]);
+  const requests = sorted
     .slice(0, k)
     .map(([packed]) => ({
       x: (packed >> 22) & 0x3FF,
@@ -1298,6 +1298,11 @@ export class VolumeDataManager {
    * the center of the render target.
    */
   async processRequestData(buffer, optsForWeighting) {
+    if (this.initStatus !== INIT_STATUS.COMPLETE) {
+      log.debug('processRequestData: not yet initialized, skipping');
+      return;
+    }
+
     if (this.isBusy) {
       log.debug('processRequestData: already busy, skipping');
       return;

package/src/VolumeView.js

@@ -229,6 +229,7 @@ export function VolumeView(props) {
   // const [lastRes, setLastRes] = useState(null);
   // const [lastChannels, setLastChannels] = useState([]);
   const is3D = spatialRenderingMode === '3D';
+  const [dmInitComplete, setDmInitComplete] = useState(false);
   // const [loading, setLoading] = useState(false);
 
   // Add new refs for screen quad setup
@@ -356,6 +357,7 @@ export function VolumeView(props) {
     const initializeDataManager = async () => {
       if (dataManager.initStatus === INIT_STATUS.COMPLETE) {
         log.debug('dataManager already initialized, skipping');
+        setDmInitComplete(true);
         return;
       }
       // TODO(mark): separate the initialization which depends on gl, from the initialization which depends on images, from the dm.init(firstImageLayer)
@@ -380,6 +382,7 @@ export function VolumeView(props) {
       //   onInitComplete({ zarrStoreInfo: dm.zarrStore, deviceLimits: dm.deviceLimits });
       // }
 
+      setDmInitComplete(true);
       invalidate();
     };
     initializeDataManager();
@@ -437,7 +440,7 @@ export function VolumeView(props) {
   useEffect(() => {
     const on3D = spatialRenderingMode === '3D';
 
-    if (on3D && dataManager && renderManager) {
+    if (on3D && dataManager && renderManager && dmInitComplete) {
       logWithColor('useEffect spatialRenderingMode');
       // Direct call, no callbacks needed
       const propsForRenderManager = {
@@ -482,7 +485,7 @@ export function VolumeView(props) {
         }
       }
     }
-  }, [dataManager, renderManager, images, imageLayerScopes, imageLayerCoordination, imageChannelScopesByLayer, imageChannelCoordination, spatialRenderingMode]);
+  }, [dataManager, renderManager, images, imageLayerScopes, imageLayerCoordination, imageChannelScopesByLayer, imageChannelCoordination, spatialRenderingMode, dmInitComplete]);
 
 
   // Execute code on every rendered frame.
@@ -629,6 +632,7 @@ export function VolumeView(props) {
   // Set isInteracting while the user is sliding the channel slider
   // for smooth updates.
   useEffect(() => {
+    if (!dmInitComplete) return;
     logWithColor('useEffect firstImageLayerChannelCoordination');
     setIsInteracting(true);
     log.debug('something about channels changed');
@@ -640,7 +644,7 @@ export function VolumeView(props) {
     interactionTimeoutRef.current = setTimeout(() => {
       setIsInteracting(false);
     }, 300);
-  }, [dataManager, firstImageLayerChannelCoordination, renderManager, setIsInteracting]);
+  }, [dataManager, firstImageLayerChannelCoordination, renderManager, setIsInteracting, dmInitComplete]);
 
   const stopLoading = useEventCallback(() => {
     if (dataManager) {