icn3d 3.44.0 → 3.44.2

package/README.md

@@ -102,11 +102,11 @@ Usage
     If your typescript compiler complains about missing type definition files, create a file named icn3d.d.ts in your project's root directory and fill it with the following:
 
 		declare module 'icn3d/module' {
-			export class iCn3DUI {
-				constructor(cfg: object);
+		export class iCn3DUI {
+			constructor(cfg: object);
 
-				show3DStructure(): Promise<void>;
-			}
+			show3DStructure(): Promise<void>;
+		}
 		}
 
 		declare module 'icn3d/three' {}

package/icn3d.js

@@ -56237,6 +56237,13 @@ class ClickMenu {
          }
       }
     }
+
+    //https://stackoverflow.com/questions/105034/how-do-i-create-a-guid-uuid
+    uuidv4() {
+      return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c =>
+         (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16)
+      );
+    }
     
     displayShownMenus() { let me = this.icn3dui; me.icn3d;
         let html = "<form name='" + me.pre + "selmenu'>";
@@ -56479,6 +56486,10 @@ class ClickMenu {
            me.htmlCls.dialogCls.openDlg('dl_state', 'Please input the state file');
         });
 
+        me.myEventCls.onIds("#" + me.pre + "mn1_bcfviewpoint", "click", function(e) { me.icn3d; //e.preventDefault();
+           me.htmlCls.dialogCls.openDlg('dl_bcfviewpoint', 'Please input the BCF viewpoint file');
+        });
+
         me.myEventCls.onIds("#" + me.pre + "mn1_selection", "click", function(e) { me.icn3d; //e.preventDefault();
            me.htmlCls.dialogCls.openDlg('dl_selection', 'Please input the selection file');
         });
@@ -56525,6 +56536,132 @@ class ClickMenu {
            ic.saveFileCls.saveFile(file_pref + '_statefile.txt', 'command');
         });
 
