npm - larvitar - Versions diffs - 1.1.2 → 1.2.0 - Mend

larvitar 1.1.2 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (191) hide show

package/.github/workflows/deploy.yml +3 -12
package/README.md +3 -3
package/docs/documentation/Mixins.polygonSegmentationMixin%20-%20segmentation%20operations%20for%20polyline.html +171 -0
package/docs/documentation/Tools.Annotation.ContoursTool.html +218 -0
package/docs/documentation/Tools.Annotation.DiameterTool.html +219 -0
package/docs/documentation/Tools.Annotation.SeedsTool.html +214 -0
package/docs/documentation/Tools.Brush.BrushTool.html +218 -0
package/docs/documentation/Tools.Brush.ThresholdsBrushTool.html +218 -0
package/docs/documentation/Tools.PolylineScissorsTool.html +218 -0
package/docs/documentation/fonts/Montserrat/Montserrat-Bold.eot +0 -0
package/docs/documentation/fonts/Montserrat/Montserrat-Bold.ttf +0 -0
package/docs/documentation/fonts/Montserrat/Montserrat-Bold.woff +0 -0
package/docs/documentation/fonts/Montserrat/Montserrat-Bold.woff2 +0 -0
package/docs/documentation/fonts/Montserrat/Montserrat-Regular.eot +0 -0
package/docs/documentation/fonts/Montserrat/Montserrat-Regular.ttf +0 -0
package/docs/documentation/fonts/Montserrat/Montserrat-Regular.woff +0 -0
package/docs/documentation/fonts/Montserrat/Montserrat-Regular.woff2 +0 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.eot +0 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.svg +978 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.ttf +0 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.woff +0 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.woff2 +0 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.eot +0 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.svg +1049 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.ttf +0 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.woff +0 -0
package/docs/documentation/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.woff2 +0 -0
package/docs/documentation/global.html +1303 -0
package/docs/documentation/imageAnonymization.js.html +245 -0
package/docs/documentation/imageColormaps.js.html +283 -0
package/docs/documentation/imageContours.js.html +278 -0
package/docs/documentation/imageIo.js.html +291 -0
package/docs/documentation/imageLayers.js.html +188 -0
package/docs/documentation/imageLoading.js.html +297 -0
package/docs/documentation/imageParsing.js.html +385 -0
package/docs/documentation/imagePresets.js.html +207 -0
package/docs/documentation/imageRendering.js.html +849 -0
package/docs/documentation/imageReslice.js.html +162 -0
package/docs/documentation/imageStore.js.html +360 -0
package/docs/documentation/imageTools.js.html +784 -0
package/docs/documentation/imageUtils.js.html +1609 -0
package/docs/documentation/image_colormaps.js.html +283 -0
package/docs/documentation/image_contours.js.html +279 -0
package/docs/documentation/image_io.js.html +288 -0
package/docs/documentation/image_layers.js.html +188 -0
package/docs/documentation/image_loading.js.html +294 -0
package/docs/documentation/image_parsing.js.html +391 -0
package/docs/documentation/image_presets.js.html +207 -0
package/docs/documentation/image_rendering.js.html +845 -0
package/docs/documentation/image_reslice.js.html +164 -0
package/docs/documentation/image_store.js.html +359 -0
package/docs/documentation/image_tools.js.html +792 -0
package/docs/documentation/image_utils.js.html +1609 -0
package/docs/documentation/index.html +175 -0
package/docs/documentation/loaders_commonLoader.js.html +306 -0
package/docs/documentation/loaders_dicomLoader.js.html +130 -0
package/docs/documentation/loaders_fileLoader.js.html +155 -0
package/docs/documentation/loaders_multiframeLoader.js.html +443 -0
package/docs/documentation/loaders_niftiLoader.js.html +150 -0
package/docs/documentation/loaders_nrrdLoader.js.html +545 -0
package/docs/documentation/loaders_resliceLoader.js.html +258 -0
package/docs/documentation/module-imaging_contours.html +954 -0
package/docs/documentation/module-imaging_imageAnonymization.html +544 -0
package/docs/documentation/module-imaging_imageColormaps.html +1012 -0
package/docs/documentation/module-imaging_imageContours.html +954 -0
package/docs/documentation/module-imaging_imageIo.html +1057 -0
package/docs/documentation/module-imaging_imageLayers.html +904 -0
package/docs/documentation/module-imaging_imageLoading.html +1301 -0
package/docs/documentation/module-imaging_imageParsing.html +1356 -0
package/docs/documentation/module-imaging_imagePresets.html +679 -0
package/docs/documentation/module-imaging_imageRendering.html +3223 -0
package/docs/documentation/module-imaging_imageReslice.html +413 -0
package/docs/documentation/module-imaging_imageStore-Larvitar_Store.html +284 -0
package/docs/documentation/module-imaging_imageStore.html +1560 -0
package/docs/documentation/module-imaging_imageTools.html +3617 -0
package/docs/documentation/module-imaging_imageUtils.html +7253 -0
package/docs/documentation/module-imaging_io.html +1057 -0
package/docs/documentation/module-imaging_layers.html +904 -0
package/docs/documentation/module-imaging_loading.html +1301 -0
package/docs/documentation/module-imaging_parsing.html +1375 -0
package/docs/documentation/module-imaging_presets.html +679 -0
package/docs/documentation/module-imaging_rendering.html +8094 -0
package/docs/documentation/module-imaging_reslice.html +411 -0
package/docs/documentation/module-imaging_store-Larvitar_Store.html +284 -0
package/docs/documentation/module-imaging_store.html +1537 -0
package/docs/documentation/module-imaging_strategies_eraseFreehand.html +708 -0
package/docs/documentation/module-imaging_strategies_fillFreehand.html +708 -0
package/docs/documentation/module-imaging_tools.html +3617 -0
package/docs/documentation/module-imaging_tools_custom_contourTool.html +207 -0
package/docs/documentation/module-imaging_tools_custom_diameterTool.html +205 -0
package/docs/documentation/module-imaging_tools_custom_editMaskTool.html +205 -0
package/docs/documentation/module-imaging_tools_custom_polygonScissorsTool.html +203 -0
package/docs/documentation/module-imaging_tools_custom_thresholdBrushTool.html +684 -0
package/docs/documentation/module-imaging_tools_default.html +205 -0
package/docs/documentation/module-imaging_tools_interaction.html +530 -0
package/docs/documentation/module-imaging_tools_io.html +832 -0
package/docs/documentation/module-imaging_tools_main.html +2028 -0
package/docs/documentation/module-imaging_tools_polygonSegmentationMixin.html +567 -0
package/docs/documentation/module-imaging_tools_segmentation.html +3586 -0
package/docs/documentation/module-imaging_tools_state.html +494 -0
package/docs/documentation/module-imaging_utils.html +7253 -0
package/docs/documentation/module-loaders_commonLoader.html +1313 -0
package/docs/documentation/module-loaders_dicomLoader.html +522 -0
package/docs/documentation/module-loaders_fileLoader.html +593 -0
package/docs/documentation/module-loaders_multiframeLoader.html +1169 -0
package/docs/documentation/module-loaders_niftiLoader.html +565 -0
package/docs/documentation/module-loaders_nrrdLoader.html +1459 -0
package/docs/documentation/module-loaders_resliceLoader.html +590 -0
package/docs/documentation/module-monitors_memory.html +980 -0
package/docs/documentation/module-tools_default.html +740 -0
package/docs/documentation/module.exports_module.exports.html +203 -0
package/docs/documentation/monitors_memory.js.html +189 -0
package/docs/documentation/parsers_nrrd.js.html +569 -0
package/docs/documentation/scripts/collapse.js +20 -0
package/docs/documentation/scripts/linenumber.js +25 -0
package/docs/documentation/scripts/nav.js +12 -0
package/docs/documentation/scripts/polyfill.js +4 -0
package/docs/documentation/scripts/prettify/Apache-License-2.0.txt +202 -0
package/docs/documentation/scripts/prettify/lang-css.js +2 -0
package/docs/documentation/scripts/prettify/prettify.js +28 -0
package/docs/documentation/scripts/search.js +83 -0
package/docs/documentation/styles/jsdoc.css +765 -0
package/docs/documentation/styles/prettify.css +80 -0
package/docs/documentation/tools_contourTool.js.html +1963 -0
package/docs/documentation/tools_custom_contourTool.js.html +1968 -0
package/docs/documentation/tools_custom_diameterTool.js.html +225 -0
package/docs/documentation/tools_custom_editMaskTool.js.html +225 -0
package/docs/documentation/tools_custom_polylineScissorsTool.js.html +143 -0
package/docs/documentation/tools_custom_thresholdsBrushTool.js.html +245 -0
package/docs/documentation/tools_default.js.html +576 -0
package/docs/documentation/tools_diameterTool.js.html +219 -0
package/docs/documentation/tools_editMaskTool.js.html +219 -0
package/docs/documentation/tools_interaction.js.html +258 -0
package/docs/documentation/tools_io.js.html +297 -0
package/docs/documentation/tools_main.js.html +443 -0
package/docs/documentation/tools_polygonSegmentationMixin.js.html +329 -0
package/docs/documentation/tools_polylineScissorsTool.js.html +136 -0
package/docs/documentation/tools_seedTool.js.html +423 -0
package/docs/documentation/tools_segmentation.js.html +558 -0
package/docs/documentation/tools_state.js.html +163 -0
package/docs/documentation/tools_strategies_eraseFreehand.js.html +160 -0
package/docs/documentation/tools_strategies_fillFreehand.js.html +163 -0
package/docs/documentation/tools_thresholdsBrushTool.js.html +239 -0
package/docs/documentation/tools_tools.default.js.html +569 -0
package/docs/documentation/tools_tools.interaction.js.html +251 -0
package/docs/documentation/tools_tools.io.js.html +288 -0
package/docs/documentation/tools_tools.main.js.html +442 -0
package/docs/documentation/tools_tools.segmentation.js.html +445 -0
package/docs/documentation/tools_tools.state.js.html +157 -0
package/docs/examples/base.html +170 -0
package/docs/examples/colorMaps.html +181 -0
package/docs/examples/defaultTools.html +246 -0
package/docs/examples/demo/anon1 +0 -0
package/docs/examples/demo/anon10 +0 -0
package/docs/examples/demo/anon11 +0 -0
package/docs/examples/demo/anon12 +0 -0
package/docs/examples/demo/anon13 +0 -0
package/docs/examples/demo/anon14 +0 -0
package/docs/examples/demo/anon15 +0 -0
package/docs/examples/demo/anon16 +0 -0
package/docs/examples/demo/anon17 +0 -0
package/docs/examples/demo/anon18 +0 -0
package/docs/examples/demo/anon19 +0 -0
package/docs/examples/demo/anon2 +0 -0
package/docs/examples/demo/anon20 +0 -0
package/docs/examples/demo/anon21 +0 -0
package/docs/examples/demo/anon22 +0 -0
package/docs/examples/demo/anon23 +0 -0
package/docs/examples/demo/anon24 +0 -0
package/docs/examples/demo/anon3 +0 -0
package/docs/examples/demo/anon4 +0 -0
package/docs/examples/demo/anon5 +0 -0
package/docs/examples/demo/anon6 +0 -0
package/docs/examples/demo/anon7 +0 -0
package/docs/examples/demo/anon8 +0 -0
package/docs/examples/demo/anon9 +0 -0
package/docs/examples/demo/example.nrrd +0 -0
package/docs/examples/demo/segmentation.nrrd +0 -0
package/docs/examples/demo/xa_integris.dcm +0 -0
package/docs/examples/index.html +129 -0
package/docs/examples/larvitar.js +108623 -0
package/docs/examples/layers.html +250 -0
package/docs/examples/masks.html +273 -0
package/docs/examples/multiframe.html +200 -0
package/docs/examples/nrrd.html +96 -0
package/docs/examples/reslice.html +174 -0
package/docs/index.html +92 -0
package/imaging/tools/segmentation.js +12 -2
package/imaging/tools/segmentations.md +6 -0
package/imaging/tools/setLabelMap3D.js +248 -0
package/package.json +1 -1

