@descope/angular-sdk 0.0.0-next-cc7eda17-20231228 → 0.0.0-next-8c050e76-20231228

package/projects/angular-sdk/src/lib/services/descope.interceptor.spec.ts

@@ -1,102 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import {
-	HttpTestingController,
-	provideHttpClientTesting
-} from '@angular/common/http/testing';
-import {
-	HttpClient,
-	provideHttpClient,
-	withInterceptors
-} from '@angular/common/http';
-import { of } from 'rxjs';
-import { DescopeAuthService } from './descope-auth.service';
-import { DescopeAuthConfig } from '../types/types';
-import createSdk from '@descope/web-js-sdk';
-import { descopeInterceptor } from './descope.interceptor';
-import mocked = jest.mocked;
-
-jest.mock('@descope/web-js-sdk');
-
-describe('DescopeInterceptor', () => {
-	let authService: DescopeAuthService;
-	let httpTestingController: HttpTestingController;
-	let httpClient: HttpClient;
-	let mockedCreateSdk: jest.Mock;
-
-	beforeEach(() => {
-		mockedCreateSdk = mocked(createSdk);
-		mockedCreateSdk.mockReturnValue({
-			onSessionTokenChange: jest.fn(),
-			onUserChange: jest.fn()
-		});
-
-		TestBed.configureTestingModule({
-			providers: [
-				DescopeAuthService,
-				{
-					provide: DescopeAuthConfig,
-					useValue: { pathsToIntercept: ['/api'], projectId: 'test' }
-				},
-				provideHttpClient(withInterceptors([descopeInterceptor])),
-				provideHttpClientTesting()
-			]
-		});
-
-		authService = TestBed.inject(DescopeAuthService);
-		httpTestingController = TestBed.inject(HttpTestingController);
-		httpClient = TestBed.inject(HttpClient);
-	});
-
-	afterEach(() => {
-		httpTestingController.verify();
-	});
-
-	it('should intercept requests for specified paths', () => {
-		jest.spyOn(authService, 'getSessionToken').mockReturnValue('fakeToken');
-
-		httpClient.get('/api/data').subscribe();
-		httpClient.get('/other').subscribe();
-
-		const req1 = httpTestingController.expectOne('/api/data');
-		const req2 = httpTestingController.expectOne('/other');
-
-		expect(req1.request.headers.get('Authorization')).toEqual(
-			'Bearer fakeToken'
-		);
-		expect(req2.request.headers.get('Authorization')).toEqual(null);
-		req1.flush({});
-		req2.flush({});
-	});
-
-	it('should refresh token and retry request on 401 or 403 error', () => {
-		jest.spyOn(authService, 'getSessionToken').mockReturnValue(null);
-		const refreshSessionSpy = jest
-			.spyOn(authService, 'refreshSession')
-			.mockReturnValue(of({ ok: true, data: { sessionJwt: 'newToken' } }));
-
-		httpClient.get('/api/data').subscribe();
-
-		const req = httpTestingController.expectOne('/api/data');
-
-		expect(req.request.headers.get('Authorization')).toEqual('Bearer newToken');
-		expect(refreshSessionSpy).toHaveBeenCalled();
-		req.flush({}, { status: 401, statusText: 'Not authorized' });
-	});
-
-	it('should throw an error if refreshing the session fails', () => {
-		jest.spyOn(authService, 'getSessionToken').mockReturnValue(null);
-		jest
-			.spyOn(authService, 'refreshSession')
-			.mockReturnValue(of({ ok: false, data: undefined }));
-
-		httpClient.get('/api/data').subscribe({
-			next: () => {},
-			error: (error) => {
-				expect(error.message).toEqual('Could not refresh session!');
-			},
-			complete: () => {}
-		});
-
-		httpTestingController.expectNone('/api/data');
-	});
-});

package/projects/angular-sdk/src/lib/services/descope.interceptor.ts

