eslint-config-mgz 1.0.4 → 1.0.7

package/README.md

@@ -23,28 +23,51 @@ Shared ESLint configuration for React + TypeScript projects
 
 ### 📂 Содержимое пакета
 
-| Файл      | Назначение                   |
-| --------- | ---------------------------- |
-| `base.js` | Основная конфигурация ESLint |
+| Файл             | Назначение                          |
+| ---------------- | ----------------------------------- |
+| `base.js`        | Основная конфигурация ESLint (v7-8) |
+| `flat-config.js` | Flat config для ESLint v9+          |
 
 ---
 
 ### 🚀 Установка
 
 ```bash
+# ESLint v7-8 (обязательные)
 npm install -D eslint-config-mgz eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-import eslint-plugin-jsx-a11y eslint-config-prettier
+
+# ESLint v9+ (обязательные + опциональные)
+npm install -D eslint-config-mgz eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-import eslint-plugin-jsx-a11y eslint-config-prettier @eslint/js typescript-eslint
 ```
 
 ```bash
+# ESLint v7-8 (обязательные)
 pnpm add -D eslint-config-mgz eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-import eslint-plugin-jsx-a11y eslint-config-prettier
+
+# ESLint v9+ (обязательные + опциональные)
+pnpm add -D eslint-config-mgz eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-import eslint-plugin-jsx-a11y eslint-config-prettier @eslint/js typescript-eslint
 ```
 
 ```bash
+# ESLint v7-8 (обязательные)
 yarn add -D eslint-config-mgz eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-import eslint-plugin-jsx-a11y eslint-config-prettier
+
+# ESLint v9+ (обязательные + опциональные)
+yarn add -D eslint-config-mgz eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-import eslint-plugin-jsx-a11y eslint-config-prettier @eslint/js typescript-eslint
 ```
 
 ---
 
+## 🚨 **Совместимость с ESLint**
+
+### 📊 **Таблица совместимости:**
+
+| ESLint версия | Совместимость | Конфиг файл       | Примечания              |
+| ------------- | ------------- | ----------------- | ----------------------- |
+| **v7.x**      | ✅ Полная     | `.eslintrc.*`     | Рекомендуется           |
+| **v8.x**      | ✅ Полная     | `.eslintrc.*`     | Рекомендуется           |
+| **v9.x**      | ✅ Полная     | `eslint.config.*` | Используйте flat-config |
+
 ### 🧩 Использование
 
 #### В .eslintrc.js
@@ -85,6 +108,41 @@ module.exports = {
 };
 ```
 
+#### Для ESLint v9+ (Flat Config)
+
+```javascript
+// eslint.config.js
+import config from "eslint-config-mgz/flat-config";
+
+export default config;
+```
+
+Или с дополнительными правилами:
+
+```javascript
+// eslint.config.js
+import { FlatCompat } from "@eslint/eslintrc";
+import baseConfig from "eslint-config-mgz";
+
+const compat = new FlatCompat();
+export default [
+  ...compat.config(baseConfig),
+  {
+    rules: {
+      // Ваши дополнительные правила
+      "no-console": "warn",
+    },
+  },
+];
+```
+
+#### Для старых версий ESLint (v7-8)
+
+```bash
+# Принудительное использование старого формата в v9
+npx eslint --config .eslintrc.js src/
+```
+
 ---
 
 ### 🧠 Включенные правила
@@ -161,9 +219,10 @@ The goal is to standardize linting across all projects and ensure code quality.
 
 ### 📂 Package contents
 
-| File      | Purpose                   |
-| --------- | ------------------------- |
-| `base.js` | Main ESLint configuration |
+| File             | Purpose                          |
+| ---------------- | -------------------------------- |
+| `base.js`        | Main ESLint configuration (v7-8) |
+| `flat-config.js` | Flat config for ESLint v9+       |
 
 ---
 
@@ -175,6 +234,16 @@ npm install -D eslint-config-mgz eslint @typescript-eslint/parser @typescript-es
 
 ---
 
+## 🚨 **ESLint Compatibility**
+
+### 📊 **Compatibility Table:**
+
+| ESLint Version | Compatibility | Config File       | Notes           |
+| -------------- | ------------- | ----------------- | --------------- |
+| **v7.x**       | ✅ Full       | `.eslintrc.*`     | Recommended     |
+| **v8.x**       | ✅ Full       | `.eslintrc.*`     | Recommended     |
+| **v9.x**       | ✅ Full       | `eslint.config.*` | Use flat-config |
+
 ### 🧩 Usage
 
 #### In .eslintrc.js
@@ -203,6 +272,41 @@ module.exports = {
 };
 ```
 
