Merge pull request #1778 from timdeschryver/docs/standalone

docs: adds docs for standalone methods

Author: FabianGosebrink

docs/site/angular-auth-oidc-client/docs/documentation/configuration.md

@@ -196,6 +196,29 @@ import { AuthModule, DefaultLocalStorageService, AbstractSecurityStorage } from
 export class AuthConfigModule {}
 ```
 
+## Configure with standalone config
+
+To configure the auth module by using the standalone API, you can use the `provideAuth` method
+
+```ts
+import { ApplicationConfig } from '@angular/core';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { provideAuth } from 'angular-auth-oidc-client';
+import { AppComponent } from './app/app.component';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideAuth({
+      config: {
+        /* Your config here */
+      },
+    }),
+  ],
+};
+
+bootstrapApplication(AppComponent, appConfig);
+```
+
 ## Config Values
 
 ### `configId`

docs/site/angular-auth-oidc-client/docs/documentation/interceptors.md

@@ -46,3 +46,28 @@ If you configured a route to be protected, every child route underneath is prote
 In case you are running multiple configurations all the configured routes over all configurations are collected and compared against the currently requested route. If a match is made, the token for the configuration you added the secure route to is being taken and applied in the Authorization header.
 
 Keep in mind that you always can implement your own interceptor as [described in the Angular documentation](https://angular.io/guide/http#intercepting-requests-and-responses).
+
+## Standalone API
+
+To use the standalone API use the `authInterceptor` method
+
+```ts
+import { ApplicationConfig } from '@angular/core';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { provideHttpClient, withInterceptors } from '@angular/common/http';
+import { provideAuth, authInterceptor } from 'angular-auth-oidc-client';
+import { AppComponent } from './app/app.component';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideHttpClient(withInterceptors([authInterceptor()])),
+    provideAuth({
+      config: {
+        /* Your config here */
+      },
+    }),
+  ],
+};
+
+bootstrapApplication(AppComponent, appConfig);
+```

projects/sample-code-flow-standalone/src/app/app.config.ts

@@ -1,11 +1,12 @@
-import { provideHttpClient } from '@angular/common/http';
+import { provideHttpClient, withInterceptors } from '@angular/common/http';
 import { ApplicationConfig } from '@angular/core';
 import {
   provideRouter,
   withEnabledBlockingInitialNavigation,
 } from '@angular/router';
 import {
   LogLevel,
+  authInterceptor,
   autoLoginPartialRoutesGuard,
   provideAuth,
 } from 'angular-auth-oidc-client';
@@ -16,7 +17,7 @@ import { UnauthorizedComponent } from './unauthorized/unauthorized.component';
 
 export const appConfig: ApplicationConfig = {
   providers: [
-    provideHttpClient(),
+    provideHttpClient(withInterceptors([authInterceptor()])),
     provideAuth({
       config: {
         triggerAuthorizationResultEvent: true,