update development setup

Author: michaljaz

.gitpod

@@ -0,0 +1,2 @@
+tasks:
+- command: npm install

.gitpod.yml

@@ -5,27 +5,24 @@
 [![Try it on gitpod](https://img.shields.io/badge/try-on%20gitpod-brightgreen.svg)](https://gitpod.io/#https://github.com/michaljaz/web-minecraft)
 ## About
 
-**Web-minecraft is minecraft client written in Javascript.** From web browser this client connects to proxy that translates Websocket connection to TCP and then to real minecraft server (https://github.com/michaljaz/web-minecraft-proxy), so you can play minecraft in the browser. <br>
+**Web-minecraft is minecraft client written in Javascript.** From web browser this client connects to proxy(https://github.com/michaljaz/web-minecraft-proxy) that translates Websocket connection to TCP and then to real minecraft server, so you can play minecraft in the browser. Web-minecraft now only supports minecraft 1.16.5.
+
+## Demo
 Live demo with no installation: https://michaljaz.github.io/web-minecraft.
 
-## Setup
+## Development setup
 
 ```bash
-#Install node modules
-npm i
-
-#Building app bundle
-npm run build
 
-#Start node server and serve bundle files
+npm install
 npm start
-
 ```
+This will start express and webpack in development mode: whenever you save a file, the build will be redone (it takes 2s), and you can refresh the page to get the new result.
 
-</details>
+Connect to http://localhost:8080 in your browser. Also specify correct server(1.16.5) ip in url param.
 
-## Screenshots
 
-[<img src="https://i.ibb.co/bPh99MV/hypixel.png" alt="screen6" width="100%">](https://i.ibb.co/bPh99MV/hypixel.png)
-[<img src="https://i.ibb.co/jzZVrT2/Screenshot-from-2021-01-27-21-13-37.png" alt="screen6" width="100%">](https://i.ibb.co/jzZVrT2/Screenshot-from-2021-01-27-21-13-37.png)
-[<img src="https://i.ibb.co/tKmnJ8D/Screenshot-from-2021-01-27-21-16-12.png" alt="screen6" width="100%">](https://i.ibb.co/tKmnJ8D/Screenshot-from-2021-01-27-21-16-12.png)
+## Screenshots
+![hypixel](https://i.ibb.co/bPh99MV/hypixel.png "hypixel")
+![nether](https://i.ibb.co/jzZVrT2/Screenshot-from-2021-01-27-21-13-37.png "nether")
+![end](https://i.ibb.co/tKmnJ8D/Screenshot-from-2021-01-27-21-16-12.png "end")

README.md

@@ -5,27 +5,16 @@ const compression = require('compression')
 const port = process.env.PORT || 8080
 const netApi = require('@misioxd/net-browserify')
 const path = require('path')
+const webpack = require('webpack')
+const middleware = require('webpack-dev-middleware')
+const devconfig = require('./src/webpack.dev.js')
+const compiler = webpack(devconfig)
 
-app.use(
-  helmet({
-    contentSecurityPolicy: false
-  })
-)
-app.use(netApi({ allowOrigin: '*' }))
+app.use(helmet({ contentSecurityPolicy: false }))
 app.use(compression())
+app.use(netApi({ allowOrigin: '*' }))
+app.use(middleware(compiler))
 
-const mode = process.argv[2]
-if (mode === 'production') {
-  app.use(express.static(path.join(__dirname, 'src/dist')))
-} else if (mode === 'development') {
-  const webpack = require('webpack')
-  const middleware = require('webpack-dev-middleware')
-  const devconfig = require('./src/webpack.dev.js')
-  const compiler = webpack(devconfig)
-  app.use(middleware(compiler))
-} else {
-  console.log('Incorrect mode!')
-}
 app.listen(port, function () {
   return console.log(`Server is running on \x1b[34m*:${port}\x1b[0m`)
 })

index.js

@@ -1,7 +1,5 @@
 const path = require('path')
-
 const fs = require('fs')
-
 const Canvas = require('canvas')
 
 const AtlasCreator = class AtlasCreator {
@@ -148,19 +146,10 @@ const AtlasCreator = class AtlasCreator {
             `${this.buildPath}/${this.pref}-Atlas.png`,
             this.canvas.toBuffer('image/png')
     )
-    console.log(
-            `\x1b[33mFull atlas: ${this.buildPath}/${this.pref}-Atlas.png`
-    )
-    fs.writeFileSync(
-            `${this.buildPath}/${this.pref}-Mapping.json`,
-            JSON.stringify(this.textureMapping, null, 2)
-    )
-    console.log(
-            `\x1b[33mFull atlas mapping: ${this.buildPath}/${this.pref}-Mapping.json`
-    )
-    console.log(
-            `\x1b[32mSuccessfully generated ${this.canvas.width}x${this.canvas.height} Texture Atlas!\n\x1b[0m`
-    )
+    console.log(`\x1b[33mFull atlas: ${this.buildPath}/${this.pref}-Atlas.png`)
+    fs.writeFileSync(`${this.buildPath}/${this.pref}-Mapping.json`, JSON.stringify(this.textureMapping, null, 2))
+    console.log(`\x1b[33mFull atlas mapping: ${this.buildPath}/${this.pref}-Mapping.json`)
+    console.log(`\x1b[32mSuccessfully generated ${this.canvas.width}x${this.canvas.height} Texture Atlas!\n\x1b[0m`)
   }
 }
 

lib/atlasCreator.js

@@ -1,22 +1,16 @@
 const decompress = require('decompress')
+const decompressTarxz = require('decompress-tarxz')
 const path = require('path')
 
 decompress(
   path.join(__dirname, '../assets/pack.zip'),
   path.join(__dirname, '../assets/pack')
-).then(() => {
-  console.log('done!')
-})
-const decompressTarxz = require('decompress-tarxz');
+)
 
-(async () => {
-  await decompress(
-    path.join(__dirname, '../assets/mineflayer.tar.xz'),
-    path.join(__dirname, '../src/assets'),
-    {
-      plugins: [decompressTarxz()]
-    }
-  )
-
-  console.log('Files decompressed')
-})()
+decompress(
+  path.join(__dirname, '../assets/mineflayer.tar.xz'),
+  path.join(__dirname, '../src/assets'),
+  {
+    plugins: [decompressTarxz()]
+  }
+)

lib/postinstall.js

@@ -3,8 +3,7 @@
     "version": "1.0.0",
     "description": "Minecraft client written in Javascript",
     "scripts": {
-        "start": "node index.js production",
-        "dev": "npm run prebuild && node index.js development",
+        "start": "npm run prebuild && node index.js",
         "build": "npm run clean && cd src && webpack --config webpack.prod.js",
         "prebuild": "node lib/prebuild.js",
         "clean": "rimraf src/dist/*",