@master/eslint-plugin-css 2.0.0-rc.2 → 2.0.0-rc.20

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

@@ -1 +1,105 @@
-import $ from"../utils/are-declarations-equal.mjs";import v from"../utils/define-visitors.mjs";import L from"../utils/resolve-context.mjs";import j from"../utils/find-loc.mjs";import{parseNodeRecursive as x}from"../utils/parse-node-recursive.mjs";import M from"../utils/valid-rules-action.mjs";var O={meta:{docs:{description:"Avoid applying classes with the same CSS declaration",category:"Stylistic Issues",recommended:!1,url:"https://rc.css.master.co/docs/code-linting#class-collision-detection"},messages:{collisionClass:"{{message}}"},fixable:"code",schema:[{type:"object",properties:{calleeMatching:{type:"string"},classMatching:{type:"string"},ignoredKeys:{type:"array",items:{type:"string",minLength:0},uniqueItems:!0},config:{type:["string","object"]}}}]},create(t){const{options:N,settings:a}=L(t);return v({context:t,settings:a},(f,g=null)=>{x(f,g,(i,d,u,C,h)=>{const y=t.sourceCode.lines,R=d.loc.start.line,S=d.loc.end.line,p=M(i,a.config);for(let n=0;n<i.length;n++){const c=i[n],l=p[c],r=[];if(l)for(let s=0;s<i.length;s++){const o=i[s],e=p[o];n!==s&&e&&$(l.declarations,e.declarations)&&l.stateToken===e.stateToken&&r.push(o)}if(r.length>0){const s=r.map(e=>`"${e}"`).join(" and ");let o=u;for(const e of r){const m=e.replace(/(\\|\.|\(|\)|\[|\]|\{|\}|\+|\*|\?|\^|\$|\||\/)/g,"\\$1");o=o.replace(new RegExp(`\\s+${m}|${m}\\s+`),"")}t.report({loc:j(c,y,R,S),messageId:"collisionClass",data:{message:`"${c}" applies the same CSS declarations as ${s}.`},fix:function(e){return e.replaceTextRange([C,h],o)}})}}},!1,!1,a.ignoredKeys,t)})}};export{O as default};
+import areDeclarationsEqual from '../utils/are-declarations-equal.mjs';
+import areVendorPrefixSelectorsEqual from '../utils/are-vendor-prefix-selectors-equal.mjs';
+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 validRules from '../functions/valid-rules.mjs';
+import createRule from '../create-rule.mjs';
+
+var classCollision = createRule({
+    name: 'class-collision-detection',
+    meta: {
+        type: 'layout',
+        docs: {
+            description: 'Avoid applying classes with the same CSS declaration',
+            recommended: 'recommended'
+        },
+        messages: {
+            collisionClass: '{{message}}'
+        },
+        fixable: 'code',
+        schema: [
+            {
+                type: 'object',
+                properties: {
+                    calleeMatching: {
+                        type: 'string'
+                    },
+                    classMatching: {
+                        type: 'string'
+                    },
+                    ignoredKeys: {
+                        type: 'array',
+                        items: {
+                            type: 'string',
+                            minLength: 0
+                        },
+                        uniqueItems: true
+                    },
+                    config: {
+                        type: [
+                            'string',
+                            'object'
+                        ]
+                    }
+                }
+            }
+        ]
+    },
+    defaultOptions: [],
+    create (context) {
+        const { options, settings } = resolveContext(context);
+        const visitNode = (node, arg = null)=>{
+            parseNodeRecursive(node, arg, (classNames, node, originalClassNamesValue, start, end)=>{
+                const sourceCode = context.sourceCode;
+                const sourceCodeLines = sourceCode.lines;
+                const nodeStartLine = node.loc.start.line;
+                const nodeEndLine = node.loc.end.line;
+                const ruleOfClass = validRules(classNames, settings.config);
+                for(let i = 0; i < classNames.length; i++){
+                    const className = classNames[i];
+                    const rule = ruleOfClass[className];
+                    const conflicts = [];
+                    if (rule) {
+                        for(let j = 0; j < classNames.length; j++){
+                            const compareClassName = classNames[j];
+                            const compareRule = ruleOfClass[compareClassName];
+                            if (i !== j && compareRule && areDeclarationsEqual(rule.declarations, compareRule.declarations) && areVendorPrefixSelectorsEqual(rule.vendorPrefixSelectors, compareRule.vendorPrefixSelectors) && rule.stateToken === compareRule.stateToken) {
+                                conflicts.push(compareClassName);
+                            }
+                        }
+                    }
+                    if (conflicts.length > 0) {
+                        const conflictClassNamesMsg = conflicts.map((x)=>`"${x}"`).join(' and ');
+                        let fixClassNames = originalClassNamesValue;
+                        for (const conflictClassName of conflicts){
+                            const regexSafe = conflictClassName.replace(/(\\|\.|\(|\)|\[|\]|\{|\}|\+|\*|\?|\^|\$|\||\/)/g, '\\$1');
+                            fixClassNames = fixClassNames.replace(new RegExp(`\\s+${regexSafe}|${regexSafe}\\s+`), '');
+                        }
+                        context.report({
+                            loc: findLoc(className, sourceCodeLines, nodeStartLine, nodeEndLine),
+                            messageId: 'collisionClass',
+                            data: {
+                                message: `"${className}" applies the same CSS declarations as ${conflictClassNamesMsg}.`
+                            },
+                            fix: function(fixer) {
+                                return fixer.replaceTextRange([
+                                    start,
+                                    end
+                                ], fixClassNames);
+                            }
+                        });
+                    }
+                }
+            }, false, false, settings.ignoredKeys, context);
+        };
+        return defineVisitors({
+            context,
+            settings,
+            options
+        }, visitNode);
+    }
+});
+
+export { classCollision as default };

