Refactoring code.

Only using hashes for output file names.
Using singleton pattern to store the callbacks for observeDOM, and only one MutationObserver.

3 files changed, 11 insertions, 2 deletions

diff --git a/config/webpack/utils/file-name-hash.js b/config/webpack/utils/file-name-hash.js
index e3988a9..889e9a4 100644
--- a/config/webpack/utils/file-name-hash.js
+++ b/config/webpack/utils/file-name-hash.js
@@ -1,3 +1,11 @@
 const crypto = require("crypto");
 
-module.exports.getFileNameHash = fileName => crypto.createHash("md5").update(fileName).digest("hex").substring(16);
+module.exports.getFileNameHash = (fileName, prefix) => {
+	const finalFileName = `${prefix}-${fileName}`;
+	const hash = crypto
+		.createHash("md5")
+		.update(finalFileName)
+		.digest("hex");
+
+	return production ? hash : `${fileName}-${hash.substring(16)}`;
+};
diff --git a/config/webpack/utils/scripts.js b/config/webpack/utils/scripts.js
index 2196737..427aaab 100644
--- a/config/webpack/utils/scripts.js
+++ b/config/webpack/utils/scripts.js
@@ -5,6 +5,7 @@ const formattedScripts = {};
 
 for (const scriptType in scripts) {
 	const currentScripts = scripts[scriptType];
+
 	for (const scriptName in currentScripts) {
 		const scriptPath = currentScripts[scriptName];
 		formattedScripts[scriptPath] = formattedScripts[scriptPath] || {};
diff --git a/config/webpack/utils/shared-modules.js b/config/webpack/utils/shared-modules.js
index f10d4a1..974145f 100644
--- a/config/webpack/utils/shared-modules.js
+++ b/config/webpack/utils/shared-modules.js
@@ -3,6 +3,6 @@ const fs = require("fs");
 
 const sharedModules = fs.readdirSync(path.resolve(SOURCE_DIR, "shared"))
 	.filter(sharedModule => !sharedModule.endsWith("import-shared.js"))
-	.map(sharedModule => sharedModule.substring(0, sharedModule.length - 3));4
+	.map(sharedModule => sharedModule.substring(0, sharedModule.length - 3));
 
 module.exports = sharedModules;