@alexlit/lint-kit 200.1.0 → 201.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexlit/lint-kit",
-  "version": "200.1.0",
+  "version": "201.0.0",
   "private": false,
   "description": "Preset of configuration files and dependencies for linting web applications (designed for Vue.js with TypeScript)",
   "keywords": [

package/packages/config-eslint/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexlit/config-eslint",
-  "version": "152.1.0",
+  "version": "153.0.1",
   "private": false,
   "description": "Sharable ESLint configuration",
   "keywords": [
@@ -45,10 +45,10 @@
     "@stylistic/eslint-plugin": "^5.10.0",
     "@tanstack/eslint-plugin-query": "^5.101.4",
     "@unocss/eslint-config": "^66.7.5",
-    "@vitest/eslint-plugin": "^1.6.26",
-    "eslint": "^10.8.0",
+    "@vitest/eslint-plugin": "^1.6.27",
+    "eslint": "^10.8.1",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-jsdoc": "^63.3.3",
+    "eslint-plugin-jsdoc": "^64.1.0",
     "eslint-plugin-perfectionist": "^5.10.1",
     "eslint-plugin-pinia": "^0.4.2",
     "eslint-plugin-prettier": "^5.5.6",
@@ -57,12 +57,12 @@
     "eslint-plugin-tailwindcss": "^4.2.0",
     "eslint-plugin-unicorn": "^73.0.0",
     "eslint-plugin-vue": "^10.10.0",
-    "eslint-plugin-vuejs-accessibility": "^2.5.0",
-    "eslint-plugin-zod": "^4.9.0",
+    "eslint-plugin-vuejs-accessibility": "^2.6.0",
+    "eslint-plugin-zod": "^4.9.1",
     "globals": "^17.9.0",
-    "jsonc-eslint-parser": "^3.2.0",
+    "jsonc-eslint-parser": "^3.3.0",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.66.0",
+    "typescript-eslint": "^8.67.0",
     "yaml-eslint-parser": "^2.1.0"
   },
   "publishConfig": {

package/packages/config-eslint/plugins/javascript.js

@@ -44,6 +44,20 @@ export const javascript = defineConfig([
             "Не используйте префикс 'handle' для обработчиков событий. Переименуйте метод, заменив 'handle' на 'on' (например, 'onClick' вместо 'handleClick').",
           selector: 'Identifier[name=/^handle[A-Z]/]',
         },
+        {
+          message:
+            "Использование классического цикла 'for' запрещено. Используйте методы массивов (.forEach, .map и т.д.).",
+          selector: 'ForStatement',
+        },
+        {
+          message:
+            "Цикл 'for...in' запрещен. Используйте Object.keys() или Object.entries().",
+          selector: 'ForInStatement',
+        },
+        {
+          message: "Цикл 'for...of' запрещен. Используйте методы массивов.",
+          selector: 'ForOfStatement',
+        },
       ],
       'prefer-arrow-callback': [
         'error',

package/packages/config-eslint/plugins/tanstack-query.js

@@ -1,7 +1,7 @@
-// import plugin from '@tanstack/eslint-plugin-query';
+import plugin from '@tanstack/eslint-plugin-query';
 import { defineConfig } from 'eslint/config';
 
 /** @see [@tanstack/query](https://tanstack.com/query/latest/docs/eslint/eslint-plugin-query) */
 export const tanstackQuery = defineConfig([
-  // ...plugin.configs['flat/recommended'], // TODO: update plugin
+  ...plugin.configs['flat/recommended'],
 ]);

package/packages/config-eslint/plugins/zod.js

@@ -8,7 +8,6 @@ export const zod = defineConfig([
   {
     ...plugin.configs.recommended,
     files: FILES,
-
     rules: {
       ...plugin.configs.recommended.rules,
       'zod/consistent-import': ['error', { syntax: 'named' }],

package/packages/config-prettier/index.js

@@ -27,23 +27,29 @@ const PLUGINS = { ...DEFAULT_PLUGINS, ...OPTIONAL_PLUGINS };
  * @returns {import('prettier').Config} Prettier configuration
  */
 const createPluginsConfig = async (plugins = {}) => {
-  let pluginsConfig = { plugins: [] };
-
   const pluginEntries = Object.entries({ ...PLUGINS, ...plugins });
 
-  for (const [name, isActive] of pluginEntries) {
-    if (isActive) {
-      const { default: config } = await import(
-        `@alexlit/config-prettier/plugins/${name}.js`
-      );
+  const configs = await Promise.all(
+    pluginEntries
+      .filter(([, isActive]) => isActive)
+      .map(async ([name]) => {
+        const { default: config } = await import(
+          `@alexlit/config-prettier/plugins/${name}.js`
+        );
 
-      if (config.plugins?.length > 0) {
-        pluginsConfig.plugins.push(...config.plugins);
-      }
+        return config;
+      }),
+  );
 
-      pluginsConfig = { ...pluginsConfig, ...omit(config, ['plugins']) };
+  let pluginsConfig = { plugins: [] };
+
+  configs.forEach((config) => {
+    if (config.plugins?.length > 0) {
+      pluginsConfig.plugins.push(...config.plugins);
     }
-  }
+
+    pluginsConfig = { ...pluginsConfig, ...omit(config, ['plugins']) };
+  });
 
   return pluginsConfig;
 };

package/packages/config-prettier/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexlit/config-prettier",
-  "version": "22.7.0",
+  "version": "22.7.2",
   "private": false,
   "description": "prettier config",
   "keywords": [
@@ -44,7 +44,7 @@
     "prettier-plugin-jsdoc": "^1.8.1",
     "prettier-plugin-packagejson": "^3.0.2",
     "prettier-plugin-sh": "^0.19.0",
-    "prettier-plugin-solidity": "^2.4.0",
+    "prettier-plugin-solidity": "^2.4.1",
     "prettier-plugin-sort-json": "^4.2.0",
     "prettier-plugin-sql": "^0.20.0",
     "prettier-plugin-tailwindcss": "^0.8.1",

package/packages/config-stylelint/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexlit/config-stylelint",
-  "version": "61.0.0",
+  "version": "61.0.2",
   "private": false,
   "description": "Stylelint config",
   "keywords": [
@@ -38,7 +38,7 @@
   "dependencies": {
     "@double-great/stylelint-a11y": "^3.5.1",
     "@morev/stylelint-plugin": "^0.6.1",
-    "postcss": "^8.5.25",
+    "postcss": "^8.5.26",
     "postcss-html": "^2.0.0",
     "prettier": "^3.9.6",
     "stylelint": "17.14.1",

package/packages/config-stylelint/plugins/color-format.js

@@ -13,15 +13,15 @@ const hexToRgb = (hex) => {
   const b = number & 255;
 
   if (value.length === 3 || value.length === 6) {
-    return { r, g, b, a: 1 };
+    return { a: 1, b, g, r };
   }
 
-  const a = Number.parseFloat((((number >> 24) & 255) / 255).toFixed(2));
+  const a = Number((((number >> 24) & 255) / 255).toFixed(2));
 
-  return { r, g, b, a };
+  return { a, b, g, r };
 };
 
-const rgbToHsl = ({ r, g, b }) => {
+const rgbToHsl = ({ b, g, r }) => {
   const rN = r / 255;
   const gN = g / 255;
   const bN = b / 255;
@@ -33,24 +33,22 @@ const rgbToHsl = ({ r, g, b }) => {
   const lightness = (max + min) / 2;
 
   if (delta === 0) {
-    return { h: 0, s: 0, l: Math.round(lightness * 100) };
+    return { h: 0, l: Math.round(lightness * 100), s: 0 };
   }
 
-  const saturation = lightness > 0.5
-    ? delta / (2 - max - min)
-    : delta / (max + min);
+  const saturation = delta / (lightness > 0.5 ? 2 - max - min : max + min);
 
   let hue;
 
   switch (max) {
-    case rN: {
-      hue = ((gN - bN) / delta + (gN < bN ? 6 : 0)) / 6;
+    case gN: {
+      hue = ((bN - rN) / delta + 2) / 6;
 
       break;
     }
 
-    case gN: {
-      hue = ((bN - rN) / delta + 2) / 6;
+    case rN: {
+      hue = ((gN - bN) / delta + (gN < bN ? 6 : 0)) / 6;
 
       break;
     }
@@ -62,13 +60,13 @@ const rgbToHsl = ({ r, g, b }) => {
 
   return {
     h: Math.round(hue * 360),
-    s: Math.round(saturation * 100),
     l: Math.round(lightness * 100),
+    s: Math.round(saturation * 100),
   };
 };
 
 const formatColor = (hex, format) => {
-  const { r, g, b, a } = hexToRgb(hex);
+  const { a, b, g, r } = hexToRgb(hex);
 
   if (format === 'rgb' || format === 'rgba') {
     if (a < 1) {
@@ -78,7 +76,7 @@ const formatColor = (hex, format) => {
     return `rgb(${r}, ${g}, ${b})`;
   }
 
-  const { h, s, l } = rgbToHsl({ r, g, b });
+  const { h, l, s } = rgbToHsl({ b, g, r });
 
   if (a < 1) {
     return `hsla(${h}, ${s}%, ${l}%, ${a})`;
@@ -97,12 +95,15 @@ const styleSearch = (source, target, callback) => {
       break;
     }
 
-    callback({ startIndex: index, endIndex: index + target.length });
+    callback({ endIndex: index + target.length, startIndex: index });
 
     startIndex = index + 1;
   }
 };
 
+const replaceHexes = (value, fixTo) =>
+  value.replaceAll(/#[0-9A-Z]+/gi, (hex) => formatColor(hex, fixTo));
+
 const messages = ruleMessages(ruleName, {
   custom: (message) => message,
   rejected: (hex) => `Unexpected hex color "${hex}"`,
@@ -112,9 +113,7 @@ const rule = function (actual, options, context) {
   return (root, result) => {
     const validOptions = validateOptions(result, ruleName, {
       actual,
-      possible: {
-        format: ['rgb', 'rgba', 'hsl', 'hsla'],
-      },
+      possible: { format: ['rgb', 'rgba', 'hsl', 'hsla'] },
     });
 
     if (!validOptions) {
@@ -150,9 +149,10 @@ const rule = function (actual, options, context) {
           return;
         }
 
-        const message = actual && actual.message
-          ? messages.custom(actual.message)
-          : messages.rejected(hexValue);
+        const message =
+          actual && actual.message
+            ? messages.custom(actual.message)
+            : messages.rejected(hexValue);
 
         report({
           endIndex: match.endIndex,
@@ -165,16 +165,9 @@ const rule = function (actual, options, context) {
       });
 
       if (fixPositions.length > 0) {
-        for (const fixPosition of fixPositions) {
-          const hexes = [...decl.value.matchAll(/#[0-9A-Z]+/gi)];
-
-          for (const hexMatch of hexes) {
-            decl.value = decl.value.replace(
-              hexMatch[0],
-              formatColor(hexMatch[0], fixPosition.fixTo),
-            );
-          }
-        }
+        fixPositions.forEach((fixPosition) => {
+          decl.value = replaceHexes(decl.value, fixPosition.fixTo);
+        });
       }
     });
   };

package/packages/config-stylelint/plugins/order.js

@@ -68,47 +68,38 @@ const AT_RULES = [
   'viewport',
 ];
 
-function buildAttributeRules() {
-  return [
-    ...LETTERS.map((letter) => ({
-      selector: new RegExp(String.raw`\[${letter}`),
-      type: 'rule',
-    })),
-    { selector: /\[/, type: 'rule' },
-  ];
-}
-
-function buildLetterRules(prefix) {
-  return [
-    ...LETTERS.map((letter) => ({
-      selector: new RegExp(`${prefix}${letter}`),
-      type: 'rule',
-    })),
-    { selector: new RegExp(prefix), type: 'rule' },
-  ];
-}
-
-function buildMediaFeatureRules() {
-  return MEDIA_FEATURES.map((parameter) => ({
+const buildAttributeRules = () => [
+  ...LETTERS.map((letter) => ({
+    selector: new RegExp(String.raw`\[${letter}`),
+    type: 'rule',
+  })),
+  { selector: /\[/, type: 'rule' },
+];
+
+const buildLetterRules = (prefix) => [
+  ...LETTERS.map((letter) => ({
+    selector: new RegExp(`${prefix}${letter}`),
+    type: 'rule',
+  })),
+  { selector: new RegExp(prefix), type: 'rule' },
+];
+
+const buildMediaFeatureRules = () =>
+  MEDIA_FEATURES.map((parameter) => ({
     name: 'media',
     parameter,
     type: 'at-rule',
   }));
-}
-
-function buildPseudoClassRules() {
-  return [
-    ...LETTERS.map((letter) => ({ selector: `:${letter}`, type: 'rule' })),
-    { selector: ':', type: 'rule' },
-  ];
-}
-
-function buildPseudoElementRules() {
-  return [
-    ...LETTERS.map((letter) => ({ selector: `::${letter}`, type: 'rule' })),
-    { selector: '::', type: 'rule' },
-  ];
-}
+
+const buildPseudoClassRules = () => [
+  ...LETTERS.map((letter) => ({ selector: `:${letter}`, type: 'rule' })),
+  { selector: ':', type: 'rule' },
+];
+
+const buildPseudoElementRules = () => [
+  ...LETTERS.map((letter) => ({ selector: `::${letter}`, type: 'rule' })),
+  { selector: '::', type: 'rule' },
+];
 
 /**
  * @type {import('stylelint').Config}