[chore] update dependencies and modernize postcss config

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-push

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+yarn build && git add . && git commit --amend --no-edit

.postcssrc.js

@@ -2,7 +2,6 @@ const url = require("postcss-url");
 const imports = require("postcss-import");
 const nested = require("postcss-nested");
 const postCSSPresetEnv = require("postcss-preset-env");
-const browsers = require("browserslist");
 const cssnano = require("cssnano");
 const color = require("postcss-color-mod-function");
 const mixins = require("postcss-mixins");

package.json

@@ -26,38 +26,33 @@
     "browserslist": "^4.0.1",
     "clean-webpack-plugin": "^3.0.0",
     "clipboard": "^2.0.4",
-    "css-loader": "^4.2.2",
+    "css-loader": "^5.1.3",
     "cssnano": "^4.1.8",
     "eslint-config-airbnb": "^18.2.0",
-    "eslint-config-prettier": "^6.11.0",
+    "eslint-config-prettier": "^8.1.0",
     "eslint-plugin-jsx-a11y": "^6.2.1",
     "file-loader": "^6.1.0",
-    "html-webpack-plugin": "^4.4.1",
-    "husky": "^4.2.5",
-    "mini-css-extract-plugin": "^0.11.0",
-    "postcss": "^7.0.0",
+    "html-webpack-plugin": "^5.3.1",
+    "husky": "^5.1.3",
+    "mini-css-extract-plugin": "^1.3.9",
+    "postcss": "^8.2.8",
     "postcss-browser-reporter": "^0.6.0",
-    "postcss-cli": "^7.1.2",
+    "postcss-cli": "^8.3.1",
     "postcss-color-function": "^4.0.1",
     "postcss-color-mod-function": "^3.0.3",
-    "postcss-import": "^12.0.1",
-    "postcss-loader": "^3.0.0",
-    "postcss-mixins": "^6.2.1",
-    "postcss-nested": "^4.2.3",
+    "postcss-import": "^14.0.0",
+    "postcss-loader": "^5.2.0",
+    "postcss-mixins": "^7.0.3",
+    "postcss-nested": "^5.0.5",
     "postcss-preset-env": "^6.7.0",
-    "postcss-reporter": "^6.0.1",
-    "postcss-url": "^8.0.0",
+    "postcss-reporter": "^7.0.2",
+    "postcss-url": "^10.1.3",
     "prettier-eslint-cli": "^5.0.0",
     "ramda": "^0.27.1",
-    "style-loader": "^1.2.1",
+    "style-loader": "^2.0.0",
     "uglifyjs-webpack-plugin": "^2.2.0",
     "url-loader": "^4.1.0",
-    "webpack": "^4.29.3",
-    "webpack-cli": "^3.2.3"
-  },
-  "husky": {
-    "hooks": {
-      "pre-push": "yarn build && git add . && git commit --amend --no-edit"
-    }
+    "webpack": "^5.27.1",
+    "webpack-cli": "^4.5.0"
   }
 }

static/assets/languageSelector.js

@@ -1 +1 @@
-!function(n){var r={};function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=n,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=1)}([,function(e,t){function n(){return window.matchMedia(r).matches}var r=getComputedStyle(document.body).getPropertyValue("--phoneWidth"),o=document.querySelector(".language-selector-current"),u=document.querySelector(".language-selector__more");document.body.addEventListener("click",function(){n()||!u||u.classList.contains("hidden")||u.classList.add("hidden")}),o&&o.addEventListener("click",function(e){n()||(e.stopPropagation(),u.classList.toggle("hidden"))})}]);
+!function(){function t(){return window.matchMedia(e).matches}var e=getComputedStyle(document.body).getPropertyValue("--phoneWidth"),n=document.querySelector(".language-selector-current"),o=document.querySelector(".language-selector__more");document.body.addEventListener("click",function(){t()||!o||o.classList.contains("hidden")||o.classList.add("hidden")}),n&&n.addEventListener("click",function(e){t()||(e.stopPropagation(),o.classList.toggle("hidden"))})}();

static/assets/main.js

@@ -1 +1 @@
-!function(n){var r={};function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=n,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=0)}([function(e,t){function n(){return window.matchMedia(s).matches}function r(){u&&u.classList.toggle("hidden",!n()),i&&i.classList.toggle("hidden",n()),d&&d.classList.toggle("hidden",!n())}var o=document.querySelector(".container"),i=document.querySelector(".menu"),u=document.querySelector(".menu-trigger"),c=(document.querySelector(".menu__inner--desktop"),document.querySelector(".menu__sub-inner-more-trigger")),d=document.querySelector(".menu__sub-inner-more"),s=getComputedStyle(document.body).getPropertyValue("--phoneWidth");i&&i.addEventListener("click",function(e){return e.stopPropagation()}),d&&d.addEventListener("click",function(e){return e.stopPropagation()}),r(),document.body.addEventListener("click",function(){n()||!d||d.classList.contains("hidden")?n()&&!i.classList.contains("hidden")&&i.classList.add("hidden"):d.classList.add("hidden")}),window.addEventListener("resize",r),u&&u.addEventListener("click",function(e){e.stopPropagation(),i&&i.classList.toggle("hidden")}),c&&c.addEventListener("click",function(e){e.stopPropagation(),d&&d.classList.toggle("hidden"),d.getBoundingClientRect().right>o.getBoundingClientRect().right&&(d.style.left="auto",d.style.right=0)})}]);
+!function(){function e(){return window.matchMedia(s).matches}function t(){o&&o.classList.toggle("hidden",!e()),i&&i.classList.toggle("hidden",e()),c&&c.classList.toggle("hidden",!e())}var n=document.querySelector(".container"),i=document.querySelector(".menu"),o=document.querySelector(".menu-trigger"),d=(document.querySelector(".menu__inner--desktop"),document.querySelector(".menu__sub-inner-more-trigger")),c=document.querySelector(".menu__sub-inner-more"),s=getComputedStyle(document.body).getPropertyValue("--phoneWidth");i&&i.addEventListener("click",function(e){return e.stopPropagation()}),c&&c.addEventListener("click",function(e){return e.stopPropagation()}),t(),document.body.addEventListener("click",function(){e()||!c||c.classList.contains("hidden")?e()&&!i.classList.contains("hidden")&&i.classList.add("hidden"):c.classList.add("hidden")}),window.addEventListener("resize",t),o&&o.addEventListener("click",function(e){e.stopPropagation(),i&&i.classList.toggle("hidden")}),d&&d.addEventListener("click",function(e){e.stopPropagation(),c&&c.classList.toggle("hidden"),c.getBoundingClientRect().right>n.getBoundingClientRect().right&&(c.style.left="auto",c.style.right=0)})}();

webpack.config.js

@@ -68,14 +68,7 @@ module.exports = (env, { mode }) => ({
               importLoaders: 1,
             },
           },
-          {
-            loader: "postcss-loader",
-            options: {
-              config: {
-                path: "postcss.config.js",
-              },
-            },
-          },
+          "postcss-loader",
         ],
       },
     ],