@abi-software/scaffoldvuer 1.21.1-beta.2 → 2.0.0

package/src/scripts/GraphicsHighlight.js

@@ -1,5 +1,5 @@
 import { THREE } from 'zincjs';
-import { objectsToZincObjects, NERVE_CONFIG } from "./Utilities";
+import { objectsToZincObjects, NERVE_CONFIG } from './Utilities';
 
 const setEmissiveColour = (fullList, colour, setDepthFunc, mode) => {
   for (let i = 0; i < fullList.length; i++) {
@@ -7,10 +7,10 @@ const setEmissiveColour = (fullList, colour, setDepthFunc, mode) => {
       let object = fullList[i].userData;
       if (object && object.isZincObject) {
         let emissiveColour = colour;
-        if (mode === "highlight" && ("highlightColour" in object.userData)) {
+        if (mode === 'highlight' && 'highlightColour' in object.userData) {
           emissiveColour = object.userData.highlightColour;
         }
-        if (mode === "select" && ("selectedColour" in object.userData)) {
+        if (mode === 'select' && 'selectedColour' in object.userData) {
           emissiveColour = object.userData.selectedColour;
         }
         if (emissiveColour) {
@@ -22,7 +22,7 @@ const setEmissiveColour = (fullList, colour, setDepthFunc, mode) => {
       if (setDepthFunc && fullList[i].material.depthFunc) {
         fullList[i].material.depthFunc = THREE.LessEqualDepth;
       }
-      fullList[i].children.forEach(child => {
+      fullList[i].children.forEach((child) => {
         const object = child.userData;
         if (object && object.isZincObject && child.material && child.material.emissive) {
           child.material.emissive.setRGB(...colour);
@@ -30,7 +30,7 @@ const setEmissiveColour = (fullList, colour, setDepthFunc, mode) => {
       });
     }
   }
-}
+};
 
 /**
  * This module manages highlighted and selected objects in 3D modules.
@@ -38,7 +38,7 @@ const setEmissiveColour = (fullList, colour, setDepthFunc, mode) => {
  * @class
  * @returns {exports.GraphicsHighlight}
  */
-const GraphicsHighlight = function() {
+const GraphicsHighlight = function () {
   let currentHighlightedObjects = [];
   let currentSelectedObjects = [];
   this.highlightColour = [0.5, 0, 0];
@@ -48,9 +48,8 @@ const GraphicsHighlight = function() {
   const _temp2 = [];
   const _this = this;
 
-  const isDifferent = function(array1, array2) {
-    if ((array1.length == 0) && (array2.length == 0))
-      return false;
+  const isDifferent = function (array1, array2) {
+    if (array1.length == 0 && array2.length == 0) return false;
     for (let i = 0; i < array1.length; i++) {
       let matched = false;
       for (let j = 0; j < array2.length; j++) {
@@ -58,8 +57,7 @@ const GraphicsHighlight = function() {
           matched = true;
         }
       }
-      if (!matched)
-        return true;
+      if (!matched) return true;
     }
     for (let i = 0; i < array2.length; i++) {
       let matched = false;
@@ -68,16 +66,14 @@ const GraphicsHighlight = function() {
           matched = true;
         }
       }
-      if (!matched)
-        return true;
+      if (!matched) return true;
     }
     return false;
-  }
+  };
 
-  const getUnmatchingObjects = function(objectsArray1, objectsArray2) {
+  const getUnmatchingObjects = function (objectsArray1, objectsArray2) {
     _temp1.length = 0;
-    if (objectsArray2.length == 0)
-      return objectsArray1;
+    if (objectsArray2.length == 0) return objectsArray1;
     for (let i = 0; i < objectsArray1.length; i++) {
       let matched = false;
       for (let j = 0; j < objectsArray2.length; j++) {
@@ -85,14 +81,12 @@ const GraphicsHighlight = function() {
           matched = true;
         }
       }
-      if (!matched)
-      _temp1.push(objectsArray1[i]);
+      if (!matched) _temp1.push(objectsArray1[i]);
     }
     return _temp1;
-  }
+  };
 
-
-   /*
+  /*
     * Not sure why the following block does not work
     *
   this.setHighlighted = function(objects) {
@@ -126,7 +120,7 @@ const GraphicsHighlight = function() {
   }
   */
 
-  this.setHighlighted = function(objects) {
+  this.setHighlighted = function (objects) {
     const previousHighlightedObjects = [...currentHighlightedObjects];
     this.setNervesStyle(previousHighlightedObjects);
     _this.resetHighlighted();
@@ -134,12 +128,12 @@ const GraphicsHighlight = function() {
     const array = getUnmatchingObjects(objects, currentSelectedObjects);
     const fullList = getFullListOfObjects(array);
     this.setNervesStyle(array, NERVE_CONFIG.HIGHLIGHTED_COLOUR);
-    setEmissiveColour(fullList, _this.highlightColour, false, "highlight");
+    setEmissiveColour(fullList, _this.highlightColour, false, 'highlight');
     currentHighlightedObjects = array;
     return isDifferent(currentHighlightedObjects, previousHighlightedObjects);
-  }
+  };
 
-  this.setSelected = function(objects) {
+  this.setSelected = function (objects) {
     // first find highlighted object that are not selected
     const previousSelectedObjects = [...currentSelectedObjects];
     this.setNervesStyle(previousSelectedObjects);
@@ -148,19 +142,18 @@ const GraphicsHighlight = function() {
     _this.resetSelected();
     const fullList = getFullListOfObjects(objects);
     this.setNervesStyle(objects, NERVE_CONFIG.SELECTED_COLOUR);
-    setEmissiveColour(fullList, _this.selectColour, false, "select");
+    setEmissiveColour(fullList, _this.selectColour, false, 'select');
     currentSelectedObjects = objects;
     return isDifferent(currentSelectedObjects, previousSelectedObjects);
-  }
+  };
 
-  const getFullListOfObjects = function(objects) {
+  const getFullListOfObjects = function (objects) {
     _temp2.length = 0;
     for (let i = 0; i < objects.length; i++) {
-      if (objects[i].material)
-        _temp2.push(objects[i]);
+      if (objects[i].material) _temp2.push(objects[i]);
     }
     return _temp2;
-  }
+  };
 
   /**
    *
@@ -168,13 +161,13 @@ const GraphicsHighlight = function() {
    * @param {*} colour use colour as flag to set or reset the style
    * @returns
    */
-  this.setNervesStyle = function(target, colour) {
+  this.setNervesStyle = function (target, colour) {
     const currentObjects = objectsToZincObjects(target);
     if (currentObjects && currentObjects.length) {
-      const radius = colour ?
-        NERVE_CONFIG.ZOOM_RADIUS : NERVE_CONFIG.DEFAULT_RADIUS;
-      const radialSegments = colour ?
-        NERVE_CONFIG.ZOOM_RADIAL_SEGMENTS : NERVE_CONFIG.DEFAULT_RADIAL_SEGMENTS;
+      const radius = colour ? NERVE_CONFIG.ZOOM_RADIUS : NERVE_CONFIG.DEFAULT_RADIUS;
+      const radialSegments = colour
+        ? NERVE_CONFIG.ZOOM_RADIAL_SEGMENTS
+        : NERVE_CONFIG.DEFAULT_RADIAL_SEGMENTS;
       currentObjects.forEach((currentObject) => {
         if (
           currentObject.isTubeLines &&
@@ -183,35 +176,35 @@ const GraphicsHighlight = function() {
         ) {
           currentObject.setTubeLines(radius, radialSegments);
           let hexString = colour ? colour : currentObject.userData?.defaultColour;
-          hexString = hexString.replace("#", "0x");
+          hexString = hexString.replace('#', '0x');
           currentObject.setColourHex(hexString);
         }
       });
     }
-  }
+  };
 
-  this.resetHighlighted = function() {
+  this.resetHighlighted = function () {
     const fullList = getFullListOfObjects(currentHighlightedObjects);
     this.setNervesStyle(currentHighlightedObjects);
-    setEmissiveColour(fullList, _this.originalColour, true, "reset");
+    setEmissiveColour(fullList, _this.originalColour, true, 'reset');
     currentHighlightedObjects = [];
-  }
+  };
 
-  this.resetSelected = function() {
+  this.resetSelected = function () {
     const fullList = getFullListOfObjects(currentSelectedObjects);
     this.setNervesStyle(currentHighlightedObjects);
-    setEmissiveColour(fullList, _this.originalColour, true, "reset");
+    setEmissiveColour(fullList, _this.originalColour, true, 'reset');
     currentSelectedObjects = [];
-  }
+  };
 
-  this.getSelected = function() {
+  this.getSelected = function () {
     return currentSelectedObjects;
-  }
+  };
 
-  this.reset = function() {
+  this.reset = function () {
     _this.resetSelected();
     _this.resetHighlighted();
-  }
-}
+  };
+};
 
 export { GraphicsHighlight as default };

package/src/scripts/LocalFilesHelper.js

@@ -7,13 +7,13 @@ const getRelativePath = (from, to) => {
   }
   const upSteps = new Array(fromParts.length).fill('..');
   return [...upSteps, ...toParts].join('/') || '.';
-}
+};
 
 const processTextureFile = (textureData, flatarray, objectURLs, filesMapping) => {
   if (textureData && textureData.images && textureData.images.source) {
     const images = textureData.images.source;
     for (let i = 0; i < images.length; i++) {
-      const index = flatarray.findIndex(element => {
+      const index = flatarray.findIndex((element) => {
         return element[0].includes(images[i]);
       });
       if (index > -1) {
@@ -24,16 +24,18 @@ const processTextureFile = (textureData, flatarray, objectURLs, filesMapping) =>
       }
     }
     const content = JSON.stringify(textureData);
-    let blob = new Blob([content], { type: "application/json" });
-    return URL.createObjectURL(blob)
+    let blob = new Blob([content], { type: 'application/json' });
+    return URL.createObjectURL(blob);
   }
-}
+};
 
 const getJSON = async (URL) => {
   return fetch(URL)
     .then((response) => response.json())
-    .then((responseJson) => {return responseJson});
-}
+    .then((responseJson) => {
+      return responseJson;
+    });
+};
 
 const createMetadataObjectURLs = async (text, list, flatarray) => {
   let content = text;
@@ -42,7 +44,7 @@ const createMetadataObjectURLs = async (text, list, flatarray) => {
   for (const [key, file] of Object.entries(list)) {
     if (content.includes(key)) {
       const objectURL = URL.createObjectURL(file);
-      const re = new RegExp(key, "g");
+      const re = new RegExp(key, 'g');
       content = content.replace(re, objectURL);
       objectURLs.push(objectURL);
       filesMapping[objectURL] = key;
@@ -51,64 +53,63 @@ const createMetadataObjectURLs = async (text, list, flatarray) => {
   const data = JSON.parse(content);
   for (let i = 0; i < data.length; i++) {
     if (data[i] && data[i].Type) {
-      if (data[i].Type === "Texture") {
+      if (data[i].Type === 'Texture') {
         const textureData = await getJSON(data[i].URL);
         URL.revokeObjectURL(data[i].URL);
-        const newURL = processTextureFile(textureData, flatarray, objectURLs,
-          filesMapping);
+        const newURL = processTextureFile(textureData, flatarray, objectURLs, filesMapping);
         data[i].URL = newURL;
       }
     }
   }
   let newContent = JSON.stringify(data);
-  let blob = new Blob([newContent], { type: "application/json" });
+  let blob = new Blob([newContent], { type: 'application/json' });
   const metaURL = URL.createObjectURL(blob);
   objectURLs.push(metaURL);
   return {
     objectURLs,
     filesMapping,
     url: metaURL,
-    format: "metadata"
+    format: 'metadata',
   };
 };
 
 const createNiftiURL = (content, zipped) => {
-  let type =  zipped ? 'application/x-gzip' : 'image/nii';
+  let type = zipped ? 'application/x-gzip' : 'image/nii';
   let blob = new Blob([content], { type });
   const url = URL.createObjectURL(blob);
   return url;
 };
 
 const createGLTFURL = (content, binary) => {
-  let type =  binary ? 'model/gltf+binary' : 'model/gltf+json';
+  let type = binary ? 'model/gltf+binary' : 'model/gltf+json';
   let blob = new Blob([content], { type });
   const gltfURL = URL.createObjectURL(blob);
-  const objectURLs = [ gltfURL ];
+  const objectURLs = [gltfURL];
   return {
     objectURLs,
     url: gltfURL,
-    format: "gltfURL"
+    format: 'gltf',
   };
 };
 
 const createURLFromFiles = async (flatarray) => {
   let list = {};
-  let rootPath = "";
+  let rootPath = '';
   let metadata = undefined;
   let gltf = undefined;
   let binary = false;
   for (let i = 0; i < flatarray.length; i++) {
-    if (flatarray[i][1].name.includes("metadata.json")) {
-      rootPath = flatarray[i][0].replace(flatarray[i][1].name, "");
+    if (flatarray[i][1].name.includes('metadata.json')) {
+      rootPath = flatarray[i][0].replace(flatarray[i][1].name, '');
       metadata = { rootPath, file: flatarray[i][1] };
       break;
     }
-    if (flatarray[i][1].name.includes(".glb")) {
+    if (flatarray[i][1].name.includes('.glb')) {
       gltf = { rootPath, file: flatarray[i][1] };
       binary = true;
       break;
     }
-    if (flatarray[i][1].name.includes(".gltf")) {
+    if (flatarray[i][1].name.includes('.gltf')) {
       gltf = { rootPath, file: flatarray[i][1] };
       binary = false;
       break;
@@ -128,15 +129,15 @@ const createURLFromFiles = async (flatarray) => {
         throw new Error('Cant process local file');
       }
       const text = await response.text();
-      URL.revokeObjectURL(metaFileURL)
+      URL.revokeObjectURL(metaFileURL);
       return await createMetadataObjectURLs(text, list, flatarray);
     } catch (error) {
-      console.error("Fetch failed:", error);
+      console.error('Fetch failed:', error);
     }
   }
   if (gltf) {
     return createGLTFURL(gltf.file, binary);
   }
-}
+};
 
-export { createNiftiURL, createURLFromFiles }
+export { createNiftiURL, createURLFromFiles };