@shayanthenerd/eslint-config 0.33.0 → 0.35.0

package/README.md

@@ -35,7 +35,7 @@ Legend:
 | [TypeScript][plugin-ts]                                                                                 |     🔍      |
 | [Markdown][plugin-md]                                                                                   |     ✅      |
 | [HTML][plugin-html]                                                                                     |     ⚙️      |
-| [CSS][plugin-css]                                                                                       |     ⚙️      |
+| [CSS][plugin-css] ([eslint-cssicorn][plugin-cssicorn])                                                  |     ⚙️      |
 | **Formatting**                                                                                          |            |
 | [Stylistic][plugin-stylistic]                                                                           |     ✅      |
 | [Perfectionist][plugin-perfectionist]                                                                   |     ✅      |
@@ -768,7 +768,7 @@ This project was inspired by the work of [Anthony Fu][antfu], whose generous con
 [MIT][license] License © 2025-PRESENT — [Shayan Zamani][ShayanTheNerd]
 
 <!-- Badges -->
-[license]: ./LICENSE
+[license]: LICENSE
 [license-badge]: https://img.shields.io/badge/License-MIT-blue.svg?logoColor=FEFEFE&labelColor=3B82F6&color=3B82F6
 [npm-version-badge]: https://img.shields.io/npm/v/@shayanthenerd/eslint-config?label=&logo=npm&logoColor=FEFEFE&labelColor=3B82F6&color=3B82F6
 [npmx]: https://www.npmjs.com/package/@shayanthenerd/eslint-config
@@ -782,6 +782,7 @@ This project was inspired by the work of [Anthony Fu][antfu], whose generous con
 [plugin-astro]: https://ota-meshi.github.io/eslint-plugin-astro
 [plugin-baseline]: https://baselinejs.vercel.app
 [plugin-css]: https://github.com/eslint/css
+[plugin-cssicorn]: https://github.com/sindresorhus/eslint-cssicorn
 [plugin-cypress]: https://github.com/cypress-io/eslint-plugin-cypress
 [plugin-html]: https://html-eslint.org
 [plugin-html-react]: https://html-eslint.org/docs/react/getting-started
@@ -815,7 +816,7 @@ This project was inspired by the work of [Anthony Fu][antfu], whose generous con
 
 <!-- References -->
 [antfu]: https://github.com/antfu
-[contributing]: ./.github/CONTRIBUTING.md
+[contributing]: .github/CONTRIBUTING.md
 [eslint]: https://eslint.org
 [online-preview]: https://eslintconfig.netlify.app
 [eslint-config-ts-setup]: https://eslint.org/docs/latest/use/configure/configuration-files#typescript-configuration-files

package/dist/configs/css.mjs

@@ -3,12 +3,12 @@ import { defaultOptions } from "../helpers/options/defaultOptions.mjs";
 import { isEnabled } from "../utils/isEnabled.mjs";
 import { getCssRules } from "../rules/css.mjs";
 import { mergeConfigs } from "eslint-flat-config-utils";
