icn3d 3.54.2 → 3.54.4

package/icn3d.module.js

@@ -2550,7 +2550,147 @@ var CIFTools;
             }
             return result(file);
         }
+        /**
+         * Small-molecule / crystallographic ("core") CIF support, e.g. files from COD.
+         * Core CIF uses underscore names (_atom_site_label, _atom_site_fract_x) and fractional
+         * coordinates, while iCn3D's loadCIF expects mmCIF names (_atom_site.label_atom_id)
+         * and Cartesian coordinates. Without conversion getCategory("_atom_site") returns undefined.
+         * This converts such a file to a minimal mmCIF text before it is parsed.
+         */
+        function isCoreCif(data) {
+            return /^\s*_atom_site_fract_x\b/m.test(data) && !/^\s*_atom_site\./m.test(data);
+        }
+        // tokenize one CIF text keeping quotes; returns {tags:[...], loops:[{cols, rows}], singles:{}}
+        function coreTokens(data) {
+            var tokens = [], lines = data.split(/\r?\n/), i, line, m, re = /'([^']*)'(?=\s|$)|"([^"]*)"(?=\s|$)|(\S+)/g;
+            for (i = 0; i < lines.length; i++) {
+                line = lines[i];
+                if (line.charAt(0) === ';') { // multi-line text field, skip it
+                    i++;
+                    while (i < lines.length && lines[i].charAt(0) !== ';') i++;
+                    tokens.push({ v: '?', t: 'text' });
+                    continue;
+                }
+                re.lastIndex = 0;
+                while ((m = re.exec(line)) !== null) {
+                    if (m[3] !== undefined && m[3].charAt(0) === '#') break; // comment
+                    tokens.push(m[3] !== undefined ? { v: m[3] } : { v: (m[1] !== undefined ? m[1] : m[2]), t: 'quoted' });
+                }
+            }
+            return tokens;
+        }
+        function coreToNumber(s) {
+            var v = parseFloat(String(s).replace(/\(\d+\)$/, '')); // 0.7556(3) -> 0.7556
+            return isNaN(v) ? 0 : v;
+        }
+        // symmetry operator like "1/2-x,y,1/2+z" -> function(frac) -> frac
+        function coreSymop(str) {
+            var parts = str.replace(/\s+/g, '').toLowerCase().split(','), rows = [], p, k, re = /([+-]?)(?:(\d+(?:\.\d+)?)(?:\/(\d+))?|([xyz]))/g, m, row, c;
+            if (parts.length !== 3) return null;
+            for (p = 0; p < 3; p++) {
+                row = [0, 0, 0, 0]; // x y z const
+                re.lastIndex = 0;
+                while ((m = re.exec(parts[p])) !== null) {
+                    c = (m[1] === '-') ? -1 : 1;
+                    if (m[4]) { row['xyz'.indexOf(m[4])] += c; }
+                    else { row[3] += c * parseFloat(m[2]) / (m[3] ? parseFloat(m[3]) : 1); }
+                }
+                rows.push(row);
+            }
+            return function (f) {
+                var out = [];
+                for (k = 0; k < 3; k++) out.push(rows[k][0] * f[0] + rows[k][1] * f[1] + rows[k][2] * f[2] + rows[k][3]);
+                return out;
+            };
+        }
+        function convertCoreCif(data) {
+            var tk = coreTokens(data), i = 0, n = tk.length, single = {}, loops = [], name = 'data_core', t, cols, rows, cur;
+            function isTag(x) { return x && !x.t && x.v.charAt(0) === '_'; }
+            while (i < n) {
+                t = tk[i];
+                if (!t.t && /^data_/i.test(t.v)) { name = t.v; i++; }
+                else if (!t.t && /^loop_$/i.test(t.v)) {
+                    i++; cols = []; rows = [];
+                    while (i < n && isTag(tk[i])) cols.push(tk[i++].v.toLowerCase());
+                    cur = [];
+                    while (i < n && !isTag(tk[i]) && !(/^(loop_|data_)/i.test(tk[i].v) && !tk[i].t)) {
+                        cur.push(tk[i++].v);
+                        if (cur.length === cols.length) { rows.push(cur); cur = []; }
+                    }
+                    loops.push({ cols: cols, rows: rows });
+                }
+                else if (isTag(t)) { single[t.v.toLowerCase()] = (tk[i + 1] ? tk[i + 1].v : '?'); i += 2; }
+                else i++;
+            }
+            var atoms = null, symops = [], l, c;
+            for (l = 0; l < loops.length; l++) {
+                if (loops[l].cols.indexOf('_atom_site_fract_x') >= 0) atoms = loops[l];
+                c = loops[l].cols.indexOf('_symmetry_equiv_pos_as_xyz');
+                if (c < 0) c = loops[l].cols.indexOf('_space_group_symop_operation_xyz');
+                if (c >= 0) loops[l].rows.forEach(function (r) { var f = coreSymop(r[c]); if (f) symops.push(f); });
+            }
+            if (!atoms) return null;
+            if (!symops.length) symops.push(coreSymop('x,y,z'));
+
+            // orthogonalization matrix (a along x, c* along z)
+            var a = coreToNumber(single['_cell_length_a']), b = coreToNumber(single['_cell_length_b']), cc = coreToNumber(single['_cell_length_c']);
+            var al = coreToNumber(single['_cell_angle_alpha'] || 90) * Math.PI / 180, be = coreToNumber(single['_cell_angle_beta'] || 90) * Math.PI / 180, ga = coreToNumber(single['_cell_angle_gamma'] || 90) * Math.PI / 180;
+            var cosa = Math.cos(al), cosb = Math.cos(be), cosg = Math.cos(ga), sing = Math.sin(ga);
+            var vol = Math.sqrt(1 - cosa * cosa - cosb * cosb - cosg * cosg + 2 * cosa * cosb * cosg);
+            function toCart(f) {
+                return [a * f[0] + b * cosg * f[1] + cc * cosb * f[2],
+                        b * sing * f[1] + cc * (cosa - cosb * cosg) / sing * f[2],
+                        cc * vol / sing * f[2]];
+            }
+            var col = {}; atoms.cols.forEach(function (x, k) { col[x] = k; });
+            function get(r, key) { return (col[key] === undefined) ? '?' : r[col[key]]; }
+
+            var out = [name, '#', '_entry.id ' + name.substr(5), '#'];
+            // core CIF "_cell_length_a" -> mmCIF "_cell.length_a" so iCn3D can parse the unit cell
+            Object.keys(single).forEach(function (key) {
+                if (/^_cell_/.test(key)) out.push(key.replace(/^_cell_/, '_cell.') + ' ' + String(single[key]).replace(/\(\d+\)$/, ''));
+            });
+            out.push('#');
+            out.push(
+                'loop_', '_atom_site.group_PDB', '_atom_site.id', '_atom_site.type_symbol', '_atom_site.label_atom_id', '_atom_site.label_alt_id',
+                '_atom_site.label_comp_id', '_atom_site.label_asym_id', '_atom_site.label_entity_id', '_atom_site.label_seq_id',
+                '_atom_site.Cartn_x', '_atom_site.Cartn_y', '_atom_site.Cartn_z', '_atom_site.occupancy', '_atom_site.B_iso_or_equiv',
+                '_atom_site.auth_seq_id', '_atom_site.auth_asym_id', '_atom_site.pdbx_PDB_model_num');
+            var serial = 0, seen = [], r, s, f, g, k, dup, j, sym, el, lab, cart;
+            for (r = 0; r < atoms.rows.length; r++) {
+                var row = atoms.rows[r];
+                if (get(row, '_atom_site_calc_flag') === 'dum') continue; // dummy atoms
+                f = [coreToNumber(get(row, '_atom_site_fract_x')), coreToNumber(get(row, '_atom_site_fract_y')), coreToNumber(get(row, '_atom_site_fract_z'))];
+                lab = get(row, '_atom_site_label');
+                sym = get(row, '_atom_site_type_symbol'); if (sym === '?') sym = lab;
+                el = (sym.match(/^[A-Za-z]{1,2}/) || ['X'])[0];
+                el = el.charAt(0).toUpperCase() + el.substr(1).toLowerCase();
+                var mySeen = [];
+                for (s = 0; s < symops.length; s++) {
+                    g = symops[s](f).map(function (v) { return v - Math.floor(v + 1e-6); });
+                    dup = false;
+                    for (j = 0; j < mySeen.length; j++) {
+                        if (Math.abs(mySeen[j][0] - g[0]) < 1e-3 && Math.abs(mySeen[j][1] - g[1]) < 1e-3 && Math.abs(mySeen[j][2] - g[2]) < 1e-3) { dup = true; break; }
+                    }
+                    if (dup) continue;
+                    mySeen.push(g);
+                    cart = toCart(g);
+                    out.push(['HETATM', ++serial, el, lab, '.', 'MOL', 'A', 1, '.', cart[0].toFixed(3), cart[1].toFixed(3), cart[2].toFixed(3),
+                        coreToNumber(get(row, '_atom_site_occupancy') === '?' ? 1 : get(row, '_atom_site_occupancy')), '0.00', 1, 'A', 1].join(' '));
+                }
+            }
+            out.push('#');
+            return out.join('\n') + '\n';
+        }
         function parse(data) {
+            if (isCoreCif(data)) {
+                var converted = convertCoreCif(data);
+                if (converted) data = converted;
+            }
+            else {
+                // "_cell_angle_alpha" -> "_cell.angle_alpha"
+                data = data.replace(/^(\s*_cell)_(?=\w)/gm, '$1.');
+            }
             return parseInternal(data);
         }
         Text.parse = parse;
