leetcode leaderboard page

api/config/config.example.json

@@ -32,6 +32,9 @@
   "LED_SIGN": {
     "ENABLED": false
   },
+  "LEETCODE_LED_SIGN": {
+    "ENABLED": false
+  },
   "membershipPayment": {
     "API_KEY": "GO_AWAY_LOL"
   },

api/main_endpoints/routes/LeetCodeLeaderboard.js

@@ -0,0 +1,86 @@
+const express = require('express');
+const router = express.Router();
+const {
+  OK,
+  SERVER_ERROR,
+  BAD_REQUEST
+} = require('../../util/constants.js').STATUS_CODES;
+const { decodeToken } = require('../util/token-functions.js');
+const logger = require('../../util/logger.js');
+const AuditLogActions = require('../util/auditLogActions.js');
+const AuditLog = require('../models/AuditLog.js');
+const membershipState = require('../../util/constants').MEMBERSHIP_STATE;
+const { LEETCODE_LED_SIGN = {} } = require('../../config/config.json');
+const axios = require('axios');
+const LEETCODE_LED_SIGN_URL = process.env.LEETCODE_LED_SIGN_URL || 'http://localhost:12121';
+
+// middleware to abstract token decoding and enabled check
+router.use(async (req, res, next) => {
+  const decoded = await decodeToken(req, membershipState.OFFICER);
+  if (decoded.status !== OK) {
+    return res.sendStatus(decoded.status);
+  }
+
+  if (!LEETCODE_LED_SIGN.ENABLED) {
+    logger.warn('LeetCode Leaderboard is disabled, returning 200 to mock the service');
+    return res.sendStatus(OK);
+  }
+
+  res.locals.userId = decoded.token._id;
+  next();
+});
+
+// request handler for clark -> sign2 requests
+const handleLeetCodeRequest = async (res, method, endpoint, data = null) => {
+  try {
+    const url = new URL(endpoint, LEETCODE_LED_SIGN_URL);
+    const response = await axios({ method, url: url.href, data });
+
+    if (response.data && 'error' in response.data) {
+      throw new Error(response.data.error);
+    }
+
+    return response.data;
+  } catch (err) {
+    logger.error(`Error with LeetCode Leaderboard at ${endpoint}: `, err.message || err);
+    res.status(SERVER_ERROR).send('Error communicating with LeetCode Leaderboard');
+    return null;
+  }
+};
+
+router.get('/', async (req, res) => {
+  const data = await handleLeetCodeRequest(res, 'GET', '/getAllUsers');
+  if (data) {
+    return res.status(OK).json({ users: data.users });
+  }
+});
+
+router.post('/addUser', async (req, res) => {
+  const { username, firstName, lastName } = req.body;
+  const data = await handleLeetCodeRequest(res, 'POST', '/user/add', { username, firstName, lastName });
+
+  if (data) {
+    AuditLog.create({
+      userId: res.locals.userId,
+      action: AuditLogActions.ADD_LEETCODE_USER,
+      details: { username },
+    });
+    return res.sendStatus(OK);
+  }
+});
+
+router.post('/deleteUser', async (req, res) => {
+  const { username } = req.body;
+  const data = await handleLeetCodeRequest(res, 'POST', '/user/remove', { username });
+
+  if (data) {
+    AuditLog.create({
+      userId: res.locals.userId,
+      action: AuditLogActions.DELETE_LEETCODE_USER,
+      details: { username },
+    });
+    return res.sendStatus(OK);
+  }
+});
+
+module.exports = router;

api/main_endpoints/util/auditLogActions.js

@@ -16,6 +16,8 @@ const AuditLogActions = {
   ADD_CARD: 'ADD_CARD',
   DELETE_CARD: 'DELETE_CARD',
   EDIT_CARD: 'EDIT_CARD',
+  ADD_LEETCODE_USER: 'ADD_LEETCODE_USER',
+  DELETE_LEETCODE_USER: 'DELETE_LEETCODE_USER',
 };
 
 module.exports = AuditLogActions;

docker-compose.dev.yml

@@ -49,6 +49,7 @@ services:
       - CLEEZY_URL=http://host.docker.internal:8000
       - PRINTER_URL=http://host.docker.internal:14000
       - LED_SIGN_URL=http://host.docker.internal:10000
+      - LEETCODE_LED_SIGN_URL=http://host.docker.internal:12121
       - DISCORD_REDIRECT_URI=http://localhost/api/user/callback
       - MAILER_API_URL=http://sce-cloud-api-dev:8082/cloudapi
       - DATABASE_HOST=sce-mongodb-dev
@@ -79,6 +80,7 @@ services:
     environment:
       - NODE_ENV=dev
       - REACT_APP_BASE_API_URL=http://localhost
