update a lot of dependencies

.gitlab-ci.yml

@@ -8,8 +8,8 @@ cache:
   - node_modules/
 
 before_script:
-  - yarn install --pure-lockfile --ignore-engines
+  - npm ci
 
 job:
   script:
-  - yarn run build 
+  - npm run build

data-loader.js

@@ -1,10 +1,10 @@
 const yaml = require('js-yaml');
 const hljs = require('highlight.js');
 const md = require('markdown-it')({
-    highlight: function(str, lang) {
+    highlight: function (str, lang) {
         if (lang && hljs.getLanguage(lang)) {
             try {
-                return hljs.highlight(lang, str).value;
+                return hljs.highlight(str, {language: lang}).value;
             } catch (__) {
             }
         }
@@ -24,9 +24,9 @@ function markdown2html(input) {
     return html;
 }
 
-module.exports = function(source) {
+module.exports = function (source) {
     try {
-        const tags = yaml.safeLoad(source);
+        const tags = yaml.load(source);
 
         this.cacheable && this.cacheable();
         this.addContextDependency(path.resolve(dataPath));
@@ -37,7 +37,7 @@ module.exports = function(source) {
                 return;
             }
             const content = fs.readFileSync(dataPath + file);
-            let item = yaml.safeLoad(content);
+            let item = yaml.load(content);
             if (item.id !== file.replace(".yaml", "")) {
                 this.emitError(new Error(file.replace(".yaml", "") + " != " + item.id));
             }

package.json

@@ -11,15 +11,14 @@
   },
   "dependencies": {
     "balloon-css": "^1.0.4",
-    "copy-webpack-plugin": "^7.0.0",
-    "highlight.js": "^10.1.1",
+    "copy-webpack-plugin": "^9.0.1",
+    "highlight.js": "^11.2.0",
     "markdown-it": "^12.0.4",
     "mathjax-node-page": "^3.0.1",
     "mathjax3": "^3.0.0-beta.2",
     "milligram": "git+https://github.com/Findus23/milligram.git#0fde381605c1159f39efb5c33c9600331fec4e2e",
     "normalize.css": "^8.0.0",
     "postcss": "^8.1.1",
-    "raven-js": "^3.27.0",
     "vue": "^2.5.13",
     "vue-head": "^2.0.12",
     "vue-router": "^3.0.1",
@@ -30,10 +29,10 @@
     "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "@babel/preset-env": "^7.0.0-beta.40",
     "@types/compression-webpack-plugin": "^6.0.1",
-    "@types/copy-webpack-plugin": "^6.3.0",
-    "@types/mini-css-extract-plugin": "^1.2.2",
-    "@types/node": "^14.14.14",
-    "@types/webpack": "^4.41.25",
+    "@types/copy-webpack-plugin": "^8.0.1",
+    "@types/mini-css-extract-plugin": "^2.2.0",
+    "@types/node": "^16.4.13",
+    "@types/webpack": "^5.28.0",
     "@types/webpack-dev-server": "^3.11.1",
     "@types/webpack-subresource-integrity": "^1.2.0",
     "@typescript-eslint/eslint-plugin": "^4.10.0",
@@ -42,34 +41,34 @@
     "babel-eslint": "^10.0.1",
     "babel-loader": "^8.0.0-beta.0",
     "blurhash": "^1.1.3",
-    "clean-webpack-plugin": "^3.0.0",
-    "compression-webpack-plugin": "^7.1.0",
+    "clean-webpack-plugin": "^4.0.0-alpha.0",
+    "compression-webpack-plugin": "^8.0.1",
     "cross-env": "^7.0.0",
-    "css-loader": "^5.0.1",
+    "css-loader": "^6.2.0",
     "eslint": "^7.16.0",
     "eslint-loader": "^4.0.2",
     "eslint-plugin-html": "^6.0.0",
     "eslint-plugin-vue": "^7.3.0",
     "file-loader": "^6.0.0",
-    "html-webpack-plugin": "^4.3.0",
+    "html-webpack-plugin": "^5.3.2",
     "image-webpack-loader": "^7.0.1",
-    "js-yaml": "^3.12.0",
+    "js-yaml": "^4.1.0",
     "license-webpack-plugin": "^2.0.0-alpha.7",
-    "mini-css-extract-plugin": "^1.0.0",
-    "node-sass": "^5.0.0",
-    "postcss-loader": "^4.0.4",
+    "mini-css-extract-plugin": "^2.2.0",
+    "node-sass": "^6.0.1",
+    "postcss-loader": "^6.1.1",
     "prerender-spa-plugin": "^3.0.0-beta.2",
-    "sass-loader": "^10.0.3",
-    "sharp": "^0.26.1",
-    "ts-loader": "^8.0.12",
-    "ts-node": "^9.1.1",
-    "typescript": "^4.1.3",
-    "vue-loader": "^15.2.4",
+    "sass-loader": "^12.1.0",
+    "sharp": "^0.28.3",
+    "ts-loader": "^9.2.5",
+    "ts-node": "^10.2.0",
+    "typescript": "^4.3.5",
+    "vue-loader": "^15.9.8",
     "vue-template-compiler": "^2.5.13",
-    "webpack": "^5.11.0",
+    "webpack": "^5.49.0",
     "webpack-cli": "^4.2.0",
     "webpack-dev-server": "^3.1.1",
-    "webpack-subresource-integrity": "^1.1.0-rc.4"
+    "webpack-subresource-integrity": "^5.0.0-rc.1"
   },
   "eslintConfig": {
     "parser": "babel-eslint",

spellcheck.js

@@ -14,7 +14,7 @@ files.forEach(file => {
 		return;
 	}
 	const content = fs.readFileSync(dataPath + file);
-	let item = yaml.safeLoad(content);
+	let item = yaml.load(content);
 	if (item.description.de) {
 		de_markdown += item.description.de + "\n\n";
 		en_markdown += item.description.en + "\n\n";

webpack.dev.ts

@@ -1,8 +1,9 @@
 import * as webpack from "webpack";
+import {Configuration} from "webpack";
 import merge from "webpack-merge";
 import common from './webpack.common';
 
-const config: webpack.Configuration = merge(common, {
+const config = merge(common, {
     mode: "development",
     devtool: "eval-cheap-source-map",
     devServer: {
@@ -14,6 +15,6 @@ const config: webpack.Configuration = merge(common, {
         new webpack.HotModuleReplacementPlugin()
     ]
 
-})
+} as Configuration);
 
-export default config
+export default config;