Clean up code

Author: michaljaz

.eslintrc.js

@@ -1,22 +1,19 @@
 module.exports = {
-  "extends": [
-    "eslint:recommended",
-    "plugin:prettier/recommended"
-  ],
-  "env": {
-    "browser": true,
-    "es6": true,
-    "node": true,
-    "jquery":true
-  },
-  "parserOptions": {
-    "ecmaVersion": 8,
-    "sourceType": "module",
-  },
-  "rules":{
-    "no-empty": ["error", { "allowEmptyCatch": true }]
-  },
-  "globals": {
-    "PRODUCTION": true
-  }
-};
+    extends: ["eslint:recommended", "plugin:prettier/recommended"],
+    env: {
+        browser: true,
+        es6: true,
+        node: true,
+        jquery: true,
+    },
+    parserOptions: {
+        ecmaVersion: 8,
+        sourceType: "module",
+    },
+    rules: {
+        "no-empty": ["error", { allowEmptyCatch: true }],
+    },
+    globals: {
+        PRODUCTION: true,
+    },
+};

.prettierrc

@@ -1,3 +1,3 @@
 {
   "tabWidth": 4
-}
+}

README.md

@@ -6,7 +6,7 @@
 
 ## About
 
-**Web-minecraft is minecraft client written in CoffeeScript.** From web browser this client connects to node.js server and then to real minecraft server, so you can play minecraft in the browser.
+**Web-minecraft is minecraft client written in Javascript.** From web browser this client connects to node.js server and then to real minecraft server, so you can play minecraft in the browser.
 
 ## Instructions
 
@@ -73,15 +73,6 @@ npm start
 
 
 
-<details>
-<summary>Browser support</summary>
-
-It is preferred to run this game on [Google Chrome](https://www.google.pl/chrome/) (best performance), but it could work on other browsers.
-</details>
-
-
-
-
 
 ## Screenshots
 [<img src="https://i.ibb.co/bPh99MV/hypixel.png" alt="screen6" width="100%">](https://i.ibb.co/bPh99MV/hypixel.png)

package-lock.json

@@ -26,7 +26,7 @@
     "jssoup": "0.0.12",
     "lodash-webpack-plugin": "^0.11.6",
     "mineflayer": "^3.0.0",
-    "opn": "^6.0.0",
+    "open": "^7.4.2",
     "popper.js": "^1.16.1",
     "prismarine-block": "^1.7.3",
     "prismarine-chunk": "^1.22.0",
@@ -42,7 +42,6 @@
     "worker-loader": "^3.0.7"
   },
   "devDependencies": {
-    "@types/node": "^14.14.28",
     "autoprefixer": "^9.0.0",
     "copy-webpack-plugin": "^6.3.1",
     "css-loader": "^5.0.1",
@@ -56,7 +55,6 @@
     "prettier": "^2.2.1",
     "sass-loader": "^10.1.1",
     "style-loader": "^2.0.0",
-    "ts-loader": "^8.0.17",
     "typescript": "^4.1.5",
     "webpack": "^5.9.0",
     "webpack-cli": "^4.2.0",

package.json

@@ -1,12 +1,10 @@
-var AtlasCreator, Canvas, fs, path;
+var path = require("path");
 
-path = require("path");
+var fs = require("fs");
 
-fs = require("fs");
+var Canvas = require("canvas");
 
-Canvas = require("canvas");
-
-AtlasCreator = class AtlasCreator {
+var AtlasCreator = class AtlasCreator {
     constructor(options) {
         this.pref = options.pref;
         this.oneFrame = options.oneFrame;
@@ -36,11 +34,9 @@ AtlasCreator = class AtlasCreator {
     }
 
     firstLoad() {
-        var _this;
-        _this = this;
+        var _this = this;
         fs.readdir(this.loadPath, function (err, files) {
-            var totalImages;
-            totalImages = 0;
+            var totalImages = 0;
             files.forEach(function (file) {
                 if (path.extname(file) === ".png") {
                     totalImages += 1;
@@ -59,9 +55,8 @@ AtlasCreator = class AtlasCreator {
     }
 
     addImageToLoad(filePath, name) {
-        var _this, img;
-        _this = this;
-        img = new Canvas.Image();
+        var _this = this;
+        var img = new Canvas.Image();
         img.onload = function () {
             _this.images[name] = img;
             _this.loadedImages++;
@@ -73,8 +68,7 @@ AtlasCreator = class AtlasCreator {
     }
 
     forEachToxel() {
-        var _this;
-        _this = this;
+        var _this = this;
         Object.keys(this.images).forEach(function (name) {
             var img;
             img = _this.images[name];
@@ -84,9 +78,8 @@ AtlasCreator = class AtlasCreator {
     }
 
     addToxelToAtlas(img, name) {
-        var h, i, j, k, l, ref, ref1, w;
-        w = img.width / this.toxelSize;
-        h = img.height / this.toxelSize;
+        var w = img.width / this.toxelSize;
+        var h = img.height / this.toxelSize;
         if (this.oneFrame) {
             this.ctx.drawImage(
                 img,
@@ -106,20 +99,12 @@ AtlasCreator = class AtlasCreator {
             this.moveToxel();
         } else {
             if (w > 1 || h > 1) {
-                for (
-                    i = k = 0, ref = w - 1;
-                    0 <= ref ? k <= ref : k >= ref;
-                    i = 0 <= ref ? ++k : --k
-                ) {
-                    for (
-                        j = l = 0, ref1 = h - 1;
-                        0 <= ref1 ? l <= ref1 : l >= ref1;
-                        j = 0 <= ref1 ? ++l : --l
-                    ) {
+                for (let _i = 0; _i < w; _i++) {
+                    for (let _j = 0; _j < h; _j++) {
                         this.ctx.drawImage(
                             img,
-                            i * this.toxelSize,
-                            j * this.toxelSize,
+                            _i * this.toxelSize,
+                            _j * this.toxelSize,
                             this.toxelSize,
                             this.toxelSize,
                             (this.toxelX - 1) * this.toxelSize,
@@ -128,7 +113,7 @@ AtlasCreator = class AtlasCreator {
                             this.toxelSize
                         );
                         this.textureMapping[
-                            `${name.substr(0, name.length - 4)}@${i}@${j}`
+                            `${name.substr(0, name.length - 4)}@${_i}@${_j}`
                         ] = {
                             x: this.toxelX,
                             y: this.toxelY,