@codygo-ai/eslint-config-react 0.1.0-alpha

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@codygo-ai/eslint-config-react",
+  "version": "0.1.0-alpha",
+  "type": "module",
+  "exports": {
+    ".": "./src/index.mjs"
+  },
+  "dependencies": {
+    "eslint-plugin-react": "^7.33.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "@codygo-ai/eslint-config-preact": "^0.1.0-alpha"
+  },
+  "peerDependencies": {
+    "eslint": "^9.0.0",
+    "prettier": "^3.0.0",
+    "react": "^18.0.0"
+  },
+  "scripts": {
+    "release": "node ../../../scripts/release.mjs"
+  }
+}

package/release-notes.md

@@ -0,0 +1,7 @@
+# Initial Alpha Release
+
+- Initial release of @codygo-ai/eslint-config-react
+- ESLint configuration for React projects
+- Removed private flag to enable npm publishing
+- Updated lint script configuration
+- Added GitHub Actions release workflow

package/src/index.mjs

@@ -0,0 +1,48 @@
+import preactConfig from '@codygo-ai/eslint-config-preact';
+import reactPlugin from 'eslint-plugin-react';
+import reactRefreshPlugin from 'eslint-plugin-react-refresh';
+
+export default [
+  ...preactConfig,
+  {
+    files: ['**/*.{tsx,jsx}'],
+    plugins: {
+      // Add react-refresh plugin on top of existing plugins from Preact
+      'react-refresh': reactRefreshPlugin,
+    },
+    settings: {
+      react: {
+        // Override: Remove Preact pragma settings (React uses JSX runtime)
+        version: 'detect',
+      },
+    },
+    rules: {
+      // Add React-specific JSX runtime rules
+      ...reactPlugin.configs['jsx-runtime'].rules,
+      // Add react-refresh rules
+      'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
+      // Override: Remove Preact's class attribute exception (React uses className)
+      'react/no-unknown-property': 'error',
+      'no-restricted-imports': [
+        'error',
+        {
+          paths: [
+            {
+              name: 'react',
+              importNames: ['default'],
+              message: 'Use selective imports: import { useState } from "react"',
+            },
+          ],
+        },
+      ],
+      'react/prefer-stateless-function': 'error',
+      'react/jsx-pascal-case': 'error',
+      'react-hooks/rules-of-hooks': 'error',
+      'react-hooks/exhaustive-deps': 'warn',
+      'react/forbid-dom-props': [
+        'warn',
+        { forbid: [{ propName: 'style', message: 'Use CSS classes instead of inline styles' }] },
+      ],
+    },
+  },
+];