-import eslintPluginUnicorn from "eslint-plugin-unicorn";
+import eslintPluginCssicorn from "eslint-cssicorn";
 import eslintPluginCss from "@eslint/css";
 import { tailwind3, tailwind4 } from "tailwind-csstree";
 //#region src/configs/css.ts
 function getCssConfig(options) {
-	const { css, unicorn, tailwind } = options.configs;
+	const { css, tailwind } = options.configs;
 	const { overrides } = isEnabled(css) ? css : defaultOptions.configs.css;
 	const tailwindSyntax = isEnabled(tailwind) && tailwind.entryPoint ? tailwind4 : tailwind3;
 	const cssConfig = {
@@ -16,7 +16,7 @@ function getCssConfig(options) {
 		files: [globs.css],
 		plugins: {
 			css: eslintPluginCss,
-			...isEnabled(unicorn) && { unicorn: eslintPluginUnicorn }
+			cssicorn: eslintPluginCssicorn
 		},
 		language: "css/css",
 		languageOptions: {

package/dist/helpers/options/enableDetectedConfigs.mjs

@@ -23,11 +23,12 @@ function enableDetectedConfigs(options) {
 		"storybook": options.configs?.test?.storybook === false,
 		"@playwright/test": options.configs?.test?.playwright === false
 	};
+	const isAstroDetected = isPackageDetected("astro", options);
 	const autoDetectedPackages = {
 		typescript: isPackageDetected("typescript", options),
 		zod: isPackageDetected("zod", options),
-		astro: isPackageDetected("astro", options),
-		eslintPluginJsxA11yX: isPackageDetected("eslint-plugin-jsx-a11y-x", options),
+		astro: isAstroDetected,
+		eslintPluginJsxA11yX: isAstroDetected && isPackageDetected("eslint-plugin-jsx-a11y-x", options),
 		react: isPackageDetected("react", options),
 		next: isPackageDetected("next", options),
 		tanstackStart: isPackageDetected("@tanstack/react-start", options),

package/dist/rules/css.mjs

@@ -1,6 +1,5 @@
 import { defaultOptions } from "../helpers/options/defaultOptions.mjs";
 import { isEnabled } from "../utils/isEnabled.mjs";
-import { isTruthy } from "../utils/isTruthy.mjs";
 //#region src/rules/css.ts
 const allowedPhysicalUnits = [
 	"cqh",
@@ -47,10 +46,10 @@ const allowedPhysicalProperties = [
 	"contain-intrinsic-height"
 ];
 function getCssRules(options) {
-	const { css, vue, unicorn, tailwind, baseline } = options.configs;
+	const { css, tailwind, baseline } = options.configs;
 	const { allowedUnknownPseudoSelectors: userAllowedUnknownPseudoSelectors } = isEnabled(css) ? css : defaultOptions.configs.css;
 	const { allowedAtRules: userAllowedAtRules, allowedFunctions: userAllowedFunctions, allowedMediaConditions: userAllowedMediaConditions, allowedProperties: userAllowedProperties, allowedPropertyValues: userAllowedPropertyValues, allowedSelectors: userAllowedSelectors, allowedUnits: userAllowedUnits } = isEnabled(baseline) ? baseline.css : defaultOptions.configs.baseline.css;
-	const cssRules = {
+	return {
 		"css/font-family-fallbacks": "warn",
 		"css/no-duplicate-imports": "error",
 		"css/no-duplicate-keyframe-selectors": "error",
@@ -90,36 +89,56 @@ function getCssRules(options) {
 			},
 			allowSelectors: ["selection", ...userAllowedSelectors],
 			allowUnits: userAllowedUnits
-		}] : "off"
+		}] : "off",
+		"cssicorn/consistent-compound-selector-order": "warn",
+		"cssicorn/consistent-layer-order": ["warn", { checkUndeclaredLayers: true }],
+		"cssicorn/consistent-property-order": "warn",
+		"cssicorn/consistent-value-order": "warn",
+		"cssicorn/lowercase": "error",
+		"cssicorn/no-clamped-values": "error",
+		"cssicorn/no-declarations-after-nested-rules": "warn",
+		"cssicorn/no-deprecated-features": "error",
+		"cssicorn/no-descending-specificity": "warn",
+		"cssicorn/no-disabled-pinch-zoom": "error",
+		"cssicorn/no-duplicate-at-rule-definitions": "warn",
+		"cssicorn/no-duplicate-font-family-names": "error",
+		"cssicorn/no-duplicate-properties": "warn",
+		"cssicorn/no-duplicate-selectors": "warn",
+		"cssicorn/no-ineffective-keyframe-declarations": "warn",
+		"cssicorn/no-ineffective-overrides": "error",
+		"cssicorn/no-ineffective-properties": "error",
+		"cssicorn/no-ineffective-selector-properties": "error",
+		"cssicorn/no-ineffective-supports-conditions": "error",
+		"cssicorn/no-ineffective-transitions": "error",
+		"cssicorn/no-invalid-media-features": "error",
+		"cssicorn/no-invalid-property-references": "error",
+		"cssicorn/no-layout-animations": "warn",
+		"cssicorn/no-nesting-with-mixed-specificity": "warn",
+		"cssicorn/no-overflow-axis-coercion": "error",
+		"cssicorn/no-redundant-functions": "warn",
+		"cssicorn/no-redundant-nested-style-rules": "warn",
+		"cssicorn/no-redundant-nesting-selector": "warn",
+		"cssicorn/no-redundant-shorthand-values": "warn",
+		"cssicorn/no-self-referencing-custom-properties": "error",
+		"cssicorn/no-unknown-animations": "error",
+		"cssicorn/no-unknown-annotations": "error",
+		"cssicorn/no-unknown-pseudo-selectors": ["error", { allow: userAllowedUnknownPseudoSelectors }],
+		"cssicorn/no-unscoped-nesting-selector": isEnabled(tailwind) ? "error" : ["error", { scopingRootAtRules: [] }],
+		"cssicorn/no-useless-is": "warn",
+		"cssicorn/no-zero-length-unit": "warn",
+		"cssicorn/prefer-aspect-ratio": "warn",
+		"cssicorn/prefer-clamp": "warn",
+		"cssicorn/prefer-current-color": "warn",
+		"cssicorn/prefer-explicit-viewport-units": "warn",
+		"cssicorn/prefer-individual-transform-properties": "warn",
+		"cssicorn/prefer-light-dark": "warn",
+		"cssicorn/prefer-media-feature-range-syntax": "warn",
+		"cssicorn/prefer-merged-rules": "warn",
+		"cssicorn/prefer-modern-syntax": "warn",
+		"cssicorn/prefer-nesting": "warn",
+		"cssicorn/prefer-relative-colors": "warn",
+		"cssicorn/require-property-descriptors": "error"
 	};
-	const unicornRules = {
-		"unicorn/no-deprecated-css-features": "error",
-		"unicorn/no-duplicate-css-selectors": "warn",
-		"unicorn/no-duplicate-font-family-names": "error",
-		"unicorn/no-invalid-media-features": "error",
-		"unicorn/no-nesting-with-mixed-specificity": "warn",
-		"unicorn/no-redundant-nested-style-rules": "warn",
-		"unicorn/no-shorthand-property-overrides": "warn",
-		"unicorn/no-unknown-css-annotations": "error",
-		"unicorn/no-unknown-pseudo-selectors": ["error", { allow: [
-			"::-ms-reveal",
-			":-webkit-autofill",
-			"::-webkit-inner-spin-button",
-			"::-webkit-search-cancel-button",
-			"::-webkit-search-results-button",
-			...isEnabled(vue) ? [
-				":deep",
-				":global",
-				":slotted"
-			] : [],
-			...userAllowedUnknownPseudoSelectors
-		].filter(isTruthy) }],
-		"unicorn/no-unscoped-css-nesting-selector": isEnabled(tailwind) ? ["error", { scopingRootAtRules: ["utility", "custom-variant"] }] : "error",
-		"unicorn/prefer-explicit-viewport-units": "warn",
-		"unicorn/prefer-media-feature-range-syntax": "warn"
-	};
-	if (isEnabled(unicorn)) Object.assign(cssRules, unicornRules);
-	return cssRules;
 }
 //#endregion
 export { getCssRules };

package/dist/rules/html.mjs

@@ -79,9 +79,16 @@ function getHtmlRules(options) {
 			{ enforceTemplatedAttrValue: true }
 		]
 	};
+	const unicornRules = {
+		"unicorn/consistent-compound-words": "warn",
+		"unicorn/no-ineffective-csp-directives": "error",
+		"unicorn/no-invalid-file-input-accept": "error",
+		"unicorn/no-invalid-integrity": "error",
+		"unicorn/relative-url-style": "warn"
+	};
 	if (isEnabled(stylistic)) Object.assign(htmlRules, stylisticRules);
+	if (isEnabled(unicorn)) Object.assign(htmlRules, unicornRules);
 	if (isEnabled(tailwind)) htmlRules["better-tailwindcss/no-duplicate-classes"] = "off";
-	if (isEnabled(unicorn)) htmlRules["unicorn/no-invalid-file-input-accept"] = "error";
 	return htmlRules;
 }
 //#endregion

package/dist/rules/markdown.mjs

@@ -47,7 +47,13 @@ function getMarkdownRules(options) {
 		"markdown/require-alt-text": "warn",
 		"markdown/table-column-count": isCommonMark ? "off" : ["error", { checkMissingCells: true }]
 	};
-	if (isEnabled(unicorn)) markdownRules["unicorn/no-missing-local-resource"] = "error";
+	const unicornRules = {
+		"unicorn/no-javascript-url": "error",
+		"unicorn/no-empty-link-text": "error",
+		"unicorn/no-missing-local-resource": "error",
+		"unicorn/relative-url-style": "warn"
+	};
+	if (isEnabled(unicorn)) Object.assign(markdownRules, unicornRules);
 	return markdownRules;
 }
 //#endregion

