@chemistry/crystalview 1.0.9 → 3.0.0

package/README.md

@@ -1,42 +1,46 @@
 # CrystalView
+
 [![GitHub Build Status](https://github.com/chemistry/crystalview/workflows/CI/badge.svg)](https://github.com/chemistry/crystalview/actions?query=workflow%3ACI)
 [![License: MIT](https://img.shields.io/badge/License-MIT-gren.svg)](https://opensource.org/licenses/MIT)
 
-Simple Crystal Viewer - v1
+![CrystalView](https://github.com/chemistry/crystalview/blob/master/crystalview.png?raw=true)
 
 ## How to use
+
 ```javascript
-import { Mol3DView }  from '@chemistry/crystalview';
+import { Mol3DView } from '@chemistry/crystalview';
 import structure from './1000004';
 
 $(() => {
-    let viewer = new Mol3DView({
-        bgcolor: "#2b303b"
-    });
-    var element = document.getElementById('app');
-    viewer.append(element);
-    viewer.onInit();
-
-    try {
-        viewer.load(structure);
-    } catch(e) {
-    }
+  let viewer = new Mol3DView({
+    bgcolor: '#2b303b',
+  });
+  var element = document.getElementById('app');
+  viewer.append(element);
+  viewer.onInit();
+
+  try {
+    viewer.load(structure);
+  } catch (e) {}
 });
 ```
 
 ## Quick start:
-  * Run unit tests: `npm run test`
-  * Start TDD flow: `npm run tdd`
-  * Run linter verification: `npm run lint`
-  * Run linter verification & fix: `npm run lintfix`
-  * Build project: `npm run build`
+
+- Run unit tests: `npm run test`
+- Start TDD flow: `npm run tdd`
+- Run linter verification: `npm run lint`
+- Run linter verification & fix: `npm run lintfix`
+- Build project: `npm run build`
 
 ## Release
+
 ```bash
 git tag v1.0.0
 git push --tags
 ```
 
 ## License
-  This project is licensed under the MIT license, Copyright (c) 2020 Volodymyr Vreshch.
-  For more information see [LICENSE.md](https://github.com/chemistry/crystalview/blob/master/LICENSE).
+
+This project is licensed under the MIT license, Copyright (c) 2020 Volodymyr Vreshch.
+For more information see [LICENSE.md](https://github.com/chemistry/crystalview/blob/master/LICENSE).

package/dist/{src/camera → camera}/Camera.d.ts

@@ -1,63 +1,69 @@
-import { Vec3 } from "@chemistry/math";
-import { ICamera } from "./ICamera";
-export declare class Camera implements ICamera {
-    private element;
-    /**
-     * RootationMatrix
-     */
-    private rootation;
-    /**
-     * TranSlation Matrix
-     */
-    private translation;
-    private projectionMatrix;
-    private unprojectionMatrix;
-    private mouseCapture;
-    private mouseBegin;
-    private mouseLast;
-    private mouseCurrent;
-    private mouseClick;
-    private width;
-    private height;
-    private onRedrawCallBack;
-    private onClickCallBack;
-    constructor(options: {
-        element: HTMLElement;
-        onRedraw: () => void;
-        onClick: (x: number, y: number) => void;
-    });
-    onInit(): void;
-    onDestroy(): void;
-    /**
-     * Transform from 3D coordinates to Screen coordinates
-     */
-    project(position: Vec3): Vec3;
-    /**
-     * Transform screen coordinates to 3D coords
-     */
-    unproject(position: Vec3): Vec3;
-    extractScale(): number;
-    /**
-     * Set Transformation scale and Rootation center
-     */
-    setCameraView(scale: number, center: Vec3): void;
-    private attachLiseners();
-    private _mousedown(event);
-    private _mouseup(event);
-    private _mouseleave(event);
-    private _mousemove(event);
-    private _mousewheel(event);
-    private processMouseClick(offsetX, offsetY, which);
-    private processMouseMove(shiftKey, ctrlKey, which);
-    private mouseRootate_XYZ();
-    private mouseRootateXY();
-    private mouseTranslate();
-    private mouseZoom(event);
-    private whellZoom(event);
-    private detachLiseners();
-    private onRedraw();
-    /**
-     * Init projection Matrixes
-     */
-    private initMatrixes();
-}
+import { Vec3 } from '@chemistry/math';
+import { ICamera } from './ICamera.js';
+export declare class Camera implements ICamera {
+    private element;
+    /**
+     * RootationMatrix
+     */
+    private rootation;
+    /**
+     * TranSlation Matrix
+     */
+    private translation;
+    private projectionMatrix;
+    private unprojectionMatrix;
+    private mouseCapture;
+    private mouseBegin;
+    private mouseLast;
+    private mouseCurrent;
+    private mouseClick;
+    private width;
+    private height;
+    private onRedrawCallBack;
+    private onClickCallBack;
+    private boundMouseDown;
+    private boundMouseUp;
+    private boundMouseLeave;
+    private boundMouseMove;
+    private boundWheel;
+    constructor(options: {
+        element: HTMLElement;
+        onRedraw: () => void;
+        onClick: (x: number, y: number) => void;
+    });
+    onInit(): void;
+    onDestroy(): void;
+    /**
+     * Transform from 3D coordinates to Screen coordinates
+     */
+    project(position: Vec3): Vec3;
+    /**
+     * Transform screen coordinates to 3D coords
+     */
+    unproject(position: Vec3): Vec3;
+    extractScale(): number;
+    /**
+     * Set Transformation scale and Rootation center
+     */
+    setCameraView(scale: number, center: Vec3): void;
+    private attachLiseners;
+    private _mousedown;
+    private _mouseup;
+    private _mouseleave;
+    private _mousemove;
+    private _mousewheel;
+    private processMouseClick;
+    private processMouseMove;
+    private mouseRootate_XYZ;
+    private mouseRootateXY;
+    private mouseTranslate;
+    private mouseZoom;
+    private whellZoom;
+    private detachLiseners;
+    private onRedraw;
+    /**
+     * Init projection Matrixes
+     */
+    private initMatrixes;
+}
+//# sourceMappingURL=Camera.d.ts.map

package/dist/camera/Camera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Camera.d.ts","sourceRoot":"","sources":["../../src/camera/Camera.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAIvC,qBAAa,MAAO,YAAW,OAAO;IACpC,OAAO,CAAC,OAAO,CAAc;IAC7B;;OAEG;IACH,OAAO,CAAC,SAAS,CAAc;IAE/B;;OAEG;IACH,OAAO,CAAC,WAAW,CAAc;IAGjC,OAAO,CAAC,gBAAgB,CAAe;IAEvC,OAAO,CAAC,kBAAkB,CAAe;IAGzC,OAAO,CAAC,YAAY,CAAU;IAE9B,OAAO,CAAC,UAAU,CAAY;IAE9B,OAAO,CAAC,SAAS,CAAY;IAE7B,OAAO,CAAC,YAAY,CAAY;IAEhC,OAAO,CAAC,UAAU,CAAU;IAE5B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,gBAAgB,CAAa;IACrC,OAAO,CAAC,eAAe,CAAiC;IAExD,OAAO,CAAC,cAAc,CAA8B;IACpD,OAAO,CAAC,YAAY,CAA8B;IAClD,OAAO,CAAC,eAAe,CAA8B;IACrD,OAAO,CAAC,cAAc,CAA8B;IACpD,OAAO,CAAC,UAAU,CAA8B;gBAEpC,OAAO,EAAE;QACnB,OAAO,EAAE,WAAW,CAAC;QACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;QACrB,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;KACzC;IAwCM,MAAM,IAAI,IAAI;IAMd,SAAS,IAAI,IAAI;IAIxB;;OAEG;IACI,OAAO,CAAC,QAAQ,EAAE,IAAI,GAAG,IAAI;IAIpC;;OAEG;IACI,SAAS,CAAC,QAAQ,EAAE,IAAI,GAAG,IAAI;IAI/B,YAAY,IAAI,MAAM;IAI7B;;OAEG;IACI,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI;IAQhD,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,QAAQ;IAehB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,gBAAgB;IAqCxB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,SAAS;IAYjB,OAAO,CAAC,SAAS;IAYjB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,QAAQ;IAMhB;;OAEG;IACH,OAAO,CAAC,YAAY;CAIrB"}

package/dist/camera/Camera.js

@@ -0,0 +1,225 @@
+import { Transform3D, Vec3 } from '@chemistry/math';
+const radStep = 0.012;
+export class Camera {
+    constructor(options) {
+        this.element = options.element;
+        const scale = 20;
+        const center = new Vec3(0, 0, 0);
+        this.mouseCapture = false;
+        this.mouseClick = false;
+        this.rootation = Transform3D.fromScale(scale);
+        this.translation = Transform3D.fromTranslation(center);
+        // viewport size
+        this.width = this.element.clientWidth;
+        this.height = this.element.clientHeight;
+        this.onRedrawCallBack = options.onRedraw;
+        this.onClickCallBack = options.onClick;
+        // Create bound handlers for proper cleanup
+        this.boundMouseDown = (event) => {
+            this._mousedown(event);
+        };
+        this.boundMouseUp = (event) => {
+            this._mouseup(event);
+        };
+        this.boundMouseLeave = (event) => {
+            this._mouseleave(event);
+        };
+        this.boundMouseMove = (event) => {
+            this._mousemove(event);
+        };
+        this.boundWheel = (event) => {
+            this._mousewheel(event);
+        };
+        // Attach liseners
+        this.attachLiseners();
+        this.initMatrixes();
+    }
+    onInit() {
+        // Attach liseners
+        this.attachLiseners();
+        this.initMatrixes();
+    }
+    onDestroy() {
+        this.detachLiseners();
+    }
+    /**
+     * Transform from 3D coordinates to Screen coordinates
+     */
+    project(position) {
+        return this.projectionMatrix.project(position);
+    }
+    /**
+     * Transform screen coordinates to 3D coords
+     */
+    unproject(position) {
+        return this.unprojectionMatrix.project(position);
+    }
+    extractScale() {
+        return this.rootation.extractScale();
+    }
+    /**
+     * Set Transformation scale and Rootation center
+     */
+    setCameraView(scale, center) {
+        this.rootation = Transform3D.fromScale(scale);
+        this.translation = Transform3D.fromTranslation(center.scale(-1));
+        // reset projection matrix
+        this.initMatrixes();
+    }
+    attachLiseners() {
+        this.element.addEventListener('mousedown', this.boundMouseDown);
+        this.element.addEventListener('mouseup', this.boundMouseUp);
+        this.element.addEventListener('mouseleave', this.boundMouseLeave);
+        this.element.addEventListener('mousemove', this.boundMouseMove);
+        this.element.addEventListener('wheel', this.boundWheel);
+    }
+    _mousedown(event) {
+        this.mouseCapture = true;
+        this.mouseClick = true;
+        this.mouseBegin = [event.offsetX, event.offsetY];
+        this.mouseCurrent = [event.offsetX, event.offsetY];
+        this.mouseLast = [event.offsetX, event.offsetY];
+    }
+    _mouseup(event) {
+        if (!this.mouseCapture) {
+            return;
+        }
+        this.mouseCapture = false;
+        this.mouseCurrent = [event.offsetX, event.offsetY];
+        if (this.mouseClick) {
+            this.processMouseClick(event.offsetX, event.offsetY, event.which);
+        }
+        else {
+            this.processMouseMove(event.shiftKey, event.ctrlKey, event.which);
+        }
+        this.mouseLast = [event.offsetX, event.offsetY];
+        this.mouseClick = false;
+    }
+    _mouseleave(event) {
+        if (!this.mouseCapture) {
+            return;
+        }
+        this.mouseCapture = false;
+        this.mouseCurrent = [event.offsetX, event.offsetY];
+        this.processMouseMove(event.shiftKey, event.ctrlKey, event.which);
+        this.mouseLast = [event.offsetX, event.offsetY];
+    }
+    _mousemove(event) {
+        if (!this.mouseCapture) {
+            return;
+        }
+        this.mouseCurrent = [event.offsetX, event.offsetY];
+        this.processMouseMove(event.shiftKey, event.ctrlKey, event.which);
+        this.mouseLast = [event.offsetX, event.offsetY];
+        event.preventDefault();
+    }
+    _mousewheel(event) {
+        this.whellZoom(event);
+        this.initMatrixes();
+        this.onRedraw();
+        event.preventDefault();
+    }
+    processMouseClick(offsetX, offsetY, which) {
+        if (which === 1 && this.onClickCallBack) {
+            this.onClickCallBack(offsetX, offsetY);
+        }
+    }
+    processMouseMove(shiftKey, ctrlKey, which) {
+        if (this.mouseCurrent[1] === this.mouseCurrent[0] &&
+            this.mouseLast[1] === this.mouseCurrent[1]) {
+            return;
+        }
+        // skeep if it's mouse Click
+        if (Math.abs(this.mouseBegin[0] - this.mouseCurrent[0]) < 6 &&
+            Math.abs(this.mouseBegin[2] - this.mouseCurrent[2]) < 6 &&
+            this.mouseClick) {
+            return;
+        }
+        this.mouseClick = false;
+        switch (true) {
+            case shiftKey || which === 2:
+                // Translate
+                this.mouseTranslate();
+                break;
+            case ctrlKey || which === 3:
+                // zoom
+                // mouseZoom.call(this);
+                break;
+            default:
+                // Rotate 3D
+                this.mouseRootate_XYZ();
+            // callDefaultAction.call(this);
+        }
+        this.initMatrixes();
+        this.onRedraw();
+    }
+    mouseRootate_XYZ() {
+        const dx = this.mouseLast[0] - this.mouseCurrent[0]; // = [0,0];
+        const dy = this.mouseLast[1] - this.mouseCurrent[1];
+        let t = Transform3D.fromScale(1);
+        let axis = new Vec3(0, 1, 0);
+        t = t.rotate(axis, dx * radStep);
+        axis = new Vec3(1, 0, 0);
+        t = t.rotate(axis, -dy * radStep);
+        const m = Transform3D.fromMultiplication(this.rootation, t);
+        this.rootation = m;
+    }
+    mouseRootateXY() {
+        const dy = this.mouseLast[1] - this.mouseCurrent[1];
+        let t = Transform3D.fromScale(1);
+        const axis = new Vec3(0, 0, 1);
+        t = t.rotate(axis, dy * radStep);
+        const m = Transform3D.fromMultiplication(this.rootation, t);
+        this.rootation = m;
+    }
+    mouseTranslate() {
+        const u1 = this.unproject(new Vec3(this.mouseLast[0], this.mouseLast[1], 0));
+        const u2 = this.unproject(new Vec3(this.mouseCurrent[0], this.mouseCurrent[1], 0));
+        const tr = Vec3.sub(u2, u1);
+        this.translation = this.translation.translate(tr);
+    }
+    mouseZoom() {
+        const dy = this.mouseLast[1] - this.mouseCurrent[1];
+        let scale;
+        if (dy > 0) {
+            scale = 1 + (dy / this.height) * 4;
+        }
+        else {
+            scale = 1 / (1 - (dy / this.height) * 4);
+        }
+        const t = Transform3D.fromScale(scale);
+        this.rootation = Transform3D.fromMultiplication(this.rootation, t);
+    }
+    whellZoom(event) {
+        const dy = (-event.deltaY / 120) * (this.height / 16);
+        let scale;
+        if (dy > 0) {
+            scale = 1 + (dy / this.height) * 4;
+        }
+        else {
+            scale = 1 / (1 - (dy / this.height) * 4);
+        }
+        const t = Transform3D.fromScale(scale);
+        this.rootation = Transform3D.fromMultiplication(this.rootation, t);
+    }
+    detachLiseners() {
+        this.element.removeEventListener('mousedown', this.boundMouseDown);
+        this.element.removeEventListener('mouseup', this.boundMouseUp);
+        this.element.removeEventListener('mouseleave', this.boundMouseLeave);
+        this.element.removeEventListener('mousemove', this.boundMouseMove);
+        this.element.removeEventListener('wheel', this.boundWheel);
+    }
+    onRedraw() {
+        if (this.onRedrawCallBack) {
+            this.onRedrawCallBack();
+        }
+    }
+    /**
+     * Init projection Matrixes
+     */
+    initMatrixes() {
+        this.projectionMatrix = Transform3D.fromMultiplication(this.translation, this.rootation);
+        this.unprojectionMatrix = this.projectionMatrix.inverse();
+    }
+}
+//# sourceMappingURL=Camera.js.map

package/dist/camera/Camera.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../src/camera/Camera.ts"],"names":[],"mappings":"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"}

package/dist/camera/ICamera.d.ts

@@ -0,0 +1,9 @@
+import { Vec3 } from '@chemistry/math';
+export interface ICamera {
+    onInit(): void;
+    onDestroy(): void;
+    project(position: Vec3): Vec3;
+    unproject(position: Vec3): Vec3;
+    extractScale(): number;
+}
+//# sourceMappingURL=ICamera.d.ts.map

package/dist/camera/ICamera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ICamera.d.ts","sourceRoot":"","sources":["../../src/camera/ICamera.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,MAAM,WAAW,OAAO;IACtB,MAAM,IAAI,IAAI,CAAC;IACf,SAAS,IAAI,IAAI,CAAC;IAElB,OAAO,CAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAC;IAEhC,YAAY,IAAI,MAAM,CAAC;CASxB"}

package/dist/camera/ICamera.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ICamera.js.map

package/dist/camera/ICamera.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ICamera.js","sourceRoot":"","sources":["../../src/camera/ICamera.ts"],"names":[],"mappings":""}

package/dist/{src/crystal-view.d.ts → crystal-view.d.ts}

@@ -1,24 +1,25 @@
-export declare class Mol3DView {
-    private View;
-    private canvasElement;
-    private context;
-    private initDone;
-    private width;
-    private height;
-    private subscriptions;
-    private molecule;
-    private painer;
-    private camera;
-    private contextMenu;
-    private options;
-    constructor(options: {
-        bgcolor?: string;
-    });
-    append(element: HTMLElement): void;
-    load(jcif: object): void;
-    center(): void;
-    onInit(): void;
-    onDestroy(): void;
-    private redraw();
-    private resizeCanvas();
-}
+export declare class Mol3DView {
+    private viewElement;
+    private canvasElement;
+    private context;
+    private initDone;
+    private width;
+    private height;
+    private subscriptions;
+    private molecule;
+    private painer;
+    private camera;
+    private contextMenu;
+    private options;
+    constructor(options: {
+        bgcolor?: string;
+    });
+    append(element: HTMLElement): void;
+    load(jcif: object): void;
+    center(): void;
+    onInit(): void;
+    onDestroy(): void;
+    private redraw;
+    private resizeCanvas;
+}
+//# sourceMappingURL=crystal-view.d.ts.map

package/dist/crystal-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crystal-view.d.ts","sourceRoot":"","sources":["../src/crystal-view.ts"],"names":[],"mappings":"AAMA,qBAAa,SAAS;IACpB,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,aAAa,CAAqB;IAC1C,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,KAAK,CAAU;IACvB,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,aAAa,CAAiB;IACtC,OAAO,CAAC,QAAQ,CAAa;IAE7B,OAAO,CAAC,MAAM,CAAW;IACzB,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,WAAW,CAAe;IAElC,OAAO,CAAC,OAAO,CAKb;gBAEU,OAAO,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE;IAYlC,MAAM,CAAC,OAAO,EAAE,WAAW;IA+F3B,IAAI,CAAC,IAAI,EAAE,MAAM;IAMjB,MAAM;IAcN,MAAM;IA4BN,SAAS;IAOhB,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,YAAY;CAarB"}