@master/eslint-config-css 2.0.0-rc.7 → 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/1aron/repo/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/docs/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/dist/index.d.ts

@@ -0,0 +1,2 @@
+import recommended from '@master/eslint-plugin-css/configs/recommended';
+export default recommended;

package/dist/index.mjs

@@ -0,0 +1,2 @@
+import recommended from '@master/eslint-plugin-css/configs/recommended';
+export { default } from '@master/eslint-plugin-css/configs/recommended';

package/eslint.config.mjs

@@ -0,0 +1,7 @@
+import common from '../../eslint.config.mjs'
+import techor from 'eslint-config-techor'
+
+export default [
+    ...common,
+    techor.configs.typescript,
+]

package/package.json

@@ -1 +1 @@
-{"name":"@master/eslint-config-css","keywords":["mastercss","eslint","eslintconfig"],"license":"MIT","description":"Master CSS ESLint Plugin Config","author":"Aoyue Design LLC.","funding":"https://css.master.co/docs/donate","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":"index.js","exports":{".":"./index.js","./flat":"./flat.js"},"publishConfig":{"access":"public"},"dependencies":{"@master/eslint-plugin-css":"^2.0.0-rc.7"},"version":"2.0.0-rc.7"}
+{"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/src/index.ts

@@ -0,0 +1,3 @@
+import recommended from '@master/eslint-plugin-css/configs/recommended'
+
+export default recommended

package/tests/eslint.config.mjs

@@ -0,0 +1,14 @@
+import css from '@master/eslint-config-css'
+import htmlParser from '@angular-eslint/template-parser'
+
+export default [
+    css,
+    {
+        files: [
+            '*.html'
+        ],
+        languageOptions: {
+            parser: htmlParser
+        }
+    }
+]

package/tests/index.html

@@ -0,0 +1,4 @@
+<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>

package/tests/test.ts

@@ -0,0 +1,20 @@
+import { test, expect } from 'vitest'
+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(0)
+    expect(result[0].warningCount).toBe(7)
+    expect(result[0].messages.map((eachMessage) => eachMessage.message)).toEqual(
+        [
+            'No consistent class order followed.',
+            '"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.',
+        ]
+    )
+})

package/tsconfig.json

@@ -0,0 +1,12 @@
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "dist",
+        "strict": false
+    },
+    "include": [
+        "src/**/*.ts",
+        "tests/**/*.test.ts",
+        "tests/**/test.ts"
+    ]
+}

package/tsconfig.prod.json

@@ -0,0 +1,10 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "rootDir": "src",
+        "outDir": "dist",
+    },
+    "include": [
+        "src/**/*"
+    ]
+}

package/vitest.config.ts

@@ -0,0 +1,4 @@
+import { defineConfig } from 'vitest/config'
+import config from '../../shared/vitest.config'
+
+export default defineConfig(config)

package/flat.js

@@ -1,3 +0,0 @@
-const { configs } = require('@master/eslint-plugin-css')
-
-module.exports = configs.flat

package/index.js

@@ -1,3 +0,0 @@
-module.exports = {
-    extends: ['plugin:@master/css/recommended']
-}