package/dist/rules/class-order.cjs

@@ -0,0 +1,198 @@
+'use strict';
+
+var defineVisitors = require('../utils/define-visitors.cjs');
+var resolveContext = require('../utils/resolve-context.cjs');
+var getTemplateElementBody = require('../utils/get-template-element-body.cjs');
+var getTemplateElementSuffix = require('../utils/get-template-element-suffix.cjs');
+var getTemplateElementPrefix = require('../utils/get-template-element-prefix.cjs');
+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 reorderValidClasses = require('../functions/reorder-valid-classes.cjs');
+var createRule = require('../create-rule.cjs');
+
+var classOrder = createRule({
+    name: 'consistent-class-order',
+    meta: {
+        type: 'layout',
+        fixable: 'code',
+        docs: {
+            description: 'Enforce a consistent and logical order of classes',
+            recommended: 'recommended'
+        },
+        messages: {
+            invalidClassOrder: 'No consistent class order followed.'
+        },
+        schema: [
+            {
+                type: 'object',
+                properties: {
+                    calleeMatching: {
+                        type: 'string'
+                    },
+                    classMatching: {
+                        type: 'string'
+                    },
+                    ignoredKeys: {
+                        type: 'array',
+                        items: {
+                            type: 'string',
+                            minLength: 0
+                        },
+                        uniqueItems: true
+                    },
+                    config: {
+                        type: [
+                            'string',
+                            'object'
+                        ]
+                    }
+                }
+            }
+        ]
+    },
+    defaultOptions: [],
+    create: function(context) {
+        const { options, settings } = resolveContext(context);
+        const sourceCode = context.sourceCode;
+        const visitNode = (node, arg = null)=>{
+            let originalClassNamesValue = null;
+            let start = null;
+            let end = null;
+            let prefix = '';
+            let suffix = '';
+            let expStrings = [];
+            if (arg === null) {
+                originalClassNamesValue = extractValueFromNode(node);
+                const range = extractRangeFromNode(node);
+                if (node.type === 'TextAttribute') {
+                    start = range[0];
+                    end = range[1];
+                } else {
+                    start = range[0] + 1;
+                    end = range[1] - 1;
+                }
+            } else {
+                switch(arg.type){
+                    case 'Identifier':
+                        return;
+                    case 'TemplateLiteral':
+                        arg.expressions.forEach((exp)=>{
+                            visitNode(node, exp);
+                        });
+                        originalClassNamesValue = sourceCode.getText(arg);
+                        originalClassNamesValue = originalClassNamesValue.substring(1, originalClassNamesValue.length - 1);
+                        expStrings = originalClassNamesValue.match(/\$\{(?:(?<!\\\\)(['"`]).*?(?<!\\\\)\1|[^}])*?\}/g) ?? [];
+                        for(let i = 0; i < expStrings.length; i++){
+                            originalClassNamesValue = originalClassNamesValue.replace(expStrings[i], `EXPRESSION_STRING_NUM_${i}`);
+                        }
+                        start = arg.range[0] + 1;
+                        end = arg.range[1] - 1;
+                        break;
+                    case 'ConditionalExpression':
+                        visitNode(node, arg.consequent);
+                        visitNode(node, arg.alternate);
+                        return;
+                    case 'LogicalExpression':
+                        visitNode(node, arg.right);
+                        return;
+                    case 'ArrayExpression':
+                        arg.elements.forEach((el)=>{
+                            visitNode(node, el);
+                        });
+                        return;
+                    case 'ObjectExpression':
+                        const isUsedByClassNamesPlugin = node.callee && node.callee.name === 'classnames';
+                        const isVue = node.key && node.key.type === 'VDirectiveKey';
+                        arg.properties.forEach((prop)=>{
+                            const propVal = isUsedByClassNamesPlugin || isVue ? prop.key : prop.value;
+                            visitNode(node, propVal);
+                        });
+                        return;
+                    case 'Property':
+                        visitNode(node, arg.key);
+                        break;
+                    case 'Literal':
+                        originalClassNamesValue = arg.raw.slice(1, arg.raw.length - 1);
+                        start = arg.range[0] + 1;
+                        end = arg.range[1] - 1;
+                        break;
+                    case 'SvelteLiteral':
+                        originalClassNamesValue = arg.value;
+                        if (originalClassNamesValue === '') {
+                            return;
+                        }
+                        start = arg.range[0];
+                        end = arg.range[1];
+                        break;
+                    case 'TemplateElement':
+                        originalClassNamesValue = arg.value.raw;
+                        if (originalClassNamesValue === '') {
+                            return;
+                        }
+                        start = arg.range[0];
+                        end = arg.range[1];
+                        // https://github.com/eslint/eslint/issues/13360
+                        // The problem is that range computation includes the backticks (`test`)
+                        // but value.raw does not include them, so there is a mismatch.
+                        // start/end does not include the backticks, therefore it matches value.raw.
+                        const txt = context.sourceCode.getText(arg);
+                        prefix = getTemplateElementPrefix(txt, originalClassNamesValue);
+                        suffix = getTemplateElementSuffix(txt, originalClassNamesValue);
+                        originalClassNamesValue = getTemplateElementBody(txt, prefix, suffix);
+                        break;
+                }
+            }
+            const { classNames, whitespaces, headSpace, tailSpace } = extractClassnamesFromValue(originalClassNamesValue);
+            if (classNames.length <= 1) {
+                // Don't run sorting for a single or empty className
+                return;
+            }
+            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 = '';
+            for(let i = 0; i < orderedClassNames.length; i++){
+                const w = whitespaces[i] ?? '';
+                const cls = orderedClassNames[i];
+                validatedClassNamesValue += headSpace ? `${w}${cls}` : `${cls}${w}`;
+                if (cls) {
+                    if (!tailSpace && i === orderedClassNames.length - 1) {
+                        validatedClassNamesValue = validatedClassNamesValue.replace(/\s+$/, '');
+                    }
+                    if (headSpace && tailSpace && i === orderedClassNames.length - 1) {
+                        validatedClassNamesValue += whitespaces[whitespaces.length - 1] ?? '';
+                    }
+                }
+            }
+            for(let i = 0; i < expStrings.length; i++){
+                originalClassNamesValue = originalClassNamesValue.replace(`EXPRESSION_STRING_NUM_${i}`, expStrings[i]);
+                validatedClassNamesValue = validatedClassNamesValue.replace(`EXPRESSION_STRING_NUM_${i}`, expStrings[i]);
+            }
+            if (originalClassNamesValue !== validatedClassNamesValue) {
+                validatedClassNamesValue = prefix + validatedClassNamesValue + suffix;
+                const sourceCodeLines = sourceCode.lines;
+                const nodeStartLine = node.loc.start.line;
+                const nodeEndLine = node.loc.end.line;
+                context.report({
+                    loc: findLoc(originalClassNamesValue, sourceCodeLines, nodeStartLine, nodeEndLine),
+                    messageId: 'invalidClassOrder',
+                    fix: function(fixer) {
+                        return fixer.replaceTextRange([
+                            start,
+                            end
+                        ], validatedClassNamesValue);
+                    }
+                });
+            }
+        };
+        return defineVisitors({
+            context,
+            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

@@ -1 +1,196 @@
-import T from"../utils/define-visitors.mjs";import b from"../utils/resolve-context.mjs";import v from"../utils/get-template-element-body.mjs";import R from"../utils/get-template-element-suffix.mjs";import I from"../utils/get-template-element-prefix.mjs";import k from"../utils/extract-value-from-node.mjs";import L from"../utils/extract-range-from-node.mjs";import V from"../utils/extract-classnames-from-value.mjs";import _ from"../utils/find-loc.mjs";import $ from"../utils/reorder-valid-classes-action.mjs";var D={meta:{docs:{description:"Enforce a consistent and logical order of classes",category:"Stylistic Issues",recommended:!1,url:"https://rc.css.master.co/docs/code-linting#consistent-class-order"},messages:{invalidClassOrder:"No consistent class order followed."},fixable:"code",schema:[{type:"object",properties:{calleeMatching:{type:"string"},classMatching:{type:"string"},ignoredKeys:{type:"array",items:{type:"string",minLength:0},uniqueItems:!0},config:{type:["string","object"]}}}]},create:function(u){const{options:M,settings:x}=b(u),N=u.sourceCode,a=(r,t=null)=>{let s=null,o=null,c=null,d="",g="",p=[];if(t===null){s=k(r);const e=L(r);r.type==="TextAttribute"?(o=e[0],c=e[1]):(o=e[0]+1,c=e[1]-1)}else switch(t.type){case"Identifier":return;case"TemplateLiteral":t.expressions.forEach(l=>{a(r,l)}),s=N.getText(t),s=s.substring(1,s.length-1),p=s.match(/\$\{(?:(?<!\\\\)(['"`]).*?(?<!\\\\)\1|[^}])*?\}/g)??[];for(let l=0;l<p.length;l++)s=s.replace(p[l],`EXPRESSION_STRING_NUM_${l}`);o=t.range[0]+1,c=t.range[1]-1;break;case"ConditionalExpression":a(r,t.consequent),a(r,t.alternate);return;case"LogicalExpression":a(r,t.right);return;case"ArrayExpression":t.elements.forEach(l=>{a(r,l)});return;case"ObjectExpression":const e=r.callee&&r.callee.name==="classnames",f=r.key&&r.key.type==="VDirectiveKey";t.properties.forEach(l=>{const E=e||f?l.key:l.value;a(r,E)});return;case"Property":a(r,t.key);break;case"Literal":s=t.value,o=t.range[0]+1,c=t.range[1]-1;break;case"SvelteLiteral":if(s=t.value,s==="")return;o=t.range[0],c=t.range[1];break;case"TemplateElement":if(s=t.value.raw,s==="")return;o=t.range[0],c=t.range[1];const n=u.sourceCode.getText(t);d=I(n,s),g=R(n,s),s=v(n,d,g);break}const{classNames:y,whitespaces:h,headSpace:S,tailSpace:C}=V(s);if(y.length<=1)return;let m=$(y,x.config);m=y.filter(e=>!m.includes(e)).concat(m).filter(e=>e.trim()!=="");let i="";for(let e=0;e<m.length;e++){const f=h[e]??"",n=m[e];i+=S?`${f}${n}`:`${n}${f}`,n&&(!C&&e===m.length-1&&(i=i.replace(/\s+$/,"")),S&&C&&e===m.length-1&&(i+=h[h.length-1]??""))}for(let e=0;e<p.length;e++)s=s.replace(`EXPRESSION_STRING_NUM_${e}`,p[e]),i=i.replace(`EXPRESSION_STRING_NUM_${e}`,p[e]);if(s!==i){i=d+i+g;const e=N.lines,f=r.loc.start.line,n=r.loc.end.line,l={loc:_(s,e,f,n),messageId:"invalidClassOrder",fix:function(E){return E.replaceTextRange([o,c],i)}};u.report(l)}};return T({context:u,settings:x},a)}};export{D as default};
+import defineVisitors from '../utils/define-visitors.mjs';
+import resolveContext from '../utils/resolve-context.mjs';
+import getTemplateElementBody from '../utils/get-template-element-body.mjs';
+import getTemplateElementSuffix from '../utils/get-template-element-suffix.mjs';
+import getTemplateElementPrefix from '../utils/get-template-element-prefix.mjs';
+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 reorderValidClasses from '../functions/reorder-valid-classes.mjs';
+import createRule from '../create-rule.mjs';
+
+var classOrder = createRule({
+    name: 'consistent-class-order',
+    meta: {
+        type: 'layout',
+        fixable: 'code',
+        docs: {
+            description: 'Enforce a consistent and logical order of classes',
+            recommended: 'recommended'
+        },
+        messages: {
+            invalidClassOrder: 'No consistent class order followed.'
+        },
+        schema: [
+            {
+                type: 'object',
+                properties: {
+                    calleeMatching: {
+                        type: 'string'
+                    },
+                    classMatching: {
+                        type: 'string'
+                    },
+                    ignoredKeys: {
+                        type: 'array',
+                        items: {
+                            type: 'string',
+                            minLength: 0
+                        },
+                        uniqueItems: true
+                    },
+                    config: {
+                        type: [
+                            'string',
+                            'object'
+                        ]
+                    }
+                }
+            }
+        ]
+    },
+    defaultOptions: [],
+    create: function(context) {
+        const { options, settings } = resolveContext(context);
+        const sourceCode = context.sourceCode;
+        const visitNode = (node, arg = null)=>{
+            let originalClassNamesValue = null;
+            let start = null;
+            let end = null;
+            let prefix = '';
+            let suffix = '';
+            let expStrings = [];
+            if (arg === null) {
+                originalClassNamesValue = extractValueFromNode(node);
+                const range = extractRangeFromNode(node);
+                if (node.type === 'TextAttribute') {
+                    start = range[0];
+                    end = range[1];
+                } else {
+                    start = range[0] + 1;
+                    end = range[1] - 1;
+                }
+            } else {
+                switch(arg.type){
+                    case 'Identifier':
+                        return;
+                    case 'TemplateLiteral':
+                        arg.expressions.forEach((exp)=>{
+                            visitNode(node, exp);
+                        });
+                        originalClassNamesValue = sourceCode.getText(arg);
+                        originalClassNamesValue = originalClassNamesValue.substring(1, originalClassNamesValue.length - 1);
+                        expStrings = originalClassNamesValue.match(/\$\{(?:(?<!\\\\)(['"`]).*?(?<!\\\\)\1|[^}])*?\}/g) ?? [];
+                        for(let i = 0; i < expStrings.length; i++){
+                            originalClassNamesValue = originalClassNamesValue.replace(expStrings[i], `EXPRESSION_STRING_NUM_${i}`);
+                        }
+                        start = arg.range[0] + 1;
+                        end = arg.range[1] - 1;
+                        break;
+                    case 'ConditionalExpression':
+                        visitNode(node, arg.consequent);
+                        visitNode(node, arg.alternate);
+                        return;
+                    case 'LogicalExpression':
+                        visitNode(node, arg.right);
+                        return;
+                    case 'ArrayExpression':
+                        arg.elements.forEach((el)=>{
+                            visitNode(node, el);
+                        });
+                        return;
+                    case 'ObjectExpression':
+                        const isUsedByClassNamesPlugin = node.callee && node.callee.name === 'classnames';
+                        const isVue = node.key && node.key.type === 'VDirectiveKey';
+                        arg.properties.forEach((prop)=>{
+                            const propVal = isUsedByClassNamesPlugin || isVue ? prop.key : prop.value;
+                            visitNode(node, propVal);
+                        });
+                        return;
+                    case 'Property':
+                        visitNode(node, arg.key);
+                        break;
+                    case 'Literal':
+                        originalClassNamesValue = arg.raw.slice(1, arg.raw.length - 1);
+                        start = arg.range[0] + 1;
+                        end = arg.range[1] - 1;
+                        break;
+                    case 'SvelteLiteral':
+                        originalClassNamesValue = arg.value;
+                        if (originalClassNamesValue === '') {
+                            return;
+                        }
+                        start = arg.range[0];
+                        end = arg.range[1];
+                        break;
+                    case 'TemplateElement':
+                        originalClassNamesValue = arg.value.raw;
+                        if (originalClassNamesValue === '') {
+                            return;
+                        }
+                        start = arg.range[0];
+                        end = arg.range[1];
+                        // https://github.com/eslint/eslint/issues/13360
+                        // The problem is that range computation includes the backticks (`test`)
+                        // but value.raw does not include them, so there is a mismatch.
+                        // start/end does not include the backticks, therefore it matches value.raw.
+                        const txt = context.sourceCode.getText(arg);
+                        prefix = getTemplateElementPrefix(txt, originalClassNamesValue);
+                        suffix = getTemplateElementSuffix(txt, originalClassNamesValue);
+                        originalClassNamesValue = getTemplateElementBody(txt, prefix, suffix);
+                        break;
+                }
+            }
+            const { classNames, whitespaces, headSpace, tailSpace } = extractClassnamesFromValue(originalClassNamesValue);
+            if (classNames.length <= 1) {
+                // Don't run sorting for a single or empty className
+                return;
+            }
+            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 = '';
+            for(let i = 0; i < orderedClassNames.length; i++){
+                const w = whitespaces[i] ?? '';
+                const cls = orderedClassNames[i];
+                validatedClassNamesValue += headSpace ? `${w}${cls}` : `${cls}${w}`;
+                if (cls) {
+                    if (!tailSpace && i === orderedClassNames.length - 1) {
+                        validatedClassNamesValue = validatedClassNamesValue.replace(/\s+$/, '');
+                    }
+                    if (headSpace && tailSpace && i === orderedClassNames.length - 1) {
+                        validatedClassNamesValue += whitespaces[whitespaces.length - 1] ?? '';
+                    }
+                }
+            }
+            for(let i = 0; i < expStrings.length; i++){
+                originalClassNamesValue = originalClassNamesValue.replace(`EXPRESSION_STRING_NUM_${i}`, expStrings[i]);
+                validatedClassNamesValue = validatedClassNamesValue.replace(`EXPRESSION_STRING_NUM_${i}`, expStrings[i]);
+            }
+            if (originalClassNamesValue !== validatedClassNamesValue) {
+                validatedClassNamesValue = prefix + validatedClassNamesValue + suffix;
+                const sourceCodeLines = sourceCode.lines;
+                const nodeStartLine = node.loc.start.line;
+                const nodeEndLine = node.loc.end.line;
+                context.report({
+                    loc: findLoc(originalClassNamesValue, sourceCodeLines, nodeStartLine, nodeEndLine),
+                    messageId: 'invalidClassOrder',
+                    fix: function(fixer) {
+                        return fixer.replaceTextRange([
+                            start,
+                            end
+                        ], validatedClassNamesValue);
+                    }
+                });
+            }
+        };
+        return defineVisitors({
+            context,
+            settings,
+            options
+        }, visitNode);
+    }
+});
+
+export { classOrder as default };

package/dist/rules/class-validation.cjs

@@ -0,0 +1,94 @@
+'use strict';
+
+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 validate = require('../functions/validate.cjs');
+var createRule = require('../create-rule.cjs');
+
+var classValidation = createRule({
+    name: 'syntax-error-checks',
+    meta: {
+        type: 'problem',
+        docs: {
+            description: 'Detect syntax errors early when writing classes',
+            recommended: 'recommended'
+        },
+        messages: {
+            invalidClass: '{{message}}',
+            disallowUnknownClass: '{{message}}'
+        },
+        fixable: null,
+        schema: [
+            {
+                type: 'object',
+                properties: {
+                    calleeMatching: {
+                        type: 'string'
+                    },
+                    classMatching: {
+                        type: 'string'
+                    },
+                    ignoredKeys: {
+                        type: 'array',
+                        items: {
+                            type: 'string',
+                            minLength: 0
+                        },
+                        uniqueItems: true
+                    },
+                    config: {
+                        type: [
+                            'string',
+                            'object'
+                        ]
+                    }
+                }
+            }
+        ]
+    },
+    defaultOptions: [],
+    create: function(context) {
+        const { options, settings } = resolveContext(context);
+        const visitNode = (node, arg = null)=>{
+            parseNodeRecursive.parseNodeRecursive(node, arg, (classNames, node)=>{
+                const sourceCode = context.sourceCode;
+                const sourceCodeLines = sourceCode.lines;
+                const nodeStartLine = node.loc.start.line;
+                const nodeEndLine = node.loc.end.line;
+                for (const className of classNames){
+                    const { isMasterCSS, errors } = validate(className, settings.config);
+                    if (errors.length > 0) {
+                        for (const error of errors){
+                            if (isMasterCSS) {
+                                context.report({
+                                    loc: findLoc(className, sourceCodeLines, nodeStartLine, nodeEndLine),
+                                    messageId: 'invalidClass',
+                                    data: {
+                                        message: error.message + '.'
+                                    }
+                                });
+                            } else if (options.disallowUnknownClass) {
+                                context.report({
+                                    loc: findLoc(className, sourceCodeLines, nodeStartLine, nodeEndLine),
+                                    messageId: 'disallowUnknownClass',
+                                    data: {
+                                        message: `"${className}" is not a valid or known class.`
+                                    }
+                                });
+                            }
+                        }
+                    }
+                }
+            }, false, false, settings.ignoredKeys, context);
+        };
+        return defineVisitors({
+            context,
+            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;