eslint-ts (#1425)

juliusmarminge · web-flow · commit 4d5d16537680 · 2025-10-11T19:56:03.000+02:00
diff --git a/apps/expo/eslint.config.mjs b/apps/expo/eslint.config.mjs
diff --git a/apps/expo/eslint.config.ts b/apps/expo/eslint.config.ts
@@ -0,0 +1,12 @@
+import { defineConfig } from "eslint/config";
+
+import { baseConfig } from "@acme/eslint-config/base";
+import { reactConfig } from "@acme/eslint-config/react";
+
+export default defineConfig(
+  {
+    ignores: [".expo/**", "expo-plugins/**"],
+  },
+  baseConfig,
+  reactConfig,
+);
diff --git a/apps/expo/package.json b/apps/expo/package.json
@@ -10,7 +10,7 @@
     "android": "expo run:android",
     "ios": "expo run:ios",
     "format": "prettier --check . --ignore-path ../../.gitignore --ignore-path .prettierignore",
-    "lint": "eslint",
+    "lint": "eslint --flag unstable_native_nodejs_ts_config",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
diff --git a/apps/nextjs/eslint.config.js b/apps/nextjs/eslint.config.js
diff --git a/apps/nextjs/eslint.config.ts b/apps/nextjs/eslint.config.ts
@@ -0,0 +1,15 @@
+import { defineConfig } from "eslint/config";
+
+import { baseConfig, restrictEnvAccess } from "@acme/eslint-config/base";
+import { nextjsConfig } from "@acme/eslint-config/nextjs";
+import { reactConfig } from "@acme/eslint-config/react";
+
+export default defineConfig(
+  {
+    ignores: [".next/**"],
+  },
+  baseConfig,
+  reactConfig,
+  nextjsConfig,
+  restrictEnvAccess,
+);
diff --git a/apps/nextjs/package.json b/apps/nextjs/package.json
@@ -7,7 +7,7 @@
     "clean": "git clean -xdf .cache .next .turbo node_modules",
     "dev": "pnpm with-env next dev --turbopack",
     "format": "prettier --check . --ignore-path ../../.gitignore",
-    "lint": "eslint",
+    "lint": "eslint --flag unstable_native_nodejs_ts_config",
     "start": "pnpm with-env next start",
     "typecheck": "tsc --noEmit",
     "with-env": "dotenv -e ../../.env --"
diff --git a/packages/api/eslint.config.js b/packages/api/eslint.config.js
diff --git a/packages/api/eslint.config.ts b/packages/api/eslint.config.ts
@@ -0,0 +1,10 @@
+import { defineConfig } from "eslint/config";
+
+import { baseConfig } from "@acme/eslint-config/base";
+
+export default defineConfig(
+  {
+    ignores: ["dist/**"],
+  },
+  baseConfig,
+);
diff --git a/packages/api/package.json b/packages/api/package.json
@@ -14,7 +14,7 @@
     "clean": "git clean -xdf .cache .turbo dist node_modules",
     "dev": "tsc",
     "format": "prettier --check . --ignore-path ../../.gitignore",
-    "lint": "eslint",
+    "lint": "eslint --flag unstable_native_nodejs_ts_config",
     "typecheck": "tsc --noEmit --emitDeclarationOnly false"
   },
   "dependencies": {
diff --git a/packages/auth/eslint.config.js b/packages/auth/eslint.config.js
diff --git a/packages/auth/eslint.config.ts b/packages/auth/eslint.config.ts
@@ -0,0 +1,11 @@
+import { defineConfig } from "eslint/config";
+
+import { baseConfig, restrictEnvAccess } from "@acme/eslint-config/base";
+
+export default defineConfig(
+  {
+    ignores: ["script/**"],
+  },
+  baseConfig,
+  restrictEnvAccess,
+);
diff --git a/packages/auth/package.json b/packages/auth/package.json
@@ -12,7 +12,7 @@
   "scripts": {
     "clean": "git clean -xdf .cache .turbo dist node_modules",
     "format": "prettier --check . --ignore-path ../../.gitignore",
-    "lint": "eslint",
+    "lint": "eslint --flag unstable_native_nodejs_ts_config",
     "generate": "dotenv -e ../../.env -- pnpx @better-auth/cli generate --config script/auth-cli.ts --output ../db/src/auth-schema.ts",
     "typecheck": "tsc --noEmit"
   },
diff --git a/packages/db/eslint.config.js b/packages/db/eslint.config.js
diff --git a/packages/db/eslint.config.ts b/packages/db/eslint.config.ts
@@ -0,0 +1,10 @@
+import { defineConfig } from "eslint/config";
+
+import { baseConfig } from "@acme/eslint-config/base";
+
+export default defineConfig(
+  {
+    ignores: ["dist/**"],
+  },
+  baseConfig,
+);
diff --git a/packages/ui/eslint.config.js b/packages/ui/eslint.config.js
diff --git a/packages/ui/eslint.config.ts b/packages/ui/eslint.config.ts
@@ -0,0 +1,12 @@
+import { defineConfig } from "eslint/config";
+
+import { baseConfig } from "@acme/eslint-config/base";
+import { reactConfig } from "@acme/eslint-config/react";
+
+export default defineConfig(
+  {
+    ignores: ["dist/**"],
+  },
+  baseConfig,
+  reactConfig,
+);
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -16,7 +16,7 @@
   "scripts": {
     "clean": "git clean -xdf .cache .turbo dist node_modules",
     "format": "prettier --check . --ignore-path ../../.gitignore",
-    "lint": "eslint",
+    "lint": "eslint --flag unstable_native_nodejs_ts_config",
     "typecheck": "tsc --noEmit --emitDeclarationOnly false",
     "ui-add": "pnpm dlx shadcn@latest add && prettier src --write --list-different"
   },
diff --git a/packages/validators/eslint.config.js b/packages/validators/eslint.config.js
diff --git a/packages/validators/eslint.config.ts b/packages/validators/eslint.config.ts
@@ -0,0 +1,10 @@
+import { defineConfig } from "eslint/config";
+
+import { baseConfig } from "@acme/eslint-config/base";
+
+export default defineConfig(
+  {
+    ignores: ["dist/**"],
+  },
+  baseConfig,
+);
diff --git a/packages/validators/package.json b/packages/validators/package.json
@@ -14,7 +14,7 @@
     "clean": "git clean -xdf .cache .turbo dist node_modules",
     "dev": "tsc",
     "format": "prettier --check . --ignore-path ../../.gitignore",
-    "lint": "eslint",
+    "lint": "eslint --flag unstable_native_nodejs_ts_config",
     "typecheck": "tsc --noEmit --emitDeclarationOnly false"
   },
   "dependencies": {
diff --git a/tooling/eslint/base.ts b/tooling/eslint/base.ts
@@ -5,12 +5,13 @@ import { includeIgnoreFile } from "@eslint/compat";
 import eslint from "@eslint/js";
 import importPlugin from "eslint-plugin-import";
 import turboPlugin from "eslint-plugin-turbo";
+import { defineConfig } from "eslint/config";
 import tseslint from "typescript-eslint";
 
 /**
  * All packages that leverage t3-env should use this rule
  */
-export const restrictEnvAccess = tseslint.config(
+export const restrictEnvAccess = defineConfig(
   { ignores: ["**/env.ts"] },
   {
     files: ["**/*.js", "**/*.ts", "**/*.tsx"],
@@ -37,7 +38,7 @@ export const restrictEnvAccess = tseslint.config(
   },
 );
 
-export default tseslint.config(
+export const baseConfig = defineConfig(
   // Ignore files not tracked by VCS and any config files
   includeIgnoreFile(path.join(import.meta.dirname, "../../.gitignore")),
   { ignores: ["**/*.config.*"] },
diff --git a/tooling/eslint/nextjs.js b/tooling/eslint/nextjs.js
diff --git a/tooling/eslint/nextjs.ts b/tooling/eslint/nextjs.ts
@@ -0,0 +1,15 @@
+import nextPlugin from "@next/eslint-plugin-next";
+import { defineConfig } from "eslint/config";
+
+export const nextjsConfig = defineConfig({
+  files: ["**/*.ts", "**/*.tsx"],
+  plugins: {
+    "@next/next": nextPlugin,
+  },
+  rules: {
+    ...nextPlugin.configs.recommended.rules,
+    ...nextPlugin.configs["core-web-vitals"].rules,
+    // TypeError: context.getAncestors is not a function
+    "@next/next/no-duplicate-head": "off",
+  },
+});
diff --git a/tooling/eslint/package.json b/tooling/eslint/package.json
@@ -3,9 +3,9 @@
   "private": true,
   "type": "module",
   "exports": {
-    "./base": "./base.js",
-    "./nextjs": "./nextjs.js",
-    "./react": "./react.js"
+    "./base": "./base.ts",
+    "./nextjs": "./nextjs.ts",
+    "./react": "./react.ts"
   },
   "scripts": {
     "clean": "git clean -xdf .cache .turbo node_modules",
diff --git a/tooling/eslint/react.ts b/tooling/eslint/react.ts
@@ -1,8 +1,8 @@
 import reactPlugin from "eslint-plugin-react";
 import reactHooks from "eslint-plugin-react-hooks";
+import { defineConfig } from "eslint/config";
 
-export default [
-  reactHooks.configs.flat["recommended-latest"],
+export const reactConfig = defineConfig(
   {
     files: ["**/*.ts", "**/*.tsx"],
     ...reactPlugin.configs.flat.recommended,
@@ -15,4 +15,5 @@ export default [
       },
     },
   },
-];
+  reactHooks.configs.flat["recommended-latest"]!,
+);
diff --git a/tooling/prettier/index.js b/tooling/prettier/index.js
@@ -34,7 +34,7 @@ const config = {
       },
     },
     {
-      files: "*.js.hbs",
+      files: "*.ts.hbs",
       options: {
         parser: "babel",
       },
diff --git a/tooling/tailwind/eslint.config.js b/tooling/tailwind/eslint.config.js
diff --git a/tooling/tailwind/eslint.config.ts b/tooling/tailwind/eslint.config.ts
@@ -0,0 +1,5 @@
+import { defineConfig } from "eslint/config";
+
+import { baseConfig } from "@acme/eslint-config/base";
+
+export default defineConfig(baseConfig);
diff --git a/tooling/tailwind/package.json b/tooling/tailwind/package.json
@@ -10,7 +10,7 @@
   "scripts": {
     "clean": "git clean -xdf .cache .turbo node_modules",
     "format": "prettier --check . --ignore-path ../../.gitignore",
-    "lint": "eslint",
+    "lint": "eslint --flag unstable_native_nodejs_ts_config",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
diff --git a/turbo/generators/config.ts b/turbo/generators/config.ts
@@ -36,8 +36,8 @@ export default function generator(plop: PlopTypes.NodePlopAPI): void {
       },
       {
         type: "add",
-        path: "packages/{{ name }}/eslint.config.js",
-        templateFile: "templates/eslint.config.js.hbs",
+        path: "packages/{{ name }}/eslint.config.ts",
+        templateFile: "templates/eslint.config.ts.hbs",
       },
       {
         type: "add",
diff --git a/turbo/generators/templates/eslint.config.js.hbs b/turbo/generators/templates/eslint.config.js.hbs
diff --git a/turbo/generators/templates/eslint.config.ts.hbs b/turbo/generators/templates/eslint.config.ts.hbs
@@ -0,0 +1,10 @@
+import { defineConfig } from "eslint/config";
+
+import { baseConfig } from "@acme/eslint-config/base";
+
+export default defineConfig(
+  {
+    ignores: [],
+  },
+  baseConfig,
+);