package/dist/rules/react.mjs

@@ -14,7 +14,7 @@ const commonCallees = [
 	"ctl"
 ];
 function getReactRules(options) {
-	const { react, unicorn, tailwind, baseline, stylistic, typescript } = options.configs;
+	const { react, tailwind, baseline, stylistic, typescript } = options.configs;
 	const { imageComponents: userImageComponents, anchorComponents: userAnchorComponents, headingComponents: userHeadingComponents } = isEnabled(react) && isEnabled(react.accessibility) ? react.accessibility : defaultOptions.configs.react.accessibility;
 	const isTypescriptEnabled = isEnabled(typescript);
 	const reactRules = {
@@ -161,7 +161,6 @@ function getReactRules(options) {
 		reactRules["better-tailwindcss/no-duplicate-classes"] = "off";
 		if (tailwind.multilineSort) reactRules["@html-eslint/react/classname-spacing"] = "off";
 	}
-	if (isEnabled(unicorn)) reactRules["unicorn/no-invalid-file-input-accept"] = "error";
 	return reactRules;
 }
 //#endregion

package/dist/rules/typescript.mjs

@@ -49,6 +49,7 @@ function getTypescriptRules(options) {
 		"@typescript-eslint/no-unsafe-assignment": "warn",
 		"@typescript-eslint/no-unsafe-call": "warn",
 		"@typescript-eslint/no-unsafe-declaration-merging": "warn",
+		"@typescript-eslint/no-unsafe-enum-assignment": "error",
 		"@typescript-eslint/no-unsafe-enum-comparison": "error",
 		"@typescript-eslint/no-unsafe-function-type": "warn",
 		"@typescript-eslint/no-unsafe-member-access": "warn",

package/dist/rules/unicorn.mjs

@@ -64,11 +64,22 @@ function getUnicornRules(options) {
 		"unicorn/no-for-loop": "warn",
 		"unicorn/no-immediate-mutation": "warn",
 		"unicorn/no-impossible-length-comparison": "error",
+		"unicorn/no-incomplete-accessor-override": "error",
 		"unicorn/no-incorrect-query-selector": "error",
 		"unicorn/no-incorrect-template-string-interpolation": "error",
+		"unicorn/no-ineffective-csp-directives": "error",
+		"unicorn/no-invalid-boolean-attribute-value": "error",
 		"unicorn/no-invalid-character-comparison": "error",
+		"unicorn/no-invalid-dom-token": "error",
 		"unicorn/no-invalid-fetch-options": "error",
+		"unicorn/no-invalid-file-input-accept": "error",
+		"unicorn/no-invalid-intl-options": "error",
+		"unicorn/no-invalid-property-descriptor": "error",
 		"unicorn/no-invalid-remove-event-listener": "error",
+		"unicorn/no-invalid-response-options": "error",
+		"unicorn/no-invalid-style-set-property": "error",
+		"unicorn/no-invalid-temporal-arithmetic": "error",
+		"unicorn/no-invalid-url-protocol-comparison": "error",
 		"unicorn/no-invalid-well-known-symbol-methods": "error",
 		"unicorn/no-late-current-target-access": "warn",
 		"unicorn/no-late-event-control": "error",
@@ -87,7 +98,9 @@ function getUnicornRules(options) {
 		"unicorn/no-object-as-default-parameter": "warn",
 		"unicorn/no-object-methods-with-collections": "warn",
 		"unicorn/no-optional-chaining-on-undeclared-variable": "error",
+		"unicorn/no-prevent-default-in-passive-listener": "error",
 		"unicorn/no-redundant-comparison": "warn",
+		"unicorn/no-repeated-call-wrappers": "error",
 		"unicorn/no-return-array-push": "warn",
 		"unicorn/no-selector-as-dom-name": "error",
 		"unicorn/no-single-promise-in-promise-methods": "warn",
@@ -101,9 +114,11 @@ function getUnicornRules(options) {
 		"unicorn/no-unnecessary-array-flat-depth": "warn",
 		"unicorn/no-unnecessary-array-splice-count": "warn",
 		"unicorn/no-unnecessary-boolean-comparison": "warn",
+		"unicorn/no-unnecessary-default-arguments": "warn",
 		"unicorn/no-unnecessary-fetch-options": "warn",
 		"unicorn/no-unnecessary-global-this": "warn",
 		"unicorn/no-unnecessary-nested-ternary": "warn",
+		"unicorn/no-unnecessary-parameters": "warn",
 		"unicorn/no-unnecessary-polyfills": "warn",
 		"unicorn/no-unnecessary-slice-end": "warn",
 		"unicorn/no-unnecessary-splice": "warn",
@@ -112,11 +127,13 @@ function getUnicornRules(options) {
 		"unicorn/no-unreadable-iife": "warn",
 		"unicorn/no-unreadable-new-expression": "warn",
 		"unicorn/no-unsafe-buffer-conversion": "warn",
+		"unicorn/no-unsafe-json-serialization": "error",
 		"unicorn/no-unsafe-promise-all-settled-values": "error",
 		"unicorn/no-unsafe-property-key": "error",
 		"unicorn/no-unused-builtin-method-return": "warn",
 		"unicorn/no-unused-iterator-helper": "warn",
 		"unicorn/no-unused-properties": "warn",
+		"unicorn/no-url-in-search-params": "warn",
 		"unicorn/no-useless-boolean-cast": "warn",
 		"unicorn/no-useless-collection-argument": "warn",
 		"unicorn/no-useless-compound-assignment": "warn",
@@ -164,7 +181,10 @@ function getUnicornRules(options) {
 		"unicorn/prefer-class-fields": "warn",
 		"unicorn/prefer-classlist-toggle": "warn",
 		"unicorn/prefer-code-point": "error",
-		"unicorn/prefer-combined-guards": ["warn", { checkCompoundConditions: true }],
+		"unicorn/prefer-combined-guards": ["warn", {
+			checkCompoundConditions: true,
+			checkMultiStatementBodies: true
+		}],
 		"unicorn/prefer-continue": ["warn", { maximumStatements: 3 }],
 		"unicorn/prefer-date-now": "warn",
 		"unicorn/prefer-direct-iteration": "warn",
@@ -195,6 +215,7 @@ function getUnicornRules(options) {
 		"unicorn/prefer-iterator-zip": "warn",
 		"unicorn/prefer-json-import": "warn",
 		"unicorn/prefer-keyboard-event-key": "error",
+		"unicorn/prefer-literal-ascii": "warn",
 		"unicorn/prefer-location-assign": "warn",
 		"unicorn/prefer-logical-operator-over-ternary": "warn",
 		"unicorn/prefer-map-from-entries": "warn",
@@ -219,6 +240,7 @@ function getUnicornRules(options) {
 		"unicorn/prefer-optional-catch-binding": "warn",
 		"unicorn/prefer-path2d": "warn",
 		"unicorn/prefer-private-class-fields": "warn",
+		"unicorn/prefer-promise-static-methods": "warn",
 		"unicorn/prefer-promise-try": "warn",
 		"unicorn/prefer-promise-with-resolvers": "warn",
 		"unicorn/prefer-queue-microtask": "warn",
@@ -229,9 +251,10 @@ function getUnicornRules(options) {
 		"unicorn/prefer-scoped-selector": "warn",
 		"unicorn/prefer-set-methods": "warn",
 		"unicorn/prefer-set-size": "warn",
+		"unicorn/prefer-short-escape-sequences": "warn",
 		"unicorn/prefer-simple-condition-first": "warn",
 		"unicorn/prefer-simple-sort-comparator": "warn",
-		"unicorn/prefer-simplified-conditions": "warn",
+		"unicorn/prefer-simplified-conditions": ["warn", { negatedConditions: "expand" }],
 		"unicorn/prefer-single-array-predicate": "warn",
 		"unicorn/prefer-single-call": "warn",
 		"unicorn/prefer-single-object-destructuring": "warn",
@@ -267,6 +290,7 @@ function getUnicornRules(options) {
 		"unicorn/require-number-to-fixed-digits-argument": "warn",
 		"unicorn/require-passive-events": "warn",
 		"unicorn/require-proxy-trap-boolean-return": "error",
+		"unicorn/require-text-decoder-streaming": "error",
 		"unicorn/switch-case-braces": "warn",
 		"unicorn/switch-case-break-position": "error",
 		"unicorn/template-indent": "warn",