+#### For ESLint v9+ (Flat Config)
+
+```javascript
+// eslint.config.js
+import config from "eslint-config-mgz/flat-config";
+
+export default config;
+```
+
+Or with additional rules:
+
+```javascript
+// eslint.config.js
+import { FlatCompat } from "@eslint/eslintrc";
+import baseConfig from "eslint-config-mgz";
+
+const compat = new FlatCompat();
+export default [
+  ...compat.config(baseConfig),
+  {
+    rules: {
+      // Your additional rules
+      "no-console": "warn",
+    },
+  },
+];
+```
+
+#### For older ESLint versions (v7-8)
+
+```bash
+# Force old config format in v9
+npx eslint --config .eslintrc.js src/
+```
+
 ---
 
 ### ⚠️ Important notes
@@ -244,9 +348,10 @@ Some rules are intentionally disabled for flexibility or due to conflicts with o
 
 ### 📂 Пакет құрамында
 
-| Файл      | Мақсаты                |
-| --------- | ---------------------- |
-| `base.js` | Негізгі ESLint конфигі |
+| Файл             | Мақсаты                       |
+| ---------------- | ----------------------------- |
+| `base.js`        | Негізгі ESLint конфигі (v7-8) |
+| `flat-config.js` | Flat config ESLint v9+ үшін   |
 
 ---
 
@@ -258,6 +363,16 @@ npm install -D eslint-config-mgz eslint @typescript-eslint/parser @typescript-es
 
 ---
 
+## 🚨 **ESLint үйлесімділігі**
+
+### 📊 **Үйлесімділік кестесі:**
+
+| ESLint нұсқасы | Үйлесімділік | Конфиг файл       | Ескертулер               |
+| -------------- | ------------ | ----------------- | ------------------------ |
+| **v7.x**       | ✅ Толық     | `.eslintrc.*`     | Ұсынылады                |
+| **v8.x**       | ✅ Толық     | `.eslintrc.*`     | Ұсынылады                |
+| **v9.x**       | ✅ Толық     | `eslint.config.*` | flat-config пайдаланыңыз |
+
 ### 🧩 Қолдану
 
 #### .eslintrc.js ішінде
