lint, sidebar

Author: avivkeller

eslint.config.mjs

@@ -1,17 +1,34 @@
 import pluginJs from '@eslint/js';
+import { defineConfig } from 'eslint/config';
 import importX from 'eslint-plugin-import-x';
 import jsdoc from 'eslint-plugin-jsdoc';
+import react from 'eslint-plugin-react';
 import globals from 'globals';
 
-export default [
+export default defineConfig([
   pluginJs.configs.recommended,
   importX.flatConfigs.recommended,
   {
     ignores: ['out/', 'src/generators/api-links/__tests__/fixtures/'],
   },
   {
-    files: ['**/*.mjs'],
+    files: ['**/*.{mjs,jsx}'],
+    plugins: {
+      jsdoc,
+      react,
+    },
+    languageOptions: {
+      ecmaVersion: 'latest',
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+      globals: { ...globals.nodeBuiltin },
+    },
     rules: {
+      'react/jsx-uses-react': 'error',
+      'react/jsx-uses-vars': 'error',
       'import-x/namespace': 'off',
       'import-x/no-named-as-default': 'off',
       'import-x/no-named-as-default-member': 'off',
@@ -34,18 +51,6 @@ export default [
           },
         },
       ],
-    },
-  },
-  {
-    files: ['src/**/*.mjs', 'bin/**/*.mjs'],
-    plugins: {
-      jsdoc: jsdoc,
-    },
-    languageOptions: {
-      ecmaVersion: 'latest',
-      globals: { ...globals.nodeBuiltin },
-    },
-    rules: {
       'jsdoc/check-alignment': 'error',
       'jsdoc/check-indentation': 'error',
       'jsdoc/require-jsdoc': [
@@ -78,6 +83,14 @@ export default [
       'src/generators/legacy-html/assets/*.js',
       'src/generators/web/client/**/*',
     ],
-    languageOptions: { globals: { ...globals.browser } },
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        // SERVER and CLIENT denote server-only and client-only
+        // codepaths in our web generator
+        CLIENT: 'readonly',
+        SERVER: 'readonly',
+      },
+    },
   },
-];
+]);