jacintoarias/ng-boilerplate

My custom personal angular boilerplate: angular-cli, bootstrap4, material, ngrx and auth0

jarias's NgBoilerplate

WIP! I'm actively adding lots of contents without apparent order from all my project in order to create a resusable codebase, expect changes!

This is intented to be a very opinionated Angular app boilerplate from which I quickstart most of my project. It is biased towards my own personal preference and opinions which are in fact stolen inspired by many other experienced and awesome developers.

This is still an ongoing work, I will update this readme with further information once I feel it is stable enough!

Feel free to criticise and give advice!

• angular5
• ngrx
• material
• flex-layout
• auth0

ng-boilerplate's Issues

Add state parameter to web autorizer

https://auth0.com/docs/protocols/oauth2/oauth-state

Add example of POST request

Could use the auth0 management API to modify user metadata

Allow editing of Auth0 user metadata

We used to edit metadata by calling the management API with the received IDtoken after authentication.

This seems no longer be a recommended option. We must explore other paths to do this or relegate this to an external API and thus outside the scope of this project.

Reference:

https://community.auth0.com/questions/13795/calling-management-api-with-idtoken-1?childToView=13848#answer-13848

Update to ngrx 5

Get rid of TokenService by injecting Store into JwtService factory

TokenService only exists to bypass store and get the token inside the JwtOptionsFactory. There must be a way to inject the store and select it directly.

export function jwtOptionsFactory(tokenService) {
  return {
    tokenGetter: () => {
      return tokenService.getAccessToken().toPromise();
    },
    whitelistedDomains: environment.jwtOptions.whitelistedDomains,
  };
}

    JwtModule.forRoot({
      jwtOptionsProvider: {
        provide: JWT_OPTIONS,
        useFactory: jwtOptionsFactory,
        deps: [TokenService]
      }
    }),

Put Containers and Components inside index barrels for consistency

Pros:

• Consistency with services, guards and store

Cons

• Totally bypass ng-cli
• It is likely to increase a lot in size, not like guards and services

Set up live app on ghpages

It might need a stub for auth0 or a public testing tenant.

Upgrade to @angular/router > 5.2.8

There is a blocking error with the hash fragment serialization of this version to be fixed in 5.2.9.

Manage code style with prettier

Check nonce to mitigate replay attacks

As recommended by Auth0

https://auth0.com/docs/api-auth/tutorials/nonce

Improve material layout

Add visibility as input to loading-overlay