@ebrains/react 0.4.0-alpha.0 → 0.5.0-alpha.0

package/{keycloak-13893af6.esm.js → keycloak-d502ec16.esm.js}

@@ -45,7 +45,7 @@ function Keycloak(config) {
   if (!globalThis.isSecureContext) {
     logWarn("[KEYCLOAK] Keycloak JS must be used in a 'secure context' to function properly as it relies on browser APIs that are otherwise not available.\n" + "Continuing to run your application insecurely will lead to unexpected behavior and breakage.\n\n" + "For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts");
   }
-  kc.init = function (initOptions) {
+  kc.init = function (initOptions = {}) {
     if (kc.didInitialize) {
       throw new Error("A 'Keycloak' instance can only be initialized once.");
     }
@@ -53,9 +53,9 @@ function Keycloak(config) {
     kc.authenticated = false;
     callbackStorage = createCallbackStorage();
     var adapters = ['default', 'cordova', 'cordova-native'];
-    if (initOptions && adapters.indexOf(initOptions.adapter) > -1) {
+    if (adapters.indexOf(initOptions.adapter) > -1) {
       adapter = loadAdapter(initOptions.adapter);
-    } else if (initOptions && typeof initOptions.adapter === "object") {
+    } else if (typeof initOptions.adapter === "object") {
       adapter = initOptions.adapter;
     } else {
       if (window.Cordova || window.cordova) {
@@ -64,85 +64,83 @@ function Keycloak(config) {
         adapter = loadAdapter();
       }
     }
-    if (initOptions) {
-      if (typeof initOptions.useNonce !== 'undefined') {
-        useNonce = initOptions.useNonce;
-      }
-      if (typeof initOptions.checkLoginIframe !== 'undefined') {
-        loginIframe.enable = initOptions.checkLoginIframe;
-      }
-      if (initOptions.checkLoginIframeInterval) {
-        loginIframe.interval = initOptions.checkLoginIframeInterval;
-      }
-      if (initOptions.onLoad === 'login-required') {
-        kc.loginRequired = true;
-      }
-      if (initOptions.responseMode) {
-        if (initOptions.responseMode === 'query' || initOptions.responseMode === 'fragment') {
-          kc.responseMode = initOptions.responseMode;
-        } else {
-          throw 'Invalid value for responseMode';
-        }
-      }
-      if (initOptions.flow) {
-        switch (initOptions.flow) {
-          case 'standard':
-            kc.responseType = 'code';
-            break;
-          case 'implicit':
-            kc.responseType = 'id_token token';
-            break;
-          case 'hybrid':
-            kc.responseType = 'code id_token token';
-            break;
-          default:
-            throw 'Invalid value for flow';
-        }
-        kc.flow = initOptions.flow;
-      }
-      if (initOptions.timeSkew != null) {
-        kc.timeSkew = initOptions.timeSkew;
-      }
-      if (initOptions.redirectUri) {
-        kc.redirectUri = initOptions.redirectUri;
-      }
-      if (initOptions.silentCheckSsoRedirectUri) {
-        kc.silentCheckSsoRedirectUri = initOptions.silentCheckSsoRedirectUri;
-      }
-      if (typeof initOptions.silentCheckSsoFallback === 'boolean') {
-        kc.silentCheckSsoFallback = initOptions.silentCheckSsoFallback;
-      } else {
-        kc.silentCheckSsoFallback = true;
-      }
-      if (typeof initOptions.pkceMethod !== "undefined") {
-        if (initOptions.pkceMethod !== "S256" && initOptions.pkceMethod !== false) {
-          throw new TypeError(`Invalid value for pkceMethod', expected 'S256' or false but got ${initOptions.pkceMethod}.`);
-        }
-        kc.pkceMethod = initOptions.pkceMethod;
-      } else {
-        kc.pkceMethod = "S256";
-      }
-      if (typeof initOptions.enableLogging === 'boolean') {
-        kc.enableLogging = initOptions.enableLogging;
-      } else {
-        kc.enableLogging = false;
-      }
-      if (initOptions.logoutMethod === 'POST') {
-        kc.logoutMethod = 'POST';
+    if (typeof initOptions.useNonce !== 'undefined') {
+      useNonce = initOptions.useNonce;
+    }
+    if (typeof initOptions.checkLoginIframe !== 'undefined') {
+      loginIframe.enable = initOptions.checkLoginIframe;
+    }
+    if (initOptions.checkLoginIframeInterval) {
+      loginIframe.interval = initOptions.checkLoginIframeInterval;
+    }
+    if (initOptions.onLoad === 'login-required') {
+      kc.loginRequired = true;
+    }
+    if (initOptions.responseMode) {
+      if (initOptions.responseMode === 'query' || initOptions.responseMode === 'fragment') {
+        kc.responseMode = initOptions.responseMode;
       } else {
-        kc.logoutMethod = 'GET';
+        throw 'Invalid value for responseMode';
       }
-      if (typeof initOptions.scope === 'string') {
-        kc.scope = initOptions.scope;
-      }
-      if (typeof initOptions.acrValues === 'string') {
-        kc.acrValues = initOptions.acrValues;
+    }
+    if (initOptions.flow) {
+      switch (initOptions.flow) {
+        case 'standard':
+          kc.responseType = 'code';
+          break;
+        case 'implicit':
+          kc.responseType = 'id_token token';
+          break;
+        case 'hybrid':
+          kc.responseType = 'code id_token token';
+          break;
+        default:
+          throw 'Invalid value for flow';
       }
-      if (typeof initOptions.messageReceiveTimeout === 'number' && initOptions.messageReceiveTimeout > 0) {
-        kc.messageReceiveTimeout = initOptions.messageReceiveTimeout;
-      } else {
-        kc.messageReceiveTimeout = 10000;
+      kc.flow = initOptions.flow;
+    }
+    if (initOptions.timeSkew != null) {
+      kc.timeSkew = initOptions.timeSkew;
+    }
+    if (initOptions.redirectUri) {
+      kc.redirectUri = initOptions.redirectUri;
+    }
+    if (initOptions.silentCheckSsoRedirectUri) {
+      kc.silentCheckSsoRedirectUri = initOptions.silentCheckSsoRedirectUri;
+    }
+    if (typeof initOptions.silentCheckSsoFallback === 'boolean') {
+      kc.silentCheckSsoFallback = initOptions.silentCheckSsoFallback;
+    } else {
+      kc.silentCheckSsoFallback = true;
+    }
+    if (typeof initOptions.pkceMethod !== "undefined") {
+      if (initOptions.pkceMethod !== "S256" && initOptions.pkceMethod !== false) {
+        throw new TypeError(`Invalid value for pkceMethod', expected 'S256' or false but got ${initOptions.pkceMethod}.`);
       }
+      kc.pkceMethod = initOptions.pkceMethod;
+    } else {
+      kc.pkceMethod = "S256";
+    }
+    if (typeof initOptions.enableLogging === 'boolean') {
+      kc.enableLogging = initOptions.enableLogging;
+    } else {
+      kc.enableLogging = false;
+    }
+    if (initOptions.logoutMethod === 'POST') {
+      kc.logoutMethod = 'POST';
+    } else {
+      kc.logoutMethod = 'GET';
+    }
+    if (typeof initOptions.scope === 'string') {
+      kc.scope = initOptions.scope;
+    }
+    if (typeof initOptions.acrValues === 'string') {
+      kc.acrValues = initOptions.acrValues;
+    }
+    if (typeof initOptions.messageReceiveTimeout === 'number' && initOptions.messageReceiveTimeout > 0) {
+      kc.messageReceiveTimeout = initOptions.messageReceiveTimeout;
+    } else {
+      kc.messageReceiveTimeout = 10000;
     }
     if (!kc.responseMode) {
       kc.responseMode = 'fragment';
@@ -165,7 +163,7 @@ function Keycloak(config) {
         if (!prompt) {
           options.prompt = 'none';
         }
-        if (initOptions && initOptions.locale) {
+        if (initOptions.locale) {
           options.locale = initOptions.locale;
         }
         kc.login(options).then(function () {
@@ -233,41 +231,38 @@ function Keycloak(config) {
         }).catch(function (error) {
           initPromise.setError(error);
         });
-      } else if (initOptions) {
-        if (initOptions.token && initOptions.refreshToken) {
-          setToken(initOptions.token, initOptions.refreshToken, initOptions.idToken);
-          if (loginIframe.enable) {
-            setupCheckLoginIframe().then(function () {
-              checkLoginIframe().then(function (unchanged) {
-                if (unchanged) {
-                  kc.onAuthSuccess && kc.onAuthSuccess();
-                  initPromise.setSuccess();
-                  scheduleCheckIframe();
-                } else {
-                  initPromise.setSuccess();
-                }
-              }).catch(function (error) {
-                initPromise.setError(error);
-              });
-            });
-          } else {
-            kc.updateToken(-1).then(function () {
-              kc.onAuthSuccess && kc.onAuthSuccess();
-              initPromise.setSuccess();
-            }).catch(function (error) {
-              kc.onAuthError && kc.onAuthError();
-              if (initOptions.onLoad) {
-                onLoad();
+      }
+      if (initOptions.token && initOptions.refreshToken) {
+        setToken(initOptions.token, initOptions.refreshToken, initOptions.idToken);
+        if (loginIframe.enable) {
+          setupCheckLoginIframe().then(function () {
+            checkLoginIframe().then(function (unchanged) {
+              if (unchanged) {
+                kc.onAuthSuccess && kc.onAuthSuccess();
+                initPromise.setSuccess();
+                scheduleCheckIframe();
               } else {
-                initPromise.setError(error);
+                initPromise.setSuccess();
               }
+            }).catch(function (error) {
+              initPromise.setError(error);
             });
-          }
-        } else if (initOptions.onLoad) {
-          onLoad();
+          });
         } else {
-          initPromise.setSuccess();
+          kc.updateToken(-1).then(function () {
+            kc.onAuthSuccess && kc.onAuthSuccess();
+            initPromise.setSuccess();
+          }).catch(function (error) {
+            kc.onAuthError && kc.onAuthError();
+            if (initOptions.onLoad) {
+              onLoad();
+            } else {
+              initPromise.setError(error);
+            }
+          });
         }
+      } else if (initOptions.onLoad) {
+        onLoad();
       } else {
         initPromise.setSuccess();
       }
@@ -542,7 +537,7 @@ function Keycloak(config) {
                 }
                 kc.onAuthRefreshError && kc.onAuthRefreshError();
                 for (var p = refreshQueue.pop(); p != null; p = refreshQueue.pop()) {
-                  p.setError(true);
+                  p.setError("Failed to refresh token: An unexpected HTTP error occurred while attempting to refresh the token.");
                 }
               }
             }
@@ -1036,7 +1031,7 @@ function Keycloak(config) {
   }
   function check3pCookiesSupported() {
     var promise = createPromise();
-    if (loginIframe.enable || kc.silentCheckSsoRedirectUri) {
+    if ((loginIframe.enable || kc.silentCheckSsoRedirectUri) && typeof kc.endpoints.thirdPartyCookiesIframe === 'function') {
       var iframe = document.createElement('iframe');
       iframe.setAttribute('src', kc.endpoints.thirdPartyCookiesIframe());
       iframe.setAttribute('sandbox', 'allow-storage-access-by-user-activation allow-scripts allow-same-origin');
@@ -1050,7 +1045,7 @@ function Keycloak(config) {
         if (event.data !== "supported" && event.data !== "unsupported") {
           return;
         } else if (event.data === "unsupported") {
-          logWarn("[KEYCLOAK] Your browser is blocking access to 3rd-party cookies, this means:\n\n" + " - It is not possible to retrieve tokens without redirecting to the Keycloak server (a.k.a. no support for silent authentication).\n" + " - It is not possible to automatically detect changes to the session status (such as the user logging out in another tab).\n\n" + "For more information see: https://www.keycloak.org/docs/latest/securing_apps/#_modern_browsers");
+          logWarn("[KEYCLOAK] Your browser is blocking access to 3rd-party cookies, this means:\n\n" + " - It is not possible to retrieve tokens without redirecting to the Keycloak server (a.k.a. no support for silent authentication).\n" + " - It is not possible to automatically detect changes to the session status (such as the user logging out in another tab).\n\n" + "For more information see: https://www.keycloak.org/securing-apps/javascript-adapter#_modern_browsers");
           loginIframe.enable = false;
           if (kc.silentCheckSsoFallback) {
             kc.silentCheckSsoRedirectUri = false;
@@ -1079,30 +1074,33 @@ function Keycloak(config) {
             window.location.replace(kc.createLogoutUrl(options));
             return;
           }
-          const logoutUrl = kc.createLogoutUrl(options);
-          const response = await fetch(logoutUrl, {
-            method: "POST",
-            headers: {
-              "Content-Type": "application/x-www-form-urlencoded"
-            },
-            body: new URLSearchParams({
-              id_token_hint: kc.idToken,
-              client_id: kc.clientId,
-              post_logout_redirect_uri: adapter.redirectUri(options, false)
-            })
-          });
-          if (response.redirected) {
-            window.location.href = response.url;
-            return;
-          }
-          if (response.ok) {
-            window.location.reload();
-            return;
+
+          // Create form to send POST request.
+          const form = document.createElement("form");
+          form.setAttribute("method", "POST");
+          form.setAttribute("action", kc.createLogoutUrl(options));
+          form.style.display = "none";
+
+          // Add data to form as hidden input fields.
+          const data = {
+            id_token_hint: kc.idToken,
+            client_id: kc.clientId,
+            post_logout_redirect_uri: adapter.redirectUri(options, false)
+          };
+          for (const [name, value] of Object.entries(data)) {
+            const input = document.createElement("input");
+            input.setAttribute("type", "hidden");
+            input.setAttribute("name", name);
+            input.setAttribute("value", value);
+            form.appendChild(input);
           }
-          throw new Error("Logout failed, request returned an error code.");
+
+          // Append form to page and submit it to perform logout and redirect.
+          document.body.appendChild(form);
+          form.submit();
         },
-        register: function (options) {
-          window.location.assign(kc.createRegisterUrl(options));
+        register: async function (options) {
+          window.location.assign(await kc.createRegisterUrl(options));
           return createPromise().promise;
         },
         accountManagement: function () {
@@ -1232,9 +1230,9 @@ function Keycloak(config) {
           });
           return promise.promise;
         },
-        register: function (options) {
+        register: async function (options) {
           var promise = createPromise();
-          var registerUrl = kc.createRegisterUrl();
+          var registerUrl = await kc.createRegisterUrl();
           var cordovaOptions = createCordovaOptions(options);
           var ref = cordovaOpenWindowWrapper(registerUrl, '_blank', cordovaOptions);
           ref.addEventListener('loadstart', function (event) {
@@ -1291,9 +1289,9 @@ function Keycloak(config) {
           window.cordova.plugins.browsertab.openUrl(logoutUrl);
           return promise.promise;
         },
-        register: function (options) {
+        register: async function (options) {
           var promise = createPromise();
-          var registerUrl = kc.createRegisterUrl(options);
+          var registerUrl = await kc.createRegisterUrl(options);
           universalLinks.subscribe('keycloak', function (event) {
             universalLinks.unsubscribe('keycloak');
             window.cordova.plugins.browsertab.close();
@@ -1324,6 +1322,7 @@ function Keycloak(config) {
     }
     throw 'invalid adapter type: ' + type;
   }
+  const STORAGE_KEY_PREFIX = 'kc-callback-';
   var LocalStorage = function () {
     if (!(this instanceof LocalStorage)) {
       return new LocalStorage();
@@ -1331,43 +1330,89 @@ function Keycloak(config) {
     localStorage.setItem('kc-test', 'test');
     localStorage.removeItem('kc-test');
     var cs = this;
-    function clearExpired() {
-      var time = new Date().getTime();
-      for (var i = 0; i < localStorage.length; i++) {
-        var key = localStorage.key(i);
-        if (key && key.indexOf('kc-callback-') == 0) {
-          var value = localStorage.getItem(key);
-          if (value) {
-            try {
-              var expires = JSON.parse(value).expires;
-              if (!expires || expires < time) {
-                localStorage.removeItem(key);
-              }
-            } catch (err) {
-              localStorage.removeItem(key);
-            }
-          }
+
+    /**
+     * Clears all values from local storage that are no longer valid.
+     */
+    function clearInvalidValues() {
+      const currentTime = Date.now();
+      for (const [key, value] of getStoredEntries()) {
+        // Attempt to parse the expiry time from the value.
+        const expiry = parseExpiry(value);
+
+        // Discard the value if it is malformed or expired.
+        if (expiry === null || expiry < currentTime) {
+          localStorage.removeItem(key);
         }
       }
     }
+
+    /**
+     * Clears all known values from local storage.
+     */
+    function clearAllValues() {
+      for (const [key] of getStoredEntries()) {
+        localStorage.removeItem(key);
+      }
+    }
+
+    /**
+     * Gets all entries stored in local storage that are known to be managed by this class.
+     * @returns {Array<[string, unknown]>} An array of key-value pairs.
+     */
+    function getStoredEntries() {
+      return Object.entries(localStorage).filter(([key]) => key.startsWith(STORAGE_KEY_PREFIX));
+    }
+
+    /**
+     * Parses the expiry time from a value stored in local storage.
+     * @param {unknown} value
+     * @returns {number | null} The expiry time in milliseconds, or `null` if the value is malformed.
+     */
+    function parseExpiry(value) {
+      let parsedValue;
+
+      // Attempt to parse the value as JSON.
+      try {
+        parsedValue = JSON.parse(value);
+      } catch (error) {
+        return null;
+      }
+
+      // Attempt to extract the 'expires' property.
+      if (isObject(parsedValue) && 'expires' in parsedValue && typeof parsedValue.expires === 'number') {
+        return parsedValue.expires;
+      }
+      return null;
+    }
     cs.get = function (state) {
       if (!state) {
         return;
       }
-      var key = 'kc-callback-' + state;
+      var key = STORAGE_KEY_PREFIX + state;
       var value = localStorage.getItem(key);
       if (value) {
         localStorage.removeItem(key);
         value = JSON.parse(value);
       }
-      clearExpired();
+      clearInvalidValues();
       return value;
     };
     cs.add = function (state) {
-      clearExpired();
-      var key = 'kc-callback-' + state.state;
-      state.expires = new Date().getTime() + 60 * 60 * 1000;
-      localStorage.setItem(key, JSON.stringify(state));
+      clearInvalidValues();
+      const key = STORAGE_KEY_PREFIX + state.state;
+      const value = JSON.stringify({
+        ...state,
+        // Set the expiry time to 1 hour from now.
+        expires: Date.now() + 60 * 60 * 1000
+      });
+      try {
+        localStorage.setItem(key, value);
+      } catch (error) {
+        // If the storage is full, clear all known values and try again.
+        clearAllValues();
+        localStorage.setItem(key, value);
+      }
     };
   };
   var CookieStorage = function () {
@@ -1379,14 +1424,14 @@ function Keycloak(config) {
       if (!state) {
         return;
       }
-      var value = getCookie('kc-callback-' + state);
-      setCookie('kc-callback-' + state, '', cookieExpiration(-100));
+      var value = getCookie(STORAGE_KEY_PREFIX + state);
+      setCookie(STORAGE_KEY_PREFIX + state, '', cookieExpiration(-100));
       if (value) {
         return JSON.parse(value);
       }
     };
     cs.add = function (state) {
-      setCookie('kc-callback-' + state.state, JSON.stringify(state), cookieExpiration(60));
+      setCookie(STORAGE_KEY_PREFIX + state.state, JSON.stringify(state), cookieExpiration(60));
     };
     cs.removeItem = function (key) {
       setCookie(key, '', cookieExpiration(-100));
@@ -1522,8 +1567,15 @@ function isObject(input) {
   return typeof input === 'object' && input !== null;
 }
 let keycloak = null;
+let keycloakInitPromise = null;
 // Initialize Keycloak with an optional silent check
 function initKeycloak(config, silentCheck = true) {
+  // If already initializing or initialized, return the cached promise
+  if (keycloakInitPromise) {
+    // eslint-disable-next-line
+    console.log('Keycloak already initialized, returning from cache');
+    return keycloakInitPromise;
+  }
   if (!keycloak) {
     keycloak = new Keycloak({
       url: config.url,
@@ -1531,7 +1583,7 @@ function initKeycloak(config, silentCheck = true) {
       clientId: config.clientId
     });
   }
-  return keycloak.init({
+  keycloakInitPromise = keycloak.init({
     onLoad: silentCheck ? 'check-sso' : 'login-required',
     checkLoginIframe: false
     //silentCheckSsoRedirectUri: `${window.location.origin}/silent-check-sso.html`, // Ensure this file is set up
@@ -1540,6 +1592,7 @@ function initKeycloak(config, silentCheck = true) {
     console.error('Failed to initialize Keycloak:', error);
     return false;
   });
+  return keycloakInitPromise;
 }
 function getUser() {
   if ((keycloak === null || keycloak === void 0 ? void 0 : keycloak.authenticated) && (keycloak === null || keycloak === void 0 ? void 0 : keycloak.idTokenParsed)) {
@@ -1562,8 +1615,7 @@ function login() {
   if (keycloak) {
     keycloak.login();
   } else {
-    // eslint-disable-next-line
-    console.error('Keycloak is not initialized.');
+    throw new Error('Keycloak is not initialized.');
   }
 }
 // Log out the user
@@ -1571,8 +1623,7 @@ function logout() {
   if (keycloak) {
     keycloak.logout();
   } else {
-    // eslint-disable-next-line
-    console.error('Keycloak is not initialized.');
+    throw new Error('Keycloak is not initialized.');
   }
 }
 // Check if the user is authenticated

package/logo-space.entry.esm.js

@@ -12,16 +12,16 @@ const LogoSpace = class {
   }
   render() {
     return h("div", {
-      key: '004134f2770f755a3ae0d158b9ec6987a64dcc8b',
+      key: 'fc5040b294d45ecbf8e3ee0ab26875c63efa3625',
       class: "container my-20"
     }, h("div", {
-      key: '49b57e44a4a68b5d6393ee3284af58d56aa5c014',
+      key: 'acad9c182cb46fd58f37d9195c9e20658df81767',
       class: "w-[300px]"
     }, h("div", {
-      key: '4812ffe1b1df94ece0e2d391648aea812c7c9028',
+      key: '4caac9e94b715c967958fe6bd9e5d988622c8729',
       class: "bg-dark"
     }, h("div", {
-      key: 'ce3bbecdba5bbabb14d1b0e197318cf4180f8699',
+      key: 'd82b6156de96fd91e996c0ab775b9503395ba04f',
       class: "logo-container",
       innerHTML: vLogoMargins
     }))));