eslint-config-vylda-vanilla-react 4.0.0

package/.editorconfig

@@ -0,0 +1,12 @@
+# EditorConfig is awesome: http://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*.{css,js,json,mjs,svg,ts,tsx}]
+indent_style = space
+end_of_line = lf
+charset = utf-8
+insert_final_newline = true
+indent_size = 2

package/.gitlab-ci.yml

@@ -0,0 +1,13 @@
+# You can override the included template(s) by including variable overrides
+# SAST customization: https://docs.gitlab.com/ee/user/application_security/sast/#customizing-the-sast-settings
+# Secret Detection customization: https://docs.gitlab.com/ee/user/application_security/secret_detection/pipeline/#customization
+# Dependency Scanning customization: https://docs.gitlab.com/ee/user/application_security/dependency_scanning/#customizing-the-dependency-scanning-settings
+# Container Scanning customization: https://docs.gitlab.com/ee/user/application_security/container_scanning/#customizing-the-container-scanning-settings
+# Note that environment variables can be set in several places
+# See https://docs.gitlab.com/ee/ci/variables/#cicd-variable-precedence
+stages:
+- test
+sast:
+  stage: test
+include:
+- template: Security/SAST.gitlab-ci.yml

package/.husky/pre-commit

@@ -0,0 +1 @@
+npm test

package/.husky/pre-push

@@ -0,0 +1 @@
+npm test

package/.vscode/extensions.json

@@ -0,0 +1,8 @@
+{
+  "recommendations": [
+    "editorconfig.editorconfig",
+    "dbaeumer.vscode-eslint"
+  ],
+
+  "unwantedRecommendations": []
+}

package/.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "eslint.workingDirectories": [
+    "./",
+  ],
+  "editor.formatOnSave": false
+}

package/Changelog.md

@@ -0,0 +1,112 @@
+# Changelog
+All notable changes to this component will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [4.0.0] - 2025-11-01
+### Added
+- Rules (some rules are not officially documented)
+  - react-hooks/automatic-effect-dependencies [Vilda Lipold]
+  - react-hooks/capitalized-calls [Vilda Lipold]
+  - react-hooks/component-hook-factories [Vilda Lipold]
+  - react-hooks/config [Vilda Lipold]
+  - react-hooks/error-boundaries [Vilda Lipold]
+  - react-hooks/fbt [Vilda Lipold]
+  - react-hooks/fire [Vilda Lipold]
+  - react-hooks/gating [Vilda Lipold]
+  - react-hooks/globals [Vilda Lipold]
+  - react-hooks/hooks [Vilda Lipold]
+  - react-hooks/immutability [Vilda Lipold]
+  - react-hooks/incompatible-library [Vilda Lipold]
+  - react-hooks/invariant [Vilda Lipold]
+  - react-hooks/memoized-effect-dependencies [Vilda Lipold]
+  - react-hooks/no-deriving-state-in-effects [Vilda Lipold]
+  - react-hooks/preserve-manual-memoization [Vilda Lipold]
+  - react-hooks/purity [Vilda Lipold]
+  - react-hooks/refs [Vilda Lipold]
+  - react-hooks/rule-suppression [Vilda Lipold]
+  - react-hooks/set-state-in-effect [Vilda Lipold]
+  - react-hooks/set-state-in-render [Vilda Lipold]
+  - react-hooks/static-components [Vilda Lipold]
+  - react-hooks/syntax [Vilda Lipold]
+  - react-hooks/todo [Vilda Lipold]
+  - react-hooks/unsupported-syntax [Vilda Lipold]
+  - react-hooks/use-memo [Vilda Lipold]
+  - react-hooks/void-use-memo [Vilda Lipold]
+### Removed
+- Rules
+  - jsx-props-no-multi-spaces [Vilda Lipold]
+### Updated
+- Packages [Vilda Lipold]
+- Rules
+  - react/jsx-props-no-multi-spaces [Vilda Lipold]
+
+## [3.1.1] - 2025-06-02
+### Added
+- BarrelsFiles [Vilda Lipold]
+- Constants for some ESLint rules [Vilda Lipold]
+- Rules
+  - barrels [Vilda Lipold]
+  - import/no-unassigned-import [Vilda Lipold]
+  - perfectionist [Vilda Lipold]
+### Changed
+- Rules
+  - import/no-unassigned-import [Vilda Lipold]
+  - perfectionist/sort-jsx-props [Vilda Lipold]
+
+## [3.1.0] - 2025-05-27
+### Added
+- perfectionist plugin [Vilda Lipold]
+- Rules
+  - plus
+### Changed
+- @stylistic/jsx to @stylistic [Vilda Lipold]
+
+## [3.0.0] - 2025-05-20
+### Added
+- Best practices for React [Vilda Lipold]
+### Changed
+- Refactored the package [Vilda Lipold]
+### Removed
+- Rules
+  - jsx-quotes (deprecated) [Vilda Lipold]
+  - @stylistic/jsx/jsx-indent (deprecated) [Vilda Lipold]
+### Updated
+- Packages [Vilda Lipold]
+- Readme [Vilda Lipold]
+
+## [2.1.0] - 2025-05-13
+### Added
+- Config names [Vilda Lipold]
+### Updated
+- Packages [Vilda Lipold]
+
+## [2.0.1] - 2025-04-021
+### Updated
+- Packages [Vilda Lipold]
+
+## [2.0.0] - 2025-04-02
+### Added
+- eslint-plugin-react-refresh [Vilda Lipold]
+### Updated
+- Import settings for jsx files [Vilda Lipold]
+- Readme [Vilda Lipold]
+
+## [1.0.3] - 2025-03-26
+### Updated
+- Vanilla package [Vilda Lipold]
+
+## [1.0.2] - 2025-03-26
+### Updated
+- Readme - install script [Vilda Lipold]
+
+## [1.0.1] - 2025-03-26
+### Added
+- Ignored folders [Vilda Lipold]
+- Globals package [Vilda Lipold]
+- Packages update [Vilda Lipold]
+
+## [1.0.0] - 2025-03-26
+### Added
+- First release [Vilda Lipold]

