upgrade eslint configs and add import plugin

Author: Mitsunee

.vscode/settings.json

@@ -1,5 +1,5 @@
 {
-  "eslint.experimental.useFlatConfig": true,
+  "eslint.useFlatConfig": true,
   "editor.formatOnSave": true,
   "[javascript][typescript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode",

eslint.config.js

@@ -1,15 +1,63 @@
-import foxkit from "eslint-config-foxkit/configs/base.js";
-import prettier from "eslint-config-prettier";
+import foxkit from "eslint-config-foxkit/flat.js";
+import prettierCfg from "eslint-config-prettier";
+import * as importPlugin from "eslint-plugin-import";
+import tsEslint from "typescript-eslint";
 
-const __dirname = new URL(".", import.meta.url).pathname.slice(0, -1);
+/**
+ * Patch import plugin config with custom file extensions and configure rules
+ * @type {import("typescript-eslint").ConfigWithExtends}
+ */
+const importCfg = {
+  name: "import/custom-config",
+  files: ["**/*.?(m)js", "**/*.ts"],
+  extends: [importPlugin.flatConfigs.recommended],
+  rules: {
+    "sort-imports": "off",
+    "import/order": "off",
+    "import/no-unresolved": "off",
+    "import/first": "warn",
+    "import/newline-after-import": "warn",
+    "import/consistent-type-specifier-style": ["error", "prefer-top-level"],
+    "import/no-duplicates": "off",
+    "import/no-useless-path-segments": "error",
+    "import/no-self-import": "error",
+    "import/no-default-export": "error"
+  },
+  languageOptions: {
+    ecmaVersion: foxkit.base.languageOptions.ecmaVersion
+  },
+  settings: {
+    "import/internal-regex": "^~\\/",
+    "import/parsers": { "@typescript-eslint/parser": [".ts", ".tsx"] },
+    "import/resolver": {
+      node: {
+        extensions: [".js", ".mjs", ".cjs", ".jsx", ".ts", ".tsx"]
+      }
+    }
+  }
+};
+
+/**
+ * Allows config files (such as this very file) to default export again
+ * @type {import("typescript-eslint").ConfigWithExtends}
+ */
+const importConfigsCfg = {
+  name: "import/configs-may-default-export",
+  files: ["**/*.config.?(m)js"],
+  rules: {
+    "import/no-default-export": "off"
+  }
+};
 
 /**
  * @see https://github.com/foxkit-js/eslint-config-foxkit/ for more information
  */
-export default [
+export default tsEslint.config([
   { ignores: ["dist/**"] },
   foxkit.base,
   foxkit.typescript,
-  foxkit.configureTS({ tsconfigRootDir: __dirname }),
-  prettier
-];
+  foxkit.configureTS({ tsconfigRootDir: import.meta.dirname }),
+  importCfg,
+  importConfigsCfg,
+  prettierCfg
+]);

package.json

@@ -27,11 +27,12 @@
     "pre-commit": "pnpm nano-staged"
   },
   "devDependencies": {
-    "@eslint/js": "^9.17.0",
+    "@eslint/js": "^9.18.0",
     "@types/node": "^22.10.5",
-    "eslint": "^9.17.0",
-    "eslint-config-foxkit": "4.2.0",
-    "eslint-config-prettier": "^9.1.0",
+    "eslint": "^9.18.0",
+    "eslint-config-foxkit": "5.0.1",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-import": "^2.31.0",
     "nano-staged": "^0.8.0",
     "prettier": "^3.4.2",
     "simple-git-hooks": "^2.11.1",