Refactored frontend to work with the latest mooncore changes

MoonlightServers.Frontend.Runtime/Styles/extract-classes.js

@@ -0,0 +1,30 @@
+// extract-classes.js
+const fs = require('fs');
+
+module.exports = (opts = {}) => {
+    const classSet = new Set();
+
+    return {
+        postcssPlugin: 'extract-tailwind-classes',
+        Rule(rule) {
+            const selectorParser = require('postcss-selector-parser');
+            selectorParser(selectors => {
+                selectors.walkClasses(node => {
+                    classSet.add(node.value);
+                });
+            }).processSync(rule.selector);
+        },
+        OnceExit() {
+            const classArray = Array.from(classSet).sort();
+
+            if (!fs.existsSync("../../MoonlightServers.Frontend/Styles/mappings")){
+                fs.mkdirSync("../../MoonlightServers.Frontend/Styles/mappings");
+            }
+            
+            fs.writeFileSync('../../MoonlightServers.Frontend/mappings/classes.map', classArray.join('\n'));
+            console.log(`✅ Extracted ${classArray.length} Tailwind classes to tailwind-classes.txt`);
+        }
+    };
+};
+
+module.exports.postcss = true;