package/LICENSE

@@ -0,0 +1,24 @@
+# The MIT License (MIT)
+
+Copyright (c) 2022 Vilem Lipold <vilem.lipold@studentagency.cz>
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,294 @@
+# eslint-config-vylda-vanilla-react
+
+Enhances Vylda's ESLint config for Vanilla React
+
+## Setup
+### 1. Install dependencies
+
+```bash
+npm install eslint eslint-config-vylda-vanilla-react --save-dev
+```
+
+### 2. Configure ESLint
+
+create `eslint.config.mjs` file in project root
+
+```javascript
+// eslint.config.mjs
+import config, { files } from 'eslint-config-vylda-vanilla-react';
+
+const eslintConfig = [
+  ...config,
+  {
+    files,
+    name: 'my-rules',
+    rules: {
+      // Add custom rules here
+    },
+    settings: {
+      'import/resolver': {
+        alias: {
+          map: [
+            ['@', './src'],
+            ['@assets', './src/assets'],
+            ['@utils', './src/utils'],
+          ],
+        },
+      },
+    },
+  },
+];
+
+export default eslintConfig;
+```
+
+### 3. Run ESLint
+
+Open a terminal to the root of your project, and run the following command:
+
+```bash
+npx eslint .
+```
+
+or
+
+```bash
+npx eslint ./src/
+```
+
+ESLint will lint all `.js`, `.jsx`, `mjs` and `.cjs` files within the current or `./src` folder , and output results to your terminal.
+
+You can also get results in realtime inside most IDEs via a plugin.
+
+## Customization
+You can customize all rules with `rules` property in the `eslint.config.mjs` file.
+You can also add custom rules to the `rules` property.
+
+### Customize extensions for ESLint import rules
+You can customize extensions for ESLint import rules by using getConfig function.
+You can extend these default extensions and dependecies with your own extensions. It is used for import plugin settings, `import/extensions` and `import/no-extraneous-dependencies` rules.
+
+### Default values
+
+```javascript
+// default file pattern for all rules (https://eslint.org/docs/latest/use/configure/configuration-files#configuration-objects)
+export const files = ['**/*.{cjs,js,jsx,mjs}'];
+
+// default plugins used in this config
+export const plugins = {
+  '@stylistic': stylisticPlugin,
+  'import': importPlugin,
+  n: nodePlugin,
+  perfectionist,
+  'jsx-a11y': jsxA11yPlugin,
+  react: reactPlugin,
+  'react-hooks': reactHooks,
+  'react-refresh': reactRefresh,
+};
+
+// default value for import/extension module settings (https://github.com/import-js/eslint-plugin-import?tab=readme-ov-file#importextensions)
+export const defaultImportExtensions = ['.js', '.jsx', '.mjs'];
+
+// default value for import/resolver settings with node resolution (https://github.com/import-js/eslint-plugin-import?tab=readme-ov-file#resolvers)
+export const defaultImportResolverNodeExtensions = ['.js', '.jsx', '.json', '.mjs'];
+
+// default value for import/extensions rule granular option (https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/extensions.md#rule-details)
+export const defaultImportExtensionsRuleGranularOption = {
+  js: 'never',
+  jsx: 'never',
+  json: 'always',
+  svg: 'always',
+};
+
+// default value for import/no-extraneous-dependencies rule devDependencies option (https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/no-extraneous-dependencies.md#rule-details)
+export const defaultImportNoExtraneousDependenciesDevDependencies = [
+  'test/**', // tape, common npm pattern
+  'tests/**', // also common npm pattern
+  'spec/**', // mocha, rspec-like pattern
+  '**/__tests__/**', // jest pattern
+  '**/__mocks__/**', // jest pattern
+  'test.{js,jsx}', // repos with a single test file
+  'test-*.{js,jsx}', // repos with multiple top-level test files
+  '**/*{.,_}{test,spec}.{js,jsx}', // tests where the extension or filename suffix denotes that it is a test
+  '**/jest.config.js', // jest config
+  '**/jest.setup.js', // jest setup
+  '**/vue.config.js', // vue-cli config
+  '**/webpack.config.js', // webpack config
+  '**/webpack.config.*.js', // webpack config
+  '**/webpack.config.mjs', // webpack config
+  '**/webpack.config.*.mjs', // webpack config
+  '**/rollup.config.js', // rollup config
+  '**/rollup.config.*.js', // rollup config
+  '**/gulpfile.js', // gulp config
+  '**/gulpfile.*.js', // gulp config
+  '**/Gruntfile{,.js}', // grunt config
+  '**/protractor.conf.js', // protractor config
+  '**/protractor.conf.*.js', // protractor config
+  '**/karma.conf.js', // karma config
+  '**/eslint.config.mjs', // eslint config
+  './rules/*.mjs', // eslint config
+  '**/vitest.config.mjs', // vitest config
+  '**/vitestSetup.mjs', // vitest setup
+  '**/tailwind.config.mjs', // tailwind config
+  '**/vite.config.js', // vite config
+  '**/vite.config.mjs', // vite config
+  '**/vite.config.*.js', // vite config
+  '**/vite.config*.mjs', // vite config
+];
+```
+
+All default values are optional and can be overridden in the `eslint.config.mjs` file.
+
+### Example of ESLint config with custom extensions
+```javascript
+// eslint.config.mjs
+import {
+  defaultImportExtensions,
+  defaultImportExtensionsRuleGranularOption,
+  defaultImportResolverNodeExtensions,
+  defaultImportNoExtraneousDependenciesDevDependencies,
+  files as defaultFiles,
+  getConfig,
+  plugins as defaultPlugins,
+  } from 'eslint-config-vylda-vanilla';
+import myPlugin from 'path-to-my-plugin';
+
+const importExtensions = [
+  ...defaultImportExtensions,
+  '.jsm',
+];
+
+const importExtensionsRuleGranularOption = {
+  ...defaultImportExtensionsRuleGranularOption,
+  jsm: 'never',
+};
+
+const importResolverNodeExtensions = [
+  ...defaultImportResolverNodeExtensions,
+  '.jsm',
+];
+
+const importNoExtraneousDependenciesDevDependencies = [
+  ...defaultImportNoExtraneousDependenciesDevDependencies,
+  '**/my-plugin.jsm',
+];
+
+const files = [
+  ...defaultFiles,
+  '**/*.jsm',
+];
+
+const plugins = {
+  ...defaultPlugins,
+  'my/plugin': myPlugin,
+};
+
+const rjConfig = getConfig({
+  files,
+  importExtensions,
+  importExtensionsRuleGranularOption,
+  importResolverNodeExtensions,
+  importNoExtraneousDependenciesDevDependencies
+  plugins,
+});
+
+const config = [
+  ...rjConfig,
+  {
+    files,
+    name: 'my/plugin',
+    rules: {
+      "my/plugin/rule": "error",
+    },
+  },
+];
+
+export default config;
+```
+
+## Partial ESLint config
+You can also use the package as a partial ESLint config. This is useful if you want to use only some of the rules from the package.
+
+If you can use import plugin, you must use `getImportConfig` function to get the config for the import plugin and import `plugins` object.
+This function uses the same default values as the package, except `files` and `plugins` in option object.
+
+```javascript
+// eslint.config.mjs
+import {
+  barrels, barrelsFiles, bestPractices, es6,
+  getImportConfig, files, mapFiles, plugins,
+   } from 'eslint-config-vylda-vanilla';
+
+const configs = [
+  bestPractices,
+  es6,
+  // you can add custom options object to the function getConfig
+  // optional parameters: importExtensions, importExtensionsRuleGranularOption, importResolverNodeExtensions,importNoExtraneousDependenciesDevDependencies
+  getImportConfig();
+];
+
+const configWithFiles = mapFiles(configs, files);
+const barrelsWithFiles = mapFiles(barrels, barrelsFiles);
+
+const config = [
+  {
+    plugins,
+  }
+  ...configWithFiles,
+  ...barrelsWithFiles,
+]
+
+export default config;
+```
+
+## What you can import from this package
+
+All rules are without `files` property, so you can use them as a partial ESLint config.
+You can use `files` property to specify the files for the rule.
+You can also use `mapFiles` function to map files for all rules.
+
+- `default export` - default ESLint config ([source](./eslint.config.mjs#L38))
+- `a11y` - ESLint config with rules for accessibility in React components ([source](./rules/a11y.mjs), [documentation](https://github.com/jsx-eslint/eslint-plugin-jsx-a11y#readme))
+- `barrels` - ESLint config with rules for barrel files ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/rules/barrels.mjs), [documentation](https://github.com/import-js/eslint-plugin-import/blob/master/docs/rules/prefer-default-export.md))
+- `barrelsFiles` - default file pattern for barrel files ([default values](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/eslint.config.mjs#L12), [documentation](https://eslint.org/docs/latest/use/configure/configuration-files#configuration-objects))
+- `bestPractices` - ESLint config with rules for best practices ([source](./rules/best-practices.mjs), [documentation (js)](https://eslint.org/docs/latest/rules), [documentation (stylistic)](https://eslint.style/packages/js#rules))
+- `constants` - Constants for some ESLint rules ([source](./rules/constants.mjs))
+- `customs` - ESLint config with my custom rules ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/rules/customs.mjs))
+- `defaultImportExtensions` - default value for import/extension module settings ([default values](./rules/imports.mjs#L7), [documentation](https://github.com/import-js/eslint-plugin-import?tab=readme-ov-file#importextensions))
+- `defaultImportExtensionsRuleGranularOption` - default value for import/resolver settings with node resolution ([default values](./rules/imports.mjs#L8), [documentation](https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/extensions.md#rule-details))
+- `defaultImportNoExtraneousDependenciesDevDependencies` - default value for import/extensions rule granular option ([default values](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/rules/imports.mjs?ref_type=heads#L8), [documentation](https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/no-extraneous-dependencies.md#rule-details))
+- `defaultImportResolverNodeExtensions` - default value for import/no-extraneous-dependencies rule devDependencies option ([default values](./rules/imports.mjs#L13), [documentation](https://github.com/import-js/eslint-plugin-import?tab=readme-ov-file#resolvers))
+- `errors` - ESLint config with rules for errors ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/rules/errors.mjs), [documentation](https://eslint.org/docs/latest/rules))
+- `es6` - ESLint config with rules for ES6 ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/rules/es6.mjs), [documentation (js)](https://eslint.org/docs/latest/rules), [documentation (stylistic)](https://eslint.style/packages/js#rules))
+- `files` - default file pattern for all rules ([default values](./eslint.config.mjs#L11), [documentation](https://eslint.org/docs/latest/use/configure/configuration-files#configuration-objects))
+- `getConfig` - function to get ESLint config with custom options ([source](./index.js#L59))
+- `getImportConfig` - function to get ESLint config for import plugin ([source](./rules/imports.mjs#L25))
+- `hooks` - ESLint config with rules for hooks ([source](./rules/hooks.mjs), [documentation](https://github.com/facebook/react/tree/main/packages/eslint-plugin-react-hooks#readme))
+- `ignores` - ESLint config with global ignored folder patterns ([default values](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/ignores.mjs#L4), [documentation](https://eslint.org/docs/latest/use/configure/ignore#ignoring-files))
+- `mapFiles` - helper function to map files for all configs ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/mapFiles.mjs))
+- `node` - ESLint config with rules for Node.js ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/rules/node.mjs), [documentation](https://github.com/eslint-community/eslint-plugin-n/?tab=readme-ov-file#-rules))
+- `perfectionist` - ESLint config with rules for perfectionist ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/rules/perfectionist.mjs), [documentation](https://perfectionist.dev/rules))
+- `plugins` - default plugins used in this config ([source](./eslint.config.mjs#L22))
+- `plus` - ESLint config with rules for extended rules ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/rules/plus.mjs), [documentation](https://eslint.style/packages/plus))
+- `react` - ESLint config with rules for React ([source](./rules/react.mjs), [documentation](https://github.com/jsx-eslint/eslint-plugin-react#readme))
+- `reactConfigs` - ESlint config with rules for React only ([source](./index.js#L51))
+- `reactPlugins` - ESLint plugins used for React only ([source](./eslint.config.mjs#L15))
+- `reactStylistic` - ESLint config with stylistic rules for React ([source](./rules/stylistic.mjs), [documentation](https://eslint.style/packages/jsx))
+- `refresh` - ESLint config with rules for React refresh ([source](./rules/refresh.mjs), [documentation](https://github.com/ArnaudBarre/eslint-plugin-react-refresh#readme))
+- `refreshFiles` - default file patterns for React refresh config ([source](./eslint.config.mjs#L11))
+- `strict` - ESLint config with rules for strict mode ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/rules/strict.mjs), [documentation](https://eslint.org/docs/latest/rules))
+- `stylistic` - ESLint config with React stylistic rules ([source](./rules/stylistic.mjs), [documentation](https://eslint.style/packages/jsx))
+- `vanillaConfigs` - Eslint configuration for vanilla javascript only (without import rules) ([source](./index.js#L32))
+- `variables` - ESLint config with rules for variables ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/rules/variables.mjs), [documentation](https://eslint.org/docs/latest/rules))
+
+## Additional Documentation
+
+- [Changelog.md](Changelog.md)
+
+## Credits
+
+Authored and maintained by Vilda Lipold ([dovolena.cz](https://dovolena.cz))
+
+## License
+
+Open source [licensed as MIT](LICENSE).

package/eslint.config.mjs

@@ -0,0 +1,55 @@
+import {
+  barrels, barrelsFiles, ignores, mapFiles, plugins as vanillaPlugins,
+} from 'eslint-config-vylda-vanilla';
+import jsxA11y from 'eslint-plugin-jsx-a11y';
+import reactPlugin from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import configs, {
+  a11y, hooks, react, reactStylistic, refresh,
+} from './rules/index.mjs';
+
+export const files = ['**/*.{cjs,js,jsx,mjs}'];
+export const refreshFiles = ['**/*.jsx'];
+
+const jsxA11yPlugin = jsxA11y.flatConfigs.strict.plugins['jsx-a11y'];
+
+delete reactPlugin.configs;
+delete reactHooks.configs;
+
+export const reactPlugins = {
+  'jsx-a11y': jsxA11yPlugin,
+  react: reactPlugin,
+  'react-hooks': reactHooks,
+  'react-refresh': reactRefresh,
+};
+
+export const plugins = {
+  ...vanillaPlugins,
+  ...reactPlugins,
+};
+
+const configsWithFiles = mapFiles(configs, files);
+
+const reactConfigs = [
+  ...a11y,
+  ...hooks,
+  ...react,
+  ...reactStylistic,
+  ...refresh,
+];
+const reactConfigWithFiles = mapFiles(reactConfigs, refreshFiles);
+const barrelsConfigWithFiles = mapFiles(barrels, barrelsFiles);
+
+const config = [
+  {
+    name: 'vanilla-react/base',
+    plugins,
+  },
+  ...configsWithFiles,
+  ...reactConfigWithFiles,
+  ...barrelsConfigWithFiles,
+  ...ignores,
+];
+
+export default config;