@ghentcdh/authentication-vue 0.0.2-13 → 0.0.2-14

package/README.md

@@ -64,9 +64,11 @@ await isAuthenticated();
 ```vue
 
 <script setup lang="ts">
-  import { HttpRequest } from "@ghentcdh/authentication/vue";
+  import { useHttpRequest } from "@ghentcdh/authentication/vue";
+
+  const httpRequest = useHttpRequest();
 
-  HttpRequest.post('/api/auth/login', {}).then(response => {
+  httpRequest.post('/api/auth/login', {}).then(response => {
     alert('login ok')
   });
 </script>

package/index.mjs

@@ -1,7 +1,7 @@
-import { ref as oe, markRaw as ae, watch as se, inject as ie } from "vue";
-const X = "GHENTCDH_AUTHENTICATION";
-function W(p) {
-  if (!(this instanceof W))
+import { ref as ne, markRaw as oe, watch as ae, inject as se } from "vue";
+const B = "GHENTCDH_AUTHENTICATION";
+function X(p) {
+  if (!(this instanceof X))
     throw new Error("The 'Keycloak' constructor must be invoked with 'new'.");
   if (typeof p != "string" && !z(p))
     throw new Error("The 'Keycloak' constructor must be provided with a configuration object, or a URL to a JSON configuration file.");
@@ -11,14 +11,14 @@ function W(p) {
       if (!p[t])
         throw new Error(`The configuration object is missing the required '${t}' property.`);
   }
-  var e = this, l, m = [], v, h = {
+  var e = this, d, m = [], k, h = {
     enable: !0,
     callbackList: [],
     interval: 5
   };
   e.didInitialize = !1;
-  var T = !0, y = B(console.info), I = B(console.warn);
-  globalThis.isSecureContext || I(
+  var S = !0, y = q(console.info), U = q(console.warn);
+  globalThis.isSecureContext || U(
     `[KEYCLOAK] Keycloak JS must be used in a 'secure context' to function properly as it relies on browser APIs that are otherwise not available.
 Continuing to run your application insecurely will lead to unexpected behavior and breakage.
 
@@ -26,9 +26,9 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
   ), e.init = function(r = {}) {
     if (e.didInitialize)
       throw new Error("A 'Keycloak' instance can only be initialized once.");
-    e.didInitialize = !0, e.authenticated = !1, v = ne();
+    e.didInitialize = !0, e.authenticated = !1, k = te();
     var t = ["default", "cordova", "cordova-native"];
-    if (t.indexOf(r.adapter) > -1 ? l = D(r.adapter) : typeof r.adapter == "object" ? l = r.adapter : window.Cordova || window.cordova ? l = D("cordova") : l = D(), typeof r.useNonce < "u" && (T = r.useNonce), typeof r.checkLoginIframe < "u" && (h.enable = r.checkLoginIframe), r.checkLoginIframeInterval && (h.interval = r.checkLoginIframeInterval), r.onLoad === "login-required" && (e.loginRequired = !0), r.responseMode)
+    if (t.indexOf(r.adapter) > -1 ? d = H(r.adapter) : typeof r.adapter == "object" ? d = r.adapter : window.Cordova || window.cordova ? d = H("cordova") : d = H(), typeof r.useNonce < "u" && (S = r.useNonce), typeof r.checkLoginIframe < "u" && (h.enable = r.checkLoginIframe), r.checkLoginIframeInterval && (h.interval = r.checkLoginIframeInterval), r.onLoad === "login-required" && (e.loginRequired = !0), r.responseMode)
       if (r.responseMode === "query" || r.responseMode === "fragment")
         e.responseMode = r.responseMode;
       else
@@ -56,38 +56,38 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
     } else
       e.pkceMethod = "S256";
     typeof r.enableLogging == "boolean" ? e.enableLogging = r.enableLogging : e.enableLogging = !1, r.logoutMethod === "POST" ? e.logoutMethod = "POST" : e.logoutMethod = "GET", typeof r.scope == "string" && (e.scope = r.scope), typeof r.acrValues == "string" && (e.acrValues = r.acrValues), typeof r.messageReceiveTimeout == "number" && r.messageReceiveTimeout > 0 ? e.messageReceiveTimeout = r.messageReceiveTimeout : e.messageReceiveTimeout = 1e4, e.responseMode || (e.responseMode = "fragment"), e.responseType || (e.responseType = "code", e.flow = "standard");
-    var i = g(), s = g();
+    var i = v(), s = v();
     s.promise.then(function() {
       e.onReady && e.onReady(e.authenticated), i.setSuccess(e.authenticated);
     }).catch(function(o) {
       i.setError(o);
     });
