Publish events for errors during data loading

Author: hackermd

src/events.js

@@ -28,10 +28,14 @@ const EVENTS = {
   LOADING_STARTED: `${PROJECT_NAME}_loading_started`,
   /** Triggered when a loading of data has ended. */
   LOADING_ENDED: `${PROJECT_NAME}_loading_ended`,
+  /** Triggered when an error occurs during loading of data. */
+  LOADING_ERROR: `${PROJECT_NAME}_loading_error`,
   /* Triggered when the loading of an image tile has started. */
   FRAME_LOADING_STARTED: `${PROJECT_NAME}_frame_loading_started`,
   /* Triggered when the loading of an image tile has ended. */
-  FRAME_LOADING_ENDED: `${PROJECT_NAME}_frame_loading_ended`
+  FRAME_LOADING_ENDED: `${PROJECT_NAME}_frame_loading_ended`,
+  /* Triggered when the error occurs during loading of an image tile. */
+  FRAME_LOADING_ERROR: `${PROJECT_NAME}_frame_loading_ended`
 }
 
 export default EVENTS

src/pyramid.js

@@ -479,11 +479,7 @@ function _createTileLoadFunction ({
         frameNumber: frameNumbers[0],
         channelIdentifier: String(channel)
       }
-      publish(
-        targetElement,
-        EVENT.FRAME_LOADING_STARTED,
-        frameInfo
-      )
+      publish(targetElement, EVENT.FRAME_LOADING_STARTED, frameInfo)
 
       const retrieveOptions = {
         studyInstanceUID,
@@ -531,11 +527,8 @@ function _createTileLoadFunction ({
         }
       ).catch(
         (error) => {
-          publish(
-            targetElement,
-            EVENT.FRAME_LOADING_ENDED,
-            null
-          )
+          publish(targetElement, EVENT.FRAME_LOADING_ENDED, frameInfo)
+          publish(targetElement, EVENT.FRAME_LOADING_ERROR, frameInfo)
           return Promise.reject(
             new Error(
               `Failed to load frames ${frameNumbers} ` +

src/viewer.js

@@ -3076,7 +3076,8 @@ class VolumeImageViewer {
         loader,
         wrapX: false,
         rotateWithView: true,
-        overlaps: false
+        overlaps: false,
+        features: new Collection([], { unique: true })
       })
       source.on('featuresloadstart', (event) => {
         const container = this[_map].getTargetElement()
@@ -3089,6 +3090,7 @@ class VolumeImageViewer {
       source.on('featuresloaderror', (event) => {
         const container = this[_map].getTargetElement()
         publish(container, EVENT.LOADING_ENDED)
+        publish(container, EVENT.LOADING_ERROR)
       })
 
       /*