@multiplatform.one/keycloak 0.3.5 → 0.3.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/keycloak",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "keycloak client for multiplatform.one ecosystem",
   "main": "dist/lib",
   "module": "dist/esm",

package/src/hooks/useKeycloak/useKeycloak.ts

@@ -4,7 +4,7 @@
  * File Created: 08-11-2022 06:04:59
  * Author: Clay Risser
  * -----
- * Last Modified: 13-05-2023 08:16:27
+ * Last Modified: 15-05-2023 16:25:48
  * Modified By: Clay Risser
  * -----
  * Risser Labs LLC (c) Copyright 2021 - 2022
@@ -31,6 +31,7 @@ import { useKeycloak as useSsrKeycloak } from '@bitspur/react-keycloak-ssr';
 export function useKeycloak() {
   const authConfig = useAuthConfig();
   if (MultiPlatform.isStorybook) return { authenticated: true } as IKeycloak;
+  console.log('SSR', authConfig.ssr);
   if (MultiPlatform.isNext && authConfig.ssr) {
     const { keycloak, initialized } = useSsrKeycloak();
     return {
@@ -39,6 +40,8 @@ export function useKeycloak() {
     } as IKeycloak;
   }
   const { keycloak, initialized } = useReactKeycloak();
+  console.log('a1', keycloak.authenticated);
+  console.log('a2', initialized ? keycloak.authenticated : undefined);
   return {
     ...keycloak,
     authenticated: initialized ? keycloak.authenticated : undefined,

package/src/provider/keycloakProvider.tsx

@@ -85,7 +85,7 @@ export function KeycloakProvider({
 
   useEffect(() => {
     if (token !== true && refreshToken !== true && idToken !== true) return;
-    if (debug) logger.debug('post message', { type: 'LOADED' });
+    if (debug) logger.debug('post message', JSON.stringify({ type: 'LOADED' }));
     (messageHandlerKeys || []).forEach((key: string) => {
       window?.webkit?.messageHandlers?.[key]?.postMessage(JSON.stringify({ type: 'LOADED' }));
     });
@@ -109,12 +109,16 @@ export function KeycloakProvider({
         if (debug) logger.debug('setting refresh token', message.payload);
         setRefreshToken(validToken(message.payload));
       }
+      window.removeEventListener('message', messageCallback);
     };
     if (debug) {
-      logger.debug('listening for message', {
-        type: 'REFRESH_TOKEN',
-        payload: '<some_refresh_token>',
-      });
+      logger.debug(
+        'listening for message',
+        JSON.stringify({
+          type: 'REFRESH_TOKEN',
+          payload: '<some_refresh_token>',
+        }),
+      );
     }
     window.addEventListener('message', messageCallback);
     return () => {
@@ -138,12 +142,16 @@ export function KeycloakProvider({
         if (debug) logger.debug('setting token', message.payload);
         setToken(validToken(message.payload, refreshToken));
       }
+      window.removeEventListener('message', messageCallback);
     };
     if (debug) {
-      logger.debug('listening for message', {
-        type: 'TOKEN',
-        payload: '<some_token>',
-      });
+      logger.debug(
+        'listening for message',
+        JSON.stringify({
+          type: 'TOKEN',
+          payload: '<some_token>',
+        }),
+      );
     }
     window.addEventListener('message', messageCallback);
     return () => {
@@ -167,12 +175,16 @@ export function KeycloakProvider({
         if (debug) logger.debug('setting id token', message.payload);
         setIdToken(validToken(message.payload, refreshToken));
       }
+      window.removeEventListener('message', messageCallback);
     };
     if (debug) {
-      logger.debug('listening for message', {
-        type: 'ID_TOKEN',
-        payload: '<some_id_token>',
-      });
+      logger.debug(
+        'listening for message',
+        JSON.stringify({
+          type: 'ID_TOKEN',
+          payload: '<some_id_token>',
+        }),
+      );
     }
     window.addEventListener('message', messageCallback);
     return () => {
@@ -213,16 +225,13 @@ export function KeycloakProvider({
       if (refreshToken && typeof refreshToken === 'string') initOptions.refreshToken = refreshToken;
       if (isPassedInToken) {
         initOptions.checkLoginIframe = false;
+        initOptions.flow = 'implicit';
         initOptions.onLoad = undefined;
       }
     }
     return initOptions;
   }, [keycloakInitOptions, token, refreshToken, idToken]);
 
-  console.log('token', token);
-  console.log('idToken', idToken);
-  console.log('refreshToken', refreshToken);
-
   if (token === true || idToken === true || refreshToken === true) return <LoadingComponent />;
   if (!isPassedInToken && cookies && ssr) {
     return (
@@ -245,7 +254,6 @@ export function KeycloakProvider({
       </SSRKeycloakProvider>
     );
   }
-  console.log('keycloak', keycloak);
   if (!keycloak) return <>{children}</>;
   return (
     <ReactKeycloakProvider