Add files

Author: adzamkomladev

apps/auth/src/app/app.module.ts

@@ -22,7 +22,18 @@ import { NxWelcomeComponent } from './nx-welcome.component';
     TuiRootModule,
     TuiDialogModule,
     TuiAlertModule,
-    RouterModule.forRoot([], { initialNavigation: 'enabledBlocking' }),
+    RouterModule.forRoot(
+      [
+        {
+          path: 'sign-in',
+          loadComponent: () =>
+            import('./sign-in/sign-in.component').then(
+              (mod) => mod.SignInComponent
+            ),
+        },
+      ],
+      { initialNavigation: 'enabledBlocking' }
+    ),
   ],
   providers: [{ provide: TUI_SANITIZER, useClass: NgDompurifySanitizer }],
   bootstrap: [AppComponent],

apps/auth/src/app/sign-in/interfaces/sign-in-form.interface.ts

@@ -0,0 +1,6 @@
+import { FormControl } from '@angular/forms';
+
+export interface SignInForm {
+  email: FormControl<string>;
+  password: FormControl<string>;
+}

apps/auth/src/app/sign-in/sign-in.component.html

@@ -0,0 +1,37 @@
+<div class="container">
+  <div class="tui-row">
+    <div class="tui-col_md-6 debug4">
+      <div size="l" tuiIsland class="card debug3">
+        <div class="tui-island__content debug2">
+          <div class="debug1">
+            <h3 class="tui-island__title">Sign In</h3>
+            <form [formGroup]="form" (ngSubmit)="onSubmit()">
+              <div class="tui-form__row">
+                <tui-input formControlName="email" [tuiTextfieldCleaner]="true">
+                  Enter your email
+                  <span class="tui-required"></span>
+
+                  <input tuiTextfield type="email" />
+                </tui-input>
+              </div>
+              <div class="tui-form__row">
+                <tui-input-password
+                  formControlName="password"
+                  class="tui-space_top-2"
+                >
+                  Enter your password
+                  <input tuiTextfield placeholder="Make it secure!" />
+                </tui-input-password>
+              </div>
+              <div class="tui-form__row">
+                <button tuiIconButton type="submit" [disabled]="form.invalid">
+                  Sign In
+                </button>
+              </div>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

apps/auth/src/app/sign-in/sign-in.component.scss

@@ -0,0 +1,2 @@
+.card {
+}