package/docs/examples/multiframe.html ADDED Viewed

@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html class="h-100 overflow-hidden">
+  <head>
+    <meta charset="UTF-8" />
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl"
+      crossorigin="anonymous"
+    />
+    <link
+      rel="stylesheet"
+      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/styles/vs2015.min.css"
+    />
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/highlight.min.js"></script>
+    <script>
+      hljs.highlightAll();
+    </script>
+    <title>Larvitar - Multiframe rendering example</title>
+  </head>
+  <body class="h-100" style="background-color: #000000">
+    <div class="row h-100">
+      <div
+        id="viewer"
+        class="col-8 h-100"
+        style="background-color: black"
+      ></div>
+      <p style="position: absolute; color: white">
+        Press "p" to play/pause frame animation
+      </p>
+      <p
+        id="frame-rate"
+        style="position: absolute; top: 20px; color: white"
+      ></p>
+      <p
+        id="current-frame"
+        style="position: absolute; top: 40px; color: white"
+      ></p>
+      <div class="col-4 h-100">
+        <pre class="h-100">
+          <code class="javascript" style="background-color: #000000">
+            <p style="font-size:0.6vw;">
+              let demoFiles = [];
+              // init all
+              larvitar.initLarvitarStore();
+              larvitar.initializeImageLoader();
+              larvitar.registerMultiFrameImageLoader();
+              larvitar.initializeCSTools();
+              larvitar.larvitar_store.addViewport("viewer");
+              function renderSerie() {
+                larvitar
+                  .readFiles(demoFiles)
+                  .then(seriesStack => {
+                    // render the first series of the study
+                    let seriesId = _.keys(seriesStack)[0];
+                    let serie = seriesStack[seriesId];
+                    larvitar.populateLarvitarManager(seriesId, serie);
+                    let manager = larvitar.getLarvitarManager();
+                    let multiFrameSerie = manager[seriesId];
+                    let frameId = 1;
+                    larvitar
+                      .renderImage(multiFrameSerie, "viewer", frameId)
+                      .then(() => {
+                        console.log("Image has been rendered");
+                      });
+                    larvitar.addDefaultTools();
+                    larvitar.setToolActive("Wwwc");
+                    let animation = false;
+                    let animationId = null;
+                    let numberOfFrames = multiFrameSerie.numberOfFrames;
+                    let frameRate = multiFrameSerie.frameTime;
+                    $("#frame-rate").html("Frame Rate: " + parseInt(frameRate) + "ms");
+                    $("#current-frame").html("Current Frame: 1 of " + numberOfFrames);
+                    document.onkeypress = function (e) {
+                      e = e || window.event;
+                      if (e.keyCode == 112) {
+                        animation = !animation;
+                        if (animation) {
+                          frameId =
+                            larvitar.larvitar_store.state.viewports.viewer.sliceId;
+                          animationId = setInterval(function () {
+                            let series =
+                              larvitar.getSeriesDataFromLarvitarManager(seriesId);
+                            frameId = frameId == numberOfFrames ? 1 : frameId + 1;
+                            larvitar.updateImage(series, "viewer", frameId, true);
+                            $("#current-frame").html(
+                              "Current Frame: " + frameId + " of " + numberOfFrames
+                            );
+                          }, frameRate);
+                        } else {
+                          clearInterval(animationId);
+                          $("#current-frame").html();
+                        }
+                      }
+                    };
+                  })
+                  .catch(err => console.log(err));
+              }
+              async function createFile(fileName, cb) {
+                let response = await fetch("./demo/" + fileName);
+                let data = await response.blob();
+                let file = new File([data], fileName);
+                demoFiles.push(file);
+                cb();
+              }
+              createFile("xa_integris.dcm", renderSerie);
+            </p>
+          </code>
+        </pre>
+      </div>
+    </div>
+    <script src="./larvitar.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
+    <script
+      src="https://code.jquery.com/jquery-3.6.0.slim.min.js"
+      integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI="
+      crossorigin="anonymous"
+    ></script>
+    <script>
+      let demoFiles = [];
+      // init all
+      larvitar.initLarvitarStore();
+      larvitar.initializeImageLoader();
+      larvitar.registerMultiFrameImageLoader();
+      larvitar.initializeCSTools();
+      larvitar.larvitar_store.addViewport("viewer");
+      function renderSerie() {
+        larvitar
+          .readFiles(demoFiles)
+          .then(seriesStack => {
+            // render the first series of the study
+            let seriesId = _.keys(seriesStack)[0];
+            let serie = seriesStack[seriesId];
+            larvitar.populateLarvitarManager(seriesId, serie);
+            let manager = larvitar.getLarvitarManager();
+            let multiFrameSerie = manager[seriesId];
+            let frameId = 1;
+            larvitar
+              .renderImage(multiFrameSerie, "viewer", frameId)
+              .then(() => {
+                console.log("Image has been rendered");
+              });
+            larvitar.addDefaultTools();
+            larvitar.setToolActive("Wwwc");
+            let animation = false;
+            let animationId = null;
+            let numberOfFrames = multiFrameSerie.numberOfFrames;
+            let frameRate = multiFrameSerie.frameTime;
+            $("#frame-rate").html("Frame Rate: " + parseInt(frameRate) + "ms");
+            $("#current-frame").html("Current Frame: 1 of " + numberOfFrames);
+            document.onkeypress = function (e) {
+              e = e || window.event;
+              if (e.keyCode == 112) {
+                animation = !animation;
+                if (animation) {
+                  frameId =
+                    larvitar.larvitar_store.state.viewports.viewer.sliceId;
+                  animationId = setInterval(function () {
+                    let series =
+                      larvitar.getSeriesDataFromLarvitarManager(seriesId);
+                    frameId = frameId == numberOfFrames ? 1 : frameId + 1;
+                    larvitar.updateImage(series, "viewer", frameId, true);
+                    $("#current-frame").html(
+                      "Current Frame: " + frameId + " of " + numberOfFrames
+                    );
+                  }, frameRate);
+                } else {
+                  clearInterval(animationId);
+                  $("#current-frame").html();
+                }
+              }
+            };
+          })
+          .catch(err => console.log(err));
+      }
+      async function createFile(fileName, cb) {
+        let response = await fetch("./demo/" + fileName);
+        let data = await response.blob();
+        let file = new File([data], fileName);
+        demoFiles.push(file);
+        cb();
+      }
+      createFile("xa_integris.dcm", renderSerie);
+    </script>
+  </body>
+</html>

