From 618ca78277949d6cb3a60f94c3a52cea8f5cd683 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Raimund=20Schl=C3=BC=C3=9Fler?=
 <raimund.schluessler@mailbox.org>
Date: Sat, 9 Apr 2022 13:56:15 +0200
Subject: [PATCH] Fix styleguide serve
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
---
 package-lock.json    | 16 ++++++++++++++++
 package.json         |  1 +
 styleguide.config.js | 10 ++++++++++
 3 files changed, 27 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index a79abddae2..26242c6883 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -67,6 +67,7 @@
 				"jest-serializer-vue": "^2.0.2",
 				"jest-transform-stub": "^2.0.0",
 				"node-sass": "^7.0.1",
+				"process": "^0.11.10",
 				"raw-loader": "^4.0.1",
 				"resolve-url-loader": "^5.0.0",
 				"sanitize-filename": "^1.6.3",
@@ -21506,6 +21507,15 @@
 				"node": ">= 0.6"
 			}
 		},
+		"node_modules/process": {
+			"version": "0.11.10",
+			"resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+			"integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=",
+			"dev": true,
+			"engines": {
+				"node": ">= 0.6.0"
+			}
+		},
 		"node_modules/process-nextick-args": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz",
@@ -45773,6 +45783,12 @@
 			"integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==",
 			"dev": true
 		},
+		"process": {
+			"version": "0.11.10",
+			"resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+			"integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=",
+			"dev": true
+		},
 		"process-nextick-args": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz",
diff --git a/package.json b/package.json
index e8e2a0be9e..ed9fdadf0c 100644
--- a/package.json
+++ b/package.json
@@ -98,6 +98,7 @@
 		"jest-serializer-vue": "^2.0.2",
 		"jest-transform-stub": "^2.0.0",
 		"node-sass": "^7.0.1",
+		"process": "^0.11.10",
 		"raw-loader": "^4.0.1",
 		"resolve-url-loader": "^5.0.0",
 		"sanitize-filename": "^1.6.3",
diff --git a/styleguide.config.js b/styleguide.config.js
index 1aa48c6b75..c887209cf0 100644
--- a/styleguide.config.js
+++ b/styleguide.config.js
@@ -1,5 +1,6 @@
 const path = require('path')
 const { merge } = require('webpack-merge')
+const webpack = require('webpack')
 const webpackConfig = require('./webpack.dev.js')
 
 const newConfig = Object.assign({}, webpackConfig, {
@@ -10,6 +11,15 @@ const newConfig = Object.assign({}, webpackConfig, {
 			rule => rule.use !== 'eslint-loader'
 		),
 	},
+	plugins: [
+		...webpackConfig.plugins,
+		new webpack.HotModuleReplacementPlugin(),
+		new webpack.ProvidePlugin({
+			// Webpack 5 does no longer include a polyfill for this Node.js variable.
+			// https://webpack.js.org/migrate/5/#run-a-single-build-and-follow-advice
+			process: 'process/browser'
+		})
+	],
 })
 
 module.exports = {