fix(classes): added sanitization for classes before and after processing

Author: surajair

package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "2.0.0-beta.46",
+  "version": "2.0.0-beta.47",
   "type": "module",
   "repository": {
     "type": "git",

src/core/functions/orderClassesByBreakpoint.ts

@@ -1,6 +1,8 @@
 import { constructClassObject } from "./Class";
 
 export function orderClassesByBreakpoint(classes: string): string {
+  //sanitize the classes
+  classes = classes.replace(/\s+/g, " ");
   const classesArray = classes.split(" ").map(constructClassObject);
   const breakpointOrder = ["xs", "sm", "md", "lg", "xl", "2xl"];
   return classesArray
@@ -20,5 +22,6 @@ if (import.meta.vitest) {
     expect(orderClassesByBreakpoint("xl:sticky block sm:absolute")).toBe("block sm:absolute xl:sticky");
     expect(orderClassesByBreakpoint("sm:bg-red-500 bg-red-400")).toBe("bg-red-400 sm:bg-red-500");
     expect(orderClassesByBreakpoint("sm:w-[30%] w-[30%]")).toBe("w-[30%] sm:w-[30%]");
+    expect(orderClassesByBreakpoint("text-[30px]       sm:text-[20px]")).toBe("text-[30px] sm:text-[20px]");
   });
 }

src/core/functions/removeDuplicateClasses.ts

@@ -1,6 +1,7 @@
 import { ClassDerivedObject, constructClassObject } from "./Class";
 
 export function removeDuplicateClasses(classes: string): string {
+  classes = classes.replace(/\s+/g, " ");
   if (!classes) return "";
 
   // breakpoint order
@@ -23,19 +24,20 @@ export function removeDuplicateClasses(classes: string): string {
       }
     }
   }
-  return filteredClasses.trim();
+  return filteredClasses.replace(/\s+/g, " ").trim();
 }
 
 if (import.meta.vitest) {
   test("removeDuplicateClasses (tailwind classes) at higher breakpoints", () => {
     expect(removeDuplicateClasses("")).toBe("");
     expect(removeDuplicateClasses("bg-red-400")).toBe("bg-red-400");
-    expect(removeDuplicateClasses("bg-red-400 sm:bg-red-500")).toBe("bg-red-400 sm:bg-red-500");
+    expect(removeDuplicateClasses("bg-red-400    sm:bg-red-500")).toBe("bg-red-400 sm:bg-red-500");
     expect(removeDuplicateClasses("bg-red-400 sm:bg-red-400")).toBe("bg-red-400");
     expect(removeDuplicateClasses("bg-red-400 sm:bg-red-400 lg:bg-red-400")).toBe("bg-red-400");
     expect(removeDuplicateClasses("p-4 sm:p-6 md:p-4")).toBe("p-4 sm:p-6 md:p-4");
     expect(removeDuplicateClasses("p-4 sm:p-6 md:p-4 lg:p-4")).toBe("p-4 sm:p-6 md:p-4");
     expect(removeDuplicateClasses("sm:bg-red-400 bg-red-400")).toBe("bg-red-400");
     expect(removeDuplicateClasses("w-[30%] sm:w-[30%]")).toBe("w-[30%]");
+    expect(removeDuplicateClasses("w-[30%] sm:w-[30%] md:w-[40%]")).toBe("w-[30%] md:w-[40%]");
   });
 }