Support org login/register, add script build when running the test script, update the README and .env_example file

Author: trunges21

.env_example

@@ -7,4 +7,5 @@ KINDE_POST_LOGOUT_REDIRECT_URL=http://localhost:4173
 KINDE_REDIRECT_URL=http://localhost:4173/api/auth/kinde_callback
 KINDE_SCOPE=profile email offline openid
 KINDE_USER_EMAIL_TEST= // An user has existed in your organization
-KINDE_USER_PASSWORD_TEST=
+KINDE_USER_PASSWORD_TEST=
+KINDE_AUTH_WITH_PKCE=

README.md

@@ -82,6 +82,7 @@ KINDE_REDIRECT_URL=http://localhost:4173/api/auth/kinde_callback
 KINDE_SCOPE=profile email offline openid
 KINDE_USER_EMAIL_TEST= // An user has existed in your organization
 KINDE_USER_PASSWORD_TEST=
+KINDE_AUTH_WITH_PKCE= // Set `true` if you want to use Authentication Code Flow with PKCE
 ```
 
 Finally, you can simply run the command

package.json

@@ -8,7 +8,7 @@
 		"preview": "vite preview",
 		"package": "svelte-kit sync && svelte-package && publint",
 		"prepublishOnly": "npm run package",
-		"test": "npm run test:integration",
+		"test": "vite build && npm run test:integration",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "prettier --plugin-search-dir . --check . && eslint .",

src/lib/handleAuth/handleAuth.ts

@@ -1,19 +1,25 @@
 import {kindeAuthClient} from '$lib/KindeSDK.js';
 import {kindeConfiguration} from '$lib/index.js';
+import {parseSearchParamsToObject} from '$lib/utils/index.js';
 import type {SessionManager} from '@kinde-oss/kinde-typescript-sdk';
 import {error, redirect, type RequestEvent} from '@sveltejs/kit';
 
-export async function handleAuth({request, params}: RequestEvent): Promise<Response> {
+export async function handleAuth({
+	request,
+	params,
+	url: originURL
+}: RequestEvent): Promise<Response> {
+	const options = parseSearchParamsToObject(originURL.search);
 	let url: URL | null = null;
 	switch (params.kindeAuth) {
 		case 'login':
-			url = await kindeAuthClient.login(request as unknown as SessionManager);
+			url = await kindeAuthClient.login(request as unknown as SessionManager, options);
 			break;
 		case 'register':
-			url = await kindeAuthClient.register(request as unknown as SessionManager);
+			url = await kindeAuthClient.register(request as unknown as SessionManager, options);
 			break;
 		case 'create_org':
-			url = await kindeAuthClient.createOrg(request as unknown as SessionManager);
+			url = await kindeAuthClient.createOrg(request as unknown as SessionManager, options);
 			break;
 		case 'kinde_callback':
 			await kindeAuthClient.handleRedirectToApp(

src/lib/utils/index.ts

@@ -8,10 +8,24 @@ export const pick = (target: Record<string, unknown>, path: string[]) => {
 };
 
 export const omit = (target: Record<string, unknown>, path: string[]) => {
-	return Object.keys(target).reduce((prev, curr) => {
-		if (path.includes(curr)) {
-			delete prev[curr];
-		}
-		return prev;
-	}, {...target});
+	return Object.keys(target).reduce(
+		(prev, curr) => {
+			if (path.includes(curr)) {
+				delete prev[curr];
+			}
+			return prev;
+		},
+		{...target}
+	);
+};
+
+export const parseSearchParamsToObject = (search: string) => {
+	const searchParams = new URLSearchParams(search);
+	const paramsObject: Record<string, string | number> = {};
+
+	for (const param of searchParams.entries()) {
+		paramsObject[param[0]] = param[1];
+	}
+
+	return paramsObject;
 };

tests/test.ts

@@ -1,58 +1,60 @@
-import { expect, test } from '@playwright/test';
+import {expect, test} from '@playwright/test';
 import dotenv from 'dotenv';
 
 dotenv.config();
 
-const HOST = process.env.KINDE_ISSUER_URL || ""
-const LOGIN_REDIRECT_URL = process.env.KINDE_POST_LOGIN_REDIRECT_URL || ""
-const LOGOUT_REDIRECT_URL = process.env.KINDE_POST_LOGOUT_REDIRECT_URL || ""
-const USER_EMAIL = process.env.KINDE_USER_EMAIL_TEST || ""
-const USER_PASSWORD = process.env.KINDE_USER_PASSWORD_TEST || ""
+const HOST = process.env.KINDE_ISSUER_URL || '';
+const LOGIN_REDIRECT_URL = process.env.KINDE_POST_LOGIN_REDIRECT_URL || '';
+const LOGOUT_REDIRECT_URL = process.env.KINDE_POST_LOGOUT_REDIRECT_URL || '';
+const USER_EMAIL = process.env.KINDE_USER_EMAIL_TEST || '';
+const USER_PASSWORD = process.env.KINDE_USER_PASSWORD_TEST || '';
 
-test('Authentication Login', async ({ page }) => {
+test('Authentication Login', async ({page}) => {
 	await page.goto('api/auth/login');
 
-	await page.waitForURL(new RegExp(`${HOST}/auth/cx/_:nav&m:login`))
+	await page.waitForURL(new RegExp(`${HOST}/auth/cx/_:nav&m:login`));
 
 	await page.getByLabel('Email').fill(USER_EMAIL);
 	await page.getByText('Log in').click();
 	await page.waitForTimeout(3000);
 	await page.locator('#input_field_p_password_password').fill(USER_PASSWORD);
-	await page.locator('[type="submit"]', {
-		hasText: 'Continue'
-	}).click();
-	
+	await page
+		.locator('[type="submit"]', {
+			hasText: 'Continue'
+		})
+		.click();
+
 	await expect(async () => {
 		expect(page.url()).toContain(LOGIN_REDIRECT_URL);
 	}).toPass();
 });
 
-test('Should redirect to registration page', async ({ page }) => {
+test('Should redirect to registration page', async ({page}) => {
 	await page.goto('api/auth/register');
 
-	await page.waitForURL(new RegExp(`${HOST}/auth/cx/_:nav&m:register`))
+	await page.waitForURL(new RegExp(`${HOST}/auth/cx/_:nav&m:register`));
 
-	await expect(page.locator('[name=p_first_name]')).toBeVisible()
+	await expect(page.locator('[name=p_first_name]')).toBeVisible();
 
-	await expect(page.locator('[name=p_last_name]')).toBeVisible()
+	await expect(page.locator('[name=p_last_name]')).toBeVisible();
 
-	await expect(page.locator('[name=p_email]')).toBeVisible()
+	await expect(page.locator('[name=p_email]')).toBeVisible();
 });
 
-test('Should redirect to create org page', async ({ page }) => {
+test('Should redirect to create org page', async ({page}) => {
 	await page.goto('api/auth/create_org');
 
-	await expect(page.locator('[name=p_first_name]')).toBeVisible()
+	await expect(page.locator('[name=p_first_name]')).toBeVisible();
 
-	await expect(page.locator('[name=p_last_name]')).toBeVisible()
+	await expect(page.locator('[name=p_last_name]')).toBeVisible();
 
-	await expect(page.locator('[name=p_email]')).toBeVisible()
+	await expect(page.locator('[name=p_email]')).toBeVisible();
 });
 
-test('Should redirect to logout page', async ({ page }) => {
+test('Should redirect to logout page', async ({page}) => {
 	await page.goto('api/auth/logout');
 
 	await expect(async () => {
 		expect(page.url()).toContain(LOGOUT_REDIRECT_URL);
 	}).toPass();
-});
+});