codevdesign 1.0.67 → 1.0.68

package/outils/rafraichisseurToken.ts

@@ -1,22 +1,38 @@
 class RafraichisseurToken {
   private intervalleEnSecondes = 15
   private secondesAvantExpirationTokenPourRafraichir = 20
-  private skewSeconds = 5 // marge anti-derives d’horloge
+  private skewSeconds = 5 // marge anti-derives d'horloge
   private popupAffiche = false
   private timerId: number | null = null
+  private nomTemoin = 'csqc_jeton_secure_expiration'
+  private urlPortail = ''
+  private refreshPromise: Promise<void> | null = null
 
   // Lance une seule fois
   public async demarrer(nomTemoin: string | null, urlPortail: string): Promise<void> {
     urlPortail = urlPortail.replace(/\/+$/, '')
     if (nomTemoin == null || nomTemoin === '') nomTemoin = 'csqc_jeton_secure_expiration'
-    await this.verifierJeton(nomTemoin, urlPortail)
+    this.nomTemoin = nomTemoin as string
+    this.urlPortail = urlPortail
+    await this.verifierJeton(nomTemoin as string, urlPortail)
     if (this.timerId != null) return
     this.timerId = window.setInterval(() => {
-      this.verifierJeton(nomTemoin, urlPortail)
+      this.verifierJeton(nomTemoin as string, urlPortail)
     }, this.intervalleEnSecondes * 1000)
   }
 
-  // Permet d’arrêter le timer (ex: au logout / destroy)
+  public attendreRefreshSiNecessaire(force = false): Promise<void> {
+    if (this.refreshPromise) return this.refreshPromise
+    if (force || !this.estJetonValide(this.nomTemoin)) {
+      this.refreshPromise = this.rafraichir(this.nomTemoin, this.urlPortail).finally(() => {
+        this.refreshPromise = null
+      })
+      return this.refreshPromise
+    }
+    return Promise.resolve()
+  }
+
+  // Permet d'arrêter le timer (ex: au logout / destroy)
   public arreter(): void {
     if (this.timerId != null) {
       clearInterval(this.timerId)
@@ -32,8 +48,11 @@ class RafraichisseurToken {
     if (this.popupAffiche) return
 
     if (!this.estJetonValide(nomTemoin)) {
-      this.rafraichir(nomTemoin, urlPortail)
-      return
+      if (!this.refreshPromise) {
+        this.refreshPromise = this.rafraichir(nomTemoin, urlPortail).finally(() => {
+          this.refreshPromise = null
+        })
+      }
     }
   }
 
@@ -54,8 +73,6 @@ class RafraichisseurToken {
 
     const exp = Number(token?.exp)
     if (!Number.isFinite(exp)) {
-      // exp manquant/invalide → tente refresh
-
       return false
     }
 
@@ -70,6 +87,8 @@ class RafraichisseurToken {
 
   private async rafraichir(nomCookie: string, urlPortail: string): Promise<void> {
     if (!nomCookie) return
+    //console.log('[RafraichisseurToken] rafraichir() appelé')
+    this.popupAffiche = true // bloquer tout nouveau tick pendant le refresh
     const url = this.getRefreshUrl(urlPortail)
     const controller = new AbortController()
     const timeout = setTimeout(() => controller.abort(), 10_000)
@@ -84,51 +103,73 @@ class RafraichisseurToken {
         signal: controller.signal,
       })
 
-      // redirection (souvent => login) → traiter comme non auth
-
+      // redirection vers Azure AD → session expirée, l'iframe ne peut pas compléter le flow OIDC cross-site
+      //console.log('[RafraichisseurToken] fetch réponse type:', resp.type, 'status:', resp.status)
       if (resp.type === 'opaqueredirect' || resp.status === 302) {
-        this.rafraichirParIframe(nomCookie, urlPortail)
+        this.estDeconnecteAzure(urlPortail)
         return
       }
 
       // OK ou No Content: le cookie devrait être réécrit
       if (resp.status === 200 || resp.status === 204) {
         const jeton = this.lireCookie(nomCookie)
-        if (!jeton) this.rafraichirParIframe(nomCookie, urlPortail)
+        if (!jeton) {
+          //   console.log('[RafraichisseurToken] 200 mais cookie absent → iframe')
+          this.rafraichirParIframe(nomCookie, urlPortail)
+        } else {
+          this.popupAffiche = false // succès, reprendre la surveillance
+        }
         return
       }
 
       // non auth / expiré (401, 419) + IIS timeout (440)
       if (resp.status === 401 || resp.status === 419 || resp.status === 440) {
+        //   console.log('[RafraichisseurToken] statut auth → iframe')
         this.rafraichirParIframe(nomCookie, urlPortail)
         return
       }
 
       console.warn('Rafraichisseur token: statut inattendu', resp.status)
+      this.popupAffiche = false // statut inattendu, permettre un retry
     } catch (err: any) {
       if (err?.name === 'AbortError') console.warn('RafraichisseurToken timeout')
       else console.error('Erreur rafraichisseur de token', err)
-      // on réessaiera au prochain tick
+      this.reloadSiErreurReseau()
     } finally {
       clearTimeout(timeout)
     }
   }
 
   private rafraichirParIframe(nomCookie: string, urlPortail: string): void {
-    // Pour éviter les cross référence, on créé un iframe qui appel portail et force la MAJ du jeton ou l'invalidation du jeton, si jamais l'utilisateur n'est plus connecté
-    // ajax vers le refresh
+    this.popupAffiche = true // bloquer le timer pendant que l'iframe tente l'auth
     let iframe = document.createElement('iframe')
     const url = this.getRefreshUrl(urlPortail)
     iframe.src = `${url}?urlRetour=${encodeURI(window.location.href)}`
     iframe.id = 'idRafrToken'
     iframe.style.display = 'none'
     document.body.appendChild(iframe)
+
+    const iframeTimeout = setTimeout(() => {
+      iframe.onload = null
+      iframe.src = 'about:blank'
+      iframe.remove()
+      this.popupAffiche = false
+      console.warn('[RafraichisseurToken] iframe timeout — popupAffiche réinitialisé')
+    }, 15_000)
+
     iframe.onload = () => {
-      const jetonCSQC = this.lireCookie(nomCookie)
-      if (jetonCSQC == null || jetonCSQC === '') {
+      clearTimeout(iframeTimeout)
+      iframe.onload = null // empêcher les re-entrées sur les redirects OIDC internes
+      const nomSecure = nomCookie.replace('_expiration', '')
+      const cookieAVerifier = nomSecure !== nomCookie ? nomSecure : nomCookie
+      const jeton = this.lireCookie(cookieAVerifier)
+      if (jeton == null || jeton === '') {
         this.estDeconnecteAzure(urlPortail)
+      } else {
+        this.popupAffiche = false // cookie recréé avec succès, reprendre la surveillance
       }
 
+      iframe.src = 'about:blank' // stopper les navigations internes
       iframe.remove()
     }
   }
@@ -176,6 +217,21 @@ class RafraichisseurToken {
     return JSON.parse(jsonPayload)
   }
 
+  private reloadSiErreurReseau(): void {
+    const CLE = 'rafraichisseur_dernierReload'
+    //  console.log('[RafraichisseurToken] reload si erreur')
+    const maintenant = Date.now()
+    const dernierReload = Number(sessionStorage.getItem(CLE) ?? 0)
+    if (maintenant - dernierReload > 30_000) {
+      //  console.log('[RafraichisseurToken] Écriture sessionStorage:', CLE, maintenant)
+      sessionStorage.setItem(CLE, String(maintenant))
+
+      globalThis.location.reload()
+    } else {
+      this.popupAffiche = false
+    }
+  }
+
   // URL refresh selon env (dev = proxy Vite ; prod = portail)
   private getRefreshUrl(urlPortail: string): string {
     if (import.meta.env.MODE === 'development') return '/portail-refresh'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codevdesign",
-  "version": "1.0.67",
+  "version": "1.0.68",
   "description": "Composants Vuetify 3 pour les projets Codev",
   "files": [
     "./**/*.vue",