feat(frontend): ✨ add group permissions (#721)

* style(frontend): 💄 add darktheme custom

* add dummy users in dev mode

* feat(frontend): ✨ add group permissions editor UI

* feat(backend): ✨ add group permissions setters

* test(backend): ✅ tests for basic permission get/set (WIP)

Needs more testing

* remove old test

* chore(backend): copy template.env on setup

* feat(frontend): ✨ enable send invitation via email

* feat(backend): ✨ enable send invitation via email

* feat: ✨ add app config checker for site-settings

* refactor(frontend): ♻️ consolidate bool checks

Co-authored-by: Hayden <hay-kot@pm.me>

frontend/api/class-interfaces/admin-about.ts

@@ -5,6 +5,7 @@ const prefix = "/api";
 const routes = {
   about: `${prefix}/admin/about`,
   aboutStatistics: `${prefix}/admin/about/statistics`,
+  check: `${prefix}/admin/about/check`,
 };
 
 export interface AdminAboutInfo {
@@ -26,6 +27,11 @@ export interface AdminStatistics {
   untaggedRecipes: number;
 }
 
+export interface CheckAppConfig {
+  emailReady: boolean;
+  baseUrlSet: boolean;
+}
+
 export class AdminAboutAPI extends BaseAPI {
   async about() {
     return await this.requests.get<AdminAboutInfo>(routes.about);
@@ -34,4 +40,8 @@ export class AdminAboutAPI extends BaseAPI {
   async statistics() {
     return await this.requests.get(routes.aboutStatistics);
   }
+
+  async checkApp() {
+    return await this.requests.get<CheckAppConfig>(routes.check);
+  }
 }

frontend/api/class-interfaces/email.ts

@@ -2,6 +2,8 @@ import { BaseAPI } from "./_base";
 
 const routes = {
   base: "/api/admin/email",
+
+  invitation: "/api/groups/invitations/email",
 };
 
 export interface CheckEmailResponse {
@@ -17,6 +19,16 @@ export interface TestEmailPayload {
   email: string;
 }
 
+export interface InvitationEmail {
+  email: string;
+  token: string;
+}
+
+export interface InvitationEmailResponse {
+  success: boolean;
+  error: string;
+}
+
 export class EmailAPI extends BaseAPI {
   check() {
     return this.requests.get<CheckEmailResponse>(routes.base);
@@ -25,4 +37,8 @@ export class EmailAPI extends BaseAPI {
   test(payload: TestEmailPayload) {
     return this.requests.post<TestEmailResponse>(routes.base, payload);
   }
+
+  sendInvitation(payload: InvitationEmail) {
+    return this.requests.post<InvitationEmailResponse>(routes.invitation, payload);
+  }
 }

frontend/api/class-interfaces/groups.ts

@@ -1,5 +1,5 @@
 import { BaseCRUDAPI } from "./_base";
-import { GroupInDB } from "~/types/api-types/user";
+import { GroupInDB, UserOut } from "~/types/api-types/user";
 
 const prefix = "/api";
 
@@ -7,6 +7,8 @@ const routes = {
   groups: `${prefix}/admin/groups`,
   groupsSelf: `${prefix}/groups/self`,
   categories: `${prefix}/groups/categories`,
+  members: `${prefix}/groups/members`,
+  permissions: `${prefix}/groups/permissions`,
 
   preferences: `${prefix}/groups/preferences`,
 
@@ -56,6 +58,13 @@ export interface Invitation {
   uses_left: number;
 }
 
+export interface SetPermissions {
+  userId: number;
+  canInvite: boolean;
+  canManage: boolean;
+  canOrganize: boolean;
+}
+
 export class GroupAPI extends BaseCRUDAPI<GroupInDB, CreateGroup> {
   baseRoute = routes.groups;
   itemRoute = routes.groupsId;
@@ -84,4 +93,12 @@ export class GroupAPI extends BaseCRUDAPI<GroupInDB, CreateGroup> {
   async createInvitation(payload: CreateInvitation) {
     return await this.requests.post<Invitation>(routes.invitation, payload);
   }
+
+  async fetchMembers() {
+    return await this.requests.get<UserOut[]>(routes.members);
+  }
+
+  async setMemberPermissions(payload: SetPermissions) {
+    return await this.requests.put<UserOut>(routes.permissions, payload);
+  }
 }