@taiga-ui/stylelint-config 0.429.0 → 0.431.0

package/index.js

@@ -4,6 +4,7 @@ module.exports = {
     $schema:
         'https://raw.githubusercontent.com/SchemaStore/schemastore/master/src/schemas/json/stylelintrc.json',
     plugins: [
+        './relative-less-import-extension.js',
         'stylelint-order',
         'stylelint-rem-over-px',
         'stylelint-use-logical',
@@ -33,6 +34,7 @@ module.exports = {
         '@stylistic/selector-pseudo-class-parentheses-space-inside': null,
         '@stylistic/string-quotes': 'single',
         '@stylistic/value-list-comma-newline-after': null,
+        '@taiga-ui/relative-less-import-extension': true,
         'alpha-value-notation': 'number',
         'annotation-no-unknown': true,
         'at-rule-allowed-list': [

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@taiga-ui/stylelint-config",
-    "version": "0.429.0",
+    "version": "0.431.0",
     "description": "Taiga UI stylelint config",
     "keywords": [
         "stylelint",
@@ -8,22 +8,40 @@
     ],
     "repository": {
         "type": "git",
-        "url": "https://github.com/taiga-family/configurations.git"
+        "url": "https://github.com/taiga-family/toolkit.git"
     },
     "license": "Apache-2.0",
+    "contributors": [
+        {
+            "name": "Alex Inkin",
+            "email": "alexander@inkin.ru"
+        },
+        {
+            "name": "Maksim Ivanov",
+            "email": "splincodewd@yandex.ru"
+        },
+        {
+            "name": "Vladimir Potekhin",
+            "email": "vladimir.potekh@gmail.com"
+        },
+        {
+            "name": "Nikita Barsukov",
+            "email": "nikita.s.barsukov@gmail.com"
+        }
+    ],
     "main": "index.js",
     "peerDependencies": {
         "@stylistic/stylelint-config": "^4.0.0",
         "@stylistic/stylelint-plugin": "^5.0.1",
-        "@taiga-ui/browserslist-config": "0.429.0",
-        "postcss": "^8.5.6",
+        "@taiga-ui/browserslist-config": "0.431.0",
+        "postcss": "^8.5.8",
         "postcss-less": "^6.0.0",
-        "stylelint": "^17.3.0",
+        "stylelint": "^17.4.0",
         "stylelint-config-standard": "^40.0.0",
         "stylelint-no-unsupported-browser-features": "^8.1.1",
-        "stylelint-order": "^7.0.1",
-        "stylelint-plugin-logical-css": "^1.3.0",
-        "stylelint-plugin-use-baseline": "^1.2.2",
+        "stylelint-order": "^8.1.1",
+        "stylelint-plugin-logical-css": "^2.0.2",
+        "stylelint-plugin-use-baseline": "^1.2.7",
         "stylelint-rem-over-px": "^1.0.2",
         "stylelint-use-logical": "^2.1.3"
     },

package/relative-less-import-extension.js

@@ -0,0 +1,136 @@
+const path = require('node:path');
+const stylelint = require('stylelint');
+
+const {
+    createPlugin,
+    utils: {report, ruleMessages, validateOptions},
+} = stylelint;
+
+const ruleName = '@taiga-ui/relative-less-import-extension';
+const messages = ruleMessages(ruleName, {
+    expected: (actual, expected) => `Expected "${actual}" to be "${expected}"`,
+});
+
+const meta = {
+    fixable: true,
+};
+
+function getExpectedExtension(root) {
+    const file = root.source && root.source.input && root.source.input.file;
+
+    if (!file) {
+        return '.less';
+    }
+
+    const ext = path.extname(file).toLowerCase();
+
+    if (ext === '.scss' || ext === '.css' || ext === '.less') {
+        return ext;
+    }
+
+    return '.less';
+}
+
+function hasKnownStyleExtension(value) {
+    return /\.(?:less|scss|css)(?:\?.*)?$/i.test(value);
+}
+
+function isExternalImport(value) {
+    return (
+        value.startsWith('@') ||
+        value.startsWith('~') ||
+        value.startsWith('/') ||
+        value.startsWith('//') ||
+        /^https?:/i.test(value) ||
+        /^data:/i.test(value)
+    );
+}
+
+function isUrlImport(params) {
+    return /^url\(/i.test(params.trim());
+}
+
+function isLocalImportPath(value) {
+    if (!value) {
+        return false;
+    }
+
+    if (isExternalImport(value)) {
+        return false;
+    }
+
+    return true;
+}
+
+function splitQueryAndHash(value) {
+    const match = value.match(/^([^?#]+)([?#].*)?$/);
+
+    return {
+        pathname: match ? match[1] : value,
+        suffix: match ? match[2] || '' : '',
+    };
+}
+
+/** @type {import('stylelint').Rule} */
+const ruleFunction = (primary) => {
+    return (root, result) => {
+        const validOptions = validateOptions(result, ruleName, {
+            actual: primary,
+            possible: [true],
+        });
+
+        if (!validOptions) {
+            return;
+        }
+
+        const expectedExtension = getExpectedExtension(root);
+
+        root.walkAtRules('import', (atRule) => {
+            const params = atRule.params.trim();
+
+            if (isUrlImport(params)) {
+                return;
+            }
+
+            const match = params.match(/^(['"])([^'"]+)\1(.*)$/);
+
+            if (!match) {
+                return;
+            }
+
+            const [, quote, rawImportPath, tail] = match;
+
+            if (!isLocalImportPath(rawImportPath)) {
+                return;
+            }
+
+            const {pathname, suffix} = splitQueryAndHash(rawImportPath);
+
+            if (hasKnownStyleExtension(pathname)) {
+                return;
+            }
+
+            const fixedPath = `${pathname}${expectedExtension}${suffix}`;
+            const fixedParams = `${quote}${fixedPath}${quote}${tail}`;
+
+            report({
+                fix: () => {
+                    atRule.params = fixedParams;
+                },
+                message: messages.expected(rawImportPath, fixedPath),
+                node: atRule,
+                result,
+                ruleName,
+            });
+        });
+    };
+};
+
+ruleFunction.ruleName = ruleName;
+ruleFunction.messages = messages;
+ruleFunction.meta = meta;
+
+module.exports = createPlugin(ruleName, ruleFunction);
+module.exports.ruleName = ruleName;
+module.exports.messages = messages;
+module.exports.meta = meta;