Fixes for webpack 5 and windows NPM (#5)

* Update enable3d, matter-js, phaser, poly-decomp, three, typescript and dev
dependencies to highest possible versions.

* fix for windows NPM

* TS->JS injection fix for Electron or other resource packagers

* Lock to ~

---------

Co-authored-by: yandeu <20306025+yandeu@users.noreply.github.com>

Author: bferguson3

package-lock.json

@@ -36,22 +36,24 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@enable3d/phaser-extension": "0.25.3",
-    "matter-js": "0.19.0",
-    "phaser": "3.55.2",
+    "@enable3d/phaser-extension": "~0.25.3",
+    "matter-js": "^0.19.0",
+    "phaser": "~3.55.2",
     "poly-decomp": "^0.3.0",
-    "three": "0.144.0"
+    "three": "~0.144.0"
   },
   "devDependencies": {
     "serve": "^14.2.0",
     "ts-loader": "^9.4.2",
     "typescript": "^4.9.5",
-    "webpack": "^5.75.0",
+    "webpack": "^5.0.0",
     "webpack-cli": "^5.0.1",
-    "webpack-merge": "^4.2.2",
+    "webpack-merge": "^5.8.0",
+    "webpack-obfuscator": "^3.5.1",
     "webpack-dev-server": "^4.11.1",
+    "workbox-webpack-plugin": "^6.5.4",
     "clean-webpack-plugin": "^4.0.0",
-    "copy-webpack-plugin": "^5.1.2",
+    "copy-webpack-plugin": "^11.0.0",
     "html-webpack-plugin": "^5.5.0",
     "@types/node": "^18.14.0"
   }

package.json

@@ -0,0 +1,11 @@
+/**
+ * You should only modify this, if you know what you are doing.
+ * This phaser template is using workbox (https://developers.google.com/web/tools/workbox/)
+ * to precache all assets.
+ * It uses the InjectManifest function from 'workbox-webpack-plugin' inside
+ * webpack/webpack.common.js
+ */
+import { precacheAndRoute } from 'workbox-precaching/precacheAndRoute'
+
+precacheAndRoute(self.__WB_MANIFEST);
+

pwa/service-worker.js

@@ -17,5 +17,5 @@ const config: Phaser.Types.Core.GameConfig = {
 }
 
 window.addEventListener('load', () => {
-  enable3d(() => new Phaser.Game(config)).withPhysics('/assets/ammo')
+  enable3d(() => new Phaser.Game(config)).withPhysics('assets/ammo')
 })

src/scripts/game.ts

@@ -18,7 +18,7 @@ module.exports = {
   optimization: {
     splitChunks: {
       cacheGroups: {
-        commons: {
+        defaultVendors: {
           test: /[\\/]node_modules[\\/]/,
           name: 'vendors',
           chunks: 'all',
@@ -29,9 +29,11 @@ module.exports = {
   },
   plugins: [
     new HtmlWebpackPlugin({ gameName: 'My Phaser Game', template: 'src/index.html' }),
-    new CopyWebpackPlugin([
+    new CopyWebpackPlugin({
+      patterns: [
       { from: 'src/assets', to: 'assets' },
       { from: 'src/favicon.ico', to: '' }
-    ])
+
+    ]})
   ]
 }

webpack/webpack.common.js

@@ -1,4 +1,4 @@
-const merge = require('webpack-merge')
+const {merge} = require('webpack-merge')
 const common = require('./webpack.common')
 
 const dev = {

webpack/webpack.dev.js

@@ -1,5 +1,5 @@
 const path = require('path')
-const merge = require('webpack-merge')
+const {merge} = require('webpack-merge')
 const common = require('./webpack.common')
 const { CleanWebpackPlugin } = require('clean-webpack-plugin')