Working on session validation

ui/src/lib/account.ts

@@ -0,0 +1,63 @@
+import Cookies from 'js-cookie';
+import { getRequest, postRequest } from '.';
+import { RegisterUser, ResponseAuth, User } from './account.types';
+
+export async function login(email: string, password: string): Promise<User | undefined> {
+  const response = await postRequest('account/login', { email, password });
+  if (response?.status === 200) {
+    return response.json();
+  } else {
+    return undefined;
+  }
+}
+
+export async function register(user: RegisterUser): Promise<boolean> {
+  const response = await postRequest('account/register', user);
+  if (response?.status === 201) {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+export async function logout() {
+  return await postRequest('account/logout', {});
+}
+
+export async function refresh(refresh_token_rotation?: boolean): Promise<ResponseAuth | undefined> {
+  const response = await getRequest('account/refresh', { refresh_token_rotation });
+  if (response?.status === 200) {
+    return response.json();
+  } else {
+    return undefined;
+  }
+}
+
+export async function me(): Promise<ResponseAuth | undefined> {
+  const response = await getRequest('account/me');
+  if (response?.status === 200) {
+    return response.json();
+  } else {
+    return undefined;
+  }
+}
+
+/**
+ * Refreshes the logged_in cookie every interval. By default, the interval is 14 minutes.
+ * @param interval
+ * @returns interval id
+ */
+export function refreshLoggedIn(interval = 840000) {
+  let loggedIn = Cookies.get('logged_in');
+  const id = setInterval(async () => {
+    const cookie = Cookies.get('logged_in');
+    if (cookie != loggedIn) {
+      loggedIn = cookie;
+      const response = await refresh(true);
+      if (!response) {
+        Cookies.remove('logged_in');
+      }
+    }
+  }, interval);
+  return id;
+}

ui/src/lib/account.types.ts

@@ -0,0 +1,19 @@
+export interface ResponseAuth {
+  token: string;
+  user: User;
+}
+
+export interface RegisterUser {
+  email: string;
+  password: string;
+  first_name: string;
+  last_name: string;
+}
+
+export interface User {
+  email: string;
+  role: string;
+  first_name: string;
+  last_name: string;
+  profile_picture?: string;
+}

ui/src/lib/index.ts

@@ -1,7 +1,8 @@
-// const serviceHost = process.env.SERVICE_HOST || 'http://localhost';
-// const servicePort = process.env.SERVICE_PORT || 5000;'
-// const baseURL = `${serviceHost}:${servicePort}`;
-const baseUrl = 'http://localhost:5000';
+// const protocol = process.env.HTTPD_PROTOCOL || 'http';
+// const host = process.env.HTTPD_HOST || 'localhost';
+// const port = process.env.HTTPD_PORT || 8080;
+// const baseUrl = `${protocol}://${host}:${port}/api`;
+const baseUrl = import.meta.env.VITE_API_URL || 'http://localhost:8080/api';
 
 export async function getRequest(endpoint: string, params: Record<string, any> = {}): Promise<Response> {
   Object.keys(params).forEach((key) => params[key] === undefined && delete params[key]);