@mkaradeniz/eslint-config 5.12.0 → 5.13.1

package/createConfig.mjs

@@ -1,5 +1,6 @@
 import { baseConfig } from './base.mjs';
 import { nextConfig } from './next.mjs';
+import { noUtilInComponentRestrictions } from './noUtilInComponent.mjs';
 import { reactConfig } from './react.mjs';
 import { baseRules } from './rules/baseRules.mjs';
 import { reactRules } from './rules/reactRules.mjs';
@@ -36,6 +37,7 @@ const buildFileOverrideSelectors = merged => merged.slice(1).filter(s => !s.sele
  *
  * @param options.base - 'base' | 'react' | 'next'
  * @param options.noLet - Add restriction on `let`. Optional.
+ * @param options.noUtilInComponent - Ban camelCase util functions in `.tsx` files. Optional.
  * @param options.shadcn - Path to shadcn components for relaxed rules. Optional.
  * @param options.tanstackQuery - Include TanStack Query config. Optional.
  * @param options.turbo - Include Turbo config. Optional.
@@ -43,6 +45,7 @@ const buildFileOverrideSelectors = merged => merged.slice(1).filter(s => !s.sele
 export const createConfig = (options = {}) => {
   const base = options.base ?? 'next';
   const noLet = options.noLet ?? false;
+  const noUtilInComponent = options.noUtilInComponent ?? false;
   const shadcn = options.shadcn;
   const tanstackQuery = options.tanstackQuery ?? false;
   const turbo = options.turbo ?? false;
@@ -78,6 +81,18 @@ export const createConfig = (options = {}) => {
     });
   }
 
+  if (noUtilInComponent && (base === 'next' || base === 'react')) {
+    const ignorePatterns = typeof shadcn === 'string' ? [`${shadcn}/**`] : [];
+
+    config.push({
+      files: ['**/*.tsx'],
+      ignores: ignorePatterns,
+      rules: {
+        'no-restricted-syntax': [...mergedNoRestrictedSyntax, ...noUtilInComponentRestrictions],
+      },
+    });
+  }
+
   if (tanstackQuery) {
     config.push(...tanstackQueryConfig);
   }

package/noUtilInComponent.mjs

@@ -0,0 +1,19 @@
+const noUtilInComponentMessage =
+  "Don't define util functions in component files — move to a utils module. Use PascalCase for components and useX for hooks.";
+
+export const noUtilInComponentRestrictions = [
+  {
+    message: noUtilInComponentMessage,
+    selector: 'Program > FunctionDeclaration[id.name=/^[a-z]/]:not([id.name=/^use[A-Z]/])',
+  },
+  {
+    message: noUtilInComponentMessage,
+    selector:
+      'Program > VariableDeclaration > VariableDeclarator[init.type="ArrowFunctionExpression"][id.name=/^[a-z]/]:not([id.name=/^use[A-Z]/])',
+  },
+  {
+    message: noUtilInComponentMessage,
+    selector:
+      'Program > VariableDeclaration > VariableDeclarator[init.type="FunctionExpression"][id.name=/^[a-z]/]:not([id.name=/^use[A-Z]/])',
+  },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mkaradeniz/eslint-config",
-  "version": "5.12.0",
+  "version": "5.13.1",
   "private": false,
   "files": [
     "base.mjs",
@@ -8,6 +8,7 @@
     "web.mjs",
     "next.mjs",
     "noLet.mjs",
+    "noUtilInComponent.mjs",
     "react.mjs",
     "shadcn.mjs",
     "tanstackQuery.mjs",