package/docs/examples/nrrd.html ADDED Viewed

@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html class="h-100 overflow-hidden">
+  <head>
+    <meta charset="UTF-8" />
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl"
+      crossorigin="anonymous"
+    />
+    <link
+      rel="stylesheet"
+      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/styles/vs2015.min.css"
+    />
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/highlight.min.js"></script>
+    <script>
+      hljs.highlightAll();
+    </script>
+    <title>Larvitar - NRRD rendering example</title>
+  </head>
+  <body class="h-100" style="background-color: #000000">
+    <div class="row h-100">
+      <div
+        id="viewer"
+        class="col-8 h-100"
+        style="background-color: black"
+      ></div>
+      <div class="col-4 h-100">
+        <pre class="h-100">
+          <code class="javascript" style="background-color: #000000">
+          <p style="font-size:0.6vw;">
+            // init all
+            larvitar.initLarvitarStore();
+            larvitar.initializeImageLoader();
+            larvitar.registerNRRDImageLoader();
+            larvitar.initializeCSTools();
+            larvitar.larvitar_store.addViewport("viewer");
+            createFile("example.nrrd", function (nrrd_file) {
+              let reader = new FileReader();
+              reader.readAsArrayBuffer(nrrd_file);
+              reader.onload = function () {
+                let volume = larvitar.importNRRDImage(reader.result);
+                let serie = larvitar.buildNrrdImage(volume, "1234", {});
+                larvitar.renderImage(serie, "viewer");
+                larvitar.addDefaultTools();
+                larvitar.setToolActive("Wwwc");
+              };
+            });
+            async function createFile(fileName, callback) {
+              let response = await fetch("./demo/" + fileName);
+              let data = await response.blob();
+              let file = new File([data], fileName);
+              callback(file);
+            }
+          </p>
+          </code>
+        </pre>
+      </div>
+    </div>
+    <script src="./larvitar.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
+    <script>
+      // init all
+      larvitar.initLarvitarStore();
+      larvitar.initializeImageLoader();
+      larvitar.registerNRRDImageLoader();
+      larvitar.initializeCSTools();
+      larvitar.larvitar_store.addViewport("viewer");
+      createFile("example.nrrd", function (nrrd_file) {
+        let reader = new FileReader();
+        reader.readAsArrayBuffer(nrrd_file);
+        reader.onload = function () {
+          let volume = larvitar.importNRRDImage(reader.result);
+          let serie = larvitar.buildNrrdImage(volume, "1234", {});
+          larvitar.renderImage(serie, "viewer");
+          larvitar.addDefaultTools();
+          larvitar.setToolActive("Wwwc");
+        };
+      });
+      async function createFile(fileName, callback) {
+        let response = await fetch("./demo/" + fileName);
+        let data = await response.blob();
+        let file = new File([data], fileName);
+        callback(file);
+      }
+    </script>
+  </body>
+</html>

