Refactored everything...

Author: junsikshim

package-lock.json

@@ -1,19 +1,19 @@
 {
-  "name": "mxgraph",
-  "description": "mxGraph is a fully client side JavaScript diagramming library that uses SVG and HTML for rendering.",
-  "version": "4.2.2",
-  "homepage": "https://github.com/jgraph/mxgraph",
+  "name": "maxgraph",
+  "description": "max-graph is a fully client side JavaScript diagramming library that uses SVG and HTML for rendering.",
+  "version": "1.0.0",
+  "homepage": "https://github.com/maxGraph/maxGraph",
   "author": {
-    "name": "JGraph Ltd",
-    "email": "[email protected]"
+    "name": "",
+    "email": ""
   },
-  "license": "Apache-2.0",
+  "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/jgraph/mxgraph.git"
+    "url": "git+https://github.com/maxGraph/maxGraph"
   },
   "bugs": {
-    "url": "https://github.com/jgraph/mxgraph/issues"
+    "url": "https://github.com/maxGraph/maxGraph/issues"
   },
   "main": "./javascript/dist/build.js",
   "scripts": {
@@ -23,21 +23,21 @@
   },
   "devDependencies": {
     "@babel/core": "^7.13.15",
+    "@babel/plugin-proposal-class-properties": "^7.13.0",
     "@babel/preset-env": "^7.13.15",
     "@babel/preset-react": "^7.13.13",
     "@babel/preset-typescript": "^7.13.0",
-    "@babel/plugin-proposal-class-properties": "^7.13.0",
+    "@lerna/filter-options": "4.0.0",
     "babel-loader": "^8.2.2",
     "css-loader": "^5.2.1",
+    "file-loader": "^6.2.0",
     "lerna": "^4.0.0",
-    "@lerna/filter-options": "4.0.0",
     "prettier": "^2.2.1",
     "style-loader": "^2.0.0",
+    "typescript": "^4.2.4",
     "url-loader": "^4.1.1",
-    "file-loader": "^6.2.0",
     "webpack": "^5.32.0",
     "webpack-cli": "^4.6.0",
-    "webpack-merge": "^5.7.3",
-    "typescript": "^4.2.4"
+    "webpack-merge": "^5.7.3"
   }
 }

package.json

@@ -1,10 +1,13 @@
 {
-  "name": "@mxgraph/core",
+  "name": "@maxgraph/core",
   "version": "1.0.0",
   "description": "",
-  "module": "src/index.ts",
-  "main": "dist/mxgraph.js",
-  "types": "dist/mxgraph.d.ts",
+  "module": "./src/index.ts",
+  "main": "./dist/maxgraph.js",
+  "types": "./dist/maxgraph.d.ts",
+  "files": [
+    "./dist"
+  ],
   "scripts": {
     "dev": "webpack --watch --mode=development",
     "build": "NODE_ENV=production webpack --mode=production",

packages/core/package.json

@@ -8,7 +8,7 @@
 import mxClient from '../mxClient';
 import mxToolbar from '../util/gui/mxToolbar';
 import Geometry from '../view/geometry/Geometry';
-import utils, { convertPoint } from '../util/Utils';
+import { convertPoint } from '../util/Utils';
 import InternalEvent from '../view/event/InternalEvent';
 import { getClientX, getClientY } from '../util/EventUtils';
 import { makeDraggable } from '../util/GestureUtils';
@@ -265,14 +265,7 @@ class mxDefaultToolbar {
       InternalEvent.consume(evt);
     };
 
-    const img = this.toolbar.addMode(
-      title,
-      icon,
-      clickHandler,
-      pressed,
-      null,
-      toggle
-    );
+    const img = this.toolbar.addMode(title, icon, clickHandler, pressed, null, toggle);
 
     // Creates a wrapper function that calls the click handler without
     // the graph argument
@@ -307,10 +300,7 @@ class mxDefaultToolbar {
       !this.connectOnDrop ||
       !target.isConnectable()
     ) {
-      while (
-        target != null &&
-        !graph.isValidDropTarget(target, [vertex], evt)
-      ) {
+      while (target != null && !graph.isValidDropTarget(target, [vertex], evt)) {
         target = target.getParent();
       }
       this.insert(vertex, evt, target);
@@ -337,10 +327,7 @@ class mxDefaultToolbar {
       const pt = convertPoint(graph.container, x, y);
 
       // Splits the target edge or inserts into target group
-      if (
-        graph.isSplitEnabled() &&
-        graph.isSplitTarget(target, [vertex], evt)
-      ) {
+      if (graph.isSplitEnabled() && graph.isSplitTarget(target, [vertex], evt)) {
         return graph.splitEdge(target, [vertex], null, pt.x, pt.y);
       }
       return this.editor.addVertex(target, vertex, pt.x, pt.y);
@@ -428,7 +415,7 @@ class mxDefaultToolbar {
     sprite.setAttribute('src', img.getAttribute('src'));
 
     // Handles delayed loading of the images
-    const loader = evt => {
+    const loader = (evt) => {
       // Preview uses the image node with double size. Later this can be
       // changed to use a separate preview and guides, but for this the
       // dropHandler must use the additional x- and y-arguments and the