@jmlweb/eslint-config-react 1.0.0 → 2.0.1

package/CHANGELOG.md

@@ -0,0 +1,16 @@
+# @jmlweb/eslint-config-react
+
+## 2.0.1
+
+### Patch Changes
+
+- 2208f74: Standardize repository field format to object format across all packages and configure syncpack to preserve it.
+- Updated dependencies [2208f74]
+  - @jmlweb/eslint-config-base@2.0.1
+
+## 2.0.0
+
+### Patch Changes
+
+- Updated dependencies [fb7ebe3]
+  - @jmlweb/eslint-config-base@2.0.0

package/README.md

@@ -208,6 +208,13 @@ Add linting scripts to your `package.json`:
 }
 ```
 
+Then run:
+
+```bash
+npm run lint      # Lint all files
+npm run lint:fix  # Fix auto-fixable issues
+```
+
 ## 📋 Requirements
 
 - **Node.js** >= 20.11.0 (required for `import.meta.dirname` in config files)
@@ -229,6 +236,12 @@ This package requires the following peer dependencies:
 - `eslint-plugin-simple-import-sort` (^12.0.0)
 - `@jmlweb/eslint-config-base` (^1.0.0)
 
+## 📚 Examples
+
+See real-world usage examples:
+
+- [`example-react-typescript-app`](../../apps/example-react-typescript-app) - React TypeScript app example
+
 ## 🔗 Related Packages
 
 - [`@jmlweb/eslint-config-base`](../eslint-config-base) - Base TypeScript ESLint config (extended by this package)

package/dist/index.cjs

@@ -44,8 +44,8 @@ var config = [
   import_eslint_plugin_react.default.configs.flat.recommended,
   // React JSX runtime config (for React 17+)
   import_eslint_plugin_react.default.configs.flat["jsx-runtime"],
-  // React Hooks recommended config
-  import_eslint_plugin_react_hooks.default.configs.recommended,
+  // Note: We don't spread reactHooks.configs.recommended directly as it uses
+  // legacy plugin format (array). Instead, we configure the plugin manually below.
   {
     files: ["**/*.tsx", "**/*.jsx"],
     plugins: {
@@ -72,6 +72,19 @@ var config = [
       ...import_eslint_config_prettier.default.rules,
       "simple-import-sort/imports": "error",
       "simple-import-sort/exports": "error",
+      // Override naming convention to allow PascalCase for React components
+      "@typescript-eslint/naming-convention": [
+        "error",
+        { selector: "typeLike", format: ["PascalCase"] },
+        { selector: "variable", format: ["camelCase", "UPPER_CASE"] },
+        {
+          selector: "variable",
+          modifiers: ["const", "exported"],
+          format: ["camelCase", "UPPER_CASE", "PascalCase"]
+        },
+        // Allow PascalCase for functions (React components)
+        { selector: "function", format: ["camelCase", "PascalCase"] }
+      ],
       // React plugin overrides
       "react/react-in-jsx-scope": "off",
       // Not needed with new JSX transform

package/dist/index.js

@@ -10,8 +10,8 @@ var config = [
   react.configs.flat.recommended,
   // React JSX runtime config (for React 17+)
   react.configs.flat["jsx-runtime"],
-  // React Hooks recommended config
-  reactHooks.configs.recommended,
+  // Note: We don't spread reactHooks.configs.recommended directly as it uses
+  // legacy plugin format (array). Instead, we configure the plugin manually below.
   {
     files: ["**/*.tsx", "**/*.jsx"],
     plugins: {
@@ -38,6 +38,19 @@ var config = [
       ...prettierConfig.rules,
       "simple-import-sort/imports": "error",
       "simple-import-sort/exports": "error",
+      // Override naming convention to allow PascalCase for React components
+      "@typescript-eslint/naming-convention": [
+        "error",
+        { selector: "typeLike", format: ["PascalCase"] },
+        { selector: "variable", format: ["camelCase", "UPPER_CASE"] },
+        {
+          selector: "variable",
+          modifiers: ["const", "exported"],
+          format: ["camelCase", "UPPER_CASE", "PascalCase"]
+        },
+        // Allow PascalCase for functions (React components)
+        { selector: "function", format: ["camelCase", "PascalCase"] }
+      ],
       // React plugin overrides
       "react/react-in-jsx-scope": "off",
       // Not needed with new JSX transform

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jmlweb/eslint-config-react",
-  "version": "1.0.0",
+  "version": "2.0.1",
   "description": "ESLint configuration for React libraries with TypeScript, extending base config with React-specific rules",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -8,33 +8,29 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "require": {
-        "types": "./dist/index.d.cts",
-        "default": "./dist/index.cjs"
-      },
       "import": {
         "types": "./dist/index.d.ts",
         "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
       }
     }
   },
   "files": [
     "dist",
-    "README.md"
+    "README.md",
+    "CHANGELOG.md"
   ],
-  "scripts": {
-    "build": "tsup",
-    "clean": "rm -rf dist",
-    "prepublishOnly": "pnpm build"
-  },
   "keywords": [
+    "code-quality",
     "eslint",
     "eslint-config",
-    "react",
-    "typescript",
     "linting",
-    "code-quality",
-    "react-hooks"
+    "react",
+    "react-hooks",
+    "typescript"
   ],
   "author": "jmlweb",
   "license": "MIT",
@@ -42,9 +38,7 @@
     "type": "git",
     "url": "https://github.com/jmlweb/tooling.git"
   },
-  "bugs": {
-    "url": "https://github.com/jmlweb/tooling/issues"
-  },
+  "bugs": "https://github.com/jmlweb/tooling/issues",
   "homepage": "https://github.com/jmlweb/tooling/tree/main/packages/eslint-config-react#readme",
   "engines": {
     "node": ">=20.11.0"
@@ -54,7 +48,7 @@
   },
   "peerDependencies": {
     "@eslint/js": "^9.0.0",
-    "@jmlweb/eslint-config-base": "^1.0.0",
+    "@jmlweb/eslint-config-base": "^2.0.1",
     "eslint": "^9.0.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-react": "^7.37.0",
@@ -63,12 +57,10 @@
     "typescript-eslint": "^8.0.0"
   },
   "dependencies": {
-    "@jmlweb/eslint-config-base": "workspace:*"
+    "@jmlweb/eslint-config-base": "2.0.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",
-    "@jmlweb/eslint-config-base": "workspace:*",
-    "@jmlweb/tsconfig-internal": "workspace:*",
     "@types/eslint": "^9.6.1",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
@@ -77,6 +69,12 @@
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.34.1"
+    "typescript-eslint": "^8.34.1",
+    "@jmlweb/eslint-config-base": "2.0.1",
+    "@jmlweb/tsconfig-internal": "0.0.1"
+  },
+  "scripts": {
+    "build": "tsup",
+    "clean": "rm -rf dist"
   }
-}
+}