@master/eslint-config-css 2.0.0-rc.75 → 2.0.0-rc.76

package/.turbo/turbo-build.log

@@ -4,12 +4,12 @@ $ tsdown --config ../../shared/tsdown-package.config.ts
 ℹ entry: src/index.ts
 ℹ tsconfig: tsconfig.prod.json
 ℹ Build start
-ℹ dist/index.js    0.16 kB │ gzip: 0.14 kB
+ℹ dist/index.js    0.19 kB │ gzip: 0.15 kB
 ℹ dist/index.d.ts  0.15 kB │ gzip: 0.13 kB
-ℹ 2 files, total: 0.31 kB
+ℹ 2 files, total: 0.34 kB
 [PLUGIN_TIMINGS] Your build spent significant time in plugins. Here is a breakdown:
-  - rolldown-plugin-dts:generate (51%)
-  - tsdown:deps (49%)
+  - tsdown:deps (65%)
+  - rolldown-plugin-dts:generate (34%)
 See https://rolldown.rs/reference/InputOptions.checks#plugintimings for more details.
 
-✔ Build complete in 4692ms
+✔ Build complete in 4598ms

package/AI.md

@@ -2,12 +2,12 @@
 
 ## Responsibility
 
-`@master/eslint-config-css` re-exports the recommended config from `@master/eslint-plugin-css`.
+`@master/eslint-config-css` combines the recommended class linting config and stylesheet linting config from `@master/eslint-plugin-css`.
 
 ## Owns
 
 - Config wrapper package entrypoint.
-- Compatibility with the plugin recommended config shape.
+- Compatibility with the plugin recommended and stylesheet config shapes.
 
 ## Does Not Own
 

package/README.md

@@ -66,18 +66,16 @@ Use the flat config in `eslint.config.js`:
 import css from '@master/eslint-config-css'
 
 /** @type {import('eslint').Linter.Config[]} */
-export default [
-    css
-]
+export default [...css]
 ```
 
-This package re-exports the recommended config from `@master/eslint-plugin-css`.
+This package combines the recommended class linting config and the standalone stylesheet config from `@master/eslint-plugin-css`.
 
 For custom rules and settings, configure the plugin rules in the same flat config:
 
 ```js
 export default [
-    css,
+    ...css,
     {
         rules: {
             '@master/css/no-invalid-classes': ['error', {

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { Linter } from "eslint";
 
 //#region src/index.d.ts
-declare const recommended: Linter.Config;
+declare const recommended: Linter.Config[];
 //#endregion
 export { recommended as default };

package/dist/index.js

@@ -1,5 +1,5 @@
 import css from "@master/eslint-plugin-css";
 //#region src/index.ts
-const recommended = css.configs.recommended;
+const recommended = [css.configs.recommended, css.configs.stylesheet];
 //#endregion
 export { recommended as default };

package/package.json

@@ -36,7 +36,7 @@
     "provenance": true
   },
   "dependencies": {
-    "@master/eslint-plugin-css": "^2.0.0-rc.75"
+    "@master/eslint-plugin-css": "^2.0.0-rc.76"
   },
   "peerDependencies": {
     "eslint": ">=9.0.0"
@@ -45,7 +45,7 @@
     "@angular-eslint/template-parser": "^21.4.0",
     "eslint": "^10.5.0"
   },
-  "version": "2.0.0-rc.75",
+  "version": "2.0.0-rc.76",
   "scripts": {
     "build": "tsdown --config ../../shared/tsdown-package.config.ts",
     "dev": "tsdown --config ../../shared/tsdown-package.config.ts --watch",

package/src/index.ts

@@ -1,6 +1,9 @@
 import css from '@master/eslint-plugin-css'
 import type { Linter } from 'eslint'
 
-const recommended: Linter.Config = css.configs.recommended
+const recommended: Linter.Config[] = [
+    css.configs.recommended,
+    css.configs.stylesheet
+]
 
 export default recommended

package/tests/eslint.config.js

@@ -2,7 +2,7 @@ import css from '@master/eslint-config-css'
 import htmlParser from '@angular-eslint/template-parser'
 
 export default [
-    css,
+    ...css,
     {
         files: [
             '*.html'
@@ -11,4 +11,4 @@ export default [
             parser: htmlParser
         }
     }
-]
+]

package/tests/test.ts

@@ -1,5 +1,6 @@
 import { test, expect } from 'vitest'
 import { ESLint } from 'eslint'
+import css from '../src/index'
 
 test('ESLint Configuration is valid', async () => {
     const eslint = new ESLint({ cwd: __dirname })
@@ -20,3 +21,23 @@ test('ESLint Configuration is valid', async () => {
         ]
     )
 })
+
+test('Default ESLint configuration lints standalone stylesheets', async () => {
+    const diagnosticESLint = new ESLint({
+        cwd: __dirname,
+        overrideConfigFile: true,
+        overrideConfig: css
+    })
+    const fixESLint = new ESLint({
+        cwd: __dirname,
+        fix: true,
+        overrideConfigFile: true,
+        overrideConfig: css
+    })
+    const [diagnosticResult] = await diagnosticESLint.lintText('.btn { @compose contain:content; }', { filePath: 'index.css' })
+    const [fixResult] = await fixESLint.lintText('.btn { @compose contain:content; }', { filePath: 'index.css' })
+
+    expect(diagnosticResult.errorCount).toBe(0)
+    expect(diagnosticResult.warningCount).toBe(1)
+    expect(fixResult.output).toBe('.btn { contain: content; }')
+})