Update to webpack5

package.json

@@ -3,7 +3,7 @@
   "main": "js/theme.js",
   "version": "0.5.1",
   "scripts": {
-    "dev": "webpack-dev-server --open --config webpack.dev.js",
+    "dev": "webpack serve --open --config webpack.dev.js",
     "build": "webpack --config webpack.prod.js",
     "preinstall": "bin/preinstall.js"
   },
@@ -21,26 +21,25 @@
   "devDependencies": {
     "bourbon": "~4.3",
     "bourbon-neat": "~1.9",
-    "copy-webpack-plugin": "^5.1.1",
-    "css-loader": "^3.1.0",
-    "file-loader": "^3.0.1",
+    "copy-webpack-plugin": "^8.0.0",
+    "css-loader": "^5.1.3",
+    "file-loader": "^6.2.0",
     "font-awesome": "^4.7.0",
     "html5shiv": "^3.7.3",
-    "imports-loader": "^0.8.0",
-    "jquery": "^3.4.1",
+    "jquery": "^3.6.0",
     "lato-font": "^3.0.0",
-    "mini-css-extract-plugin": "^0.6.0",
-    "node-sass": "^4.13.1",
-    "optimize-css-assets-webpack-plugin": "^5.0.3",
+    "mini-css-extract-plugin": "^1.3.9",
+    "node-sass": "^5.0.0",
+    "optimize-css-assets-webpack-plugin": "^5.0.4",
     "roboto-fontface": "^0.10.0",
-    "sass-loader": "^7.3.0",
-    "style-loader": "^0.23.1",
-    "webpack": "^4.30.0",
-    "webpack-cli": "^3.3.1",
-    "webpack-dev-server": "^3.3.1",
-    "webpack-merge": "^4.2.1",
-    "webpack-shell-plugin": "^0.5.0",
-    "webpack-watch-files-plugin": "^1.0.3",
+    "sass-loader": "^11.0.1",
+    "style-loader": "^2.0.0",
+    "webpack": "^5.27.0",
+    "webpack-cli": "^4.5.0",
+    "webpack-dev-server": "^3.11.2",
+    "webpack-merge": "^5.7.3",
+    "webpack-shell-plugin-next": "^2.2.2",
+    "webpack-watch-files-plugin": "^1.1.0",
     "wyrm": "^1.0.9"
   }
 }

setup.py

@@ -40,7 +40,7 @@ def finalize_options(self):
 
     def run(self):
         subprocess.run(
-            ["node_modules/.bin/webpack-dev-server", "--open", "--config", "webpack.dev.js"],
+            ["node_modules/.bin/webpack serve", "--open", "--config", "webpack.dev.js"],
             check=True
         )
 

sphinx_rtd_theme/static/js/badge_only.js

@@ -1 +0,0 @@
-!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=4)}({4:function(e,t,r){}});

sphinx_rtd_theme/static/js/html5shiv-printshiv.min.js.LICENSE.txt

@@ -0,0 +1,3 @@
+/**
+* @preserve HTML5 Shiv 3.7.3-pre | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/

sphinx_rtd_theme/static/js/html5shiv.min.js.LICENSE.txt

@@ -0,0 +1,3 @@
+/**
+* @preserve HTML5 Shiv 3.7.3 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/

webpack.common.js

@@ -16,32 +16,27 @@ module.exports = {
   },
   module: {
     rules: [
-      {
-        test: require.resolve("./src/theme.js"),
-        use: "imports-loader?this=>window"
-      },
       {
         test: /\.sass$/,
         use: [
           {
             loader: MiniCssExtractPlugin.loader,
-            options: {
-              hmr: false,
-              reloadAll: true
-            }
           },
           {
             loader: "css-loader"
           },
           {
-            loader: "sass-loader?indentedSyntax",
+            loader: "sass-loader",
             options: {
-              includePaths: [
-                "node_modules/bourbon/app/assets/stylesheets",
-                "node_modules/bourbon-neat/app/assets/stylesheets",
-                "node_modules/font-awesome/scss",
-                "node_modules/wyrm/sass"
-              ]
+              sassOptions: {
+                indentedSyntax: true,
+                includePaths: [
+                  "node_modules/bourbon/app/assets/stylesheets",
+                  "node_modules/bourbon-neat/app/assets/stylesheets",
+                  "node_modules/font-awesome/scss",
+                  "node_modules/wyrm/sass"
+                ],
+              },
             }
           }
         ]
@@ -66,11 +61,13 @@ module.exports = {
       filename: "css/[name].css?[hash]",
       chunkFilename: "css/[name].css?[hash]"
     }),
-    new CopyPlugin([
-      {
-        from: 'node_modules/html5shiv/dist/*.min.js',
-        flatten: true,
-        to: path.resolve(__dirname,'sphinx_rtd_theme/static/js') },
-    ]),
+    new CopyPlugin({
+      patterns: [
+        {
+          from: 'node_modules/html5shiv/dist/**/*.min.js',
+          to: path.resolve(__dirname,'sphinx_rtd_theme/static/js/[name][ext]')
+        },
+      ],
+    }),
   ]
 };