@chemistry/crystalview 1.0.9 → 3.1.1

package/dist/ui/ContextMenu.js

@@ -0,0 +1,147 @@
+export class ContextMenu {
+    static initDone;
+    static instances;
+    static subscription;
+    static getInstances() {
+        return ContextMenu.instances;
+    }
+    static init() {
+        if (ContextMenu.initDone) {
+            return;
+        }
+        ContextMenu.initDone = true;
+        ContextMenu.instances = [];
+        // hide all menu on Mouse Click or Esc
+        const hideAll = () => {
+            ContextMenu.hideAll();
+        };
+        document.body.addEventListener('click', hideAll);
+        document.body.addEventListener('contextmenu', hideAll);
+        const escHandler = (e) => {
+            if (e.key === 'Escape') {
+                ContextMenu.hideAll();
+            }
+        };
+        document.body.addEventListener('keyup', escHandler);
+        ContextMenu.subscription = () => {
+            document.body.removeEventListener('click', hideAll);
+            document.body.removeEventListener('contextmenu', hideAll);
+            document.body.removeEventListener('keyup', escHandler);
+        };
+    }
+    static off() {
+        if (ContextMenu.instances?.length) {
+            return;
+        }
+        ContextMenu.initDone = false;
+        if (ContextMenu.subscription) {
+            ContextMenu.subscription();
+            ContextMenu.subscription = null;
+        }
+    }
+    // hide all opened context menus
+    static hideAll() {
+        for (const menu of ContextMenu.getInstances()) {
+            menu.hide();
+        }
+    }
+    static addInstance(menu) {
+        ContextMenu.instances.push(menu);
+    }
+    static removeInstance(menu) {
+        const instances = ContextMenu.instances;
+        const idx = instances.indexOf(menu);
+        if (idx > -1) {
+            instances.splice(idx, 1);
+        }
+    }
+    widget;
+    view;
+    intervalID;
+    menuItems;
+    constructor(menuItems) {
+        this.widget = null;
+        this.view = null;
+        this.intervalID = null;
+        this.menuItems = menuItems;
+    }
+    onInit(element) {
+        ContextMenu.init();
+        ContextMenu.addInstance(this);
+        this.attach(element);
+        this.view = this.getView();
+    }
+    onDestroy() {
+        ContextMenu.removeInstance(this);
+        if (!ContextMenu.getInstances().length) {
+            ContextMenu.off();
+        }
+        this.menuItems?.forEach((item) => {
+            item.onDestroy();
+        });
+        this.menuItems = null;
+        if (this.view?.parentNode) {
+            this.view.parentNode.removeChild(this.view);
+        }
+        this.widget = null;
+    }
+    hide() {
+        if (this.intervalID) {
+            clearTimeout(this.intervalID);
+        }
+        if (this.view) {
+            this.view.style.display = 'none';
+        }
+    }
+    show(posX, posY) {
+        const view = this.view;
+        if (!view || !this.widget) {
+            return;
+        }
+        this.widget.appendChild(view);
+        view.style.display = 'block';
+        view.style.position = 'absolute';
+        view.style.left = posX - 8 + 'px';
+        view.style.top = posY - 8 + 'px';
+        view.addEventListener('mouseenter', () => {
+            if (this.intervalID) {
+                clearTimeout(this.intervalID);
+            }
+        });
+        view.addEventListener('mouseleave', () => {
+            if (this.intervalID) {
+                clearTimeout(this.intervalID);
+            }
+            this.intervalID = setTimeout(() => {
+                this.hide();
+            }, 300);
+        });
+    }
+    attach(widget) {
+        this.widget = widget;
+        widget.style.position = 'relative';
+        widget.addEventListener('contextmenu', (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            const rect = widget.getBoundingClientRect();
+            const x = Math.max(event.clientX - rect.left, 0);
+            const y = Math.max(event.clientY - rect.top, 0);
+            this.show(x, y);
+        });
+    }
+    getView() {
+        if (this.view) {
+            return this.view;
+        }
+        const view = document.createElement('div');
+        view.className = 'jcmolview-dropdown-menu';
+        if (this.menuItems) {
+            this.menuItems.forEach((menuItem) => {
+                const itemView = menuItem.getView();
+                view.appendChild(itemView);
+            });
+        }
+        return view;
+    }
+}
+//# sourceMappingURL=ContextMenu.js.map

package/dist/ui/ContextMenu.js.map

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

package/dist/{src/ui → ui}/ContextMenuItem.d.ts

