From bbe4f338275d1e66262b6f2c390429746a350a30 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Sat, 11 Jun 2022 01:58:18 +0200
Subject: [PATCH] Configure css-loader to output user-readable classNames

---
 next.config.js | 59 +++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 58 insertions(+), 1 deletion(-)

diff --git a/next.config.js b/next.config.js
index 124d341..2884d57 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,10 +1,67 @@
-const {i18n} = require("./next-i18next.config")
+const { i18n } = require("./next-i18next.config")
+
+
+function fixCssLoaderLocalIdent(webpackConfig) {
+
+    function innerFix(used) {
+
+        if (used.loader?.match?.(/[/]css-loader/)) {
+
+            let modules = used.loader.options?.modules
+
+            if (modules) {
+                let { getLocalIdent, ...modules } = modules
+
+                modules.localIdentName = "[name]-[local]"
+
+                used.loader.options.modules = modules
+            }
+
+        }
+
+        return used
+    }
+
+    webpackConfig.module.rules = webpackConfig.module.rules.map(rule => {
+
+        if (rule.oneOf) {
+
+            rule.oneOf = rule.oneOf.map(one => {
+
+                if (one.use === undefined) {
+
+                }
+                else if (Array.isArray(one.use)) {
+                    one.use = one.use.map(innerFix)
+                }
+                else {
+                    one.use = innerFix(one.use)
+                }
+
+                return one
+            })
+        }
+
+        return rule
+
+    })
+
+    return webpackConfig
+}
+
+
+function webpack(config) {
+    config = fixCssLoaderLocalIdent(config)
+    return config
+}
+
 
 /** 
  * @type {import('next').NextConfig} 
  */
 const nextConfig = {
     reactStrictMode: true,
+    webpack,
     i18n,
 }