[add] Stylistic in ESLint configuration (fix #225)

[optimize] upgrade to React 19

Author: TechQuery

eslint.config.mjs

@@ -1,8 +1,8 @@
-// @ts-check
 import cspellPlugin from '@cspell/eslint-plugin';
 import eslint from '@eslint/js';
 // @ts-expect-error eslint-plugin-next doesn't come with TypeScript definitions
 import nextPlugin from '@next/eslint-plugin-next';
+import stylistic from '@stylistic/eslint-plugin';
 import eslintConfigPrettier from 'eslint-config-prettier';
 import react from 'eslint-plugin-react';
 import simpleImportSortPlugin from 'eslint-plugin-simple-import-sort';
@@ -22,6 +22,7 @@ export default tsEslint.config(
   {
     plugins: {
       '@cspell': cspellPlugin,
+      '@stylistic': stylistic,
       'simple-import-sort': simpleImportSortPlugin,
       '@typescript-eslint': tsEslint.plugin,
       react,
@@ -30,7 +31,12 @@ export default tsEslint.config(
   },
   {
     // config with just ignores is the replacement for `.eslintignore`
-    ignores: ['**/node_modules/**', '**/public/**', '**/.next/**'],
+    ignores: [
+      '**/node_modules/**',
+      '**/public/**',
+      '**/.next/**',
+      '.github/scripts/**',
+    ],
   },
 
   // extends ...
@@ -66,6 +72,18 @@ export default tsEslint.config(
           },
         },
       ],
+      // stylistic
+      '@stylistic/padding-line-between-statements': [
+        'error',
+        { blankLine: 'always', prev: '*', next: 'return' },
+        { blankLine: 'always', prev: 'directive', next: '*' },
+        { blankLine: 'any', prev: 'directive', next: 'directive' },
+        {
+          blankLine: 'always',
+          prev: '*',
+          next: ['enum', 'interface', 'type'],
+        },
+      ],
       'arrow-body-style': ['error', 'as-needed'],
       'no-empty-pattern': 'warn',
       'no-console': ['error', { allow: ['warn', 'error', 'info'] }],

package.json

@@ -32,11 +32,11 @@
     "next": "^15.2.2",
     "next-ssr-middleware": "^0.8.9",
     "open-react-map": "^0.8.1",
-    "react": "^18.3.1",
+    "react": "^19.0.0",
     "react-bootstrap": "^2.10.9",
-    "react-bootstrap-editor": "^2.0.4",
-    "react-dom": "^18.3.1",
-    "react-leaflet": "^4.2.1",
+    "react-bootstrap-editor": "^2.0.7",
+    "react-dom": "^19.0.0",
+    "react-leaflet": "^5.0.0",
     "web-utility": "^4.4.3"
   },
   "devDependencies": {
@@ -52,12 +52,13 @@
     "@next/eslint-plugin-next": "^15.2.2",
     "@octokit/openapi-types": "^24.0.0",
     "@softonus/prettier-plugin-duplicate-remover": "^1.1.2",
+    "@stylistic/eslint-plugin": "^4.2.0",
     "@types/eslint-config-prettier": "^6.11.3",
     "@types/jsonwebtoken": "^9.0.9",
     "@types/leaflet": "^1.9.16",
     "@types/next-pwa": "^5.6.9",
     "@types/node": "^22.13.10",
-    "@types/react": "^18.3.18",
+    "@types/react": "^19.0.10",
     "eslint": "^9.22.0",
     "eslint-config-next": "^15.2.2",
     "eslint-config-prettier": "^10.1.1",

pages/activity/[name]/manage/evaluation.tsx

@@ -74,6 +74,7 @@ class EvalationEditor extends Component<EvaluationPageProps> {
     const { keywords } = formToJSON<{ keywords: string }>(event.currentTarget);
 
     this.store.clear();
+
     return this.store.getList({ keywords });
   };
 

pages/activity/[name]/manage/questionnaire.tsx

@@ -96,6 +96,7 @@ class ActivityQuestionnaireEditor extends Component<ActivityQuestionnairePagePro
     const curQuestionnaire = activityStore.questionnaire.filter(
       v => v.id !== id,
     );
+
     return activityStore.editQuestionnaireStatus(curQuestionnaire);
   };
 
@@ -109,6 +110,7 @@ class ActivityQuestionnaireEditor extends Component<ActivityQuestionnairePagePro
       1,
       curQuestionnaire[index],
     )[0];
+
     return activityStore.editQuestionnaireStatus(curQuestionnaire);
   };
 

pages/activity/[name]/manage/team.tsx

@@ -48,6 +48,7 @@ class TeamManageEditor extends Component<TeamManagePageProps> {
     const { keywords } = formToJSON<{ keywords: string }>(event.currentTarget);
 
     this.store.clear();
+
     return this.store.getList({ keywords });
   };
 

pages/api/core.ts

@@ -24,6 +24,7 @@ export function safeAPI(handler: NextAPI): NextAPI {
     } catch (error) {
       if (!(error instanceof HTTPError)) {
         console.error(error);
+
         return res.end(error);
       }
       const { message, response } = error;

pages/open-source.tsx

@@ -43,6 +43,7 @@ const OpenSourcePage: FC<OpenSourcePageProps> = observer(
               const repository = repositories.find(
                 ({ full_name }) => full_name === name,
               );
+
               return (
                 <Col key={name}>
                   <GitCard