fix(itkConfig.js): use consistent path for itkConfig.js

Or else webpack module resolution is not dynamic for tests.

Author: PaulHax

karma.conf.js

@@ -1,5 +1,6 @@
 /* eslint-disable global-require */
 const path = require('path')
+const os = require('os')
 
 const vtkRules = require('vtk.js/Utilities/config/dependency.js').webpack.core
   .rules
@@ -43,6 +44,13 @@ const moduleConfigRules = [
 
 const entry = path.join(__dirname, './src/index.js')
 
+// fixes 404 errors getting worker bundles https://github.com/ryanclark/karma-webpack/issues/498#issuecomment-790040818
+const output = {
+  path:
+    path.join(os.tmpdir(), '_karma_webpack_') +
+    Math.floor(Math.random() * 1000000),
+}
+
 module.exports = function init(config) {
   config.set({
     plugins: [
@@ -56,6 +64,10 @@ module.exports = function init(config) {
 
     basePath: '',
     frameworks: ['tap', 'webpack'],
+    proxies: {
+      '/itk/web-workers/itk-wasm-pipeline.min.worker.js':
+        '/base/dist/itk/web-workers/itk-wasm-pipeline.min.worker.js',
+    },
     files: [
       './test/tests.js',
       {
@@ -100,6 +112,12 @@ module.exports = function init(config) {
         served: true,
         included: false,
       },
+      {
+        pattern: './dist/**',
+        watched: true,
+        served: true,
+        included: false,
+      },
       {
         pattern: './src/UI/reference-ui/dist/referenceUIMachineOptions.js',
         watched: true,
@@ -118,13 +136,19 @@ module.exports = function init(config) {
         served: true,
         included: false,
       },
+      {
+        pattern: `${output.path}/**/*`,
+        watched: false,
+        included: false,
+      },
     ],
 
     preprocessors: {
       './test/tests.js': ['webpack'],
     },
 
     webpack: {
+      output,
       mode: 'development',
       devtool: 'eval-source-map',
       module: {

src/Compression/bloscZarrDecompress.js

@@ -1,5 +1,5 @@
 import { runPipeline, InterfaceTypes, WorkerPool } from 'itk-wasm'
-import itkConfig from '../itkConfig'
+import itkConfig from '../itkConfig.js'
 import { getSize } from '../IO/dtypeUtils'
 
 const cores = navigator.hardwareConcurrency ? navigator.hardwareConcurrency : 4

src/IO/Compare/createCompareImage.js

@@ -1,4 +1,5 @@
 import { runWasm } from '../itkWasmUtils.js'
+import itkConfig from '../itkConfig.js'
 
 export async function createCompareImage(
   movingImage,
@@ -17,11 +18,17 @@ export async function createCompareImage(
     clampedPattern.join(','),
   ]
 
+  const itkWasmOptions = {
+    pipelineWorkerUrl: itkConfig.pipelineWorkerUrl,
+    pipelineBaseUrl: itkConfig.pipelinesUrl,
+  }
+  console.log('createCompare', itkWasmOptions)
   const image = await runWasm({
     pipeline: 'Compare',
     args,
     images: [movingImage, fixedImage],
     maxSplits: 1,
+    itkWasmOptions,
   })
   image.ranges = [minMax, minMax]
 

src/IO/InMemoryMultiscaleSpatialImage.js

@@ -11,7 +11,7 @@ import {
   imageSharedBufferOrCopy,
   stackImages,
 } from 'itk-wasm'
-import itkConfig from '../itkConfig'
+import itkConfig from '../itkConfig.js'
 import { chunkArray, CXYZT, orderBy, toDimensionMap } from './dimensionUtils'
 import { computeRanges } from './Analyze/computeRanges'
 

src/IO/itkWasmUtils.js

@@ -5,7 +5,7 @@ import {
   WorkerPool,
   stackImages,
 } from 'itk-wasm'
-import itkConfig from '../itkConfig'
+import itkConfig from '../itkConfig.js'
 
 export async function runWasm({
   pipeline,

src/Rendering/VTKJS/Images/fuseImages.js

@@ -1,7 +1,7 @@
 import WebworkerPromise from 'webworker-promise'
 import ComposeImageWorker from './ComposeImage.worker.js'
 
-import itkConfig from '../../../itkConfig.js'
+import itkConfig from '../itkConfig.js'
 
 export const fuseImages = async ({
   imageAtScale, //could be array if Conglomerate

src/index.js

@@ -4,7 +4,7 @@ import vtkURLExtract from 'vtk.js/Sources/Common/Core/URLExtract'
 import { readImage } from '@itk-wasm/image-io'
 import { setPipelineWorkerUrl, setPipelinesBaseUrl } from 'itk-wasm'
 
-import itkConfig from './itkConfig.js'
+import itkConfig from '../itkConfig.js'
 import fetchBinaryContent from './IO/fetchBinaryContent'
 import fetchJsonContent from './IO/fetchJsonContent'
 import { processFiles } from './IO/processFiles'