@@ -1,76 +0,0 @@
-import { inject } from '@angular/core';
-import {
-	HttpErrorResponse,
-	HttpHandlerFn,
-	HttpInterceptorFn,
-	HttpRequest
-} from '@angular/common/http';
-import { throwError } from 'rxjs';
-import { catchError, switchMap } from 'rxjs/operators';
-import { DescopeAuthService } from './descope-auth.service';
-import { DescopeAuthConfig } from '../types/types';
-
-export const descopeInterceptor: HttpInterceptorFn = (request, next) => {
-	const config = inject(DescopeAuthConfig);
-	const authService = inject(DescopeAuthService);
-
-	function refreshAndRetry(
-		request: HttpRequest<unknown>,
-		next: HttpHandlerFn,
-		error?: HttpErrorResponse
-	) {
-		return authService.refreshSession().pipe(
-			switchMap((refreshed) => {
-				if (refreshed.ok && refreshed.data) {
-					const requestWithRefreshedToken = addTokenToRequest(
-						request,
-						refreshed.data?.sessionJwt
-					);
-					return next(requestWithRefreshedToken);
-				} else {
-					return throwError(
-						() => error ?? new Error('Could not refresh session!')
-					);
-				}
-			})
-		);
-	}
-
-	function shouldIntercept(request: HttpRequest<unknown>): boolean {
-		return (
-			(config.pathsToIntercept?.length === 0 ||
-				config.pathsToIntercept?.some((path) => request.url.includes(path))) ??
-			true
-		);
-	}
-
-	function addTokenToRequest(
-		request: HttpRequest<unknown>,
-		token: string
-	): HttpRequest<unknown> {
-		return request.clone({
-			setHeaders: {
-				Authorization: `Bearer ${token}`
-			}
-		});
-	}
-
-	if (shouldIntercept(request)) {
-		const token = authService.getSessionToken();
-		if (!token) {
-			return refreshAndRetry(request, next);
-		}
-		const requestWithToken = addTokenToRequest(request, token);
-		return next(requestWithToken).pipe(
-			catchError((error: HttpErrorResponse) => {
-				if (error.status === 401 || error.status === 403) {
-					return refreshAndRetry(request, next, error);
-				} else {
-					return throwError(() => error);
-				}
-			})
-		);
-	} else {
-		return next(request);
-	}
-};

package/projects/angular-sdk/src/lib/types/types.ts

@@ -1,10 +0,0 @@
-import { ILogger } from '@descope/web-component';
-
-export class DescopeAuthConfig {
-	projectId = '';
-	baseUrl?: string;
-	sessionTokenViaCookie?: boolean;
-	pathsToIntercept?: string[];
-}
-
-export type { ILogger };

package/projects/angular-sdk/src/lib/utils/constants.ts

@@ -1,8 +0,0 @@
-import { environment } from '../../environment';
-
-export const baseHeaders = {
-	'x-descope-sdk-name': 'angular',
-	'x-descope-sdk-version': environment.buildVersion
-};
-
-export const isBrowser = () => typeof window !== 'undefined';

package/projects/angular-sdk/src/lib/utils/helpers.spec.ts

