feat(PDF):Add PDF viewer (#2730)

Display DICOM encapsulated PDF documents in a PDF viewer.
Addressed the remaining PR comments, and am merging this.

extensions/dicom-pdf/src/getSopClassHandlerModule.js

@@ -0,0 +1,70 @@
+import { Name, SOPClassHandlerId } from './id';
+import { utils, classes } from '@ohif/core';
+
+const { ImageSet } = classes;
+
+const SOP_CLASS_UIDS = {
+  ENCAPSULATED_PDF: '1.2.840.10008.5.1.4.1.1.104.1',
+};
+
+const sopClassUids = Object.values(SOP_CLASS_UIDS);
+
+
+const _getDisplaySetsFromSeries = (instances, servicesManager, extensionManager) => {
+  const dataSource = extensionManager.getActiveDataSource()[0];
+  return instances
+    .map(instance => {
+      const { Modality, SOPInstanceUID, EncapsulatedDocument } = instance;
+      const { SeriesDescription = "PDF", MIMETypeOfEncapsulatedDocument, } = instance;
+      const { SeriesNumber, SeriesDate, SeriesInstanceUID, StudyInstanceUID, } = instance;
+      const pdfUrl = dataSource.retrieve.directURL({
+        instance,
+        tag: 'EncapsulatedDocument',
+        defaultType: MIMETypeOfEncapsulatedDocument || "application/pdf",
+        singlepart: "pdf",
+      });
+
+      const displaySet = {
+        //plugin: id,
+        Modality,
+        displaySetInstanceUID: utils.guid(),
+        SeriesDescription,
+        SeriesNumber,
+        SeriesDate,
+        SOPInstanceUID,
+        SeriesInstanceUID,
+        StudyInstanceUID,
+        SOPClassHandlerId,
+        referencedImages: null,
+        measurements: null,
+        pdfUrl,
+        others: [instance],
+        thumbnailSrc: dataSource.retrieve.directURL({ instance, defaultPath: "/thumbnail", defaultType: "image/jpeg", tag: "Absent" }),
+        isDerivedDisplaySet: true,
+        isLoaded: false,
+        sopClassUids,
+        numImageFrames: 0,
+        numInstances: 1,
+        instance,
+      };
+      return displaySet;
+    });
+};
+
+export default function getSopClassHandlerModule({ servicesManager, extensionManager }) {
+  const getDisplaySetsFromSeries = instances => {
+    return _getDisplaySetsFromSeries(
+      instances,
+      servicesManager,
+      extensionManager
+    );
+  };
+
+  return [
+    {
+      name: Name,
+      sopClassUids,
+      getDisplaySetsFromSeries,
+    },
+  ];
+}

extensions/dicom-pdf/src/id.js

@@ -0,0 +1,8 @@
+const Name = 'dicom-pdf';
+const id = `org.ohif.${Name}`;
+
+export default id;
+
+const SOPClassHandlerId = `${id}.sopClassHandlerModule.${Name}`;
+
+export { Name, SOPClassHandlerId, };

extensions/dicom-pdf/src/index.js

@@ -0,0 +1,76 @@
+import React from 'react';
+import getSopClassHandlerModule from './getSopClassHandlerModule';
+import id from './id.js';
+
+const Component = React.lazy(() => {
+  return import(
+    /* webpackPrefetch: true */ './viewports/OHIFCornerstonePdfViewport'
+  );
+});
+
+const OHIFCornerstonePdfViewport = 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.
+   */
+  id,
+  dependencies: [
+    // TODO -> This isn't used anywhere yet, but we do have a hard dependency, and need to check for these in the future.
+    // OHIF-229
+    {
+      id: 'org.ohif.cornerstone',
+      version: '3.0.0',
+    },
+    {
+      id: 'org.ohif.measurement-tracking',
+      version: '^0.0.1',
+    },
+  ],
+
+  preRegistration({ servicesManager, configuration = {} }) {
+    // No-op for now
+  },
+
+  /**
+   *
+   *
+   * @param {object} [configuration={}]
+   * @param {object|array} [configuration.csToolsConfig] - Passed directly to `initCornerstoneTools`
+   */
+  getViewportModule({ servicesManager, extensionManager }) {
+    const ExtendedOHIFCornerstonePdfViewport = props => {
+      return (
+        <OHIFCornerstonePdfViewport
+          servicesManager={servicesManager}
+          extensionManager={extensionManager}
+          {...props}
+        />
+      );
+    };
+
+    return [{ name: 'dicom-pdf', component: ExtendedOHIFCornerstonePdfViewport }];
+  },
+  getCommandsModule({ servicesManager }) {
+    return {
+      definitions: {
+        setToolActive: {
+          commandFn: () => null,
+          storeContexts: [],
+          options: {},
+        },
+      },
+      defaultContext: 'ACTIVE_VIEWPORT::PDF',
+    };
+  },
+  getSopClassHandlerModule,
+};

extensions/dicom-pdf/src/viewports/OHIFCornerstonePdfViewport.js

@@ -0,0 +1,26 @@
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+
+function OHIFCornerstonePdfViewport({
+  displaySet,
+}) {
+  const [url, setUrl] = useState(null);
+  const { pdfUrl } = displaySet;
+  useEffect(async () => {
+    setUrl(await pdfUrl);
+  });
+
+  return (
+    <div className="bg-primary-black w-full h-full">
+      <object data={url} type="application/pdf" className="w-full h-full">
+        <div>No online PDF viewer installed</div>
+      </object>
+    </div>
+  )
+}
+
+OHIFCornerstonePdfViewport.propTypes = {
+  displaySet: PropTypes.object.isRequired,
+};
+
+export default OHIFCornerstonePdfViewport;