eslint-config-vylda-typescript-react 2.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,26 @@
+# 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).
+
+## [2.0.0] - 2025-11-13
+### Added
+- eslint-config-vylda-typescript package [Vilda Lipold]
+- eslint-config-vylda-vanilla-react package [Vilda Lipold]
+### Removed
+- Depricated packages [Vilda Lipold]
+### Updated
+- Packages [Vilda Lipold]
+- Readme [Vilda Lipold]
+- npm scripts [Vilda Lipold]
+
+## [1.0.1] - 2025-06-03
+### Added
+- Off rules for React [Vilda Lipold]
+### Updated
+- Packages [Vilda Lipold]
+
+## [1.0.0] - 2025-05-27
+### Added
+- First release [Vilda Lipold]

package/README.md

@@ -0,0 +1,373 @@
+# eslint-config-vylda-typescript-react
+
+Enhances Vylda's ESLint config with TypeScript and React support
+
+## Setup
+
+### 1. Install dependencies
+
+```bash
+npm install eslint eslint-import-resolver-typescript eslint-config-vylda-typescript-react --save-dev
+```
+
+### 2. Configure ESLint
+
+create `.eslint.config.mjs` file in project root
+
+```javascript
+// eslint.config.mjs
+import getConfig, { tsFiles } from "eslint-config-vylda-typescript-react";
+
+const baseDir = import.meta.dirname;
+
+const eslintConfig = [
+  ...getConfig(baseDir),
+  {
+    files: tsFiles,
+    name: "my-rules",
+    rules: {
+      // Add custom rules here
+    },
+    settings: {
+      "import/resolver": {
+        alias: {
+          map: [
+            ["@", "./src"],
+            ["@assets", "./src/assets"],
+            ["@utils", "./src/utils"],
+          ],
+        },
+      },
+    },
+  },
+];
+```
+
+### 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 `.cjs`, `.cts`, `.js`, `.jsx`, `.mjs`, `.mts`, `.ts` and `.tsx` 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,cts,js,jsx,mjs,mts,ts,tsx}"];
+
+// default file pattern for refresh config (https://github.com/ArnaudBarre/eslint-plugin-react-refresh#readme)
+export const refreshFiles = [ '**/*.jsx', '**/*.tsx' ];
+
+// default file pattern for TypeScript rules only
+export const tsFiles = ["**/*.{cts,mts,ts,tsx}"];
+
+// default plugins used in this config
+export const plugins = {
+  "@stylistic": stylisticPlugin,
+  "@typescript-eslint": tsESLint.configs.recommendedTypeCheckedOnly.plugins["@typescript-eslint"],
+  import: importPlugin,
+  'jsx-a11y': jsxA11yPlugin,
+  n: nodePlugin,
+  perfectionist,
+  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 = ['.tsx', '.js', '.jsx', '.mjs', '.mts', '.ts'];
+
+// 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 = [
+  '.tsx', '.js', '.jsx', '.json', '.mjs', '.mts', '.ts',
+];
+
+// 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',
+  json: 'always',
+  svg: 'always',
+  ts: 'never',
+  jsx: 'never',
+  tsx: 'never',
+};
+
+// 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/**",
+  "tests/**",
+  "spec/**",
+  "**/__tests__/**",
+  "**/__mocks__/**",
+  "test.{js,jsx}",
+  "test.{ts,tsx}",
+  "test-*.{js,jsx}",
+  "test-*.{ts,tsx}",
+  "**/*{.,_}{test,spec}.{js,jsx}",
+  "**/*{.,_}{test,spec}.{ts,tsx}",
+  "**/jest.config.js",
+  "**/jest.config.ts",
+  "**/jest.setup.js",
+  "**/jest.setup.ts",
+  "**/vue.config.js",
+  "**/vue.config.ts",
+  "**/webpack.config.js",
+  "**/webpack.config.ts",
+  "**/webpack.config.*.js",
+  "**/webpack.config.*.ts",
+  "**/webpack.config.mjs",
+  "**/webpack.config.*.mjs",
+  "**/rollup.config.js",
+  "**/rollup.config.ts",
+  "**/rollup.config.*.js",
+  "**/rollup.config.*.ts",
+  "**/gulpfile.js",
+  "**/gulpfile.ts",
+  "**/gulpfile.*.js",
+  "**/gulpfile.*.ts",
+  "**/Gruntfile{,.js}",
+  "**/Gruntfile{,.ts}",
+  "**/protractor.conf.js",
+  "**/protractor.conf.ts",
+  "**/protractor.conf.*.js",
+  "**/protractor.conf.*.ts",
+  "**/karma.conf.js",
+  "**/karma.conf.ts",
+  "**/eslint.config.mjs",
+  "./rules/*.mjs",
+  "**/vitest.config.mjs",
+  "**/vitestSetup.mjs",
+  "**/tailwind.config.mjs",
+  "**/vite.config.js",
+  "**/vite.config.ts",
+  "**/vite.config.mjs",
+  "**/vite.config.*.js",
+  "**/vite.config.*.ts",
+  "**/vite.config*.mjs",
+];
+```
+
+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
+  getConfig,
+  {
+    defaultImportExtensions,
+    defaultImportExtensionsRuleGranularOption,
+    defaultImportResolverNodeExtensions,
+    defaultImportNoExtraneousDependenciesDevDependencies,
+    files as defaultFiles,
+    plugins as defaultPlugins,
+    tsFiles as defaultTsFiles,
+  } from 'eslint-config-vylda-typescript-react';
+import myPlugin from 'path-to-my-plugin';
+
+const baseDir = import.meta.dirname;
+
+const importExtensions = [
+  ...defaultImportExtensions,
+  '.jsm',
+  '.tsm',
+];
+
+const importExtensionsRuleGranularOption = {
+  ...defaultImportExtensionsRuleGranularOption,
+  jsm: 'never',
+  tsm: 'never',
+};
+
+const importResolverNodeExtensions = [
+  ...defaultImportResolverNodeExtensions,
+  '.jsm',
+  '.tsm',
+];
+
+const importNoExtraneousDependenciesDevDependencies = [
+  ...defaultImportNoExtraneousDependenciesDevDependencies,
+  '**/my-plugin.jsm',
+];
+
+const files = [
+  ...defaultFiles,
+  '**/*.jsm',
+  '**/*.tsm',
+];
+
+const plugins = {
+  ...defaultPlugins,
+  'my/plugin': myPlugin,
+};
+
+const tsFiles = [
+  ...defaultTsFiles,
+  '**/*.tsm',
+];
+
+const rjConfig = getConfig(
+  baseDir,
+  {
+    files,
+    importExtensions,
+    importExtensionsRuleGranularOption,
+    importResolverNodeExtensions,
+    importNoExtraneousDependenciesDevDependencies
+    plugins,
+    tsFiles,
+  },
+);
+
+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, defaultTs, es6,
+   getImportConfig, getLanguageOptions, files, ignores, mapFiles,
+   plugins, react, refresh, refreshFiles
+} from 'eslint-config-vylda-typescript-react';
+
+const baseDir = import.meta.dirname;
+
+const configs = [
+  bestPractices,
+  defaultTs,
+  es6,
+  react,
+  // you can add custom options object to the function getConfig
+  // optional parameters: importExtensions, importExtensionsRuleGranularOption, importResolverNodeExtensions,importNoExtraneousDependenciesDevDependencies
+  getImportConfig(baseDir);
+];
+
+const configWithFiles = mapFiles(configs, files);
+const refreshConfigsWithFiles = mapFiles(refresh, refreshFiles);
+const barrelsWithFiles = mapFiles(barrels, barrelsFiles);
+
+const config = [
+  {
+    languageOptions: getLanguageOptions(baseDir),
+    name: 'typescript-eslint/base',
+    plugins,
+  },
+  ...configWithFiles,
+  ...refreshConfigsWithFiles,
+  ...barrelsWithFiles,
+  ...ignores,
+  {
+    files,
+    name: 'typescript-eslint/partial',
+    rules: {
+      "no-console": "warn",
+    },
+  },
+]
+
+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 getConfig` - default helper for getting ESLint config with custom options ([source](./index.js#L66))
+- `a11y` - ESLint config with rules for accessibility in React components ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla-react/-/blob/main/rules/a11y.mjs), [documentation](https://github.com/jsx-eslint/eslint-plugin-jsx-a11y#readme))
+- `allReactConfigs` - all used ESLint configs for React ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla-react/-/blob/main/index.js#L53))
+- `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 patterns for barrel files ([default values](https://gitlab.com/Vylda/eslint-config-vylda-typescript/-/blob/main/eslint.config.mjs#L8), [documentation](https://eslint.org/docs/latest/use/configure/configuration-files#configuration-objects))
+- `bestPractices` - ESLint config with rules for best practices ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla-react/-/blob/main/rules/best-practices.mjs), [documentation (js)](https://eslint.org/docs/latest/rules), [documentation (stylistic)](https://eslint.style/packages/js#rules))
+- `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#L18), [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#L19), [documentation](https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/extensions.md#rule-details))
+- `defaultImportResolverNodeExtensions` - default value for import/no-extraneous-dependencies rule devDependencies option ([default values](./rules/imports.mjs#L20), [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](./rules/imports.mjs#L21), [documentation](https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/no-extraneous-dependencies.md#rule-details))
+- `defaultTs` - ESLint config with rules for TypeScript ([source](https://gitlab.com/Vylda/eslint-config-vylda-typescript/-/blob/main/rules/defaultTs.mjs), [documentation](https://typescript-eslint.io/rules/))
+- `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 patterns for all rules ([default values](./eslint.config.mjs#L23), [documentation](https://eslint.org/docs/latest/use/configure/configuration-files#configuration-objects))
+- `getLanguageOptions` - ESLint helper for ESLint language options with Typescript support ([source](https://gitlab.com/Vylda/eslint-config-vylda-typescript/-/blob/main/eslint.config.mjs#L36))
+- `getReactConfig` - ESLint helper for ESLint config with React support ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla-react/-/blob/main/index.js#L61))
+- `getTsImportConfig` - function to get ESLint config for Typescript import plugin ([source](https://gitlab.com/Vylda/eslint-config-vylda-typescript/-/blob/main/rules/imports.mjs#L52))
+- `hooks` - ESLint config with rules for React hooks ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla-react/-/blob/main/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#L31))
+- `plus` - ESLint config with rules for extended rules ([source](https://gitlab.com/Vylda/eslint-config-vylda-typescript/-/blob/main/rules/plus.mjs), [documentation](https://eslint.style/packages/plus))
+- `react` - ESLint config with rules for React ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla-react/-/blob/main/rules/react.mjs), [documentation](https://github.com/jsx-eslint/eslint-plugin-react#readme))
+- `reactConfigs` - ESLint configs for Typescript React without refresh rules ([source](./rules/react.mjs#L38))
+- `reactPerfectionist` - ESLint config with rules for React and Typescript perfectionist ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla-react/-/blob/main/rules/perfectionist.mjs)),
+- `reactPlugins` - ESLint plugins used for React only ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla-react/-/blob/main/eslint.config.mjs#L15))
+- `reactStylistic` - ESLint config with stylistic rules for React ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla-react/-/blob/main/rules/stylistic.mjs), [documentation](https://eslint.style/packages/jsx))
+- `reactTsOff` - Disabled React rules for incompatibilty or Typescript cheking ([source](./rules/reactTsOff.mjs))
+- `reactVanillaPlugins` -  default plugins used in React config ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla-react/-/blob/main/eslint.config.mjs#L20))
+- `refresh` - ESLint config with rules for React refresh ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla-react/-/blob/main/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#L25))
+- `strict` - ESLint config with rules for strict mode ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/rules/strict.mjs))
+- `stylistic` - ESLint config with stylistic rules ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/rules/stylistic.mjs))
+- `tsConfig` - ESLint config with rules for TypeScript configuration ([source](https://gitlab.com/Vylda/eslint-config-vylda-typescript/-/blob/main/rules/typescriptConfig.mjs#L8))
+- `tsFiles` - default file patterns for TypeScript rules only ([default values](./eslint.config.mjs#L30), [documentation](https://eslint.org/docs/latest/use/configure/configuration-files#configuration-objects))
+- `tsPlugins` - default Typescript plugins only used in this config ([source](https://gitlab.com/Vylda/eslint-config-vylda-typescript/-/blob/main/eslint.config.mjs#L16))
+- `tsStrict` - ESLint config with rules for strict TypeScript mode ([source](https://gitlab.com/Vylda/eslint-config-vylda-typescript/-/blob/main/rules/strictTs.mjs), [documentation](https://typescript-eslint.io/rules/))
+- `tsStylistic` - ESLint config with Typescript stylistic rules ([source](https://gitlab.com/Vylda/eslint-config-vylda-typescript/-/blob/main/rules/stylisticTs.mjs), [documentation](https://eslint.style/packages/ts))
+- `tsVanillaPlugins` - Vanilla and Typescript plugins used in this config ([source](https://gitlab.com/Vylda/eslint-config-vylda-typescript/-/blob/main/eslint.config.mjs#L22))
+- `vanillaConfigs` - Eslint configuration for vanilla javascript only (without import rules) ([source](https://gitlab.com/Vylda/eslint-config-vylda-typescript/-/blob/main/index.js#L115))
+- `vanillaPlugins` - default plugins used in this config for vanilla javascript ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/eslint.config.mjs#L17))
+- `variables` - ESLint config with rules for variables ([source](https://gitlab.com/Vylda/eslint-config-vylda-vanilla/-/blob/main/rules/variables.mjs))
+
+## 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/directory.mjs

@@ -0,0 +1,3 @@
+const baseDir = import.meta.dirname;
+
+export default baseDir;

package/eslint.config.mjs

@@ -0,0 +1,61 @@
+import getConfig, {
+  ignores, mapFiles, plugins as tsVanillaPlugins,
+} from 'eslint-config-vylda-typescript';
+import {
+  reactPlugins as baseReactPlugins,
+  perfectionist,
+  refreshFiles as reactRefreshFiles,
+  refresh,
+} from 'eslint-config-vylda-vanilla-react';
+import baseDir from './directory.mjs';
+import {
+  defaultImportExtensions,
+  defaultImportExtensionsRuleGranularOption,
+  defaultImportNoExtraneousDependenciesDevDependencies,
+  defaultImportResolverNodeExtensions,
+} from './rules/imports.mjs';
+import reactConfigs from './rules/react.mjs';
+import reactTsOff from './rules/reactTsOff.mjs';
+
+const dineddd = defaultImportNoExtraneousDependenciesDevDependencies;
+const diergo = defaultImportExtensionsRuleGranularOption;
+
+export const files = ['**/*.{cjs,cts,js,jsx,mjs,mts,ts,tsx}'];
+
+export const refreshFiles = [
+  ...reactRefreshFiles,
+  '**/*.tsx',
+];
+
+export const tsFiles = ['**/*.{cts,mts,ts,tsx}'];
+export const plugins = {
+  ...tsVanillaPlugins,
+  ...baseReactPlugins,
+};
+
+const defaultOptions = {
+  files,
+  importExtensions: defaultImportExtensions,
+  importExtensionsRuleGranularOption: diergo,
+  importNoExtraneousDependenciesDevDependencies: dineddd,
+  importResolverNodeExtensions: defaultImportResolverNodeExtensions,
+  plugins,
+  tsFiles,
+};
+
+const tsConfigs = getConfig(baseDir, defaultOptions);
+const reactConfigsWithFiles = mapFiles(reactConfigs, files);
+const refreshConfigsWithFiles = mapFiles(refresh, refreshFiles);
+const perfectionistWithFiles = mapFiles(perfectionist, files);
+const offWithFiles = mapFiles(reactTsOff, tsFiles);
+
+const config = [
+  ...tsConfigs,
+  ...reactConfigsWithFiles,
+  ...refreshConfigsWithFiles,
+  ...perfectionistWithFiles,
+  ...offWithFiles,
+  ...ignores,
+];
+
+export default config;

package/index.js

@@ -0,0 +1,172 @@
+import getTsConfig, {
+  barrels,
+  barrelsFiles,
+  customs,
+  defaultTs,
+  errors,
+  es6,
+  getLanguageOptions,
+  getImportConfig as getTsImportConfig,
+  ignores,
+  mapFiles,
+  node,
+  perfectionist,
+  plus,
+  strict,
+  stylistic,
+  tsConfig,
+  tsPlugins,
+  tsStrict,
+  tsStylistic,
+  plugins as tsVanillaPlugins,
+  vanillaConfigs,
+  vanillaPlugins,
+  variables,
+} from 'eslint-config-vylda-typescript';
+import {
+  a11y,
+  reactConfigs as allReactConfigs,
+  bestPractices,
+  getConfig as getReactConfig,
+  hooks,
+  react,
+  perfectionist as reactPerfectionist,
+  reactPlugins,
+  reactStylistic,
+  plugins as reactVanillaPlugins,
+  refresh,
+} from 'eslint-config-vylda-vanilla-react';
+import {
+  files, plugins, refreshFiles, tsFiles,
+} from './eslint.config.mjs';
+import {
+  defaultImportExtensions,
+  defaultImportExtensionsRuleGranularOption,
+  defaultImportNoExtraneousDependenciesDevDependencies,
+  defaultImportResolverNodeExtensions,
+} from './rules/imports.mjs';
+import reactConfigs from './rules/react.mjs';
+import reactTsOff from './rules/reactTsOff.mjs';
+
+const dineddd = defaultImportNoExtraneousDependenciesDevDependencies;
+const diergo = defaultImportExtensionsRuleGranularOption;
+
+const defaultOptions = {
+  barrelsFiles,
+  files,
+  importExtensions: defaultImportExtensions,
+  importExtensionsRuleGranularOption: diergo,
+  importNoExtraneousDependenciesDevDependencies: dineddd,
+  importResolverNodeExtensions: defaultImportResolverNodeExtensions,
+  plugins,
+  tsFiles,
+};
+
+/**
+ * returns eslint config for typescript
+ * @param {string} baseDir - base directory for tsconfig.json
+ * @param {object} [options={}] - options
+ * @param {Array.<string>} [options.barrelsFiles=['**\/index.{js,mjs,mts,ts}']] - file patterns for barrel files
+ * @param {Array.<string>} [options.files=['**\/*.{cjs,cts,js,jsx,mjs,mts,ts,tsx}']] - file patterns to lint
+ * @param {Array.<string>} [options.importExtensions=['.tsx', '.js', '.jsx', '.mjs', '.mts', '.ts']] - extensions for module settings import/extensions
+ * @param {Object.<string, string>} [options.importExtensionsRuleGranularOption] - granural oprions for import/extensions rule; for default values see Readme.md
+ * @param {Array.<string>} [options.importNoExtraneousDependenciesDevDependencies=['see Readme.md']] - devDependencies for import/no-extraneous-dependencies rule
+ * @param {Array.<string>} [options.importResolverNodeExtensions=['.tsx', '.js', '.jsx', '.json', '.mjs', '.mts', '.ts']] - extensions for module settings import/resolver.node.extensions
+ * @param {Object.<string, Object | undefined>} [options.plugins] - default plugins; for default values see Readme.md
+ * @param {Array.<string>} [options.refreshFiles=['**\/*.jsx', '**\/*.tsx']] - file patterns for refresh rules
+ * @param {Array.<string>} [options.tsFiles=['**\/*.jsx', '**\/*.tsx']] - file patterns for refresh rules
+ * @returns {Array.<Object>} - ESLint Flat config
+ */
+const getConfig = (baseDir, options = defaultOptions) => {
+  const {
+    barrelsFiles: customBarrelsFiles = barrelsFiles,
+    files: customFiles = files,
+    importExtensions: ie = defaultImportExtensions,
+    importExtensionsRuleGranularOption: iergo = diergo,
+    importNoExtraneousDependenciesDevDependencies: ineddd = dineddd,
+    importResolverNodeExtensions: irne = defaultImportResolverNodeExtensions,
+    plugins: customPlugins = plugins,
+    refreshFiles: customRefreshFiles = refreshFiles,
+    tsFiles: customTsFiles = tsFiles,
+  } = options;
+
+  const tsConfigs = getTsConfig(baseDir, {
+    barrelsFiles: customBarrelsFiles,
+    files: customFiles,
+    importExtensions: ie,
+    importExtensionsRuleGranularOption: iergo,
+    importNoExtraneousDependenciesDevDependencies: ineddd,
+    importResolverNodeExtensions: irne,
+    plugins: customPlugins,
+    tsFiles: customTsFiles,
+  });
+
+  const reactConfigsWithFiles = mapFiles(reactConfigs, customFiles);
+  const refreshConfigsWithFiles = mapFiles(refresh, customRefreshFiles);
+  const perfectionistWithFiles = mapFiles(reactPerfectionist, files);
+  const offWithFiles = mapFiles(reactTsOff, tsFiles);
+
+  const eslintConfig = [
+    {
+      name: 'typescript-react/base',
+      plugins: customPlugins,
+    },
+    ...tsConfigs,
+    ...reactConfigsWithFiles,
+    ...refreshConfigsWithFiles,
+    ...perfectionistWithFiles,
+    ...offWithFiles,
+    ...ignores,
+  ];
+
+  return eslintConfig;
+};
+
+export {
+  a11y,
+  allReactConfigs,
+  barrels,
+  barrelsFiles,
+  bestPractices,
+  customs,
+  defaultImportExtensions,
+  defaultImportExtensionsRuleGranularOption,
+  defaultImportNoExtraneousDependenciesDevDependencies,
+  defaultImportResolverNodeExtensions,
+  defaultTs,
+  errors,
+  es6,
+  files,
+  getLanguageOptions,
+  getReactConfig,
+  getTsImportConfig,
+  hooks,
+  ignores,
+  mapFiles,
+  node,
+  perfectionist,
+  plugins,
+  plus,
+  react,
+  reactConfigs,
+  reactPerfectionist,
+  reactPlugins,
+  reactStylistic,
+  reactTsOff,
+  reactVanillaPlugins,
+  refresh,
+  refreshFiles,
+  strict,
+  stylistic,
+  tsConfig,
+  tsFiles,
+  tsPlugins,
+  tsStrict,
+  tsStylistic,
+  tsVanillaPlugins,
+  vanillaConfigs,
+  vanillaPlugins,
+  variables,
+};
+
+export default getConfig;

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "eslint-config-vylda-typescript-react",
+  "version": "2.0.0",
+  "description": "Eslint Typescript rules for JS and TS React projects",
+  "main": "index.js",
+  "type": "module",
+  "keywords": [
+    "eslint",
+    "eslint-config",
+    "typescript",
+    "react",
+    "js",
+    "ts",
+    "js-react",
+    "ts-react",
+    "js-typescript",
+    "ts-typescript",
+    "typescript-react",
+    "typescript-js",
+    "typescript-ts",
+    "typescript-js-react",
+    "typescript-ts-react",
+    "typescript-react-js",
+    "typescript-react-ts",
+    "typescript-react-jsx",
+    "typescript-react-tsx",
+    "typescript-jsx",
+    "typescript-tsx"
+  ],
+  "scripts": {
+    "inspect": "npx @eslint/config-inspector",
+    "lint": "eslint . && tsc --noEmit",
+    "test": "eslint . && tsc --noEmit",
+    "ts": "tsc --noEmit",
+    "prepare": "husky"
+  },
+  "author": "Vilem Lipold, vilem.lipold@seznam.cz",
+  "bugs": {
+    "url": "https://gitlab.com/Vylda/eslint-config-vylda-typescript-react/-/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.com/Vylda/eslint-config-vylda-typescript-react.git"
+  },
+  "homepage": "https://gitlab.com/Vylda/eslint-config-vylda-typescript-react",
+  "license": "MIT",
+  "engines": {
+    "node": ">=18"
+  },
+  "devDependencies": {
+    "@eslint/config-inspector": "^1.3.0",
+    "husky": "^9.1.7",
+    "typescript": "^5.9.3"
+  },
+  "dependencies": {
+    "eslint": "^9.28.0",
+    "eslint-config-vylda-typescript": "^5.4.1",
+    "eslint-config-vylda-vanilla-react": "^4.1.3",
+    "eslint-import-resolver-typescript": "^4.4.2",
+    "typescript-eslint": "^8.33.0"
+  }
+}

package/rules/imports.mjs

@@ -0,0 +1,21 @@
+// @ts-check
+import {
+  defaultImportExtensions as tsDie,
+  defaultImportExtensionsRuleGranularOption as tsDiergo,
+  defaultImportNoExtraneousDependenciesDevDependencies as tsDineddd,
+  defaultImportResolverNodeExtensions as tsDirnde,
+} from 'eslint-config-vylda-typescript';
+import {
+  defaultImportExtensions as reDie,
+  defaultImportExtensionsRuleGranularOption as reDiergo,
+  defaultImportResolverNodeExtensions as reDirnde,
+} from 'eslint-config-vylda-vanilla-react';
+
+const die = Array.from(new Set(['.tsx', ...reDie, ...tsDie]));
+const diergo = { ...tsDiergo, ...reDiergo, tsx: 'never' };
+const dirnde = Array.from(new Set(['.tsx', ...reDirnde, ...tsDirnde]));
+
+export const defaultImportExtensions = die;
+export const defaultImportExtensionsRuleGranularOption = diergo;
+export const defaultImportResolverNodeExtensions = dirnde;
+export const defaultImportNoExtraneousDependenciesDevDependencies = tsDineddd;

package/rules/react.mjs

@@ -0,0 +1,45 @@
+import {
+  a11y, react as basicReactConfig, hooks, reactStylistic,
+} from 'eslint-config-vylda-vanilla-react';
+
+const updateJsxFilenameExtensionRule = () => {
+  const [{ name: ruleName, rules: baseReactRules, ...restReactConfig }] = basicReactConfig;
+
+  const jsfRule = baseReactRules['react/jsx-filename-extension'];
+
+  const [type, options] = jsfRule;
+
+  if (!type || !options || typeof options === 'string') {
+    return basicReactConfig;
+  }
+
+  const { extensions, ignoreFilesWithoutCode } = options;
+  const updatedExtensions = [...extensions, 'tsx'];
+
+  const newRule = [
+    type,
+    {
+      extensions: updatedExtensions,
+      ignoreFilesWithoutCode,
+    },
+  ];
+
+  baseReactRules['react/jsx-filename-extension'] = newRule;
+
+  return [{
+    ...restReactConfig,
+    name: `typescript-react/react extends from ${ruleName}`,
+    rules: baseReactRules,
+  }];
+};
+
+export const react = updateJsxFilenameExtensionRule();
+
+const config = [
+  ...a11y,
+  ...hooks,
+  ...react,
+  ...reactStylistic,
+];
+
+export default config;

package/rules/reactTsOff.mjs

@@ -0,0 +1,17 @@
+const config = [
+  {
+    name: 'typescript-react/off',
+    rules: {
+      // TypeScript automatically guards through the type system
+      'react/jsx-no-undef': 'off',
+
+      // False positive with TS type alias
+      'react/no-unused-prop-types': 'off',
+
+      // TypeScript solved with question mark after property name
+      'react/require-default-props': 'off',
+    },
+  },
+];
+
+export default config;

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": false,
+    "esModuleInterop": true,
+    "jsx": "react-jsx",
+    "module": "nodenext",
+    "strict": true,
+    "target": "ES2024"
+  },
+  "exclude": [
+    "node_modules"
+  ],
+  "include": ["*.js", "*.jsx", "*.mjs", "*.mts", "*.ts", "*.tsx", "**/*.d.ts"],
+}

package/types/global.d.ts

@@ -0,0 +1,4 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+interface ImportMeta {
+  dirname: string;
+}