fix(io): remove itk-image-io dependency

package.json

@@ -38,7 +38,6 @@
     "dicomweb-client-typed": "^0.8.6",
     "file-saver": "^2.0.5",
     "gl-matrix": "3.4.3",
-    "itk-image-io": "1.0.0-b.156",
     "itk-wasm": "1.0.0-b.156",
     "jszip": "3.10.0",
     "mitt": "^3.0.0",

src/io/readers.ts

@@ -1,8 +1,9 @@
 import vtkITKImageReader from '@kitware/vtk.js/IO/Misc/ITKImageReader';
+import { convertItkToVtkImage } from '@kitware/vtk.js/Common/DataModel/ITKHelper';
 import { readImageArrayBuffer, extensionToImageIO } from 'itk-wasm';
+import { readImage } from '@itk-wasm/image-io';
 import { FileReaderMap } from '.';
 
-import { readFileAsArrayBuffer } from './io';
 import { stlReader, vtiReader, vtpReader } from './vtk/async';
 import { FILE_EXT_TO_MIME } from './mimeTypes';
 
@@ -17,18 +18,9 @@ export const ITK_IMAGE_MIME_TYPES = Array.from(
 vtkITKImageReader.setReadImageArrayBufferFromITK(readImageArrayBuffer);
 
 async function itkReader(file: File) {
-  const fileBuffer = await readFileAsArrayBuffer(file);
-
-  const reader = vtkITKImageReader.newInstance();
-  reader.setFileName(file.name);
-  try {
-    await reader.parseAsArrayBuffer(fileBuffer);
-  } catch (e) {
-    // itkreader doesn't give us a meaningful error
-    throw new Error('Failed to parse file');
-  }
-
-  return reader.getOutputData();
+  const { image, webWorker } = await readImage(null, file);
+  webWorker.terminate();
+  return convertItkToVtkImage(image);
 }
 
 /**

src/main.js

@@ -12,7 +12,9 @@ import { createPinia } from 'pinia';
 import vtkProxyManager from '@kitware/vtk.js/Proxy/Core/ProxyManager';
 import vtkMapper from '@kitware/vtk.js/Rendering/Core/Mapper';
 import vtkImageMapper from '@kitware/vtk.js/Rendering/Core/ImageMapper';
+import { setPipelinesBaseUrl, setPipelineWorkerUrl } from '@itk-wasm/image-io';
 
+import itkConfig from '@/src/io/itk/itkConfig';
 import App from './components/App.vue';
 import vuetify from './plugins/vuetify';
 import { DICOMIO } from './io/dicom';
@@ -44,6 +46,10 @@ const proxyManager = vtkProxyManager.newInstance({ proxyConfiguration });
 const dicomIO = new DICOMIO();
 dicomIO.initialize();
 
+// for @itk-wasm/image-io
+setPipelineWorkerUrl(itkConfig.pipelineWorkerUrl);
+setPipelinesBaseUrl(itkConfig.imageIOUrl);
+
 const pinia = createPinia();
 pinia.use(
   CorePiniaProviderPlugin({

src/store/dicom-web/dicom-web-store.ts

@@ -203,6 +203,7 @@ export const useDicomWebStore = defineStore('dicom-web', () => {
         state: 'Done',
       };
     } catch (error) {
+      console.error(error);
       const messageStore = useMessageStore();
       messageStore.addError('Failed to load DICOM', error as Error);
       volumes.value[volumeKey] = {

vite.config.ts

@@ -151,8 +151,8 @@ export default defineConfig({
         },
         {
           src: resolvePath(
-            resolveNodeModulePath('itk-image-io'),
-            '*{.wasm,.js,.zst}'
+            resolveNodeModulePath('@itk-wasm/image-io'),
+            'dist/pipelines/*{.wasm,.js,.zst}'
           ),
           dest: 'itk/image-io',
         },