@master/eslint-config-css 2.0.0-rc.8 → 2.0.0-rc.80

package/.turbo/turbo-build.log

@@ -0,0 +1,16 @@
+$ tsdown --config ../../shared/tsdown-package.config.ts
+ℹ tsdown v0.22.3 powered by rolldown v1.1.3
+ℹ config file: /home/runner/work/css/css/shared/tsdown-package.config.ts 
+ℹ entry: src/index.ts
+ℹ tsconfig: tsconfig.prod.json
+ℹ Build start
+ℹ 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.34 kB
+[PLUGIN_TIMINGS] Your build spent significant time in plugins. Here is a breakdown:
+  - rolldown-plugin-dts:generate (40%)
+  - tsdown:deps (40%)
+  - external-virtual-modules (20%)
+See https://rolldown.rs/reference/InputOptions.checks#plugintimings for more details.
+
+✔ Build complete in 5456ms

package/AI.md

@@ -0,0 +1,48 @@
+# AI Notes For `@master/eslint-config-css`
+
+## Responsibility
+
+`@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 and stylesheet config shapes.
+
+## Does Not Own
+
+- ESLint rules.
+- Plugin settings schema.
+- Class parsing, validation, ordering, or autofix behavior.
+
+## Public Surface
+
+- Root config export.
+
+## Key Files
+
+- `src/index.ts`
+
+## Risk Areas
+
+- Public config compatibility.
+- Drift from `@master/eslint-plugin-css` recommended config.
+
+## Safe Changes
+
+- Wrapper export fixes that stay aligned with the plugin.
+- Tests for config re-export behavior.
+
+## Dangerous Changes
+
+- Diverging from the plugin recommended config without a clear reason.
+- Adding rule behavior here instead of in `@master/eslint-plugin-css`.
+
+## Validation
+
+```sh
+pnpm --filter @master/eslint-config-css test
+pnpm --filter @master/eslint-config-css lint
+pnpm --filter @master/eslint-config-css type-check
+pnpm --filter @master/eslint-config-css build
+```

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) Aoyue Design LLC.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -41,16 +41,57 @@
             <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 { defineConfig } from 'eslint/config'
+import css from '@master/eslint-config-css'
+
+export default defineConfig([
+    ...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
+import { defineConfig } from 'eslint/config'
+import css from '@master/eslint-config-css'
+
+export default defineConfig([
+    ...css,
+    {
+        rules: {
+            '@master/css/no-invalid-classes': ['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,6 @@
+import { Linter } from "eslint";
+
+//#region src/index.d.ts
+declare const recommended: Linter.Config[];
+//#endregion
+export { recommended as default };

package/dist/index.js

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

package/eslint.config.js

@@ -0,0 +1,5 @@
+import common from '../../eslint.config.js'
+
+export default [
+    ...common
+]

package/package.json

@@ -1 +1,56 @@
-{"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.8"},"version":"2.0.0-rc.8"}
+{
+  "name": "@master/eslint-config-css",
+  "type": "module",
+  "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.js",
+  "module": "./dist/index.js",
+  "jsnext:main": "./dist/index.js",
+  "esnext": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "dependencies": {
+    "@master/eslint-plugin-css": "^2.0.0-rc.80"
+  },
+  "peerDependencies": {
+    "eslint": ">=9.0.0"
+  },
+  "devDependencies": {
+    "@angular-eslint/template-parser": "^21.4.0",
+    "eslint": "^10.5.0"
+  },
+  "version": "2.0.0-rc.80",
+  "scripts": {
+    "build": "tsdown --config ../../shared/tsdown-package.config.ts",
+    "dev": "tsdown --config ../../shared/tsdown-package.config.ts --watch",
+    "type-check": "tsc -b tsconfig.typecheck.json",
+    "test": "vitest",
+    "lint": "eslint src *.js"
+  }
+}

package/src/index.ts

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

package/tests/eslint.config.js

@@ -0,0 +1,15 @@
+import { defineConfig } from 'eslint/config'
+import css from '@master/eslint-config-css'
+import htmlParser from '@angular-eslint/template-parser'
+
+export default defineConfig([
+    ...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,43 @@
+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 })
+    const result = await eslint.lintFiles('./index.html')
+    expect(result[0].errorCount).toBe(0)
+    expect(result[0].warningCount).toBe(9)
+    expect(result[0].messages.map((eachMessage) => eachMessage.message)).toEqual(
+        [
+            'No consistent class order followed.',
+            '"m:0.625rem", "m:5x", and "m:10x@sm" are overridden by "m:1.875rem" and "m:3.125rem@sm".',
+            'No consistent class order followed.',
+            'Prefer "font:xs" over "font:.75rem".',
+            'Prefer "font:2xl@sm" over "font:1.5rem@sm".',
+            'Prefer "mx:8x mt:8x" over "m:8x" because "mb:12x" overrides part of it.',
+            'Prefer "m:xl" over "m:8x".',
+            'Prefer "font:3xl@md" over "font:2rem@md".',
+            'Prefer "mb:2xl" over "mb:12x".',
+        ]
+    )
+})
+
+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; }')
+})

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/tsconfig.typecheck.json

@@ -0,0 +1,19 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "composite": true,
+        "incremental": true,
+        "declaration": true,
+        "declarationMap": false,
+        "emitDeclarationOnly": true,
+        "noEmit": false,
+        "rootDir": ".",
+        "outDir": ".tsbuild/typecheck",
+        "tsBuildInfoFile": ".tsbuild/typecheck/tsconfig.tsbuildinfo"
+    },
+    "references": [
+        {
+            "path": "../eslint-plugin/tsconfig.typecheck.json"
+        }
+    ]
+}

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']
-}