@culur/config-stylelint 1.6.5 → 1.7.1

package/dist/shareable-configs/tailwind4.d.cts

@@ -1,5 +1,4 @@
-import * as stylelint from 'stylelint';
-
-declare const _default: stylelint.Config;
-
-export { _default as default };
+//#region src/shareable-configs/tailwind4.d.ts
+declare const _default: import("stylelint").Config;
+export = _default;
+//# sourceMappingURL=tailwind4.d.cts.map

package/dist/shareable-configs/tailwind4.d.mts

@@ -0,0 +1,5 @@
+//#region src/shareable-configs/tailwind4.d.ts
+declare const _default: import("stylelint").Config;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=tailwind4.d.mts.map

package/dist/shareable-configs/tailwind4.mjs

@@ -0,0 +1,11 @@
+import { t as defineConfig } from "../factory-B33e_UAZ.mjs";
+//#region src/shareable-configs/tailwind4.ts
+var tailwind4_default = defineConfig({
+	tailwind: 4,
+	sass: false,
+	vue: false
+});
+//#endregion
+export { tailwind4_default as default };
+
+//# sourceMappingURL=tailwind4.mjs.map

package/dist/shareable-configs/tailwind4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind4.mjs","names":[],"sources":["../../src/shareable-configs/tailwind4.ts"],"sourcesContent":["import defineConfig from '~/factory';\n\nexport default defineConfig({\n  tailwind: 4,\n  sass: false,\n  vue: false,\n});\n"],"mappings":";;AAEA,IAAA,oBAAe,aAAa;CAC1B,UAAU;CACV,MAAM;CACN,KAAK;AACP,CAAC"}

package/dist/shareable-configs/vue.cjs

@@ -1,11 +1,10 @@
-'use strict';
+//#region src/shareable-configs/vue.ts
+var vue_default = require("../factory-BNS_YTTh.cjs").defineConfig({
+	tailwind: false,
+	sass: false,
+	vue: true
+});
+//#endregion
+module.exports = vue_default;
 
-var chunkOENPZ3K4_cjs = require('../chunk-OENPZ3K4.cjs');
-require('../chunk-ZQACBLEL.cjs');
-require('../chunk-EWMD7NRS.cjs');
-
-
-
-module.exports = chunkOENPZ3K4_cjs.vue_default;
-//# sourceMappingURL=vue.cjs.map
 //# sourceMappingURL=vue.cjs.map

package/dist/shareable-configs/vue.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"vue.cjs"}
+{"version":3,"file":"vue.cjs","names":["defineConfig"],"sources":["../../src/shareable-configs/vue.ts"],"sourcesContent":["import defineConfig from '~/factory';\n\nexport default defineConfig({\n  tailwind: false,\n  sass: false,\n  vue: true,\n});\n"],"mappings":";AAEA,IAAA,+CAAeA,EAAAA,aAAa;CAC1B,UAAU;CACV,MAAM;CACN,KAAK;AACP,CAAC"}

package/dist/shareable-configs/vue.d.cts

@@ -1,5 +1,4 @@
-import * as stylelint from 'stylelint';
-
-declare const _default: stylelint.Config;
-
-export { _default as default };
+//#region src/shareable-configs/vue.d.ts
+declare const _default: import("stylelint").Config;
+export = _default;
+//# sourceMappingURL=vue.d.cts.map

package/dist/shareable-configs/vue.d.mts

@@ -0,0 +1,5 @@
+//#region src/shareable-configs/vue.d.ts
+declare const _default: import("stylelint").Config;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=vue.d.mts.map

package/dist/shareable-configs/vue.mjs

@@ -0,0 +1,11 @@
+import { t as defineConfig } from "../factory-B33e_UAZ.mjs";
+//#region src/shareable-configs/vue.ts
+var vue_default = defineConfig({
+	tailwind: false,
+	sass: false,
+	vue: true
+});
+//#endregion
+export { vue_default as default };
+
+//# sourceMappingURL=vue.mjs.map

