tailwind-typescript-plugin 1.4.0-beta.3 → 1.4.0-beta.4

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## [1.4.0-beta.4](https://github.com/IvanRodriCalleja/tailwind-typescript-plugin/compare/v1.4.0-beta.3...v1.4.0-beta.4) (2025-11-27)
+
+### ✨ Features
+
+* warn on all duplicate class occurrences ([d01d878](https://github.com/IvanRodriCalleja/tailwind-typescript-plugin/commit/d01d87844da17e15d5608ddddb1e3fdc033c8d38))
+
+### 🐛 Bug Fixes
+
+* dispose plugin in benchmark to close file watchers ([9efdc6a](https://github.com/IvanRodriCalleja/tailwind-typescript-plugin/commit/9efdc6a8e24de4dd3000c44fc075bb765ddba1bb))
+
 ## [1.4.0-beta.3](https://github.com/IvanRodriCalleja/tailwind-typescript-plugin/compare/v1.4.0-beta.2...v1.4.0-beta.3) (2025-11-26)
 
 ### ✨ Features

package/README.md

@@ -842,19 +842,19 @@ const card2 = tv({ base: 'flex justify-center' });
   Validates variables in class-variance-authority cva() definitions
   Example: `const baseClasses = 'invalid-class'; const button = cva(baseClasses)`
 
-- [X] **Duplicate Classes** → [`duplicate-classes.tsx`](./example/src/duplicate-classes.tsx)
+- [X] **Duplicate Classes** → [`duplicate-classes/`](./example/src/duplicate-classes/)
   Detects duplicate classes within the same className attribute
-  Example: `className="flex flex items-center"` shows warning on second `flex`
+  Example: `className="flex flex items-center"` shows warning on both `flex` occurrences
 
-- [X] **Duplicate Classes in Ternary** → [`duplicate-classes.tsx`](./example/src/duplicate-classes.tsx)
+- [X] **Duplicate Classes in Ternary** → [`duplicate-classes/`](./example/src/duplicate-classes/)
   Smart detection of duplicates in ternary expressions:
-  - Root + branch duplicate: `clsx('flex', isActive ? 'flex' : 'flex')` → Warning (true duplicate)
+  - Root + branch duplicate: `clsx('flex', isActive ? 'flex' : 'flex')` → Warning on all occurrences
   - Both branches same class: `clsx('mt-4', isActive ? 'flex' : 'flex')` → Warning (consider extracting)
   - Single branch only: `clsx('mt-4', isActive ? 'flex' : '')` → No warning (valid pattern)
 
-- [X] **Duplicate Classes in Variables with Conditionals** → [`duplicate-classes.tsx`](./example/src/duplicate-classes.tsx)
+- [X] **Duplicate Classes in Variables with Conditionals** → [`duplicate-classes/`](./example/src/duplicate-classes/)
   Resolves variables containing ternary expressions and detects duplicates:
-  - `const x = isActive ? 'flex' : 'flex'; clsx('flex', x)` → Warning (root + variable duplicate)
+  - `const x = isActive ? 'flex' : 'flex'; clsx('flex', x)` → Warning on all occurrences
   - `const x = isActive ? 'flex' : 'flex'; clsx('mt-4', x)` → Warning (consider extracting from variable)
   - `const x = isActive ? 'flex' : ''; clsx('mt-4', x)` → No warning (single branch)
 

package/lib/infrastructure/TailwindConflictDetector.d.ts

@@ -10,31 +10,36 @@ export interface ConflictInfo {
     /** The CSS property that is being overwritten (e.g., 'text-align', 'display') */
     cssProperty: string;
 }
+/**
+ * Interface for getting CSS from class names
+ */
+export interface ICssProvider {
+    getCssForClasses(classNames: string[]): (string | null)[];
+}
 /**
  * Service for detecting conflicting Tailwind CSS utility classes.
- * Conflicting classes are utilities that set the same CSS property to different values.
+ * Uses Tailwind's design system to compile classes and analyze their CSS output.
+ * Two classes conflict when they set the same CSS properties in the same context.
  */
 export declare class TailwindConflictDetector {
-    /** Map from class name to its conflict group */
-    private classToGroup;
-    /** Map from conflict group to set of class names */
-    private groupToClasses;
-    constructor();
+    private cssProvider;
     /**
-     * Get the conflict group for a class name, if any.
-     * Returns the CSS property name that this class affects.
+     * Set the CSS provider (TailwindValidator)
      */
-    getConflictGroup(className: string): string | null;
+    setCssProvider(provider: ICssProvider): void;
+    /**
+     * Parse CSS string and extract properties and context
+     */
+    private parseCss;
     /**
      * Extract the prefix (variants) from a class name.
      * e.g., "md:hover:text-left" -> "md:hover:"
      */
     private extractPrefix;
     /**
-     * Extract the base class from a potentially prefixed class name.
-     * Handles responsive variants (sm:, md:, lg:, xl:, 2xl:) and state variants (hover:, focus:, etc.)
+     * Compare two ClassCssInfo arrays for equality
      */
-    private extractBaseClass;
+    private cssInfoEquals;
     /**
      * Find all conflicting classes in a list of ClassNameInfo.
      * Returns ConflictInfo for each class that conflicts with another.
@@ -51,22 +56,27 @@ export declare class TailwindConflictDetector {
      * Handles conditional branches - classes in mutually exclusive branches don't conflict.
      */
     private findConflictsInClassGroup;
+    /**
+     * Get the CSS property that causes a conflict between two classes, or null if no conflict.
+     */
+    private getConflictProperty;
     /**
      * Find conflicts in a flat list of classes (no branch handling).
-     * Used for root classes or classes within the same branch.
-     *
-     * Classes with different prefixes (e.g., sm:text-left vs md:text-center) do NOT conflict
-     * because they apply at different breakpoints/states.
-     *
-     * All classes involved in a conflict are flagged, not just subsequent ones.
      */
     private findConflictsInList;
     /**
      * Check if two class names conflict with each other.
      */
     doClassesConflict(className1: string, className2: string): boolean;
+    /**
+     * Get the conflict group for a class name, if any.
+     * Returns the CSS properties that this class affects.
+     */
+    getConflictGroup(className: string): string | null;
     /**
      * Get all classes that would conflict with a given class.
+     * Note: This is a simplified implementation that returns an empty array
+     * since we no longer have a static conflict group map.
      */
     getConflictingClasses(className: string): string[];
 }

package/lib/infrastructure/TailwindConflictDetector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TailwindConflictDetector.d.ts","sourceRoot":"","sources":["../../src/infrastructure/TailwindConflictDetector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,YAAY;IAC5B,oCAAoC;IACpC,SAAS,EAAE,aAAa,CAAC;IACzB,sCAAsC;IACtC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,iFAAiF;IACjF,WAAW,EAAE,MAAM,CAAC;CACpB;AA+cD;;;GAGG;AACH,qBAAa,wBAAwB;IACpC,gDAAgD;IAChD,OAAO,CAAC,YAAY,CAAsB;IAE1C,oDAAoD;IACpD,OAAO,CAAC,cAAc,CAA2B;;IAiBjD;;;OAGG;IACH,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAOlD;;;OAGG;IACH,OAAO,CAAC,aAAa;IAMrB;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAMxB;;;OAGG;IACH,aAAa,CAAC,UAAU,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE;IAuB1D;;;;OAIG;IACH,OAAO,CAAC,wBAAwB;IAgBhC;;;OAGG;IACH,OAAO,CAAC,yBAAyB;IAoDjC;;;;;;;;OAQG;IACH,OAAO,CAAC,mBAAmB;IAuD3B;;OAEG;IACH,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO;IAOlE;;OAEG;IACH,qBAAqB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE;CASlD"}
+{"version":3,"file":"TailwindConflictDetector.d.ts","sourceRoot":"","sources":["../../src/infrastructure/TailwindConflictDetector.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,YAAY;IAC5B,oCAAoC;IACpC,SAAS,EAAE,aAAa,CAAC;IACzB,sCAAsC;IACtC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,iFAAiF;IACjF,WAAW,EAAE,MAAM,CAAC;CACpB;AAYD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC5B,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;CAC1D;AAED;;;;GAIG;AACH,qBAAa,wBAAwB;IACpC,OAAO,CAAC,WAAW,CAA6B;IAEhD;;OAEG;IACH,cAAc,CAAC,QAAQ,EAAE,YAAY,GAAG,IAAI;IAI5C;;OAEG;IACH,OAAO,CAAC,QAAQ;IAsDhB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAMrB;;OAEG;IACH,OAAO,CAAC,aAAa;IAuBrB;;;OAGG;IACH,aAAa,CAAC,UAAU,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE;IA2B1D;;;;OAIG;IACH,OAAO,CAAC,wBAAwB;IAgBhC;;;OAGG;IACH,OAAO,CAAC,yBAAyB;IA8CjC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IA6B3B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IA+F3B;;OAEG;IACH,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO;IAIlE;;;OAGG;IACH,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAgBlD;;;;OAIG;IAEH,qBAAqB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE;CAKlD"}