Merge pull request #2241 from OHIF/IDC-2223

feat(IDC-2223): Add error notification on microscopy viewport initialization errors

extensions/dicom-microscopy/src/DicomMicroscopyViewport.js

@@ -62,11 +62,24 @@ class DicomMicroscopyViewport extends Component {
         );
         const microscopyViewer = api.VLWholeSlideMicroscopyImageViewer;
 
+        try {
           this.viewer = new microscopyViewer({
             client: dicomWebClient,
             metadata,
             retrieveRendered: false,
           });
+        } catch (error) {
+          console.error('[Microscopy Viewer] Failed to load:', error);
+          const { UINotificationService } = this.props.servicesManager.services;
+          if (UINotificationService) {
+            UINotificationService.show({
+              title: 'Microscopy Viewport',
+              message:
+                'Failed to load viewport. Please check that you have hardware acceleration enabled.',
+              type: 'error',
+            });
+          }
+        }
 
         this.viewer.render({ container });
       });

extensions/dicom-microscopy/src/index.js

@@ -6,14 +6,6 @@ const Component = React.lazy(() => {
   return import('./DicomMicroscopyViewport');
 });
 
-const DicomMicroscopyViewport = props => {
-  return (
-    <React.Suspense fallback={<div>Loading...</div>}>
-      <Component {...props} />
-    </React.Suspense>
-  );
-};
-
 export default {
   /**
    * Only required property. Should be a unique value across all extensions.
@@ -21,8 +13,14 @@ export default {
   id: 'microscopy',
   version,
 
-  getViewportModule() {
+  getViewportModule({ servicesManager }) {
-    return DicomMicroscopyViewport;
+    return props => {
+      return (
+        <React.Suspense fallback={<div>Loading...</div>}>
+          <Component {...props} servicesManager={servicesManager} />
+        </React.Suspense>
+      );
+    };
   },
   getSopClassHandlerModule() {
     return DicomMicroscopySopClassHandler;