feat: added framework settings config and expanded tests

Author: DanielRivers

lib/main.test.ts

@@ -63,6 +63,9 @@ describe("index exports", () => {
       "getUserOrganizations",
       "getUserProfile",
       "setActiveStorage",
+
+      // config
+      "frameworkSettings",
     ];
 
     expect(actualExports.sort()).toEqual(expectedExports.sort());

lib/utils/exchangeAuthCode.test.ts

@@ -3,6 +3,7 @@ import { exchangeAuthCode } from ".";
 import { MemoryStorage, StorageKeys } from "../sessionManager";
 import { setActiveStorage } from "./token";
 import createFetchMock from "vitest-fetch-mock";
+import { frameworkSettings } from "./exchangeAuthCode";
 
 const fetchMock = createFetchMock(vi);
 
@@ -89,7 +90,7 @@ describe("exhangeAuthCode", () => {
     });
   });
 
-  it("should encode a simple string", async () => {
+  it("should exchange tokens, set storage and clear temp values", async () => {
     const store = new MemoryStorage();
     setActiveStorage(store);
 
@@ -133,5 +134,62 @@ describe("exhangeAuthCode", () => {
       StorageKeys.codeVerifier,
     );
     expect(postCodeVerifier).toBeNull();
+    expect(fetchMock).toHaveBeenCalledTimes(1);  
+    const [url, options] = fetchMock.mock.calls[0];  
+    expect(url).toBe("http://test.kinde.com/oauth2/token");  
+    expect(options).toMatchObject({  
+      method: "POST",  
+      headers: {  
+        "Content-type": "application/x-www-form-urlencoded; charset=UTF-8",  
+      },  
+    });
+  });
+
+  it("set the framework and version on header", async () => {
+    const store = new MemoryStorage();
+    setActiveStorage(store);
+
+    const state = "state";
+
+    await store.setItems({
+      [StorageKeys.state]: state,
+    });
+
+    frameworkSettings.framework = "Framework";
+    frameworkSettings.frameworkVersion = "Version";
+
+    const input = "hello";
+
+    const urlParams = new URLSearchParams();
+    urlParams.append("code", input);
+    urlParams.append("state", state);
+    urlParams.append("client_id", "test");
+
+    fetchMock.mockResponseOnce(
+      JSON.stringify({
+        access_token: "access_token",
+        refresh_token: "refresh_token",
+        id_token: "id_token",
+      }),
+    );
+
+    await exchangeAuthCode({
+      urlParams,
+      domain: "http://test.kinde.com",
+      clientId: "test",
+      redirectURL: "http://test.kinde.com",
+    });
+
+    expect(fetchMock).toHaveBeenCalledTimes(1);  
+    const [url, options] = fetchMock.mock.calls[0];  
+    expect(url).toBe("http://test.kinde.com/oauth2/token");  
+    expect(options).toMatchObject({  
+      method: "POST",  
+      headers: {  
+        "Content-type": "application/x-www-form-urlencoded; charset=UTF-8",  
+        "Kinde-SDK": "Framework/Version",  
+      },  
+    });
   });
+
 });

lib/utils/exchangeAuthCode.ts

@@ -1,8 +1,9 @@
 import { getActiveStorage, StorageKeys } from "../main";
 
-// TODO: Set the framework and version
-const _framework = "";
-const _frameworkVersion = "";
+export const frameworkSettings: { framework: string; frameworkVersion: string } = {
+  framework: "",
+  frameworkVersion: "",
+};
 
 export const exchangeAuthCode = async ({
   urlParams,
@@ -33,7 +34,7 @@ export const exchangeAuthCode = async ({
   activeStorage.getSessionItem(StorageKeys.state);
 
   // warn if framework and version has not been set
-  if (!_framework || !_frameworkVersion) {
+  if (!frameworkSettings.framework || !frameworkSettings.frameworkVersion) {
     console.warn(
       "Framework and version not set. Please set the framework and version in the config object",
     );
@@ -52,14 +53,19 @@ export const exchangeAuthCode = async ({
     StorageKeys.codeVerifier,
   )) as string;
 
+  const headers: { 'Content-type': string, "Kinde-SDK"?: string } = {
+    "Content-type": "application/x-www-form-urlencoded; charset=UTF-8",
+  }
+
+  if (frameworkSettings.framework) {
+    headers["Kinde-SDK"] = `${frameworkSettings.framework}/${frameworkSettings.frameworkVersion}`
+  }
+
   const response = await fetch(`${domain}/oauth2/token`, {
     method: "POST",
     // ...(isUseCookie && {credentials: 'include'}),
     credentials: "include",
-    headers: new Headers({
-      "Content-type": "application/x-www-form-urlencoded; charset=UTF-8",
-      "Kinde-SDK": `${_framework}/${_frameworkVersion}`,
-    }),
+    headers,
     body: new URLSearchParams({
       client_id: clientId,
       code,

lib/utils/index.ts

@@ -5,9 +5,13 @@ import { extractAuthResults } from "./extractAuthResults";
 import { sanatizeURL } from "./sanatizeUrl";
 import { generateAuthUrl } from "./generateAuthUrl";
 import { mapLoginMethodParamsForUrl } from "./mapLoginMethodParamsForUrl";
-import { exchangeAuthCode } from "./exchangeAuthCode";
+import { exchangeAuthCode, frameworkSettings } from "./exchangeAuthCode";
 
 export {
+  // config 
+  frameworkSettings,
+
+  // utils
   base64UrlEncode,
   generateRandomString,
   extractAuthResults,