chore(eslint-www): TypeScript 5.9 & use eslint-plugin-import-x (#93)

Author: sixmen

.github/workflows/eslint-config-www-release.yml

@@ -8,6 +8,11 @@ on:
       - TypeScript/eslint-www/**
   workflow_dispatch:
 
+permissions:
+  id-token: write # for OIDC
+  contents: write
+  pull-requests: write
+
 jobs:
   release:
     name: Release eslint-config-www
@@ -18,24 +23,23 @@ jobs:
 
     steps:
       - name: Checkout code
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
 
       - name: Use Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
-          node-version: '20'
+          node-version: '24'
 
       - name: Install Dependencies
         run: npm install
 
       - name: Create Release Pull Request or Publish to npm
-        uses: changesets/action@v1
+        uses: changesets/action@v1.5.1
         with:
           version: npm run changeset version
           publish: npm run release
           title: 'chore(eslint-www): release x.y.z'
           cwd: ./TypeScript/eslint-www
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
           createGithubReleases: false

TypeScript/eslint-www/.changeset/bitter-areas-stick.md

@@ -0,0 +1,5 @@
+---
+'@croquiscom/eslint-config-www': minor
+---
+
+eslint-plugin-import -> eslint-plugin-import-x

TypeScript/eslint-www/.changeset/floppy-files-hide.md

@@ -0,0 +1,5 @@
+---
+'@croquiscom/eslint-config-www': minor
+---
+
+support TypeScript 5.9

TypeScript/eslint-www/eslint.config.mjs

@@ -6,7 +6,6 @@ export default tseslint.config(...baseConfig, {
     parserOptions: {
       projectService: true,
       tsconfigRootDir: import.meta.dirname,
-      project: `${import.meta.dirname}/tsconfig.json`,
     },
   },
   settings: {

TypeScript/eslint-www/index.mjs

@@ -1,6 +1,6 @@
-import { fixupPluginRules } from '@eslint/compat';
 import js from '@eslint/js';
-import importPlugin from 'eslint-plugin-import';
+import { createTypeScriptImportResolver } from 'eslint-import-resolver-typescript';
+import importXPlugin from 'eslint-plugin-import-x';
 import jsxA11y from 'eslint-plugin-jsx-a11y';
 import react from 'eslint-plugin-react';
 import reactHooks from 'eslint-plugin-react-hooks';
@@ -14,17 +14,21 @@ export default tseslint.config(
   tseslint.configs.eslintRecommended,
   ...tseslint.configs.recommended,
   ...tseslint.configs.stylistic,
-  /* eslint-disable @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access */
-  importPlugin.flatConfigs.errors,
-  importPlugin.flatConfigs.warnings,
-  importPlugin.flatConfigs.typescript,
-  /* eslint-enable @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access */
+  importXPlugin.flatConfigs.errors,
+  importXPlugin.flatConfigs.warnings,
   react.configs.flat.recommended,
 
   {
     plugins: {
       'jsx-a11y': jsxA11y,
-      'react-hooks': fixupPluginRules(reactHooks),
+      'react-hooks': reactHooks,
+    },
+
+    settings: {
+      'import-x/resolver-next': [createTypeScriptImportResolver()],
+      'react': {
+        version: 'detect',
+      },
     },
 
     languageOptions: {
@@ -36,12 +40,6 @@ export default tseslint.config(
       },
     },
 
-    settings: {
-      react: {
-        version: 'detect',
-      },
-    },
-
     rules: {
       'array-callback-return': 'warn',
       'default-case': 'off',
@@ -177,11 +175,11 @@ export default tseslint.config(
       'no-useless-constructor': 'off',
       '@typescript-eslint/no-useless-constructor': 'warn',
 
-      // https://github.com/benmosher/eslint-plugin-import/tree/main/docs/rules
-      'import/first': 'error',
-      'import/no-amd': 'error',
-      'import/no-anonymous-default-export': 'off',
-      'import/no-webpack-loader-syntax': 'error',
+      // https://github.com/un-ts/eslint-plugin-import-x/tree/master/docs/rules
+      'import-x/first': 'error',
+      'import-x/no-amd': 'error',
+      'import-x/no-anonymous-default-export': 'off',
+      'import-x/no-webpack-loader-syntax': 'error',
 
       // https://github.com/yannickcr/eslint-plugin-react/tree/master/docs/rules
       'react/display-name': 'off',
@@ -291,7 +289,7 @@ export default tseslint.config(
       'radix': ['error', 'as-needed'],
 
       // import 순서를 강제한다.
-      'import/order': [
+      'import-x/order': [
         'error',
         {
           alphabetize: { order: 'asc', caseInsensitive: true },
@@ -306,10 +304,10 @@ export default tseslint.config(
       ],
 
       // 자연스러운 import를 방해해서 적용하지 않는다. 예) import Redis from 'ioredis';
-      'import/no-named-as-default': 'off',
+      'import-x/no-named-as-default': 'off',
 
       // 과도한 import를 강요해서 적용하지 않는다. 예) import dayjs from 'dayjs'; dayjs.extend(); -> import { extend } from 'dayjs';
-      'import/no-named-as-default-member': 'off',
+      'import-x/no-named-as-default-member': 'off',
 
       // 단순 배열 타입에만 [] 문법을 사용한다.
       '@typescript-eslint/array-type': ['error', { default: 'array-simple' }],