@mkaradeniz/eslint-config 5.4.0 → 5.6.0

package/base.mjs

@@ -134,7 +134,7 @@ export const baseConfig = [
     },
   },
   {
-    files: ['**/env.ts', '**/env.client.ts', '**/env.server.ts', '**/seed.ts', '**/prisma.config.ts'],
+    files: ['**/env.ts', '**/env.client.ts', '**/env.server.ts', '**/prisma/**/seed.ts', '**/prisma.config.ts'],
     rules: {
       'no-restricted-syntax': [
         'warn',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mkaradeniz/eslint-config",
-  "version": "5.4.0",
+  "version": "5.6.0",
   "private": false,
   "files": [
     "base.mjs",

package/react.mjs

@@ -29,4 +29,13 @@ export const reactConfig = [
   },
 
   { ...reactRules },
+  {
+    files: ['**/env.ts', '**/env.client.ts', '**/env.server.ts', '**/prisma/**/seed.ts', '**/prisma.config.ts'],
+    rules: {
+      'no-restricted-syntax': [
+        'warn',
+        ...reactRules.rules['no-restricted-syntax'].slice(1).filter(selector => !selector.selector.includes('process')),
+      ],
+    },
+  },
 ];

package/rules/reactRules.mjs

@@ -8,34 +8,6 @@ export const reactRules = {
     'no-restricted-imports': [
       'warn',
       {
-        paths: [
-          {
-            importNames: [
-              'createContext',
-              'forwardRef',
-              'startTransition',
-              'use',
-              'useCallback',
-              'useContext',
-              'useDebugValue',
-              'useDeferredValue',
-              'useEffect',
-              'useId',
-              'useImperativeHandle',
-              'useInsertionEffect',
-              'useLayoutEffect',
-              'useMemo',
-              'useReducer',
-              'useRef',
-              'useState',
-              'useSyncExternalStore',
-              'useTransition',
-            ],
-            message:
-              "React built-in hooks & functions should not be imported directly. `import React from 'react'` and then use `React.useBuiltInHook()` || `React.function()`.",
-            name: 'react',
-          },
-        ],
         patterns: [
           {
             allowImportNamePattern: 'Icon$',
@@ -48,6 +20,18 @@ export const reactRules = {
     'no-restricted-syntax': [
       baseNoRestrictedSyntaxSeverity,
       ...baseNoRestrictedSyntaxSelectors,
+      {
+        message: "Use named imports instead of `import React from 'react'`. Use `import { useState } from 'react'`.",
+        selector: "ImportDeclaration[source.value='react'] ImportDefaultSpecifier",
+      },
+      {
+        message: "Use named imports instead of `import * as React from 'react'`. Use `import { useState } from 'react'`.",
+        selector: "ImportDeclaration[source.value='react'] ImportNamespaceSpecifier",
+      },
+      {
+        message: "Use named imports instead of `React.method()`. Use `import { useState } from 'react'`.",
+        selector: "MemberExpression[object.name='React']",
+      },
       {
         message: 'Use the cn() utility instead of template literals for className.',
         selector: "JSXAttribute[name.name='className'] > JSXExpressionContainer > TemplateLiteral",