feature: Configuration variable editor (WIP)

apps/backend/src/api/routes/settings.controller.ts

@@ -8,6 +8,7 @@ import {
   Sections,
 } from '@gitroom/backend/services/auth/permissions/permissions.service';
 import { OrganizationService } from '@gitroom/nestjs-libraries/database/prisma/organizations/organization.service';
+import { ConfigurationVariableService } from '@gitroom/nestjs-libraries/database/prisma/configuration/configuration.variable.service';
 import {AddTeamMemberDto} from "@gitroom/nestjs-libraries/dtos/settings/add.team.member.dto";
 import {ApiTags} from "@nestjs/swagger";
 
@@ -16,9 +17,18 @@ import {ApiTags} from "@nestjs/swagger";
 export class SettingsController {
   constructor(
     private _starsService: StarsService,
-    private _organizationService: OrganizationService
+    private _organizationService: OrganizationService,
+    private _configurationVariableService: ConfigurationVariableService
   ) {}
 
+  @Get('/cvars/all')
+  @CheckPolicies([AuthorizationActions.Create, Sections.ADMIN])
+  async getConfigurationVariables() {
+    return {
+      configurationVariables: await this._configurationVariableService.getAll(),
+    };
+  }
+
   @Get('/github')
   @CheckPolicies([AuthorizationActions.Create, Sections.ADMIN])
   async getConnectedGithubAccounts(@GetOrgFromRequest() org: Organization) {

apps/frontend/src/components/layout/top.menu.tsx

@@ -33,16 +33,12 @@ export const useMenuItems = () => {
         },
       ]
       : []),
-    ...(!isGeneral
-      ? [
-        {
-          name: 'Settings',
-          icon: 'settings',
-          path: '/settings',
-          role: ['ADMIN', 'SUPERADMIN'],
-        },
-      ]
-      : []),
+    {
+      name: 'Settings',
+      icon: 'settings',
+      path: '/settings',
+      role: ['ADMIN', 'SUPERADMIN'],
+    },
     {
       name: 'Marketplace',
       icon: 'marketplace',

apps/frontend/src/components/settings/configuration-variable-editor.component.tsx

@@ -0,0 +1,79 @@
+'use client';
+
+import { FormProvider, SubmitHandler, useForm } from 'react-hook-form';
+import { useMemo } from 'react';
+import { classValidatorResolver } from '@hookform/resolvers/class-validator';
+import { SaveConfigurationVariableDto, SaveConfigurationVariablesDto } from '@gitroom/nestjs-libraries/dtos/settings/configuration-variables.dto.ts';
+import { Button } from '@gitroom/react/form/button';
+import { FC, useCallback, useEffect, useState } from 'react';
+import useSWR from 'swr';
+import { useFetch } from '@gitroom/helpers/utils/custom.fetch';
+
+export const ConfigurationVariableEditorComponent = () => {
+  const resolver = useMemo(() => classValidatorResolver(SaveConfigurationVariableDto), []);
+
+  const fetch = useFetch();
+
+  const form = useForm({ resolver, values: { message: '' } });
+
+  const [state, setState] = useState(true);
+
+  const fetchCvars = useCallback(async () => {
+    const cvars = await (
+      await fetch('/settings/cvars/all', {
+        method: 'GET',
+      })
+    ).json();
+
+    setState(cvars);
+    return cvars;
+  }, []);
+
+  const { data, error, isLoading } = useSWR('/settings/cvars/all', fetchCvars)
+
+  const submit: SubmitHandler<SaveConfigurationVariableDto> = async (data) => {
+    await fetch(`/settings/cvars/${params.id}`, {
+      method: 'POST',
+      body: JSON.stringify(data),
+    });
+    mutate();
+    form.reset();
+  }
+
+  console.log("data", data)
+
+  if (isLoading) return <div>Loading...</div>
+  if (error) return <div className = "text-red-700">Error loading data</div>
+
+  return (
+    <div>
+      <h3 className = "text-[20px] mb-[6px]">Configuration Variable Editor</h3>
+      <p className = "mb-[12px]">This screen is only accessible and editable by super admins, it includes configuration that effects the entire app. </p>
+
+        {data.configurationVariables.map((cvar) => (
+          <div className = "grid grid-cols-2 p-1" key={cvar.description}>
+            <div>
+              <label className = "">
+                <strong className = "font-bold"><abbr title = {cvar.key}>{cvar.title}</abbr></strong>
+              </label>
+              <p className = "text-customColor18">{cvar.description}</p>
+
+              {cvar.docs && (
+                <a href = {cvar.docs} target = "_blank" className = "text-customColor4">More docs...</a>
+              )}
+            </div>
+            <div className="">
+              {cvar.datatype === 'bool' ? ( 
+                <input type = "checkbox" name = "" value = "1"></input>
+              ) : (
+                <input className="bg-input border border-fifth rounded-[4px] text-inputText flex-grow p-1" name="{...form.register(cvar.key)}" value="?" autocomplete="off"></input>
+              )}
+            </div>
+          </div>
+        ))}
+
+        <Button className = "rounded-[4px]">Save</Button>
+
+    </div>
+  )
+}

apps/frontend/src/components/settings/settings.component.tsx

@@ -4,6 +4,7 @@ import { GithubComponent } from '@gitroom/frontend/components/settings/github.co
 import { useCallback, useEffect } from 'react';
 import { useUser } from '@gitroom/frontend/components/layout/user.context';
 import { TeamsComponent } from '@gitroom/frontend/components/settings/teams.component';
+import { ConfigurationVariableEditorComponent } from '@gitroom/frontend/components/settings/configuration-variable-editor.component';
 import { useFetch } from '@gitroom/helpers/utils/custom.fetch';
 import useSWR from 'swr';
 import { LoadingComponent } from '@gitroom/frontend/components/layout/loading';
@@ -70,6 +71,9 @@ export const SettingsComponent = () => {
           {/*</div>*/}
         </div>
       )}
