Restrict the sign-up page

Author: axelstudios

proxy.conf.mjs

@@ -3,7 +3,12 @@ import { config } from '@dotenvx/dotenvx'
 config({ quiet: true })
 
 export default [{
-  context: ['/api/v3/', '/api/token/', '/api/version/'],
+  context: [
+    '/api/config/',
+    '/api/token/',
+    '/api/v3/',
+    '/api/version/'
+  ],
   target: process.env.SEED_HOST ?? 'http://127.0.0.1:8000',
   changeOrigin: true,
   logLevel: 'debug',

src/@seed/api/config/config.service.ts

@@ -0,0 +1,20 @@
+import { HttpClient } from '@angular/common/http'
+import { inject, Injectable } from '@angular/core'
+import type { Observable } from 'rxjs'
+import { shareReplay } from 'rxjs'
+import type { ConfigResponse } from './config.types'
+
+@Injectable({ providedIn: 'root' })
+export class ConfigService {
+  private _httpClient = inject(HttpClient)
+
+  private _config$: Observable<ConfigResponse>
+
+  // Singleton request
+  get config$(): Observable<ConfigResponse> {
+    if (!this._config$) {
+      this._config$ = this._httpClient.get<ConfigResponse>('/api/config/').pipe(shareReplay(1))
+    }
+    return this._config$
+  }
+}

src/@seed/api/config/config.types.ts

@@ -0,0 +1,3 @@
+export type ConfigResponse = {
+  allow_signup: boolean;
+}

src/@seed/api/config/index.ts

@@ -0,0 +1,2 @@
+export * from './config.service'
+export * from './config.types'

src/@seed/components/alert/alert.types.ts

@@ -1,3 +1,5 @@
 export type AlertAppearance = 'border' | 'fill' | 'outline' | 'soft'
 
 export type AlertType = 'primary' | 'accent' | 'warn' | 'basic' | 'info' | 'success' | 'warning' | 'error'
+
+export type Alert = { type: AlertType; message: string }

src/app/app.resolvers.ts

@@ -1,6 +1,12 @@
 import { inject } from '@angular/core'
 import { forkJoin } from 'rxjs'
-import { VersionService } from '@seed/api/version/version.service'
+import { ConfigService } from '@seed/api/config'
+import { VersionService } from '@seed/api/version'
+
+export const configResolver = () => {
+  const configService = inject(ConfigService)
+  return configService.config$
+}
 
 export const initialDataResolver = () => {
   const versionService = inject(VersionService)

src/app/app.routes.ts

@@ -1,5 +1,5 @@
 import type { Route, UrlSegment } from '@angular/router'
-import { initialDataResolver } from './app.resolvers'
+import { configResolver, initialDataResolver } from './app.resolvers'
 import { AuthGuard, NoAuthGuard } from './core/auth'
 import { LayoutComponent } from './layout/layout.component'
 import { AboutComponent } from './modules/main/about/about.component'
@@ -31,6 +31,9 @@ export const appRoutes: Route[] = [
     canActivate: [NoAuthGuard],
     canActivateChild: [NoAuthGuard],
     component: LayoutComponent,
+    resolve: {
+      config: configResolver,
+    },
     data: {
       layout: 'landing',
     },

src/app/core/auth/auth.service.ts

@@ -32,12 +32,12 @@ export class AuthService {
   }
 
   // TODO
-  forgotPassword(email: string): Observable<any> {
+  forgotPassword(email: string): Observable<unknown> {
     return this._httpClient.post('api/auth/forgot-password', email)
   }
 
   // TODO
-  resetPassword(password: string): Observable<any> {
+  resetPassword(password: string): Observable<unknown> {
     return this._httpClient.post('api/auth/reset-password', password)
   }
 
@@ -88,7 +88,7 @@ export class AuthService {
   }
 
   // TODO
-  signUp(user: { name: string; email: string; password: string; company: string }): Observable<any> {
+  signUp(user: { name: string; email: string; password: string; company: string }): Observable<unknown> {
     return this._httpClient.post('api/auth/sign-up', user)
   }
 

src/app/core/auth/guards/index.ts

@@ -1,2 +1,3 @@
 export * from './auth.guard'
 export * from './noAuth.guard'
+export * from './signUp.guard'

src/app/core/auth/guards/signUp.guard.ts

@@ -0,0 +1,23 @@
+import { inject } from '@angular/core'
+import type { CanActivateFn } from '@angular/router'
+import { Router } from '@angular/router'
+import { map } from 'rxjs'
+import { ConfigService } from '@seed/api/config'
+
+export const SignUpGuard: CanActivateFn = () => {
+  const configService = inject(ConfigService)
+  const router = inject(Router)
+
+  // Check the allowSignUp status
+  return configService.config$.pipe(
+    map(({ allow_signup: allowSignUp }) => {
+      if (!allowSignUp) {
+        // Redirect to the sign-in page
+        return router.parseUrl('sign-in')
+      }
+
+      // Allow the access
+      return true
+    }),
+  )
+}