Read tensorboard logs

tensorboard_plugin_3d/client/package.json

@@ -28,6 +28,7 @@
     "itk-viewer-icons": "^11.11.2",
     "itk-viewer-material-ui": "https://github.com/InsightSoftwareConsortium/itk-viewer-material-ui",
     "material-ui": "^0.20.2",
+    "ndarray-pack": "^1.2.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   }

tensorboard_plugin_3d/client/src/index.js

@@ -1,5 +1,6 @@
 import materialUIMachineOptions from 'itk-viewer-material-ui/src/materialUIMachineOptions'
 import modifiedCreateInterface from './main'
+import ndarraypack from 'ndarray-pack'
 
 const uiMachineOptions = { ...materialUIMachineOptions }
 
@@ -9,10 +10,42 @@ uiMachineActions.createInterface = modifiedCreateInterface
 uiMachineOptions.actions = uiMachineActions
 
 const container = document.querySelector('.content')
-const ipfsImage = new URL("https://data.kitware.com/api/v1/file/564a65d58d777f7522dbfb61/download/data.nrrd")
-window.itkVtkViewer.createViewer(container,
-  {
-  image: ipfsImage,
-  rotate: false,
-  config: { uiMachineOptions },
+
+async function fetchJSON(url) {
+  const response = await fetch(url);
+  if (!response.ok) {
+    return null;
+  }
+  const data = response.json();
+  return data;
+}
+
+function encodeScijsArray(array){
+  const encoded = {
+    _rtype: 'ndarray',
+    _rdtype: array.dtype,
+    _rshape: array.shape,
+    _rvalue: array.data,
+  }
+  return encoded
+}
+
+async function createViewer() {
+  const img_data = await fetchJSON('../images').then(response => {
+    let image_data = {image: encodeScijsArray(ndarraypack(response.images[0].array))}
+    if (response.images.length > 1) {
+      image_data.labelImage = encodeScijsArray(ndarraypack(response.images[1].array))
+    }
+    response.images.forEach((img) => {
+      encodeScijsArray(ndarraypack(img.array))
+    })
+    return image_data
   })
+  window.itkVtkViewer.createViewer(container,
+    {
+      ...img_data,
+      rotate: false,
+      config: { uiMachineOptions },
+    })
+}
+createViewer()