+
+	  <ConfigurationVariableEditorComponent />
+
       {!!user?.tier?.team_members && <TeamsComponent />}
     </div>
   );

libraries/nestjs-libraries/src/database/prisma/configuration/configuration.variable.repository.ts

@@ -0,0 +1,44 @@
+import { PrismaRepository } from '@gitroom/nestjs-libraries/database/prisma/prisma.service';
+import { Injectable } from '@nestjs/common';
+
+@Injectable()
+export class ConfigurationVariableRepository {
+  constructor(
+    private _configurationVariables: PrismaRepository<'configurationVariables'>
+  ) {}
+
+  getOrDefault(key: string, defaultValue: string) {
+    const dbVal = this._configurationVariables.model.configurationVariables.findFirst({
+      where: {
+        key,
+      },
+    });
+
+    if (dbVal) {
+      return dbVal;
+    } else {
+      return defaultValue;
+    }
+  }
+
+  isSet(key: string) {
+    return !!this._configurationVariables.model.configurationVariables.findFirst({
+      where: {
+        key,
+      },
+    });
+  }
+
+  set(key: string, value: string) {
+    return this._configurationVariables.model.configurationVariables.create({
+      data: {
+        key,
+        value,
+      },
+    });
+  }
+
+  getAll() {
+    return this._configurationVariables.model.configurationVariables.findMany();
+  }
+}

libraries/nestjs-libraries/src/database/prisma/configuration/configuration.variable.service.ts

