@multiplatform.one/keycloak 0.0.1 → 0.0.3

package/src/hooks/useKeycloak/useKeycloak.native.ts

@@ -4,7 +4,7 @@
  * File Created: 08-11-2022 14:10:25
  * Author: Clay Risser
  * -----
- * Last Modified: 25-11-2022 10:21:56
+ * Last Modified: 26-11-2022 09:05:23
  * Modified By: Clay Risser
  * -----
  * Risser Labs LLC (c) Copyright 2021 - 2022
@@ -22,27 +22,91 @@
  * limitations under the License.
  */
 
-import { useKeycloak as useKeycloakExpo } from "expo-keycloak-auth";
-import { MultiPlatform } from "multiplatform.one";
+import "core-js/actual/atob";
+import "core-js/actual/escape";
+import { AuthRequestPromptOptions, AuthSessionResult } from "expo-auth-session";
 import { IKeycloak } from "./index";
+import {
+  KeycloakResourceAccess,
+  KeycloakRoles,
+  KeycloakTokenParsed,
+} from "keycloak-js";
+import { MultiPlatform } from "multiplatform.one";
+import { useExpoKeycloak } from "../../expo";
 
 export function useKeycloak() {
   if (MultiPlatform.isStorybook()) return { authenticated: true } as IKeycloak;
-  const { ready, login, isLoggedIn, token, logout } = useKeycloakExpo();
-  const keycloak = new ExpoKeycloak(ready, isLoggedIn, login, logout, token);
+  const { ready, login, isLoggedIn, token, logout, refreshToken } =
+    useExpoKeycloak();
+  const keycloak = new ExpoKeycloak(
+    ready,
+    isLoggedIn,
+    login,
+    logout,
+    token || undefined,
+    refreshToken || undefined
+  );
   return keycloak as IKeycloak;
 }
 
 export class ExpoKeycloak implements IKeycloak {
   authenticated?: boolean;
 
+  tokenParsed?: KeycloakTokenParsed;
+
+  refreshTokenParsed?: KeycloakTokenParsed;
+
+  subject?: string;
+
+  realmAccess?: KeycloakRoles;
+
+  resourceAccess?: KeycloakResourceAccess;
+
+  login: () => Promise<unknown> | unknown;
+
   constructor(
     ready: boolean,
-    isLoggedIn: boolean,
-    public login: () => unknown,
+    isLoggedIn: boolean | undefined,
+    login: (
+      options?: AuthRequestPromptOptions
+    ) => Promise<AuthSessionResult | undefined>,
     public logout: () => unknown,
-    public token?: string
+    public token?: string,
+    public refreshToken?: string
   ) {
     if (ready) this.authenticated = isLoggedIn;
+    if (this.authenticated) {
+      if (this.token) this.tokenParsed = decodeToken(this.token);
+      if (this.refreshToken) {
+        this.refreshTokenParsed = decodeToken(this.refreshToken);
+      }
+      if (this.tokenParsed) {
+        this.subject = this.tokenParsed.sub;
+        this.realmAccess = this.tokenParsed.realm_access;
+        this.resourceAccess = this.tokenParsed.resource_access;
+      }
+    }
+    this.login = () => login();
+  }
+}
+
+function decodeToken(str: string) {
+  str = str.split(".")[1];
+  str = str.replace(/-/g, "+");
+  str = str.replace(/_/g, "/");
+  switch (str.length % 4) {
+    case 0:
+      break;
+    case 2:
+      str += "==";
+      break;
+    case 3:
+      str += "=";
+      break;
+    default:
+      throw "Invalid token";
   }
+  str = decodeURIComponent(escape(atob(str)));
+  str = JSON.parse(str);
+  return str as unknown as KeycloakTokenParsed;
 }

package/src/provider/keycloakProvider.native.tsx

@@ -22,20 +22,24 @@
  * limitations under the License.
  */
 
-import { KeycloakProvider as ExpoKeycloakProvider } from "expo-keycloak-auth";
 import React, { FC } from "react";
 import type { KeycloakProviderProps } from "./keycloakProvider";
 import { AfterAuth } from "./afterAuth";
+import { ExpoKeycloakProvider } from "../expo";
+import { KeycloakConfig } from "keycloak-js";
 
 export const KeycloakProvider: FC<KeycloakProviderProps> = ({
   children,
   keycloakConfig,
-}: KeycloakProviderProps & { keycloakConfig: { url?: string } }) => {
-  keycloakConfig.url = keycloakConfig.baseUrl;
+}: KeycloakProviderProps) => {
+  const clonedKeycloakConfig = {
+    ...(keycloakConfig as Omit<KeycloakConfig, "baseUrl">),
+    url: keycloakConfig.baseUrl,
+  };
   // @ts-ignore
   delete keycloakConfig.baseUrl;
   return (
-    <ExpoKeycloakProvider {...keycloakConfig}>
+    <ExpoKeycloakProvider {...clonedKeycloakConfig}>
       <AfterAuth>{children}</AfterAuth>
     </ExpoKeycloakProvider>
   );