@santi020k/eslint-config-basic 0.1.0

package/packages/react/src/ambient.d.ts

@@ -0,0 +1,23 @@
+// Type declarations for ESLint plugins that don't ship their own types
+
+declare module 'eslint-plugin-react/configs/recommended.js' {
+  import type { TSESLint } from '@typescript-eslint/utils'
+
+  const config: TSESLint.FlatConfig.Config
+
+  export default config
+}
+
+declare module 'eslint-plugin-react-hooks' {
+  import type { TSESLint } from '@typescript-eslint/utils'
+
+  const plugin: TSESLint.FlatConfig.Plugin & {
+    configs: {
+      recommended: {
+        rules: TSESLint.Linter.RulesRecord
+      }
+    }
+  }
+
+  export default plugin
+}

package/packages/react/src/index.ts

@@ -0,0 +1,52 @@
+// @ts-check
+import pluginReactConfig from 'eslint-plugin-react/configs/recommended.js'
+import pluginReactHooks from 'eslint-plugin-react-hooks'
+import globals from 'globals'
+
+import { rules } from './rules.js'
+
+import { fixupConfigRules } from '@eslint/compat'
+import type { TSESLint } from '@typescript-eslint/utils'
+
+const languageOptions: TSESLint.FlatConfig.LanguageOptions = {
+  ecmaVersion: 'latest',
+  sourceType: 'module',
+  ...(pluginReactConfig.languageOptions as TSESLint.FlatConfig.LanguageOptions),
+  globals: {
+    ...globals.browser,
+    ...globals.node
+  }
+}
+
+/**
+ * React ESLint configuration
+ * Includes React plugin recommended rules and React Hooks
+ */
+export const reactConfig: TSESLint.FlatConfig.ConfigArray = [
+  // Use type assertion to handle @eslint/compat type mismatch
+  ...(fixupConfigRules(pluginReactConfig as unknown as Parameters<typeof fixupConfigRules>[0]).map(react => ({
+    ...react,
+    name: 'eslint-config-react/recommended',
+    languageOptions,
+    settings: {
+      react: {
+        version: 'detect'
+      }
+    }
+  })) as unknown as TSESLint.FlatConfig.ConfigArray),
+  {
+    name: 'eslint-config-react/custom',
+    plugins: {
+      'react-hooks': pluginReactHooks
+    },
+    languageOptions,
+    files: ['**/*.{js,jsx,mjs,cjs,ts,tsx,mts,cts}'],
+    rules: {
+      ...pluginReactHooks.configs.recommended.rules,
+      ...rules
+    }
+  }
+]
+
+// Re-export rules for direct access
+export { rules }

package/packages/react/src/rules.ts

@@ -0,0 +1,47 @@
+import { groups } from '@santi020k/eslint-config-core'
+import type { TSESLint } from '@typescript-eslint/utils'
+
+export const rules: TSESLint.Linter.RulesRecord = {
+  'react/react-in-jsx-scope': 'off',
+  'react/jsx-max-depth': ['warn', { max: 7 }],
+  'react/prop-types': 'off',
+  'react-hooks/exhaustive-deps': 'off',
+  'react/button-has-type': 'warn',
+  'react/display-name': 'warn',
+  'react/no-children-prop': 'warn',
+  'react/no-danger-with-children': 'warn',
+  'react/no-unstable-nested-components': 'warn',
+  'react/self-closing-comp': ['warn', { component: true, html: true }],
+  'react/jsx-curly-brace-presence': [
+    'warn',
+    { props: 'never', children: 'never' }
+  ],
+  'react/jsx-curly-newline': 'warn',
+  'react/destructuring-assignment': 'warn',
+  'react/jsx-pascal-case': 'warn',
+  'react/boolean-prop-naming': 'warn',
+  'react/hook-use-state': 'warn',
+  'react/jsx-boolean-value': 'warn',
+  'react/jsx-closing-tag-location': 'warn',
+  'react/jsx-closing-bracket-location': 'warn',
+  'react/jsx-wrap-multilines': 'warn',
+  'react/jsx-no-target-blank': 'warn',
+  'react/jsx-no-leaked-render': 'warn',
+  'react/jsx-handler-names': 'warn',
+  'react/jsx-fragments': 'warn',
+  'react/no-deprecated': 'warn',
+  'react/no-multi-comp': 'warn',
+  'react/no-unescaped-entities': 'warn',
+  'react/jsx-no-undef': 'warn',
+  'react/no-unknown-property': 'warn',
+  'simple-import-sort/imports': [
+    'warn',
+    {
+      groups: [
+        // Packages `react` related packages come first.
+        ['^react'],
+        ...groups
+      ]
+    }
+  ]
+}

package/packages/react/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "rootDir": "./src"
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["node_modules", "dist"]
+}

package/packages/react/tsup.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'tsup'
+
+export default defineConfig({
+  entry: ['src/index.ts'],
+  format: ['esm'],
+  dts: true,
+  clean: true,
+  splitting: false,
+  sourcemap: true
+})

package/packages/tests/README.md

@@ -0,0 +1,17 @@
+# @santi020k/eslint-config-tests
+
+Internal integration tests for the ESLint configuration packages.
+
+## Description
+
+This package uses Vitest to run integration tests, verifying that:
+- Configs are exported correctly.
+- Configurations can be composed without errors.
+- Rules are present as expected.
+
+## Usage
+
+Run tests:
+```bash
+npm run test
+```

package/packages/tests/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@santi020k/eslint-config-tests",
+  "private": false,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "test": "vitest run"
+  },
+  "devDependencies": {
+    "@santi020k/eslint-config-basic": "*",
+    "@santi020k/eslint-config-core": "*",
+    "@santi020k/eslint-config-typescript": "*",
+    "@santi020k/eslint-config-react": "*",
+    "@santi020k/eslint-config-astro": "*",
+    "@santi020k/eslint-config-next": "*",
+    "@santi020k/eslint-config-expo": "*",
+    "vitest": "^4.0.18",
+    "eslint": "^9.39.2",
+    "typescript": "^5.9.3"
+  }
+}