@@ -1,17 +1,18 @@
-export declare class ContextMenuItem {
-    private type;
-    private title;
-    private isChecked;
-    private command;
-    private view;
-    private checkbox;
-    constructor(options: {
-        type: string;
-        title: string;
-        isChecked?: () => void;
-        command?: (event: any) => void;
-    });
-    onDestroy(): void;
-    getView(): any;
-    private updateCheckBox();
-}
+export declare class ContextMenuItem {
+    private type;
+    private title;
+    private isChecked;
+    private command;
+    private view;
+    private checkbox;
+    constructor(options: {
+        type: string;
+        title: string;
+        isChecked?: () => boolean;
+        command?: (event: Event) => void;
+    });
+    onDestroy(): void;
+    getView(): HTMLElement;
+    private updateCheckBox;
+}
+//# sourceMappingURL=ContextMenuItem.d.ts.map

package/dist/ui/ContextMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItem.d.ts","sourceRoot":"","sources":["../../src/ui/ContextMenuItem.ts"],"names":[],"mappings":"AAAA,qBAAa,eAAe;IAC1B,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,SAAS,CAA8B;IAC/C,OAAO,CAAC,OAAO,CAAuC;IAEtD,OAAO,CAAC,IAAI,CAAqB;IACjC,OAAO,CAAC,QAAQ,CAA0B;gBAE9B,OAAO,EAAE;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC;QAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;KAClC;IASM,SAAS;IAMT,OAAO,IAAI,WAAW;IAoD7B,OAAO,CAAC,cAAc;CAMvB"}

package/dist/ui/ContextMenuItem.js

@@ -0,0 +1,72 @@
+export class ContextMenuItem {
+    type;
+    title;
+    isChecked;
+    command;
+    view;
+    checkbox;
+    constructor(options) {
+        this.type = options.type;
+        this.title = options.title;
+        this.isChecked = options.isChecked;
+        this.command = options.command;
+        this.view = null;
+        this.checkbox = null;
+    }
+    onDestroy() {
+        if (this.view?.parentNode) {
+            this.view.parentNode.removeChild(this.view);
+        }
+    }
+    getView() {
+        if (this.view) {
+            return this.view;
+        }
+        if (this.type === 'delimer' || this.title === '----') {
+            const view = document.createElement('div');
+            view.className = 'jcmolview-dropdown-divider';
+            this.view = view;
+            return view;
+        }
+        if (this.type === 'item') {
+            const view = document.createElement('a');
+            view.className = 'jcmolview-dropdown-item';
+            view.textContent = this.title || '';
+            this.view = view;
+            this.view.addEventListener('click', (event) => {
+                if (this.command) {
+                    this.command(event);
+                }
+            });
+            return view;
+        }
+        if (this.type === 'checkbox') {
+            const view = document.createElement('div');
+            view.className = 'jcmolview-dropdown-item';
+            this.checkbox = document.createElement('input');
+            this.checkbox.type = 'checkbox';
+            this.checkbox.checked = true;
+            this.updateCheckBox();
+            view.appendChild(this.checkbox);
+            view.appendChild(document.createTextNode(this.title || ''));
+            view.addEventListener('click', (event) => {
+                if (this.command) {
+                    this.command(event);
+                }
+                this.updateCheckBox();
+            });
+            this.view = view;
+            return view;
+        }
+        const fallback = document.createElement('div');
+        this.view = fallback;
+        return fallback;
+    }
+    updateCheckBox() {
+        if (this.isChecked && this.checkbox) {
+            const checked = this.isChecked();
+            this.checkbox.checked = checked;
+        }
+    }
+}
+//# sourceMappingURL=ContextMenuItem.js.map

package/dist/ui/ContextMenuItem.js.map

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

package/package.json