package/docs/examples/reslice.html ADDED Viewed

@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html class="h-100 overflow-hidden">
+  <head>
+    <meta charset="UTF-8" />
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl"
+      crossorigin="anonymous"
+    />
+    <link
+      rel="stylesheet"
+      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/styles/vs2015.min.css"
+    />
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/highlight.min.js"></script>
+    <script>
+      hljs.highlightAll();
+    </script>
+    <title>Larvitar - Reslice rendering example</title>
+  </head>
+  <body class="h-100" style="background-color: #000000">
+    <div class="row h-100">
+      <div class="col-8 h-100">
+        <div
+          id="viewer-base"
+          class="col-12 h-50"
+          style="background-color: black"
+        ></div>
+        <div
+          id="viewer-reslice"
+          class="col-12 h-50"
+          style="background-color: black"
+        ></div>
+      </div>
+      <div class="col-4 h-100">
+        <pre class="h-100">
+          <code class="javascript" style="background-color: #000000">
+            <p style="font-size:0.6vw;">
+              let demoFiles = [];
+              let counter = 0;
+              const getDemoFileNames = function () {
+                let demoFileList = [];
+                for (let i = 1; i < 25; i++) {
+                  let filename = "anon" + i;
+                  demoFileList.push(filename);
+                }
+                return demoFileList;
+              };
+              // init all
+              larvitar.initLarvitarStore();
+              larvitar.initializeImageLoader();
+              larvitar.registerResliceLoader();
+              larvitar.initializeCSTools();
+              larvitar.larvitar_store.addViewport("viewer-base");
+              larvitar.larvitar_store.addViewport("viewer-reslice");
+              async function createFile(fileName, cb) {
+                let response = await fetch("./demo/" + fileName);
+                let data = await response.blob();
+                let file = new File([data], fileName);
+                demoFiles.push(file);
+                counter++;
+                if (counter == 24) {
+                  cb();
+                }
+              }
+              function renderSerie() {
+                larvitar
+                  .readFiles(demoFiles)
+                  .then(seriesStack => {
+                    // render the first series of the study
+                    let seriesId = _.keys(seriesStack)[0];
+                    let serie = seriesStack[seriesId];
+                    larvitar.populateLarvitarManager(seriesId, serie);
+                    larvitar.renderImage(serie, "viewer-base").then(() => {
+                      console.log("Image axial has been rendered");
+                    });
+                    larvitar.cacheImages(serie, function (resp) {
+                      if (resp.loading == 100) {
+                        larvitar.resliceSeries(serie, "coronal").then(data => {
+                          larvitar.renderImage(data, "viewer-reslice").then(() => {
+                            console.log("Image resliced has been rendered");
+                          });
+                          larvitar.addDefaultTools();
+                          larvitar.setToolActive("Wwwc");
+                        });
+                      }
+                    });
+                  })
+                  .catch(err => console.log(err));
+              }
+              let demoFileList = getDemoFileNames();
+              _.each(demoFileList, function (demoFile) {
+                createFile(demoFile, renderSerie);
+              });
+            </p>
+          </code>
+        </pre>
+      </div>
+    </div>
+    <script src="./larvitar.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
+    <script>
+      let demoFiles = [];
+      let counter = 0;
+      const getDemoFileNames = function () {
+        let demoFileList = [];
+        for (let i = 1; i < 25; i++) {
+          let filename = "anon" + i;
+          demoFileList.push(filename);
+        }
+        return demoFileList;
+      };
+      // init all
+      larvitar.initLarvitarStore();
+      larvitar.initializeImageLoader();
+      larvitar.registerResliceLoader();
+      larvitar.initializeCSTools();
+      larvitar.larvitar_store.addViewport("viewer-base");
+      larvitar.larvitar_store.addViewport("viewer-reslice");
+      async function createFile(fileName, cb) {
+        let response = await fetch("./demo/" + fileName);
+        let data = await response.blob();
+        let file = new File([data], fileName);
+        demoFiles.push(file);
+        counter++;
+        if (counter == 24) {
+          cb();
+        }
+      }
+      function renderSerie() {
+        larvitar
+          .readFiles(demoFiles)
+          .then(seriesStack => {
+            // render the first series of the study
+            let seriesId = _.keys(seriesStack)[0];
+            let serie = seriesStack[seriesId];
+            larvitar.populateLarvitarManager(seriesId, serie);
+            larvitar.renderImage(serie, "viewer-base").then(() => {
+              console.log("Image axial has been rendered");
+            });
+            larvitar.cacheImages(serie, function (resp) {
+              if (resp.loading == 100) {
+                larvitar.resliceSeries(serie, "coronal").then(data => {
+                  larvitar.renderImage(data, "viewer-reslice").then(() => {
+                    console.log("Image resliced has been rendered");
+                  });
+                  larvitar.addDefaultTools();
+                  larvitar.setToolActive("Wwwc");
+                });
+              }
+            });
+          })
+          .catch(err => console.log(err));
+      }
+      let demoFileList = getDemoFileNames();
+      _.each(demoFileList, function (demoFile) {
+        createFile(demoFile, renderSerie);
+      });
+    </script>
+  </body>
+</html>

