[#43] 👽️ Convert ts to flat config

packages/eslint-config/configs/typescript.js

@@ -0,0 +1,30 @@
+import globals from 'globals'
+
+import recommends from '../recommends/index.js'
+import recommendsReact from '../recommends/react.js'
+import recommendsTypescript from '../recommends/typescript.js'
+import rulesFront from '../rules/front/index.js'
+import rulesTypescript from '../rules/typescript/index.js'
+
+export default [
+    ...recommends,
+    ...recommendsReact,
+    ...recommendsTypescript,
+    ...rulesFront,
+    rulesTypescript,
+    {
+        languageOptions: {
+            globals: {
+                ...globals.node,
+                ...globals.browser,
+                ...globals.jest,
+            },
+        },
+    },
+    {
+        files: ['*.js', '*.jsx'],
+        rules: {
+            'no-undef': 'error',
+        },
+    },
+]

packages/eslint-config/index.js

@@ -2,6 +2,7 @@ import fs from 'node:fs'
 
 import node from './configs/node.js'
 import front from './configs/front.js'
+import typescript from './configs/typescript.js'
 
 const pkg = JSON.parse(fs.readFileSync(new URL('./package.json', import.meta.url), 'utf8'))
 
@@ -13,5 +14,6 @@ export default {
     configs: {
         node,
         front,
+        typescript,
     },
 }

packages/eslint-config/package.json

@@ -22,8 +22,8 @@
         "@eslint/eslintrc": "^3.2.0",
         "@eslint/js": "^9.15.0",
         "@naverpay/eslint-plugin": "workspace:*",
-        "@typescript-eslint/eslint-plugin": ">=7",
-        "@typescript-eslint/parser": ">=7",
+        "@typescript-eslint/eslint-plugin": ">=8",
+        "@typescript-eslint/parser": ">=8",
         "eslint": ">=9",
         "eslint-config-eslint": "^7.0.0",
         "eslint-config-prettier": "^9.1.0",

packages/eslint-config/recommends/typescript.js

@@ -1,6 +1,13 @@
-module.exports = {
-    extends: [
-        'plugin:@typescript-eslint/recommended', // https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/src/configs/recommended.ts
-        'plugin:@typescript-eslint/stylistic', // https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/src/configs/stylistic.ts
-    ],
-}
+import {FlatCompat} from '@eslint/eslintrc'
+import path from 'path'
+import {fileURLToPath} from 'url'
+
+// mimic CommonJS variables -- not needed if using CommonJS
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+const compat = new FlatCompat({
+    baseDirectory: __dirname,
+})
+
+export default [...compat.extends('plugin:@typescript-eslint/recommended', 'plugin:@typescript-eslint/stylistic')]

packages/eslint-config/rules/typescript/index.js

@@ -1,7 +1,10 @@
-const {typescriptNamingConvention} = require('../../custom')
+import typescriptPlugin from '@typescript-eslint/eslint-plugin'
+import {typescriptNamingConvention} from '../../custom/index.js'
 
-module.exports = {
-    plugins: ['@naverpay/eslint-plugin'],
+export default {
+    plugins: {
+        '@typescript-eslint': typescriptPlugin,
+    },
     rules: {
         /** Require let or const instead of var
          @see https://eslint.org/docs/latest/rules/no-var */

packages/eslint-config/tests/typescript.test.js

@@ -1,5 +1,6 @@
-const config = require('../typescript')
-const {checkErrorRule, createLinter} = require('./utils')
+import {describe, test, expect} from 'vitest'
+import config from '../configs/typescript.js'
+import {checkErrorRule, createLinter} from './utils/index.js'
 
 describe('typescript', () => {
     describe('@typescript-eslint/naming-convention', function () {