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

larvitar 1.2.0 → 1.2.1

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 (190) hide show

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

package/docs/examples/layers.html DELETED Viewed

@@ -1,250 +0,0 @@
-<!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 - Layers 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 "a" to change the active layer
-      </p>
-      <p style="position: absolute; top: 20px; color: white">
-        Press "o" to change the opacity of the active layer
-      </p>
-      <p
-        id="active-layer"
-        style="position: absolute; top: 40px; color: white"
-      ></p>
-      <p id="opacity" style="position: absolute; top: 60px; 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 = [];
-            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.initializeCSTools();
-            larvitar.larvitar_store.addViewport("viewer");
-            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();
-              }
-            }
-            let layer_1, layer_2;
-            function renderSerie() {
-              larvitar
-                .readFiles(demoFiles)
-                .then(seriesStack => {
-                  let seriesId = _.keys(seriesStack)[0];
-                  let serie_1 = { ...seriesStack[seriesId] };
-                  let serie_2 = { ...seriesStack[seriesId] };
-                  layer_1 = larvitar.buildLayer(serie_1, "main");
-                  layer_2 = larvitar.buildLayer(serie_2, "colored", {
-                    opacity: 0.25,
-                    colormap: "hotIron"
-                  });
-                  // define a layer into the series object to be rendered
-                  serie_1.layer = layer_1;
-                  serie_2.layer = layer_2;
-                  larvitar.renderImage(serie_1, "viewer").then(() => {
-                    console.log("Image 1 has been rendered");
-                  });
-                  larvitar.renderImage(serie_2, "viewer").then(() => {
-                    console.log("Image 2 has been rendered");
-                  });
-                  $("#active-layer").html("Active Layer: main");
-                  $("#opacity").html("Opacity: 1.0");
-                  larvitar.addDefaultTools();
-                })
-                .catch(err => console.log(err));
-            }
-            let demoFileList = getDemoFileNames();
-            _.each(demoFileList, function (demoFile) {
-              createFile(demoFile, renderSerie);
-            });
-            document.onkeypress = function (e) {
-              e = e || window.event;
-              if (e.keyCode == 97) {
-                let activeLayer = larvitar.getActiveLayer("viewer");
-                let newActiveLayer =
-                  activeLayer.layerId == layer_1.id ? layer_2 : layer_1;
-                larvitar.setActiveLayer("viewer", newActiveLayer.id);
-                $("#active-layer").html(
-                  "Active Layer: " + newActiveLayer.options.name
-                );
-                $("#opacity").html("Opacity: " + newActiveLayer.options.opacity);
-              }
-              if (e.keyCode == 111) {
-                let activeLayer = larvitar.getActiveLayer("viewer");
-                let opacity =
-                  activeLayer.options.opacity == 1.0
-                    ? 0.0
-                    : activeLayer.options.opacity + 0.25;
-                larvitar.updateLayer("viewer", activeLayer.layerId, {
-                  opacity: opacity
-                });
-                $("#opacity").html("Opacity: " + opacity);
-              }
-            };
-          </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 = [];
-      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.initializeCSTools();
-      larvitar.larvitar_store.addViewport("viewer");
-      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();
-        }
-      }
-      let layer_1, layer_2;
-      function renderSerie() {
-        larvitar
-          .readFiles(demoFiles)
-          .then(seriesStack => {
-            let seriesId = _.keys(seriesStack)[0];
-            let serie_1 = { ...seriesStack[seriesId] };
-            let serie_2 = { ...seriesStack[seriesId] };
-            layer_1 = larvitar.buildLayer(serie_1, "main");
-            layer_2 = larvitar.buildLayer(serie_2, "colored", {
-              opacity: 0.25,
-              colormap: "hotIron"
-            });
-            // define a layer into the series object to be rendered
-            serie_1.layer = layer_1;
-            serie_2.layer = layer_2;
-            larvitar.renderImage(serie_1, "viewer").then(() => {
-              console.log("Image 1 has been rendered");
-            });
-            larvitar.renderImage(serie_2, "viewer").then(() => {
-              console.log("Image 2 has been rendered");
-            });
-            $("#active-layer").html("Active Layer: main");
-            $("#opacity").html("Opacity: 1.0");
-            larvitar.addDefaultTools();
-          })
-          .catch(err => console.log(err));
-      }
-      let demoFileList = getDemoFileNames();
-      _.each(demoFileList, function (demoFile) {
-        createFile(demoFile, renderSerie);
-      });
-      document.onkeypress = function (e) {
-        e = e || window.event;
-        if (e.keyCode == 97) {
-          let activeLayer = larvitar.getActiveLayer("viewer");
-          let newActiveLayer =
-            activeLayer.layerId == layer_1.id ? layer_2 : layer_1;
-          larvitar.setActiveLayer("viewer", newActiveLayer.id);
-          $("#active-layer").html(
-            "Active Layer: " + newActiveLayer.options.name
-          );
-          $("#opacity").html("Opacity: " + newActiveLayer.options.opacity);
-        }
-        if (e.keyCode == 111) {
-          let activeLayer = larvitar.getActiveLayer("viewer");
-          let opacity =
-            activeLayer.options.opacity == 1.0
-              ? 0.0
-              : activeLayer.options.opacity + 0.25;
-          larvitar.updateLayer("viewer", activeLayer.layerId, {
-            opacity: opacity
-          });
-          $("#opacity").html("Opacity: " + opacity);
-        }
-      };
-    </script>
-  </body>
-</html>

package/docs/examples/masks.html DELETED Viewed