-    var a = Z();
+    var a = Q();
     function c() {
-      var o = function(d) {
-        d || (f.prompt = "none"), r.locale && (f.locale = r.locale), e.login(f).then(function() {
+      var o = function(l) {
+        l || (f.prompt = "none"), r.locale && (f.locale = r.locale), e.login(f).then(function() {
           s.setSuccess();
-        }).catch(function(k) {
-          s.setError(k);
+        }).catch(function(g) {
+          s.setError(g);
         });
       }, u = async function() {
-        var d = document.createElement("iframe"), k = await e.createLoginUrl({ prompt: "none", redirectUri: e.silentCheckSsoRedirectUri });
-        d.setAttribute("src", k), d.setAttribute("sandbox", "allow-storage-access-by-user-activation allow-scripts allow-same-origin"), d.setAttribute("title", "keycloak-silent-check-sso"), d.style.display = "none", document.body.appendChild(d);
-        var b = function(_) {
-          if (!(_.origin !== window.location.origin || d.contentWindow !== _.source)) {
-            var S = A(_.data);
-            E(S, s), document.body.removeChild(d), window.removeEventListener("message", b);
+        var l = document.createElement("iframe"), g = await e.createLoginUrl({ prompt: "none", redirectUri: e.silentCheckSsoRedirectUri });
+        l.setAttribute("src", g), l.setAttribute("sandbox", "allow-storage-access-by-user-activation allow-scripts allow-same-origin"), l.setAttribute("title", "keycloak-silent-check-sso"), l.style.display = "none", document.body.appendChild(l);
+        var b = function(I) {
+          if (!(I.origin !== window.location.origin || l.contentWindow !== I.source)) {
+            var _ = A(I.data);
+            E(_, s), document.body.removeChild(l), window.removeEventListener("message", b);
           }
         };
         window.addEventListener("message", b);
       }, f = {};
       switch (r.onLoad) {
         case "check-sso":
-          h.enable ? H().then(function() {
-            P().then(function(d) {
-              d ? s.setSuccess() : e.silentCheckSsoRedirectUri ? u() : o(!1);
-            }).catch(function(d) {
-              s.setError(d);
+          h.enable ? K().then(function() {
+            x().then(function(l) {
+              l ? s.setSuccess() : e.silentCheckSsoRedirectUri ? u() : o(!1);
+            }).catch(function(l) {
+              s.setError(l);
             });
           }) : e.silentCheckSsoRedirectUri ? u() : o(!1);
           break;
@@ -101,13 +101,13 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
     function n() {
       var o = A(window.location.href);
       if (o && window.history.replaceState(window.history.state, null, o.newUrl), o && o.valid)
-        return H().then(function() {
+        return K().then(function() {
           E(o, s);
         }).catch(function(u) {
           s.setError(u);
         });
-      r.token && r.refreshToken ? (x(r.token, r.refreshToken, r.idToken), h.enable ? H().then(function() {
-        P().then(function(u) {
+      r.token && r.refreshToken ? (R(r.token, r.refreshToken, r.idToken), h.enable ? K().then(function() {
+        x().then(function(u) {
           u ? (e.onAuthSuccess && e.onAuthSuccess(), s.setSuccess(), N()) : s.setSuccess();
         }).catch(function(u) {
           s.setError(u);
@@ -119,14 +119,14 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
       })) : r.onLoad ? c() : s.setSuccess();
     }
     return a.then(function() {
-      te().then(n).catch(function(o) {
+      re().then(n).catch(function(o) {
         i.setError(o);
       });
     }), a.catch(function(o) {
       i.setError(o);
     }), i.promise;
   }, e.login = function(r) {
-    return l.login(r);
+    return d.login(r);
   };
   function C(r) {
     if (typeof crypto > "u" || typeof crypto.getRandomValues > "u")
@@ -134,20 +134,20 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
     return crypto.getRandomValues(new Uint8Array(r));
   }
   function w(r) {
-    return M(r, "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789");
+    return P(r, "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789");
   }
-  function M(r, t) {
+  function P(r, t) {
     for (var i = C(r), s = new Array(r), a = 0; a < r; a++)
       s[a] = t.charCodeAt(i[a] % t.length);
     return String.fromCharCode.apply(null, s);
   }
-  async function K(r, t) {
+  async function M(r, t) {
     if (r !== "S256")
       throw new TypeError(`Invalid value for 'pkceMethod', expected 'S256' but got '${r}'.`);
-    const i = new Uint8Array(await ue(t));
-    return ce(i).replace(/\+/g, "-").replace(/\//g, "_").replace(/\=/g, "");
+    const i = new Uint8Array(await ce(t));
+    return ie(i).replace(/\+/g, "-").replace(/\//g, "_").replace(/\=/g, "");
   }
-  function $(r) {
+  function W(r) {
     var t = {
       id_token: {
         acr: r
@@ -156,7 +156,7 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
     return JSON.stringify(t);
   }
   e.createLoginUrl = async function(r) {
-    var t = G(), i = G(), s = l.redirectUri(r), a = {
+    var t = F(), i = F(), s = d.redirectUri(r), a = {
       state: t,
       nonce: i,
       redirectUri: encodeURIComponent(s),
@@ -168,34 +168,34 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
     var n = r && r.scope || e.scope;
     n ? n.indexOf("openid") === -1 && (n = "openid " + n) : n = "openid";
     var o = c + "?client_id=" + encodeURIComponent(e.clientId) + "&redirect_uri=" + encodeURIComponent(s) + "&state=" + encodeURIComponent(t) + "&response_mode=" + encodeURIComponent(e.responseMode) + "&response_type=" + encodeURIComponent(e.responseType) + "&scope=" + encodeURIComponent(n);
-    if (T && (o = o + "&nonce=" + encodeURIComponent(i)), r && r.prompt && (o += "&prompt=" + encodeURIComponent(r.prompt)), r && typeof r.maxAge == "number" && (o += "&max_age=" + encodeURIComponent(r.maxAge)), r && r.loginHint && (o += "&login_hint=" + encodeURIComponent(r.loginHint)), r && r.idpHint && (o += "&kc_idp_hint=" + encodeURIComponent(r.idpHint)), r && r.action && r.action != "register" && (o += "&kc_action=" + encodeURIComponent(r.action)), r && r.locale && (o += "&ui_locales=" + encodeURIComponent(r.locale)), r && r.acr) {
-      var u = $(r.acr);
+    if (S && (o = o + "&nonce=" + encodeURIComponent(i)), r && r.prompt && (o += "&prompt=" + encodeURIComponent(r.prompt)), r && typeof r.maxAge == "number" && (o += "&max_age=" + encodeURIComponent(r.maxAge)), r && r.loginHint && (o += "&login_hint=" + encodeURIComponent(r.loginHint)), r && r.idpHint && (o += "&kc_idp_hint=" + encodeURIComponent(r.idpHint)), r && r.action && r.action != "register" && (o += "&kc_action=" + encodeURIComponent(r.action)), r && r.locale && (o += "&ui_locales=" + encodeURIComponent(r.locale)), r && r.acr) {
+      var u = W(r.acr);
       o += "&claims=" + encodeURIComponent(u);
     }
     if ((r && r.acrValues || e.acrValues) && (o += "&acr_values=" + encodeURIComponent(r.acrValues || e.acrValues)), e.pkceMethod)
       try {
-        const f = w(96), d = await K(e.pkceMethod, f);
-        a.pkceCodeVerifier = f, o += "&code_challenge=" + d, o += "&code_challenge_method=" + e.pkceMethod;
+        const f = w(96), l = await M(e.pkceMethod, f);
+        a.pkceCodeVerifier = f, o += "&code_challenge=" + l, o += "&code_challenge_method=" + e.pkceMethod;
       } catch (f) {
         throw new Error("Failed to generate PKCE challenge.", { cause: f });
       }
-    return v.add(a), o;
+    return k.add(a), o;
   }, e.logout = function(r) {
-    return l.logout(r);
+    return d.logout(r);
   }, e.createLogoutUrl = function(r) {
     if (((r == null ? void 0 : r.logoutMethod) ?? e.logoutMethod) === "POST")
       return e.endpoints.logout();
-    var i = e.endpoints.logout() + "?client_id=" + encodeURIComponent(e.clientId) + "&post_logout_redirect_uri=" + encodeURIComponent(l.redirectUri(r, !1));
+    var i = e.endpoints.logout() + "?client_id=" + encodeURIComponent(e.clientId) + "&post_logout_redirect_uri=" + encodeURIComponent(d.redirectUri(r, !1));
     return e.idToken && (i += "&id_token_hint=" + encodeURIComponent(e.idToken)), i;
   }, e.register = function(r) {
-    return l.register(r);
+    return d.register(r);
   }, e.createRegisterUrl = async function(r) {
     return r || (r = {}), r.action = "register", await e.createLoginUrl(r);
   }, e.createAccountUrl = function(r) {
-    var t = U(), i = void 0;
-    return typeof t < "u" && (i = t + "/account?referrer=" + encodeURIComponent(e.clientId) + "&referrer_uri=" + encodeURIComponent(l.redirectUri(r))), i;
+    var t = T(), i = void 0;
+    return typeof t < "u" && (i = t + "/account?referrer=" + encodeURIComponent(e.clientId) + "&referrer_uri=" + encodeURIComponent(d.redirectUri(r))), i;
   }, e.accountManagement = function() {
-    return l.accountManagement();
+    return d.accountManagement();
   }, e.hasRealmRole = function(r) {
     var t = e.realmAccess;
     return !!t && t.roles.indexOf(r) >= 0;
@@ -205,16 +205,16 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
     var i = e.resourceAccess[t || e.clientId];
     return !!i && i.roles.indexOf(r) >= 0;
   }, e.loadUserProfile = function() {
-    var r = U() + "/account", t = new XMLHttpRequest();
+    var r = T() + "/account", t = new XMLHttpRequest();
     t.open("GET", r, !0), t.setRequestHeader("Accept", "application/json"), t.setRequestHeader("Authorization", "bearer " + e.token);
-    var i = g();
+    var i = v();
     return t.onreadystatechange = function() {
       t.readyState == 4 && (t.status == 200 ? (e.profile = JSON.parse(t.responseText), i.setSuccess(e.profile)) : i.setError());
     }, t.send(), i.promise;
   }, e.loadUserInfo = function() {
     var r = e.endpoints.userinfo(), t = new XMLHttpRequest();
     t.open("GET", r, !0), t.setRequestHeader("Accept", "application/json"), t.setRequestHeader("Authorization", "bearer " + e.token);
-    var i = g();
+    var i = v();
     return t.onreadystatechange = function() {
       t.readyState == 4 && (t.status == 200 ? (e.userInfo = JSON.parse(t.responseText), i.setSuccess(e.userInfo)) : i.setError());
     }, t.send(), i.promise;
@@ -231,7 +231,7 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
     }
     return t < 0;
   }, e.updateToken = function(r) {
-    var t = g();
+    var t = v();
     if (!e.refreshToken)
       return t.setError(), t.promise;
     r = r || 5;
@@ -250,20 +250,20 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
               if (o.status == 200) {
                 y("[KEYCLOAK] Token refreshed"), u = (u + (/* @__PURE__ */ new Date()).getTime()) / 2;
                 var f = JSON.parse(o.responseText);
-                x(f.access_token, f.refresh_token, f.id_token, u), e.onAuthRefreshSuccess && e.onAuthRefreshSuccess();
-                for (var d = m.pop(); d != null; d = m.pop())
-                  d.setSuccess(!0);
+                R(f.access_token, f.refresh_token, f.id_token, u), e.onAuthRefreshSuccess && e.onAuthRefreshSuccess();
+                for (var l = m.pop(); l != null; l = m.pop())
+                  l.setSuccess(!0);
               } else {
-                I("[KEYCLOAK] Failed to refresh token"), o.status == 400 && e.clearToken(), e.onAuthRefreshError && e.onAuthRefreshError();
-                for (var d = m.pop(); d != null; d = m.pop())
-                  d.setError("Failed to refresh token: An unexpected HTTP error occurred while attempting to refresh the token.");
+                U("[KEYCLOAK] Failed to refresh token"), o.status == 400 && e.clearToken(), e.onAuthRefreshError && e.onAuthRefreshError();
+                for (var l = m.pop(); l != null; l = m.pop())
+                  l.setError("Failed to refresh token: An unexpected HTTP error occurred while attempting to refresh the token.");
               }
           }, o.send(c);
         }
       }
     };
     if (h.enable) {
-      var s = P();
+      var s = x();
       s.then(function() {
         i();
       }).catch(function(a) {
@@ -273,13 +273,13 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
       i();
     return t.promise;
   }, e.clearToken = function() {
-    e.token && (x(null, null, null), e.onAuthLogout && e.onAuthLogout(), e.loginRequired && e.login());
+    e.token && (R(null, null, null), e.onAuthLogout && e.onAuthLogout(), e.loginRequired && e.login());
   };
-  function U() {
+  function T() {
     if (typeof e.authServerUrl < "u")
       return e.authServerUrl.charAt(e.authServerUrl.length - 1) == "/" ? e.authServerUrl + "realms/" + encodeURIComponent(e.realm) : e.authServerUrl + "/realms/" + encodeURIComponent(e.realm);
   }
-  function Q() {
+  function $() {
     return window.location.origin ? window.location.origin : window.location.protocol + "//" + window.location.hostname + (window.location.port ? ":" + window.location.port : "");
   }
   function E(r, t) {
@@ -295,24 +295,24 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
       else
         t && t.setSuccess();
       return;
-    } else e.flow != "standard" && (r.access_token || r.id_token) && d(r.access_token, null, r.id_token, !0);
+    } else e.flow != "standard" && (r.access_token || r.id_token) && l(r.access_token, null, r.id_token, !0);
     if (e.flow != "implicit" && i) {
       var o = "code=" + i + "&grant_type=authorization_code", u = e.endpoints.token(), f = new XMLHttpRequest();
       f.open("POST", u, !0), f.setRequestHeader("Content-type", "application/x-www-form-urlencoded"), o += "&client_id=" + encodeURIComponent(e.clientId), o += "&redirect_uri=" + r.redirectUri, r.pkceCodeVerifier && (o += "&code_verifier=" + r.pkceCodeVerifier), f.withCredentials = !0, f.onreadystatechange = function() {
         if (f.readyState == 4)
           if (f.status == 200) {
-            var k = JSON.parse(f.responseText);
-            d(k.access_token, k.refresh_token, k.id_token, e.flow === "standard"), N();
+            var g = JSON.parse(f.responseText);
+            l(g.access_token, g.refresh_token, g.id_token, e.flow === "standard"), N();
           } else
             e.onAuthError && e.onAuthError(), t && t.setError();
       }, f.send(o);
     }
-    function d(k, b, _, S) {
-      c = (c + (/* @__PURE__ */ new Date()).getTime()) / 2, x(k, b, _, c), T && e.idTokenParsed && e.idTokenParsed.nonce != r.storedNonce ? (y("[KEYCLOAK] Invalid nonce, clearing token"), e.clearToken(), t && t.setError()) : S && (e.onAuthSuccess && e.onAuthSuccess(), t && t.setSuccess());
+    function l(g, b, I, _) {
+      c = (c + (/* @__PURE__ */ new Date()).getTime()) / 2, R(g, b, I, c), S && e.idTokenParsed && e.idTokenParsed.nonce != r.storedNonce ? (y("[KEYCLOAK] Invalid nonce, clearing token"), e.clearToken(), t && t.setError()) : _ && (e.onAuthSuccess && e.onAuthSuccess(), t && t.setSuccess());
     }
   }
-  function Z() {
-    var r = g(), t;
+  function Q() {
+    var r = v(), t;
     typeof p == "string" && (t = p);
     function i(n) {
       n ? e.endpoints = {
@@ -342,25 +342,25 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
         }
       } : e.endpoints = {
         authorize: function() {
-          return U() + "/protocol/openid-connect/auth";
+          return T() + "/protocol/openid-connect/auth";
         },
         token: function() {
-          return U() + "/protocol/openid-connect/token";
+          return T() + "/protocol/openid-connect/token";
         },
         logout: function() {
-          return U() + "/protocol/openid-connect/logout";
+          return T() + "/protocol/openid-connect/logout";
         },
         checkSessionIframe: function() {
-          return U() + "/protocol/openid-connect/login-status-iframe.html";
+          return T() + "/protocol/openid-connect/login-status-iframe.html";
         },
         thirdPartyCookiesIframe: function() {
-          return U() + "/protocol/openid-connect/3p-cookies/step1.html";
+          return T() + "/protocol/openid-connect/3p-cookies/step1.html";
         },
         register: function() {
-          return U() + "/protocol/openid-connect/registrations";
+          return T() + "/protocol/openid-connect/registrations";
         },
         userinfo: function() {
-          return U() + "/protocol/openid-connect/userinfo";
+          return T() + "/protocol/openid-connect/userinfo";
         }
       };
     }
@@ -368,7 +368,7 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
       var s = new XMLHttpRequest();
       s.open("GET", t, !0), s.setRequestHeader("Accept", "application/json"), s.onreadystatechange = function() {
         if (s.readyState == 4)
-          if (s.status == 200 || F(s)) {
+          if (s.status == 200 || Y(s)) {
             var n = JSON.parse(s.responseText);
             e.authServerUrl = n["auth-server-url"], e.realm = n.realm, e.clientId = n.resource, i(null), r.setSuccess();
           } else
@@ -385,7 +385,7 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
         var s = new XMLHttpRequest();
         s.open("GET", c, !0), s.setRequestHeader("Accept", "application/json"), s.onreadystatechange = function() {
           if (s.readyState == 4)
-            if (s.status == 200 || F(s)) {
+            if (s.status == 200 || Y(s)) {
               var o = JSON.parse(s.responseText);
               i(o), r.setSuccess();
             } else
@@ -396,31 +396,31 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
     }
     return r.promise;
   }
-  function F(r) {
+  function Y(r) {
     return r.status == 0 && r.responseText && r.responseURL.startsWith("file:");
   }
-  function x(r, t, i, s) {
-    if (e.tokenTimeoutHandle && (clearTimeout(e.tokenTimeoutHandle), e.tokenTimeoutHandle = null), t ? (e.refreshToken = t, e.refreshTokenParsed = V(t)) : (delete e.refreshToken, delete e.refreshTokenParsed), i ? (e.idToken = i, e.idTokenParsed = V(i)) : (delete e.idToken, delete e.idTokenParsed), r) {
-      if (e.token = r, e.tokenParsed = V(r), e.sessionId = e.tokenParsed.sid, e.authenticated = !0, e.subject = e.tokenParsed.sub, e.realmAccess = e.tokenParsed.realm_access, e.resourceAccess = e.tokenParsed.resource_access, s && (e.timeSkew = Math.floor(s / 1e3) - e.tokenParsed.iat), e.timeSkew != null && (y("[KEYCLOAK] Estimated time difference between browser and server is " + e.timeSkew + " seconds"), e.onTokenExpired)) {
+  function R(r, t, i, s) {
+    if (e.tokenTimeoutHandle && (clearTimeout(e.tokenTimeoutHandle), e.tokenTimeoutHandle = null), t ? (e.refreshToken = t, e.refreshTokenParsed = J(t)) : (delete e.refreshToken, delete e.refreshTokenParsed), i ? (e.idToken = i, e.idTokenParsed = J(i)) : (delete e.idToken, delete e.idTokenParsed), r) {
+      if (e.token = r, e.tokenParsed = J(r), e.sessionId = e.tokenParsed.sid, e.authenticated = !0, e.subject = e.tokenParsed.sub, e.realmAccess = e.tokenParsed.realm_access, e.resourceAccess = e.tokenParsed.resource_access, s && (e.timeSkew = Math.floor(s / 1e3) - e.tokenParsed.iat), e.timeSkew != null && (y("[KEYCLOAK] Estimated time difference between browser and server is " + e.timeSkew + " seconds"), e.onTokenExpired)) {
         var a = (e.tokenParsed.exp - (/* @__PURE__ */ new Date()).getTime() / 1e3 + e.timeSkew) * 1e3;
         y("[KEYCLOAK] Token expires in " + Math.round(a / 1e3) + " s"), a <= 0 ? e.onTokenExpired() : e.tokenTimeoutHandle = setTimeout(e.onTokenExpired, a);
       }
     } else
       delete e.token, delete e.tokenParsed, delete e.subject, delete e.realmAccess, delete e.resourceAccess, e.authenticated = !1;
   }
-  function G() {
+  function F() {
     if (typeof crypto > "u" || typeof crypto.randomUUID > "u")
       throw new Error("Web Crypto API is not available.");
     return crypto.randomUUID();
   }
   function A(r) {
-    var t = ee(r);
+    var t = Z(r);
     if (t) {
-      var i = v.get(t.state);
+      var i = k.get(t.state);
       return i && (t.valid = !0, t.redirectUri = i.redirectUri, t.storedNonce = i.nonce, t.prompt = i.prompt, t.pkceCodeVerifier = i.pkceCodeVerifier, t.loginOptions = i.loginOptions), t;
     }
   }
-  function ee(r) {
+  function Z(r) {
     var t;
     switch (e.flow) {
       case "standard":
@@ -435,7 +435,7 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
     }
     t.push("error"), t.push("error_description"), t.push("error_uri");
     var i = r.indexOf("?"), s = r.indexOf("#"), a, c;
-    if (e.responseMode === "query" && i !== -1 ? (a = r.substring(0, i), c = q(r.substring(i + 1, s !== -1 ? s : r.length), t), c.paramsString !== "" && (a += "?" + c.paramsString), s !== -1 && (a += r.substring(s))) : e.responseMode === "fragment" && s !== -1 && (a = r.substring(0, s), c = q(r.substring(s + 1), t), c.paramsString !== "" && (a += "#" + c.paramsString)), c && c.oauthParams) {
+    if (e.responseMode === "query" && i !== -1 ? (a = r.substring(0, i), c = G(r.substring(i + 1, s !== -1 ? s : r.length), t), c.paramsString !== "" && (a += "?" + c.paramsString), s !== -1 && (a += r.substring(s))) : e.responseMode === "fragment" && s !== -1 && (a = r.substring(0, s), c = G(r.substring(s + 1), t), c.paramsString !== "" && (a += "#" + c.paramsString)), c && c.oauthParams) {
       if (e.flow === "standard" || e.flow === "hybrid") {
         if ((c.oauthParams.code || c.oauthParams.error) && c.oauthParams.state)
           return c.oauthParams.newUrl = a, c.oauthParams;
@@ -443,7 +443,7 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
         return c.oauthParams.newUrl = a, c.oauthParams;
     }
   }
-  function q(r, t) {
+  function G(r, t) {
     for (var i = r.split("&"), s = {
       paramsString: "",
       oauthParams: {}
@@ -453,7 +453,7 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
     }
     return s;
   }
-  function g() {
+  function v() {
     var r = {
       setSuccess: function(t) {
         r.resolve(t);
@@ -466,7 +466,7 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
       r.resolve = t, r.reject = i;
     }), r;
   }
-  function re(r, t, i) {
+  function ee(r, t, i) {
     var s = null, a = new Promise(function(c, n) {
       s = setTimeout(function() {
         n({ error: i });
@@ -476,14 +476,14 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
       clearTimeout(s);
     });
   }
-  function H() {
-    var r = g();
+  function K() {
+    var r = v();
     if (!h.enable || h.iframe)
       return r.setSuccess(), r.promise;
     var t = document.createElement("iframe");
     h.iframe = t, t.onload = function() {
       var a = e.endpoints.authorize();
-      a.charAt(0) === "/" ? h.iframeOrigin = Q() : h.iframeOrigin = a.substring(0, a.indexOf("/", 8)), r.setSuccess();
+      a.charAt(0) === "/" ? h.iframeOrigin = $() : h.iframeOrigin = a.substring(0, a.indexOf("/", 8)), r.setSuccess();
     };
     var i = e.endpoints.checkSessionIframe();
     t.setAttribute("src", i), t.setAttribute("sandbox", "allow-storage-access-by-user-activation allow-scripts allow-same-origin"), t.setAttribute("title", "keycloak-session-iframe"), t.style.display = "none", document.body.appendChild(t);
@@ -500,13 +500,13 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
   }
   function N() {
     h.enable && e.token && setTimeout(function() {
-      P().then(function(r) {
+      x().then(function(r) {
         r && N();
       });
     }, h.interval * 1e3);
   }
-  function P() {
-    var r = g();
+  function x() {
+    var r = v();
     if (h.iframe && h.iframeOrigin) {
       var t = e.clientId + " " + (e.sessionId ? e.sessionId : "");
       h.callbackList.push(r);
@@ -516,13 +516,13 @@ For more information see: https://developer.mozilla.org/en-US/docs/Web/Security/
       r.setSuccess();
     return r.promise;
   }
-  function te() {
-    var r = g();
+  function re() {
+    var r = v();
     if ((h.enable || e.silentCheckSsoRedirectUri) && typeof e.endpoints.thirdPartyCookiesIframe == "function") {
       var t = document.createElement("iframe");
       t.setAttribute("src", e.endpoints.thirdPartyCookiesIframe()), t.setAttribute("sandbox", "allow-storage-access-by-user-activation allow-scripts allow-same-origin"), t.setAttribute("title", "keycloak-3p-check-iframe"), t.style.display = "none", document.body.appendChild(t);
       var i = function(s) {
-        t.contentWindow === s.source && (s.data !== "supported" && s.data !== "unsupported" || (s.data === "unsupported" && (I(
+        t.contentWindow === s.source && (s.data !== "supported" && s.data !== "unsupported" || (s.data === "unsupported" && (U(
           `[KEYCLOAK] Your browser is blocking access to 3rd-party cookies, this means:
 
  - It is not possible to retrieve tokens without redirecting to the Keycloak server (a.k.a. no support for silent authentication).
@@ -534,13 +534,13 @@ For more information see: https://www.keycloak.org/securing-apps/javascript-adap
       window.addEventListener("message", i, !1);
     } else
       r.setSuccess();
-    return re(r.promise, e.messageReceiveTimeout, "Timeout when waiting for 3rd party check iframe message.");
+    return ee(r.promise, e.messageReceiveTimeout, "Timeout when waiting for 3rd party check iframe message.");
   }
-  function D(r) {
+  function H(r) {
     if (!r || r == "default")
       return {
         login: async function(n) {
-          return window.location.assign(await e.createLoginUrl(n)), g().promise;
+          return window.location.assign(await e.createLoginUrl(n)), v().promise;
         },
         logout: async function(n) {
           if (((n == null ? void 0 : n.logoutMethod) ?? e.logoutMethod) === "GET") {
@@ -552,16 +552,16 @@ For more information see: https://www.keycloak.org/securing-apps/javascript-adap
           const f = {
             id_token_hint: e.idToken,
             client_id: e.clientId,
-            post_logout_redirect_uri: l.redirectUri(n, !1)
+            post_logout_redirect_uri: d.redirectUri(n, !1)
           };
-          for (const [d, k] of Object.entries(f)) {
+          for (const [l, g] of Object.entries(f)) {
             const b = document.createElement("input");
-            b.setAttribute("type", "hidden"), b.setAttribute("name", d), b.setAttribute("value", k), u.appendChild(b);
+            b.setAttribute("type", "hidden"), b.setAttribute("name", l), b.setAttribute("value", g), u.appendChild(b);
           }
           document.body.appendChild(u), u.submit();
         },
         register: async function(n) {
-          return window.location.assign(await e.createRegisterUrl(n)), g().promise;
+          return window.location.assign(await e.createRegisterUrl(n)), v().promise;
         },
         accountManagement: function() {
           var n = e.createAccountUrl();
@@ -569,7 +569,7 @@ For more information see: https://www.keycloak.org/securing-apps/javascript-adap
             window.location.href = n;
           else
             throw "Not supported by the OIDC server";
-          return g().promise;
+          return v().promise;
         },
         redirectUri: function(n, o) {
           return n && n.redirectUri ? n.redirectUri : e.redirectUri ? e.redirectUri : location.href;
@@ -595,43 +595,43 @@ For more information see: https://www.keycloak.org/securing-apps/javascript-adap
       };
       return {
         login: async function(n) {
-          var o = g(), u = a(n), f = await e.createLoginUrl(n), d = t(f, "_blank", u), k = !1, b = !1, _ = function() {
-            b = !0, d.close();
+          var o = v(), u = a(n), f = await e.createLoginUrl(n), l = t(f, "_blank", u), g = !1, b = !1, I = function() {
+            b = !0, l.close();
           };
-          return d.addEventListener("loadstart", function(S) {
-            if (S.url.indexOf(c()) == 0) {
-              var J = A(S.url);
-              E(J, o), _(), k = !0;
+          return l.addEventListener("loadstart", function(_) {
+            if (_.url.indexOf(c()) == 0) {
+              var j = A(_.url);
+              E(j, o), I(), g = !0;
             }
-          }), d.addEventListener("loaderror", function(S) {
-            if (!k)
-              if (S.url.indexOf(c()) == 0) {
-                var J = A(S.url);
-                E(J, o), _(), k = !0;
+          }), l.addEventListener("loaderror", function(_) {
+            if (!g)
+              if (_.url.indexOf(c()) == 0) {
+                var j = A(_.url);
+                E(j, o), I(), g = !0;
               } else
-                o.setError(), _();
-          }), d.addEventListener("exit", function(S) {
+                o.setError(), I();
+          }), l.addEventListener("exit", function(_) {
             b || o.setError({
               reason: "closed_by_user"
             });
           }), o.promise;
         },
         logout: function(n) {
-          var o = g(), u = e.createLogoutUrl(n), f = t(u, "_blank", "location=no,hidden=yes,clearcache=yes"), d;
-          return f.addEventListener("loadstart", function(k) {
-            k.url.indexOf(c()) == 0 && f.close();
-          }), f.addEventListener("loaderror", function(k) {
-            k.url.indexOf(c()) == 0 || (d = !0), f.close();
-          }), f.addEventListener("exit", function(k) {
-            d ? o.setError() : (e.clearToken(), o.setSuccess());
+          var o = v(), u = e.createLogoutUrl(n), f = t(u, "_blank", "location=no,hidden=yes,clearcache=yes"), l;
+          return f.addEventListener("loadstart", function(g) {
+            g.url.indexOf(c()) == 0 && f.close();
+          }), f.addEventListener("loaderror", function(g) {
+            g.url.indexOf(c()) == 0 || (l = !0), f.close();
+          }), f.addEventListener("exit", function(g) {
+            l ? o.setError() : (e.clearToken(), o.setSuccess());
           }), o.promise;
         },
         register: async function(n) {
-          var o = g(), u = await e.createRegisterUrl(), f = a(n), d = t(u, "_blank", f);
-          return d.addEventListener("loadstart", function(k) {
-            if (k.url.indexOf(c()) == 0) {
-              d.close();
-              var b = A(k.url);
+          var o = v(), u = await e.createRegisterUrl(), f = a(n), l = t(u, "_blank", f);
+          return l.addEventListener("loadstart", function(g) {
+            if (g.url.indexOf(c()) == 0) {
+              l.close();
+              var b = A(g.url);
               E(b, o);
             }
           }), o.promise;
@@ -654,25 +654,25 @@ For more information see: https://www.keycloak.org/securing-apps/javascript-adap
     if (r == "cordova-native")
       return h.enable = !1, {
         login: async function(n) {
-          var o = g(), u = await e.createLoginUrl(n);
+          var o = v(), u = await e.createLoginUrl(n);
           return universalLinks.subscribe("keycloak", function(f) {
             universalLinks.unsubscribe("keycloak"), window.cordova.plugins.browsertab.close();
-            var d = A(f.url);
-            E(d, o);
+            var l = A(f.url);
+            E(l, o);
           }), window.cordova.plugins.browsertab.openUrl(u), o.promise;
         },
         logout: function(n) {
-          var o = g(), u = e.createLogoutUrl(n);
+          var o = v(), u = e.createLogoutUrl(n);
           return universalLinks.subscribe("keycloak", function(f) {
             universalLinks.unsubscribe("keycloak"), window.cordova.plugins.browsertab.close(), e.clearToken(), o.setSuccess();
           }), window.cordova.plugins.browsertab.openUrl(u), o.promise;
         },
         register: async function(n) {
-          var o = g(), u = await e.createRegisterUrl(n);
+          var o = v(), u = await e.createRegisterUrl(n);
           return universalLinks.subscribe("keycloak", function(f) {
             universalLinks.unsubscribe("keycloak"), window.cordova.plugins.browsertab.close();
-            var d = A(f.url);
-            E(d, o);
+            var l = A(f.url);
+            E(l, o);
           }), window.cordova.plugins.browsertab.openUrl(u), o.promise;
         },
         accountManagement: function() {
@@ -689,9 +689,9 @@ For more information see: https://www.keycloak.org/securing-apps/javascript-adap
     throw "invalid adapter type: " + r;
   }
   const L = "kc-callback-";
-  var O = function() {
-    if (!(this instanceof O))
-      return new O();
+  var D = function() {
+    if (!(this instanceof D))
+      return new D();
     localStorage.setItem("kc-test", "test"), localStorage.removeItem("kc-test");
     var r = this;
     function t() {
@@ -735,9 +735,9 @@ For more information see: https://www.keycloak.org/securing-apps/javascript-adap
         i(), localStorage.setItem(n, o);
       }
     };
-  }, j = function() {
-    if (!(this instanceof j))
-      return new j();
+  }, O = function() {
+    if (!(this instanceof O))
+      return new O();
     var r = this;
     r.get = function(a) {
       if (a) {
@@ -766,46 +766,46 @@ For more information see: https://www.keycloak.org/securing-apps/javascript-adap
       document.cookie = o;
     };
   };
-  function ne() {
+  function te() {
     try {
-      return new O();
+      return new D();
     } catch {
     }
-    return new j();
+    return new O();
   }
-  function B(r) {
+  function q(r) {
     return function() {
       e.enableLogging && r.apply(console, Array.prototype.slice.call(arguments));
     };
   }
 }
-function ce(p) {
+function ie(p) {
   const e = String.fromCodePoint(...p);
   return btoa(e);
 }
-async function ue(p) {
-  const l = new TextEncoder().encode(p);
+async function ce(p) {
+  const d = new TextEncoder().encode(p);
   if (typeof crypto > "u" || typeof crypto.subtle > "u")
     throw new Error("Web Crypto API is not available.");
-  return await crypto.subtle.digest("SHA-256", l);
+  return await crypto.subtle.digest("SHA-256", d);
 }
-function V(p) {
-  const [e, l] = p.split(".");
-  if (typeof l != "string")
+function J(p) {
+  const [e, d] = p.split(".");
+  if (typeof d != "string")
     throw new Error("Unable to decode token, payload not found.");
   let m;
   try {
-    m = le(l);
-  } catch (v) {
-    throw new Error("Unable to decode token, payload is not a valid Base64URL value.", { cause: v });
+    m = ue(d);
+  } catch (k) {
+    throw new Error("Unable to decode token, payload is not a valid Base64URL value.", { cause: k });
   }
   try {
     return JSON.parse(m);
-  } catch (v) {
-    throw new Error("Unable to decode token, payload is not a valid JSON value.", { cause: v });
+  } catch (k) {
+    throw new Error("Unable to decode token, payload is not a valid JSON value.", { cause: k });
   }
 }
-function le(p) {
+function ue(p) {
   let e = p.replaceAll("-", "+").replaceAll("_", "/");
   switch (e.length % 4) {
     case 0:
@@ -820,43 +820,42 @@ function le(p) {
       throw new Error("Input is not of the correct length.");
   }
   try {
-    return de(e);
+    return le(e);
   } catch {
     return atob(e);
   }
 }
-function de(p) {
-  return decodeURIComponent(atob(p).replace(/(.)/g, (e, l) => {
-    let m = l.charCodeAt(0).toString(16).toUpperCase();
+function le(p) {
+  return decodeURIComponent(atob(p).replace(/(.)/g, (e, d) => {
+    let m = d.charCodeAt(0).toString(16).toUpperCase();
     return m.length < 2 && (m = "0" + m), "%" + m;
   }));
 }
 function z(p) {
   return typeof p == "object" && p !== null;
 }
-const fe = {};
-class Y extends W {
+const de = {};
+class V extends X {
   constructor() {
-    const { VITE_KEYCLOAK_REALM: e, VITE_KEYCLOAK_HOST: l, VITE_KEYCLOAK_CLIENT_ID: m } = fe;
+    const { VITE_KEYCLOAK_REALM: e, VITE_KEYCLOAK_HOST: d, VITE_KEYCLOAK_CLIENT_ID: m } = de;
     super({
-      url: l,
+      url: d,
       realm: e,
       clientId: m
     });
   }
   async initialize() {
     try {
-      await this.init(
-        {
-          onLoad: "login-required"
-        }
-      ) && console.log("User is authenticated"), console.log("User is not authenticated");
+      const e = await this.init({
+        onLoad: "login-required"
+      });
+      console.log(e ? "User is authenticated" : "User is not authenticated");
     } catch (e) {
       console.error("Failed to initialize adapter:", e);
     }
   }
   static async init() {
-    const e = new Y();
+    const e = new V();
     return await e.initialize(), e;
   }
   get userInfo() {
@@ -869,94 +868,99 @@ class Y extends W {
     return this.authenticated ?? !1;
   }
 }
-const pe = {
+const fe = {
   skipAuthentication: !1
-}, me = (p) => {
-  const e = oe(!1);
-  let l;
-  const m = () => Y.init().then((w) => (l = w, e.value = !0, w)), v = () => l == null ? void 0 : l.token, h = async () => {
-    if (!l)
+}, he = (p) => {
+  const e = ne(!1);
+  let d;
+  const m = () => V.init().then((w) => (d = w, e.value = !0, w)), k = () => d == null ? void 0 : d.token, h = async () => {
+    if (!d)
       return m();
     e.value || await new Promise((w) => {
-      const M = se(e, (K) => {
-        K && (M(), w());
+      const P = ae(e, (M) => {
+        M && (P(), w());
       });
     });
-  }, T = async () => {
+  }, S = async () => {
     var w;
     return (w = await h()) == null ? void 0 : w.userInfo;
   }, y = async () => {
     var w;
     return (w = await h()) == null ? void 0 : w.updateToken();
-  }, I = { ...pe, ...p }, C = ae({
+  }, U = { ...fe, ...p }, C = oe({
     install(w) {
-      w.config.globalProperties.$auth = I, w.provide(X, C);
+      w.config.globalProperties.$auth = U, w.provide(B, C);
     },
     updateToken: y,
-    token: v,
-    user: T,
-    options: I
+    token: k,
+    user: S,
+    options: U
   });
   return C;
-}, R = async (p, e, l = { contentType: "application/json" }) => {
-  const m = ie(X), v = (l == null ? void 0 : l.skipAuth) ?? m.options.skipAuthentication, h = {
-    accept: "application/json",
-    ...e.headers ?? {}
+}, me = () => {
+  const p = se(B);
+  p || console.warn("No auth provided, authorized calls may not work");
+  const e = async (d, m, k = { contentType: "application/json" }) => {
+    const h = (k == null ? void 0 : k.skipAuth) ?? (p == null ? void 0 : p.options.skipAuthentication), S = {
+      accept: "application/json",
+      ...m.headers ?? {}
+    };
+    k.contentType && (S["Content-Type"] = k.contentType), h || (await (p == null ? void 0 : p.updateToken()), S.Authorization = `Bearer ${p == null ? void 0 : p.token()}`);
+    const y = new URL(d, window.location.href);
+    if (k != null && k.queryParams)
+      for (const [C, w] of Object.entries(k.queryParams))
+        y.searchParams.set(C, w);
+    const U = await fetch(y.toString(), {
+      ...m,
+      headers: S
+    });
+    return U.ok ? U.json() : (k != null && k.skipAuth, Promise.reject({
+      content: U.body,
+      status: U.status
+    }));
   };
-  l.contentType && (h["Content-Type"] = l.contentType), v || (await (m == null ? void 0 : m.updateToken()), h.Authorization = `Bearer ${m == null ? void 0 : m.token()}`);
-  const T = new URL(p, window.location.href);
-  if (l != null && l.queryParams)
-    for (const [I, C] of Object.entries(l.queryParams))
-      T.searchParams.set(I, C);
-  const y = await fetch(T.toString(), {
-    ...e,
-    headers: h
-  });
-  return y.ok ? y.json() : (l != null && l.skipAuth, Promise.reject({
-    content: y.body,
-    status: y.status
-  }));
-}, ke = {
-  get: (p, e) => R(p, { method: "GET" }, e),
-  postFile: (p, e, l = {}, m) => {
-    const v = new FormData();
-    for (const h in l)
-      v.append(h, l[h]);
-    return v.append("file", e), R(
-      p,
+  return {
+    get: (d, m) => e(d, { method: "GET" }, m),
+    postFile: (d, m, k = {}, h) => {
+      const S = new FormData();
+      for (const y in k)
+        S.append(y, k[y]);
+      return S.append("file", m), e(
+        d,
+        {
+          method: "POST",
+          body: S
+        },
+        { ...h, contentType: void 0 }
+      );
+    },
+    post: (d, m, k) => e(
+      d,
       {
         method: "POST",
-        body: v
+        body: JSON.stringify(m)
       },
-      { ...m, contentType: void 0 }
-    );
-  },
-  post: (p, e, l) => R(
-    p,
-    {
-      method: "POST",
-      body: JSON.stringify(e)
-    },
-    l
-  ),
-  patch: (p, e, l) => R(
-    p,
-    {
-      method: "PATCH",
-      body: JSON.stringify(e)
-    },
-    l
-  ),
-  delete: (p, e, l) => R(
-    p,
-    {
-      method: "DELETE",
-      body: JSON.stringify(e)
-    },
-    l
-  )
+      k
+    ),
+    patch: (d, m, k) => e(
+      d,
+      {
+        method: "PATCH",
+        body: JSON.stringify(m)
+      },
+      k
+    ),
+    delete: (d, m, k) => e(
+      d,
+      {
+        method: "DELETE",
+        body: JSON.stringify(m)
+      },
+      k
+    )
+  };
 };
 export {
-  ke as HttpRequest,
-  me as createAuth
+  he as createAuth,
+  me as useHttpRequest
 };

package/lib/request.d.ts

@@ -3,7 +3,7 @@ type RequestOptions = {
     queryParams?: Record<string, any>;
     contentType?: string;
 };
-export declare const HttpRequest: {
+export declare const useHttpRequest: () => {
     get: <T>(url: string, options?: RequestOptions) => Promise<T>;
     postFile: <T>(url: string, file: File, data?: any, options?: RequestOptions) => Promise<T>;
     post: <T>(url: string, data: any, options?: RequestOptions) => Promise<T>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ghentcdh/authentication-vue",
   "license": "MIT",
-  "version": "0.0.2-13",
+  "version": "0.0.2-14",
   "main": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {