Re-add extensions as top level dir

extensions/ohif-dicom-microscopy-extension/src/DicomMicroscopyViewport.js

@@ -0,0 +1,83 @@
+import React, { Component } from 'react';
+import { api } from 'dicom-microscopy-viewer';
+
+const microscopyViewer = api.VLWholeSlideMicroscopyImageViewer;
+
+class DicomMicroscopyViewport extends Component {
+  state = {
+    error: null
+  };
+
+  constructor(props) {
+    super(props);
+
+    this.container = React.createRef();
+  }
+
+  // install the microscopy renderer into the web page.
+  // you should only do this once.
+  installOpenLayersRenderer(container, displaySet) {
+    const dicomWebClient = displaySet.dicomWebClient;
+
+    const searchInstanceOptions = {
+      studyInstanceUID: displaySet.studyInstanceUid,
+      seriesInstanceUID: displaySet.seriesInstanceUid
+    };
+
+    dicomWebClient
+      .searchForInstances(searchInstanceOptions)
+      .then(instances => {
+        const promises = [];
+        for (let i = 0; i < instances.length; i++) {
+          const sopInstanceUID = instances[i]['00080018']['Value'][0];
+          const retrieveInstanceOptions = {
+            studyInstanceUID: displaySet.studyInstanceUid,
+            seriesInstanceUID: displaySet.seriesInstanceUid,
+            sopInstanceUID
+          };
+
+          const promise = dicomWebClient
+            .retrieveInstanceMetadata(retrieveInstanceOptions)
+            .then(metadata => {
+              const imageType = metadata[0]['00080008']['Value'];
+              if (imageType[2] === 'VOLUME') {
+                return metadata[0];
+              }
+            });
+          promises.push(promise);
+        }
+        return Promise.all(promises);
+      })
+      .then(metadata => {
+        metadata = metadata.filter(m => m);
+
+        const viewer = new microscopyViewer({
+          client: dicomWebClient,
+          metadata
+        });
+
+        viewer.render({ container });
+      });
+  }
+
+  componentDidMount() {
+    const { studies, displaySet } = this.props.viewportData;
+
+    this.installOpenLayersRenderer(this.container.current, displaySet);
+  }
+
+  render() {
+    const style = { width: '100%', height: '100%' };
+    return (
+      <div className={'DicomMicroscopyViewer'} style={style}>
+        {this.state.error ? (
+          <h2>{JSON.stringify(this.state.error)}</h2>
+        ) : (
+          <div style={style} ref={this.container} />
+        )}
+      </div>
+    );
+  }
+}
+
+export default DicomMicroscopyViewport;