ci: setup typescript-eslint

Author: 9romise

docs/.vitepress/config.mts

@@ -87,12 +87,10 @@ export default async () => {
         )
         return !exists
       })
-      .map(({ ruleId, name }) => {
-        return {
-          text: ruleId,
-          link: `/rules/${name}`
-        }
-      })
+      .map(({ ruleId, name }) => ({
+        text: ruleId,
+        link: `/rules/${name}`
+      }))
 
     if (children.length === 0) {
       continue

docs/.vitepress/theme/index.ts

@@ -1,23 +1,18 @@
 // @ts-expect-error -- Browser
-if (typeof window !== 'undefined') {
-  if (typeof require === 'undefined') {
-    // @ts-expect-error -- Browser
-    ;(window as any).require = () => {
-      const e = new Error('require is not defined')
-      ;(e as any).code = 'MODULE_NOT_FOUND'
-      throw e
-    }
+if (typeof window !== 'undefined' && typeof require === 'undefined') {
+  // @ts-expect-error -- Browser
+  ;(window as any).require = () => {
+    const e = new Error('require is not defined')
+    ;(e as any).code = 'MODULE_NOT_FOUND'
+    throw e
   }
 }
 // @ts-expect-error -- Cannot change `module` option
 import type { Theme } from 'vitepress'
 // @ts-expect-error -- Cannot change `module` option
 import DefaultTheme from 'vitepress/theme'
-// @ts-expect-error -- ignore
 import Layout from './Layout.vue'
-// @ts-expect-error -- ignore
 import ESLintCodeBlock from './components/eslint-code-block.vue'
-// @ts-expect-error -- ignore
 import RulesTable from './components/rules-table.vue'
 
 const theme: Theme = {

docs/.vitepress/vite-plugin.mts

@@ -34,8 +34,8 @@ export function viteCommonjs(): Plugin {
           format: 'esm'
         })
         return transformed.code
-      } catch (e) {
-        console.error('Transform error. base code:\n' + base, e)
+      } catch (error) {
+        console.error(`Transform error. base code:\n${base}`, error)
       }
       return undefined
     }
@@ -57,27 +57,23 @@ function transformRequire(code: string) {
         return match
       }
 
-      let id =
-        '__' +
-        moduleString.replace(/[^a-zA-Z0-9_$]+/gu, '_') +
-        Math.random().toString(32).substring(2)
+      let id = `__${moduleString.replace(
+        /[^a-zA-Z0-9_$]+/gu,
+        '_'
+      )}${Math.random().toString(32).slice(2)}`
       while (code.includes(id) || modules.has(id)) {
-        id += Math.random().toString(32).substring(2)
+        id += Math.random().toString(32).slice(2)
       }
       modules.set(id, moduleString)
-      return id + '()'
+      return `${id}()`
     }
   )
 
-  return (
-    [...modules]
-      .map(([id, moduleString]) => {
-        return `import * as __temp_${id} from ${moduleString};
+  return `${[...modules]
+    .map(
+      ([id, moduleString]) => `import * as __temp_${id} from ${moduleString};
 const ${id} = () => __temp_${id}.default || __temp_${id};
 `
-      })
-      .join('') +
-    ';\n' +
-    replaced
-  )
+    )
+    .join('')};\n${replaced}`
 }

eslint.config.mjs

@@ -7,6 +7,8 @@ import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
 import eslintPluginUnicorn from 'eslint-plugin-unicorn'
 import eslintMarkdown from '@eslint/markdown'
 import eslintPluginMarkdownPreferences from 'eslint-plugin-markdown-preferences'
+import eslintPluginTs from '@typescript-eslint/eslint-plugin'
+import tsEslintParser from '@typescript-eslint/parser'
 import vueEslintParser from 'vue-eslint-parser'
 import noInvalidMeta from './eslint-internal-rules/no-invalid-meta.js'
 import noInvalidMetaDocsCategories from './eslint-internal-rules/no-invalid-meta-docs-categories.js'
@@ -46,10 +48,13 @@ const MD_LINKS_FOR_DOCS = {
   ...MD_BASE_LINKS
 }
 
+const GLOB_TS = '**/*.?([cm])ts'
+
 export default typegen([
   {
     ignores: [
       '.nyc_output',
+      'eslint-typegen.d.ts',
       'coverage',
       'node_modules',
       '.changeset/**/*.md',
@@ -78,7 +83,7 @@ export default typegen([
     }
   },
   ...defineConfig({
-    files: ['**/*.js'],
+    files: ['**/*.?([cm])[jt]s'],
     extends: [
       eslintPluginEslintPlugin,
       eslintPluginUnicorn.configs['flat/recommended']
@@ -105,7 +110,21 @@ export default typegen([
   }),
 
   {
-    files: ['**/*.js'],
+    name: 'typescript/setup',
+    files: [GLOB_TS],
+    languageOptions: {
+      parser: tsEslintParser,
+      parserOptions: {
+        sourceType: 'module'
+      }
+    },
+    plugins: {
+      ts: eslintPluginTs
+    }
+  },
+
+  {
+    files: ['**/*.?([cm])[jt]s'],
     languageOptions: {
       ecmaVersion: 'latest',
       sourceType: 'commonjs',
@@ -249,6 +268,25 @@ export default typegen([
       'internal/require-eslint-community': ['error']
     }
   },
+
+  {
+    files: ['**/*.mjs'],
+    languageOptions: {
+      sourceType: 'module'
+    }
+  },
+
+  {
+    files: [GLOB_TS],
+    rules: {
+      'no-undef': 'off', // https://typescript-eslint.io/troubleshooting/faqs/eslint/#i-get-errors-from-the-no-undef-rule-about-global-variables-not-being-defined-even-though-there-are-no-typescript-errors
+      'no-unused-vars': 'off',
+      'ts/no-unused-vars': 'error',
+      'no-redeclare': 'off',
+      'ts/no-redeclare': 'error'
+    }
+  },
+
   {
     files: ['./**/*.vue'],
     languageOptions: {

package.json

@@ -90,6 +90,7 @@
     "@types/node": "^24.0.8",
     "@types/semver": "^7.5.8",
     "@types/xml-name-validator": "^4.0.3",
+    "@typescript-eslint/eslint-plugin": "^8.35.1",
     "@typescript-eslint/parser": "^8.35.1",
     "@typescript-eslint/types": "^8.35.1",
     "@vitest/coverage-v8": "^3.2.4",

vitest.config.mts

@@ -1,11 +1,8 @@
+import { defineConfig } from 'vitest/config'
 
-import { defineConfig } from 'vitest/config';
 export default defineConfig({
   test: {
-    include: [
-      'tests/lib/**/*.js',
-      'tests/integrations/**/*.js'
-    ],
+    include: ['tests/lib/**/*.js', 'tests/integrations/**/*.js'],
     exclude: [
       '**/node_modules/**',
       '**/dist/**',
@@ -18,15 +15,10 @@ export default defineConfig({
     coverage: {
       provider: 'v8',
       include: ['lib/**/*.js'],
-      exclude: [
-        'tests/**',
-        'dist/**',
-        'tools/**',
-        'node_modules/**'
-      ],
+      exclude: ['tests/**', 'dist/**', 'tools/**', 'node_modules/**'],
       reporter: ['text', 'lcov', 'json-summary', 'html'],
       all: true,
       reportsDirectory: './coverage'
-    },
-  },
-});
+    }
+  }
+})