fix: collect safelist of listCssClass

Author: ivictbor

adminforth/documentation/docs/tutorial/03-Customization/13-standardPagesTuning.md

@@ -145,6 +145,7 @@ export default {
 ### Custom list column class
 
 You can add a custom CSS class to any list column with `listCssClass`. AdminForth applies it to both the header cell and the data cells for that column.
+Static Tailwind utility classes used here are collected into the generated Tailwind safelist during bundling, so you can use normal utility strings in the resource config.
 
 ```typescript title="./resources/apartments.ts"
 export default {

adminforth/modules/codeInjector.ts

@@ -140,6 +140,25 @@ class CodeInjector implements ICodeInjector {
     this.allComponentNames[filePath] = componentName;
   }
 
+  collectTailwindSafelist(): string[] {
+    const classes = new Set<string>();
+
+    for (const resource of this.adminforth.config.resources) {
+      for (const column of resource.columns || []) {
+        if (!column.listCssClass) {
+          continue;
+        }
+
+        column.listCssClass
+          .split(/\s+/)
+          .filter(Boolean)
+          .forEach((className) => classes.add(className));
+      }
+    }
+
+    return Array.from(classes);
+  }
+
   cleanup() {
     console.log('Cleaning up...');
     this.allWatchers.forEach((watcher) => {
@@ -698,9 +717,11 @@ class CodeInjector implements ICodeInjector {
     // generate tailwind extend styles
     const stylesGenerator = new StylesGenerator(this.adminforth.config.customization?.styles); 
     const  stylesText = JSON.stringify(stylesGenerator.mergeStyles(), null, 2).slice(1, -1);
+    const safelistText = JSON.stringify(this.collectTailwindSafelist(), null, 2).slice(1, -1);
     let tailwindConfigPath = path.join(this.spaTmpPath(), 'tailwind.config.js');
     let tailwindConfigContent = await fs.promises.readFile(tailwindConfigPath, 'utf-8');
     tailwindConfigContent = tailwindConfigContent.replace('/* IMPORTANT:ADMINFORTH TAILWIND STYLES */', stylesText);
+    tailwindConfigContent = tailwindConfigContent.replace('/* IMPORTANT:ADMINFORTH TAILWIND SAFELIST */', safelistText);
     await fs.promises.writeFile(tailwindConfigPath, tailwindConfigContent);
 
 

adminforth/spa/tailwind.config.js

@@ -2,6 +2,9 @@
 
 export default {
   content:  ["./src/**/*.{vue, js, ts, tsx}","./src/*.{vue, js, ts, tsx}", "./index.html", "./node_modules/flowbite/**/*.js"],
+  safelist: [
+    /* IMPORTANT:ADMINFORTH TAILWIND SAFELIST */
+  ],
   theme: {
     extend: {
       /* IMPORTANT:ADMINFORTH TAILWIND STYLES */
@@ -13,4 +16,3 @@ export default {
     require('@tailwindcss/typography'),
   ],
 }
-