Update dependencies and new Gutenberg compile

Author: Alecaddd

package.json

@@ -1,21 +1,26 @@
 {
   "name": "awps",
-  "version": "3.0.4",
+  "version": "4.0.0",
   "description": "Alecaddd WordPress Starter Theme for savvy developers",
   "main": "index.js",
   "scripts": {
-    "dev": "npm run development",
-    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-    "watch": "npm run development -- --watch",
-    "prod": "npm run production",
-    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "dev": "mix",
+    "development": "mix",
+    "watch": "mix watch",
+    "watch-poll": "mix watch -- --watch-options-poll=1000",
+    "hot": "mix watch --hot",
+    "prod": "mix --production",
+    "production": "mix --production",
     "lint": "eslint \"./**/*.js\""
   },
   "devDependencies": {
+    "@babel/eslint-parser": "^7.13.8",
     "@babel/preset-react": "^7.0.0",
+    "@popperjs/core": "^2.8.6",
+    "@tinypixelco/laravel-mix-wp-blocks": "^1.1.0",
+    "autoprefixer": "^10.2.4",
     "axios": "^0.21",
     "babel-preset-react": "^6.24.1",
-    "bootstrap": "^4.3.1",
     "browser-sync": "^2.23.6",
     "browser-sync-webpack-plugin": "^2.0.1",
     "cross-env": "^7.0",
@@ -24,18 +29,20 @@
     "eslint-plugin-import": "^2.16.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.0.1",
-    "eslint-plugin-standard": "^5.0.0",
     "jquery": "^3.3.1",
-    "laravel-mix": "^5.0.7",
+    "laravel-mix": "^6.0.13",
     "laravel-mix-tailwind": "^0.1.0",
     "lodash": "^4.17.4",
-    "popper.js": "^1.14.7",
+    "postcss": "^8.2.6",
+    "prettier": "^2.2.1",
     "resolve-url-loader": "^3.0.0",
     "sass": "^1.17.0",
     "sass-loader": "11.*",
-    "tailwindcss": "^1.9.6",
+    "tailwindcss": "^2.0.3",
     "vue": "^2.6.6",
-    "vue-template-compiler": "^2.6.6"
+    "vue-template-compiler": "^2.6.6",
+    "webpack": "^5.24.2",
+    "webpack-cli": "^4.5.0"
   },
   "repository": {
     "type": "git",
@@ -46,14 +53,14 @@
     "theme",
     "starter"
   ],
-  "author": "Alessandro Castellani <[email protected]> (http://alecaddd.com)",
+  "author": "Alessandro Castellani <[email protected]> (https://alecaddd.com)",
   "license": "GPL-3.0",
   "bugs": {
     "url": "https://github.com/Alecaddd/awps/issues"
   },
   "homepage": "https://github.com/Alecaddd/awps#readme",
   "dependencies": {
-    "eslint-config-wordpress": "^2.0.0",
+    "@wordpress/scripts": "^13.0.3",
     "normalize-scss": "^7.0.1",
     "slick-carousel": "^1.8.1"
   }

webpack.mix.js

@@ -6,6 +6,7 @@
  */
 
 let mix = require( 'laravel-mix' );
+require( '@tinypixelco/laravel-mix-wp-blocks' );
 
 // BrowserSync and LiveReload on `npm run watch` command
 // Update the `proxy` and the location of your SSL Certificates if you're developing over HTTPS
@@ -35,7 +36,7 @@ mix.setPublicPath( './assets/dist' );
 // Compile assets
 mix.js( 'assets/src/scripts/app.js', 'assets/dist/js' )
 	.js( 'assets/src/scripts/admin.js', 'assets/dist/js' )
-	.react( 'assets/src/scripts/gutenberg.js', 'assets/dist/js' )
+	.block( 'assets/src/scripts/gutenberg.js', 'assets/dist/js' )
 	.sass( 'assets/src/sass/style.scss', 'assets/dist/css' )
 	.sass( 'assets/src/sass/admin.scss', 'assets/dist/css' )
 	.sass( 'assets/src/sass/gutenberg.scss', 'assets/dist/css' );