eslint-config-vylda-vanilla-react 4.0.0

package/rules/hooks.mjs

@@ -0,0 +1,129 @@
+const config = [{
+  name: 'react-hooks/hooks',
+  rules: {
+    // Verifies that automatic effect dependencies are compiled if opted-in.
+    // URL is missing in the official documentation.
+    'react-hooks/automatic-effect-dependencies': 'off',
+
+    // Validates against calling capitalized functions/methods instead of using JSX.
+    // URL is missing in the official documentation.
+    'react-hooks/capitalized-calls': 'off',
+
+    // Validates against higher order functions defining nested components or hooks.
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/component-hook-factories
+    'react-hooks/component-hook-factories': 'warn',
+
+    // Validates the compiler configuration options.
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/config
+    'react-hooks/config': 'off',
+
+    // Validates usage of Error Boundaries instead of try/catch for errors in child components.
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/error-boundaries
+    'react-hooks/error-boundaries': 'error',
+
+    // Verify the list of the dependencies for Hooks like useEffect and similar.
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/exhaustive-deps
+    'react-hooks/exhaustive-deps': 'warn',
+
+    // Validates usage of fbt.
+    // Missing URL in the official documentation.
+    'react-hooks/fbt': 'off',
+
+    // Validates usage of `fire`.
+    // Missing URL in the official documentation.
+    'react-hooks/fire': 'off',
+
+    // Validates configuration of gating mode.
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/gating
+    'react-hooks/gating': 'off',
+
+    // Validates against assignment/mutation of globals during render,
+    // part of ensuring that side effects must run outside of render.
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/globals
+    'react-hooks/globals': 'error',
+
+    // Validates the rules of hooks.
+    // Missing URL in the official documentation.
+    'react-hooks/hooks': 'off',
+
+    // Validates against mutating props, state, and other values that are immutable.
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/immutability
+    'react-hooks/immutability': 'error',
+
+    // Validates against usage of libraries which are incompatible
+    // with memoization (manual or automatic).
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/incompatible-library
+    'react-hooks/incompatible-library': 'error',
+
+    // Internal invariants.
+    // Missing URL in the official documentation.
+    'react-hooks/invariant': 'off',
+
+    // Validates that effect dependencies are memoized.
+    // Missing URL in the official documentation.
+    'react-hooks/memoized-effect-dependencies': 'off',
+
+    // Validates against deriving values from state in an effect.
+    // Missing URL in the official documentation.
+    'react-hooks/no-deriving-state-in-effects': 'off',
+
+    // Validates that existing manual memoization is preserved by the compiler.
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/preserve-manual-memoization
+    'react-hooks/preserve-manual-memoization': 'warn',
+
+    // Validates that components/hooks are pure by checking that they
+    // do not call known-impure functions.
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/purity
+    'react-hooks/purity': 'error',
+
+    // Validates correct usage of refs, not reading/writing during render.
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/refs
+    'react-hooks/refs': 'error',
+
+    // Validates against suppression of other rules.
+    // Missing URL in the official documentation.
+    'react-hooks/rule-suppression': 'off',
+
+    // Enforce Rules of Hooks.
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/rules-of-hooks
+    'react-hooks/rules-of-hooks': 'error',
+
+    // Validates against calling setState synchronously in an effect,
+    // which can lead to re-renders that degrade performance.
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/set-state-in-effect
+    'react-hooks/set-state-in-effect': 'error',
+
+    // Validates against unconditionally setting state during render,
+    // which can trigger additional renders and potential infinite render loops.
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/set-state-in-render
+    'react-hooks/set-state-in-render': 'error',
+
+    // Validates that components are static, not recreated every render.
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/static-components
+    'react-hooks/static-components': 'error',
+
+    // Validates against invalid syntax.
+    // Missing URL in the official documentation.
+    'react-hooks/syntax': 'off',
+
+    // Unimplemented features.
+    // Missing URL in the official documentation.
+    'react-hooks/todo': 'off',
+
+    // Validates against syntax that React Compiler does not support.
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/unsupported-syntax
+    'react-hooks/unsupported-syntax': 'error',
+
+    // Validates that the useMemo hook is used with a return value.
+    // https://react.dev/reference/eslint-plugin-react-hooks/lints/use-memo
+    'react-hooks/use-memo': 'error',
+
+    // Validates that useMemos always return a value and that the result of the useMemo is used
+    // by the component/hook. See [`useMemo()` docs](https://react.dev/reference/react/useMemo)
+    // for more information..
+    // Missing URL in the official documentation.
+    'react-hooks/void-use-memo': 'off',
+  },
+}];
+
+export default config;

package/rules/imports.mjs

@@ -0,0 +1,12 @@
+import {
+  defaultImportExtensionsRuleGranularOption as diergov,
+  defaultImportNoExtraneousDependenciesDevDependencies as dinedddv,
+} from 'eslint-config-vylda-vanilla';
+
+export const defaultImportExtensions = ['.js', '.jsx', '.mjs'];
+export const defaultImportExtensionsRuleGranularOption = {
+  ...diergov,
+  jsx: 'never',
+};
+export const defaultImportNoExtraneousDependenciesDevDependencies = dinedddv;
+export const defaultImportResolverNodeExtensions = ['.js', '.jsx', '.json', '.mjs'];

package/rules/index.mjs

@@ -0,0 +1,37 @@
+import {
+  customs, errors, es6, getImportConfig, node, plus, strict, stylistic, variables,
+} from 'eslint-config-vylda-vanilla';
+import a11y from './a11y.mjs';
+import bestPractices from './best-practices.mjs';
+import hooks from './hooks.mjs';
+import perfectionist from './perfectionist.mjs';
+import react from './react.mjs';
+import refresh from './refresh.mjs';
+import reactStylistic from './stylistic.mjs';
+
+const imports = getImportConfig();
+
+const defaults = [
+  ...imports,
+  ...es6,
+  ...strict,
+  ...stylistic,
+  ...bestPractices,
+  ...errors,
+  ...node,
+  ...variables,
+  ...customs,
+  ...perfectionist,
+  ...plus,
+];
+
+export {
+  a11y,
+  hooks,
+  perfectionist,
+  react,
+  reactStylistic,
+  refresh,
+};
+
+export default defaults;

package/rules/perfectionist.mjs

@@ -0,0 +1,33 @@
+import { perfectionist } from 'eslint-config-vylda-vanilla';
+
+// off due there is problem with better @stylistic/jsx-sort-props rule
+const updatePerfectionistSortJsxPropsRule = (rules) => {
+  const sortJsxPropsRule = rules['perfectionist/sort-jsx-props'];
+
+  if (!sortJsxPropsRule) {
+    return rules;
+  }
+
+  return {
+    ...rules,
+    'perfectionist/sort-jsx-props': 'off',
+  };
+};
+
+const updateConfig = (configs) => configs.map((config) => {
+  if (!('rules' in config)) {
+    return config;
+  }
+
+  const updatedSJPRules = updatePerfectionistSortJsxPropsRule(config.rules);
+
+  return {
+    ...config,
+    name: `vanilla-react/perfectionist extends ${config.name || 'old config'}`,
+    rules: updatedSJPRules,
+  };
+});
+
+const config = updateConfig(perfectionist);
+
+export default config;