feat: Update to WADO Image Loader 4.0.3 to add dynamically imported WebAssembly codec support 🚀 (#2538)

* feat: update to prerelease of WADO Image Loader, add copy plugin to pull dist/dynamic-import into OHIF

* fix: Set empty public path

* perf: Add webpackPrefetch tags to lazy loaded components

* Switch to using webpack alias to use dynamic import version of WADO Image Loader

* fix lockfile

* prevent polyfilling zlib

* bump to wado image loader 4.0.3 with fix for public path
This commit is contained in:
Erik Ziegler authored and GitHub committed 2021-09-24 09:06:52 +02:00
1 parent 898f93e19d
commit 3c9f3cb273
19 files changed
+232 -88

No files matched your search

+4 -4
View File
@@ -30,11 +30,11 @@
"test:unit:ci": "jest --ci --runInBand --collectCoverage"
},
"peerDependencies": {
"cornerstone-core": "^2.3.0",
"cornerstone-tools": "5.1.2",
"cornerstone-core": "^2.5.0",
"cornerstone-tools": "6.0.0",
"cornerstone-math": "0.1.9",
"cornerstone-wado-image-loader": "^3.1.2",
"dicom-parser": "^1.8.3",
"cornerstone-wado-image-loader": "4.0.3",
"dicom-parser": "^1.8.9",
"@ohif/ui": "^1.8.2"
},
"dependencies": {
+1
View File
@@ -1 +1,2 @@
node_modules
storybook-static
+1
View File
@@ -112,6 +112,7 @@ module.exports = (env, argv) => {
port: 3000,
host: '0.0.0.0',
public: 'http://localhost:' + 3000,
//writeToDisk: true,
historyApiFallback: {
disableDotRule: true,
},
+11 -11
View File
@@ -45,11 +45,9 @@
"README.md"
],
"peerDependencies": {
"cornerstone-core": "^2.3.0"
"cornerstone-core": "^2.5.0"
},
"dependencies": {
"react": "^17.0.2",
"react-dom": "^17.0.2",
"@babel/runtime": "7.7.6",
"@ohif/core": "^2.5.1",
"@ohif/extension-cornerstone": "^2.4.0",
@@ -59,12 +57,12 @@
"@ohif/ui": "^2.0.0",
"@types/react": "^16.0.0",
"classnames": "^2.2.6",
"core-js": "^3.2.1",
"core-js": "^3.16.1",
"cornerstone-math": "^0.1.9",
"cornerstone-tools": "5.1.2",
"cornerstone-wado-image-loader": "^3.1.2",
"cornerstone-tools": "6.0.0",
"cornerstone-wado-image-loader": "4.0.3",
"dcmjs": "0.16.1",
"dicom-parser": "^1.8.3",
"dicom-parser": "^1.8.9",
"dotenv-webpack": "^1.7.0",
"hammerjs": "^2.0.8",
"history": "5.0.0",
@@ -75,6 +73,8 @@
"oidc-client": "1.11.5",
"prop-types": "^15.7.2",
"query-string": "^6.12.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-dropzone": "^10.1.7",
"react-i18next": "^10.11.0",
"react-resize-detector": "^4.2.0",
@@ -82,16 +82,16 @@
"react-router-dom": "next"
},
"devDependencies": {
"webpack": "^5.43.0",
"webpack-cli": "^4.7.2",
"@percy/cypress": "^2.3.0",
"cypress": "^6.4.0",
"cypress-file-upload": "^3.5.3",
"identity-obj-proxy": "3.0.x",
"lodash": "4.17.15",
"tailwindcss": "2.2.4",
"terser-webpack-plugin": "^5.1.1",
"webpack": "^5.50.0",
"webpack-bundle-analyzer": "^4.4.2",
"webpack-merge": "^5.7.3",
"tailwindcss": "2.2.4"
"webpack-cli": "^4.7.2",
"webpack-merge": "^5.7.3"
}
}
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="theme-color" content="#000000" />
<meta name="mobile-web-app-capable" content="yes">
@@ -69,13 +69,14 @@
<script type="text/javascript">
window.PUBLIC_URL = '<%= PUBLIC_URL %>';
</script>
<script type="text/javascript" src="<%= PUBLIC_URL %>app-config.js"></script>
<script type="module" src="<%= PUBLIC_URL %>init-service-worker.js"></script>
<script rel="preload" as="script" type="text/javascript" src="<%= PUBLIC_URL %>app-config.js"></script>
<script rel="preload" as="script" type="module" src="<%= PUBLIC_URL %>init-service-worker.js"></script>
<title>OHIF Viewer</title>
<!-- WEB FONTS -->
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,500,700&display=swap" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,500,700&display=swap" rel="stylesheet" rel="preload" as="style"/>
<!-- EXTENSIONS -->
<!-- <script type="text/javascript" src="path/to/some-extension.js"></script>
@@ -2,7 +2,6 @@ import dcmjs from 'dcmjs';
import cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader';
import FileLoader from './fileLoader';
const DICOMFileLoader = new (class extends FileLoader {
fileType = 'application/dicom';
loadFile(file, imageId) {
@@ -16,13 +15,13 @@ const DICOMFileLoader = new (class extends FileLoader {
dicomData.dict
);
dataset.url = imageId
dataset.url = imageId;
dataset._meta = dcmjs.data.DicomMetaDictionary.namifyDataset(
dicomData.meta
);
return dataset
return dataset;
}
})();