@@ -1,103 +0,0 @@
-import { observabilify, Observablefied } from './helpers';
-import { lastValueFrom, Observable } from 'rxjs';
-
-describe('Helpers', () => {
-	describe('Observabilify', () => {
-		it('should not affect simple object', () => {
-			//GIVEN
-			const obj = {
-				field1: 'string',
-				field2: 123,
-				nested: {
-					field1: 'string',
-					field2: 123
-				}
-			};
-			type TestType = typeof obj;
-
-			//WHEN
-			const result: Observablefied<TestType> = observabilify<TestType>(obj);
-
-			//THEN
-			expect(result).toStrictEqual(obj);
-		});
-
-		it('should not affect simple object with non async functions', () => {
-			//GIVEN
-			const obj = {
-				field1: 'string',
-				field2: 123,
-				fn: (arg1: string, arg2: number): string => {
-					return arg1 + arg2.toString();
-				},
-				nested: {
-					fn2: (arg: string): string => {
-						return arg;
-					},
-					field1: 'string',
-					field2: 123
-				}
-			};
-			type TestType = typeof obj;
-			const expected1 = obj.fn('Test', 1);
-			const expected2 = obj.nested.fn2('Test');
-
-			//WHEN
-			const transformed: Observablefied<TestType> =
-				observabilify<TestType>(obj);
-			const actual1 = transformed.fn('Test', 1);
-			const actual2 = transformed.nested.fn2('Test');
-
-			//THEN
-			expect(expected1).toStrictEqual(actual1);
-			expect(expected2).toStrictEqual(actual2);
-		});
-
-		it('should transform async functions', async () => {
-			//GIVEN
-			const obj = {
-				field1: 'string',
-				field2: 123,
-				fn: (arg1: string, arg2: number): string => {
-					return arg1 + arg2.toString();
-				},
-				asyncFn: (arg1: string, arg2: number): Promise<string> => {
-					return Promise.resolve(arg1 + arg2.toString());
-				},
-				nested: {
-					fn2: (arg: string) => {
-						return arg;
-					},
-					asyncFn: (arg: string): Promise<string> => {
-						return Promise.resolve(arg);
-					},
-					field1: 'string',
-					field2: 123
-				}
-			};
-			type TestType = typeof obj;
-			const expected1 = obj.fn('Test', 1);
-			const expected2 = obj.nested.fn2('Test');
-			const expected3 = await obj.asyncFn('Test', 1);
-			const expected4 = await obj.nested.asyncFn('Test');
-
-			//WHEN
-			const transformed: Observablefied<TestType> =
-				observabilify<TestType>(obj);
-			const actual1 = transformed.fn('Test', 1);
-			const actual2 = transformed.nested.fn2('Test');
-			const actual3Async = transformed.asyncFn('Test', 1);
-			const actual3 = await lastValueFrom(actual3Async);
-			const actual4Async = transformed.nested.asyncFn('Test');
-			const actual4 = await lastValueFrom(actual4Async);
-
-			//THEN
-			expect(expected1).toStrictEqual(actual1);
-			expect(expected2).toStrictEqual(actual2);
-			expect(actual3Async).toBeInstanceOf(Observable);
-			expect(actual4Async).toBeInstanceOf(Observable);
-			expect(expected3).toStrictEqual(actual3);
-			expect(expected4).toStrictEqual(actual4);
-		});
-	});
-});

package/projects/angular-sdk/src/lib/utils/helpers.ts

@@ -1,36 +0,0 @@
-import { from, Observable } from 'rxjs';
-
-export type Observablefied<T> = {
-	[K in keyof T]: T[K] extends (...args: infer Args) => Promise<infer R>
-		? (...args: Args) => Observable<R>
-		: T[K] extends (...args: infer Args) => infer R
-		? (...args: Args) => R
-		: T[K] extends object
-		? Observablefied<T[K]>
-		: T[K];
-};
-
-export function observabilify<T>(value: T): Observablefied<T> {
-	/* eslint-disable @typescript-eslint/no-explicit-any */
-	const observableValue: any = {};
-
-	for (const key in value) {
-		if (typeof value[key] === 'function') {
-			const fn = value[key] as (...args: unknown[]) => unknown;
-			observableValue[key] = (...args: unknown[]) => {
-				const fnResult = fn(...args);
-				if (fnResult instanceof Promise) {
-					return from(fnResult);
-				} else {
-					return fnResult;
-				}
-			};
-		} else if (typeof value[key] === 'object' && value[key] !== null) {
-			observableValue[key] = observabilify(value[key]);
-		} else {
-			observableValue[key] = value[key];
-		}
-	}
-
-	return observableValue as Observablefied<T>;
-}

package/projects/angular-sdk/tsconfig.lib.json

@@ -1,12 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-	"extends": "../../tsconfig.json",
-	"compilerOptions": {
-		"outDir": "../../out-tsc/lib",
-		"declaration": true,
-		"declarationMap": true,
-		"inlineSources": true,
-		"types": []
-	},
-	"exclude": ["**/*.spec.ts"]
-}

package/projects/angular-sdk/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-	"extends": "./tsconfig.lib.json",
-	"compilerOptions": {
-		"declarationMap": false
-	},
-	"angularCompilerOptions": {
-		"compilationMode": "partial"
-	}
-}

package/projects/angular-sdk/tsconfig.spec.json

@@ -1,11 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-	"extends": "../../tsconfig.json",
-	"compilerOptions": {
-		"outDir": "../../out-tsc/spec",
-		"types": ["jest"],
-		"esModuleInterop": true,
-		"emitDecoratorMetadata": true
-	},
-	"include": ["**/*.spec.ts", "**/*.d.ts"]
-}

