Merge pull request #5 from neurolabusc/main

Unify maint thread and webworker processing

README.md

@@ -11,12 +11,17 @@ https://niivue.github.io/niivue-brainchop/
 ### To run
 
 ```bash
-git clone https://github.com/niivue/niivue-brainchop
+git clone git@github.com:niivue/niivue-brainchop.git
 cd niivue-brainchop
 npm install
 npm run dev
 ```
 
+Use the `Segmentation Model` pull down menu to run different tissue classifications.
+
+
+![brainchop](brainchop.png)
+
 ### To build
 
 ```bash

brainchop-telemetry.js

@@ -0,0 +1,201 @@
+export {isChrome, localSystemDetails }
+
+async function detectBrowser() {
+  if (navigator.userAgent.indexOf('OPR/') > -1) {
+    return 'Opera'
+  } else if (navigator.userAgent.indexOf('Edg/') > -1) {
+    return 'Edge'
+  } else if (navigator.userAgent.indexOf('Falkon/') > -1) {
+    return 'Falkon'
+  } else if (navigator.userAgent.indexOf('Chrome/') > -1) {
+    return 'Chrome'
+  } else if (navigator.userAgent.indexOf('Firefox/') > -1) {
+    return 'Firefox'
+  } else if (navigator.userAgent.indexOf('Safari/') > -1) {
+    return 'Safari'
+  } else if (navigator.userAgent.indexOf('MSIE/') > -1 || navigator.userAgent.indexOf('rv:') > -1) {
+    return 'IExplorer'
+  } else {
+    return 'Unknown'
+  }
+}
+
+async function detectBrowserVersion() {
+  if (navigator.userAgent.indexOf('OPR/') > -1) {
+    return parseInt(navigator.userAgent.split('OPR/')[1])
+  } else if (navigator.userAgent.indexOf('Edg/') > -1) {
+    return parseInt(navigator.userAgent.split('Edg/')[1])
+  } else if (navigator.userAgent.indexOf('Falkon/') > -1) {
+    return parseInt(navigator.userAgent.split('Falkon/')[1])
+  } else if (navigator.userAgent.indexOf('Chrome/') > -1) {
+    return parseInt(navigator.userAgent.split('Chrome/')[1])
+  } else if (navigator.userAgent.indexOf('Firefox/') > -1) {
+    return parseInt(navigator.userAgent.split('Firefox/')[1])
+  } else if (navigator.userAgent.indexOf('Safari/') > -1) {
+    return parseInt(navigator.userAgent.split('Safari/')[1])
+  } else if (navigator.userAgent.indexOf('MSIE/') > -1 || navigator.userAgent.indexOf('rv:') > -1) {
+    return parseInt(navigator.userAgent.split('MSIE/')[1])
+  } else {
+    return Infinity
+  }
+}
+
+async function detectOperatingSys() {
+  if (navigator.userAgent.indexOf('Win') > -1) {
+    return 'Windows'
+  } else if (navigator.userAgent.indexOf('Mac') > -1) {
+    return 'MacOS'
+  } else if (navigator.userAgent.indexOf('Linux') > -1) {
+    return 'Linux'
+  } else if (navigator.userAgent.indexOf('UNIX') > -1) {
+    return 'UNIX'
+  } else {
+    return 'Unknown'
+  }
+}
+
+async function checkWebGl2(gl) {
+  //const gl = document.createElement('canvas').getContext('webgl2')
+  if (!gl) {
+    if (typeof WebGL2RenderingContext !== 'undefined') {
+      const msg = 'WebGL2 may be disabled. Please try updating video card drivers'
+    } else {
+      console.log('WebGL2 is not supported')
+    }
+    return false
+  } else {
+    console.log('WebGl2 is enabled')
+    return true
+  }
+}
+
+async function detectGPUVendor(gl) {
+  //const gl = document.createElement('canvas').getContext('webgl')
+  let debugInfo
+  if (gl) {
+    debugInfo = gl.getExtension('WEBGL_debug_renderer_info')
+    if (debugInfo) {
+      const result = gl.getParameter(debugInfo.UNMASKED_VENDOR_WEBGL)
+      // --e.g. : NVIDIA Corporation
+      if (result.indexOf('(') > -1 && result.indexOf(')') > -1) {
+        return result.substring(result.indexOf('(') + 1, result.indexOf(')'))
+      }
+      return result
+    }
+  }
+  return null
+}
+
+async function detectGPUVendor_v0(gl) {
+  //const gl = document.createElement('canvas').getContext('webgl')
+  if (gl) {
+    const debugInfo = gl.getExtension('WEBGL_debug_renderer_info')
+    return debugInfo ? gl.getParameter(debugInfo.UNMASKED_VENDOR_WEBGL) : null
+  } else {
+    return null
+  }
+}
+
+async function detectGPUCardType_v0(gl) {
+  if (gl) {
+    if (detectBrowser() === 'Firefox') {
+      // -- return e.g: "GeForce GTX 980/PCIe/SSE2"
+      return gl.getParameter(gl.RENDERER)
+    }
+
+    const debugInfo = gl.getExtension('WEBGL_debug_renderer_info')
+    return debugInfo ? gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL) : null
+  } else {
+    return null
+  }
+}
+
+async function detectGPUCardType(gl) {
+  let debugInfo
+
+  if (gl) {
+    if (detectBrowser() === 'Firefox') {
+      // -- return e.g: "GeForce GTX 980/PCIe/SSE2"
+      return gl.getParameter(gl.RENDERER)
+    }
+
+    debugInfo = gl.getExtension('WEBGL_debug_renderer_info')
+
+    if (debugInfo) {
+      let result = gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL)
+      // --e.g. : ANGLE (NVIDIA Corporation, GeForce GTX 1050 Ti/PCIe/SSE2, OpenGL 4.5.0 NVIDIA 390.144) as with Chrome
+      // Or:  GeForce GTX 1050 Ti/PCIe/SSE2    as with fireFox
+
+      if (result.indexOf('(') > -1 && result.indexOf(')') > -1 && result.indexOf('(R)') === -1) {
+        result = result.substring(result.indexOf('(') + 1, result.indexOf(')'))
+
+        if (result.split(',').length === 3) {
+          return result.split(',')[1].trim()
+        }
+      }
+
+      return result
+    }
+  }
+  return null
+}
+
+async function getCPUNumCores() {
+  return navigator.hardwareConcurrency
+}
+
+async function isChrome() {
+  return /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor)
+}
+
+async function localSystemDetails(statData, gl = null) {
+    const Preprocess_t = ((performance.now() - statData.startTime) / 1000).toFixed(4)
+    // -- Timing data to collect
+    const today = new Date()
+    if (statData.isModelFullVol) {
+      statData.Brainchop_Ver = 'FullVolume'
+    } else {
+      statData.Brainchop_Ver = 'SubVolumes'
+    }
+
+    /* let geoData = getBrowserLocationInfo()
+    if(geoData) {
+          statData["Country"] = geoData["Country"]
+          statData["State"] = geoData["Region"]
+          statData["City"] = geoData["City"]
+    } else {
+          statData["Country"] = ""
+          statData["State"] = ""
+          statData["City"] = ""
+    } */
+
+    statData.Date = parseInt(today.getMonth() + 1) + '/' + today.getDate() + '/' + today.getFullYear()
+    statData.Time_Elapsed = Preprocess_t
+    statData.Browser = await detectBrowser()
+    statData.Browser_Ver = await detectBrowserVersion()
+    statData.OS = await detectOperatingSys()
+    statData.WebGL2 = await checkWebGl2(gl)
+    statData.GPU_Vendor = await detectGPUVendor(gl)
+    statData.GPU_Card = await detectGPUCardType(gl)
+    statData.GPU_Vendor_Full = await detectGPUVendor_v0(gl)
+    statData.GPU_Card_Full = await detectGPUCardType_v0(gl)
+    statData.CPU_Cores = await getCPUNumCores()
+    statData.Which_Brainchop = 'latest'
+    if (await isChrome()) {
+      statData.Heap_Size_MB = window.performance.memory.totalJSHeapSize / (1024 * 1024).toFixed(2)
+      statData.Used_Heap_MB = window.performance.memory.usedJSHeapSize / (1024 * 1024).toFixed(2)
+      statData.Heap_Limit_MB = window.performance.memory.jsHeapSizeLimit / (1024 * 1024).toFixed(2)
+    }
+    if (gl) {
+      console.log('MAX_TEXTURE_SIZE :', gl.getParameter(gl.MAX_TEXTURE_SIZE))
+      console.log('MAX_RENDERBUFFER_SIZE :', gl.getParameter(gl.MAX_RENDERBUFFER_SIZE))
+      // -- check to see   if  machine has two graphics card: one is the builtin e.g. Intel Iris Pro, the other is NVIDIA GeForce GT 750M.
+      // -- check browser use which one, if debugInfo is null then installed  GPU is not used
+      const debugInfo = gl.getExtension('WEBGL_debug_renderer_info')
+      console.log('VENDOR WEBGL:', gl.getParameter(debugInfo.UNMASKED_VENDOR_WEBGL))
+      statData.Texture_Size = gl.getParameter(gl.MAX_TEXTURE_SIZE) // --returns the maximum dimension the GPU can address
+    } else {
+      statData.Texture_Size = null
+    }
+    return statData
+}