@@ -1,89 +1,70 @@
 {
-    "name": "@chemistry/crystalview",
-    "version": "v1.0.9",
-    "description": "Simple Crystal Viewer v1",
-    "main": "dist/crystal-view.min.js",
-    "typings": "dist/src/crystal-view.d.ts",
-    "author": {
-        "name": "Volodymyr Vreshch",
-        "url": "http://vreshch.com/"
+  "name": "@chemistry/crystalview",
+  "version": "3.1.1",
+  "description": "Crystal Structure Visualization Library",
+  "type": "module",
+  "author": {
+    "name": "Volodymyr Vreshch",
+    "url": "https://vreshch.com/"
+  },
+  "license": "MIT",
+  "keywords": [
+    "cheminformatics",
+    "crystallography",
+    "cod",
+    "crystal structure",
+    "3d visualization"
+  ],
+  "engines": {
+    "node": ">=22.0.0",
+    "npm": ">=10.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/chemistry/crystalview"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "private": false,
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     },
-    "license": "MIT",
-    "keywords": [
-        "cheminformatics",
-        "crystallography",
-        "cod"
-    ],
-    "engines": {
-        "node": ">=10.0.0"
-    },
-    "devEngines": {
-        "node": ">=10.0.0"
-    },
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/chemistry/crystalview"
-    },
-    "publishConfig": {
-        "registry": "https://registry.npmjs.org/"
-    },
-    "files": [
-        "package-lock.json",
-        "package.json",
-        "dist",
-        "README.md"
-    ],
-    "scripts": {
-        "build": "npm run clean && npm run build:prod",
-        "build:dev": "webpack --output-filename crystal-view.js --config etc/webpack.config.dev.js",
-        "build:prod": "webpack --output-filename crystal-view.min.js --config etc/webpack.config.prd.js",
-        "serve": "webpack-dev-server --config ./etc/webpack.config.example.js",
-        "clean": "rimraf dist/* coverage/*",
-        "test": "rimraf coverage/* && npm run test:node && npm run test:browser && npm run test:node-coverage",
-        "test:node": "ts-node node_modules/jasmine/bin/jasmine.js JASMINE_CONFIG_PATH=etc/jasmine.json",
-        "test:node-coverage": "ts-node node_modules/istanbul/lib/cli.js cover -e .ts  -x \"*.d.ts\" -x \"*.spec.ts\" node_modules/jasmine/bin/jasmine.js -- JASMINE_CONFIG_PATH=etc/jasmine.json",
-        "test:browser": "karma start --single-run --no-auto-watch etc/karma.conf.js",
-        "lint": "tslint 'src/**/*.ts'",
-        "lintfix": "tslint --fix 'src/**/*.ts'",
-        "do-publish": "npm run build && npm publish"
-    },
-    "dependencies": {
-        "@chemistry/math": "2.1.5",
-        "@chemistry/elements": "1.1.0",
-        "@crystallography/space-groups": "1.0.3",
-        "jquery": "3.5.1"
-    },
-    "devDependencies": {
-        "@types/jasmine": "2.5.53",
-        "@types/jquery": "3.2.11",
-        "awesome-typescript-loader": "3.2.3",
-        "babel-cli": "6.26.0",
-        "babel-core": "6.26.0",
-        "babel-loader": "7.1.2",
-        "babel-plugin-add-module-exports": "0.2.1",
-        "babel-preset-es2015": "6.24.1",
-        "cross-env": "5.0.5",
-        "css-loader": "0.28.5",
-        "html-webpack-plugin": "2.30.1",
-        "istanbul": "1.1.0-alpha.1",
-        "jasmine": "2.7.0",
-        "jasmine-core": "2.7.0",
-        "karma": "1.7.0",
-        "karma-jasmine": "1.1.0",
-        "karma-mocha-reporter": "2.2.3",
-        "karma-phantomjs-launcher": "1.0.4",
-        "karma-webpack": "2.0.4",
-        "less": "2.7.2",
-        "less-loader": "4.0.5",
-        "loader-utils": "1.1.0",
-        "postcss-loader": "2.0.6",
-        "rimraf": "2.6.1",
-        "source-map-loader": "0.2.1",
-        "style-loader": "0.18.2",
-        "ts-node": "3.3.0",
-        "tslint": "5.6.0",
-        "typescript": "2.4.2",
-        "webpack": "3.5.5",
-        "webpack-dev-server": "2.7.1"
-    }
-}
+    "./crystalview.css": "./dist/crystalview.css"
+  },
+  "scripts": {
+    "build": "tsc && npm run copy:css",
+    "copy:css": "cp src/crystal-view.css dist/crystalview.css",
+    "test": "vitest run",
+    "lint": "eslint src/",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "type-check": "tsc --noEmit",
+    "verify": "npm run type-check && npm run lint && npm run format:check && npm run test && npm run build"
+  },
+  "dependencies": {
+    "@chemistry/elements": "^3.1.3",
+    "@chemistry/math": "^3.1.3",
+    "@chemistry/space-groups": "^3.1.3"
+  },
+  "devDependencies": {
+    "@eslint/js": "^10.0.0",
+    "@vitest/coverage-v8": "^4.0.0",
+    "eslint": "^10.0.0",
+    "jsdom": "^30.0.1",
+    "prettier": "^3.4.0",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.66.0",
+    "vitest": "^4.0.0"
+  }
+}