ci: add eslint to json server

.github/workflows/linter.yml

@@ -64,3 +64,13 @@ jobs:
           VALIDATE_JAVASCRIPT_STANDARD: false
           VALIDATE_TYPESCRIPT_ES: false
           VALIDATE_TYPESCRIPT_STANDARD: false
+
+        ##################################
+        # Run eslint against json-server #
+        ##################################
+      - name: Install packages for json-server
+        working-directory: ./json-server
+        run: yarn install
+      - name: Run eslint
+        working-directory: ./json-server
+        run: yarn lint

json-server/eslint.config.js

@@ -0,0 +1,31 @@
+const importPlugin = require('eslint-plugin-import');
+const tseslint = require('typescript-eslint');
+const { FlatCompat } = require('@eslint/eslintrc');
+
+const compat = new FlatCompat({
+    baseDirectory: __dirname,
+});
+
+module.exports = tseslint.config(
+    {
+        ignores: [
+            'node_modules/**',
+            'dest/**',
+            'eslint.config.js',
+        ],
+    },
+    ...compat.extends('eslint-config-airbnb-typescript/base'),
+    {
+        languageOptions: {
+            parser: tseslint.parser,
+            parserOptions: {
+                project: true,
+            },
+        },
+        plugins: {
+            import: importPlugin,
+        },
+        rules: {
+        },
+    },
+);

json-server/package.json

@@ -5,12 +5,22 @@
   "scripts": {
     "start": "node ./dest/index.js",
     "build": "yarn clean && tsc --build",
-    "clean": "rm -rf ./dest"
+    "clean": "rm -rf ./dest",
+    "lint": "eslint ."
   },
   "devDependencies": {
     "@types/cors": "^2.8.13",
     "@types/express": "^4.17.17",
-    "typescript": "^5.1.6"
+    "@typescript-eslint/eslint-plugin": "^7.11.0",
+    "eslint": "^8.56.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^18.0.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "typescript": "^5.4.5",
+    "typescript-eslint": "^7.11.0"
   },
   "dependencies": {
     "cors": "^2.8.5",

json-server/src/index.ts

@@ -1,13 +1,13 @@
 import express, {
-  Express, 
+  Express,
   Router,
   Request,
-  Response 
+  Response,
 } from 'express';
 import cors from 'cors';
 import http from 'http';
 
-const foxImageUrl = 'https://rose-ministerial-termite-701.mypinata.cloud/ipfs/Qmd3oT99HypRHaPfiY6JWokxADR5TzR1stgonFy1rMZAUy'
+const foxImageUrl = 'https://rose-ministerial-termite-701.mypinata.cloud/ipfs/Qmd3oT99HypRHaPfiY6JWokxADR5TzR1stgonFy1rMZAUy';
 const skinImageUrl = 'https://rose-ministerial-termite-701.mypinata.cloud/ipfs/QmNZeG8wkW3mFw4PrqEj34NPA88impcvemYjhAkJAM4YcK';
 
 const app: Express = express();
@@ -21,13 +21,13 @@ router.get(
     const json = {
       id: parseInt(req.params.id),
       name: `Fox #${req.params.id}`,
-      image: foxImageUrl
+      image: foxImageUrl,
     };
-    
+
     res.writeHead(200);
 
     res.end(JSON.stringify(json));
-  }
+  },
 );
 
 router.get(
@@ -36,18 +36,18 @@ router.get(
     const json = {
       id: parseInt(req.params.id),
       name: `Skin #${req.params.id}`,
-      image: skinImageUrl
+      image: skinImageUrl,
     };
-    
+
     res.writeHead(200);
 
     res.end(JSON.stringify(json));
-  }
+  },
 );
 
 app.use('/', router);
 
 http.createServer(app).listen(
-  3000, 
-  () => console.log(`Listening on port 3000`)
+  3000,
+  () => console.log('Listening on port 3000'),
 );

json-server/tsconfig.json

@@ -12,5 +12,8 @@
         "./src/*"
       ]
     }
-  }
+  },
+  "include": [
+    "src",
+  ],
 }