feat: volume API and TMTV mode

extensions/cornerstone-3d/package.json

@@ -45,9 +45,9 @@
     "@babel/runtime": "7.17.9",
     "lodash.merge": "^4.6.2",
     "lodash.debounce": "4.0.8",
-    "@cornerstonejs/core": "^0.8.1",
-    "@cornerstonejs/tools": "^0.15.0",
-    "@cornerstonejs/streaming-image-volume-loader": "^0.2.26",
+    "@cornerstonejs/core": "^0.10.2",
+    "@cornerstonejs/tools": "^0.17.2",
+    "@cornerstonejs/streaming-image-volume-loader": "^0.3.2",
     "shader-loader": "^1.3.1",
     "@kitware/vtk.js": "^24.10.0",
     "dom-to-image": "^2.6.0",

extensions/cornerstone-3d/src/Viewport/OHIFCornerstone3DViewport.tsx

@@ -96,7 +96,7 @@ const OHIFCornerstoneViewport = React.memo(props => {
       }
 
       const { viewportId, element } = evt.detail;
-      const viewportInfo = Cornerstone3DViewportService.getViewportInfoById(
+      const viewportInfo = Cornerstone3DViewportService.getViewportInfo(
         viewportId
       );
       const viewportIndex = viewportInfo.getViewportIndex();
@@ -172,6 +172,8 @@ const OHIFCornerstoneViewport = React.memo(props => {
   // we need to remove the old volume from the cache, and let the
   // viewport to re-add it which will use the new metadata. Otherwise, the
   // viewport will use the cached volume and the new metadata will not be used.
+  // Note: this approach does not actually end of sending network requests
+  // and it uses the network cache
   useEffect(() => {
     const { unsubscribe } = DisplaySetService.subscribe(
       DisplaySetService.EVENTS.DISPLAY_SET_SERIES_METADATA_INVALIDATED,
@@ -381,7 +383,7 @@ function _jumpToMeasurement(
     displaySetInstanceUID
   );
 
-  const imageIdIndex = referencedDisplaySet.images.findIndex(
+  const imageIndex = referencedDisplaySet.images.findIndex(
     i => i.SOPInstanceUID === SOPInstanceUID
   );
 
@@ -394,7 +396,7 @@ function _jumpToMeasurement(
   if (targetElement !== null) {
     const metadata = {
       ...measurement.metadata,
-      imageIdIndex,
+      imageIndex,
     };
     cs3DTools.utilities.jumpToSlice(targetElement, metadata);
 

extensions/cornerstone-3d/src/Viewport/Overlays/CornerstoneOverlays.tsx

@@ -46,11 +46,7 @@ function CornerstoneOverlays(props) {
       viewportIndex
     );
 
-    if (
-      viewportInfo &&
-      viewportInfo.viewportOptions?.customViewportOptions &&
-      viewportInfo.viewportOptions?.customViewportOptions?.hideOverlays
-    ) {
+    if (viewportInfo?.viewportOptions?.customViewportOptions?.hideOverlays) {
       return null;
     }
   }

extensions/cornerstone-3d/src/Viewport/Overlays/ViewportOverlay.tsx

@@ -42,6 +42,11 @@ function CornerstoneViewportOverlay({
         upper
       );
 
+      // Don't set VOI if already set
+      if (voi.windowCenter !== null || voi.windowWidth !== null) {
+        return;
+      }
+
       setVOI({ windowCenter, windowWidth });
     };
 
@@ -50,7 +55,7 @@ function CornerstoneViewportOverlay({
     return () => {
       element.removeEventListener(Enums.Events.VOI_MODIFIED, updateVOI);
     };
-  }, [viewportIndex, viewportData]);
+  }, [viewportIndex, viewportData, voi, element]);
 
   /**
    * Updating the scale when the viewport changes its zoom