@flarian/frontend-preset 1.2.0 → 1.3.0

package/README.md

@@ -1 +1,155 @@
-# frontend-preset
+# frontend-preset
+
+## Поддерживаемые форматы:
+- .js
+- .jsx
+- .ts
+- .tsx
+- .json
+- .css
+- .less
+- .scss
+- .vue
+- .pug
+- .yml
+- .yaml
+
+## Установка
+```sh
+pnpm add @flarian/frontend-preset
+```
+
+## Расширения vsCode:
+- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
+- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
+- [Stylelint](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint)
+- [EditorConfig](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)
+
+## Примеры конфигураций:
+### eslint.config.ts
+```ts
+import { all } from '@flarian/frontend-preset/eslint';
+
+export default [
+	...all.withApp,
+
+	{
+		ignores: ['dist/**', 'node_modules/**', 'pnpm-lock.yaml'],
+	},
+];
+
+```
+
+### prettier.config.mjs
+```js
+import { all } from '@flarian/frontend-preset/prettier';
+
+export default all;
+```
+
+### stylelint.config.mjs
+```js
+import { all } from '@flarian/frontend-preset/stylelint';
+
+export default {
+	extends: [all.lessConfig, all.scssConfig],
+};
+```
+
+## .editorconfig
+```ini
+root = true
+
+# Блок настроек для всех типов файлов
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 4
+indent_style = tab
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+# Блок настроек для Markdown
+[*.{md,markdown}]
+trim_trailing_whitespace = false
+
+# Блок настроек для файлов JavaScript и TypeScript
+[*.{js,ts,jsx,tsx,cjs,mjs,vue}]
+indent_style = tab
+indent_size = 4
+
+# Блок настроек для файлов css
+[*.{css,less}]
+indent_style = tab
+indent_size = 4
+
+# Блок настроек для файлов JSON
+[*.{json}]
+indent_style = tab
+indent_size = 4
+
+# Блок настроек для YAML
+[*.{yaml,yml}]
+indent_style = space
+indent_size = 2
+```
+
+## Пример конфигурации для VSCode:
+```json
+{
+	/* Language settings */
+	"[css]": {
+		"editor.defaultFormatter": "stylelint.vscode-stylelint",
+		"editor.formatOnSave": true
+	},
+	"[javascript]": {
+		"editor.defaultFormatter": "dbaeumer.vscode-eslint",
+		"editor.formatOnSave": true,
+		"editor.suggest.insertMode": "replace"
+	},
+	"[json]": {
+		"editor.defaultFormatter": "dbaeumer.vscode-eslint",
+		"editor.formatOnSave": true
+	},
+	"[jsonc]": {
+		"editor.defaultFormatter": "dbaeumer.vscode-eslint",
+		"editor.formatOnSave": true
+	},
+	"[less]": {
+		"editor.defaultFormatter": "stylelint.vscode-stylelint",
+		"editor.formatOnSave": true
+	},
+	"[typescript]": {
+		"editor.defaultFormatter": "dbaeumer.vscode-eslint",
+		"editor.formatOnSave": true
+	},
+	"[vue]": {
+		"editor.defaultFormatter": "dbaeumer.vscode-eslint",
+		"editor.formatOnSave": true
+	},
+	"[yaml]": {
+		"editor.defaultFormatter": "redhat.vscode-yaml",
+		"editor.formatOnSave": true
+	},
+
+	/* Editor */
+	"editor.accessibilitySupport": "off",
+	"editor.codeActionsOnSave": {
+		"source.fixAll.eslint": "explicit",
+		"source.fixAll.stylelint": "always"
+	},
+
+	/* ESLint */
+	"eslint.format.enable": true,
+	"eslint.validate": ["json", "jsonc", "javascript", "typescript", "vue", "yaml", "yml"],
+
+	/* JSON */
+	"json.format.enable": true,
+	"json.format.keepLines": false,
+	"json.validate.enable": false,
+
+	/* Stylelint */
+	"stylelint.packageManager": "pnpm",
+	"stylelint.validate": ["css", "less", "postcss", "scss", "vue", "sass"],
+}
+```

package/dist/eslint/config/all.cjs

