@master/eslint-plugin-css 2.0.0-rc.16 → 2.0.0-rc.19

package/README.md

@@ -41,7 +41,7 @@
             <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/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">

package/dist/configs/flat.d.ts

@@ -10,7 +10,16 @@ declare const _default: {
         };
     };
     plugins: {
-        '@master/css': import("eslint").ESLint.Plugin;
+        '@master/css': {
+            meta: {
+                name: string;
+            };
+            rules: {
+                'class-collision': import("@typescript-eslint/utils/ts-eslint").RuleModule<"collisionClass", any[], import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+                'class-order': import("@typescript-eslint/utils/ts-eslint").RuleModule<"invalidClassOrder", any[], import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+                'class-validation': import("@typescript-eslint/utils/ts-eslint").RuleModule<"invalidClass" | "disallowUnknownClass", any[], import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+            };
+        };
     };
 };
 export default _default;

package/dist/create-rule.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var utils = require('@typescript-eslint/utils');
+
+var createRule = utils.ESLintUtils.RuleCreator((name)=>'https://rc.css.master.co/docs/code-linting#' + name);
+
+module.exports = createRule;

package/dist/create-rule.d.ts

@@ -0,0 +1,3 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+declare const _default: <TOptions extends readonly unknown[], TMessageIds extends string>({ name, meta, ...rule }: Readonly<ESLintUtils.RuleWithMetaAndName<TOptions, TMessageIds>>) => ESLintUtils.RuleModule<TMessageIds, TOptions, ESLintUtils.RuleListener>;
+export default _default;

package/dist/create-rule.mjs

@@ -0,0 +1,5 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+
+var createRule = ESLintUtils.RuleCreator((name)=>'https://rc.css.master.co/docs/code-linting#' + name);
+
+export { createRule as default };

package/dist/{utils/get-mastercss.cjs → functions/get-css.cjs}

@@ -5,7 +5,7 @@ var exploreConfig = require('explore-config');
 
 let currentCSS;
 let currentConfig;
