feat!: add meta.languages to CSS rules

package.json

@@ -83,7 +83,7 @@
     "@webref/css": "^8.5.6",
     "c8": "^11.0.0",
     "dedent": "^1.5.3",
-    "eslint": "^10.0.0",
+    "eslint": "^10.4.0",
     "eslint-config-eslint": "^14.0.0",
     "eslint-plugin-eslint-plugin": "^7.3.2",
     "globals": "^17.0.0",

src/index.js

@@ -19,6 +19,7 @@ import rules from "./build/rules.js";
 const plugin = {
 	meta: {
 		name: "@eslint/css",
+		namespace: "css",
 		version: "1.2.0", // x-release-please-version
 	},
 	languages: {

src/rules/font-family-fallbacks.js

@@ -117,10 +117,12 @@ function reportFontWithoutFallbacksInFontProperty(
 export default {
 	meta: {
 		type: "suggestion",
+		languages: ["css/css"],
 
 		docs: {
 			description:
 				"Enforce use of fallback fonts and a generic font last",
+			dialects: ["CSS"],
 			recommended: true,
 			url: "https://github.com/eslint/css/blob/main/docs/rules/font-family-fallbacks.md",
 		},

src/rules/no-duplicate-imports.js

@@ -23,11 +23,13 @@
 export default {
 	meta: {
 		type: "problem",
+		languages: ["css/css"],
 
 		fixable: "code",
 
 		docs: {
 			description: "Disallow duplicate @import rules",
+			dialects: ["CSS"],
 			recommended: true,
 			url: "https://github.com/eslint/css/blob/main/docs/rules/no-duplicate-imports.md",
 		},

src/rules/no-duplicate-keyframe-selectors.js

@@ -21,9 +21,11 @@
 export default {
 	meta: {
 		type: "problem",
+		languages: ["css/css"],
 
 		docs: {
 			description: "Disallow duplicate selectors within keyframe blocks",
+			dialects: ["CSS"],
 			recommended: true,
 			url: "https://github.com/eslint/css/blob/main/docs/rules/no-duplicate-keyframe-selectors.md",
 		},

src/rules/no-empty-blocks.js

@@ -21,9 +21,11 @@
 export default {
 	meta: {
 		type: "problem",
+		languages: ["css/css"],
 
 		docs: {
 			description: "Disallow empty blocks",
+			dialects: ["CSS"],
 			recommended: true,
 			url: "https://github.com/eslint/css/blob/main/docs/rules/no-empty-blocks.md",
 		},

src/rules/no-important.js

@@ -30,11 +30,13 @@ const trailingWhitespacePattern = /\s*$/u;
 export default {
 	meta: {
 		type: "problem",
+		languages: ["css/css"],
 
 		hasSuggestions: true,
 
 		docs: {
 			description: "Disallow !important flags",
+			dialects: ["CSS"],
 			recommended: true,
 			url: "https://github.com/eslint/css/blob/main/docs/rules/no-important.md",
 		},

src/rules/no-invalid-at-rule-placement.js

@@ -21,9 +21,11 @@
 export default {
 	meta: {
 		type: "problem",
+		languages: ["css/css"],
 
 		docs: {
 			description: "Disallow invalid placement of at-rules",
+			dialects: ["CSS"],
 			recommended: true,
 			url: "https://github.com/eslint/css/blob/main/docs/rules/no-invalid-at-rule-placement.md",
 		},

src/rules/no-invalid-at-rules.js

@@ -78,11 +78,13 @@ function extractMetaDataFromError(error) {
 export default {
 	meta: {
 		type: "problem",
+		languages: ["css/css"],
 
 		fixable: "code",
 
 		docs: {
 			description: "Disallow invalid at-rules",
+			dialects: ["CSS"],
 			recommended: true,
 			url: "https://github.com/eslint/css/blob/main/docs/rules/no-invalid-at-rules.md",
 		},

src/rules/no-invalid-named-grid-areas.js

@@ -83,9 +83,11 @@ const validProps = new Set(["grid-template-areas", "grid-template", "grid"]);
 export default {
 	meta: {
 		type: "problem",
+		languages: ["css/css"],
 
 		docs: {
 			description: "Disallow invalid named grid areas",
+			dialects: ["CSS"],
 			recommended: true,
 			url: "https://github.com/eslint/css/blob/main/docs/rules/no-invalid-named-grid-areas.md",
 		},

src/rules/no-invalid-properties.js

@@ -90,9 +90,11 @@ function getVarFallbackList(value) {
 export default {
 	meta: {
 		type: "problem",
+		languages: ["css/css"],
 
 		docs: {
 			description: "Disallow invalid properties",
+			dialects: ["CSS"],
 			recommended: true,
 			url: "https://github.com/eslint/css/blob/main/docs/rules/no-invalid-properties.md",
 		},

src/rules/no-unmatchable-selectors.js

@@ -21,9 +21,11 @@
 export default {
 	meta: {
 		type: "problem",
+		languages: ["css/css"],
 
 		docs: {
 			description: "Disallow unmatchable selectors",
+			dialects: ["CSS"],
 			recommended: true,
 			url: "https://github.com/eslint/css/blob/main/docs/rules/no-unmatchable-selectors.md",
 		},

src/rules/prefer-logical-properties.js

@@ -137,11 +137,13 @@ const unitReplacements = new Map([
 export default {
 	meta: {
 		type: "problem",
+		languages: ["css/css"],
 
 		fixable: "code",
 
 		docs: {
 			description: "Enforce the use of logical properties",
+			dialects: ["CSS"],
 			url: "https://github.com/eslint/css/blob/main/docs/rules/prefer-logical-properties.md",
 		},
 

src/rules/relative-font-units.js

@@ -54,9 +54,11 @@ const disallowedFontSizeKeywords = new Set([
 export default {
 	meta: {
 		type: "suggestion",
+		languages: ["css/css"],
 
 		docs: {
 			description: "Enforce the use of relative font units",
+			dialects: ["CSS"],
 			recommended: false,
 			url: "https://github.com/eslint/css/blob/main/docs/rules/relative-font-units.md",
 		},

src/rules/selector-complexity.js

@@ -156,9 +156,11 @@ function getDisallowedCombinatorsLocation(
 export default {
 	meta: {
 		type: "problem",
+		languages: ["css/css"],
 
 		docs: {
 			description: "Disallow and limit CSS selectors",
+			dialects: ["CSS"],
 			recommended: false,
 			url: "https://github.com/eslint/css/blob/main/docs/rules/selector-complexity.md",
 		},

src/rules/use-baseline.js

@@ -487,9 +487,11 @@ class BaselineAvailability {
 export default {
 	meta: {
 		type: "problem",
+		languages: ["css/css"],
 
 		docs: {
 			description: "Enforce the use of baseline features",
+			dialects: ["CSS"],
 			recommended: true,
 			url: "https://github.com/eslint/css/blob/main/docs/rules/use-baseline.md",
 		},

src/rules/use-layers.js

@@ -26,9 +26,11 @@
 export default {
 	meta: {
 		type: "problem",
+		languages: ["css/css"],
 
 		docs: {
 			description: "Require use of layers",
+			dialects: ["CSS"],
 			url: "https://github.com/eslint/css/blob/main/docs/rules/use-layers.md",
 		},
 

tests/plugin/eslint.test.js

@@ -43,6 +43,34 @@ describe("Plugin", () => {
 				.map(([name]) => `css/${name}`);
 			assert.deepStrictEqual(actualRuleIds, expectedRuleIds);
 		});
+
+		it("rules should work when the plugin is registered under a custom namespace", async () => {
+			const eslint = new ESLint({
+				overrideConfigFile: true,
+				overrideConfig: {
+					files: ["**/*.css"],
+					plugins: {
+						eslintcss: css,
+					},
+					language: "eslintcss/css",
+					rules: {
+						"eslintcss/no-empty-blocks": "error",
+					},
+				},
+			});
+
+			const results = await eslint.lintText("a {}", {
+				filePath: "test.css",
+			});
+
+			assert.strictEqual(results.length, 1);
+			assert.strictEqual(results[0].messages.length, 1);
+			assert.strictEqual(
+				results[0].messages[0].ruleId,
+				"eslintcss/no-empty-blocks",
+			);
+			assert.strictEqual(results[0].messages[0].messageId, "emptyBlock");
+		});
 	});
 
 	describe("languageOptions", () => {

tests/types/types.test.ts

@@ -60,6 +60,7 @@ import type {
 
 css satisfies Plugin;
 css.meta.name satisfies string;
+css.meta.namespace satisfies string;
 css.meta.version satisfies string;
 
 // Check that these languages are defined: