@master/eslint-plugin-css 2.0.0-rc.70 → 2.0.0-rc.72

package/dist/utils/master-css.cjs

@@ -1,94 +1,14 @@
 'use strict';
 
-var css = require('@master/css');
 var cssValidator = require('@master/css-validator');
 var node_module = require('node:module');
-var UtilityType = require('@master/css-schema/utility-type');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 const require$1 = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('utils/master-css.cjs', document.baseURI).href)));
 const defaultManifest = require$1('@master/css-preset/default-manifest.json');
-const CLASS_ATTRIBUTES = [
-    'class',
-    'className'
-];
-const CLASS_DECLARATIONS = [];
-const CLASS_FUNCTIONS = [
-    'clsx',
-    'cva',
-    'ctl',
-    'cv',
-    'class',
-    'classnames',
-    'classVariant',
-    'styled(?:\\s+)?(?:\\.\\w+)?',
-    'classList(?:\\s+)?\\.(?:add|remove|toggle|replace)'
-];
-const LAYER_ORDER = [
-    'theme',
-    'base',
-    'defaults',
-    'components',
-    'utilities'
-];
-function stable(value) {
-    if (!value || typeof value !== 'object') return JSON.stringify(value);
-    if (Array.isArray(value)) return `[${value.map(stable).join(',')}]`;
-    return `{${Object.entries(value).sort(([a], [b])=>a.localeCompare(b)).map(([key, item])=>`${JSON.stringify(key)}:${stable(item)}`).join(',')}}`;
-}
-function equalDeclarations(a, b) {
-    if (!a || !b || typeof a !== 'object' || typeof b !== 'object') return stable(a) === stable(b);
-    const aKeys = Object.keys(a).sort();
-    const bKeys = Object.keys(b).sort();
-    return stable(aKeys) === stable(bKeys);
-}
-function equalVariants(a, b) {
-    const branchA = a.variantBranchKey;
-    const branchB = b.variantBranchKey;
-    return (branchA !== undefined || branchB !== undefined ? branchA === branchB : a.selectorText === b.selectorText) && a.layerName === b.layerName && stable(a.atRules) === stable(b.atRules);
-}
-function getLayerOrder(layerName) {
-    const index = LAYER_ORDER.indexOf(layerName || 'utilities');
-    return index === -1 ? LAYER_ORDER.length : index;
-}
-function getReadableGroupOrder(rule) {
-    if (rule.atRules) return 3;
-    if (rule.mode) return 2;
-    if (rule.selectorNodes?.length) return 1;
-    return 0;
-}
-function getReadableTypeOrder(rule) {
-    if (rule.fixedClass) return 0;
-    if (rule.type === UtilityType.Semantic) return 1;
-    return 2;
-}
-function sortReadableClasses(classNames, css$1) {
-    return [
-        ...new Set(classNames)
-    ].sort((a, b)=>{
-        const ruleA = css$1.generate(a)[0];
-        const ruleB = css$1.generate(b)[0];
-        if (!ruleA && !ruleB) return a.localeCompare(b);
-        if (!ruleA) return 1;
-        if (!ruleB) return -1;
-        const layerCmp = getLayerOrder(ruleA.layerName) - getLayerOrder(ruleB.layerName);
-        if (layerCmp !== 0) return layerCmp;
-        const groupCmp = getReadableGroupOrder(ruleA) - getReadableGroupOrder(ruleB);
-        if (groupCmp !== 0) return groupCmp;
-        const typeCmp = getReadableTypeOrder(ruleA) - getReadableTypeOrder(ruleB);
-        if (typeCmp !== 0) return typeCmp;
-        return css.compareRulePriority(ruleA, ruleB) || a.localeCompare(b);
-    });
-}
 
 Object.defineProperty(exports, "createCSSWithNativeDeclarations", {
-    enumerable: true,
-    get: function () { return cssValidator.createCSSWithNativeDeclarations; }
+	enumerable: true,
+	get: function () { return cssValidator.createCSSWithNativeDeclarations; }
 });
-exports.CLASS_ATTRIBUTES = CLASS_ATTRIBUTES;
-exports.CLASS_DECLARATIONS = CLASS_DECLARATIONS;
-exports.CLASS_FUNCTIONS = CLASS_FUNCTIONS;
 exports.defaultManifest = defaultManifest;
-exports.equalDeclarations = equalDeclarations;
-exports.equalVariants = equalVariants;
-exports.sortReadableClasses = sortReadableClasses;

package/dist/utils/master-css.d.ts

@@ -3,19 +3,3 @@ import { createCSSWithNativeDeclarations } from '@master/css-validator';
 export type { MasterCSS, MasterCSSManifest };
 declare const defaultManifest: MasterCSSManifest;
 export { createCSSWithNativeDeclarations, defaultManifest };
-export declare const CLASS_ATTRIBUTES: string[];
-export declare const CLASS_DECLARATIONS: string[];
-export declare const CLASS_FUNCTIONS: string[];
-export declare function equalDeclarations(a: unknown, b: unknown): boolean;
-export declare function equalVariants(a: {
-    selectorText?: string;
-    atRules?: unknown;
-    layerName?: string;
-    variantBranchKey?: string;
-}, b: {
-    selectorText?: string;
-    atRules?: unknown;
-    layerName?: string;
-    variantBranchKey?: string;
-}): boolean;
-export declare function sortReadableClasses(classNames: string[], css: MasterCSS): string[];

package/dist/utils/master-css.mjs

@@ -1,81 +1,7 @@
-import { compareRulePriority } from '@master/css';
 export { createCSSWithNativeDeclarations } from '@master/css-validator';
 import { createRequire } from 'node:module';
-import UtilityType from '@master/css-schema/utility-type';
 
 const require$1 = createRequire(import.meta.url);
 const defaultManifest = require$1('@master/css-preset/default-manifest.json');
-const CLASS_ATTRIBUTES = [
-    'class',
-    'className'
-];
-const CLASS_DECLARATIONS = [];
-const CLASS_FUNCTIONS = [
-    'clsx',
-    'cva',
-    'ctl',
-    'cv',
-    'class',
-    'classnames',
-    'classVariant',
-    'styled(?:\\s+)?(?:\\.\\w+)?',
-    'classList(?:\\s+)?\\.(?:add|remove|toggle|replace)'
-];
-const LAYER_ORDER = [
-    'theme',
-    'base',
-    'defaults',
-    'components',
-    'utilities'
-];
-function stable(value) {
-    if (!value || typeof value !== 'object') return JSON.stringify(value);
-    if (Array.isArray(value)) return `[${value.map(stable).join(',')}]`;
-    return `{${Object.entries(value).sort(([a], [b])=>a.localeCompare(b)).map(([key, item])=>`${JSON.stringify(key)}:${stable(item)}`).join(',')}}`;
-}
-function equalDeclarations(a, b) {
-    if (!a || !b || typeof a !== 'object' || typeof b !== 'object') return stable(a) === stable(b);
-    const aKeys = Object.keys(a).sort();
-    const bKeys = Object.keys(b).sort();
-    return stable(aKeys) === stable(bKeys);
-}
-function equalVariants(a, b) {
-    const branchA = a.variantBranchKey;
-    const branchB = b.variantBranchKey;
-    return (branchA !== undefined || branchB !== undefined ? branchA === branchB : a.selectorText === b.selectorText) && a.layerName === b.layerName && stable(a.atRules) === stable(b.atRules);
-}
-function getLayerOrder(layerName) {
-    const index = LAYER_ORDER.indexOf(layerName || 'utilities');
-    return index === -1 ? LAYER_ORDER.length : index;
-}
-function getReadableGroupOrder(rule) {
-    if (rule.atRules) return 3;
-    if (rule.mode) return 2;
-    if (rule.selectorNodes?.length) return 1;
-    return 0;
-}
-function getReadableTypeOrder(rule) {
-    if (rule.fixedClass) return 0;
-    if (rule.type === UtilityType.Semantic) return 1;
-    return 2;
-}
-function sortReadableClasses(classNames, css) {
-    return [
-        ...new Set(classNames)
-    ].sort((a, b)=>{
-        const ruleA = css.generate(a)[0];
-        const ruleB = css.generate(b)[0];
-        if (!ruleA && !ruleB) return a.localeCompare(b);
-        if (!ruleA) return 1;
-        if (!ruleB) return -1;
-        const layerCmp = getLayerOrder(ruleA.layerName) - getLayerOrder(ruleB.layerName);
-        if (layerCmp !== 0) return layerCmp;
-        const groupCmp = getReadableGroupOrder(ruleA) - getReadableGroupOrder(ruleB);
-        if (groupCmp !== 0) return groupCmp;
-        const typeCmp = getReadableTypeOrder(ruleA) - getReadableTypeOrder(ruleB);
-        if (typeCmp !== 0) return typeCmp;
-        return compareRulePriority(ruleA, ruleB) || a.localeCompare(b);
-    });
-}
 
-export { CLASS_ATTRIBUTES, CLASS_DECLARATIONS, CLASS_FUNCTIONS, defaultManifest, equalDeclarations, equalVariants, sortReadableClasses };
+export { defaultManifest };

package/dist/utils/resolve-class-node.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var common = require('../common.cjs');
+var cssLexer = require('@master/css-lexer');
 
 function resolveClassNode(node, context) {
     const { sourceCode } = context;
@@ -8,6 +8,7 @@ function resolveClassNode(node, context) {
     let raw = null;
     let start = null;
     let end = null;
+    let unescape = false;
     switch(node.type){
         case 'Literal':
             value = node.value;
@@ -47,6 +48,7 @@ function resolveClassNode(node, context) {
             raw = node.value.raw;
             start = node.range[0] + 1;
             end = node.range[1] - 1;
+            unescape = '`';
             break;
         default:
             return;
@@ -54,72 +56,22 @@ function resolveClassNode(node, context) {
     if (typeof value !== 'string') {
         return;
     }
-    if (/^(['"`])(.*)\1$/.test(raw)) {
+    if (/^(['"`])([\s\S]*)\1$/.test(raw)) {
+        unescape = raw[0];
         raw = raw.slice(1, -1);
         start = start + 1;
         end = end - 1;
     }
-    const nodes = [];
-    const classValues = value.split(common.HALF_WIDTH_WHITESPACE_REGEX);
-    const classRaws = raw.split(common.HALF_WIDTH_WHITESPACE_REGEX);
-    const classValueRawMap = new Map();
-    const classRawValueMap = new Map();
-    for(let i = 0; i < classRaws.length; i++){
-        classValueRawMap.set(classValues[i], classRaws[i]);
-        classRawValueMap.set(classRaws[i], classValues[i]);
-    }
-    let lastIndex = 0;
-    let match;
-    while((match = common.HALF_WIDTH_WHITESPACE_GLOBAL_REGEX.exec(raw)) !== null){
-        const spaceRaw = match[0];
-        const spaceStart = match.index;
-        const spaceEnd = spaceStart + spaceRaw.length;
-        if (spaceStart > lastIndex) {
-            const classRaw = raw.slice(lastIndex, spaceStart);
-            const classValue = classRawValueMap.get(classRaw);
-            if (!classValue) return;
-            const startOffset = start + lastIndex;
-            const endOffset = start + spaceStart;
-            nodes.push({
-                type: 'class',
-                value: classValue,
-                raw: classRaw,
-                range: [
-                    startOffset,
-                    endOffset
-                ],
-                loc: {
-                    start: sourceCode.getLocFromIndex(startOffset),
-                    end: sourceCode.getLocFromIndex(endOffset)
-                }
-            });
-        }
-        const spaceStartOffset = start + spaceStart;
-        const spaceEndOffset = start + spaceEnd;
-        nodes.push({
-            type: 'space',
-            raw: spaceRaw,
-            range: [
-                spaceStartOffset,
-                spaceEndOffset
-            ],
-            loc: {
-                start: sourceCode.getLocFromIndex(spaceStartOffset),
-                end: sourceCode.getLocFromIndex(spaceEndOffset)
-            }
-        });
-        lastIndex = spaceEnd;
-    }
-    if (lastIndex < raw.length) {
-        const classRaw = raw.slice(lastIndex);
-        const classValue = classRawValueMap.get(classRaw);
-        if (!classValue) return;
-        const startOffset = start + lastIndex;
-        const endOffset = start + raw.length;
-        nodes.push({
-            type: 'class',
-            value: classValue,
-            raw: classRaw,
+    const nodes = cssLexer.parseMasterCSSClassList(raw, {
+        preserveSpaces: true,
+        unescape
+    }).map((item)=>{
+        const startOffset = start + item.start;
+        const endOffset = start + item.end;
+        return {
+            type: item.type,
+            value: item.token,
+            raw: item.raw,
             range: [
                 startOffset,
                 endOffset
@@ -128,8 +80,8 @@ function resolveClassNode(node, context) {
                 start: sourceCode.getLocFromIndex(startOffset),
                 end: sourceCode.getLocFromIndex(endOffset)
             }
-        });
-    }
+        };
+    });
     const classNodes = nodes.filter((node)=>node.type === 'class');
     return {
         nodes,
@@ -137,8 +89,7 @@ function resolveClassNode(node, context) {
         end,
         raw,
         value,
-        classRawValueMap,
-        classValueRawMap,
+        unescape,
         classNodes,
         classValues: classNodes.map((node)=>node.value)
     };

package/dist/utils/resolve-class-node.d.ts

@@ -1,12 +1,20 @@
 import { RuleContext } from '@typescript-eslint/utils/ts-eslint';
-export default function resolveClassNode(node: any, context: RuleContext<any, any[]>): {
-    nodes: any[];
+export type ResolvedClassListUnescape = string | false;
+export interface ResolvedClassListNode {
+    type: 'class' | 'space';
+    value: string;
+    raw: string;
+    range: [number, number];
+    loc: any;
+}
+export interface ResolvedClassNode {
+    nodes: ResolvedClassListNode[];
     start: number;
     end: number;
     raw: string;
     value: string;
-    classRawValueMap: Map<any, any>;
-    classValueRawMap: Map<any, any>;
-    classNodes: any[];
-    classValues: any[];
-};
+    unescape: ResolvedClassListUnescape;
+    classNodes: ResolvedClassListNode[];
+    classValues: string[];
+}
+export default function resolveClassNode(node: any, context: RuleContext<any, any[]>): ResolvedClassNode | undefined;

package/dist/utils/resolve-class-node.mjs

@@ -1,4 +1,4 @@
-import { HALF_WIDTH_WHITESPACE_REGEX, HALF_WIDTH_WHITESPACE_GLOBAL_REGEX } from '../common.mjs';
+import { parseMasterCSSClassList } from '@master/css-lexer';
 
 function resolveClassNode(node, context) {
     const { sourceCode } = context;
@@ -6,6 +6,7 @@ function resolveClassNode(node, context) {
     let raw = null;
     let start = null;
     let end = null;
+    let unescape = false;
     switch(node.type){
         case 'Literal':
             value = node.value;
@@ -45,6 +46,7 @@ function resolveClassNode(node, context) {
             raw = node.value.raw;
             start = node.range[0] + 1;
             end = node.range[1] - 1;
+            unescape = '`';
             break;
         default:
             return;
@@ -52,72 +54,22 @@ function resolveClassNode(node, context) {
     if (typeof value !== 'string') {
         return;
     }
-    if (/^(['"`])(.*)\1$/.test(raw)) {
+    if (/^(['"`])([\s\S]*)\1$/.test(raw)) {
+        unescape = raw[0];
         raw = raw.slice(1, -1);
         start = start + 1;
         end = end - 1;
     }
-    const nodes = [];
-    const classValues = value.split(HALF_WIDTH_WHITESPACE_REGEX);
-    const classRaws = raw.split(HALF_WIDTH_WHITESPACE_REGEX);
-    const classValueRawMap = new Map();
-    const classRawValueMap = new Map();
-    for(let i = 0; i < classRaws.length; i++){
-        classValueRawMap.set(classValues[i], classRaws[i]);
-        classRawValueMap.set(classRaws[i], classValues[i]);
-    }
-    let lastIndex = 0;
-    let match;
-    while((match = HALF_WIDTH_WHITESPACE_GLOBAL_REGEX.exec(raw)) !== null){
-        const spaceRaw = match[0];
-        const spaceStart = match.index;
-        const spaceEnd = spaceStart + spaceRaw.length;
-        if (spaceStart > lastIndex) {
-            const classRaw = raw.slice(lastIndex, spaceStart);
-            const classValue = classRawValueMap.get(classRaw);
-            if (!classValue) return;
-            const startOffset = start + lastIndex;
-            const endOffset = start + spaceStart;
-            nodes.push({
-                type: 'class',
-                value: classValue,
-                raw: classRaw,
-                range: [
-                    startOffset,
-                    endOffset
-                ],
-                loc: {
-                    start: sourceCode.getLocFromIndex(startOffset),
-                    end: sourceCode.getLocFromIndex(endOffset)
-                }
-            });
-        }
-        const spaceStartOffset = start + spaceStart;
-        const spaceEndOffset = start + spaceEnd;
-        nodes.push({
-            type: 'space',
-            raw: spaceRaw,
-            range: [
-                spaceStartOffset,
-                spaceEndOffset
-            ],
-            loc: {
-                start: sourceCode.getLocFromIndex(spaceStartOffset),
-                end: sourceCode.getLocFromIndex(spaceEndOffset)
-            }
-        });
-        lastIndex = spaceEnd;
-    }
-    if (lastIndex < raw.length) {
-        const classRaw = raw.slice(lastIndex);
-        const classValue = classRawValueMap.get(classRaw);
-        if (!classValue) return;
-        const startOffset = start + lastIndex;
-        const endOffset = start + raw.length;
-        nodes.push({
-            type: 'class',
-            value: classValue,
-            raw: classRaw,
+    const nodes = parseMasterCSSClassList(raw, {
+        preserveSpaces: true,
+        unescape
+    }).map((item)=>{
+        const startOffset = start + item.start;
+        const endOffset = start + item.end;
+        return {
+            type: item.type,
+            value: item.token,
+            raw: item.raw,
             range: [
                 startOffset,
                 endOffset
@@ -126,8 +78,8 @@ function resolveClassNode(node, context) {
                 start: sourceCode.getLocFromIndex(startOffset),
                 end: sourceCode.getLocFromIndex(endOffset)
             }
-        });
-    }
+        };
+    });
     const classNodes = nodes.filter((node)=>node.type === 'class');
     return {
         nodes,
@@ -135,8 +87,7 @@ function resolveClassNode(node, context) {
         end,
         raw,
         value,
-        classRawValueMap,
-        classValueRawMap,
+        unescape,
         classNodes,
         classValues: classNodes.map((node)=>node.value)
     };

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

@@ -2,11 +2,11 @@ import type { RuleContext } from '@typescript-eslint/utils/ts-eslint';
 import { MasterCSS } from './master-css';
 export default function resolveContext(context: RuleContext<any, any[]>): {
     settings: {
+        manifest: any;
         classAttributes: string[];
         classFunctions: string[];
         classDeclarations: string[];
         ignoredKeys: string[];
-        manifest: any;
     };
     options: any;
     css: MasterCSS;

package/package.json

@@ -1 +1 @@
-{"name":"@master/eslint-plugin-css","type":"module","scripts":{"build":"techor build \"src/**/*.{js,ts}\"","dev":"pnpm build --watch","test":"vitest","type-check":"tsc --noEmit","lint":"eslint"},"keywords":["mastercss","eslint","eslintplugin"],"license":"MIT","description":"Master CSS ESLint Plugin","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-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":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./configs/*":{"types":"./dist/configs/*.d.ts","import":"./dist/configs/*.mjs","require":"./dist/configs/*.cjs"}},"files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/css":"^2.0.0-rc.70","@master/css-project":"^2.0.0-rc.70","@master/css-preset":"^2.0.0-rc.70","@master/css-validator":"^2.0.0-rc.70","@typescript-eslint/utils":"^8.61.1","typescript-eslint":"^8.61.1","@master/css-schema":"^2.0.0-rc.70"},"devDependencies":{"@angular-eslint/template-parser":"^21.4.0","@angular/compiler":"^21.2.17","@typescript-eslint/rule-tester":"^8.61.1","eslint":"^10.5.0","eslint-plugin-markdown":"^5.1.0","eslint-plugin-mdx":"^3.8.1","svelte-eslint-parser":"^1.8.0","ts-node":"^10.9.2","vue-eslint-parser":"^10.4.1"},"version":"2.0.0-rc.70"}
+{"name":"@master/eslint-plugin-css","type":"module","scripts":{"build":"techor build \"src/**/*.{js,ts}\"","dev":"pnpm build --watch","test":"vitest","type-check":"tsc --noEmit","lint":"eslint"},"keywords":["mastercss","eslint","eslintplugin"],"license":"MIT","description":"Master CSS ESLint Plugin","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-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":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./configs/*":{"types":"./dist/configs/*.d.ts","import":"./dist/configs/*.mjs","require":"./dist/configs/*.cjs"}},"files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/css":"^2.0.0-rc.72","@master/css-lexer":"^2.0.0-rc.72","@master/css-lint":"^2.0.0-rc.72","@master/css-project":"^2.0.0-rc.72","@master/css-preset":"^2.0.0-rc.72","@master/css-validator":"^2.0.0-rc.72","@typescript-eslint/utils":"^8.61.1","typescript-eslint":"^8.61.1"},"devDependencies":{"@angular-eslint/template-parser":"^21.4.0","@master/css-schema":"^2.0.0-rc.72","@angular/compiler":"^21.2.17","@typescript-eslint/rule-tester":"^8.61.1","eslint":"^10.5.0","eslint-mdx":"^3.8.1","eslint-plugin-markdown":"^5.1.0","eslint-plugin-mdx":"^3.8.1","svelte-eslint-parser":"^1.8.0","ts-node":"^10.9.2","vue-eslint-parser":"^10.4.1"},"version":"2.0.0-rc.72"}

package/dist/common.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-const HALF_WIDTH_WHITESPACE_REGEX = /([\t\n\f\r ]+)/;
-const HALF_WIDTH_WHITESPACE_GLOBAL_REGEX = /([\t\n\f\r ]+)/g;
-
-exports.HALF_WIDTH_WHITESPACE_GLOBAL_REGEX = HALF_WIDTH_WHITESPACE_GLOBAL_REGEX;
-exports.HALF_WIDTH_WHITESPACE_REGEX = HALF_WIDTH_WHITESPACE_REGEX;

package/dist/common.d.ts

@@ -1,2 +0,0 @@
-export declare const HALF_WIDTH_WHITESPACE_REGEX: RegExp;
-export declare const HALF_WIDTH_WHITESPACE_GLOBAL_REGEX: RegExp;

package/dist/common.mjs

@@ -1,4 +0,0 @@
-const HALF_WIDTH_WHITESPACE_REGEX = /([\t\n\f\r ]+)/;
-const HALF_WIDTH_WHITESPACE_GLOBAL_REGEX = /([\t\n\f\r ]+)/g;
-
-export { HALF_WIDTH_WHITESPACE_GLOBAL_REGEX, HALF_WIDTH_WHITESPACE_REGEX };

package/dist/functions/filter-collision-classes.cjs

@@ -1,29 +0,0 @@
-'use strict';
-
-var cssValidator = require('@master/css-validator');
-var masterCss = require('../utils/master-css.cjs');
-
-function filterCollisionClasses(classNames, css) {
-    const validRules = classNames.map((eachClassName)=>cssValidator.generateValidRules(eachClassName, css)[0]).filter(Boolean);
-    const collisionClassesRecord = {};
-    for(let i = 0; i < classNames.length; i++){
-        const className = classNames[i];
-        const rule = validRules.find((eachValidRule)=>eachValidRule.name === className);
-        const collisionClasses = [];
-        if (rule) {
-            for(let j = 0; j < classNames.length; j++){
-                const compareClassName = classNames[j];
-                const compareRule = validRules.find((eachValidRule)=>eachValidRule.name === compareClassName);
-                if (i !== j && compareRule && masterCss.equalDeclarations(rule.declarations, compareRule.declarations) && masterCss.equalVariants(rule, compareRule)) {
-                    collisionClasses.push(compareClassName);
-                }
-            }
-            if (collisionClasses.length > 0) {
-                collisionClassesRecord[className] = collisionClasses;
-            }
-        }
-    }
-    return collisionClassesRecord;
-}
-
-module.exports = filterCollisionClasses;

package/dist/functions/filter-collision-classes.d.ts

@@ -1,2 +0,0 @@
-import { MasterCSS } from '@master/css';
-export default function filterCollisionClasses(classNames: string[], css: MasterCSS): Record<string, string[]>;

package/dist/functions/filter-collision-classes.mjs

@@ -1,27 +0,0 @@
-import { generateValidRules } from '@master/css-validator';
-import { equalDeclarations, equalVariants } from '../utils/master-css.mjs';
-
-function filterCollisionClasses(classNames, css) {
-    const validRules = classNames.map((eachClassName)=>generateValidRules(eachClassName, css)[0]).filter(Boolean);
-    const collisionClassesRecord = {};
-    for(let i = 0; i < classNames.length; i++){
-        const className = classNames[i];
-        const rule = validRules.find((eachValidRule)=>eachValidRule.name === className);
-        const collisionClasses = [];
-        if (rule) {
-            for(let j = 0; j < classNames.length; j++){
-                const compareClassName = classNames[j];
-                const compareRule = validRules.find((eachValidRule)=>eachValidRule.name === compareClassName);
-                if (i !== j && compareRule && equalDeclarations(rule.declarations, compareRule.declarations) && equalVariants(rule, compareRule)) {
-                    collisionClasses.push(compareClassName);
-                }
-            }
-            if (collisionClasses.length > 0) {
-                collisionClassesRecord[className] = collisionClasses;
-            }
-        }
-    }
-    return collisionClassesRecord;
-}
-
-export { filterCollisionClasses as default };

package/dist/rules/class-collision.cjs

@@ -1,76 +0,0 @@
-'use strict';
-
-var defineVisitors = require('../utils/define-visitors.cjs');
-var resolveContext = require('../utils/resolve-context.cjs');
-var filterCollisionClasses = require('../functions/filter-collision-classes.cjs');
-var createRule = require('../create-rule.cjs');
-var settingsSchema = require('../settings-schema.cjs');
-
-var classCollision = createRule({
-    name: 'class-collision-detection',
-    meta: {
-        type: 'layout',
-        docs: {
-            description: 'Avoid applying classes with the same declarations'
-        },
-        messages: {
-            collisionClass: '{{message}}'
-        },
-        fixable: 'code',
-        schema: [
-            settingsSchema
-        ]
-    },
-    defaultOptions: [],
-    create (context) {
-        const { settings, css } = resolveContext(context);
-        return defineVisitors({
-            context,
-            settings
-        }, (node, { raw, start, end, nodes, classNodes, classValues })=>{
-            const collisionClassesRecord = filterCollisionClasses(classValues, css);
-            for(const className in collisionClassesRecord){
-                const collisionClasses = collisionClassesRecord[className];
-                const collisionClassNamesMsg = collisionClasses.map((x)=>`"${x}"`).join(' and ');
-                const classNode = classNodes.find((node)=>node.value === className);
-                const fixedNodes = [
-                    ...nodes
-                ];
-                const removeCollision = (removedClassNode)=>{
-                    for(let i = 0; i < fixedNodes.length; i++){
-                        const fixedNode = fixedNodes[i];
-                        const target = fixedNode === removedClassNode;
-                        if (target) {
-                            const prev = fixedNodes[i - 1];
-                            const isSpaceBefore = prev && prev.type === 'space';
-                            fixedNodes.splice(i, 1);
-                            if (isSpaceBefore) {
-                                fixedNodes.splice(i - 1, 1);
-                            }
-                        }
-                    }
-                };
-                collisionClasses.forEach((collisionClass)=>{
-                    const collisionNode = classNodes.find((node)=>node.value === collisionClass);
-                    removeCollision(collisionNode);
-                });
-                const fixedRaw = fixedNodes.map((node)=>node.raw).join('');
-                context.report({
-                    loc: classNode.loc,
-                    messageId: 'collisionClass',
-                    data: {
-                        message: `"${className}" applies the same declarations as ${collisionClassNamesMsg}.`
-                    },
-                    fix: function(fixer) {
-                        return fixer.replaceTextRange([
-                            start,
-                            end
-                        ], fixedRaw);
-                    }
-                });
-            }
-        });
-    }
-});
-
-module.exports = classCollision;