@luizleon/sf.prefeiturasp.vuecomponents 0.0.64 → 0.0.66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luizleon/sf.prefeiturasp.vuecomponents",
-  "version": "0.0.64",
+  "version": "0.0.66",
   "type": "module",
   "main": "dist/sf.prefeiturasp.vuecomponents.umd.js",
   "module": "dist/sf.prefeiturasp.vuecomponents.es.js",
@@ -18,6 +18,7 @@
     "vue-currency-input": "3.0.2"
   },
   "devDependencies": {
+    "@noble/hashes": "1.5.0",
     "@types/dompurify": "3.0.5",
     "@vitejs/plugin-vue": "5.0.4",
     "base64-js": "1.5.1",

package/src/axios/axiosClient.ts

@@ -19,7 +19,6 @@ class AxiosClient {
   }
   keycloak: Keycloak;
   axios: AxiosInstance;
-  private fileName: string = "silent-login.html";
 
   private ParseAppResult(data: any): AppResult<any> | null {
     try {
@@ -87,118 +86,11 @@ class AxiosClient {
   }
 
   private async SilentLogin() {
-    return new Promise<boolean>(async (res) => {
-      if (!this.isTokenExpired) {
-        res(true);
-        return;
-      }
-      const iframe = this.GenerateIframe();
-      const fn = (e: MessageEvent) => {
-        document.body.removeChild(iframe);
-        window.removeEventListener("message", fn);
-        if (e.origin !== location.origin) {
-          res(false);
-          return;
-        }
-        const action = e.data.action;
-        const code = e.data.code;
-        const state = e.data.state;
-        const error = e.data.error;
-        if (
-          action !== "silent-login-iframe-result" ||
-          error === "login_required" ||
-          !code
-        ) {
-          res(false);
-          return;
-        }
-        const req = new XMLHttpRequest();
-        req.open("POST", this.tokenExchangeUrl, true);
-        req.setRequestHeader(
-          "Content-type",
-          "application/x-www-form-urlencoded"
-        );
-        req.onreadystatechange = () => {
-          if (req.readyState === 4) {
-            if (req.status === 200) {
-              const tokenResponse = JSON.parse(req.responseText);
-              this.keycloak.setToken(
-                tokenResponse.access_token,
-                null,
-                tokenResponse.id_token,
-                new Date().getTime()
-              );
-              res(true);
-              return;
-            }
-            res(false);
-          }
-        };
-        req.send(this.TokenExchangeParams(code, state));
-      };
-      window.addEventListener("message", fn);
-    }).then((r) => {
-      if (!r) {
-        this.keycloak.clearToken();
-        this.keycloak.login();
-      }
-      return r;
+    return this.keycloak.updateToken(10).catch((_) => {
+      this.keycloak.clearToken();
+      this.keycloak.login();
     });
   }
-
-  private GetCodeVerifierFromState(state: string) {
-    const key = `kc-callback-${state}`;
-    const stored = localStorage.getItem(key);
-    if (stored) {
-      localStorage.removeItem(key);
-      return JSON.parse(stored).pkceCodeVerifier;
-    }
-  }
-
-  private TokenExchangeParams(code: string, state: string) {
-    let params = `code=${code}&grant_type=authorization_code`;
-    params += `&client_id=${encodeURIComponent(
-      this.keycloak.clientId!
-    )}`;
-    params += `&redirect_uri=${this.silentLoginRedirectUrl}`;
-    params += `&code_verifier=${this.GetCodeVerifierFromState(
-      state
-    )}`;
-    return params;
-  }
-
-  private GenerateIframe() {
-    const iframe = document.createElement("iframe");
-    iframe.src =
-      this.keycloak.createLoginUrl({
-        prompt: "none",
-        redirectUri: this.silentLoginRedirectUrl,
-      }) ?? "";
-    document.body.appendChild(iframe);
-    return iframe;
-  }
-
-  private get silentLoginRedirectUrl() {
-    return `${location.origin}/${this.fileName}`;
-  }
-
-  private get tokenExchangeUrl() {
-    return `${this.keycloak.authServerUrl}/realms/${this.keycloak.realm}/protocol/openid-connect/token`;
-  }
-
-  private get isTokenExpired() {
-    const token = this.keycloak.tokenParsed;
-    const exp = token ? token["exp"] : null;
-
-    if (!token || !exp) return true;
-
-    const expiresIn =
-      exp -
-      Math.ceil(new Date().getTime() / 1000) +
-      (this.keycloak.timeSkew ?? 0);
-
-    return expiresIn < 10;
-  }
 }
 
 const UseAxiosClient = (keycloak: Keycloak, baseURL: string) =>

package/src/index.ts

@@ -15,7 +15,10 @@ import {
   UseAlertService,
   UseConfirmService,
 } from "./services/dialogService";
-import { UseAuthService } from "./services/authService";
+import {
+  StartAuthService,
+  UseAuthService,
+} from "./services/authService";
 import { AppResult } from "./common/appResult";
 
 import "./style/componentes.scss";
@@ -32,6 +35,7 @@ export {
   SfMessage,
   SfTooltip,
   SfPanelMenu,
+  StartAuthService,
   UseAuthService,
   UseNavMenuService,
   UseConfirmService,