@@ -4,6 +4,8 @@ const eslint_config_base = require('./base.cjs');
 const eslint_config_imports = require('./imports.cjs');
 const eslint_config_json = require('./json.cjs');
 const eslint_config_jsx = require('./jsx.cjs');
+const eslint_config_prettier = require('./prettier.cjs');
+const eslint_config_react = require('./react.cjs');
 const eslint_config_vue = require('./vue.cjs');
 require('globals');
 require('typescript-eslint');
@@ -11,11 +13,18 @@ require('@eslint/js');
 require('@stylistic/eslint-plugin');
 require('eslint-plugin-simple-import-sort');
 require('eslint-plugin-jsonc');
+require('../../prettier/config/base.cjs');
 require('eslint-config-prettier');
 require('eslint-plugin-prettier');
+require('eslint-plugin-react');
+require('eslint-plugin-react-hooks');
 require('eslint-plugin-vue');
 require('vue-eslint-parser');
 
-const all = [...eslint_config_base, ...eslint_config_imports, ...eslint_config_json, ...eslint_config_jsx, ...eslint_config_vue];
+const withNode = [...eslint_config_base, ...eslint_config_imports, ...eslint_config_json, ...eslint_config_prettier];
+const withApp = [...withNode, ...eslint_config_jsx];
+const withReact = [...withApp, ...eslint_config_react];
+const withVue = [...withApp, ...eslint_config_vue];
+const all = { withNode, withApp, withReact, withVue };
 
 module.exports = all;

package/dist/eslint/config/all.d.cts

@@ -1,5 +1,10 @@
 import { Linter } from 'eslint';
 
-declare const _default: Linter.Config[];
+declare const _default: {
+    withNode: Linter.Config<Linter.RulesRecord>[];
+    withApp: Linter.Config<Linter.RulesRecord>[];
+    withReact: Linter.Config<Linter.RulesRecord>[];
+    withVue: Linter.Config<Linter.RulesRecord>[];
+};
 
 export = _default;

package/dist/eslint/config/all.d.mts

@@ -1,5 +1,10 @@
 import { Linter } from 'eslint';
 
-declare const _default: Linter.Config[];
+declare const _default: {
+    withNode: Linter.Config<Linter.RulesRecord>[];
+    withApp: Linter.Config<Linter.RulesRecord>[];
+    withReact: Linter.Config<Linter.RulesRecord>[];
+    withVue: Linter.Config<Linter.RulesRecord>[];
+};
 
 export { _default as default };

package/dist/eslint/config/all.d.ts

@@ -1,5 +1,10 @@
 import { Linter } from 'eslint';
 
-declare const _default: Linter.Config[];
+declare const _default: {
+    withNode: Linter.Config<Linter.RulesRecord>[];
+    withApp: Linter.Config<Linter.RulesRecord>[];
+    withReact: Linter.Config<Linter.RulesRecord>[];
+    withVue: Linter.Config<Linter.RulesRecord>[];
+};
 
 export = _default;

package/dist/eslint/config/all.mjs

@@ -1,19 +1,28 @@
-import base from './base.mjs';
-import imports from './imports.mjs';
-import json from './json.mjs';
-import jsx from './jsx.mjs';
-import vue from './vue.mjs';
+import baseConfig from './base.mjs';
+import importsConfig from './imports.mjs';
+import jsonConfig from './json.mjs';
+import jsxConfig from './jsx.mjs';
+import prettierConfig from './prettier.mjs';
+import reactConfig from './react.mjs';
+import vueConfig from './vue.mjs';
 import 'globals';
 import 'typescript-eslint';
 import '@eslint/js';
 import '@stylistic/eslint-plugin';
 import 'eslint-plugin-simple-import-sort';
 import 'eslint-plugin-jsonc';
+import '../../prettier/config/base.mjs';
 import 'eslint-config-prettier';
 import 'eslint-plugin-prettier';
+import 'eslint-plugin-react';
+import 'eslint-plugin-react-hooks';
 import 'eslint-plugin-vue';
 import 'vue-eslint-parser';
 
