tailwind-lint 0.5.1 → 0.6.1

package/README.md

@@ -48,9 +48,11 @@ tailwind-lint --verbose
 ### How Auto-Discovery Works
 
 **Tailwind CSS v4:**
-- Finds CSS config files: `app.css`, `src/app.css`, `index.css`, `src/index.css`, `tailwind.css`, `src/tailwind.css`
+- Finds CSS config files in common locations: `app.css`, `index.css`, `tailwind.css`, `global.css`, etc.
+- Searches in project root and subdirectories: `./`, `./src/`, `./src/styles/`, `./app/`, etc.
 - Uses file patterns from `@source` directives if present
-- Falls back to default pattern: `./**/*.{js,jsx,ts,tsx,html}`
+- Falls back to default pattern: `./**/*.{js,jsx,ts,tsx,html,vue,svelte,astro,mdx}`
+- **Note:** When CSS config is in a subdirectory (e.g., `src/styles/global.css`), files are discovered from the project root
 
 **Tailwind CSS v3:**
 - Finds JavaScript config files: `tailwind.config.js`, `tailwind.config.cjs`, `tailwind.config.mjs`, `tailwind.config.ts`
@@ -126,7 +128,7 @@ Files are written atomically with multiple iterations to ensure all fixes are ap
 ## Features
 
 **Core (v3 & v4):**
-- CSS Conflicts - Detects when multiple classes apply the same CSS properties
+- CSS Conflicts - Detects when multiple classes apply the same CSS properties (e.g., `block flex`, `text-left text-center`) - **Note:** Works reliably in v4, limited support in v3 - no autofix
 - Invalid @apply Usage - Validates if a class can be used with `@apply`
 - Invalid @screen References - Detects references to non-existent breakpoints
 - Invalid Config Paths - Validates references in `config()` and `theme()` functions

package/dist/cli.cjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-const require_linter = require('./linter-B1HK1nl2.cjs');
+const require_linter = require('./linter-DVb9soAi.cjs');
 let node_path = require("node:path");
 node_path = require_linter.__toESM(node_path);
 let chalk = require("chalk");

package/dist/{linter-B1HK1nl2.cjs → linter-DVb9soAi.cjs}