+      - REACT_APP_LEETCODE_LED_SIGN_URL=/sign2/
       - NODE_ENV=development
       - CHOKIDAR_USEPOLLING=${CHOKIDAR_USEPOLLING}
       - WATCHPACK_POLLING=${WATCHPACK_POLLING}

docker-compose.yml

@@ -48,6 +48,7 @@ services:
       - CLEEZY_URL=http://cleezy-app.sce:8000
       - PRINTER_URL=http://host.docker.internal:14000
       - LED_SIGN_URL=http://host.docker.internal:10000
+      - LEETCODE_LED_SIGN_URL=http://host.docker.internal:12121
       - DISCORD_REDIRECT_URI=https://sce.sjsu.edu/api/user/callback
       - MAILER_API_URL=http://sce-cloud-api:8082/cloudapi
       - DATABASE_HOST=sce-mongodb

docker/Dockerfile

@@ -12,6 +12,7 @@ COPY ./package-lock.json /frontend/package-lock.json
 # and instead define them inline here. We do this as multi-stage
 # builds and environment variables from docker-compose.yml weren't working.
 ENV REACT_APP_BASE_API_URL https://sce.sjsu.edu
+ENV REACT_APP_SIGN2_URL /sign2/
 
 RUN npm install
 

docker/Dockerfile.dev

@@ -8,6 +8,7 @@ COPY ./package-lock.json /frontend/package-lock.json
 ARG NODE_ENV
 
 ARG REACT_APP_BASE_API_URL
+ARG REACT_APP_SIGN2_URL
 
 # see https://stackoverflow.com/a/61215597
 ENV DANGEROUSLY_DISABLE_HOST_CHECK true

nginx.conf

@@ -149,6 +149,14 @@ http {
             return 404 "oops! we couldnt load your interview question lol, i guess this ones free!";
         }
 
+        location /sign2/ {
+            proxy_pass http://172.17.0.1:12122/;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Forwarded-Proto $scheme;
+        }
+
         #Load balancer
         location /api/scevents/ {
             resolver 127.0.0.11 valid=15s;

nginx.dev.conf

@@ -26,6 +26,14 @@ http {
     server {
         listen 80;
 
+        location /sign2/ {
+            proxy_pass http://host.docker.internal:12122/;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Forwarded-Proto $scheme;
+        }
+
         #Load balancer
         location /api {
             proxy_pass http://main_endpoints;

src/APIFunctions/LeetCodeLeaderboard.js

@@ -0,0 +1,69 @@
+import { ApiResponse } from './ApiResponses';
+import { BASE_API_URL } from '../Enums';
+
+export async function getAllUsers(token) {
+  let status = new ApiResponse();
+  try {
+    const url = new URL('/api/LeetCodeLeaderboard/', BASE_API_URL);
+    const res = await fetch(url.href, {
+      headers: {
+        'Authorization': `Bearer ${token}`,
+      }
+    });
+    if (res.ok) {
+      const result = await res.json();
+      status.responseData = result;
+    } else {
+      status.error = true;
+    }
+  } catch (err) {
+    status.error = true;
+    status.responseData = err;
+  }
+  return status;
+}
+
+export async function addUser(userData, token) {
+  let status = new ApiResponse();
+  try {
+    const url = new URL('/api/LeetCodeLeaderboard/addUser', BASE_API_URL);
+    const res = await fetch(url.href, {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${token}`,
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(userData),
+    });
+    if (res.ok) {
+      status.error = false;
+    } else {
+      status.error = true;
+      status.statusCode = res.status;
+    }
+  } catch (err) {
+    status.error = true;
+    status.responseData = err;
+  }
+  return status;
+}
+
+export async function deleteUser(username, token) {
+  let status = new ApiResponse();
+  try {
+    const url = new URL('/api/LeetCodeLeaderboard/deleteUser', BASE_API_URL);
+    const res = await fetch(url.href, {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${token}`,
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ username }),
+    });
+    status.error = !res.ok;
+  } catch (err) {
+    status.error = true;
+    status.responseData = err;
+  }
+  return status;
+}

src/Components/Navbar/AdminNavbar.js

@@ -144,6 +144,15 @@ export default function UserNavBar(props) {
         </svg>
       )
     },
+    {
+      title: 'LeetCode Leaderboard',
+      route: '/leetcode',
+      icon: (
+        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" className="size-6">
+          <path strokeLinecap="round" strokeLinejoin="round" d="M8.242 5.992h12m-12 6.003H20.24m-12 5.999h12M4.117 7.495v-3.75H2.99m1.125 3.75H2.99m1.125 0H5.24m-1.92 2.577a1.125 1.125 0 1 1 1.591 1.59l-1.83 1.83h2.16M2.99 15.745h1.125a1.125 1.125 0 0 1 0 2.25H3.74m0-.002h.375a1.125 1.125 0 0 1 0 2.25H2.99" />
+        </svg>
+      ),
+    },
   ];
 
   const renderRoutesForNavbar = (navbarLinks) => {