@@ -271,6 +386,41 @@ module.exports = {
 };
 ```
 
+#### ESLint v9+ үшін (Flat Config)
+
+```javascript
+// eslint.config.js
+import config from "eslint-config-mgz/flat-config";
+
+export default config;
+```
+
+Қосымша ережелермен:
+
+```javascript
+// eslint.config.js
+import { FlatCompat } from "@eslint/eslintrc";
+import baseConfig from "eslint-config-mgz";
+
+const compat = new FlatCompat();
+export default [
+  ...compat.config(baseConfig),
+  {
+    rules: {
+      // Сіздің қосымша ережелеріңіз
+      "no-console": "warn",
+    },
+  },
+];
+```
+
+#### Ескі ESLint нұсқалары үшін (v7-8)
+
+```bash
+# v9-да ескі конфиг форматын мәжбүрлеу
+npx eslint --config .eslintrc.js src/
+```
+
 ---
 
 ### ⚠️ Маңызды ескертулер

package/flat-config.js

@@ -0,0 +1,110 @@
+// Universal config for ESLint v7+
+// Automatically detects ESLint version and returns appropriate format
+// Usage: import config from 'eslint-config-mgz/flat-config';
+
+function isEslintV9Plus() {
+  try {
+    // Check if @eslint/js is available (ESLint v9+)
+    require.resolve("@eslint/js");
+    // Check if typescript-eslint is available
+    require.resolve("typescript-eslint");
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+let config;
+
+if (isEslintV9Plus()) {
+  // ESLint v9+ - Use native flat config
+  const js = require("@eslint/js");
+  const tseslint = require("typescript-eslint");
+
+  config = [
+    {
+      ignores: [
+        "dist/**",
+        "build/**",
+        "node_modules/**",
+        ".eslintrc.*",
+        ".prettierrc.*",
+        "eslint.config.*",
+      ],
+    },
+    js.configs.recommended,
+    ...tseslint.configs.recommended,
+    {
+      files: ["**/*.{js,jsx,ts,tsx}"],
+      languageOptions: {
+        parser: tseslint.parser,
+        parserOptions: {
+          project: "./tsconfig.json",
+          ecmaVersion: "latest",
+          sourceType: "module",
+        },
+      },
+      plugins: {
+        "@typescript-eslint": tseslint.plugin,
+        react: require("eslint-plugin-react"),
+        "react-hooks": require("eslint-plugin-react-hooks"),
+        import: require("eslint-plugin-import"),
+        "jsx-a11y": require("eslint-plugin-jsx-a11y"),
+      },
+      rules: {
+        // React rules
+        "react/react-in-jsx-scope": "off",
+        "react/prop-types": "off",
+        "react/display-name": "off",
+        "react/no-array-index-key": "warn",
+        "react-hooks/rules-of-hooks": "error",
+        "react-hooks/exhaustive-deps": "warn",
+
+        // Import rules
+        "import/no-unresolved": "off",
+        "import/named": "off",
+
+        // JSX accessibility
+        "jsx-a11y/no-autofocus": "off",
+        "jsx-a11y/anchor-has-content": "off",
+        "jsx-a11y/heading-has-content": "off",
+
+        // General rules
+        "no-alert": "error",
+        "no-console": "error",
+        "no-undef-init": "error",
+        "no-undefined": "error",
+        "no-var": "error",
+        "no-inline-comments": "off",
+        "no-use-before-define": "off",
+        "no-duplicate-imports": "warn",
+
+        // TypeScript specific
+        "@typescript-eslint/no-unused-vars": "warn",
+        "@typescript-eslint/no-explicit-any": "warn",
+        "@typescript-eslint/prefer-const": "error",
+
+        // Custom rules for unknown properties
+        "react/no-unknown-property": [
+          "error",
+          {
+            ignore: ["cmdk-input-wrapper", "cmdk-empty"],
+          },
+        ],
+      },
+    },
+  ];
+} else {
+  // ESLint v7-8 - Use legacy config with FlatCompat
+  const { FlatCompat } = require("@eslint/eslintrc");
+  const baseConfig = require("./base");
+
+  const compat = new FlatCompat({
+    baseDirectory: __dirname,
+    resolvePluginsRelativeTo: __dirname,
+  });
+
+  config = compat.config(baseConfig);
+}
+
+module.exports = config;

package/package.json

@@ -1,13 +1,18 @@
 {
   "name": "eslint-config-mgz",
-  "version": "1.0.4",
+  "version": "1.0.7",
   "description": "Shared ESLint config for React + TypeScript projects",
   "main": "base.js",
   "files": [
     "README.md",
-    "base.js"
+    "base.js",
+    "flat-config.js"
   ],
   "readme": "README.md",
+  "exports": {
+    ".": "./base.js",
+    "./flat-config": "./flat-config.js"
+  },
   "keywords": [
     "eslint",
     "typescript",
@@ -17,14 +22,22 @@
   "author": "DSRC TEAM",
   "license": "MIT",
   "peerDependencies": {
-    "eslint": "^8.0.0 || ^9.0.0",
+    "eslint": "^7.0.0 || ^8.0.0 || ^9.0.0",
     "@typescript-eslint/parser": "^6.0.0 || ^7.0.0 || ^8.0.0",
     "@typescript-eslint/eslint-plugin": "^6.0.0 || ^7.0.0 || ^8.0.0",
     "eslint-plugin-react": "^7.0.0 || ^8.0.0",
     "eslint-plugin-react-hooks": "^4.0.0 || ^5.0.0 || ^7.0.0",
     "eslint-plugin-import": "^2.0.0",
     "eslint-plugin-jsx-a11y": "^6.0.0",
-    "eslint-config-prettier": "^9.0.0"
+    "eslint-config-prettier": "^8.0.0 || ^9.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@eslint/js": {
+      "optional": true
+    },
+    "typescript-eslint": {
+      "optional": true
+    }
   },
   "engines": {
     "node": ">=18"