nest-angular-starter

Installation

git clone https://github.com/yantrab/nest-angular.gitcd .\nest-angularnpm i

choco install mkcertmkcert localhostmkcert -install

debug server

npm run debug-server

build client

npm run build-client

Run both server&client

npm run dev

client api generator

server controller:

@Controller('rest/auth')exportclassAuthController{    @Post('login')asynclogin(@Body()user:LoginRequest, @Req()req):Promise<User>{returnreq.user;}    @Get('getUserAuthenticated')asyncgetUserAuthenticated(@Req()req):Promise<{user:User}>{return{user:req.user};}}

run

npm run gen-client

result:

@Injectable()exportclassAuthController{asynclogin(user:LoginRequest):Promise<User>{returnnewPromise(resolve=>this.api.post('rest/auth/login',user).subscribe((data:any)=>resolve(plainToClass(User,<User>data))),);}asyncgetUserAuthenticated():Promise<{user:User}>{returnnewPromise(resolve=>this.api.get('rest/auth/getUserAuthenticated').subscribe((data:any)=>resolve(data)));}constructor(privatereadonlyapi:APIService){}}

Cordova

cd clientnpm run cordova:initnpm run build:prod:cordovanpm run cordova:run:browser

class-transformer

User class

exportclassUserextendsEntity{fName:string;lName:string;roles:Role[];getfullName(){returnthis.fName+' '+this.lName;}}

By usingclass-tranformer (auto generate), you can do:

this.authService.login(this.form.value).then(user=>{console.log(user.fullName);});

Shared validation usingclass-validator

decorate the class with validations:

exportclassLoginRequest{    @IsEmail()email:string    @Length(6,10)password:string}})

server validation

client validation

constructor(privatedynaFB:DynaFormBuilder){this.dynaFB.buildFormFromClass(LoginRequest).then(form=>this.form=form);}

polymorphism

// Class declerationexportabstractclassFilterextendsPoly{}exportclassCheckboxFilterextendsFilter{}exportclassDropdownFilterextendsFilter{} @Component({selector:'mf-root',template:`  <div fxLayout='column' fxFlex='200px'>    <p-filter [filter]="filter1"></p-filter>    <p-filter [filter]="filter2"></p-filter>  <div>  `,styles:[]})exportclassMFComponent{  filter1:Filter;  filter2:Filter;constructor(){this.filter1=newCheckboxFilter({options:[{_id:'1',name:'name1'},{_id:'2',name:'name2'}],selected:{_id:'2',name:'name2'}});this.filter2=newDropdownFilter({options:[{_id:'1',name:'name1'},{_id:'2',name:'name2'}],selected:{_id:'2',name:'name2'}});}}

Future

First deploy