NgxAllauth

The project aims at adding authentication to angular application.

Installation

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

ng generate component component-name

For a complete list of available schematics (such as components, directives, or pipes), run:

ng generate --help

Building

To build the library, run:

ng build ngx-allauth

This command will compile your project, and the build artifacts will be placed in the dist/ directory.

Publishing the Library

Once the project is built, you can publish your library by following these steps:

1. Navigate to the dist directory:

   cd dist/ngx-allauth

2. Run the npm publish command to publish your library to the npm registry:

   npm publish

Configuration

To fetch config when the application is bootstraped add the following in the providers array.

provideAppInitializer(() => {
   const configService = inject(ConfigService);
   return initializeApp(configService);
}),

Provide responseHandlerInterceptor to the httpClient

withInterceptors([yourInterceptor, responseHandlerInterceptor])

If CSRF Token is be sent in a header provide the following to the httpClient:

withXsrfConfiguration({
   cookieName: 'csrftoken',
   headerName: 'X-CSRFToken',
})

Add Routes:

const routes: Routes = [
  // App routes
  { path: '', component: HomeComponent },

  // Include auth routes
  ...withBaseUrl(
    getAuthRoutes([
      // Override only the routes you want to customize
      { path: 'login', component: CustomLoginComponent, data: { redirectTo: '/dashboard' } }
    ]),
    'auth'
  )
];

Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the Angular CLI Overview and Command Reference page.