@master/eslint-config-css 2.0.0-rc.69 → 2.0.0-rc.70

package/AI.md

@@ -0,0 +1,27 @@
+# AI Notes For `@master/eslint-config-css`
+
+## Responsibility
+
+This package re-exports the recommended config from `@master/eslint-plugin-css`.
+
+## Main File
+
+- `src/index.ts`
+
+## Risks
+
+- Public config compatibility.
+- Dependency on plugin config shape.
+
+## Rules
+
+- Do not diverge from plugin recommended config without a clear reason.
+
+## Validation
+
+```sh
+pnpm --filter @master/eslint-config-css test
+pnpm --filter @master/eslint-config-css build
+pnpm --filter @master/eslint-config-css type-check
+```
+

package/README.md

@@ -41,16 +41,54 @@
             <img alt="Follow @mastercorg" src="https://img.shields.io/static/v1?label=%20&message=twitter&color=f6f7f8&logo=twitter&style=for-the-badge">
         </picture>
     </a>
-    <a aria-label="Github Actions" href="https://github.com/master-co/css/actions/workflows/release.yml">
+    <a aria-label="Github Actions" href="https://github.com/master-co/css/actions/workflows/ci-release.yml">
         <picture>
-            <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/github/actions/workflow/status/master-co/css/release.yml?branch=rc&label=%20&message=twitter&color=212022&logo=githubactions&style=for-the-badge">
-            <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/github/actions/workflow/status/master-co/css/release.yml?branch=rc&label=%20&message=twitter&color=f6f7f8&logo=githubactions&style=for-the-badge&logoColor=%23000">
-            <img alt="Github release actions" src="https://img.shields.io/github/actions/workflow/status/master-co/css/release.yml?branch=rc&label=%20&message=twitter&color=f6f7f8&logo=githubactions&style=for-the-badge&logoColor=%23000">
+            <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/github/actions/workflow/status/master-co/css/ci-release.yml?branch=rc&label=%20&message=twitter&color=212022&logo=githubactions&style=for-the-badge">
+            <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/github/actions/workflow/status/master-co/css/ci-release.yml?branch=rc&label=%20&message=twitter&color=f6f7f8&logo=githubactions&style=for-the-badge&logoColor=%23000">
+            <img alt="Github release actions" src="https://img.shields.io/github/actions/workflow/status/master-co/css/ci-release.yml?branch=rc&label=%20&message=twitter&color=f6f7f8&logo=githubactions&style=for-the-badge&logoColor=%23000">
         </picture>
     </a>
 </p>
 
 </div>
 
-## Documentation
-Check out the official [documentation](https://rc.css.master.co/guide/code-linting).
+## Installation
+
+```bash
+npm install -D @master/eslint-config-css
+```
+
+## Usage
+
+Use the flat config in `eslint.config.js`:
+
+```js
+import css from '@master/eslint-config-css'
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+    css
+]
+```
+
+This package re-exports the recommended config from `@master/eslint-plugin-css`.
+
+For custom rules and settings, configure the plugin rules in the same flat config:
+
+```js
+export default [
+    css,
+    {
+        rules: {
+            '@master/css/class-validation': ['error', {
+                disallowUnknownClass: true
+            }]
+        }
+    }
+]
+```
+
+## Related docs
+
+- [Code linting guide](https://rc.css.master.co/guide/code-linting)
+- [ESLint plugin package](../eslint-plugin)

package/package.json

@@ -1 +1 @@
-{"name":"@master/eslint-config-css","type":"module","scripts":{"build":"techor build \"src/**/*.ts\"","dev":"pnpm build --watch","type-check":"tsc --noEmit","test":"vitest","lint":"eslint"},"keywords":["mastercss","eslint","eslintconfig"],"license":"MIT","description":"Master CSS ESLint Configuration","author":"Aoyue Design LLC.","funding":"https://rc.css.master.co/sponsor","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/eslint-config"},"main":"./dist/index.cjs","module":"./dist/index.mjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"}},"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/eslint-plugin-css":"^2.0.0-rc.69"},"peerDependencies":{"eslint":">=9.0.0"},"devDependencies":{"@angular-eslint/template-parser":"^18.4.1","eslint":"^9.15.0","shared":"^2.0.0-rc.69"},"version":"2.0.0-rc.69"}
+{"name":"@master/eslint-config-css","type":"module","scripts":{"build":"techor build \"src/**/*.ts\" --formats esm","dev":"pnpm build --watch","type-check":"tsc --noEmit","test":"vitest","lint":"eslint src *.mjs"},"keywords":["mastercss","eslint","eslintconfig"],"license":"MIT","description":"Master CSS ESLint Configuration","author":"Aoyue Design LLC.","funding":"https://rc.css.master.co/sponsor","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/eslint-config"},"main":"./dist/index.mjs","module":"./dist/index.mjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","default":"./dist/index.mjs"}},"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/eslint-plugin-css":"^2.0.0-rc.70"},"peerDependencies":{"eslint":">=9.0.0"},"devDependencies":{"@angular-eslint/template-parser":"^21.4.0","eslint":"^10.5.0"},"version":"2.0.0-rc.70"}

package/tests/index.html

@@ -1,4 +1,4 @@
-<div class="m:10 m:20 m:30 m:40@sm m:50@sm">...</div>
-<div class="font:12 font:24@sm m:32 block font:32@md mb:48">...</div>
+<div class="m:0.625rem m:5x m:1.875rem m:10x@sm m:3.125rem@sm">...</div>
+<div class="font:.75rem font:1.5rem@sm m:8x block font:2rem@md mb:12x">...</div>
 <button class="btn">...</button>
-<div class="bg:indigo width:error">...</div>
+<div class="bg:indigo width:error">...</div>

package/tests/test.ts

@@ -4,19 +4,17 @@ import { ESLint } from 'eslint'
 test('ESLint Configuration is valid', async () => {
     const eslint = new ESLint({ cwd: __dirname })
     const result = await eslint.lintFiles('./index.html')
-    expect(result[0].errorCount).toBe(1)
-    expect(result[0].warningCount).toBe(6)
+    expect(result[0].errorCount).toBe(0)
+    expect(result[0].warningCount).toBe(7)
     expect(result[0].messages.map((eachMessage) => eachMessage.message)).toEqual(
         [
-            '"m:10" applies the same declarations as "m:20" and "m:30".',
-            '"m:20" applies the same declarations as "m:10" and "m:30".',
-            '"m:30" applies the same declarations as "m:10" and "m:20".',
-            '"m:40@sm" applies the same declarations as "m:50@sm".',
-            '"m:50@sm" applies the same declarations as "m:40@sm".',
             'No consistent class order followed.',
-            'Invalid value for `width` property.',
+            '"m:0.625rem" applies the same declarations as "m:5x" and "m:1.875rem".',
+            '"m:5x" applies the same declarations as "m:0.625rem" and "m:1.875rem".',
+            '"m:1.875rem" applies the same declarations as "m:0.625rem" and "m:5x".',
+            '"m:10x@sm" applies the same declarations as "m:3.125rem@sm".',
+            '"m:3.125rem@sm" applies the same declarations as "m:10x@sm".',
+            'No consistent class order followed.',
         ]
     )
-}, {
-    timeout: 15000 // for Mac OS CI test timed out in 5000ms.
-})
+})

package/dist/index.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var recommended = require('@master/eslint-plugin-css/configs/recommended');
-
-
-
-module.exports = recommended;