init

extensions/dicom-pdf/.webpack/webpack.dev.js

@@ -0,0 +1,12 @@
+const path = require('path');
+const webpackCommon = require('./../../../.webpack/webpack.base.js');
+const SRC_DIR = path.join(__dirname, '../src');
+const DIST_DIR = path.join(__dirname, '../dist');
+
+const ENTRY = {
+  app: `${SRC_DIR}/index.tsx`,
+};
+
+module.exports = (env, argv) => {
+  return webpackCommon(env, argv, { SRC_DIR, ENTRY, DIST_DIR });
+};

extensions/dicom-pdf/.webpack/webpack.prod.js

@@ -0,0 +1,56 @@
+const webpack = require('webpack');
+const { merge } = require('webpack-merge');
+const path = require('path');
+const webpackCommon = require('./../../../.webpack/webpack.base.js');
+const pkg = require('./../package.json');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+
+const ROOT_DIR = path.join(__dirname, './..');
+const SRC_DIR = path.join(__dirname, '../src');
+const DIST_DIR = path.join(__dirname, '../dist');
+const ENTRY = {
+  app: `${SRC_DIR}/index.tsx`,
+};
+
+const outputName = `ohif-${pkg.name.split('/').pop()}`;
+
+module.exports = (env, argv) => {
+  const commonConfig = webpackCommon(env, argv, { SRC_DIR, ENTRY, DIST_DIR });
+
+  return merge(commonConfig, {
+    stats: {
+      colors: true,
+      hash: true,
+      timings: true,
+      assets: true,
+      chunks: false,
+      chunkModules: false,
+      modules: false,
+      children: false,
+      warnings: true,
+    },
+    optimization: {
+      minimize: true,
+      sideEffects: false,
+    },
+    output: {
+      path: ROOT_DIR,
+      library: 'ohif-extension-dicom-pdf',
+      libraryTarget: 'umd',
+      filename: `${pkg.main}`,
+    },
+    externals: [/\b(vtk.js)/, /\b(dcmjs)/, /\b(gl-matrix)/, /^@ohif/, /^@cornerstonejs/],
+    plugins: [
+      new webpack.optimize.LimitChunkCountPlugin({
+        maxChunks: 1,
+      }),
+      new MiniCssExtractPlugin({
+        filename: `./dist/${outputName}.css`,
+        chunkFilename: `./dist/${outputName}.css`,
+      }),
+      // new BundleAnalyzerPlugin(),
+    ],
+  });
+};

extensions/dicom-pdf/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Open Health Imaging Foundation
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

extensions/dicom-pdf/README.md

@@ -0,0 +1,5 @@
+# DICOM Encapsulated PDF
+This extension adds support for displaying DICOM encapsulated PDF documents.
+
+The extension is a "standard" extension in that it is installed and available
+by default.

extensions/dicom-pdf/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@ohif/extension-dicom-pdf",
+  "version": "3.9.1",
+  "description": "OHIF extension for PDF display",
+  "author": "OHIF",
+  "license": "MIT",
+  "repository": "OHIF/Viewers",
+  "main": "dist/ohif-extension-dicom-pdf.umd.js",
+  "module": "src/index.tsx",
+  "engines": {
+    "node": ">=14",
+    "npm": ">=6",
+    "yarn": ">=1.16.0"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "clean": "shx rm -rf dist",
+    "clean:deep": "yarn run clean && shx rm -rf node_modules",
+    "dev": "cross-env NODE_ENV=development webpack --config .webpack/webpack.dev.js --watch --output-pathinfo",
+    "build": "cross-env NODE_ENV=production webpack --config .webpack/webpack.prod.js",
+    "build:package-1": "yarn run build",
+    "start": "yarn run dev",
+    "test:unit": "jest --watchAll",
+    "test:unit:ci": "jest --ci --runInBand --collectCoverage --passWithNoTests"
+  },
+  "peerDependencies": {
+    "@ohif/core": "3.9.1",
+    "@ohif/ui": "3.9.1",
+    "dcmjs": "*",
+    "dicom-parser": "^1.8.9",
+    "hammerjs": "^2.0.8",
+    "prop-types": "^15.6.2",
+    "react": "^18.3.1"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.20.13",
+    "classnames": "^2.3.2"
+  }
+}

extensions/dicom-pdf/src/getSopClassHandlerModule.js

@@ -0,0 +1,70 @@
+import { 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 } = instance;
+    const { SeriesDescription = 'PDF', MIMETypeOfEncapsulatedDocument } = instance;
+    const { SeriesNumber, SeriesDate, SeriesInstanceUID, StudyInstanceUID, SOPClassUID } = 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,
+      SOPClassUID,
+      referencedImages: null,
+      measurements: null,
+      pdfUrl,
+      instances: [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: 'dicom-pdf',
+      sopClassUids,
+      getDisplaySetsFromSeries,
+    },
+  ];
+}

extensions/dicom-pdf/src/id.js

@@ -0,0 +1,6 @@
+import packageJson from '../package.json';
+
+const id = packageJson.name;
+const SOPClassHandlerId = `${id}.sopClassHandlerModule.dicom-pdf`;
+
+export { id, SOPClassHandlerId };

extensions/dicom-pdf/src/index.tsx

@@ -0,0 +1,47 @@
+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>
+  );
+};
+
+/**
+ *
+ */
+const dicomPDFExtension = {
+  /**
+   * Only required property. Should be a unique value across all extensions.
+   */
+  id,
+  /**
+   *
+   *
+   * @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 }];
+  },
+  getSopClassHandlerModule,
+};
+
+export default dicomPDFExtension;

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

@@ -0,0 +1,11 @@
+.pdf-no-click {
+  pointer-events: none;
+  height: 100%;
+  width: 100%;
+}
+
+.pdf-yes-click {
+  pointer-events: auto;
+  height: 100%;
+  width: 100%;
+}

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

@@ -0,0 +1,61 @@
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import './OHIFCornerstonePdfViewport.css';
+
+function OHIFCornerstonePdfViewport({ displaySets }) {
+  const [url, setUrl] = useState(null);
+
+  useEffect(() => {
+    document.body.addEventListener('drag', makePdfDropTarget);
+    return function cleanup() {
+      document.body.removeEventListener('drag', makePdfDropTarget);
+    };
+  }, []);
+
+  const [style, setStyle] = useState('pdf-yes-click');
+
+  const makePdfScrollable = () => {
+    setStyle('pdf-yes-click');
+  };
+
+  const makePdfDropTarget = () => {
+    setStyle('pdf-no-click');
+  };
+
+  if (displaySets && displaySets.length > 1) {
+    throw new Error(
+      'OHIFCornerstonePdfViewport: only one display set is supported for dicom pdf right now'
+    );
+  }
+
+  const { pdfUrl } = displaySets[0];
+
+  useEffect(() => {
+    const load = async () => {
+      setUrl(await pdfUrl);
+    };
+
+    load();
+  }, [pdfUrl]);
+
+  return (
+    <div
+      className="bg-primary-black h-full w-full text-white"
+      onClick={makePdfScrollable}
+    >
+      <object
+        data={url}
+        type="application/pdf"
+        className={style}
+      >
+        <div>No online PDF viewer installed</div>
+      </object>
+    </div>
+  );
+}
+
+OHIFCornerstonePdfViewport.propTypes = {
+  displaySets: PropTypes.arrayOf(PropTypes.object).isRequired,
+};
+
+export default OHIFCornerstonePdfViewport;