Create API Handshake (#2)

ui/api-handshake.js

@@ -0,0 +1,31 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const axios = require('axios');
+const env = require('@next/env');
+
+env.loadEnvConfig(process.cwd());
+
+const apiBaseUrl = process.env.NEXT_PUBLIC_API_2_1_BASE_URL;
+const apiHandshakeEnabled = process.env.API_HANDSHAKE_ENABLED ?? true;
+
+const errorMessage = 
+`***************************
+APPLICATION FAILED TO START
+***************************
+
+Description:
+
+Could not connect to the API server.
+
+Action:
+
+Start the UH Groupings API first
+or check the connection configuration and
+fix any possible problems.\n`;
+
+if (apiHandshakeEnabled) {
+    axios.get(`${apiBaseUrl}/`)
+        .catch(() => {
+            console.log(errorMessage);
+            process.exit(1);
+        });
+}

ui/package.json

@@ -3,6 +3,7 @@
   "version": "3.0",
   "private": true,
   "scripts": {
+    "predev": "node api-handshake.js",
     "dev": "next dev -p 8080",
     "build": "next build",
     "start": "next start",

ui/src/middleware.ts

@@ -3,8 +3,6 @@ import { NextResponse, NextRequest } from 'next/server';
 import { getIronSession } from 'iron-session';
 import { SessionData, SessionOptions } from './access/Session';
 import Role from './access/Role';
-import { isDeepStrictEqual } from 'util';
-import { AnonymousUser } from './access/User';
 
 /**
  * Next.js middleware function that is called upon visiting a route that matches the config.
@@ -15,7 +13,7 @@ export const middleware = async (req: NextRequest) => {
     const session = await getIronSession<SessionData>(cookies(), SessionOptions);
 
     const { user } = session;
-    if (!user || isDeepStrictEqual(user, AnonymousUser)) {
+    if (!user) {
         return NextResponse.redirect(new URL('/uhgroupings', req.url));
     }
     if (req.url.endsWith('/admin') && !user.roles.includes(Role.ADMIN)) {

ui/tailwind.config.ts

@@ -49,7 +49,7 @@ const config = {
             'md': '768px',
             'lg': '992px',
             'xl': '1200px',
-            '2xl': "1400px"
+            '2xl': '1400px'
         }
     },
     plugins: [