@@ -36,6 +36,8 @@ let vscode_languageserver_textdocument = require("vscode-languageserver-textdocu
 let node_module = require("node:module");
 let node_fs = require("node:fs");
 node_fs = __toESM(node_fs);
+let postcss = require("postcss");
+postcss = __toESM(postcss);
 
 //#region src/constants.ts
 const DEFAULT_IGNORE_PATTERNS = [
@@ -51,7 +53,7 @@ const DEFAULT_IGNORE_PATTERNS = [
 	"**/.cache/**",
 	"**/.DS_Store/**"
 ];
-const DEFAULT_FILE_PATTERN = "./**/*.{js,jsx,ts,tsx,html}";
+const DEFAULT_FILE_PATTERN = "./**/*.{js,jsx,ts,tsx,html,vue,svelte,astro,mdx}";
 const V3_CONFIG_PATHS = [
 	"tailwind.config.js",
 	"tailwind.config.cjs",
@@ -216,6 +218,7 @@ function createEditorState(cwd) {
 	const settings = {
 		editor: { tabSize: DEFAULT_TAB_SIZE },
 		tailwindCSS: {
+			validate: true,
 			inspectPort: null,
 			emmetCompletions: false,
 			includeLanguages: {},
@@ -235,7 +238,6 @@ function createEditorState(cwd) {
 			hovers: true,
 			codeLens: false,
 			suggestions: true,
-			validate: true,
 			colorDecorators: true,
 			rootFontSize: DEFAULT_ROOT_FONT_SIZE,
 			showPixelEquivalents: true,
@@ -332,6 +334,19 @@ async function loadV3ClassMetadata(state, cwd, verbose = false) {
 			} };
 		}
 		extractConfigMetadata(state);
+		if (!state.classNames) state.classNames = {
+			context: {},
+			classNames: {}
+		};
+		if (state.modules?.jit?.createContext && state.config) try {
+			state.jitContext = state.modules.jit.createContext.module(state.config);
+			if (verbose) console.log(chalk.default.dim("  ✓ Created JIT context"));
+		} catch (contextError) {
+			if (verbose) {
+				const message = contextError instanceof Error ? contextError.message : String(contextError);
+				console.log(chalk.default.yellow(`  ⚠ Warning: Could not create JIT context: ${message}`));
+			}
+		}
 	} catch (error) {
 		if (error instanceof Error) throw new AdapterLoadError("v3", error);
 		throw new Error(`Failed to load v3 class metadata: ${String(error)}`);
@@ -426,11 +441,15 @@ async function loadV4DesignSystem(state, cwd, configPath, verbose = false) {
 			Object.assign(designSystem, {
 				dependencies: () => /* @__PURE__ */ new Set(),
 				compile(classes) {
-					return (designSystem.candidatesToAst ? designSystem.candidatesToAst(classes) : designSystem.candidatesToCss?.(classes) || []).map((result) => {
-						if (Array.isArray(result)) return result;
-						if (result === null) return [];
-						return [];
+					if (designSystem.candidatesToCss) return designSystem.candidatesToCss(classes).map((result) => {
+						if (typeof result === "string" && result.length > 0) try {
+							return postcss.default.parse(result);
+						} catch {
+							return postcss.default.root();
+						}
+						return postcss.default.root();
 					});
+					return classes.map(() => postcss.default.root());
 				}
 			});
 			state.designSystem = designSystem;
@@ -564,6 +583,7 @@ async function validateDocument(state, filePath, content) {
 	} catch (error) {
 		const message = error instanceof Error ? error.message : String(error);
 		if (message.includes("Cannot read") || message.includes("undefined")) {
+			if (process.env.DEBUG) console.error(`Debug: Language service error for ${filePath}:`, error);
 			console.warn(`Warning: Language service crashed while validating ${filePath}. Skipping this file.`);
 			return [];
 		}
@@ -591,8 +611,12 @@ async function discoverFilesFromConfig(cwd, configPath) {
 		if (patterns.length === 0) throw new Error("No content patterns found in Tailwind config.\nEnsure your config has a content array with file patterns.");
 		return expandPatterns(cwd, patterns);
 	}
+	const configDir = node_path.dirname(configFilePath);
 	const sourcePatterns = extractSourcePatterns(readFileSync(configFilePath));
-	if (sourcePatterns.length > 0) return expandPatterns(cwd, sourcePatterns);
+	if (sourcePatterns.length > 0) return expandPatterns(cwd, sourcePatterns.map((pattern) => {
+		const absolutePattern = node_path.resolve(configDir, pattern);
+		return node_path.relative(cwd, absolutePattern);
+	}));
 	return expandPatterns(cwd, [DEFAULT_FILE_PATTERN]);
 }
 function extractContentPatterns(config) {

package/dist/linter.cjs

@@ -1,3 +1,3 @@
-const require_linter = require('./linter-B1HK1nl2.cjs');
+const require_linter = require('./linter-DVb9soAi.cjs');
 
 exports.lint = require_linter.lint;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwind-lint",
-  "version": "0.5.1",
+  "version": "0.6.1",
   "description": "A command-line tool that uses the Tailwind CSS IntelliSense plugin to show linting suggestions for your Tailwind CSS classes",
   "keywords": [
     "tailwindcss",
@@ -43,11 +43,12 @@
     "chalk": "^5.6.2",
     "commander": "^14.0.2",
     "fast-glob": "^3.3.3",
+    "postcss": "^8.5.6",
     "vscode-languageserver-textdocument": "^1.0.12"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.3.12",
-    "@types/node": "^25.0.10",
+    "@biomejs/biome": "^2.3.13",
+    "@types/node": "^25.1.0",
     "tsdown": "^0.20.1",
     "typescript": "^5.9.3",
     "vitest": "^4.0.18"