Feat: Verify user permissions before loading a page (#30)

Implement a permission system to allow us to define that a page requires
the user to have some permissions.
At the moment, the only permission available is beeing logged, but the
system should allow to add new permissions very easily

Author: TeddyRoncin

src/api/auth/applications/fetchApplications.ts

@@ -1,7 +1,7 @@
 import { Dispatch, SetStateAction, useEffect, useState } from 'react';
 import { useAPI } from '@/api/api';
 import { ApplicationOverview } from '@/api/auth/applications/application.interface';
-import { useConnectedUser } from '@/module/user';
+import { useConnectedUser } from '@/module/session';
 
 export default function useApplications(): [
   ApplicationOverview[] | undefined,

src/api/permissions/fetchMyPermissions.ts

@@ -0,0 +1,6 @@
+import { API, ResponseHandler } from '@/api/api';
+import { Permissions } from '@/api/permissions/permissions.interface';
+
+export function fetchMyPermissions(api: API): ResponseHandler<Permissions, void | Permissions | undefined> {
+  return api.get<Permissions>('/auth/permissions/current');
+}

src/api/permissions/permissions.interface.ts

@@ -0,0 +1,23 @@
+export interface Permissions {
+  apiPermissions: ApiPermission[];
+  userPermissions: UserPermissions[];
+}
+
+interface UserPermissions<SoftPermission extends boolean = boolean> {
+  permission: UserPermission;
+  isSoftPermission: SoftPermission;
+  users: SoftPermission extends true ? string[] : null;
+}
+
+enum Permission {
+  API_SEE_OPINIONS_UE = 'API_SEE_OPINIONS_UE',
+  API_UPLOAD_ANNAL = 'API_UPLOAD_ANNAL',
+  API_MODERATE_ANNAL = 'API_MODERATE_ANNAL',
+  API_MODERATE_COMMENTS = 'API_MODERATE_COMMENTS',
+
+  USER_SEE_DETAILS = 'USER_SEE_DETAILS',
+  USER_UPDATE_DETAILS = 'USER_UPDATE_DETAILS',
+}
+
+type UserPermission = Permission & `USER_${string}`;
+type ApiPermission = Permission & `API_${string}`;

src/api/profile/profile.types.ts

@@ -1,4 +1,4 @@
-import { UserType } from '@/module/user';
+import { UserType } from '@/module/session';
 
 export interface Profile {
   id: string;

src/app/developers/application/page.tsx

@@ -8,10 +8,10 @@ import { useState } from 'react';
 import Button from '@/components/UI/Button';
 import createApplication from '@/api/auth/applications/createApplication';
 import { useAPI } from '@/api/api';
-import { useConnectedUser } from '@/module/user';
 import updateApplicationToken from '@/api/auth/applications/updateToken';
 import Icons from '@/icons';
 import Page from '@/components/utilities/Page';
+import { useConnectedUser } from '@/module/session';
 
 export default function ApplicationsPage() {
   const loggedIn = !!useConnectedUser();

src/app/login/page.tsx

@@ -59,7 +59,7 @@ export default function LoginPage() {
   }
   if (registerToken) {
     return (
-      <Page hasNavbar={true} permissions={'public'} needsLoading={true} className={styles.confirmRegister}>
+      <Page hasNavbar={true} needsLoading={true} className={styles.confirmRegister}>
         <div>
           <Trans
             i18nKey={'login:legal.text'}
@@ -95,7 +95,7 @@ export default function LoginPage() {
   }
 
   return (
-    <Page hasNavbar={true} permissions={'public'} needsLoading={true} id="login-page" className={styles.loginPage}>
+    <Page hasNavbar={true} needsLoading={true} id="login-page" className={styles.loginPage}>
       <LoginForm application={application} />
     </Page>
   );

src/app/profile/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-// import { useConnectedUser } from '@/module/user';
+// import { useConnectedUser } from '@/module/session';
 import { setProfilePicture } from '@/api/profile/setProfilePicture';
 import { useAPI } from '@/api/api';
 import { useAppTranslation } from '@/lib/i18n';

src/app/register/page.tsx

@@ -5,7 +5,7 @@ import Page from '@/components/utilities/Page';
 
 export default function RegisterPage() {
   return (
-    <Page hasNavbar={false} permissions={'public'} id="register-page" className={styles.loginPage}>
+    <Page hasNavbar={false} id="register-page" className={styles.loginPage}>
       <RegisterForm />
     </Page>
   );

src/app/ues/[code]/Comments.tsx

@@ -5,7 +5,7 @@ import { TFunction, useAppTranslation } from '@/lib/i18n';
 import Icons from '@/icons';
 import EditableText from '@/components/EditableText';
 import Button from '@/components/UI/Button';
-import { useConnectedUser } from '@/module/user';
+import { useConnectedUser } from '@/module/session';
 import { Comment } from '@/api/comment/comment.interface';
 import { useState } from 'react';
 import { editComment } from '@/api/comment/editComment';

src/app/ues/[code]/comments/[commentId]/page.tsx

@@ -8,7 +8,7 @@ import { TFunction, useAppTranslation } from '@/lib/i18n';
 import TextArea from '@/components/UI/TextArea';
 import Button from '@/components/UI/Button';
 import { useState } from 'react';
-import { useConnectedUser } from '@/module/user';
+import { useConnectedUser } from '@/module/session';
 import EditableText from '@/components/EditableText';
 import { editCommentReply } from '@/api/commentReply/editCommentReply';
 import { useAPI } from '@/api/api';