package/dist/shareable-configs/vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.mjs","names":[],"sources":["../../src/shareable-configs/vue.ts"],"sourcesContent":["import defineConfig from '~/factory';\n\nexport default defineConfig({\n  tailwind: false,\n  sass: false,\n  vue: true,\n});\n"],"mappings":";;AAEA,IAAA,cAAe,aAAa;CAC1B,UAAU;CACV,MAAM;CACN,KAAK;AACP,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@culur/config-stylelint",
-  "version": "1.6.5",
+  "version": "1.7.1",
   "description": "Culur's stylelint configuration",
   "publishConfig": {
     "access": "public"
@@ -25,8 +25,8 @@
   "exports": {
     ".": {
       "import": {
-        "types": "./dist/shareable-configs/auto.d.ts",
-        "default": "./dist/shareable-configs/auto.js"
+        "types": "./dist/shareable-configs/auto.d.mts",
+        "default": "./dist/shareable-configs/auto.mjs"
       },
       "require": {
         "types": "./dist/shareable-configs/auto.d.cts",
@@ -35,8 +35,8 @@
     },
     "./*": {
       "import": {
-        "types": "./dist/shareable-configs/*.d.ts",
-        "default": "./dist/shareable-configs/*.js"
+        "types": "./dist/shareable-configs/*.d.mts",
+        "default": "./dist/shareable-configs/*.mjs"
       },
       "require": {
         "types": "./dist/shareable-configs/*.d.cts",
@@ -45,8 +45,8 @@
     },
     "./factory": {
       "import": {
-        "types": "./dist/factory.d.ts",
-        "default": "./dist/factory.js"
+        "types": "./dist/factory.d.mts",
+        "default": "./dist/factory.mjs"
       },
       "require": {
         "types": "./dist/factory.d.cts",
@@ -70,31 +70,32 @@
     "node": ">=20"
   },
   "dependencies": {
-    "stylelint-config-clean-order": "^8.0.1",
+    "stylelint-config-clean-order": "^10.0.0",
     "stylelint-config-html": "^1.1.0",
     "stylelint-config-standard": "^40.0.0",
     "stylelint-config-standard-scss": "^17.0.0",
     "stylelint-config-standard-vue": "^1.0.0",
-    "stylelint-order": "^7.0.1",
-    "stylelint-scss": "^7.0.0",
-    "stylelint-selector-bem-pattern": "^4.0.1",
-    "@culur/utils-packages": "1.2.9"
+    "stylelint-order": "^8.1.1",
+    "stylelint-scss": "^7.1.1",
+    "stylelint-selector-bem-pattern": "^5.0.0",
+    "@culur/utils-packages": "1.3.0"
   },
   "devDependencies": {
-    "dedent": "^1.7.1",
-    "postcss": "^8.5.6",
+    "dedent": "^1.7.2",
+    "postcss": "^8.5.15",
     "postcss-html": "^1.8.1",
     "postcss-sass": "^0.5.0",
     "postcss-scss": "^4.0.9",
-    "@culur/config-tsup": "1.2.6",
-    "@culur/config-typescript": "1.1.2"
+    "stylelint": "^17.12.0",
+    "@culur/config-tsdown": "1.1.1",
+    "@culur/config-typescript": "2.0.0"
   },
   "peerDependencies": {
-    "stylelint": ">=16.14.1"
+    "stylelint": ">=17.0.0"
   },
   "scripts": {
     "clean": "rimraf dist coverage",
-    "build": "tsup",
+    "build": "tsdown",
     "test": "tsc --noEmit && vitest run",
     "🧹 ----- LINT ----- 🧹": "",
     "es-config": "eslint-config-inspector",

package/src/__tests__/describe-rule-or-config.ts

@@ -1,22 +1,15 @@
 import type { Packages } from '@culur/utils-packages';
 import type { Config, ConfigRuleSettings } from 'stylelint';
-import type {
-  ConfigRulePrimaryOption,
-  ConfigRuleSecondaryOptions,
-} from '~/utils';
+import type { Primary, Secondary } from '~/utils';
 import { describe, expect, it } from 'vitest';
 
 type Fn<
-  TRuleOrConfig extends
-    | ConfigRuleSettings<ConfigRulePrimaryOption, ConfigRuleSecondaryOptions>
-    | Config,
+  TRuleOrConfig extends ConfigRuleSettings<Primary, Secondary> | Config,
   TTestCase extends Partial<Packages>,
 > = (rule: TRuleOrConfig, testCase: TTestCase) => Promise<void> | void;
 
 function describeRuleOrConfigFactory<
-  TBaseRuleOrConfig extends
-    | ConfigRuleSettings<ConfigRulePrimaryOption, ConfigRuleSecondaryOptions>
-    | Config,
+  TBaseRuleOrConfig extends ConfigRuleSettings<Primary, Secondary> | Config,
 >(describeName: string) {
   return function describeRuleOrConfig<
     TRuleOrConfig extends TBaseRuleOrConfig,
@@ -60,7 +53,7 @@ function describeRuleOrConfigFactory<
 export const describeConfig = describeRuleOrConfigFactory<Config>('config');
 export const describeRule = describeRuleOrConfigFactory<
   ConfigRuleSettings<
-    ConfigRulePrimaryOption, //
-    ConfigRuleSecondaryOptions
+    Primary, //
+    Secondary
   >
 >('rule');

package/src/configs/css.test.ts

@@ -0,0 +1,8 @@
+import { assert } from 'vitest';
+import { describeConfig } from '~/__tests__';
+import { configCss } from './css';
+
+describeConfig(configCss, config => {
+  assert(Array.isArray(config.extends));
+  assert(Array.isArray(config.plugins));
+});

package/src/configs/scss.test.ts

@@ -0,0 +1,7 @@
+import { assert } from 'vitest';
+import { describeConfig } from '~/__tests__';
+import { configScss } from './scss';
+
+describeConfig(configScss, config => {
+  assert(Array.isArray(config.extends));
+});

package/src/configs/shared.test.ts

@@ -0,0 +1,7 @@
+import { assert } from 'vitest';
+import { describeConfig } from '~/__tests__';
+import { configShared } from './shared';
+
+describeConfig(configShared, config => {
+  assert(Array.isArray(config.extends));
+});

package/src/configs/vue.test.ts

@@ -0,0 +1,17 @@
+import { assert } from 'vitest';
+import { describeConfig } from '~/__tests__';
+import { configVue } from './vue';
+
+describeConfig(
+  configVue,
+  [{ sass: true }, { sass: false }],
+  (config, testCase) => {
+    assert(Array.isArray(config.extends));
+    assert(Array.isArray(config.extends));
+    config.extends.includes(
+      testCase.sass
+        ? 'stylelint-config-standard-vue/scss'
+        : 'stylelint-config-standard-vue',
+    );
+  },
+);

package/src/factory.test.ts

@@ -0,0 +1,30 @@
+import { css, describeLintAndFix } from './__tests__';
+import defineConfig from './factory';
+
+describeLintAndFix(
+  () => defineConfig({ vue: true, sass: true }),
+  [
+    {
+      code: css`
+        a {
+          color: red;
+        }
+      `,
+      isError: false,
+    },
+  ],
+);
+
+describeLintAndFix(
+  () => defineConfig(),
+  [
+    {
+      code: css`
+        a {
+          color: red;
+        }
+      `,
+      isError: false,
+    },
+  ],
+);

package/src/rules/at-rule-no-unknown.test.ts

@@ -0,0 +1,48 @@
+import { assert, expect } from 'vitest';
+import { describeLintAndFix, describeRule, syntaxScss } from '~/__tests__';
+import {
+  atRuleNoUnknownCSS,
+  atRuleNoUnknownRule,
+  atRuleNoUnknownSCSS,
+} from './at-rule-no-unknown';
+
+describeRule(
+  atRuleNoUnknownRule,
+  [
+    { tailwind: false, length: 0 },
+    { tailwind: 0, length: 5 },
+    { tailwind: 1, length: 6 },
+    { tailwind: 2, length: 6 },
+    { tailwind: 3, length: 4 },
+    { tailwind: 4, length: 10 },
+  ],
+  (rule, testCase) => {
+    assert(Array.isArray(rule));
+    assert(typeof rule[1] === 'object');
+    expect(rule[1].ignoreAtRules).toHaveLength(testCase.length);
+  },
+);
+
+describeLintAndFix(
+  o => ({ rules: atRuleNoUnknownCSS(o) }),
+  [
+    { tailwind: false, code: '@unknown {}', isError: true },
+    { tailwind: false, code: '@media {}', isError: false },
+    { tailwind: 3, code: '@tailwind {}', isError: false },
+    { tailwind: 4, code: '@tailwind {}', isError: true },
+  ],
+);
+
+describeLintAndFix(
+  o => ({
+    plugins: ['stylelint-scss'],
+    rules: atRuleNoUnknownSCSS(o),
+    overrides: [syntaxScss],
+  }),
+  [
+    { ext: 'scss', tailwind: false, code: '@unknown {}', isError: true },
+    { ext: 'scss', tailwind: false, code: '@media {}', isError: false },
+    { ext: 'scss', tailwind: 3, code: '@tailwind {}', isError: false },
+    { ext: 'scss', tailwind: 4, code: '@tailwind {}', isError: true },
+  ],
+);

package/src/rules/declaration-block-no-redundant-longhand-properties.test.ts

@@ -0,0 +1,36 @@
+import { assert, expect } from 'vitest';
+import { css, describeLintAndFix, describeRule } from '~/__tests__';
+import {
+  declarationBlockNoRedundantLonghandProperties,
+  declarationBlockNoRedundantLonghandPropertiesRule,
+} from './declaration-block-no-redundant-longhand-properties';
+
+describeRule(
+  declarationBlockNoRedundantLonghandPropertiesRule, //
+  rule => {
+    assert(Array.isArray(rule));
+    assert(typeof rule[1] === 'object');
+    expect(rule[1].ignoreShorthands).toHaveLength(1);
+  },
+);
+
+describeLintAndFix(
+  { rules: declarationBlockNoRedundantLonghandProperties }, //
+  [
+    {
+      code: css`
+        a {
+          margin-top: 1px;
+          margin-right: 2px;
+          margin-bottom: 3px;
+          margin-left: 4px;
+        }
+      `,
+      fixedCode: css`
+        a {
+          margin: 1px 2px 3px 4px;
+        }
+      `,
+    },
+  ],
+);

package/src/rules/dollar-variable-pattern.test.ts

@@ -0,0 +1,27 @@
+import { assert, expectTypeOf } from 'vitest';
+import { describeLintAndFix, describeRule, scss } from '~/__tests__';
+import {
+  dollarVariablePatternRule,
+  dollarVariablePatternSCSS,
+} from './dollar-variable-pattern';
+
+describeRule(
+  dollarVariablePatternRule, //
+  rule => {
+    assert(Array.isArray(rule));
+    assert(typeof rule[1] === 'object');
+    expectTypeOf(rule[1].message).toBeString();
+  },
+);
+
+describeLintAndFix(
+  {
+    extends: ['stylelint-config-standard-scss'],
+    rules: dollarVariablePatternSCSS,
+  },
+  [
+    { isError: false, code: scss`a { $kebab-case: 123; }` },
+    { isError: true, code: scss`a { $snake_case: 123; }` },
+    { isError: true, code: scss`a { $camelCase: 123; }` },
+  ],
+);

package/src/rules/function-no-unknown.test.ts

@@ -0,0 +1,44 @@
+import { assert, expect } from 'vitest';
+import { describeLintAndFix, describeRule } from '~/__tests__';
+import {
+  functionNoUnknown,
+  functionNoUnknownRule,
+} from './function-no-unknown';
+
+describeRule(
+  functionNoUnknownRule,
+  [
+    { tailwind: 0, sass: false, vue: false, length: 1 },
+    { tailwind: 1, sass: false, vue: false, length: 1 },
+    { tailwind: 2, sass: false, vue: false, length: 2 },
+    { tailwind: 3, sass: false, vue: false, length: 2 },
+    { tailwind: 4, sass: false, vue: false, length: 3 },
+    { tailwind: false, sass: true, vue: false, length: 1 },
+    { tailwind: false, sass: false, vue: true, length: 1 },
+  ],
+  (rule, options) => {
+    assert(Array.isArray(rule));
+    assert(typeof rule[1] === 'object');
+    expect(rule[1].ignoreFunctions).toHaveLength(options.length);
+  },
+);
+
+describeLintAndFix(
+  o => ({ rules: functionNoUnknown(o) }),
+  [
+    {
+      isError: true,
+      code: 'a { color: unknown(1); }',
+    },
+    {
+      tailwind: 3,
+      isError: false,
+      code: 'a { color: theme(colors.blue.500); }',
+    },
+    {
+      vue: true,
+      isError: false,
+      code: 'a { color: v-bind(colors); }',
+    },
+  ],
+);

package/src/rules/function-no-unknown.ts

@@ -30,6 +30,7 @@ const getIgnoreFunctionsByTailwindVersion = (
   }
 };
 
+const sassFunctionRegex = /^(list|math|color)\..+/;
 const getIgnoreFunctions = (packages: Partial<Packages>) => [
   // https://tailwindcss.com
   ...getIgnoreFunctionsByTailwindVersion(packages.tailwind),
@@ -38,7 +39,7 @@ const getIgnoreFunctions = (packages: Partial<Packages>) => [
   // https://sass-lang.com/documentation/modules/math
   // https://sass-lang.com/documentation/modules/color
   ...(packages.sass //
-    ? [/^(list|math|color)\..+/]
+    ? [sassFunctionRegex]
     : []),
 
   // https://vuejs.org/api/sfc-css-features.html#v-bind-in-css

package/src/rules/import-notation.test.ts

@@ -0,0 +1,16 @@
+import { describeLintAndFix } from '~/__tests__';
+import { importNotationCSS } from './import-notation';
+
+describeLintAndFix(
+  o => ({
+    extends: ['stylelint-config-standard'],
+    rules: importNotationCSS(o),
+  }),
+  [
+    { tailwind: 0, code: '@import "tailwindcss";', isError: true },
+    { tailwind: 1, code: '@import "tailwindcss";', isError: true },
+    { tailwind: 2, code: '@import "tailwindcss";', isError: true },
+    { tailwind: 3, code: '@import "tailwindcss";', isError: true },
+    { tailwind: 4, code: '@import "tailwindcss";', isError: false },
+  ],
+);

package/src/rules/order.test.ts

@@ -0,0 +1,53 @@
+import { assert, expect } from 'vitest';
+import { describeLintAndFix, describeRule, scss } from '~/__tests__';
+import { order, orderRule } from './order';
+
+describeRule(
+  orderRule,
+  [
+    { sass: false, length: 9 },
+    { sass: true, length: 17 },
+
+    { tailwind: 0, length: 14 },
+    { tailwind: 1, length: 15 },
+    { tailwind: 2, length: 15 },
+    { tailwind: 3, length: 13 },
+    { tailwind: 4, length: 19 },
+
+    { tailwind: 0, sass: true, length: 22 },
+    { tailwind: 1, sass: true, length: 23 },
+    { tailwind: 2, sass: true, length: 23 },
+    { tailwind: 3, sass: true, length: 21 },
+  ],
+  (rule, testCase) => {
+    assert(Array.isArray(rule));
+
+    assert(Array.isArray(rule[0]));
+    expect(rule[0]).toHaveLength(testCase.length);
+
+    assert(typeof rule[1] === 'object');
+    expect(rule[1]).toStrictEqual({ unspecified: 'bottom' });
+  },
+);
+
+describeLintAndFix(
+  o => ({
+    plugins: ['stylelint-order'],
+    rules: order(o),
+  }),
+  [
+    {
+      tailwind: false,
+      sass: false,
+      code: scss`
+        a {
+          $variable: 1px;
+          @variable: 2px;
+          --property: 3px;
+          width: 4px;
+        }
+      `,
+      isError: false,
+    },
+  ],
+);

package/src/rules/order.ts

@@ -33,6 +33,8 @@ interface SecondaryOptions {
 const definePrimaryOption = (...options: (PrimaryOption[number] | false | undefined)[]) =>
   options.filter((option): option is PrimaryOption[number] => !!option);
 
+const blockRuleRegex = /^&::[\w-]+/;
+
 export const orderRule = (packages: Partial<Packages>) =>
   defineRule<PrimaryOption, SecondaryOptions>([
     definePrimaryOption(
@@ -73,7 +75,7 @@ export const orderRule = (packages: Partial<Packages>) =>
       'declarations', //                                                                                    css:                display: block;
 
       //! block rules
-      { type: 'rule', selector: /^&::[\w-]+/ }, //                                                          css:                &::after {}
+      { type: 'rule', selector: blockRuleRegex }, //                                                          css:                &::after {}
       'rules', //                                                                                           css:                child-component {}
 
       //! blocks nested

package/src/rules/selector-pseudo-class-no-unknown.test.ts

@@ -0,0 +1,40 @@
+import { assert, expect } from 'vitest';
+import { css, describeLintAndFix, describeRule } from '~/__tests__';
+import {
+  selectorPseudoClassNoUnknown,
+  selectorPseudoClassNoUnknownRule,
+} from './selector-pseudo-class-no-unknown';
+
+describeRule(
+  selectorPseudoClassNoUnknownRule, //
+  rule => {
+    assert(Array.isArray(rule));
+    assert(typeof rule[1] === 'object');
+    expect(rule[1].ignorePseudoClasses).toHaveLength(2);
+  },
+);
+
+describeLintAndFix(
+  { rules: selectorPseudoClassNoUnknown }, //
+  [
+    {
+      code: css`
+        :global(.global-class) {
+          /* global */
+        }
+        :local(.local-class) {
+          /* local */
+        }
+      `,
+      isError: false,
+    },
+    {
+      code: css`
+        :invalid-pseudo(.some-class) {
+          /*  */
+        }
+      `,
+      isError: true,
+    },
+  ],
+);

package/src/shareable-configs/shareable-configs.test.ts

@@ -0,0 +1,25 @@
+import type { Config } from 'stylelint';
+import { expectTypeOf, it } from 'vitest';
+import autoConfig from './auto';
+import noneConfig from './none';
+import sassConfig from './sass';
+import sassVueConfig from './sass-vue';
+import tailwind3Config from './tailwind3';
+import tailwind3SassConfig from './tailwind3-sass';
+import tailwind3SassVueConfig from './tailwind3-sass-vue';
+import tailwind4Config from './tailwind4';
+import tailwind4VueConfig from './tailwind4-vue';
+import vueConfig from './vue';
+
+it('shareable configs', () => {
+  expectTypeOf(autoConfig).toEqualTypeOf<Config>();
+  expectTypeOf(noneConfig).toEqualTypeOf<Config>();
+  expectTypeOf(sassVueConfig).toEqualTypeOf<Config>();
+  expectTypeOf(sassConfig).toEqualTypeOf<Config>();
+  expectTypeOf(tailwind3SassVueConfig).toEqualTypeOf<Config>();
+  expectTypeOf(tailwind3SassConfig).toEqualTypeOf<Config>();
+  expectTypeOf(tailwind3Config).toEqualTypeOf<Config>();
+  expectTypeOf(tailwind4Config).toEqualTypeOf<Config>();
+  expectTypeOf(tailwind4VueConfig).toEqualTypeOf<Config>();
+  expectTypeOf(vueConfig).toEqualTypeOf<Config>();
+});

package/src/utils/index.ts

@@ -1,5 +1,2 @@
-export type {
-  ConfigRulePrimaryOption,
-  ConfigRuleSecondaryOptions,
-} from './utils';
+export type { Primary, Secondary } from './utils';
 export { defineRule, defineRules, isInRange, mergeConfigs } from './utils';