-function getMasterCSS(config) {
+function getCSS(config) {
     if (!currentCSS || currentConfig !== config) {
         currentCSS = new css.MasterCSS(typeof config === 'object' ? config : exploreConfig(config || ''));
         currentConfig = config;
@@ -13,4 +13,4 @@ function getMasterCSS(config) {
     return currentCSS;
 }
 
-module.exports = getMasterCSS;
+module.exports = getCSS;

package/dist/functions/get-css.d.ts

@@ -0,0 +1 @@
+export default function getCSS(config: any): any;

package/dist/{utils/get-mastercss.mjs → functions/get-css.mjs}

@@ -3,7 +3,7 @@ import exploreConfig from 'explore-config';
 
 let currentCSS;
 let currentConfig;
-function getMasterCSS(config) {
+function getCSS(config) {
     if (!currentCSS || currentConfig !== config) {
         currentCSS = new MasterCSS(typeof config === 'object' ? config : exploreConfig(config || ''));
         currentConfig = config;
@@ -11,4 +11,4 @@ function getMasterCSS(config) {
     return currentCSS;
 }
 
-export { getMasterCSS as default };
+export { getCSS as default };

package/dist/functions/reorder-valid-classes.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var synckit = require('synckit');
+var reorderValidClasses_worker = require('./reorder-valid-classes.worker.cjs');
+var path = require('path');
+
+var reorderValidClasses = process.env.NODE_ENV === 'test' ? reorderValidClasses_worker : synckit.createSyncFn(path.join(__dirname, 'reorder-valid-classes.worker.cjs'));
+
+module.exports = reorderValidClasses;

package/dist/functions/reorder-valid-classes.d.ts

@@ -0,0 +1,3 @@
+import runReorderValidClasses from './reorder-valid-classes.worker';
+declare const _default: typeof runReorderValidClasses;
+export default _default;

package/dist/functions/reorder-valid-classes.mjs

@@ -0,0 +1,11 @@
+import __url_for_shim from 'url';
+import __path_for_shim from 'path';
+const __filename = __url_for_shim.fileURLToPath(import.meta.url);
+const __dirname = __path_for_shim.dirname(__filename);
+import { createSyncFn } from 'synckit';
+import runReorderValidClasses from './reorder-valid-classes.worker.mjs';
+import { join } from 'path';
+var reorderValidClasses = process.env.NODE_ENV === 'test' ? runReorderValidClasses : createSyncFn(join(__dirname, 'reorder-valid-classes.worker.cjs'));
+export {
+    reorderValidClasses as default
+};

package/dist/{utils/workers/reorder-valid-classes.cjs → functions/reorder-valid-classes.worker.cjs}

@@ -2,14 +2,14 @@
 
 var css = require('@master/css');
 var synckit = require('synckit');
-var getMastercss = require('../get-mastercss.cjs');
+var getCss = require('./get-css.cjs');
 
 function runReorderValidClasses(classNames, config) {
-    const currentCSS = getMastercss(config);
+    const currentCSS = getCss(config);
     return css.reorderForReadableClasses(classNames, {
         css: currentCSS
     }).filter((eachOrderedClassName)=>classNames.includes(eachOrderedClassName));
 }
 synckit.runAsWorker(runReorderValidClasses);
 
-exports.runReorderValidClasses = runReorderValidClasses;
+module.exports = runReorderValidClasses;

package/dist/functions/reorder-valid-classes.worker.d.ts

@@ -0,0 +1 @@
+export default function runReorderValidClasses(classNames: string[], config: string | object): string[];

package/dist/{utils/workers/reorder-valid-classes.mjs → functions/reorder-valid-classes.worker.mjs}

@@ -1,13 +1,13 @@
 import { reorderForReadableClasses } from '@master/css';
 import { runAsWorker } from 'synckit';
-import getMasterCSS from '../get-mastercss.mjs';
+import getCSS from './get-css.mjs';
 
 function runReorderValidClasses(classNames, config) {
-    const currentCSS = getMasterCSS(config);
+    const currentCSS = getCSS(config);
     return reorderForReadableClasses(classNames, {
         css: currentCSS
     }).filter((eachOrderedClassName)=>classNames.includes(eachOrderedClassName));
 }
 runAsWorker(runReorderValidClasses);
 
-export { runReorderValidClasses };
+export { runReorderValidClasses as default };

package/dist/functions/valid-rules.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var synckit = require('synckit');
+var validRules_worker = require('./valid-rules.worker.cjs');
+var path = require('path');
+
+var validRules = process.env.NODE_ENV === 'test' ? validRules_worker : synckit.createSyncFn(path.join(__dirname, 'valid-rules.worker.cjs'));
+
+module.exports = validRules;

package/dist/functions/valid-rules.d.ts

@@ -0,0 +1,3 @@
+import runValidRules from './valid-rules.worker';
+declare const _default: typeof runValidRules;
+export default _default;

package/dist/functions/valid-rules.mjs

@@ -0,0 +1,11 @@
+import __url_for_shim from 'url';
+import __path_for_shim from 'path';
+const __filename = __url_for_shim.fileURLToPath(import.meta.url);
+const __dirname = __path_for_shim.dirname(__filename);
+import { createSyncFn } from 'synckit';
+import runValidRules from './valid-rules.worker.mjs';
+import { join } from 'path';
+var validRules = process.env.NODE_ENV === 'test' ? runValidRules : createSyncFn(join(__dirname, 'valid-rules.worker.cjs'));
+export {
+    validRules as default
+};

package/dist/{utils/workers/valid-rules.cjs → functions/valid-rules.worker.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
 var synckit = require('synckit');
-var getMastercss = require('../get-mastercss.cjs');
+var getCss = require('./get-css.cjs');
 var cssValidator = require('@master/css-validator');
 
 function runValidRules(classNames, config) {
-    const currentCSS = getMastercss(config);
+    const currentCSS = getCss(config);
     const ruleOfClass = {};
     classNames.forEach((eachClassName)=>{
         const validRule = cssValidator.generateValidRules(eachClassName, {
@@ -20,4 +20,4 @@ function runValidRules(classNames, config) {
 }
 synckit.runAsWorker(runValidRules);
 
-exports.runValidRules = runValidRules;
+module.exports = runValidRules;

package/dist/functions/valid-rules.worker.d.ts

@@ -0,0 +1,5 @@
+import { Rule } from '@master/css';
+export default function runValidRules(classNames: string[], config: string | object): Record<string, {
+    declarations: Rule['declarations'];
+    stateToken: Rule['stateToken'];
+}>;

package/dist/{utils/workers/valid-rules.mjs → functions/valid-rules.worker.mjs}

@@ -1,9 +1,9 @@
 import { runAsWorker } from 'synckit';
-import getMasterCSS from '../get-mastercss.mjs';
+import getCSS from './get-css.mjs';
 import { generateValidRules } from '@master/css-validator';
 
 function runValidRules(classNames, config) {
-    const currentCSS = getMasterCSS(config);
+    const currentCSS = getCSS(config);
     const ruleOfClass = {};
     classNames.forEach((eachClassName)=>{
         const validRule = generateValidRules(eachClassName, {
@@ -18,4 +18,4 @@ function runValidRules(classNames, config) {
 }
 runAsWorker(runValidRules);
 
-export { runValidRules };
+export { runValidRules as default };

package/dist/functions/validate.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var synckit = require('synckit');
+var validate_worker = require('./validate.worker.cjs');
+var path = require('path');
+
+var validate = process.env.NODE_ENV === 'test' ? validate_worker : synckit.createSyncFn(path.join(__dirname, 'validate.worker.cjs'));
+
+module.exports = validate;

package/dist/functions/validate.d.ts

@@ -0,0 +1,3 @@
+import runValidate from './validate.worker';
+declare const _default: typeof runValidate;
+export default _default;

package/dist/functions/validate.mjs

@@ -0,0 +1,11 @@
+import __url_for_shim from 'url';
+import __path_for_shim from 'path';
+const __filename = __url_for_shim.fileURLToPath(import.meta.url);
+const __dirname = __path_for_shim.dirname(__filename);
+import { createSyncFn } from 'synckit';
+import runValidate from './validate.worker.mjs';
+import { join } from 'path';
+var validate = process.env.NODE_ENV === 'test' ? runValidate : createSyncFn(join(__dirname, 'validate.worker.cjs'));
+export {
+    validate as default
+};

package/dist/{utils/workers/validate.cjs → functions/validate.worker.cjs}

@@ -1,15 +1,15 @@
 'use strict';
 
 var synckit = require('synckit');
-var getMastercss = require('../get-mastercss.cjs');
+var getCss = require('./get-css.cjs');
 var cssValidator = require('@master/css-validator');
 
 function runValidate(className, config) {
-    const currentCSS = getMastercss(config);
+    const currentCSS = getCss(config);
     return cssValidator.validate(className, {
         css: currentCSS
     });
 }
 synckit.runAsWorker(runValidate);
 
-exports.runValidate = runValidate;
+module.exports = runValidate;

package/dist/functions/validate.worker.d.ts

@@ -0,0 +1,5 @@
+import { SyntaxError } from '@master/css-validator';
+export default function runValidate(className: string, config: string | object): {
+    isMasterCSS: boolean;
+    errors: SyntaxError[];
+};

package/dist/{utils/workers/validate.mjs → functions/validate.worker.mjs}

@@ -1,13 +1,13 @@
 import { runAsWorker } from 'synckit';
-import getMasterCSS from '../get-mastercss.mjs';
+import getCSS from './get-css.mjs';
 import { validate } from '@master/css-validator';
 
 function runValidate(className, config) {
-    const currentCSS = getMasterCSS(config);
+    const currentCSS = getCSS(config);
     return validate(className, {
         css: currentCSS
     });
 }
 runAsWorker(runValidate);
 
-export { runValidate };
+export { runValidate as default };

package/dist/index.cjs

@@ -5,7 +5,7 @@ var settings = require('./settings.cjs');
 var recommended = require('./configs/recommended.cjs');
 var flat = require('./configs/flat.cjs');
 
-module.exports = {
+/** @type {import('typescript-eslint').Config} */ var index = {
     ...plugin,
     configs: {
         recommended,
@@ -13,3 +13,5 @@ module.exports = {
     },
     settings
 };
+
+module.exports = index;

package/dist/index.d.ts

@@ -1 +1,57 @@
-export {};
+/** @type {import('typescript-eslint').Config} */
+declare const _default: {
+    configs: {
+        recommended: {
+            rules: {
+                readonly '@master/css/class-order': "warn";
+                readonly '@master/css/class-validation': "error";
+                readonly '@master/css/class-collision': "warn";
+            };
+            parserOptions: {
+                readonly ecmaFeatures: {
+                    readonly jsx: true;
+                };
+            };
+            plugins: string[];
+        };
+        flat: {
+            rules: {
+                readonly '@master/css/class-order': "warn";
+                readonly '@master/css/class-validation': "error";
+                readonly '@master/css/class-collision': "warn";
+            };
+            parserOptions: {
+                readonly ecmaFeatures: {
+                    readonly jsx: true;
+                };
+            };
+            plugins: {
+                '@master/css': {
+                    meta: {
+                        name: string;
+                    };
+                    rules: {
+                        'class-collision': import("@typescript-eslint/utils/ts-eslint").RuleModule<"collisionClass", any[], import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+                        'class-order': import("@typescript-eslint/utils/ts-eslint").RuleModule<"invalidClassOrder", any[], import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+                        'class-validation': import("@typescript-eslint/utils/ts-eslint").RuleModule<"invalidClass" | "disallowUnknownClass", any[], import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+                    };
+                };
+            };
+        };
+    };
+    settings: {
+        calleeMatching: string;
+        classMatching: string;
+        ignoredKeys: string[];
+        config: string;
+    };
+    meta: {
+        name: string;
+    };
+    rules: {
+        'class-collision': import("@typescript-eslint/utils/ts-eslint").RuleModule<"collisionClass", any[], import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+        'class-order': import("@typescript-eslint/utils/ts-eslint").RuleModule<"invalidClassOrder", any[], import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+        'class-validation': import("@typescript-eslint/utils/ts-eslint").RuleModule<"invalidClass" | "disallowUnknownClass", any[], import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+    };
+};
+export default _default;

package/dist/index.mjs

@@ -3,7 +3,7 @@ import settings from './settings.mjs';
 import recommended from './configs/recommended.mjs';
 import flat from './configs/flat.mjs';
 
-module.exports = {
+/** @type {import('typescript-eslint').Config} */ var index = {
     ...plugin,
     configs: {
         recommended,
@@ -11,3 +11,5 @@ module.exports = {
     },
     settings
 };
+
+export { index as default };

package/dist/plugin.d.ts

@@ -1,3 +1,11 @@
-import type { ESLint } from 'eslint';
-declare const plugin: ESLint.Plugin;
+declare const plugin: {
+    meta: {
+        name: string;
+    };
+    rules: {
+        'class-collision': import("@typescript-eslint/utils/ts-eslint").RuleModule<"collisionClass", any[], import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+        'class-order': import("@typescript-eslint/utils/ts-eslint").RuleModule<"invalidClassOrder", any[], import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+        'class-validation': import("@typescript-eslint/utils/ts-eslint").RuleModule<"invalidClass" | "disallowUnknownClass", any[], import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+    };
+};
 export default plugin;

package/dist/rules/class-collision.cjs

@@ -5,15 +5,16 @@ var defineVisitors = require('../utils/define-visitors.cjs');
 var resolveContext = require('../utils/resolve-context.cjs');
 var findLoc = require('../utils/find-loc.cjs');
 var parseNodeRecursive = require('../utils/parse-node-recursive.cjs');
-var validRulesAction = require('../utils/valid-rules-action.cjs');
+var validRules = require('../functions/valid-rules.cjs');
+var createRule = require('../create-rule.cjs');
 
-var classCollision = {
+var classCollision = createRule({
+    name: 'class-collision-detection',
     meta: {
+        type: 'layout',
         docs: {
             description: 'Avoid applying classes with the same CSS declaration',
-            category: 'Stylistic Issues',
-            recommended: false,
-            url: 'https://rc.css.master.co/docs/code-linting#class-collision-detection'
+            recommended: 'recommended'
         },
         messages: {
             collisionClass: '{{message}}'
@@ -47,6 +48,7 @@ var classCollision = {
             }
         ]
     },
+    defaultOptions: [],
     create (context) {
         const { options, settings } = resolveContext(context);
         const visitNode = (node, arg = null)=>{
@@ -55,7 +57,7 @@ var classCollision = {
                 const sourceCodeLines = sourceCode.lines;
                 const nodeStartLine = node.loc.start.line;
                 const nodeEndLine = node.loc.end.line;
-                const ruleOfClass = validRulesAction(classNames, settings.config);
+                const ruleOfClass = validRules(classNames, settings.config);
                 for(let i = 0; i < classNames.length; i++){
                     const className = classNames[i];
                     const rule = ruleOfClass[className];
@@ -95,9 +97,10 @@ var classCollision = {
         };
         return defineVisitors({
             context,
-            settings
+            settings,
+            options
         }, visitNode);
     }
-};
+});
 
 module.exports = classCollision;

package/dist/rules/class-collision.d.ts

@@ -1,3 +1,2 @@
-import { Rule } from 'eslint';
-declare const _default: Rule.RuleModule;
+declare const _default: import("@typescript-eslint/utils/ts-eslint").RuleModule<"collisionClass", any[], import("@typescript-eslint/utils/ts-eslint").RuleListener>;
 export default _default;

package/dist/rules/class-collision.mjs

@@ -3,15 +3,16 @@ import defineVisitors from '../utils/define-visitors.mjs';
 import resolveContext from '../utils/resolve-context.mjs';
 import findLoc from '../utils/find-loc.mjs';
 import { parseNodeRecursive } from '../utils/parse-node-recursive.mjs';
-import validRulesAction from '../utils/valid-rules-action.mjs';
+import validRules from '../functions/valid-rules.mjs';
+import createRule from '../create-rule.mjs';
 
-var classCollision = {
+var classCollision = createRule({
+    name: 'class-collision-detection',
     meta: {
+        type: 'layout',
         docs: {
             description: 'Avoid applying classes with the same CSS declaration',
-            category: 'Stylistic Issues',
-            recommended: false,
-            url: 'https://rc.css.master.co/docs/code-linting#class-collision-detection'
+            recommended: 'recommended'
         },
         messages: {
             collisionClass: '{{message}}'
@@ -45,6 +46,7 @@ var classCollision = {
             }
         ]
     },
+    defaultOptions: [],
     create (context) {
         const { options, settings } = resolveContext(context);
         const visitNode = (node, arg = null)=>{
@@ -53,7 +55,7 @@ var classCollision = {
                 const sourceCodeLines = sourceCode.lines;
                 const nodeStartLine = node.loc.start.line;
                 const nodeEndLine = node.loc.end.line;
-                const ruleOfClass = validRulesAction(classNames, settings.config);
+                const ruleOfClass = validRules(classNames, settings.config);
                 for(let i = 0; i < classNames.length; i++){
                     const className = classNames[i];
                     const rule = ruleOfClass[className];
@@ -93,9 +95,10 @@ var classCollision = {
         };
         return defineVisitors({
             context,
-            settings
+            settings,
+            options
         }, visitNode);
     }
-};
+});
 
 export { classCollision as default };

package/dist/rules/class-order.cjs

@@ -9,20 +9,21 @@ var extractValueFromNode = require('../utils/extract-value-from-node.cjs');
 var extractRangeFromNode = require('../utils/extract-range-from-node.cjs');
 var extractClassnamesFromValue = require('../utils/extract-classnames-from-value.cjs');
 var findLoc = require('../utils/find-loc.cjs');
-var reorderValidClassesAction = require('../utils/reorder-valid-classes-action.cjs');
+var reorderValidClasses = require('../functions/reorder-valid-classes.cjs');
+var createRule = require('../create-rule.cjs');
 
-var classOrder = {
+var classOrder = createRule({
+    name: 'consistent-class-order',
     meta: {
+        type: 'layout',
+        fixable: 'code',
         docs: {
             description: 'Enforce a consistent and logical order of classes',
-            category: 'Stylistic Issues',
-            recommended: false,
-            url: 'https://rc.css.master.co/docs/code-linting#consistent-class-order'
+            recommended: 'recommended'
         },
         messages: {
             invalidClassOrder: 'No consistent class order followed.'
         },
-        fixable: 'code',
         schema: [
             {
                 type: 'object',
@@ -51,6 +52,7 @@ var classOrder = {
             }
         ]
     },
+    defaultOptions: [],
     create: function(context) {
         const { options, settings } = resolveContext(context);
         const sourceCode = context.sourceCode;
@@ -147,7 +149,7 @@ var classOrder = {
                 // Don't run sorting for a single or empty className
                 return;
             }
-            let orderedClassNames = reorderValidClassesAction(classNames, settings.config);
+            let orderedClassNames = reorderValidClasses(classNames, settings.config);
             orderedClassNames = classNames.filter((x)=>!orderedClassNames.includes(x)).concat(orderedClassNames).filter((x)=>x.trim() !== '');
             // Generates the validated/sorted attribute value
             let validatedClassNamesValue = '';
@@ -173,7 +175,7 @@ var classOrder = {
                 const sourceCodeLines = sourceCode.lines;
                 const nodeStartLine = node.loc.start.line;
                 const nodeEndLine = node.loc.end.line;
-                const descriptor = {
+                context.report({
                     loc: findLoc(originalClassNamesValue, sourceCodeLines, nodeStartLine, nodeEndLine),
                     messageId: 'invalidClassOrder',
                     fix: function(fixer) {
@@ -182,15 +184,15 @@ var classOrder = {
                             end
                         ], validatedClassNamesValue);
                     }
-                };
-                context.report(descriptor);
+                });
             }
         };
         return defineVisitors({
             context,
-            settings
+            settings,
+            options
         }, visitNode);
     }
-};
+});
 
 module.exports = classOrder;

package/dist/rules/class-order.d.ts

@@ -1,3 +1,2 @@
-import { Rule } from 'eslint';
-declare const _default: Rule.RuleModule;
+declare const _default: import("@typescript-eslint/utils/ts-eslint").RuleModule<"invalidClassOrder", any[], import("@typescript-eslint/utils/ts-eslint").RuleListener>;
 export default _default;

package/dist/rules/class-order.mjs

@@ -7,20 +7,21 @@ import extractValueFromNode from '../utils/extract-value-from-node.mjs';
 import extractRangeFromNode from '../utils/extract-range-from-node.mjs';
 import extractClassnamesFromValue from '../utils/extract-classnames-from-value.mjs';
 import findLoc from '../utils/find-loc.mjs';
-import reorderValidClassesAction from '../utils/reorder-valid-classes-action.mjs';
+import reorderValidClasses from '../functions/reorder-valid-classes.mjs';
+import createRule from '../create-rule.mjs';
 
-var classOrder = {
+var classOrder = createRule({
+    name: 'consistent-class-order',
     meta: {
+        type: 'layout',
+        fixable: 'code',
         docs: {
             description: 'Enforce a consistent and logical order of classes',
-            category: 'Stylistic Issues',
-            recommended: false,
-            url: 'https://rc.css.master.co/docs/code-linting#consistent-class-order'
+            recommended: 'recommended'
         },
         messages: {
             invalidClassOrder: 'No consistent class order followed.'
         },
-        fixable: 'code',
         schema: [
             {
                 type: 'object',
@@ -49,6 +50,7 @@ var classOrder = {
             }
         ]
     },
+    defaultOptions: [],
     create: function(context) {
         const { options, settings } = resolveContext(context);
         const sourceCode = context.sourceCode;
@@ -145,7 +147,7 @@ var classOrder = {
                 // Don't run sorting for a single or empty className
                 return;
             }
-            let orderedClassNames = reorderValidClassesAction(classNames, settings.config);
+            let orderedClassNames = reorderValidClasses(classNames, settings.config);
             orderedClassNames = classNames.filter((x)=>!orderedClassNames.includes(x)).concat(orderedClassNames).filter((x)=>x.trim() !== '');
             // Generates the validated/sorted attribute value
             let validatedClassNamesValue = '';
@@ -171,7 +173,7 @@ var classOrder = {
                 const sourceCodeLines = sourceCode.lines;
                 const nodeStartLine = node.loc.start.line;
                 const nodeEndLine = node.loc.end.line;
-                const descriptor = {
+                context.report({
                     loc: findLoc(originalClassNamesValue, sourceCodeLines, nodeStartLine, nodeEndLine),
                     messageId: 'invalidClassOrder',
                     fix: function(fixer) {
@@ -180,15 +182,15 @@ var classOrder = {
                             end
                         ], validatedClassNamesValue);
                     }
-                };
-                context.report(descriptor);
+                });
             }
         };
         return defineVisitors({
             context,
-            settings
+            settings,
+            options
         }, visitNode);
     }
-};
+});
 
 export { classOrder as default };

package/dist/rules/class-validation.cjs

@@ -4,15 +4,16 @@ var defineVisitors = require('../utils/define-visitors.cjs');
 var resolveContext = require('../utils/resolve-context.cjs');
 var findLoc = require('../utils/find-loc.cjs');
 var parseNodeRecursive = require('../utils/parse-node-recursive.cjs');
-var validateAction = require('../utils/validate-action.cjs');
+var validate = require('../functions/validate.cjs');
+var createRule = require('../create-rule.cjs');
 
-var classValidation = {
+var classValidation = createRule({
+    name: 'syntax-error-checks',
     meta: {
+        type: 'problem',
         docs: {
             description: 'Detect syntax errors early when writing classes',
-            category: 'Stylistic Issues',
-            recommended: false,
-            url: 'https://rc.css.master.co/docs/code-linting#syntax-error-checks'
+            recommended: 'recommended'
         },
         messages: {
             invalidClass: '{{message}}',
@@ -47,6 +48,7 @@ var classValidation = {
             }
         ]
     },
+    defaultOptions: [],
     create: function(context) {
         const { options, settings } = resolveContext(context);
         const visitNode = (node, arg = null)=>{
@@ -56,7 +58,7 @@ var classValidation = {
                 const nodeStartLine = node.loc.start.line;
                 const nodeEndLine = node.loc.end.line;
                 for (const className of classNames){
-                    const { isMasterCSS, errors } = validateAction(className, settings.config);
+                    const { isMasterCSS, errors } = validate(className, settings.config);
                     if (errors.length > 0) {
                         for (const error of errors){
                             if (isMasterCSS) {
@@ -83,9 +85,10 @@ var classValidation = {
         };
         return defineVisitors({
             context,
-            settings
+            settings,
+            options
         }, visitNode);
     }
-};
+});
 
 module.exports = classValidation;

package/dist/rules/class-validation.d.ts

@@ -1,3 +1,2 @@
-import { Rule } from 'eslint';
-declare const _default: Rule.RuleModule;
+declare const _default: import("@typescript-eslint/utils/ts-eslint").RuleModule<"invalidClass" | "disallowUnknownClass", any[], import("@typescript-eslint/utils/ts-eslint").RuleListener>;
 export default _default;

package/dist/rules/class-validation.mjs

@@ -2,15 +2,16 @@ import defineVisitors from '../utils/define-visitors.mjs';
 import resolveContext from '../utils/resolve-context.mjs';
 import findLoc from '../utils/find-loc.mjs';
 import { parseNodeRecursive } from '../utils/parse-node-recursive.mjs';
-import validateAction from '../utils/validate-action.mjs';
+import validate from '../functions/validate.mjs';
+import createRule from '../create-rule.mjs';
 
-var classValidation = {
+var classValidation = createRule({
+    name: 'syntax-error-checks',
     meta: {
+        type: 'problem',
         docs: {
             description: 'Detect syntax errors early when writing classes',
-            category: 'Stylistic Issues',
-            recommended: false,
-            url: 'https://rc.css.master.co/docs/code-linting#syntax-error-checks'
+            recommended: 'recommended'
         },
         messages: {
             invalidClass: '{{message}}',
@@ -45,6 +46,7 @@ var classValidation = {
             }
         ]
     },
+    defaultOptions: [],
     create: function(context) {
         const { options, settings } = resolveContext(context);
         const visitNode = (node, arg = null)=>{
@@ -54,7 +56,7 @@ var classValidation = {
                 const nodeStartLine = node.loc.start.line;
                 const nodeEndLine = node.loc.end.line;
                 for (const className of classNames){
-                    const { isMasterCSS, errors } = validateAction(className, settings.config);
+                    const { isMasterCSS, errors } = validate(className, settings.config);
                     if (errors.length > 0) {
                         for (const error of errors){
                             if (isMasterCSS) {
@@ -81,9 +83,10 @@ var classValidation = {
         };
         return defineVisitors({
             context,
-            settings
+            settings,
+            options
         }, visitNode);
     }
-};
+});
 
 export { classValidation as default };

package/dist/settings.d.ts

@@ -5,3 +5,9 @@ declare const settings: {
     config: string;
 };
 export default settings;
+export interface Settings {
+    calleeMatching: string;
+    classMatching: string;
+    ignoredKeys: string[];
+    config: string | object;
+}

package/dist/utils/define-visitors.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-function defineVisitors({ context, settings }, visitNode) {
+function defineVisitors({ context, settings, options }, visitNode) {
     const isFnNode = (node)=>{
         let calleeName = '';
         const calleeNode = node.callee || node.tag;
@@ -64,9 +64,11 @@ function defineVisitors({ context, settings }, visitNode) {
             }
         }
     };
+    // @ts-expect-error defineTemplateBodyVisitor
     if (context.sourceCode.parserServices == null || context.sourceCode.parserServices.defineTemplateBodyVisitor == null) {
         return scriptVisitor;
     } else {
+        // @ts-expect-error defineTemplateBodyVisitor
         return context.sourceCode.parserServices.defineTemplateBodyVisitor(templateBodyVisitor, scriptVisitor);
     }
 }

package/dist/utils/define-visitors.d.ts

@@ -1,5 +1,8 @@
-import { Rule } from 'eslint';
-export default function defineVisitors({ context, settings }: {
-    context: Rule.RuleContext;
-    settings: any;
-}, visitNode: any): any;
+import { TSESTree } from '@typescript-eslint/utils';
+import type { RuleContext, RuleListener } from '@typescript-eslint/utils/ts-eslint';
+import { Settings } from '../settings';
+export default function defineVisitors({ context, settings, options }: {
+    context: RuleContext<any, any[]>;
+    settings: Settings;
+    options: any;
+}, visitNode: (node: TSESTree.Node, args?: any) => void): RuleListener;

package/dist/utils/define-visitors.mjs

@@ -1,4 +1,4 @@
-function defineVisitors({ context, settings }, visitNode) {
+function defineVisitors({ context, settings, options }, visitNode) {
     const isFnNode = (node)=>{
         let calleeName = '';
         const calleeNode = node.callee || node.tag;
@@ -62,9 +62,11 @@ function defineVisitors({ context, settings }, visitNode) {
             }
         }
     };
+    // @ts-expect-error defineTemplateBodyVisitor
     if (context.sourceCode.parserServices == null || context.sourceCode.parserServices.defineTemplateBodyVisitor == null) {
         return scriptVisitor;
     } else {
+        // @ts-expect-error defineTemplateBodyVisitor
         return context.sourceCode.parserServices.defineTemplateBodyVisitor(templateBodyVisitor, scriptVisitor);
     }
 }

package/dist/utils/parse-node-recursive.cjs

@@ -16,7 +16,7 @@ var extractRangeFromNode = require('./extract-range-from-node.cjs');
  * @param {Boolean} isolate Optional, set internally to isolate parsing and validation on conditional children
  * @param {Array} ignoredKeys Optional, set object keys which should not be parsed e.g. for `cva`
  * @returns {void}
- */ function parseNodeRecursive(rootNode, childNode, cb, skipConditional = false, isolate = false, ignoredKeys = [], context = null) {
+ */ function parseNodeRecursive(rootNode, childNode, cb, skipConditional = false, isolate = false, ignoredKeys = [], context) {
     // TODO allow vue non litteral
     let originalClassNamesValue;
     let classNames;

package/dist/utils/parse-node-recursive.d.ts

@@ -1,4 +1,4 @@
-import { Rule } from 'eslint';
+import type { RuleContext } from '@typescript-eslint/utils/ts-eslint';
 /**
  * Inspect and parse an abstract syntax node and run a callback function
  *
@@ -10,4 +10,4 @@ import { Rule } from 'eslint';
  * @param {Array} ignoredKeys Optional, set object keys which should not be parsed e.g. for `cva`
  * @returns {void}
  */
-export declare function parseNodeRecursive(rootNode: any, childNode: any, cb: any, skipConditional?: boolean, isolate?: boolean, ignoredKeys?: any[], context?: Rule.RuleContext): void;
+export declare function parseNodeRecursive(rootNode: any, childNode: any, cb: any, skipConditional?: boolean, isolate?: boolean, ignoredKeys?: any[], context?: RuleContext<any, any>): void;

package/dist/utils/parse-node-recursive.mjs

@@ -14,7 +14,7 @@ import extractRangeFromNode from './extract-range-from-node.mjs';
  * @param {Boolean} isolate Optional, set internally to isolate parsing and validation on conditional children
  * @param {Array} ignoredKeys Optional, set object keys which should not be parsed e.g. for `cva`
  * @returns {void}
- */ function parseNodeRecursive(rootNode, childNode, cb, skipConditional = false, isolate = false, ignoredKeys = [], context = null) {
+ */ function parseNodeRecursive(rootNode, childNode, cb, skipConditional = false, isolate = false, ignoredKeys = [], context) {
     // TODO allow vue non litteral
     let originalClassNamesValue;
     let classNames;

package/dist/utils/resolve-context.d.ts

@@ -1,4 +1,10 @@
-export default function resolveContext(context: any): {
-    settings: any;
+import type { RuleContext } from '@typescript-eslint/utils/ts-eslint';
+export default function resolveContext(context: RuleContext<any, any[]>): {
+    settings: {
+        calleeMatching: string;
+        classMatching: string;
+        ignoredKeys: string[];
+        config: string;
+    };
     options: any;
 };

package/package.json

@@ -1 +1 @@
-{"name":"@master/eslint-plugin-css","scripts":{"build":"techor build \"src/**/*.ts\"","dev":"pnpm build --watch","test":"jest","type-check":"tsc --noEmit","lint":"eslint src"},"keywords":["mastercss","eslint","eslintplugin"],"license":"MIT","description":"Master CSS ESLint Plugin","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-plugin"},"sideEffects":false,"main":"./dist/index.cjs","types":"./dist/index.d.ts","exports":"./dist/index.cjs","module":"./dist/index.mjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","files":["dist"],"publishConfig":{"access":"public"},"dependencies":{"@master/css":"^2.0.0-rc.16","@master/css-validator":"^2.0.0-rc.16","explore-config":"^3.0.11","synckit":"^0.8.5"},"devDependencies":{"@angular-eslint/template-parser":"^16.2.0","@swc-node/register":"^1.6.8","@types/node":"^20","@typescript-eslint/parser":"^6.10.0","@typescript-eslint/utils":"^6.10.0","eslint":"^8.52.0","eslint-plugin-markdown":"^3.0.1","eslint-plugin-mdx":"^2.2.0","svelte-eslint-parser":"^0.33.1","ts-node":"^10.9.1","vue-eslint-parser":"^9.3.1"},"version":"2.0.0-rc.16"}
+{"name":"@master/eslint-plugin-css","type":"module","scripts":{"build":"techor build \"src/**/*.{js,ts}\"","dev":"pnpm build --watch","test":"jest","type-check":"tsc --noEmit","lint":"eslint src"},"keywords":["mastercss","eslint","eslintplugin"],"license":"MIT","description":"Master CSS ESLint Plugin","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-plugin"},"sideEffects":false,"main":"./dist/index.cjs","module":"./dist/index.mjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.cjs","types":"./dist/index.d.ts"}},"files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/css":"^2.0.0-rc.19","@master/css-validator":"^2.0.0-rc.19","@typescript-eslint/utils":"^7.0.2","explore-config":"^3.0.15","synckit":"^0.9.0","typescript-eslint":"^7.0.2"},"devDependencies":{"@angular-eslint/template-parser":"^16.3.1","@types/node":"^20.11.20","@typescript-eslint/rule-tester":"^7.0.2","eslint":"^8.57.0","eslint-plugin-markdown":"^3.0.1","eslint-plugin-mdx":"^2.3.4","svelte-eslint-parser":"^0.33.1","ts-node":"^10.9.2","vue-eslint-parser":"^9.4.2"},"version":"2.0.0-rc.19"}

package/dist/utils/get-mastercss.d.ts

@@ -1,2 +0,0 @@
-import { MasterCSS, Config } from '@master/css';
-export default function getMasterCSS(config: string | Config): MasterCSS;

package/dist/utils/reorder-valid-classes-action.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var synckit = require('synckit');
-
-const reorderValidClassesAction = synckit.createSyncFn(require.resolve('./workers/reorder-valid-classes'), {
-    tsRunner: 'swc'
-});
-
-module.exports = reorderValidClassesAction;

package/dist/utils/reorder-valid-classes-action.d.ts

@@ -1,3 +0,0 @@
-import type { runReorderValidClasses } from './workers/reorder-valid-classes';
-declare const reorderValidClassesAction: typeof runReorderValidClasses;
-export default reorderValidClassesAction;

package/dist/utils/reorder-valid-classes-action.mjs

@@ -1,7 +0,0 @@
-import __mod_for_shim from 'module';
-const require = __mod_for_shim.createRequire(import.meta.url);
-import { createSyncFn } from 'synckit';
-const reorderValidClassesAction = createSyncFn(require.resolve('./workers/reorder-valid-classes'), { tsRunner: 'swc' });
-export {
-    reorderValidClassesAction as default
-};

package/dist/utils/valid-rules-action.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var synckit = require('synckit');
-
-const validRulesAction = synckit.createSyncFn(require.resolve('./workers/valid-rules'), {
-    tsRunner: 'swc'
-});
-
-module.exports = validRulesAction;

package/dist/utils/valid-rules-action.d.ts

@@ -1,3 +0,0 @@
-import type { runValidRules } from './workers/valid-rules';
-declare const validRulesAction: typeof runValidRules;
-export default validRulesAction;

package/dist/utils/valid-rules-action.mjs

@@ -1,7 +0,0 @@
-import __mod_for_shim from 'module';
-const require = __mod_for_shim.createRequire(import.meta.url);
-import { createSyncFn } from 'synckit';
-const validRulesAction = createSyncFn(require.resolve('./workers/valid-rules'), { tsRunner: 'swc' });
-export {
-    validRulesAction as default
-};

package/dist/utils/validate-action.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var synckit = require('synckit');
-
-const validateAction = synckit.createSyncFn(require.resolve('./workers/validate'), {
-    tsRunner: 'swc'
-});
-
-module.exports = validateAction;

package/dist/utils/validate-action.d.ts

@@ -1,3 +0,0 @@
-import type { runValidate } from './workers/validate';
-declare const validateAction: typeof runValidate;
-export default validateAction;

package/dist/utils/validate-action.mjs

@@ -1,7 +0,0 @@
-import __mod_for_shim from 'module';
-const require = __mod_for_shim.createRequire(import.meta.url);
-import { createSyncFn } from 'synckit';
-const validateAction = createSyncFn(require.resolve('./workers/validate'), { tsRunner: 'swc' });
-export {
-    validateAction as default
-};

package/dist/utils/workers/reorder-valid-classes.d.ts

@@ -1,2 +0,0 @@
-import { Config } from '@master/css';
-export declare function runReorderValidClasses(classNames: string[], config: string | Config): string[];

package/dist/utils/workers/valid-rules.d.ts

@@ -1,2 +0,0 @@
-import { Config, Rule } from '@master/css';
-export declare function runValidRules(classNames: string[], config: string | Config): Rule;

package/dist/utils/workers/validate.d.ts

@@ -1,5 +0,0 @@
-import { Config } from '@master/css';
-export declare function runValidate(className: string, config: string | Config): {
-    isMasterCSS: boolean;
-    errors: SyntaxError[];
-};