@@ -60275,6 +60415,16 @@ class ClickMenu {
            thisClass.setLogCmd('set axis off', true);
         });
 
+        me.myEventCls.onIds("#" + me.pre + "mn6_showucYes", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+           ic.setOptionCls.setOption('unitcell', 'yes');
+           thisClass.setLogCmd('set unitcell on', true);
+        });
+
+        me.myEventCls.onIds("#" + me.pre + "mn6_showucNo", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+           ic.setOptionCls.setOption('unitcell', 'no');
+           thisClass.setLogCmd('set unitcell off', true);
+        });
+
         me.myEventCls.onIds("#" + me.pre + "mn6_symmetry", "click", async function(e) { let ic = me.icn3d; //e.preventDefault();
            ic.bAxisOnly = false;
            await ic.symdCls.retrieveSymmetry(Object.keys(ic.structures)[0]);
@@ -61594,6 +61744,15 @@ class SetMenu {
         html += "</ul>";
         html += "</li>";
 
+        // if(me.cfg.mmcifid !== undefined) {
+            html += this.getMenuText('mn2_unitcell', 'Unit Cell', undefined, undefined, 1);
+            html += "<ul>";
+            html += this.getRadio('mn6_showuc', 'mn6_showucYes', 'Show', undefined, undefined, 2);
+            html += this.getRadio('mn6_showuc', 'mn6_showucNo', 'Hide', true, undefined, 2);
+            html += "</ul>";
+            html += "</li>";
+        // }
+
         html += this.getMenuSep();
 
         html += this.getMenuText('mn2_resetwrap', 'Reset', undefined, 1, 1);
@@ -82557,6 +82716,57 @@ class Axes {
 
        return axisPos;
     }
+
+    buildUnitcell() { let ic = this.icn3d, me = ic.icn3dui;
+        if(!ic.cell) {
+            var aaa = 1; //alert("Unit cell information is available for structures from mmCIF files. Please load a structure from mmCIF file.");
+            return;
+        }
+
+        let a = ic.cell.length_a;
+        let b = ic.cell.length_b;
+        let c = ic.cell.length_c;
+        let alpha = ic.cell.angle_alpha;
+        let beta = ic.cell.angle_beta;
+        let gamma = ic.cell.angle_gamma;
+        
+        const rad = d => d * Math.PI / 180;
+        const ca = Math.cos(rad(alpha));
+        const cb = Math.cos(rad(beta));
+        const cg = Math.cos(rad(gamma));
+        const sg = Math.sin(rad(gamma));
+
+        // Lattice vectors
+        const va = [a, 0, 0];
+        const vb = [b * cg, b * sg, 0];
+        const cx = c * cb;
+        const cy = c * (ca - cb * cg) / sg;
+        const cz = Math.sqrt(c * c - cx * cx - cy * cy);
+        const vc = [cx, cy, cz];
+
+        // 8 corners, indexed by bits (i, j, k) -> i*va + j*vb + k*vc
+        const corner = (i, j, k) => [0, 1, 2].map(n => i * va[n] + j * vb[n] + k * vc[n]);
+
+        let color = me.htmlCls.ORANGE, radius = 0.1;
+        let atomColor = me.parasCls.thr(color);
+
+        for (let i = 0; i < 2; i++) {
+            for (let j = 0; j < 2; j++) {
+                ic.analysisCls.addLine(corner(0, i, j)[0], corner(0, i, j)[1], corner(0, i, j)[2], corner(1, i, j)[0], corner(1, i, j)[1], corner(1, i, j)[2], color, false, 'unitcell', radius); // edges along a
+                ic.analysisCls.addLine(corner(i, 0, j)[0], corner(i, 0, j)[1], corner(i, 0, j)[2], corner(i, 1, j)[0], corner(i, 1, j)[1], corner(i, 1, j)[2], color, false, 'unitcell', radius); // edges along b
+                ic.analysisCls.addLine(corner(i, j, 0)[0], corner(i, j, 0)[1], corner(i, j, 0)[2], corner(i, j, 1)[0], corner(i, j, 1)[1], corner(i, j, 1)[2], color, false, 'unitcell', radius); // edges along c
+            }
+        }
+
+        // add sphere at each corner
+        for (let i = 0; i < 2; i++) {
+            for (let j = 0; j < 2; j++) {
+                for (let k = 0; k < 2; k++) {
+                    ic.sphereCls.createSphereBase(new Vector3$1(corner(i, j, k)[0], corner(i, j, k)[1], corner(i, j, k)[2]), atomColor, radius, 1, false, false, 1);
+                }   
+            }
+        }
+    }
 }
 
 /**
@@ -86553,7 +86763,7 @@ class ApplyOther {
         ic.applyCenterCls.applyCenterOptions(options);
 
         ic.axesCls.buildAllAxes(undefined, true);
-
+        
         switch (options.axis.toLowerCase()) {
             case 'yes':
                 ic.axis = true;
@@ -86564,6 +86774,19 @@ class ApplyOther {
                 ic.axis = false;
                 break;
         }
+
+        ic.lines['unitcell'] = []; // reset
+
+        switch (options.unitcell.toLowerCase()) {
+            case 'yes':
+                ic.unitcell = true;
+                ic.axesCls.buildUnitcell();
+
+                break;
+            case 'no':
+                ic.unitcell = false;
+                break;
+        }
         switch (options.pk.toLowerCase()) {
             case 'atom':
                 ic.pk = 1;
@@ -105949,14 +106172,7 @@ class WebGLPathTracer {
         ic.setOptionCls.setStyle("proteins", atom.style);
     }
 
-    //Render the scene and objects into pixels.
-    render_base(bPathTracer) { let ic = this.icn3d, me = ic.icn3dui;
-        let thisClass = this;
-
-        if(me.bNode) return;
-
-        let cam = (ic.bControlGl && !me.bNode) ? window.cam : ic.cam;
-
+    setDirectLight(cam) { let ic = this.icn3d; ic.icn3dui;
         if(ic.directionalLight) {
             let quaternion = new Quaternion();
             quaternion.setFromUnitVectors( new Vector3$1(0, 0, ic.cam_z).normalize(), cam.position.clone().normalize() );
@@ -105971,6 +106187,19 @@ class WebGLPathTracer {
             ic.directionalLight3.applyMatrix4(cam.matrixWorld);
         }
 
+        return cam;
+    }
+
+    //Render the scene and objects into pixels.
+    render_base(bPathTracer) { let ic = this.icn3d, me = ic.icn3dui;
+        let thisClass = this;
+
+        if(me.bNode) return;
+
+        let cam = (ic.bControlGl && !me.bNode) ? window.cam : ic.cam;
+
+        cam = this.setDirectLight(cam);
+
         if(!ic.bVr) ic.renderer.setPixelRatio( window.devicePixelRatio ); // r71
 
         if(ic.bVr) {
@@ -106012,8 +106241,14 @@ class WebGLPathTracer {
             else {
                 if(bPathTracer) {
                     ic.bImpo = false; // disable impostor for path tracing
+                    // remove the highlights since they are not 3D objects
+                    ic.hlUpdateCls.clearHighlight();
+
                     const pathTracer = new WebGLPathTracer(ic.renderer);
                     pathTracer.setScene(ic.scene, cam);
+
+                    cam = this.setDirectLight(cam);
+
                     //pathTracer.renderUpdates(); // Updates samples if the scene/camera changes
                     //pathTracer.render(ic.scene, cam);
 
@@ -127072,7 +127307,10 @@ class PdbParser {
 
         ic.saveFileCls.showTitle();
 
-        if(me.cfg.rotate !== undefined) ic.resizeCanvasCls.rotStruc(me.cfg.rotate, true);
+        // if(me.cfg.rotate !== undefined) {
+        if(me.cfg.rotate !== undefined && !(me.cfg.url && me.cfg.url.indexOf('membranome') != -1)) {
+            ic.resizeCanvasCls.rotStruc(me.cfg.rotate, true);
+        }
 
         if(bAppend && Object.keys(ic.structures).length == 1 && !me.bNode) {
             // show all
@@ -131325,6 +131563,7 @@ class ParserUtils {
               let angle = -0.5 * Math.PI;
               ic.transformCls.setRotation(axis, angle);
           }
+
           //if(Object.keys(ic.structures).length > 1) {
           //    $("#" + ic.pre + "alternate").show();
           //}
@@ -135287,6 +135526,16 @@ class LoadCIF {
                 = m24Array = m31Array = m32Array = m33Array = m34Array = [];
             }
 
+            if(block.getCategory("_cell")) {
+                ic.cell = {};
+                ic.cell.length_a = parseFloat(block.getCategory("_cell").getColumn("length_a").getString(0));
+                ic.cell.length_b = parseFloat(block.getCategory("_cell").getColumn("length_b").getString(0));
+                ic.cell.length_c = parseFloat(block.getCategory("_cell").getColumn("length_c").getString(0));
+                ic.cell.angle_alpha = parseFloat(block.getCategory("_cell").getColumn("angle_alpha").getString(0));
+                ic.cell.angle_beta = parseFloat(block.getCategory("_cell").getColumn("angle_beta").getString(0));
+                ic.cell.angle_gamma = parseFloat(block.getCategory("_cell").getColumn("angle_gamma").getString(0));
+            }
+
             // if (record === 'ENDMDL') {
             //     ++moleculeNum;
             //     id = ic.defaultPdbId;
@@ -136905,6 +137154,12 @@ class ApplyCommand {
         ic.opts['axis'] = 'no';
         ic.pc1 = false;
       }
+      else if(command == 'set unitcell on') {
+        ic.opts['unitcell'] = 'yes';
+      }
+      else if(command == 'set unitcell off') {
+        ic.opts['unitcell'] = 'no';
+      }
       else if(command == 'set fog on') {
         ic.opts['fog'] = 'yes';
         ic.fogCls.setFog(true);
@@ -147387,9 +147642,10 @@ class Diagram2d {
             // get the residues in the selection
             let ncbiresid = data;
             let resid = ic.ncbi2resid[ncbiresid];
-            let resi = resid.substr(resid.lastIndexOf('_') + 1);
 
-            if(ic.ig2ddgm_chainid && ic.resid2refnum && ic.resid2refnum[resid]) {
+            if(resid && ic.ig2ddgm_chainid && ic.resid2refnum && ic.resid2refnum[resid]) {
+                let resi = resid.substr(resid.lastIndexOf('_') + 1);
+
                 let refnumLabel = ic.resid2refnum[resid];
                 let refnumStr = ic.refnumCls.rmStrandFromRefnumlabel(refnumLabel);
 
@@ -151162,7 +151418,8 @@ class SaveFile {
                 idName = "PDB ID";
             }
             else if(bAlphaFold) {
-                idName = "AlphaFold ID";
+                // idName = "AlphaFold ID";
+                idName = "ID";
             }
 
             if(structureidArray.length > 1) {
@@ -154083,6 +154340,7 @@ class iCn3D {
     this.radiusArraySphere = new Array();
 
     this.axis = false;  // used to turn on and off xyz axes
+    this.unitcell = false;  // used to turn on and off unit cell
 
     // pk
     //If its value is 1, selecting an atom will select the atom. If its value is 2, selecting an atom
@@ -154204,6 +154462,7 @@ class iCn3D {
     this.optsOri['clbonds']            = 'yes';                 //yes, no
     this.optsOri['rotationcenter']     = 'molecule center';    //molecule center, pick center, display center
     this.optsOri['axis']               = 'no';                 //yes, no
+    this.optsOri['unitcell']           = 'no';                 //yes, no
     this.optsOri['fog']                = 'no';                 //yes, no
     this.optsOri['slab']               = 'no';                 //yes, no
     this.optsOri['pk']                 = 'residue';            //no, atom, residue, strand, chain
@@ -154621,7 +154880,7 @@ class iCn3DUI {
     //even when multiple iCn3D viewers are shown together.
     this.pre = this.cfg.divid + "_";
 
-    this.REVISION = '3.54.0';
+    this.REVISION = '3.54.2';
 
     // In nodejs, iCn3D defines "window = {navigator: {}}", and added window = {navigator: {}, "__THREE__":"177"}
     this.bNode = (Object.keys(window).length < 3) ? true : false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "icn3d",
-  "version": "3.54.2",
+  "version": "3.54.4",
   "main": "./icn3d.js",
   "exports": {
     ".": {