package/projects/demo-app/.eslintrc.json

@@ -1,31 +0,0 @@
-{
-	"extends": "../../.eslintrc.json",
-	"ignorePatterns": ["!**/*"],
-	"overrides": [
-		{
-			"files": ["*.ts"],
-			"rules": {
-				"@angular-eslint/directive-selector": [
-					"error",
-					{
-						"type": "attribute",
-						"prefix": "app",
-						"style": "camelCase"
-					}
-				],
-				"@angular-eslint/component-selector": [
-					"error",
-					{
-						"type": "element",
-						"prefix": "app",
-						"style": "kebab-case"
-					}
-				]
-			}
-		},
-		{
-			"files": ["*.html"],
-			"rules": {}
-		}
-	]
-}

package/projects/demo-app/src/app/app-routing.module.ts

@@ -1,23 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { HomeComponent } from './home/home.component';
-import { ProtectedComponent } from './protected/protected.component';
-import { descopeAuthGuard } from '../../../angular-sdk/src/lib/services/descope-auth.guard';
-import { LoginComponent } from './login/login.component';
-
-const routes: Routes = [
-	{
-		path: 'step-up',
-		component: ProtectedComponent,
-		canActivate: [descopeAuthGuard],
-		data: { descopeFallbackUrl: '/' }
-	},
-	{ path: 'login', component: LoginComponent },
-	{ path: '**', component: HomeComponent }
-];
-
-@NgModule({
-	imports: [RouterModule.forRoot(routes, { enableTracing: false })],
-	exports: [RouterModule]
-})
-export class AppRoutingModule {}

package/projects/demo-app/src/app/app.component.html

@@ -1,3 +0,0 @@
-<main>
-	<router-outlet></router-outlet>
-</main>

package/projects/demo-app/src/app/app.component.scss

@@ -1,16 +0,0 @@
-:host {
-	height: 100vh;
-	position: relative;
-}
-main {
-	border-radius: 10px;
-	margin: auto;
-	border: 1px solid lightgray;
-	padding: 20px;
-	max-width: 400px;
-	box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
-	background: #ecf0f3;
-	position: relative;
-	top: 50%;
-	transform: translateY(-50%);
-}

package/projects/demo-app/src/app/app.component.spec.ts

@@ -1,37 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-import { AppComponent } from './app.component';
-import createSdk from '@descope/web-js-sdk';
-import mocked = jest.mocked;
-import { DescopeAuthConfig } from '../../../angular-sdk/src/lib/types/types';
-
-jest.mock('@descope/web-js-sdk');
-
-describe('AppComponent', () => {
-	let mockedCreateSdk: jest.Mock;
-	const onSessionTokenChangeSpy = jest.fn();
-	const onUserChangeSpy = jest.fn();
-
-	beforeEach(() => {
-		mockedCreateSdk = mocked(createSdk);
-		mockedCreateSdk.mockReturnValue({
-			onSessionTokenChange: onSessionTokenChangeSpy,
-			onUserChange: onUserChangeSpy
-		});
-
-		TestBed.configureTestingModule({
-			imports: [RouterTestingModule],
-			providers: [
-				DescopeAuthConfig,
-				{ provide: DescopeAuthConfig, useValue: { projectId: 'test' } }
-			],
-			declarations: [AppComponent]
-		});
-	});
-
-	it('should create the app', () => {
-		const fixture = TestBed.createComponent(AppComponent);
-		const app = fixture.componentInstance;
-		expect(app).toBeTruthy();
-	});
-});

package/projects/demo-app/src/app/app.component.ts

@@ -1,8 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-	selector: 'app-root',
-	templateUrl: './app.component.html',
-	styleUrls: ['./app.component.scss']
-})
-export class AppComponent {}

package/projects/demo-app/src/app/app.module.ts

