chore(eslint): migrate to eslint 9 and flat file configs

.gitignore

@@ -1,4 +1,5 @@
 .DS_Store
+.idea/
 node_modules
 .turbo
 *.log
@@ -17,3 +18,4 @@ storybook-static/
 /packages/**/*.cjs.map
 /packages/**/*.d.ts
 /packages/**/*.d.cts
+!eslint.config.js

apps/stories/eslint.config.js

@@ -0,0 +1,29 @@
+import rootConfig from '../../eslint.config.js';
+import reactConfig from '../../config/eslint/react.config.js';
+import storybook from 'eslint-plugin-storybook';
+
+export default [
+  {
+    ignores: ['.storybook/**', 'storybook-static/**'],
+  },
+
+  ...rootConfig,
+  ...reactConfig,
+  ...storybook.configs['flat/recommended'],
+
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    rules: {
+      '@typescript-eslint/no-empty-object-type': 'warn',
+      '@typescript-eslint/no-wrapper-object-types': 'warn',
+    },
+  },
+
+  {
+    files: ['**/*.tsx'],
+    rules: {
+      'react/display-name': 'warn',
+      'react-hooks/rules-of-hooks': 'off', // Intentional - stories use hooks in render functions
+    },
+  },
+];

apps/stories/package.json

@@ -8,7 +8,7 @@
     "build": "storybook build",
     "preview-storybook": "serve storybook-static",
     "clean": "rm -rf .turbo && rm -rf node_modules",
-    "lint": "eslint ./stories/*.stories.tsx --max-warnings 0"
+    "lint": "eslint ./stories --max-warnings 0"
   },
   "dependencies": {
     "@dnd-kit/abstract": "*",
@@ -24,15 +24,13 @@
     "react-window": "1.8.9"
   },
   "devDependencies": {
-    "@dnd-kit/eslint-config": "*",
     "@measured/auto-frame-component": "^0.1.7",
     "@storybook/addon-docs": "^9.0.15",
     "@storybook/addon-links": "^9.0.15",
     "@storybook/react-vite": "^9.0.15",
     "@vitejs/plugin-react": "^4.2.1",
     "@vueless/storybook-dark-mode": "^9.0.6",
-    "eslint": "^8.56.0",
-    "eslint-plugin-storybook": "9.0.15",
+    "eslint-plugin-storybook": "^0.11.3",
     "serve": "^14.2.4",
     "storybook": "^9.0.15",
     "typescript": "^5.7.3",

config/eslint/react.config.js

@@ -0,0 +1,26 @@
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+
+export default [
+  {
+    files: ['**/*.tsx'],
+    plugins: {
+      react,
+      'react-hooks': reactHooks,
+    },
+    languageOptions: {
+      parserOptions: {
+        ecmaFeatures: {jsx: true},
+      },
+    },
+    settings: {
+      react: {version: 'detect'},
+    },
+    rules: {
+      ...react.configs.recommended.rules,
+      ...reactHooks.configs.recommended.rules,
+      'react/react-in-jsx-scope': 'off',
+      'react/prop-types': 'off',
+    },
+  },
+];

eslint.config.js

@@ -0,0 +1,47 @@
+import js from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import prettier from 'eslint-config-prettier';
+
+export default tseslint.config(
+  // Global ignores
+  {
+    ignores: [
+      '**/dist/**',
+      '**/*.cjs',
+      '**/*.d.ts',
+      '**/*.d.cts',
+      '**/*.js.map',
+      '**/*.cjs.map',
+      '**/tsup.config.ts',
+      '.changeset/**',
+      'apps/docs/**',
+    ],
+  },
+
+  // Base config for all JavaScript/TypeScript files
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+
+  // TypeScript settings
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+    rules: {
+      'prefer-const': 'warn',
+      '@typescript-eslint/no-unused-vars': [
+        'warn',
+        {argsIgnorePattern: '^_', varsIgnorePattern: '^_'},
+      ],
+      '@typescript-eslint/consistent-type-imports': 'warn',
+      '@typescript-eslint/no-explicit-any': 'warn',
+    },
+  },
+
+  // Prettier must be last
+  prettier
+);

package.json

