@ivanmaxlogiudice/eslint-config 1.0.9 → 1.0.11

package/README.md

@@ -32,7 +32,7 @@ With [`"type": "module"`](https://nodejs.org/api/packages.html#type) in `package
 // eslint.config.js
 import config from '@ivanmaxlogiudice/eslint-config'
 
-export default config()
+export default await config()
 ```
 
 With CJS:
@@ -44,6 +44,32 @@ const config = require('@ivanmaxlogiudice/eslint-config').default
 module.exports = config()
 ```
 
+Combined with legacy config:
+
+```js
+// eslint.config.js
+const config = require('@ivanmaxlogiudice/eslint-config').default
+const { FlatCompat } = require('@eslint/eslintrc')
+
+const compat = new FlatCompat()
+
+module.exports = config(
+    {
+        ignores: [],
+    },
+
+    // Legacy config
+    ...compat.config({
+        extends: [
+            'eslint:recommended',
+            // Other extends...
+        ],
+    })
+
+    // Other flat configs...
+)
+```
+
 > Note that `.eslintignore` no longer works in Flat config, see [customization](#customization) for more details.
 
 ### Add script for package.json
@@ -135,7 +161,7 @@ Normally you only need to import the `config` preset:
 // eslint.config.js
 import config from '@ivanmaxlogiudice/eslint-config'
 
-export default config()
+export default await config()
 ```
 
 And that's it! Or you can configure each integration individually, for example:
@@ -144,7 +170,7 @@ And that's it! Or you can configure each integration individually, for example:
 // eslint.config.js
 import config from '@ivanmaxlogiudice/eslint-config'
 
-export default config({
+export default await config({
     // Enable stylistic formatting rules
     // stylistic: true,
 
@@ -176,7 +202,7 @@ The `config` factory function also accepts any number of arbitrary custom config
 // eslint.config.js
 import config from '@ivanmaxlogiudice/eslint-config'
 
-export default config(
+export default await config(
     {
         // Configuration
     },
@@ -279,7 +305,7 @@ Certain rules would only be enabled in specific files, for example, `ts/*` rules
 // eslint.config.js
 import config from '@ivanmaxlogiudice/eslint-config'
 
-export default config(
+export default await config(
     {
         typescript: true,
         vue: true
@@ -300,13 +326,13 @@ export default config(
 )
 ```
 
-We also provided an `overrides` options to make it easier:
+We also provided a `overrides` options to make it easier:
 
 ```js
 // eslint.config.js
 import config from '@ivanmaxlogiudice/eslint-config'
 
-export default config({
+export default await config({
     overrides: {
         typescript: {
             'ts/consistent-type-definitions': ['error', 'interface'],
@@ -320,6 +346,51 @@ export default config({
 })
 ```
 
+### Optional Configs
+
+We provide some optional configs for specific use cases, that we don't include their dependencies by default.
+
+#### UnoCSS
+
+UnoCSS is auto-detected, you can also explicitly enable them:
+
+```js
+// eslint.config.js
+import config from '@ivanmaxlogiudice/eslint-config'
+
+export default config({
+    unocss: true,
+})
+```
+
+Running `pnpm dlx eslint` should prompt you to install the required dependencies, otherwise, you can install them manually:
+
+```bash
+pnpm add -D @unocss/eslint-plugin
+```
+
+### Optional Rules
+
+This config also provides some optional plugins/rules for extended usages.
+
+#### `perfectionist` (sorting)
+
+This plugin [`eslint-plugin-perfectionist`](https://github.com/azat-io/eslint-plugin-perfectionist) allows you to sorted object keys, imports, etc, with auto-fix.
+
+The plugin is installed, you can check the [enabled rules](/src/configs/perfectionist.ts) for more info.
+
+It's recommended to opt-in on each file individually using [configuration comments](https://eslint.org/docs/latest/use/configure/rules#using-configuration-comments-1).
+
+```js
+/* eslint perfectionist/sort-objects: "error" */
+const objectWantedToSort = {
+    a: 2,
+    b: 1,
+    c: 3,
+}
+/* eslint perfectionist/sort-objects: "off" */
+```
+
 ### Type Aware Rules
 
 You can optionally enable the [type aware rules](https://typescript-eslint.io/linting/typed-linting/) by passing the options object to the `typescript` config:
@@ -328,7 +399,7 @@ You can optionally enable the [type aware rules](https://typescript-eslint.io/li
 // eslint.config.js
 import config from '@ivanmaxlogiudice/eslint-config'
 
-export default config({
+export default await config({
     typescript: {
         tsconfigPath: 'tsconfig.json',
 

package/dist/cli.cjs

@@ -35,12 +35,13 @@ var import_picocolors4 = __toESM(require("picocolors"), 1);
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "1.0.9";
+var version = "1.0.11";
 var devDependencies = {
   "@types/eslint": "^8.44.7",
   "@types/fs-extra": "^11.0.4",
-  "@types/node": "^20.9.2",
-  "@types/prompts": "^2.4.8",
+  "@types/node": "^20.10.0",
+  "@types/prompts": "^2.4.9",
+  "@unocss/eslint-plugin": "^0.57.7",
   bumpp: "^9.2.0",
   eslint: "^8.54.0",
   "eslint-flat-config-viewer": "^0.1.3",
@@ -49,8 +50,8 @@ var devDependencies = {
   "fs-extra": "^11.1.1",
   "lint-staged": "^15.1.0",
   "simple-git-hooks": "^2.9.0",
-  tsup: "^8.0.0",
-  typescript: "^5.2.2",
+  tsup: "^8.0.1",
+  typescript: "^5.3.2",
   vitest: "^0.34.6"
 };
 

package/dist/cli.js

@@ -6,12 +6,13 @@ import c4 from "picocolors";
 import c from "picocolors";
 
 // package.json
-var version = "1.0.9";
+var version = "1.0.11";
 var devDependencies = {
   "@types/eslint": "^8.44.7",
   "@types/fs-extra": "^11.0.4",
-  "@types/node": "^20.9.2",
-  "@types/prompts": "^2.4.8",
+  "@types/node": "^20.10.0",
+  "@types/prompts": "^2.4.9",
+  "@unocss/eslint-plugin": "^0.57.7",
   bumpp: "^9.2.0",
   eslint: "^8.54.0",
   "eslint-flat-config-viewer": "^0.1.3",
@@ -20,8 +21,8 @@ var devDependencies = {
   "fs-extra": "^11.1.1",
   "lint-staged": "^15.1.0",
   "simple-git-hooks": "^2.9.0",
-  tsup: "^8.0.0",
-  typescript: "^5.2.2",
+  tsup: "^8.0.1",
+  typescript: "^5.3.2",
   vitest: "^0.34.6"
 };
 

package/dist/index.cjs

@@ -58,6 +58,7 @@ __export(src_exports, {
   comments: () => comments,
   config: () => config,
   default: () => src_default,
+  ensurePackages: () => ensurePackages,
   ignores: () => ignores,
   imports: () => imports,
   interopDefault: () => interopDefault,
@@ -83,10 +84,13 @@ module.exports = __toCommonJS(src_exports);
 
 // src/factory.ts
 var import_node_fs = __toESM(require("fs"), 1);
-var import_node_process2 = __toESM(require("process"), 1);
-var import_local_pkg = require("local-pkg");
+var import_node_process3 = __toESM(require("process"), 1);
+var import_local_pkg2 = require("local-pkg");
 
 // src/utils.ts
+var import_node_process = __toESM(require("process"), 1);
+var import_local_pkg = require("local-pkg");
+var import_picocolors = __toESM(require("picocolors"), 1);
 async function combine(...configs) {
   const resolved = await Promise.all(configs);
   return resolved.flat();
@@ -107,6 +111,24 @@ async function interopDefault(m) {
   const resolved = await m;
   return resolved.default || resolved;
 }
+async function ensurePackages(packages) {
+  if (import_node_process.default.env.CI || import_node_process.default.stdout.isTTY === false)
+    return;
+  const nonExistingPackages = packages.filter((i) => !(0, import_local_pkg.isPackageExists)(i));
+  if (nonExistingPackages.length === 0)
+    return;
+  const { default: prompts } = await import("prompts");
+  const { result } = await prompts([
+    {
+      initial: true,
+      message: `The following ${nonExistingPackages.length === 1 ? "package is" : "packages are"} required for this config: ${import_picocolors.default.green(nonExistingPackages.join(import_picocolors.default.white(", ")))}. Do you want to install them?`,
+      name: "result",
+      type: "confirm"
+    }
+  ]);
+  if (result)
+    await import("@antfu/install-pkg").then((i) => i.installPackage(nonExistingPackages, { dev: true }));
+}
 
 // src/configs/comments.ts
 async function comments() {
@@ -344,7 +366,6 @@ async function javascript(options = {}) {
         "no-implied-eval": "error",
         "no-import-assign": "error",
         "no-invalid-regexp": "error",
-        "no-invalid-this": "error",
         "no-irregular-whitespace": "error",
         "no-iterator": "error",
         "no-labels": ["error", {
@@ -537,6 +558,7 @@ async function jsdoc(options = {}) {
 // src/configs/jsonc.ts
 async function jsonc(options = {}) {
   const {
+    files = [GLOB_JSON, GLOB_JSON5, GLOB_JSONC],
     overrides = {},
     stylistic: stylistic2 = true
   } = options;
@@ -558,7 +580,7 @@ async function jsonc(options = {}) {
       }
     },
     {
-      files: [GLOB_JSON, GLOB_JSON5, GLOB_JSONC],
+      files,
       languageOptions: {
         parser: parserJsonc
       },
@@ -620,6 +642,7 @@ async function jsonc(options = {}) {
 async function markdown(options = {}) {
   const {
     componentExts = [],
+    files = [GLOB_MARKDOWN],
     overrides = {}
   } = options;
   const pluginMarkdown = await interopDefault(import("eslint-plugin-markdown"));
@@ -631,7 +654,7 @@ async function markdown(options = {}) {
       }
     },
     {
-      files: [GLOB_MARKDOWN],
+      files,
       name: "config:markdown:processor",
       processor: "markdown/markdown"
     },
@@ -1002,7 +1025,7 @@ function sortTsconfig() {
 }
 
 // src/configs/stylistic.ts
-async function stylistic(options) {
+async function stylistic(options = {}) {
   const {
     indent = 4,
     jsx = true,
@@ -1047,6 +1070,7 @@ async function stylistic(options) {
 // src/configs/test.ts
 async function test(options = {}) {
   const {
+    files = GLOB_TESTS,
     isInEditor = false,
     overrides = {}
   } = options;
@@ -1073,7 +1097,7 @@ async function test(options = {}) {
       }
     },
     {
-      files: GLOB_TESTS,
+      files,
       name: "config:test:rules",
       rules: {
         "node/prefer-global/process": "off",
@@ -1089,13 +1113,17 @@ async function test(options = {}) {
 }
 
 // src/configs/typescript.ts
-var import_node_process = __toESM(require("process"), 1);
-async function typescript(options) {
+var import_node_process2 = __toESM(require("process"), 1);
+async function typescript(options = {}) {
   const {
     componentExts = [],
     overrides = {},
     parserOptions = {}
-  } = options ?? {};
+  } = options;
+  const files = options.files ?? [
+    GLOB_SRC,
+    ...componentExts.map((ext) => `**/*.${ext}`)
+  ];
   const typeAwareRules = {
     "dot-notation": "off",
     "no-implied-eval": "off",
@@ -1135,10 +1163,7 @@ async function typescript(options) {
       }
     },
     {
-      files: [
-        GLOB_SRC,
-        ...componentExts.map((ext) => `**/*.${ext}`)
-      ],
+      files,
       languageOptions: {
         parser: parserTs,
         parserOptions: {
@@ -1146,7 +1171,7 @@ async function typescript(options) {
           sourceType: "module",
           ...tsconfigPath ? {
             project: tsconfigPath,
-            tsconfigRootDir: import_node_process.default.cwd()
+            tsconfigRootDir: import_node_process2.default.cwd()
           } : {},
           ...parserOptions
         }
@@ -1166,7 +1191,6 @@ async function typescript(options) {
         "antfu/generic-spacing": "error",
         "antfu/named-tuple-spacing": "error",
         "no-dupe-class-members": "off",
-        "no-invalid-this": "off",
         "no-loss-of-precision": "off",
         "no-redeclare": "off",
         "no-use-before-define": "off",
@@ -1191,7 +1215,6 @@ async function typescript(options) {
         "ts/no-explicit-any": "off",
         "ts/no-extraneous-class": "off",
         "ts/no-import-type-side-effects": "error",
-        "ts/no-invalid-this": "error",
         "ts/no-invalid-void-type": "off",
         "ts/no-loss-of-precision": "error",
         "ts/no-non-null-assertion": "off",
@@ -1315,7 +1338,14 @@ async function unicorn() {
 }
 
 // src/configs/unocss.ts
-async function unocss() {
+async function unocss(options = {}) {
+  const {
+    attributify = true,
+    strict = false
+  } = options;
+  await ensurePackages([
+    "@unocss/eslint-plugin"
+  ]);
   const pluginUnocss = await interopDefault(import("@unocss/eslint-plugin"));
   return [
     {
@@ -1324,7 +1354,13 @@ async function unocss() {
         "@unocss": pluginUnocss
       },
       rules: {
-        ...pluginUnocss.configs.recommended.rules
+        "unocss/order": "warn",
+        ...attributify ? {
+          "unocss/order-attributify": "warn"
+        } : {},
+        ...strict ? {
+          "unocss/blocklist": "error"
+        } : {}
       }
     }
   ];
@@ -1333,6 +1369,7 @@ async function unocss() {
 // src/configs/vue.ts
 async function vue(options = {}) {
   const {
+    files = [GLOB_VUE],
     overrides = {},
     stylistic: stylistic2 = true
   } = options;
@@ -1355,7 +1392,7 @@ async function vue(options = {}) {
       }
     },
     {
-      files: [GLOB_VUE],
+      files,
       languageOptions: {
         parser: parserVue,
         parserOptions: {
@@ -1480,6 +1517,7 @@ async function vue(options = {}) {
 // src/configs/yaml.ts
 async function yaml(options = {}) {
   const {
+    files = [GLOB_YAML],
     overrides = {},
     stylistic: stylistic2 = true
   } = options;
@@ -1502,7 +1540,7 @@ async function yaml(options = {}) {
       }
     },
     {
-      files: [GLOB_YAML],
+      files,
       languageOptions: {
         parser: parserYaml
       },
@@ -1563,11 +1601,11 @@ async function config(options = {}, ...userConfigs) {
   const {
     componentExts = [],
     gitignore: enableGitignore = true,
-    isInEditor = !!((import_node_process2.default.env.VSCODE_PID || import_node_process2.default.env.JETBRAINS_IDE) && !import_node_process2.default.env.CI),
+    isInEditor = !!((import_node_process3.default.env.VSCODE_PID || import_node_process3.default.env.JETBRAINS_IDE) && !import_node_process3.default.env.CI),
     overrides = {},
-    typescript: enableTypeScript = (0, import_local_pkg.isPackageExists)("typescript"),
-    unocss: enableUnocss = UnocssPackages.some((i) => (0, import_local_pkg.isPackageExists)(i)),
-    vue: enableVue = VuePackages.some((i) => (0, import_local_pkg.isPackageExists)(i))
+    typescript: enableTypeScript = (0, import_local_pkg2.isPackageExists)("typescript"),
+    unocss: enableUnoCSS = UnocssPackages.some((i) => (0, import_local_pkg2.isPackageExists)(i)),
+    vue: enableVue = VuePackages.some((i) => (0, import_local_pkg2.isPackageExists)(i))
   } = options;
   const stylisticOptions = options.stylistic === false ? false : typeof options.stylistic === "object" ? options.stylistic : {};
   if (stylisticOptions && !("jsx" in stylisticOptions))
@@ -1613,8 +1651,11 @@ async function config(options = {}, ...userConfigs) {
   }
   if (stylisticOptions)
     configs.push(stylistic(stylisticOptions));
-  if (enableUnocss)
-    configs.push(unocss());
+  if (enableUnoCSS) {
+    configs.push(unocss(
+      typeof enableUnoCSS === "boolean" ? {} : enableUnoCSS
+    ));
+  }
   if (options.test ?? true) {
     configs.push(test({
       isInEditor,
@@ -1695,6 +1736,7 @@ var src_default = config;
   combine,
   comments,
   config,
+  ensurePackages,
   ignores,
   imports,
   interopDefault,

package/dist/index.d.cts

@@ -30,6 +30,12 @@ type FlatConfigItem = Omit<FlatESLintConfigItem<Rules, false>, 'plugins'> & {
     plugins?: Record<string, any>;
 };
 type UserConfigItem = FlatConfigItem | Linter.FlatConfig;
+interface OptionsFiles {
+    /**
+     * Override the `files` option to provide custom globs.
+     */
+    files?: string[];
+}
 interface OptionsComponentExts {
     /**
      * Additional extensions for components.
@@ -66,6 +72,18 @@ interface OptionsOverrides {
 interface OptionsIsInEditor {
     isInEditor?: boolean;
 }
+interface OptionsUnoCSS {
+    /**
+     * Enable attributify support.
+     * @default true
+     */
+    attributify?: boolean;
+    /**
+     * Enable strict mode by throwing errors about blocklisted classes.
+     * @default false
+     */
+    strict?: boolean;
+}
 interface OptionsConfig extends OptionsComponentExts {
     /**
      * Enable gitignore support.
@@ -137,9 +155,12 @@ interface OptionsConfig extends OptionsComponentExts {
     /**
      * Enable unocss rules.
      *
+     * Requires installing:
+     * - `@unocss/eslint-plugin`
+     *
      * @default auto-detect based on the dependencies
      */
-    unocss?: boolean;
+    unocss?: boolean | OptionsUnoCSS;
     /**
      * Enable Vue support.
      *
@@ -169,9 +190,9 @@ declare function javascript(options?: OptionsIsInEditor & OptionsOverrides): Pro
 
 declare function jsdoc(options?: OptionsStylistic): Promise<FlatConfigItem[]>;
 
-declare function jsonc(options?: OptionsStylistic & OptionsOverrides): Promise<FlatConfigItem[]>;
+declare function jsonc(options?: OptionsFiles & OptionsStylistic & OptionsOverrides): Promise<FlatConfigItem[]>;
 
-declare function markdown(options?: OptionsComponentExts & OptionsOverrides): Promise<FlatConfigItem[]>;
+declare function markdown(options?: OptionsFiles & OptionsComponentExts & OptionsOverrides): Promise<FlatConfigItem[]>;
 
 declare function node(): Promise<FlatConfigItem[]>;
 
@@ -190,19 +211,19 @@ declare function sortPackageJson(): FlatConfigItem[];
  */
 declare function sortTsconfig(): FlatConfigItem[];
 
-declare function stylistic(options: StylisticConfig): Promise<FlatConfigItem[]>;
+declare function stylistic(options?: StylisticConfig): Promise<FlatConfigItem[]>;
 
-declare function test(options?: OptionsIsInEditor & OptionsOverrides): Promise<FlatConfigItem[]>;
+declare function test(options?: OptionsFiles & OptionsIsInEditor & OptionsOverrides): Promise<FlatConfigItem[]>;
 
-declare function typescript(options?: OptionsComponentExts & OptionsOverrides & OptionsTypeScriptWithTypes & OptionsTypeScriptParserOptions): Promise<FlatConfigItem[]>;
+declare function typescript(options?: OptionsFiles & OptionsComponentExts & OptionsOverrides & OptionsTypeScriptWithTypes & OptionsTypeScriptParserOptions): Promise<FlatConfigItem[]>;
 
 declare function unicorn(): Promise<FlatConfigItem[]>;
 
-declare function unocss(): Promise<FlatConfigItem[]>;
+declare function unocss(options?: OptionsUnoCSS): Promise<FlatConfigItem[]>;
 
-declare function vue(options?: OptionsHasTypeScript & OptionsOverrides & OptionsStylistic): Promise<FlatConfigItem[]>;
+declare function vue(options?: OptionsFiles & OptionsHasTypeScript & OptionsOverrides & OptionsStylistic): Promise<FlatConfigItem[]>;
 
-declare function yaml(options?: OptionsOverrides & OptionsStylistic): Promise<FlatConfigItem[]>;
+declare function yaml(options?: OptionsFiles & OptionsOverrides & OptionsStylistic): Promise<FlatConfigItem[]>;
 
 declare const GLOB_SRC_EXT = "?([cm])[jt]s?(x)";
 declare const GLOB_SRC = "**/*.?([cm])[jt]s?(x)";
@@ -240,5 +261,6 @@ declare function toArray<T>(value: T | T[]): T[];
 declare function interopDefault<T>(m: Awaitable<T>): Promise<T extends {
     default: infer U;
 } ? U : T>;
+declare function ensurePackages(packages: string[]): Promise<void>;
 
-export { type Awaitable, type FlatConfigItem, GLOB_ALL_SRC, GLOB_CSS, GLOB_DIST, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_LOCKFILE, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_NODE_MODULES, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_TESTS, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_YAML, type OptionsComponentExts, type OptionsConfig, type OptionsHasTypeScript, type OptionsIsInEditor, type OptionsOverrides, type OptionsStylistic, type OptionsTypeScriptParserOptions, type OptionsTypeScriptWithTypes, type Rules, type StylisticConfig, type UserConfigItem, type WrapRuleConfig, combine, comments, config, config as default, ignores, imports, interopDefault, javascript, jsdoc, jsonc, markdown, node, perfectionist, renameRules, sortPackageJson, sortTsconfig, stylistic, test, toArray, typescript, unicorn, unocss, vue, yaml };
+export { type Awaitable, type FlatConfigItem, GLOB_ALL_SRC, GLOB_CSS, GLOB_DIST, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_LOCKFILE, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_NODE_MODULES, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_TESTS, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_YAML, type OptionsComponentExts, type OptionsConfig, type OptionsFiles, type OptionsHasTypeScript, type OptionsIsInEditor, type OptionsOverrides, type OptionsStylistic, type OptionsTypeScriptParserOptions, type OptionsTypeScriptWithTypes, type OptionsUnoCSS, type Rules, type StylisticConfig, type UserConfigItem, type WrapRuleConfig, combine, comments, config, config as default, ensurePackages, ignores, imports, interopDefault, javascript, jsdoc, jsonc, markdown, node, perfectionist, renameRules, sortPackageJson, sortTsconfig, stylistic, test, toArray, typescript, unicorn, unocss, vue, yaml };

package/dist/index.d.ts

@@ -30,6 +30,12 @@ type FlatConfigItem = Omit<FlatESLintConfigItem<Rules, false>, 'plugins'> & {
     plugins?: Record<string, any>;
 };
 type UserConfigItem = FlatConfigItem | Linter.FlatConfig;
+interface OptionsFiles {
+    /**
+     * Override the `files` option to provide custom globs.
+     */
+    files?: string[];
+}
 interface OptionsComponentExts {
     /**
      * Additional extensions for components.
@@ -66,6 +72,18 @@ interface OptionsOverrides {
 interface OptionsIsInEditor {
     isInEditor?: boolean;
 }
+interface OptionsUnoCSS {
+    /**
+     * Enable attributify support.
+     * @default true
+     */
+    attributify?: boolean;
+    /**
+     * Enable strict mode by throwing errors about blocklisted classes.
+     * @default false
+     */
+    strict?: boolean;
+}
 interface OptionsConfig extends OptionsComponentExts {
     /**
      * Enable gitignore support.
@@ -137,9 +155,12 @@ interface OptionsConfig extends OptionsComponentExts {
     /**
      * Enable unocss rules.
      *
+     * Requires installing:
+     * - `@unocss/eslint-plugin`
+     *
      * @default auto-detect based on the dependencies
      */
-    unocss?: boolean;
+    unocss?: boolean | OptionsUnoCSS;
     /**
      * Enable Vue support.
      *
@@ -169,9 +190,9 @@ declare function javascript(options?: OptionsIsInEditor & OptionsOverrides): Pro
 
 declare function jsdoc(options?: OptionsStylistic): Promise<FlatConfigItem[]>;
 
-declare function jsonc(options?: OptionsStylistic & OptionsOverrides): Promise<FlatConfigItem[]>;
+declare function jsonc(options?: OptionsFiles & OptionsStylistic & OptionsOverrides): Promise<FlatConfigItem[]>;
 
-declare function markdown(options?: OptionsComponentExts & OptionsOverrides): Promise<FlatConfigItem[]>;
+declare function markdown(options?: OptionsFiles & OptionsComponentExts & OptionsOverrides): Promise<FlatConfigItem[]>;
 
 declare function node(): Promise<FlatConfigItem[]>;
 
@@ -190,19 +211,19 @@ declare function sortPackageJson(): FlatConfigItem[];
  */
 declare function sortTsconfig(): FlatConfigItem[];
 
-declare function stylistic(options: StylisticConfig): Promise<FlatConfigItem[]>;
+declare function stylistic(options?: StylisticConfig): Promise<FlatConfigItem[]>;
 
-declare function test(options?: OptionsIsInEditor & OptionsOverrides): Promise<FlatConfigItem[]>;
+declare function test(options?: OptionsFiles & OptionsIsInEditor & OptionsOverrides): Promise<FlatConfigItem[]>;
 
-declare function typescript(options?: OptionsComponentExts & OptionsOverrides & OptionsTypeScriptWithTypes & OptionsTypeScriptParserOptions): Promise<FlatConfigItem[]>;
+declare function typescript(options?: OptionsFiles & OptionsComponentExts & OptionsOverrides & OptionsTypeScriptWithTypes & OptionsTypeScriptParserOptions): Promise<FlatConfigItem[]>;
 
 declare function unicorn(): Promise<FlatConfigItem[]>;
 
-declare function unocss(): Promise<FlatConfigItem[]>;
+declare function unocss(options?: OptionsUnoCSS): Promise<FlatConfigItem[]>;
 
-declare function vue(options?: OptionsHasTypeScript & OptionsOverrides & OptionsStylistic): Promise<FlatConfigItem[]>;
+declare function vue(options?: OptionsFiles & OptionsHasTypeScript & OptionsOverrides & OptionsStylistic): Promise<FlatConfigItem[]>;
 
-declare function yaml(options?: OptionsOverrides & OptionsStylistic): Promise<FlatConfigItem[]>;
+declare function yaml(options?: OptionsFiles & OptionsOverrides & OptionsStylistic): Promise<FlatConfigItem[]>;
 
 declare const GLOB_SRC_EXT = "?([cm])[jt]s?(x)";
 declare const GLOB_SRC = "**/*.?([cm])[jt]s?(x)";
@@ -240,5 +261,6 @@ declare function toArray<T>(value: T | T[]): T[];
 declare function interopDefault<T>(m: Awaitable<T>): Promise<T extends {
     default: infer U;
 } ? U : T>;
+declare function ensurePackages(packages: string[]): Promise<void>;
 
-export { type Awaitable, type FlatConfigItem, GLOB_ALL_SRC, GLOB_CSS, GLOB_DIST, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_LOCKFILE, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_NODE_MODULES, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_TESTS, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_YAML, type OptionsComponentExts, type OptionsConfig, type OptionsHasTypeScript, type OptionsIsInEditor, type OptionsOverrides, type OptionsStylistic, type OptionsTypeScriptParserOptions, type OptionsTypeScriptWithTypes, type Rules, type StylisticConfig, type UserConfigItem, type WrapRuleConfig, combine, comments, config, config as default, ignores, imports, interopDefault, javascript, jsdoc, jsonc, markdown, node, perfectionist, renameRules, sortPackageJson, sortTsconfig, stylistic, test, toArray, typescript, unicorn, unocss, vue, yaml };
+export { type Awaitable, type FlatConfigItem, GLOB_ALL_SRC, GLOB_CSS, GLOB_DIST, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_LOCKFILE, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_NODE_MODULES, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_TESTS, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_YAML, type OptionsComponentExts, type OptionsConfig, type OptionsFiles, type OptionsHasTypeScript, type OptionsIsInEditor, type OptionsOverrides, type OptionsStylistic, type OptionsTypeScriptParserOptions, type OptionsTypeScriptWithTypes, type OptionsUnoCSS, type Rules, type StylisticConfig, type UserConfigItem, type WrapRuleConfig, combine, comments, config, config as default, ensurePackages, ignores, imports, interopDefault, javascript, jsdoc, jsonc, markdown, node, perfectionist, renameRules, sortPackageJson, sortTsconfig, stylistic, test, toArray, typescript, unicorn, unocss, vue, yaml };

package/dist/index.js

@@ -1,9 +1,12 @@
 // src/factory.ts
 import fs from "node:fs";
-import process2 from "node:process";
-import { isPackageExists } from "local-pkg";
+import process3 from "node:process";
+import { isPackageExists as isPackageExists2 } from "local-pkg";
 
 // src/utils.ts
+import process from "node:process";
+import { isPackageExists } from "local-pkg";
+import c from "picocolors";
 async function combine(...configs) {
   const resolved = await Promise.all(configs);
   return resolved.flat();
@@ -24,6 +27,24 @@ async function interopDefault(m) {
   const resolved = await m;
   return resolved.default || resolved;
 }
+async function ensurePackages(packages) {
+  if (process.env.CI || process.stdout.isTTY === false)
+    return;
+  const nonExistingPackages = packages.filter((i) => !isPackageExists(i));
+  if (nonExistingPackages.length === 0)
+    return;
+  const { default: prompts } = await import("prompts");
+  const { result } = await prompts([
+    {
+      initial: true,
+      message: `The following ${nonExistingPackages.length === 1 ? "package is" : "packages are"} required for this config: ${c.green(nonExistingPackages.join(c.white(", ")))}. Do you want to install them?`,
+      name: "result",
+      type: "confirm"
+    }
+  ]);
+  if (result)
+    await import("@antfu/install-pkg").then((i) => i.installPackage(nonExistingPackages, { dev: true }));
+}
 
 // src/configs/comments.ts
 async function comments() {
@@ -261,7 +282,6 @@ async function javascript(options = {}) {
         "no-implied-eval": "error",
         "no-import-assign": "error",
         "no-invalid-regexp": "error",
-        "no-invalid-this": "error",
         "no-irregular-whitespace": "error",
         "no-iterator": "error",
         "no-labels": ["error", {
@@ -454,6 +474,7 @@ async function jsdoc(options = {}) {
 // src/configs/jsonc.ts
 async function jsonc(options = {}) {
   const {
+    files = [GLOB_JSON, GLOB_JSON5, GLOB_JSONC],
     overrides = {},
     stylistic: stylistic2 = true
   } = options;
@@ -475,7 +496,7 @@ async function jsonc(options = {}) {
       }
     },
     {
-      files: [GLOB_JSON, GLOB_JSON5, GLOB_JSONC],
+      files,
       languageOptions: {
         parser: parserJsonc
       },
@@ -537,6 +558,7 @@ async function jsonc(options = {}) {
 async function markdown(options = {}) {
   const {
     componentExts = [],
+    files = [GLOB_MARKDOWN],
     overrides = {}
   } = options;
   const pluginMarkdown = await interopDefault(import("eslint-plugin-markdown"));
@@ -548,7 +570,7 @@ async function markdown(options = {}) {
       }
     },
     {
-      files: [GLOB_MARKDOWN],
+      files,
       name: "config:markdown:processor",
       processor: "markdown/markdown"
     },
@@ -919,7 +941,7 @@ function sortTsconfig() {
 }
 
 // src/configs/stylistic.ts
-async function stylistic(options) {
+async function stylistic(options = {}) {
   const {
     indent = 4,
     jsx = true,
@@ -964,6 +986,7 @@ async function stylistic(options) {
 // src/configs/test.ts
 async function test(options = {}) {
   const {
+    files = GLOB_TESTS,
     isInEditor = false,
     overrides = {}
   } = options;
@@ -990,7 +1013,7 @@ async function test(options = {}) {
       }
     },
     {
-      files: GLOB_TESTS,
+      files,
       name: "config:test:rules",
       rules: {
         "node/prefer-global/process": "off",
@@ -1006,13 +1029,17 @@ async function test(options = {}) {
 }
 
 // src/configs/typescript.ts
-import process from "node:process";
-async function typescript(options) {
+import process2 from "node:process";
+async function typescript(options = {}) {
   const {
     componentExts = [],
     overrides = {},
     parserOptions = {}
-  } = options ?? {};
+  } = options;
+  const files = options.files ?? [
+    GLOB_SRC,
+    ...componentExts.map((ext) => `**/*.${ext}`)
+  ];
   const typeAwareRules = {
     "dot-notation": "off",
     "no-implied-eval": "off",
@@ -1052,10 +1079,7 @@ async function typescript(options) {
       }
     },
     {
-      files: [
-        GLOB_SRC,
-        ...componentExts.map((ext) => `**/*.${ext}`)
-      ],
+      files,
       languageOptions: {
         parser: parserTs,
         parserOptions: {
@@ -1063,7 +1087,7 @@ async function typescript(options) {
           sourceType: "module",
           ...tsconfigPath ? {
             project: tsconfigPath,
-            tsconfigRootDir: process.cwd()
+            tsconfigRootDir: process2.cwd()
           } : {},
           ...parserOptions
         }
@@ -1083,7 +1107,6 @@ async function typescript(options) {
         "antfu/generic-spacing": "error",
         "antfu/named-tuple-spacing": "error",
         "no-dupe-class-members": "off",
-        "no-invalid-this": "off",
         "no-loss-of-precision": "off",
         "no-redeclare": "off",
         "no-use-before-define": "off",
@@ -1108,7 +1131,6 @@ async function typescript(options) {
         "ts/no-explicit-any": "off",
         "ts/no-extraneous-class": "off",
         "ts/no-import-type-side-effects": "error",
-        "ts/no-invalid-this": "error",
         "ts/no-invalid-void-type": "off",
         "ts/no-loss-of-precision": "error",
         "ts/no-non-null-assertion": "off",
@@ -1232,7 +1254,14 @@ async function unicorn() {
 }
 
 // src/configs/unocss.ts
-async function unocss() {
+async function unocss(options = {}) {
+  const {
+    attributify = true,
+    strict = false
+  } = options;
+  await ensurePackages([
+    "@unocss/eslint-plugin"
+  ]);
   const pluginUnocss = await interopDefault(import("@unocss/eslint-plugin"));
   return [
     {
@@ -1241,7 +1270,13 @@ async function unocss() {
         "@unocss": pluginUnocss
       },
       rules: {
-        ...pluginUnocss.configs.recommended.rules
+        "unocss/order": "warn",
+        ...attributify ? {
+          "unocss/order-attributify": "warn"
+        } : {},
+        ...strict ? {
+          "unocss/blocklist": "error"
+        } : {}
       }
     }
   ];
@@ -1250,6 +1285,7 @@ async function unocss() {
 // src/configs/vue.ts
 async function vue(options = {}) {
   const {
+    files = [GLOB_VUE],
     overrides = {},
     stylistic: stylistic2 = true
   } = options;
@@ -1272,7 +1308,7 @@ async function vue(options = {}) {
       }
     },
     {
-      files: [GLOB_VUE],
+      files,
       languageOptions: {
         parser: parserVue,
         parserOptions: {
@@ -1397,6 +1433,7 @@ async function vue(options = {}) {
 // src/configs/yaml.ts
 async function yaml(options = {}) {
   const {
+    files = [GLOB_YAML],
     overrides = {},
     stylistic: stylistic2 = true
   } = options;
@@ -1419,7 +1456,7 @@ async function yaml(options = {}) {
       }
     },
     {
-      files: [GLOB_YAML],
+      files,
       languageOptions: {
         parser: parserYaml
       },
@@ -1480,11 +1517,11 @@ async function config(options = {}, ...userConfigs) {
   const {
     componentExts = [],
     gitignore: enableGitignore = true,
-    isInEditor = !!((process2.env.VSCODE_PID || process2.env.JETBRAINS_IDE) && !process2.env.CI),
+    isInEditor = !!((process3.env.VSCODE_PID || process3.env.JETBRAINS_IDE) && !process3.env.CI),
     overrides = {},
-    typescript: enableTypeScript = isPackageExists("typescript"),
-    unocss: enableUnocss = UnocssPackages.some((i) => isPackageExists(i)),
-    vue: enableVue = VuePackages.some((i) => isPackageExists(i))
+    typescript: enableTypeScript = isPackageExists2("typescript"),
+    unocss: enableUnoCSS = UnocssPackages.some((i) => isPackageExists2(i)),
+    vue: enableVue = VuePackages.some((i) => isPackageExists2(i))
   } = options;
   const stylisticOptions = options.stylistic === false ? false : typeof options.stylistic === "object" ? options.stylistic : {};
   if (stylisticOptions && !("jsx" in stylisticOptions))
@@ -1530,8 +1567,11 @@ async function config(options = {}, ...userConfigs) {
   }
   if (stylisticOptions)
     configs.push(stylistic(stylisticOptions));
-  if (enableUnocss)
-    configs.push(unocss());
+  if (enableUnoCSS) {
+    configs.push(unocss(
+      typeof enableUnoCSS === "boolean" ? {} : enableUnoCSS
+    ));
+  }
   if (options.test ?? true) {
     configs.push(test({
       isInEditor,
@@ -1612,6 +1652,7 @@ export {
   comments,
   config,
   src_default as default,
+  ensurePackages,
   ignores,
   imports,
   interopDefault,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ivanmaxlogiudice/eslint-config",
-  "version": "1.0.9",
-  "packageManager": "pnpm@8.10.5",
+  "version": "1.0.11",
+  "packageManager": "pnpm@8.11.0",
   "description": "Personal ESLint config",
   "type": "module",
   "keywords": [
@@ -33,22 +33,27 @@
     "access": "public"
   },
   "peerDependencies": {
-    "eslint": ">=8.0.0"
+    "@unocss/eslint-plugin": ">=0.57.0",
+    "eslint": ">=8.40.0"
+  },
+  "peerDependenciesMeta": {
+    "@unocss/eslint-plugin": {
+      "optional": true
+    }
   },
   "dependencies": {
     "@antfu/eslint-define-config": "1.23.0-2",
+    "@antfu/install-pkg": "^0.3.0",
     "@eslint-types/jsdoc": "46.9.0",
-    "@eslint-types/typescript-eslint": "^6.11.0",
+    "@eslint-types/typescript-eslint": "^6.12.0",
     "@eslint-types/unicorn": "^49.0.0",
-    "@eslint/js": "^8.54.0",
-    "@stylistic/eslint-plugin": "^1.4.0",
-    "@typescript-eslint/eslint-plugin": "^6.11.0",
-    "@typescript-eslint/parser": "^6.11.0",
-    "@unocss/eslint-plugin": "^0.57.6",
+    "@stylistic/eslint-plugin": "^1.4.1",
+    "@typescript-eslint/eslint-plugin": "^6.13.0",
+    "@typescript-eslint/parser": "^6.13.0",
     "cac": "^6.7.14",
     "detect-indent": "^7.0.1",
     "eslint-config-flat-gitignore": "^0.1.1",
-    "eslint-plugin-antfu": "^1.0.10",
+    "eslint-plugin-antfu": "^1.0.11",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-i": "^2.29.0",
     "eslint-plugin-jsdoc": "^46.9.0",
@@ -56,11 +61,11 @@
     "eslint-plugin-markdown": "^3.0.1",
     "eslint-plugin-n": "^16.3.1",
     "eslint-plugin-no-only-tests": "^3.1.0",
-    "eslint-plugin-perfectionist": "^2.4.0",
+    "eslint-plugin-perfectionist": "^2.5.0",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-unicorn": "^49.0.0",
     "eslint-plugin-unused-imports": "^3.0.0",
-    "eslint-plugin-vitest": "^0.3.9",
+    "eslint-plugin-vitest": "^0.3.10",
     "eslint-plugin-vue": "^9.18.1",
     "eslint-plugin-yml": "^1.10.0",
     "globals": "^13.23.0",
@@ -75,8 +80,9 @@
   "devDependencies": {
     "@types/eslint": "^8.44.7",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^20.9.2",
-    "@types/prompts": "^2.4.8",
+    "@types/node": "^20.10.0",
+    "@types/prompts": "^2.4.9",
+    "@unocss/eslint-plugin": "^0.57.7",
     "bumpp": "^9.2.0",
     "eslint": "^8.54.0",
     "eslint-flat-config-viewer": "^0.1.3",
@@ -85,13 +91,10 @@
     "fs-extra": "^11.1.1",
     "lint-staged": "^15.1.0",
     "simple-git-hooks": "^2.9.0",
-    "tsup": "^8.0.0",
-    "typescript": "^5.2.2",
+    "tsup": "^8.0.1",
+    "typescript": "^5.3.2",
     "vitest": "^0.34.6"
   },
-  "workspaces": [
-    "fixtures/*"
-  ],
   "engines": {
     "node": ">=18.12.0"
   },