codevdesign 1.0.77 → 1.0.78

package/outils/rafraichisseurToken.ts

@@ -1,310 +1,310 @@
-class RafraichisseurToken {
-  private intervalleEnSecondes = 15
-  private secondesAvantExpirationTokenPourRafraichir = 20
-  private skewSeconds = 5 // marge anti-derives d'horloge
-  private popupAffiche = false
-  private timerId: number | null = null
-  private nomTemoin = 'csqc_jeton_secure_expiration'
-  private urlPortailSeConnecter = ''
-  private urlPortailRafraichir = ''
-  private urlPortailDeconnecte = ''
-  private refreshPromise: Promise<void> | null = null
-  public loggerTrace = false
-
-  // Lance une seule fois
-  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()
-    }, this.intervalleEnSecondes * 1000)
-  }
-
-  public attendreRefreshSiNecessaire(force = false): Promise<void> {
-    if (this.urlPortailSeConnecter == null || this.urlPortailSeConnecter === '') {
-      if (this.loggerTrace)
-        console.warn(
-          '[RafraichisseurToken] attendreRefreshSiNecessaire appelé alors que aucun url se connecter a été configuré.',
-        )
-      return Promise.resolve()
-    }
-
-    if (this.urlPortailRafraichir == null || this.urlPortailRafraichir === '') {
-      if (this.loggerTrace)
-        console.warn(
-          '[RafraichisseurToken] attendreRefreshSiNecessaire appelé alors que aucun url rafraichir a été configuré.',
-        )
-      return Promise.resolve()
-    }
-
-    if (this.refreshPromise) return this.refreshPromise
-    if (force || !this.estJetonValide()) {
-      this.refreshPromise = this.rafraichir().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)
-      this.timerId = null
-    }
-  }
-
-  public existeJeton = () => {
-    return this.estJetonValide()
-  }
-
-  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()) {
-      if (!this.refreshPromise) {
-        this.refreshPromise = this.rafraichir().finally(() => {
-          this.refreshPromise = null
-        })
-      }
-    }
-  }
-
-  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()
-    if (!tokenEncode) {
-      return false
-    }
-
-    let token: any
-    try {
-      token = this.parseJwt(tokenEncode)
-    } catch {
-      return false
-    }
-
-    const exp = Number(token?.exp)
-    if (!Number.isFinite(exp)) {
-      return false
-    }
-
-    const now = Math.floor(Date.now() / 1000)
-    const refreshAt = exp - this.secondesAvantExpirationTokenPourRafraichir - this.skewSeconds
-    if (now >= refreshAt) {
-      return false
-    }
-
-    return true
-  }
-
-  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()
-    const controller = new AbortController()
-    const timeout = setTimeout(() => controller.abort(), 10_000)
-
-    try {
-      //Première tentative sans iframe, pour la majorité des cas.
-      const resp = await fetch(url, {
-        method: 'POST',
-        credentials: 'include',
-        headers: { Accept: 'application/json' },
-        redirect: 'manual',
-        signal: controller.signal,
-      })
-
-      // redirection vers Azure AD → session expirée, l'iframe ne peut pas compléter le flow OIDC cross-site
-      if (this.loggerTrace) console.log('[RafraichisseurToken] fetch réponse type:', resp.type, 'status:', resp.status)
-      if (resp.type === 'opaqueredirect' || resp.status === 302) {
-        this.estDeconnecteAzure()
-        return
-      }
-
-      // OK ou No Content: le cookie devrait être réécrit
-      if (resp.status === 200 || resp.status === 204) {
-        const jeton = this.lireCookie()
-        if (!jeton) {
-          if (this.loggerTrace) console.log('[RafraichisseurToken] 200 mais cookie absent → iframe')
-          this.rafraichirParIframe()
-        } 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) {
-        if (this.loggerTrace) console.log('[RafraichisseurToken] statut auth → iframe')
-        this.rafraichirParIframe()
-        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)
-      this.reloadSiErreurReseau()
-    } finally {
-      clearTimeout(timeout)
-    }
-  }
-
-  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()
-    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 = () => {
-      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 jeton = this.lireCookie()
-      if (jeton == null || jeton === '') {
-        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
-      }
-
-      iframe.src = 'about:blank' // stopper les navigations internes
-      iframe.remove()
-    }
-  }
-
-  private estDeconnecteAzure(): void {
-    //on envoie au portail, pas le choix
-    const retour = encodeURI(window.location.href)
-
-    window.open(`${this.urlPortailSeConnecter}?urlRetour=${retour}`, '_self')
-    return
-  }
-
-  public deconnecterPortail(): void {
-    window.location.replace(`${this.urlPortailDeconnecte}?urlRetour=${encodeURIComponent(window.location.href)}`)
-  }
-
-  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(`${this.nomTemoin}=`)) {
-        try {
-          return decodeURIComponent(cookie.substring(this.nomTemoin.length + 1))
-        } catch {
-          return cookie.substring(this.nomTemoin.length + 1)
-        }
-      }
-    }
-    return null
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  private parseJwt(token: string): any {
-    const parts = token.split('.')
-    const base64Url = parts[1]
-    if (!base64Url) throw new Error('Invalid JWT format')
-    const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/')
-    const jsonPayload = decodeURIComponent(
-      atob(base64)
-        .split('')
-        .map(c => `%${`00${c.charCodeAt(0).toString(16)}`.slice(-2)}`)
-        .join(''),
-    )
-    return JSON.parse(jsonPayload)
-  }
-
-  private reloadSiErreurReseau(): void {
-    const CLE = 'rafraichisseur_dernierReload'
-    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) {
-      if (this.loggerTrace) 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(): string {
-    if (import.meta.env.MODE === 'development') return '/portail-refresh'
-    return this.urlPortailRafraichir
-  }
-}
-
-declare global {
-  interface Window {
-    rafraichisseurToken: RafraichisseurToken
-  }
-}
-
-// Instance
-const rafraichisseurToken = new RafraichisseurToken()
-export default rafraichisseurToken
-
-declare global {
-  interface Window {
-    rafraichisseurToken: RafraichisseurToken
-  }
-}
+class RafraichisseurToken {
+  private intervalleEnSecondes = 15
+  private secondesAvantExpirationTokenPourRafraichir = 20
+  private skewSeconds = 5 // marge anti-derives d'horloge
+  private popupAffiche = false
+  private timerId: number | null = null
+  private nomTemoin = 'csqc_jeton_secure_expiration'
+  private urlPortailSeConnecter = ''
+  private urlPortailRafraichir = ''
+  private urlPortailDeconnecte = ''
+  private refreshPromise: Promise<void> | null = null
+  public loggerTrace = false
+
+  // Lance une seule fois
+  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()
+    }, this.intervalleEnSecondes * 1000)
+  }
+
+  public attendreRefreshSiNecessaire(force = false): Promise<void> {
+    if (this.urlPortailSeConnecter == null || this.urlPortailSeConnecter === '') {
+      if (this.loggerTrace)
+        console.warn(
+          '[RafraichisseurToken] attendreRefreshSiNecessaire appelé alors que aucun url se connecter a été configuré.',
+        )
+      return Promise.resolve()
+    }
+
+    if (this.urlPortailRafraichir == null || this.urlPortailRafraichir === '') {
+      if (this.loggerTrace)
+        console.warn(
+          '[RafraichisseurToken] attendreRefreshSiNecessaire appelé alors que aucun url rafraichir a été configuré.',
+        )
+      return Promise.resolve()
+    }
+
+    if (this.refreshPromise) return this.refreshPromise
+    if (force || !this.estJetonValide()) {
+      this.refreshPromise = this.rafraichir().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)
+      this.timerId = null
+    }
+  }
+
+  public existeJeton = () => {
+    return this.estJetonValide()
+  }
+
+  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()) {
+      if (!this.refreshPromise) {
+        this.refreshPromise = this.rafraichir().finally(() => {
+          this.refreshPromise = null
+        })
+      }
+    }
+  }
+
+  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()
+    if (!tokenEncode) {
+      return false
+    }
+
+    let token: any
+    try {
+      token = this.parseJwt(tokenEncode)
+    } catch {
+      return false
+    }
+
+    const exp = Number(token?.exp)
+    if (!Number.isFinite(exp)) {
+      return false
+    }
+
+    const now = Math.floor(Date.now() / 1000)
+    const refreshAt = exp - this.secondesAvantExpirationTokenPourRafraichir - this.skewSeconds
+    if (now >= refreshAt) {
+      return false
+    }
+
+    return true
+  }
+
+  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()
+    const controller = new AbortController()
+    const timeout = setTimeout(() => controller.abort(), 10_000)
+
+    try {
+      //Première tentative sans iframe, pour la majorité des cas.
+      const resp = await fetch(url, {
+        method: 'POST',
+        credentials: 'include',
+        headers: { Accept: 'application/json' },
+        redirect: 'manual',
+        signal: controller.signal,
+      })
+
+      // redirection vers Azure AD → session expirée, l'iframe ne peut pas compléter le flow OIDC cross-site
+      if (this.loggerTrace) console.log('[RafraichisseurToken] fetch réponse type:', resp.type, 'status:', resp.status)
+      if (resp.type === 'opaqueredirect' || resp.status === 302) {
+        this.estDeconnecteAzure()
+        return
+      }
+
+      // OK ou No Content: le cookie devrait être réécrit
+      if (resp.status === 200 || resp.status === 204) {
+        const jeton = this.lireCookie()
+        if (!jeton) {
+          if (this.loggerTrace) console.log('[RafraichisseurToken] 200 mais cookie absent → iframe')
+          this.rafraichirParIframe()
+        } 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) {
+        if (this.loggerTrace) console.log('[RafraichisseurToken] statut auth → iframe')
+        this.rafraichirParIframe()
+        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)
+      this.reloadSiErreurReseau()
+    } finally {
+      clearTimeout(timeout)
+    }
+  }
+
+  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()
+    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 = () => {
+      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 jeton = this.lireCookie()
+      if (jeton == null || jeton === '') {
+        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
+      }
+
+      iframe.src = 'about:blank' // stopper les navigations internes
+      iframe.remove()
+    }
+  }
+
+  private estDeconnecteAzure(): void {
+    //on envoie au portail, pas le choix
+    const retour = encodeURI(window.location.href)
+
+    window.open(`${this.urlPortailSeConnecter}?urlRetour=${retour}`, '_self')
+    return
+  }
+
+  public deconnecterPortail(): void {
+    window.location.replace(`${this.urlPortailDeconnecte}?urlRetour=${encodeURIComponent(window.location.href)}`)
+  }
+
+  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(`${this.nomTemoin}=`)) {
+        try {
+          return decodeURIComponent(cookie.substring(this.nomTemoin.length + 1))
+        } catch {
+          return cookie.substring(this.nomTemoin.length + 1)
+        }
+      }
+    }
+    return null
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  private parseJwt(token: string): any {
+    const parts = token.split('.')
+    const base64Url = parts[1]
+    if (!base64Url) throw new Error('Invalid JWT format')
+    const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/')
+    const jsonPayload = decodeURIComponent(
+      atob(base64)
+        .split('')
+        .map(c => `%${`00${c.charCodeAt(0).toString(16)}`.slice(-2)}`)
+        .join(''),
+    )
+    return JSON.parse(jsonPayload)
+  }
+
+  private reloadSiErreurReseau(): void {
+    const CLE = 'rafraichisseur_dernierReload'
+    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) {
+      if (this.loggerTrace) 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(): string {
+    if (import.meta.env.MODE === 'development') return '/portail-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.77",
+  "version": "1.0.78",
   "description": "Composants Vuetify 3 pour les projets Codev",
   "files": [
     "./**/*.vue",