@@ -1,10 +1,12 @@
 {
   "private": true,
+  "type": "module",
   "scripts": {
     "build": "turbo run build",
     "dev": "turbo run dev --concurrency 15",
     "test": "turbo run test",
-    "lint": "turbo run lint",
+    "lint": "eslint --flag v10_config_lookup_from_file .",
+    "lint:fix": "eslint --fix --flag v10_config_lookup_from_file .",
     "clean": "turbo run clean && rm -rf node_modules",
     "format": "prettier --write \"**/*.{ts,tsx,md}\"",
     "changeset": "changeset",
@@ -16,8 +18,13 @@
   "devDependencies": {
     "@changesets/changelog-github": "^0.5.1",
     "@changesets/cli": "^2.29.2",
+    "@eslint/js": "^9.17.0",
+    "eslint": "^9.17.0",
+    "eslint-config-prettier": "^10.0.1",
+    "globals": "^15.14.0",
     "prettier": "^3.1.1",
-    "turbo": "^2.5.2"
+    "turbo": "^2.5.2",
+    "typescript-eslint": "^8.18.1"
   },
   "packageManager": "bun@1.1.12",
   "workspaces": [

packages/abstract/eslint.config.js

@@ -0,0 +1,18 @@
+import rootConfig from '../../eslint.config.js';
+
+export default [
+  // Ignore build outputs
+  {
+    ignores: ['*.js'],
+  },
+
+  ...rootConfig,
+
+  {
+    files: ['**/*.ts'],
+    rules: {
+      '@typescript-eslint/no-wrapper-object-types': 'warn',
+      '@typescript-eslint/no-empty-object-type': 'warn',
+    },
+  },
+];

packages/abstract/package.json

@@ -49,8 +49,6 @@
     "tslib": "^2.6.2"
   },
   "devDependencies": {
-    "@dnd-kit/eslint-config": "*",
-    "eslint": "^8.38.0",
     "tsup": "8.3.0",
     "typescript": "^5.5.2"
   },

packages/collision/package.json

@@ -31,8 +31,6 @@
   "devDependencies": {
     "@types/react": "^18.0.9",
     "@types/react-dom": "^18.0.4",
-    "eslint": "^8.38.0",
-    "@dnd-kit/eslint-config": "*",
     "tsup": "8.3.0",
     "typescript": "^5.5.2"
   },

packages/dom/eslint.config.js

@@ -0,0 +1,21 @@
+import rootConfig from '../../eslint.config.js';
+
+export default [
+  // Ignore build outputs
+  {
+    ignores: ['*.js', 'plugins/*.js'],
+  },
+
+  ...rootConfig,
+
+  {
+    files: ['**/*.ts'],
+    rules: {
+      'no-case-declarations': 'warn',
+      'no-var': 'warn',
+      '@typescript-eslint/no-this-alias': 'warn',
+      '@typescript-eslint/no-wrapper-object-types': 'warn',
+      '@typescript-eslint/no-empty-object-type': 'warn',
+    },
+  },
+];

packages/dom/package.json

@@ -81,8 +81,6 @@
     "tslib": "^2.6.2"
   },
   "devDependencies": {
-    "@dnd-kit/eslint-config": "*",
-    "eslint": "^8.38.0",
     "tsup": "8.3.0",
     "typescript": "^5.5.2"
   },

packages/geometry/package.json

@@ -20,8 +20,6 @@
     "tslib": "^2.6.2"
   },
   "devDependencies": {
-    "@dnd-kit/eslint-config": "*",
-    "eslint": "^8.38.0",
     "tsup": "8.3.0",
     "typescript": "^5.5.2"
   },

packages/helpers/package.json

@@ -28,8 +28,6 @@
     "tslib": "^2.6.2"
   },
   "devDependencies": {
-    "@dnd-kit/eslint-config": "*",
-    "eslint": "^8.38.0",
     "tsup": "8.3.0",
     "typescript": "^5.5.2"
   },

packages/react/eslint.config.js

@@ -0,0 +1,19 @@
+import rootConfig from '../../eslint.config.js';
+import reactConfig from '../../config/eslint/react.config.js';
+
+export default [
+  // Ignore build outputs
+  {
+    ignores: ['*.js'],
+  },
+
+  ...rootConfig,
+  ...reactConfig,
+
+  {
+    files: ['**/*.ts'],
+    rules: {
+      '@typescript-eslint/no-unused-expressions': 'warn',
+    },
+  },
+];

packages/react/package.json

@@ -68,8 +68,8 @@
   "devDependencies": {
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
-    "eslint": "^8.38.0",
-    "@dnd-kit/eslint-config": "*",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.1.0",
     "react": "^19.0.0",
     "tsup": "8.3.0",
     "typescript": "^5.5.2"

packages/state/eslint.config.js

@@ -0,0 +1,12 @@
+import rootConfig from '../../eslint.config.js';
+
+export default [
+  ...rootConfig,
+
+  {
+    files: ['**/*.ts'],
+    rules: {
+      '@typescript-eslint/ban-ts-comment': 'warn',
+    },
+  },
+];

packages/state/package.json

@@ -21,9 +21,7 @@
     "tslib": "^2.6.2"
   },
   "devDependencies": {
-    "@dnd-kit/eslint-config": "*",
     "bun-types": "^1.2.15",
-    "eslint": "^8.38.0",
     "tsup": "8.3.0",
     "typescript": "^5.5.2"
   },