Update dependency eslint-plugin-compat to v4.1.0 (#781)

.circleci/config.yml

@@ -20,9 +20,6 @@ jobs:
             - run:
                   name: pwa
                   command: yarn pwa
-            - run:
-                  name: optisize
-                  command: yarn optisize
             - run:
                   name: prod
                   command: yarn prod

.github/workflows/build.yml

@@ -8,7 +8,7 @@ jobs:
 
         strategy:
             matrix:
-                node-version: [14.x, 16.x]
+                node-version: [18.x]
 
         steps:
             - uses: actions/checkout@v3
@@ -19,5 +19,4 @@ jobs:
             - run: yarn
             - run: yarn lint
             - run: yarn pwa
-            - run: yarn optisize
             - run: yarn prod

.travis.yml

@@ -7,5 +7,4 @@ install:
 script:
     - yarn lint
     - yarn pwa
-    - yarn optisize
     - yarn prod

README.md

@@ -208,9 +208,7 @@ npm run build
     npm start --env server
     ```
 
-5.  Images optimization using [Optisize](https://github.com/three11/optisize)
-
-6.  SVG Sprite generating using [spritesh](https://www.npmjs.com/package/spritesh)
+5.  SVG Sprite generating using [spritesh](https://www.npmjs.com/package/spritesh)
 
     All svg files located in `assets/images/svg` are merged into a single `sprite.svg` file in `dist` directory.
 
@@ -234,7 +232,7 @@ npm run build
     </svg>
     ```
 
-7.  All front-end assets are stored in an auto-generated `dist` folder.
+6.  All front-end assets are stored in an auto-generated `dist` folder.
 
 ## Assets
 
@@ -274,7 +272,6 @@ There are several scripts defined in the `package.json` file:
 {
 	"build": "webpack --mode=production",
 	"start": "webpack --watch --mode=development",
-	"optisize": "optisize --src=\"./assets/images\"",
 	"html": "php index.php > index.html",
 	"critical": "critical index.html > assets/dist/critical.css",
 	"rm-html": "rm index.html",
@@ -287,12 +284,11 @@ Here is a bit more about what each script does:
 
 1.  `build`: Builds the production version of the javascript and css bundles, regenerates PNG and SVG sprites.
 2.  `start`: Starts the development sequence, regenerates PNG and SVG sprites, opens your default browser and watches for changes.
-3.  `optisize`: Optimizes your PNG, JPG and GIF images.
-4.  `html`: Converts your `index.php` file to `index.html`.
-5.  `critical`: Using the `index.html` extracts the critical css and generates a `critical.css` file in the `assets/dist` folder which is then inlined in the `index.php` file.
-6.  `rm-html`: Deletes the `index.html` file.
-7.  `pwa`: Generates boilerplate files for a PWA. More info [here](https://github.com/scriptex/create-pwa).
-8.  `prod`: Runs 1, 4, 5, 6. (In this exact order).
+3.  `html`: Converts your `index.php` file to `index.html`.
+4.  `critical`: Using the `index.html` extracts the critical css and generates a `critical.css` file in the `assets/dist` folder which is then inlined in the `index.php` file.
+5.  `rm-html`: Deletes the `index.html` file.
+6.  `pwa`: Generates boilerplate files for a PWA. More info [here](https://github.com/scriptex/create-pwa).
+7.  `prod`: Runs 1, 4, 5, 6. (In this exact order).
 
 In order to use the ability to generate critical CSS you must have the `php` binary exposed in your bash terminal.
 More about PHP's commandline usage can be found [here](http://php.net/manual/en/features.commandline.php).

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "webpack-mpa-next",
-	"version": "3.12.0",
+	"version": "4.0.0",
 	"description": "Multi page app setup with webpack",
 	"keywords": [
 		"MPA",
@@ -29,7 +29,6 @@
 	"scripts": {
 		"build": "webpack --mode=production",
 		"start": "webpack --watch --mode=development",
-		"optisize": "optisize --src=\"./assets/images\"",
 		"html": "php index.php > index.html",
 		"critical": "node critical.mjs",
 		"rm-html": "rm index.html",
@@ -45,7 +44,6 @@
 	"devDependencies": {
 		"@babel/core": "7.20.12",
 		"@babel/preset-env": "7.20.2",
-		"@three11/optisize": "3.0.1",
 		"autoprefixer": "10.4.13",
 		"babel-loader": "9.1.2",
 		"browser-sync": "2.27.11",
@@ -88,6 +86,12 @@
 		"webpack-shell-plugin-next": "2.3.1",
 		"webpack-spritesmith": "1.1.0"
 	},
+	"resolutions": {
+		"got": "^11.8.5",
+		"http-cache-semantics": "^4.1.1",
+		"semver-regex": "^3.1.4",
+		"ua-parser-js": "^1.0.33"
+	},
 	"bin": {
 		"wmpan": "./bin/cli.js"
 	},