@@ -1,273 +0,0 @@
-<!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 - Masks 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">
-          <p style="color: #ffffff">
-          Example of loading a segmentation
-          mask on the image.
-          You can modify the mask using Brush tool.
-          (press ctrl to delete instead of adding)
-          </p>
-          <button id="btn-label" class="btn btn-danger m-1" onclick="switchLabel()">Switch label</button>
-          <button class="btn btn-primary m-1" onclick="undo()">Undo</button><button class="btn btn-primary m-1" onclick="redo()">Redo</button>
-          <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.initializeCSTools();
-            larvitar.larvitar_store.addViewport("viewer");
-            larvitar.registerNRRDImageLoader();
-            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.resetLarvitarManager();
-              larvitar.readFiles(demoFiles, function (seriesStack, err) {
-                if (seriesStack) {
-                  // render the first series of the study
-                  let seriesId = _.keys(seriesStack)[0];
-                  let serie = seriesStack[seriesId];
-                  larvitar.renderImage(serie, "viewer").then(function () {
-                    larvitar.addDefaultTools();
-                    demoFiles = [];
-                    loadMasks();
-                  });
-                } else {
-                  console.log(err);
-                }
-              });
-            }
-            let demoFileList = getDemoFileNames();
-            _.each(demoFileList, function (demoFile) {
-              createFile(demoFile, renderSerie);
-            });
-            /**
-            * Load an image as in base example, then:
-            **/
-            async function loadMasks() {
-              larvitar.initSegmentationModule();
-              // fetch data
-              let response = await fetch("./demo/" + "segmentation.nrrd");
-              let data = await response.blob();
-              let nrrd_file = new File([data], "segmentation.nrrd");
-              // read file
-              let reader = new FileReader();
-              reader.readAsArrayBuffer(nrrd_file);
-              reader.onload = function () {
-                // create volume
-                let volume = larvitar.importNRRDImage(reader.result);
-                // define mask properties
-                let properties = {
-                  // color: "#00ff00",
-                  opacity: 0.2,
-                  labelId: 0
-                };
-                // add to viewport
-                larvitar
-                  .addSegmentationMask(properties, volume.data, "viewer")
-                  .then(() => {
-                    // activate brush on this labelmap
-                    larvitar.setActiveLabelmap(0, "viewer");
-                    larvitar.setToolActive("Brush");
-                  });
-              };
-            }
-            let activeLabel = 1;
-            function switchLabel() {
-              let nextLabel = activeLabel == 1 ? 2 : 1;
-              larvitar.setActiveSegment(nextLabel, "viewer");
-              activeLabel = nextLabel;
-              let btn = document.getElementById("btn-label");
-              let btnClass = btn.className;
-              if (activeLabel == 1) {
-                btn.className = btnClass.replace("warning", "danger");
-              } else {
-                btn.className = btnClass.replace("danger", "warning");
-              }
-            }
-            function undo() {
-              larvitar.undoLastStroke("viewer");
-            }
-            function redo() {
-              larvitar.redoLastStroke("viewer");
-            }
-            /**
-            * Undo: larvitar.undoLastStroke("viewer");
-            * Redo: larvitar.redoLastStroke("viewer");
-            * Switch: larvitar.setActiveSegment(1|2, "viewer");
-            */
-          </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.initializeCSTools();
-      larvitar.larvitar_store.addViewport("viewer");
-      larvitar.registerNRRDImageLoader();
-      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.resetLarvitarManager();
-        larvitar
-          .readFiles(demoFiles)
-          .then(seriesStack => {
-            // render the first series of the study
-            let seriesId = _.keys(seriesStack)[0];
-            let serie = seriesStack[seriesId];
-            larvitar.renderImage(serie, "viewer").then(() => {
-              larvitar.addDefaultTools();
-              demoFiles = [];
-              loadMasks();
-            });
-          })
-          .catch(err => console.log(err));
-      }
-      let demoFileList = getDemoFileNames();
-      _.each(demoFileList, function (demoFile) {
-        createFile(demoFile, renderSerie);
-      });
-      /**
-       * Load an image as in base example, then:
-       **/
-      async function loadMasks() {
-        larvitar.initSegmentationModule();
-        // fetch data
-        let response = await fetch("./demo/" + "segmentation.nrrd");
-        let data = await response.blob();
-        let nrrd_file = new File([data], "segmentation.nrrd");
-        // read file
-        let reader = new FileReader();
-        reader.readAsArrayBuffer(nrrd_file);
-        reader.onload = function () {
-          // create volume
-          let volume = larvitar.importNRRDImage(reader.result);
-          // define mask properties
-          let properties = {
-            // color: "#00ff00",
-            opacity: 0.2,
-            labelId: 0
-          };
-          // add to viewport
-          larvitar
-            .addSegmentationMask(properties, volume.data, "viewer")
-            .then(() => {
-              // activate brush on this labelmap
-              larvitar.setActiveLabelmap(0, "viewer");
-              larvitar.setToolActive("Brush");
-            });
-        };
-      }
-      let activeLabel = 1;
-      function switchLabel() {
-        let nextLabel = activeLabel == 1 ? 2 : 1;
-        larvitar.setActiveSegment(nextLabel, "viewer");
-        activeLabel = nextLabel;
-        let btn = document.getElementById("btn-label");
-        let btnClass = btn.className;
-        if (activeLabel == 1) {
-          btn.className = btnClass.replace("warning", "danger");
-        } else {
-          btn.className = btnClass.replace("danger", "warning");
-        }
-      }
-      function undo() {
-        larvitar.undoLastStroke("viewer");
-      }
-      function redo() {
-        larvitar.redoLastStroke("viewer");
-      }
-    </script>
-  </body>
-</html>