@@ -1,52 +0,0 @@
-import { APP_INITIALIZER, NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-
-import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
-import { DescopeAuthModule } from '../../../angular-sdk/src/lib/descope-auth.module';
-import { HomeComponent } from './home/home.component';
-import { ProtectedComponent } from './protected/protected.component';
-import { environment } from '../environments/environment';
-import { DescopeAuthService } from 'projects/angular-sdk/src/public-api';
-import { zip } from 'rxjs';
-import { LoginComponent } from './login/login.component';
-import {
-	HttpClientModule,
-	provideHttpClient,
-	withInterceptors
-} from '@angular/common/http';
-import { descopeInterceptor } from '../../../angular-sdk/src/lib/services/descope.interceptor';
-
-export function initializeApp(authService: DescopeAuthService) {
-	return () => zip([authService.refreshSession(), authService.refreshUser()]);
-}
-
-@NgModule({
-	declarations: [
-		AppComponent,
-		HomeComponent,
-		ProtectedComponent,
-		LoginComponent
-	],
-	imports: [
-		BrowserModule,
-		AppRoutingModule,
-		HttpClientModule,
-		DescopeAuthModule.forRoot({
-			projectId: environment.descopeProjectId,
-			baseUrl: environment.descopeBaseUrl || '',
-			sessionTokenViaCookie: false
-		})
-	],
-	providers: [
-		{
-			provide: APP_INITIALIZER,
-			useFactory: initializeApp,
-			deps: [DescopeAuthService],
-			multi: true
-		},
-		provideHttpClient(withInterceptors([descopeInterceptor]))
-	],
-	bootstrap: [AppComponent]
-})
-export class AppModule {}

package/projects/demo-app/src/app/home/home.component.html

@@ -1,23 +0,0 @@
-<h2>ANGULAR SDK DEMO APP</h2>
-<button *ngIf="!isAuthenticated" (click)="login()">LOGIN</button>
-<ng-container *ngIf="isAuthenticated">
-	<h3>Hello {{ userName }}</h3>
-	<div>
-		Roles:
-		<ng-container *ngIf="roles && roles.length; else noRoles">
-			{{ roles }}
-		</ng-container>
-		<ng-template #noRoles>N/A</ng-template>
-	</div>
-	<button
-		*ngIf="backendUrl.length > 0"
-		class="action-button"
-		(click)="fetchData()"
-	>
-		FETCH DATA
-	</button>
-	<button *ngIf="stepUpConfigured" class="action-button" (click)="stepUp()">
-		STEP UP
-	</button>
-	<button class="logout-button" (click)="logout()">LOGOUT</button>
-</ng-container>

package/projects/demo-app/src/app/home/home.component.scss

@@ -1,15 +0,0 @@
-:host {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	flex-direction: column;
-}
-.action-button {
-	border: 1px solid #00ace1;
-	background-color: white;
-	color: #00ace1;
-	margin-bottom: 1rem;
-	&:first-of-type {
-		margin-top: 1rem;
-	}
-}

package/projects/demo-app/src/app/home/home.component.spec.ts

@@ -1,44 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { HomeComponent } from './home.component';
-import createSdk from '@descope/web-js-sdk';
-import mocked = jest.mocked;
-import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { DescopeAuthConfig } from '../../../../angular-sdk/src/lib/types/types';
-import { HttpClientTestingModule } from '@angular/common/http/testing';
-
-jest.mock('@descope/web-js-sdk');
-
-describe('HomeComponent', () => {
-	let component: HomeComponent;
-	let fixture: ComponentFixture<HomeComponent>;
-
-	let mockedCreateSdk: jest.Mock;
-	const onSessionTokenChangeSpy = jest.fn();
-	const onUserChangeSpy = jest.fn();
-
-	beforeEach(() => {
-		mockedCreateSdk = mocked(createSdk);
-		mockedCreateSdk.mockReturnValue({
-			onSessionTokenChange: onSessionTokenChangeSpy,
-			onUserChange: onUserChangeSpy
-		});
-
-		TestBed.configureTestingModule({
-			imports: [HttpClientTestingModule],
-			schemas: [NO_ERRORS_SCHEMA],
-			declarations: [HomeComponent],
-			providers: [
-				DescopeAuthConfig,
-				{ provide: DescopeAuthConfig, useValue: { projectId: 'test' } }
-			]
-		});
-		fixture = TestBed.createComponent(HomeComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});