-const all = [...base, ...imports, ...json, ...jsx, ...vue];
+const withNode = [...baseConfig, ...importsConfig, ...jsonConfig, ...prettierConfig];
+const withApp = [...withNode, ...jsxConfig];
+const withReact = [...withApp, ...reactConfig];
+const withVue = [...withApp, ...vueConfig];
+const all = { withNode, withApp, withReact, withVue };
 
 export { all as default };

package/dist/eslint/config/base.cjs

@@ -573,7 +573,7 @@ const esLintTypeScriptRules = {
   }
 };
 
-const base = [
+const baseConfig = [
   {
     languageOptions: {
       globals: { ...globals__default.browser, ...globals__default.node }
@@ -586,4 +586,4 @@ const base = [
   esLintStylisticRules
 ];
 
-module.exports = base;
+module.exports = baseConfig;

package/dist/eslint/config/base.d.cts

@@ -1,5 +1,5 @@
 import { Linter } from 'eslint';
 
-declare const _default: Linter.Config[];
+declare const baseConfig: Linter.Config[];
 
-export = _default;
+export = baseConfig;

package/dist/eslint/config/base.d.mts

@@ -1,5 +1,5 @@
 import { Linter } from 'eslint';
 
-declare const _default: Linter.Config[];
+declare const baseConfig: Linter.Config[];
 
-export { _default as default };
+export { baseConfig as default };

package/dist/eslint/config/base.d.ts

@@ -1,5 +1,5 @@
 import { Linter } from 'eslint';
 
-declare const _default: Linter.Config[];
+declare const baseConfig: Linter.Config[];
 
-export = _default;
+export = baseConfig;

package/dist/eslint/config/base.mjs

@@ -564,7 +564,7 @@ const esLintTypeScriptRules = {
   }
 };
 
-const base = [
+const baseConfig = [
   {
     languageOptions: {
       globals: { ...globals.browser, ...globals.node }
@@ -577,4 +577,4 @@ const base = [
   esLintStylisticRules
 ];
 
-export { base as default };
+export { baseConfig as default };

package/dist/eslint/config/imports.cjs

@@ -40,6 +40,6 @@ const esLintImportSortRules = {
   }
 };
 
-const imports = [esLintImportSortRules];
+const importsConfig = [esLintImportSortRules];
 
-module.exports = imports;
+module.exports = importsConfig;

package/dist/eslint/config/imports.d.cts

@@ -1,5 +1,5 @@
 import { Linter } from 'eslint';
 
-declare const _default: Linter.Config[];
+declare const importsConfig: Linter.Config[];
 
-export = _default;
+export = importsConfig;

package/dist/eslint/config/imports.d.mts

@@ -1,5 +1,5 @@
 import { Linter } from 'eslint';
 
-declare const _default: Linter.Config[];
+declare const importsConfig: Linter.Config[];
 
-export { _default as default };
+export { importsConfig as default };

package/dist/eslint/config/imports.d.ts

@@ -1,5 +1,5 @@
 import { Linter } from 'eslint';
 
-declare const _default: Linter.Config[];
+declare const importsConfig: Linter.Config[];
 
-export = _default;
+export = importsConfig;

package/dist/eslint/config/imports.mjs

@@ -34,6 +34,6 @@ const esLintImportSortRules = {
   }
 };
 
-const imports = [esLintImportSortRules];
+const importsConfig = [esLintImportSortRules];
 
-export { imports as default };
+export { importsConfig as default };

package/dist/eslint/config/json.cjs

@@ -118,7 +118,7 @@ const esLintJsonTsconfigRules = {
   }
 };
 
-const json = [
+const jsonConfig = [
   ...pluginJsonc__default.configs["flat/base"],
   ...pluginJsonc__default.configs["flat/recommended-with-json"],
   ...pluginJsonc__default.configs["flat/recommended-with-json5"],
@@ -128,4 +128,4 @@ const json = [
   esLintJsonTsconfigRules
 ];
 
-module.exports = json;
+module.exports = jsonConfig;

package/dist/eslint/config/json.d.cts

@@ -1,5 +1,5 @@
 import { Linter } from 'eslint';
 
-declare const _default: Linter.Config[];
+declare const jsonConfig: Linter.Config[];
 
-export = _default;
+export = jsonConfig;

package/dist/eslint/config/json.d.mts

@@ -1,5 +1,5 @@
 import { Linter } from 'eslint';
 
-declare const _default: Linter.Config[];
+declare const jsonConfig: Linter.Config[];
 
-export { _default as default };
+export { jsonConfig as default };

package/dist/eslint/config/json.d.ts

@@ -1,5 +1,5 @@
 import { Linter } from 'eslint';
 
-declare const _default: Linter.Config[];
+declare const jsonConfig: Linter.Config[];
 
-export = _default;
+export = jsonConfig;

package/dist/eslint/config/json.mjs

@@ -112,7 +112,7 @@ const esLintJsonTsconfigRules = {
   }
 };
 
-const json = [
+const jsonConfig = [
   ...pluginJsonc.configs["flat/base"],
   ...pluginJsonc.configs["flat/recommended-with-json"],
   ...pluginJsonc.configs["flat/recommended-with-json5"],
@@ -122,4 +122,4 @@ const json = [
   esLintJsonTsconfigRules
 ];
 
-export { json as default };
+export { jsonConfig as default };

package/dist/eslint/config/jsx.cjs

@@ -164,6 +164,6 @@ const esLintStylisticJsxRules = {
   }
 };
 
-const jsx = [esLintStylisticJsxRules];
+const jsxConfig = [esLintStylisticJsxRules];
 
-module.exports = jsx;
+module.exports = jsxConfig;

package/dist/eslint/config/jsx.d.cts

@@ -1,5 +1,5 @@
 import { Linter } from 'eslint';
 
-declare const _default: Linter.Config[];
+declare const jsxConfig: Linter.Config[];
 
-export = _default;
+export = jsxConfig;

package/dist/eslint/config/jsx.d.mts

@@ -1,5 +1,5 @@
 import { Linter } from 'eslint';
 
-declare const _default: Linter.Config[];
+declare const jsxConfig: Linter.Config[];
 
-export { _default as default };
+export { jsxConfig as default };

package/dist/eslint/config/jsx.d.ts

@@ -1,5 +1,5 @@
 import { Linter } from 'eslint';
 
-declare const _default: Linter.Config[];
+declare const jsxConfig: Linter.Config[];
 
-export = _default;
+export = jsxConfig;

package/dist/eslint/config/jsx.mjs

@@ -158,6 +158,6 @@ const esLintStylisticJsxRules = {
   }
 };
 
-const jsx = [esLintStylisticJsxRules];
+const jsxConfig = [esLintStylisticJsxRules];
 
-export { jsx as default };
+export { jsxConfig as default };

package/dist/eslint/config/prettier.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+const prettier_config_base = require('../../prettier/config/base.cjs');
+const pluginPrettier = require('eslint-config-prettier');
+const prettier = require('eslint-plugin-prettier');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+const pluginPrettier__default = /*#__PURE__*/_interopDefaultCompat(pluginPrettier);
+const prettier__default = /*#__PURE__*/_interopDefaultCompat(prettier);
+
+const prettierConfig = [
+  {
+    plugins: { prettier: prettier__default },
+    rules: {
+      ...pluginPrettier__default.rules,
+      "prettier/prettier": ["warn", prettier_config_base]
+    }
+  }
+];
+
+module.exports = prettierConfig;

package/dist/eslint/config/prettier.d.cts

@@ -0,0 +1,5 @@
+import { Linter } from 'eslint';
+
+declare const prettierConfig: Linter.Config[];
+
+export = prettierConfig;

package/dist/eslint/config/prettier.d.mts

@@ -0,0 +1,5 @@
+import { Linter } from 'eslint';
+
+declare const prettierConfig: Linter.Config[];
+
+export { prettierConfig as default };

package/dist/eslint/config/prettier.d.ts

@@ -0,0 +1,5 @@
+import { Linter } from 'eslint';
+
+declare const prettierConfig: Linter.Config[];
+
+export = prettierConfig;

package/dist/eslint/config/prettier.mjs

@@ -0,0 +1,15 @@
+import baseConfig from '../../prettier/config/base.mjs';
+import pluginPrettier from 'eslint-config-prettier';
+import prettier from 'eslint-plugin-prettier';
+
+const prettierConfig = [
+  {
+    plugins: { prettier },
+    rules: {
+      ...pluginPrettier.rules,
+      "prettier/prettier": ["warn", baseConfig]
+    }
+  }
+];
+
+export { prettierConfig as default };

package/dist/eslint/config/react.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+const pluginReact = require('eslint-plugin-react');
+const pluginReactHooks = require('eslint-plugin-react-hooks');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+const pluginReact__default = /*#__PURE__*/_interopDefaultCompat(pluginReact);
+const pluginReactHooks__default = /*#__PURE__*/_interopDefaultCompat(pluginReactHooks);
+
+const esLintReactRules = {
+  files: ["**/*.js", "**/*.ts", "**/*.jsx", "**/*.tsx"],
+  plugins: {
+    react: pluginReact__default
+  },
+  rules: {
+    "react/default-props-match-prop-types": "off",
+    "react/jsx-fragments": ["error", "syntax"],
+    "react/jsx-filename-extension": [
+      "error",
+      {
+        extensions: [".tsx"]
+      }
+    ],
+    "react/jsx-props-no-spreading": "off",
+    "react/jsx-indent-props": ["error", "tab"],
+    "react/indent": ["error", "tab"],
+    "react/no-array-index-key": "error",
+    "react/no-multi-comp": "error",
+    "react/no-unsafe": "error",
+    "react/prefer-stateless-function": "error",
+    "react/prop-types": "off"
+  }
+};
+
+const esLintReactHooksRules = {
+  files: ["**/*.js", "**/*.ts", "**/*.jsx", "**/*.tsx"],
+  plugins: {
+    "react-hooks": pluginReactHooks__default
+  },
+  rules: {
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn"
+  }
+};
+
+const reactConfig = [
+  pluginReact__default.configs.flat.recommended,
+  pluginReact__default.configs.flat["jsx-runtime"],
+  esLintReactRules,
+  esLintReactHooksRules
+];
+
+module.exports = reactConfig;

package/dist/eslint/config/react.d.cts

@@ -0,0 +1,5 @@
+import { Linter } from 'eslint';
+
+declare const reactConfig: Linter.Config[];
+
+export = reactConfig;

package/dist/eslint/config/react.d.mts

@@ -0,0 +1,5 @@
+import { Linter } from 'eslint';
+
+declare const reactConfig: Linter.Config[];
+
+export { reactConfig as default };

package/dist/eslint/config/react.d.ts

@@ -0,0 +1,5 @@
+import { Linter } from 'eslint';
+
+declare const reactConfig: Linter.Config[];
+
+export = reactConfig;

package/dist/eslint/config/react.mjs

@@ -0,0 +1,47 @@
+import pluginReact from 'eslint-plugin-react';
+import pluginReactHooks from 'eslint-plugin-react-hooks';
+
+const esLintReactRules = {
+  files: ["**/*.js", "**/*.ts", "**/*.jsx", "**/*.tsx"],
+  plugins: {
+    react: pluginReact
+  },
+  rules: {
+    "react/default-props-match-prop-types": "off",
+    "react/jsx-fragments": ["error", "syntax"],
+    "react/jsx-filename-extension": [
+      "error",
+      {
+        extensions: [".tsx"]
+      }
+    ],
+    "react/jsx-props-no-spreading": "off",
+    "react/jsx-indent-props": ["error", "tab"],
+    "react/indent": ["error", "tab"],
+    "react/no-array-index-key": "error",
+    "react/no-multi-comp": "error",
+    "react/no-unsafe": "error",
+    "react/prefer-stateless-function": "error",
+    "react/prop-types": "off"
+  }
+};
+
+const esLintReactHooksRules = {
+  files: ["**/*.js", "**/*.ts", "**/*.jsx", "**/*.tsx"],
+  plugins: {
+    "react-hooks": pluginReactHooks
+  },
+  rules: {
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn"
+  }
+};
+
+const reactConfig = [
+  pluginReact.configs.flat.recommended,
+  pluginReact.configs.flat["jsx-runtime"],
+  esLintReactRules,
+  esLintReactHooksRules
+];
+
+export { reactConfig as default };