@@ -0,0 +1,82 @@
+import { Injectable } from '@nestjs/common';
+
+import { ConfigurationVariableRepository } from '@gitroom/nestjs-libraries/database/prisma/configuration/configuration.variable.repository';
+
+@Injectable()
+export class ConfigurationVariableService {
+  private cvars: {
+    key: string,
+    title: string,
+    description: string,
+    datatype: string,
+    default: string | null,
+    val: string | null,
+    section: string[],
+    docs?: string,
+  }[];
+
+  constructor(
+    private _configurationVariableRepository: ConfigurationVariableRepository,
+  ) {
+    this.cvars = [
+      {
+        key: 'USER_REGISTRATION_DISABLED',
+        title: 'Disable user registration',
+        description: 'If user registration is disabled, only super admins can create new users',
+        datatype: 'bool',
+        default: 'true',
+        val: 'true',
+        section: ['Functionality'],
+      },
+      {
+        key: 'MARKETPLACE_DISABLED',
+        title: 'Disable marketplace',
+        description: 'If the marketplace is disabled, users will not be able to buy or sell posts',
+        datatype: 'bool',
+        default: 'true',
+        val: 'true',
+        section: ['Functionality'],
+      },
+      {
+        key: 'DISCORD_CLIENT_ID',
+        title: 'Discord client ID',
+        description: 'Used to authenticate with Discord with OAuth.',
+        docs: 'https://docs.postiz.com/providers/discord',
+        datatype: 'string',
+        default: null,
+        val: null,
+        section: ['Providers', 'Discord'],
+      },
+      {
+        key: 'DISCORD_CLIENT_SECRET',
+        title: 'Discord client secret',
+        description: 'Used to authenticate with Discord with OAuth.',
+        datatype: 'string',
+        default: null,
+        val: null,
+        section: ['Providers', 'Discord'],
+      },
+    ]
+  }
+
+  getOrDefault(key: string, defaultValue: string) {
+    return this._configurationVariableRepository.getOrDefault(key, defaultValue);
+  }
+
+  getOrEmpty(key: string) {
+    return this._configurationVariableRepository.getOrDefault(key, '');
+  }
+
+  isSet(key: string) {
+    return this._configurationVariableRepository.isSet(key);
+  }
+
+  set(key: string, value: string) {
+    return this._configurationVariableRepository.set(key, value);
+  }
+
+  getAll() {
+    return this.cvars;
+//    return this._configurationVariableRepository.getAll();
+  }
+}

libraries/nestjs-libraries/src/database/prisma/database.module.ts

@@ -2,6 +2,8 @@ import { Global, Module } from '@nestjs/common';
 import { PrismaRepository, PrismaService } from './prisma.service';
 import { OrganizationRepository } from '@gitroom/nestjs-libraries/database/prisma/organizations/organization.repository';
 import { OrganizationService } from '@gitroom/nestjs-libraries/database/prisma/organizations/organization.service';
+import { ConfigurationVariableRepository } from '@gitroom/nestjs-libraries/database/prisma/configuration/configuration.variable.repository';
+import { ConfigurationVariableService } from '@gitroom/nestjs-libraries/database/prisma/configuration/configuration.variable.service';
 import { UsersService } from '@gitroom/nestjs-libraries/database/prisma/users/users.service';
 import { UsersRepository } from '@gitroom/nestjs-libraries/database/prisma/users/users.repository';
 import { StarsService } from '@gitroom/nestjs-libraries/database/prisma/stars/stars.service';
@@ -41,6 +43,8 @@ import { AgenciesRepository } from '@gitroom/nestjs-libraries/database/prisma/ag
     UsersRepository,
     OrganizationService,
     OrganizationRepository,
+    ConfigurationVariableService,
+    ConfigurationVariableRepository,
     StarsService,
     StarsRepository,
     SubscriptionService,

libraries/nestjs-libraries/src/database/prisma/schema.prisma

@@ -439,6 +439,13 @@ model Messages {
   @@index([deletedAt])
 }
 
+model ConfigurationVariables {
+	key 		  String @unique
+	value		  String
+
+	@@index([key])
+}
+
 enum OrderStatus {
   PENDING
   ACCEPTED
@@ -486,4 +493,4 @@ enum APPROVED_SUBMIT_FOR_ORDER {
   NO
   WAITING_CONFIRMATION
   YES
-}
+}

libraries/nestjs-libraries/src/dtos/settings/configuration-variables.dto.ts

@@ -0,0 +1,16 @@
+import {IsDefined, IsString, ValidateNested} from 'class-validator';
+import {Type} from 'class-transformer';
+
+export class SaveConfigurationVariableDto {
+  @IsString()
+  key: string;
+
+  @IsString()
+  val: string;
+}
+
+export class SaveConfigurationVariablesDto {
+  @ValidateNested({each: true})
+  @Type(() => ConfigurationVariableDto)
+  configurationVariables: Record<string, ConfigurationVariableDto>;
+}