codevdesign 1.0.74 → 1.0.76

package/outils/rafraichisseurToken.ts

@@ -5,26 +5,59 @@ class RafraichisseurToken {
   private popupAffiche = false
   private timerId: number | null = null
   private nomTemoin = 'csqc_jeton_secure_expiration'
-  private urlPortail = ''
+  private urlPortailSeConnecter = ''
+  private urlPortailRafraichir = ''
+  private urlPortailDeconnecte = ''
   private refreshPromise: Promise<void> | null = null
+  public loggerTrace = false
 
   // 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'
-    this.nomTemoin = nomTemoin as string
-    this.urlPortail = urlPortail
-    await this.verifierJeton(nomTemoin as string, urlPortail)
+  public async demarrer(
+    nomTemoin: string,
+    urlPortailSeConnecter: string,
+    urlPortailRafraichir: string,
+    urlPortailDeconnecte: string,
+  ): Promise<void> {
+    window.rafraichisseurToken = this
+    if (this.loggerTrace) {
+      console.log('Nom témoin', nomTemoin)
+      console.log('URL portail se connecter', urlPortailSeConnecter)
+      console.log('URL portail rafraichir', urlPortailRafraichir)
+      console.log('URL portail déconnecte', urlPortailDeconnecte)
+    }
+
+    if (nomTemoin == null || nomTemoin === '') {
+      console.warn('[RafraichisseurToken] nomTemoin invalide, rafraichisseur de token désactivé')
+      return
+    }
+    if (urlPortailSeConnecter == null || urlPortailSeConnecter === '') {
+      console.warn('[RafraichisseurToken] urlPortailSeConnecter invalide, rafraichisseur de token désactivé')
+      return
+    }
+    if (urlPortailRafraichir == null || urlPortailRafraichir === '') {
+      console.warn('[RafraichisseurToken] urlPortailRafraichir invalide, rafraichisseur de token désactivé')
+      return
+    }
+    if (urlPortailDeconnecte == null || urlPortailDeconnecte === '') {
+      console.warn('[RafraichisseurToken] urlPortailDeconnecte invalide, rafraichisseur de token désactivé')
+      return
+    }
+    this.nomTemoin = nomTemoin
+    this.urlPortailSeConnecter = urlPortailSeConnecter.replace(/\/+$/, '')
+    this.urlPortailRafraichir = urlPortailRafraichir.replace(/\/+$/, '')
+    this.urlPortailDeconnecte = urlPortailDeconnecte.replace(/\/+$/, '')
+
+    await this.verifierJeton()
     if (this.timerId != null) return
     this.timerId = window.setInterval(() => {
-      this.verifierJeton(nomTemoin as string, urlPortail)
+      this.verifierJeton()
     }, this.intervalleEnSecondes * 1000)
   }
 
   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(() => {
+    if (force || !this.estJetonValide()) {
+      this.refreshPromise = this.rafraichir().finally(() => {
         this.refreshPromise = null
       })
       return this.refreshPromise
@@ -40,28 +73,30 @@ class RafraichisseurToken {
     }
   }
 
-  public existeJeton = (nomTemoin: string) => {
-    return this.estJetonValide(nomTemoin)
+  public existeJeton = () => {
+    return this.estJetonValide()
   }
 
-  private async verifierJeton(nomTemoin: string, urlPortail: string): Promise<void> {
-    if (this.popupAffiche) return
+  private async verifierJeton(): Promise<void> {
+    if (this.loggerTrace) console.log('[RafraichisseurToken] Vérification du jeton...')
+    if (this.popupAffiche) {
+      if (this.loggerTrace) console.log('[RafraichisseurToken] Popup affiché, vérification du jeton ignorée')
+      return
+    }
 
-    if (!this.estJetonValide(nomTemoin)) {
+    if (!this.estJetonValide()) {
       if (!this.refreshPromise) {
-        this.refreshPromise = this.rafraichir(nomTemoin, urlPortail).finally(() => {
+        this.refreshPromise = this.rafraichir().finally(() => {
           this.refreshPromise = null
         })
       }
     }
   }
 
-  private estJetonValide(nomTemoin: string): boolean {
-    if (this.popupAffiche || !nomTemoin) return true //On fait semblant que c'est valide pour ne pas provoquer un autre affichage du popup.
-
-
+  private estJetonValide(): boolean {
+    if (this.popupAffiche) return true //On fait semblant que c'est valide pour ne pas provoquer un autre affichage du popup.
 
-    const tokenEncode = this.lireCookie(nomTemoin)
+    const tokenEncode = this.lireCookie()
     if (!tokenEncode) {
       return false
     }
@@ -87,12 +122,11 @@ class RafraichisseurToken {
     return true
   }
 
-  private async rafraichir(nomCookie: string, urlPortail: string): Promise<void> {
-    if (!nomCookie) return
-    //console.log('[RafraichisseurToken] rafraichir() appelé')
-    if (urlPortail == null || urlPortail == '') return
+  private async rafraichir(): Promise<void> {
+    if (this.loggerTrace) console.log('[RafraichisseurToken] rafraichir() appelé')
+
     this.popupAffiche = true // bloquer tout nouveau tick pendant le refresh
-    const url = this.getRefreshUrl(urlPortail)
+    const url = this.getRefreshUrl()
     const controller = new AbortController()
     const timeout = setTimeout(() => controller.abort(), 10_000)
 
@@ -107,18 +141,18 @@ class RafraichisseurToken {
       })
 
       // 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 (this.loggerTrace) console.log('[RafraichisseurToken] fetch réponse type:', resp.type, 'status:', resp.status)
       if (resp.type === 'opaqueredirect' || resp.status === 302) {
-        this.estDeconnecteAzure(urlPortail)
+        this.estDeconnecteAzure()
         return
       }
 
       // OK ou No Content: le cookie devrait être réécrit
       if (resp.status === 200 || resp.status === 204) {
-        const jeton = this.lireCookie(nomCookie)
+        const jeton = this.lireCookie()
         if (!jeton) {
-          //   console.log('[RafraichisseurToken] 200 mais cookie absent → iframe')
-          this.rafraichirParIframe(nomCookie, urlPortail)
+          if (this.loggerTrace) console.log('[RafraichisseurToken] 200 mais cookie absent → iframe')
+          this.rafraichirParIframe()
         } else {
           this.popupAffiche = false // succès, reprendre la surveillance
         }
@@ -127,8 +161,8 @@ class RafraichisseurToken {
 
       // 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)
+        if (this.loggerTrace) console.log('[RafraichisseurToken] statut auth → iframe')
+        this.rafraichirParIframe()
         return
       }
 
@@ -143,10 +177,10 @@ class RafraichisseurToken {
     }
   }
 
-  private rafraichirParIframe(nomCookie: string, urlPortail: string): void {
+  private rafraichirParIframe(): void {
     this.popupAffiche = true // bloquer le timer pendant que l'iframe tente l'auth
     let iframe = document.createElement('iframe')
-    const url = this.getRefreshUrl(urlPortail)
+    const url = this.getRefreshUrl()
     iframe.src = `${url}?urlRetour=${encodeURI(window.location.href)}`
     iframe.id = 'idRafrToken'
     iframe.style.display = 'none'
@@ -161,13 +195,15 @@ class RafraichisseurToken {
     }, 15_000)
 
     iframe.onload = () => {
+      if (this.loggerTrace) console.log('[RafraichisseurToken] iframe onload, vérification du jeton...')
       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)
+
+      const jeton = this.lireCookie()
       if (jeton == null || jeton === '') {
-        this.estDeconnecteAzure(urlPortail)
+        if (this.loggerTrace)
+          console.log('[RafraichisseurToken] iframe onload, jeton toujours absent → déconnecté Azure')
+        this.estDeconnecteAzure()
       } else {
         this.popupAffiche = false // cookie recréé avec succès, reprendre la surveillance
       }
@@ -177,28 +213,27 @@ class RafraichisseurToken {
     }
   }
 
-  private estDeconnecteAzure(urlPortail: string): void {
+  private estDeconnecteAzure(): void {
     //on envoie au portail, pas le choix
-    urlPortail = urlPortail.replace(/\/+$/, '')
     const retour = encodeURI(window.location.href)
-    window.open(`${urlPortail}/home/SeConnecter?urlRetour=${retour}`, '_self')
+
+    window.open(`${this.urlPortailSeConnecter}?urlRetour=${retour}`, '_self')
     return
   }
 
-  public deconnecterPortail(urlPortail: string): void {
-    urlPortail = urlPortail.replace(/\/+$/, '')
-    window.location.replace(`${urlPortail}/deconnecte?urlRetour=${encodeURIComponent(window.location.href)}`)
+  public deconnecterPortail(): void {
+    window.location.replace(`${this.urlPortailDeconnecte}?urlRetour=${encodeURIComponent(window.location.href)}`)
   }
 
-  private lireCookie(nom: string): string | null {
+  private lireCookie(): string | null {
     if (!document.cookie) return null
     const cookies = document.cookie.split(';').map(c => c.trim())
     for (const cookie of cookies) {
-      if (cookie.startsWith(`${nom}=`)) {
+      if (cookie.startsWith(`${this.nomTemoin}=`)) {
         try {
-          return decodeURIComponent(cookie.substring(nom.length + 1))
+          return decodeURIComponent(cookie.substring(this.nomTemoin.length + 1))
         } catch {
-          return cookie.substring(nom.length + 1)
+          return cookie.substring(this.nomTemoin.length + 1)
         }
       }
     }
@@ -222,11 +257,11 @@ class RafraichisseurToken {
 
   private reloadSiErreurReseau(): void {
     const CLE = 'rafraichisseur_dernierReload'
-    //  console.log('[RafraichisseurToken] reload si erreur')
+    if (this.loggerTrace) 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)
+      if (this.loggerTrace) console.log('[RafraichisseurToken] Écriture sessionStorage:', CLE, maintenant)
       sessionStorage.setItem(CLE, String(maintenant))
 
       globalThis.location.reload()
@@ -236,12 +271,24 @@ class RafraichisseurToken {
   }
 
   // URL refresh selon env (dev = proxy Vite ; prod = portail)
-  private getRefreshUrl(urlPortail: string): string {
+  private getRefreshUrl(): string {
     if (import.meta.env.MODE === 'development') return '/portail-refresh'
-    return urlPortail + '/home/Refresh'
+    return this.urlPortailRafraichir
+  }
+}
+
+declare global {
+  interface Window {
+    rafraichisseurToken: RafraichisseurToken
   }
 }
 
 // Instance
 const rafraichisseurToken = new RafraichisseurToken()
 export default rafraichisseurToken
+
+declare global {
+  interface Window {
+    rafraichisseurToken: RafraichisseurToken
+  }
+}

package/package.json

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