package/docs/index.html ADDED Viewed

@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html class="h-100">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Larvitar</title>
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl"
+      crossorigin="anonymous"
+    />
+  </head>
+  <body class="h-100" style="background-color: #d7e8e1">
+    <div class="container h-100">
+      <div class="row justify-content-center">
+        <div class="col-4"></div>
+        <div class="col-4 text-center">
+          <img
+            src="https://assets.pokemon.com/assets/cms2/img/pokedex/full/246.png"
+            style="height: 200px"
+            alt="..."
+          />
+        </div>
+        <div class="col-4"></div>
+      </div>
+      <div>
+        <div class="row justify-content-center">
+          <div class="col-3"></div>
+          <div class="col-6 text-center">
+            <div id="title">
+              <p class="display-5">Larvitar Documentation</p>
+            </div>
+          </div>
+          <div class="col-3"></div>
+        </div>
+        <hr class="my-4" />
+        <div class="row justify-content-center">
+          <div class="col-3"></div>
+          <div class="col-6 text-center">
+            <div id="title">
+              <p class="lead">Dicom Image Toolkit for CornestoneJS</p>
+              <p class="lead" id="version"><i>v</i></p>
+            </div>
+          </div>
+          <div class="col-3"></div>
+        </div>
+        <div class="row justify-content-center">
+          <div class="col-3"></div>
+          <div class="col-6 text-center">
+            <a
+              class="btn btn-outline-success btn-lg"
+              href="./documentation/index.html"
+              role="button"
+              >Docs
+            </a>
+            <a
+              class="btn btn-outline-success btn-lg"
+              href="./examples/index.html"
+              role="button"
+              >Examples
+            </a>
+          </div>
+          <div class="col-3"></div>
+        </div>
+        <hr class="mt-5 mb-5" />
+      </div>
+      <div class="row align-items-end">
+        <div class="col-2"></div>
+        <div class="col-8 text-center">
+          <a href="https://www.dvisionlab.com" target="_blank">
+            <img
+              src="https://www.dvisionlab.com/images/logo_500.png"
+              style="height: 300px"
+              alt="..."
+            />
+          </a>
+        </div>
+        <div class="col-2"></div>
+      </div>
+    </div>
+    <script src="examples/larvitar.js"></script>
+    <script>
+      document.getElementById("version").innerHTML += larvitar.VERSION;
+    </script>
+  </body>
+</html>

