Add logs to profile example

Author: Alexis Girault

examples/Dicom/src/index.js

@@ -4,43 +4,67 @@ import curry from 'curry'
 import setupDicomForm from './dicomForm'
 import parseDicomFiles from './parseDicomFiles'
 
-const outputFileInformation = curry(async function outputFileInformation (outputTextArea, event) {
-  outputTextArea.textContent = "Parsing..."
+function replacer (key, value) {
+  if (!!value && value.byteLength !== undefined) {
+    return String(value.slice(0, 6)) + '...'
+  }
+  return value
+}
 
+const outputFileInformation = curry(async function outputFileInformation (outputTextArea, event) {
   // Get files
   const dataTransfer = event.dataTransfer
   const files = event.target.files || dataTransfer.files
 
   // Parse DICOM metadata
+  outputTextArea.textContent = "-- Parsing + organising all files using javascript... "
+  let start = window.performance.now()
   const { patients, failures } = await parseDicomFiles(files, true)
+  let end = window.performance.now()
+  let time = end - start
+  console.log(`-- Javascript parsing + organising: ${time}`)
+  outputTextArea.textContent += `${time}\n`
 
-  // Select DICOM serie
-  outputTextArea.textContent = "Please select serie..."
+  // Select DICOM series
   setupDicomForm(patients, async (serie) => {
-    console.time('customRead:')
+    // Read image data with javascript code
+    outputTextArea.textContent += `-- Loading image data using javascript... `
+    start = window.performance.now()
     const image1 = serie.getImageData()
-    console.log(image1)
-    console.warn(image1.data.length)
-    console.timeEnd('customRead:')
-    outputTextArea.textContent = "Loading..."
+    end = window.performance.now()
+    time = end - start
+    console.log(`-- Loading image data using javascript: ${time}`)
+    outputTextArea.textContent += `${time}\n`
+    outputTextArea.textContent += JSON.stringify(image1, replacer, 4)
+    outputTextArea.textContent += '\n'
 
-    // Read DICOM serie
-    console.time('itkRead:')
+    // Read image data with itk
+    outputTextArea.textContent += `-- Parsing selected series files + loading image data using itk... `
+    start = window.performance.now()
     const files = Object.values(serie.images).map((image) => image.file)
     const { image, webWorker } = await readImageDICOMFileSeries(null, files)
     webWorker.terminate()
-    console.log(image)
-    console.warn(image.data.length)
-    console.timeEnd('itkRead:')
-
-    // Display
-    function replacer (key, value) {
-      if (!!value && value.byteLength !== undefined) {
-        return String(value.slice(0, 6)) + '...'
+    end = window.performance.now()
+    console.log(`-- Parsing selected series files + loading image data using itk: ${time}`)
+    outputTextArea.textContent += `${time}\n`
+    outputTextArea.textContent += JSON.stringify(image, replacer, 4)
+    outputTextArea.textContent += '\n'
+
+    // Compare
+    outputTextArea.textContent += "-- Comparing pixel data..."
+    if (image1.data.length !== image.data.length) {
+      let msg = 'Pixel data size differ 𐄂'
+      outputTextArea.textContent += ` ${msg}\n`
+      throw Error(msg)
+    }
+    for (let i = 0; i < image.data.length; i++) {
+      if (image1.data[i] !== image.data[i]) {
+        let msg = `Element ${i} differs 𐄂`
+        outputTextArea.textContent += ` ${msg}\n`
+        throw Error(msg)
       }
-      return value
     }
-    outputTextArea.textContent = JSON.stringify(image, replacer, 4)
+    outputTextArea.textContent += ' they match ✓'
   })
 })