+        me.myEventCls.onIds("#" + me.pre + "mn1_exportCamera", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
+            thisClass.setLogCmd("export bcf viewpoint", false);
+            let file_pref = Object.keys(ic.structures).join(',');
+            //ic.saveFileCls.saveFile(file_pref + '_camera.bcf', 'bcf');
+
+            let url = './script/jszip.min.js';
+            await me.getAjaxPromise(url, 'script');
+
+            let data, jszip = new JSZip();
+
+            let uuid1 = thisClass.uuidv4();
+            let uuid2 = thisClass.uuidv4();
+
+            data = '';
+            data += '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n';
+            data += '    <Version VersionId="3.0"/>\n';
+
+            jszip.file("bcf.version", data);
+
+            data = '';
+            data += '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n';
+            data += '    <Extensions>\n';
+            data += '        <TopicTypes>\n';
+            data += '          <TopicType>ERROR</TopicType>\n';
+            data += '          <TopicType>WARNING</TopicType>\n';
+            data += '          <TopicType>INFORMATION</TopicType>\n';
+            data += '          <TopicType>CLASH</TopicType>\n';
+            data += '          <TopicType>OTHER</TopicType>\n';
+            data += '        </TopicTypes>\n';
+            data += '          <TopicStatuses>\n';
+            data += '          <TopicStatus>OPEN</TopicStatus>\n';
+            data += '          <TopicStatus>IN_PROGRESS</TopicStatus>\n';
+            data += '          <TopicStatus>SOLVED</TopicStatus>\n';
+            data += '          <TopicStatus>CLOSED</TopicStatus>\n';
+            data += '        </TopicStatuses>\n';
+            data += '        <Priorities>\n';
+            data += '          <Priority>LOW</Priority>\n';
+            data += '          <Priority>MEDIUM</Priority>\n';
+            data += '          <Priority>HIGH</Priority>\n';
+            data += '          <Priority>CRITICAL</Priority>\n';
+            data += '        </Priorities>\n';
+            data += '        <TopicLabels/>\n';
+            data += '        <Users/>\n';
+            data += '        <SnippetTypes/>\n';
+            data += '        <Stages/>\n';
+            data += '    </Extensions>\n';
+
+            jszip.file("extensions.xml", data);
+
+            let folder = jszip.folder(uuid1);
+
+            data = '';
+            data += '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n';
+            data += '    <Markup>\n';
+            data += '        <Header>\n';
+            data += '          <Files/>\n';
+            data += '        </Header>		\n';
+            data += '        <Topic Guid="' + uuid1 + '">\n';
+            data += '        <Title>Perspective camera</Title>\n';
+
+            let now = new Date();
+            const isoString = now.toISOString();
+
+            data += '        <CreationDate>' + isoString + '</CreationDate>\n';
+            data += '        <CreationAuthor>https://www.ncbi.nlm.nih.gov/Structure/icn3d</CreationAuthor>\n';
+            data += '        <DocumentReferences/>\n';
+            data += '        <RelatedTopics/>\n';
+            data += '        <Comments/>\n';
+            data += '        <Viewpoints>\n';
+            data += '          <ViewPoint Guid="' + uuid2 + '">\n';
+            data += '            <Viewpoint>viewpoint-' + uuid2 + '.bcfv</Viewpoint>\n';
+            data += '            <Snapshot>snapshot-' + uuid2 + '.png</Snapshot>\n';
+            data += '          </ViewPoint>\n';
+            data += '        </Viewpoints>\n';
+            data += '      </Topic>\n';
+            data += '    </Markup>\n';
+
+            folder.file("markup.bcf", data);
+            let blob = await ic.saveFileCls.saveFile('any', 'png', undefined, undefined, true);
+
+            folder.file("snapshot-" + uuid2 + ".png", blob);
+
+            data = '';
+            
+            data += '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n';
+            data += '    <VisualizationInfo Guid="' + uuid2 + '">\n';
+            data += '      <Components>\n';
+            data += '        <Selection/>\n';
+            data += '        <Visibility DefaultVisibility="true" />\n';
+            data += '        <Coloring/>\n';
+            data += '      </Components>\n';
+            data += '      <PerspectiveCamera>\n';
+            data += '        <CameraViewPoint>\n';
+            data += '          <X>' + ic.cam.position.x + '</X>\n';
+            data += '          <Y>' + ic.cam.position.y + '</Y>\n';
+            data += '          <Z>' + ic.cam.position.z + '</Z>\n';
+            data += '        </CameraViewPoint>\n';
+
+            let direction = (new Vector3$1(0, 0, -1)).applyQuaternion(ic.cam.quaternion);
+
+            data += '        <CameraDirection>\n';
+            data += '          <X>' + direction.x + '</X>\n';
+            data += '          <Y>' + direction.y + '</Y>\n';
+            data += '          <Z>' + direction.z + '</Z>\n';
+            data += '        </CameraDirection>\n';
+            data += '        <CameraUpVector>\n';
+            data += '          <X>' + ic.cam.up.x + '</X>\n';
+            data += '          <Y>' + ic.cam.up.y + '</Y>\n';
+            data += '          <Z>' + ic.cam.up.z + '</Z>\n';
+            data += '        </CameraUpVector>\n';
+            data += '        <FieldOfView>' + ic.cam.fov + '</FieldOfView>\n'; // 20
+            data += '        <AspectRatio>' + ic.container.whratio + '</AspectRatio>\n';
+            data += '      </PerspectiveCamera>\n';
+            data += '      <Lines/>\n';
+            data += '      <ClippingPlanes/>\n';
+            data += '      <Bitmaps/>  \n';
+            data += '    </VisualizationInfo>\n';
+
+            folder.file("viewpoint-" + uuid2 + ".bcfv", data);
+
+            jszip.generateAsync({type:"blob"})
+               .then(function(content) {
+                  saveAs(content, file_pref + "_viewpoint.bcf");
+               });
+        });
+
         me.myEventCls.onIds("#" + me.pre + "mn1_exportVideo", "click", function(e) { me.icn3d; //e.preventDefault();
          thisClass.setLogCmd("export video", false);
          me.htmlCls.dialogCls.openDlg('dl_video', 'Save canvas changes in a video');
@@ -58265,13 +58402,13 @@ class ClickMenu {
           thisClass.setLogCmd(value, true);
           let axis;
           if(direction == 'x') {
-              axis = new THREE.Vector3(1,0,0);
+              axis = new Vector3$1(1,0,0);
           }
           else if(direction == 'y') {
-              axis = new THREE.Vector3(0,1,0);
+              axis = new Vector3$1(0,1,0);
           }
           else if(direction == 'z') {
-              axis = new THREE.Vector3(0,0,1);
+              axis = new Vector3$1(0,0,1);
           }
           let angle = 0.5 * Math.PI;
           ic.transformCls.setRotation(axis, angle);
@@ -58582,8 +58719,8 @@ class ClickMenu {
       if(!ic.quaternion) {
          // reset parameters
          ic._zoomFactor = 1.0;
-         ic.mouseChange = new THREE.Vector2(0,0);
-         ic.quaternion = new THREE.Quaternion(0,0,0,1);
+         ic.mouseChange = new Vector2$1(0,0);
+         ic.quaternion = new Quaternion(0,0,0,1);
       }
 
       transformation.factor = ic._zoomFactor;
@@ -59266,6 +59403,7 @@ class SetMenu {
         html += this.getLink('mn1_fixedversion', 'Share Link in Archived Ver. ' + me.htmlCls.wifiStr, undefined, 2);
         html += this.getLink('mn1_selection', 'Selection File', undefined, 2);
         html += this.getLink("mn1_collection", "Collection File", undefined, 2);
+        html += this.getLink('mn1_bcfviewpoint', 'BCF Viewpoint File', undefined, 2);
 
         html += this.getMenuSep();
 
@@ -59388,6 +59526,7 @@ class SetMenu {
         html += this.getLink('mn1_exportKabat', 'Kabat', undefined, 3);
         html += this.getLink('mn1_exportImgt', 'IMGT', undefined, 3);
         html += "</ul>";
+        html += this.getLink('mn1_exportCamera', 'BCF Viewpoint', undefined, 2);
 
         html += "<li><br/></li>";
 
@@ -60602,6 +60741,7 @@ class SetMenu {
 
         html += this.getMenuText('mn6_develop', 'Develop', undefined, undefined, 1);
         html += "<ul>";
+        html += this.getMenuUrl('dev_contribute', me.htmlCls.baseUrl + "icn3d/icn3d.html#HowToContribute", "Become a Contributor", undefined, 2);
         html += this.getMenuUrl('dev_embedicn3d2', me.htmlCls.baseUrl + "icn3d/icn3d.html#HowToUse", "Embed iCn3D", undefined, 2);
         html += this.getMenuUrl('dev_urlpara', me.htmlCls.baseUrl + "icn3d/icn3d.html#parameters", "URL Parameters", undefined, 2);
         html += this.getMenuUrl('dev_command', me.htmlCls.baseUrl + "icn3d/icn3d.html#commands", "Commands", undefined, 2);
@@ -61752,6 +61892,12 @@ class SetDialog {
         html += me.htmlCls.buttonStr + "reload_state' style='margin-top: 6px;'>Load</button>";
         html += "</div>";
 
+        html += me.htmlCls.divStr + "dl_bcfviewpoint' class='" + dialogClass + "'>";
+        html += this.addNotebookTitle('dl_bcfviewpoint', 'Please input a BCF viewpoint file');
+        html += "BCF viewpoint file: " + me.htmlCls.inputFileStr + "id='" + me.pre + "bcfviewpoint'><br/>";
+        html += me.htmlCls.buttonStr + "reload_bcfviewpoint' style='margin-top: 6px;'>Load</button>";
+        html += "</div>";
+
         html += me.htmlCls.divStr + "dl_video' class='" + dialogClass + "'>";
         html += this.addNotebookTitle('dl_video', 'Save canvas changes in a video');
         html += "State file: " + me.htmlCls.inputFileStr + "id='" + me.pre + "state'><br/>";
@@ -62831,9 +62977,9 @@ class SetDialog {
 
         group2tpl['IgFN3'] = ['Contactin1_2ee2A_human_FN3-n9', 'IL6Rb_1bquB_human_FN3-n2', 'IL6Rb_1bquB_human_FN3-n3', 'InsulinR_8guyE_human_FN3-n1', 'InsulinR_8guyE_human_FN3-n2', 'Sidekick2_1wf5A_human_FN3-n7'];
 
-        group2tpl['IgFN3-like'] = ['ASF1A_2iijA_human', 'BArrestin1_4jqiA_rat_n1', 'C3_2qkiD_human_n1', 'MPT63_1lmiA_bacteria', 'NaCaExchanger_2fwuA_dog_n2', 'RBPJ_6py8C_human_Unk-n1', 'RBPJ_6py8C_human_Unk-n2', 'TEAD1_3kysC_human'];
+        group2tpl['IgFN3-like'] = ['ASF1A_2iijA_human', 'BArrestin1_4jqiA_rat_n1', 'C3_2qkiD_human_n1', 'MPT63_1lmiA_bacteria', 'NaCaExchanger_2fwuA_dog_n2', 'RBPJ_6py8C_human_Unk-n1', 'TEAD1_3kysC_human'];
 
-        group2tpl['Other Ig'] = ['CD19_6al5A_human-n1', 'CuZnSuperoxideDismutase_1hl5C_human', 'ECadherin_4zt1A_human_n2', 'LaminAC_1ifrA_human', 'ORF7a_1xakA_virus'];  
+        group2tpl['Other Ig'] = ['CD19_6al5A_human-n1', 'CuZnSuperoxideDismutase_1hl5C_human', 'ECadherin_4zt1A_human_n2', 'LaminAC_1ifrA_human', 'ORF7a_1xakA_virus', 'RBPJ_6py8C_human_Unk-n2'];  
 
         let tpl2strandsig = {};
         tpl2strandsig['ASF1A_2iijA_human']                          = "A A' B C C' E F G G+";
@@ -63246,6 +63392,67 @@ class Events {
         }
     }
 
+    async openBcf(file) {  let me = this.icn3dui, ic = me.icn3d;
+        let url = './script/jszip.min.js';
+        await me.getAjaxPromise(url, 'script');
+
+        let jszip = new JSZip();
+
+        me.htmlCls.setHtmlCls.fileSupport();
+
+        jszip.loadAsync(file).then(function(zip) {
+            zip.forEach(function (relativePath, zipEntry) {
+                if (zipEntry.dir) {
+                    // Handle directory creation
+                    let folder = jszip.folder(relativePath);
+                    folder.forEach(function (filename, zipEntry2) {
+                        if(filename.substr(0, 9) == 'viewpoint') {
+                            zipEntry2.async('string') // or 'blob', 'arraybuffer'
+                                .then(function(fileData) {
+            let parser = new DOMParser();
+            let xmlDoc = parser.parseFromString(fileData, "text/xml");
+
+            // Accessing elements
+            //const author = xmlDoc.getElementsByTagName("author")[0].textContent;
+            //const author = xmlDoc.querySelector("author").textContent;
+            let viewpoint = xmlDoc.querySelector("CameraViewPoint");
+            let direction = xmlDoc.querySelector("CameraDirection");
+            let upvector = xmlDoc.querySelector("CameraUpVector");
+            let fov = xmlDoc.querySelector("FieldOfView").textContent;
+            xmlDoc.querySelector("AspectRatio").textContent;
+
+            let childNodes, viewpointArray = [], directionArray = [], upvectorArray = [];
+            
+            childNodes = viewpoint.children;
+            viewpointArray = [childNodes[0].textContent, childNodes[1].textContent, childNodes[2].textContent];
+            childNodes = direction.children;
+            directionArray = [childNodes[0].textContent, childNodes[1].textContent, childNodes[2].textContent];
+            childNodes = upvector.children;
+            upvectorArray = [childNodes[0].textContent, childNodes[1].textContent, childNodes[2].textContent];
+
+            ic.cam.position.set(viewpointArray[0], viewpointArray[1], viewpointArray[2]);
+            ic.cam.quaternion.setFromUnitVectors(new Vector3$1(0, 0, -1), new Vector3$1(directionArray[0], directionArray[1], directionArray[2]));
+            ic.cam.up.set(upvectorArray[0], upvectorArray[1], upvectorArray[2]);
+            ic.cam.fov = fov;
+            //ic.container.whratio = aspect;
+
+            ic.drawCls.applyTransformation(ic._zoomFactor, ic.mouseChange, ic.quaternion);
+            ic.drawCls.render();
+                                });
+                        }
+                    });
+                } 
+                // else {
+                //     // Handle file extraction
+                //     zipEntry.async("string").then(function (content) {
+                //     });
+                // }
+            });
+        }, function (e) {
+            console.error("Error loading BCF viewpoint file:", e);
+        });
+    }
+
     //Hold all functions related to click events.
     allEventFunctions() { let me = this.icn3dui, ic = me.icn3d;
         let thisClass = this;
@@ -63672,7 +63879,7 @@ class Events {
             let v2Y = $("#" + me.pre + "v2Y").val();
             let v2Z = $("#" + me.pre + "v2Z").val();
 
-            let angleRad = new THREE.Vector3(parseFloat(v1X), parseFloat(v1Y), parseFloat(v1Z)).angleTo(new THREE.Vector3(parseFloat(v2X), parseFloat(v2Y), parseFloat(v2Z)));
+            let angleRad = new Vector3$1(parseFloat(v1X), parseFloat(v1Y), parseFloat(v1Z)).angleTo(new Vector3$1(parseFloat(v2X), parseFloat(v2Y), parseFloat(v2Z)));
             let angle = angleRad / 3.1416 * 180;
             angle = Math.abs(angle).toFixed(0);
             if(angle > 180) angle -= 180;
@@ -64338,6 +64545,19 @@ class Events {
            }
         });
 
+        me.myEventCls.onIds("#" + me.pre + "reload_bcfviewpoint", "click", async function(e) { me.icn3d;
+           e.preventDefault();
+           if(!me.cfg.notebook) dialog.dialog( "close" );
+
+           let file = $("#" + me.pre + "bcfviewpoint")[0].files[0];
+           if(!file) {
+             var aaa = 1; //alert("Please select a file before clicking 'Load'");
+           }
+           else {
+             await thisClass.openBcf(file);
+           }
+        });
+
         me.myEventCls.onIds("#" + me.pre + "reload_selectionfile", "click", function(e) { let ic = me.icn3d;
            e.preventDefault();
            if(!me.cfg.notebook) dialog.dialog( "close" );
@@ -65773,8 +65993,8 @@ class Events {
             let posArray1 = ic.contactCls.getExtent(atomSet1);
             let posArray2 = ic.contactCls.getExtent(atomSet2);
 
-            let pos1 = new THREE.Vector3(posArray1[2][0], posArray1[2][1], posArray1[2][2]);
-            let pos2 = new THREE.Vector3(posArray2[2][0], posArray2[2][1], posArray2[2][2]);
+            let pos1 = new Vector3$1(posArray1[2][0], posArray1[2][1], posArray1[2][2]);
+            let pos2 = new Vector3$1(posArray2[2][0], posArray2[2][1], posArray2[2][2]);
 
             let radius = $("#" + me.pre + "linebtwsets_radius").val(); 
             let color = $("#" + me.pre + "linebtwsets_customcolor").val(); 
@@ -65798,7 +66018,7 @@ class Events {
             let nameArray = $("#" + me.pre + "cartoonshape").val();
             let atomSet1 = ic.definedSetsCls.getAtomsFromNameArray(nameArray);
             let posArray1 = ic.contactCls.getExtent(atomSet1);
-            let pos1 = new THREE.Vector3(posArray1[2][0], posArray1[2][1], posArray1[2][2]);
+            let pos1 = new Vector3$1(posArray1[2][0], posArray1[2][1], posArray1[2][2]);
 
             let shape = $("#" + me.pre + "cartoonshape_shape").val(); // Sphere or Cube
             let radius = $("#" + me.pre + "cartoonshape_radius").val(); 
@@ -66259,6 +66479,32 @@ class Events {
            thisClass.setLogCmd("set theme black", true);
         });
 
+        // dragover and drop
+        me.myEventCls.onIds("#" + me.pre + "viewer", "dragover", function(e) { me.icn3d;
+           e.preventDefault();
+           $("#" + me.pre + "viewer")[0].style.border = "5px solid blue";
+        });
+        me.myEventCls.onIds("#" + me.pre + "viewer", "drop", async function(e) { me.icn3d;
+           e.preventDefault();
+
+           let files = e.dataTransfer.files;
+
+           for(let i = 0, il = e.dataTransfer.files.length; i < il; ++i) {
+              let file = e.dataTransfer.files[i];
+              let fileName = file.name;
+
+              let fileType = fileName.substr(fileName.lastIndexOf('.') + 1).toLowerCase();
+              if(fileType == 'pdb' || fileType == 'mmcif' || fileType == 'png') {
+                await me.htmlCls.eventsCls.readFile(true, files, i, '', (fileType == 'mmcif'), (fileType == 'png'));
+              }
+              else if(fileType == 'bcf') {
+                await thisClass.openBcf(file);
+              }
+           }
+
+           $("#" + me.pre + "viewer")[0].style.border = "0px solid black";
+        });
+
         $(document).on("click", "." + me.pre + "snpin3d", async function(e) { let ic = me.icn3d;
             e.stopImmediatePropagation();
 
@@ -94044,9 +94290,12 @@ class Domain3d {
 
 		// let subdomains = result.subdomains;
 		// let substruct = result.substruct;
+		let jsonStr = '{"data": [';
 
 		let residueHash = ic.firstAtomObjCls.getResiduesFromAtoms(atoms);
 		let residueArray = Object.keys(residueHash);
+		if(residueArray.length == 0) return jsonStr + ']}';
+
 		let chnid = residueArray[0].substr(0, residueArray[0].lastIndexOf('_'));
 
 		// let resid1 = residueArray[0];
@@ -94097,7 +94346,7 @@ class Domain3d {
 		substruct = this.standardizeSubstruct(chnid, substruct, pos2resi);
 
 		// m_domains1: {"data": [ {"ss": [[1,20,30,x,y,z,x,y,z], [2,50,60,x,y,z,x,y,z]], "domain": [[1,43,x,y,z],[2,58,x,y,z], ...]}, {"ss": [[1,20,30,x,y,z,x,y,z], [2,50,60,x,y,z,x,y,z]],"domain": [[1,43,x,y,z],[2,58,x,y,z], ...]} ] }
-		let jsonStr = '{"data": [';
+
 		//merge all subdomains into one domain
 		jsonStr += '{"ss": ['; //secondary structure
 
@@ -117489,12 +117738,12 @@ class DefinedSets {
     }
 
     setPredefinedInMenu() { let ic = this.icn3d, me = ic.icn3dui;
-          // predefined sets: all chains
-          this.setChainsInMenu();
-
           // predefined sets: proteins,nucleotides, chemicals
           this.setProtNuclLigInMenu();
 
+          // predefined sets: all chains
+          this.setChainsInMenu();
+
           // show 3d domains for mmdbid
           if(me.cfg.mmdbid !== undefined || me.cfg.gi !== undefined  || me.cfg.chainalign !== undefined || me.cfg.mmdbafid !== undefined) {
               for(let tddomainName in ic.tddomains) {
@@ -117592,10 +117841,15 @@ class DefinedSets {
       return html;
     }
 
-    setChainsInMenu() { let ic = this.icn3d; ic.icn3dui;
+    setChainsInMenu() { let ic = this.icn3d, me = ic.icn3dui;
+        let nonProtNuclResHash = {};
+
         for(let chainid in ic.chains) {
-            // skip chains with one residue/chemical
-            if(ic.chainsSeq[chainid] && ic.chainsSeq[chainid].length > 1) {
+            let atom = ic.firstAtomObjCls.getFirstAtomObj(ic.chains[chainid]);
+
+            // protein or nucleotide
+            // if(ic.chainsSeq[chainid] && ic.chainsSeq[chainid].length > 1) {
+            if(ic.proteins.hasOwnProperty(atom.serial) || ic.nucleotides.hasOwnProperty(atom.serial)) {
               //ic.defNames2Atoms[chainid] = Object.keys(ic.chains[chainid]);
               ic.defNames2Residues[chainid] = Object.keys(ic.firstAtomObjCls.getResiduesFromAtoms(ic.chains[chainid]));
               ic.defNames2Descr[chainid] = chainid;
@@ -117606,6 +117860,25 @@ class DefinedSets {
 
               ic.defNames2Command[chainid] = 'select $' + structure + '.' + chain;
             }
+            else { // chemicals, etc
+              let resid = atom.structure + '_' + atom.chain + '_' + atom.resi;
+              let resn = atom.resn.substr(0, 3);
+
+              if(!nonProtNuclResHash[resn]) {
+                nonProtNuclResHash[resn] = ic.residues[resid];
+              }
+              else {
+                nonProtNuclResHash[resn] = me.hashUtilsCls.unionHash(nonProtNuclResHash[atom.resn], ic.residues[resid]);
+              }
+            }
+        }
+
+        // chemicals etc
+        for(let resn in nonProtNuclResHash) {
+            ic.defNames2Residues[resn] = Object.keys(ic.firstAtomObjCls.getResiduesFromAtoms(nonProtNuclResHash[resn]));
+            ic.defNames2Descr[resn] = resn;
+
+            ic.defNames2Command[resn] = 'select :3' + resn;
         }
 
         // select whole structure
@@ -121884,7 +122157,7 @@ class Dssp {
         ic.ref2igtype['PDL1_4z18B_human_V-n1'] = 'IgV';
         ic.ref2igtype['Palladin_2dm3A_human_Iset-n1'] = 'IgI';
         ic.ref2igtype['RBPJ_6py8C_human_Unk-n1'] = 'IgFN3-like';
-        ic.ref2igtype['RBPJ_6py8C_human_Unk-n2'] = 'IgFN3-like';
+        //ic.ref2igtype['RBPJ_6py8C_human_Unk-n2'] = 'IgFN3-like';
         ic.ref2igtype['Sidekick2_1wf5A_human_FN3-n7'] = 'IgFN3';
         ic.ref2igtype['Siglec3_5j0bB_human_C1-n2'] = 'IgC1';
         ic.ref2igtype['TCRa_6jxrm_human_C1-n2'] = 'IgC1';
@@ -127978,7 +128251,7 @@ class SaveFile {
     //The type "png" is used to save the current canvas image. The type "html" is used to save html file with the
     //"data". This can be used to save any text. The type "text" is used to save an array of text, where "data" is
     //actually an array. The type "binary" is used to save an array of binary, where "data" is actually an array.
-    saveFile(filename, type, text, bBlob) { let ic = this.icn3d, me = ic.icn3dui;
+    async saveFile(filename, type, text, bBlob, bReturnBlobOnly) { let ic = this.icn3d, me = ic.icn3dui;
         let thisClass = this;
 
         //Save file
@@ -128020,7 +128293,12 @@ class SaveFile {
 
             if(me.utilsCls.isIE()) {
                 blob = ic.renderer.domElement.msToBlob();
+            }
+            else {
+                blob = await this.getBlobFromNonIE();
+            }
 
+            if(!bReturnBlobOnly) {
                 if(bAddURL) {
                     let reader = new FileReader();
                     reader.onload = function(e) {
@@ -128046,33 +128324,7 @@ class SaveFile {
                 }
             }
             else {
-                ic.renderer.domElement.toBlob(function(data) {
-                    if(bAddURL) {
-                        let reader = new FileReader();
-                        reader.onload = function(e) {
-                            let arrayBuffer = e.target.result; // or = reader.result;
-
-                            let text = ic.shareLinkCls.getPngText();
-
-                            blob = me.convertTypeCls.getBlobFromBufferAndText(arrayBuffer, text);
-
-                            //ic.createLinkForBlob(blob, filename);
-                            thisClass.saveBlob(blob, filename, bBlob, width, height);
-
-                            return blob;
-                        };
-
-                        reader.readAsArrayBuffer(data);
-                    }
-                    else {
-                        blob = data;
-
-                        //ic.createLinkForBlob(blob, filename);
-                        thisClass.saveBlob(blob, filename, bBlob, width, height);
-
-                        return blob;
-                    }
-                });
+                return blob;
             }
 
             // reset the image size
@@ -128106,12 +128358,20 @@ class SaveFile {
 
         if(type !== 'png') {
             //https://github.com/eligrey/FileSaver.js/
-            saveAs(blob, filename);
+            if(!bReturnBlobOnly) saveAs(blob, filename);
         }
 
         return blob;
     }
 
+    getBlobFromNonIE() { let ic = this.icn3d; ic.icn3dui;
+        return new Promise(function(resolve, reject) {
+            ic.renderer.domElement.toBlob(function(data) {
+                resolve(data);
+            });
+        })
+    }
+
     saveBlob(blob, filename, bBlob, width, height) { let ic = this.icn3d; ic.icn3dui;
         if(bBlob) {
             let urlCreator = window.URL || window.webkitURL;
@@ -132411,7 +132671,7 @@ class iCn3DUI {
     //even when multiple iCn3D viewers are shown together.
     this.pre = this.cfg.divid + "_";
 
-    this.REVISION = '3.44.0';
+    this.REVISION = '3.44.2';
 
     // In nodejs, iCn3D defines "window = {navigator: {}}"
     this.bNode = (Object.keys(window).length < 2) ? true : false;