package/imaging/tools/segmentation.js CHANGED Viewed

@@ -14,6 +14,11 @@ const { getters, setters } = segModule;
 import { setToolActive, setToolDisabled } from "./main";
 import { isElement } from "../imageUtils";
+// custom code
+import { setLabelmap3DForElement } from "./setLabelMap3D";
+// override function
+setters.labelmap3DForElement = setLabelmap3DForElement;
 // General segmentation cs tools module configuration
 const config = {
   arrayType: 0,
@@ -172,7 +177,7 @@ export function initSegmentationModule(customConfig) {
  * @returns {Promise} - Return a promise which will resolve when segmentation mask is added
  */
 export function addSegmentationMask(props, data, elementId) {
-  let promise = new Promise(resolve => {
+  let promise = new Promise(async resolve => {
     let element = isElement(elementId)
       ? elementId
       : document.getElementById(elementId);
@@ -180,7 +185,12 @@ export function addSegmentationMask(props, data, elementId) {
       console.error("invalid html element: " + elementId);
       return;
     }
-    setters.labelmap3DForElement(element, data.buffer, props.labelId);
+    const res = await setters.labelmap3DForElement(
+      element,
+      data.buffer,
+      props.labelId
+    );
     // if user set a color property, use that color for all segments on the labelmap
     let lut = props.color
       ? generateUniformLUT(props.color, props.opacity)

package/imaging/tools/segmentations.md CHANGED Viewed

@@ -30,3 +30,9 @@ TODO
 # Larvitar segmentation API
 TODO
+# Customization
+Some function in larvitar overrides the default behaviour of cornerstone tools, here is a list of them:
+- `setters.labelmap3DForElement` is overridden to have a non-blocking behaviour, the custom code is in ./setLabelMap3D.js, same as original code in cs tools repo.