apps/auth/src/app/sign-in/sign-in.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SignInComponent } from './sign-in.component';
+
+describe('SignInComponent', () => {
+  let component: SignInComponent;
+  let fixture: ComponentFixture<SignInComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ SignInComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(SignInComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

apps/auth/src/app/sign-in/sign-in.component.ts

@@ -0,0 +1,63 @@
+import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import {
+  FormBuilder,
+  FormGroup,
+  FormsModule,
+  NonNullableFormBuilder,
+  ReactiveFormsModule,
+  Validators,
+} from '@angular/forms';
+
+import {
+  TuiInputModule,
+  TuiInputPasswordModule,
+  TuiIslandModule,
+} from '@taiga-ui/kit';
+import { TuiButtonModule, TuiTextfieldControllerModule } from '@taiga-ui/core';
+import { SignInForm } from './interfaces/sign-in-form.interface';
+
+@Component({
+  standalone: true,
+  imports: [
+    CommonModule,
+    TuiIslandModule,
+    TuiInputModule,
+    FormsModule,
+    ReactiveFormsModule,
+    TuiTextfieldControllerModule,
+    TuiInputPasswordModule,
+    TuiButtonModule,
+  ],
+  templateUrl: './sign-in.component.html',
+  styleUrls: ['./sign-in.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class SignInComponent implements OnInit {
+  form!: FormGroup<SignInForm>;
+
+  constructor(private readonly fb: NonNullableFormBuilder) {}
+
+  ngOnInit(): void {
+    this.form = this.fb.group({
+      email: [
+        '',
+        [Validators.required, Validators.maxLength(100), Validators.email],
+      ],
+      password: [
+        '',
+        [
+          Validators.required,
+          Validators.minLength(8),
+          Validators.pattern(
+            /((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$/
+          ),
+        ],
+      ],
+    });
+  }
+
+  onSubmit() {
+    console.log(this.form.value);
+  }
+}

apps/auth/src/styles.scss

@@ -1 +1,21 @@
 /* You can add global styles to this file, and also import other style files */
+
+.debug1 {
+  border: 2px solid red;
+}
+
+.debug2 {
+  border: 2px solid yellow;
+}
+
+.debug3 {
+  border: 2px solid blueviolet;
+}
+
+.debug4 {
+  border: 1px solid green;
+}
+
+.debug5 {
+  border: 1px solid black;
+}

apps/main-service/src/app/@common/modules/global.module.ts

@@ -1,4 +1,4 @@
-import { Module, Global, CacheModule } from '@nestjs/common';
+import { CacheModule, Global, Module } from '@nestjs/common';
 import { TypeOrmModule, TypeOrmModuleOptions } from '@nestjs/typeorm';
 import { BullModule } from '@nestjs/bull';
 import { ScheduleModule } from '@nestjs/schedule';
@@ -10,8 +10,8 @@ import { join } from 'path';
 import type { ClientOpts } from 'redis';
 import * as redisStore from 'cache-manager-redis-store';
 import {
-  ApolloServerPluginSchemaReporting,
   ApolloServerPluginLandingPageLocalDefault,
+  ApolloServerPluginSchemaReporting,
 } from 'apollo-server-core';
 import { MailerModule } from '@nestjs-modules/mailer';
 import { HandlebarsAdapter } from '@nestjs-modules/mailer/dist/adapters/handlebars.adapter';
@@ -65,8 +65,9 @@ import { Match } from '../validators/match.validator';
     TypeOrmModule.forFeature([Notification]),
     GraphQLModule.forRoot<ApolloDriverConfig>({
       driver: ApolloDriver,
-      autoSchemaFile: true,
+      cache: 'bounded',
       playground: false,
+      autoSchemaFile: true,
       plugins: [
         ApolloServerPluginSchemaReporting(),
         ApolloServerPluginLandingPageLocalDefault(),

apps/main-service/src/app/app.service.ts

@@ -1,6 +1,6 @@
 import { CACHE_MANAGER, Inject, Injectable, Logger } from '@nestjs/common';
 import { InjectQueue } from '@nestjs/bull';
-import { Interval } from '@nestjs/schedule';
+// import { Interval } from '@nestjs/schedule';
 
 import { Cache } from 'cache-manager';
 
@@ -36,7 +36,7 @@ export class AppService {
 
   // @Interval('sendSms', 2000)
   async sendSms() {
-    let message = (await this.cache.get('message')) ?? 'Good morning';
+    const message = (await this.cache.get('message')) ?? 'Good morning';
 
     const responses = [1, 20, 45, 83, 96, 10, 2, 67];
     const repeat = responses[Math.floor(Math.random() * responses.length)];

apps/main-service/src/app/profile/entities/profile.entity.ts

@@ -1,4 +1,4 @@
-import { ObjectType, Field } from '@nestjs/graphql';
+import { Field, ID, ObjectType } from '@nestjs/graphql';
 
 import {
   BeforeInsert,
@@ -21,6 +21,9 @@ import { Sex } from '../../@common/enums/sex.enum';
 @Entity()
 @ObjectType()
 export class Profile {
+  @Field(() => ID, {
+    description: 'This is the ID of the user profile',
+  })
   @PrimaryGeneratedColumn()
   id: number;
 

apps/main-service/src/app/profile/profile.module.ts

@@ -5,11 +5,11 @@ import { Profile } from './entities/profile.entity';
 
 import { ProfileService } from './profile.service';
 
-import { ProfileResolver } from './profile.resolver';
+// import { ProfileResolver } from './profile.resolver';
 
 @Module({
   imports: [TypeOrmModule.forFeature([Profile])],
-  providers: [ProfileResolver, ProfileService],
+  providers: [ ProfileService],
   exports: [TypeOrmModule, ProfileService],
 })
 export class ProfileModule {}

apps/main-service/src/app/profile/profile.resolver.ts

@@ -1,16 +1,11 @@
-import { Resolver, ResolveField, Parent } from '@nestjs/graphql';
-
-import { Profile } from './entities/profile.entity';
-import { User } from '../users/entities/user.entity';
-
-import { ProfileService } from './profile.service';
-
-@Resolver()
-export class ProfileResolver {
-  // constructor(private readonly profileService: ProfileService) {}
-  //
-  // @ResolveField('profile', () => Profile)
-  // profile(@Parent() user: User) {
-  //   return this.profileService.findProfileById(user.profileId);
-  // }
-}
+// import { Resolver } from '@nestjs/graphql';
+//
+// @Resolver()
+// export class ProfileResolver {
+//   // constructor(private readonly profileService: ProfileService) {}
+//   //
+//   // @ResolveField('profile', () => Profile)
+//   // profile(@Parent() user: User) {
+//   //   return this.profileService.findProfileById(user.profileId);
+//   // }
+// }

apps/main-service/src/app/users/dto/create-user.input.ts

@@ -1,18 +1,13 @@
-import { Resolver, Query, Mutation, Args, Int } from '@nestjs/graphql';
-import { UsersService } from './users.service';
+import { Resolver, Query, Args, Int } from '@nestjs/graphql';
+
 import { User } from './entities/user.entity';
-import { CreateUserInput } from './dto/create-user.input';
-import { UpdateUserInput } from './dto/update-user.input';
+
+import { UsersService } from './users.service';
 
 @Resolver(() => User)
 export class UsersResolver {
   constructor(private readonly usersService: UsersService) {}
 
-  @Mutation(() => User)
-  createUser(@Args('createUserInput') createUserInput: CreateUserInput) {
-    return this.usersService.create(createUserInput);
-  }
-
   @Query(() => [User], { name: 'users' })
   findAll() {
     return this.usersService.findAll();
@@ -22,14 +17,4 @@ export class UsersResolver {
   findOne(@Args('id', { type: () => Int }) id: number) {
     return this.usersService.findOne(id);
   }
-
-  @Mutation(() => User)
-  updateUser(@Args('updateUserInput') updateUserInput: UpdateUserInput) {
-    return this.usersService.update(updateUserInput.id, updateUserInput);
-  }
-
-  @Mutation(() => User)
-  removeUser(@Args('id', { type: () => Int }) id: number) {
-    return this.usersService.remove(id);
-  }
 }

apps/main-service/src/app/users/dto/update-user.input.ts

@@ -5,9 +5,6 @@ import { Repository } from 'typeorm';
 
 import { User } from './entities/user.entity';
 
-import { UpdateUserInput } from './dto/update-user.input';
-import { CreateUserInput } from './dto/create-user.input';
-
 @Injectable()
 export class UsersService {
   private readonly logger: Logger;
@@ -18,10 +15,6 @@ export class UsersService {
     this.logger = new Logger(UsersService.name);
   }
 
-  create(createUserInput: CreateUserInput) {
-    return 'This action adds a new user';
-  }
-
   findAll() {
     return `This action returns all users`;
   }
@@ -30,14 +23,6 @@ export class UsersService {
     return `This action returns a #${id} user`;
   }
 
-  update(id: number, updateUserInput: UpdateUserInput) {
-    return `This action updates a #${id} user`;
-  }
-
-  remove(id: number) {
-    return `This action removes a #${id} user`;
-  }
-
   async findUserByEmail(email: string) {
     try {
       return await this.userRepository.findOne({