codevdesign 1.0.1 → 1.0.2

package/outils/appAxios.ts

@@ -1,117 +1,116 @@
-import axios, { type AxiosInstance, type AxiosError, type AxiosResponse } from 'axios'
-import { useAppStore } from '@/store/appStore'
-import router from '@/router'
-
-type ApiReponse<T = unknown> =
-  // Succès
-  | {
-    succes: true
-    resultat: T
-    status?: number
-    message?: string
-    location?: string
-    parametres?: unknown
-    [k: string]: unknown
-  }
-  // Échec (le backend peut quand même renvoyer resultat null/absent)
-  | {
-    succes: false
-    resultat?: unknown
-    status?: number
-    message?: string
-    location?: string
-    parametres?: unknown
-    [k: string]: unknown
-  }
-
-let client: AxiosInstance | null = null
-let cachedBaseUrl = '' // pour éviter de régénérer une instance axios si rien n’a changé
-
-export default {
-  clearCache: false,
-
-  getAxios(): AxiosInstance {
-    // Singleton + clearCache
-    if (client && !this.clearCache) return client
-
-    const appStore = useAppStore()
-
-    const rawUrl = appStore.modeleCharger
-      ? appStore.appModele!.urlBase
-      : window.location.origin + import.meta.env.BASE_URL
-
-    const urlBase = rawUrl.endsWith('/') ? rawUrl.slice(0, -1) : rawUrl
-
-    // Si la base URL n'a pas changé et qu'on a déjà un client, on le renvoie
-    if (client && cachedBaseUrl === urlBase && !this.clearCache) return client
-    cachedBaseUrl = urlBase
-
-    client = axios.create({
-      baseURL: `${urlBase}/api`,
-      withCredentials: true,
-      timeout: 30_000,
-      headers: {
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
-        'X-Requested-With': 'XMLHttpRequest',
-      },
-      // validateStatus: (s) => s >= 200 && s < 300, // défaut axios
-    })
-
-    client.interceptors.response.use(
-      (response: AxiosResponse<any>) => {
-        const data = response.data
-
-        // Détection de la réponse { succes, resultat }
-        if (data && typeof data === 'object' && 'succes' in data) {
-          const env = data as ApiReponse
-          return env.succes === true ? env.resultat : Promise.reject(env)
-        }
-
-        // Sinon, renvoyer data si présent, sinon la réponse complète
-        return data ?? response
-      },
-
-      (error: AxiosError<any>) => {
-        const status = error.response?.status
-        const payload = error.response?.data?.resultat ?? { message: error.message }
-
-
-
-        // 403 / 404
-        if (status === 403 || status === 404) {
-          try {
-            appStore.lancerErreur(payload)
-            if (router.currentRoute.value.name !== '403') {
-              router.push({ name: '403' })
-            }
-          } catch {
-            // no-op
-          }
-          return Promise.reject(payload)
-        }
-
-        // gérer les autres 4XX ici
-
-        // Log minimal
-        console.error('HTTP error', {
-          status,
-          url: error.config?.url,
-          payload,
-        })
-
-        // Remonter l’erreur normalisée dans appstore
-        try {
-          if (payload?.resultat) appStore.lancerErreur(payload)
-        } catch {
-          // no-op
-        }
-        return Promise.reject(payload)
-      },
-    )
-
-    // reset le flag si on l’avait utilisé pour forcer la recréation de l'instance
-    this.clearCache = false
-    return client
-  },
-}
+import axios, { type AxiosInstance, type AxiosError, type AxiosResponse } from 'axios'
+import { useAppStore } from '@/store/appStore'
+import router from '@/router'
+
+type ApiReponse<T = unknown> =
+  // Succès
+  | {
+    succes: true
+    resultat: T
+    status?: number
+    message?: string
+    location?: string
+    parametres?: unknown
+    [k: string]: unknown
+  }
+  // Échec (le backend peut quand même renvoyer resultat null/absent)
+  | {
+    succes: false
+    resultat?: unknown
+    status?: number
+    message?: string
+    location?: string
+    parametres?: unknown
+    [k: string]: unknown
+  }
+
+let client: AxiosInstance | null = null
+let cachedBaseUrl = '' // pour éviter de régénérer une instance axios si rien n’a changé
+
+export default {
+  clearCache: false,
+
+  getAxios(): AxiosInstance {
+    // Singleton + clearCache
+    if (client && !this.clearCache) return client
+
+    const appStore = useAppStore()
+
+    const rawUrl = appStore.modeleCharger
+      ? appStore.appModele!.urlBase
+      : window.location.origin + import.meta.env.BASE_URL
+
+    const urlBase = rawUrl.endsWith('/') ? rawUrl.slice(0, -1) : rawUrl
+
+    // Si la base URL n'a pas changé et qu'on a déjà un client, on le renvoie
+    if (client && cachedBaseUrl === urlBase && !this.clearCache) return client
+    cachedBaseUrl = urlBase
+
+    client = axios.create({
+      baseURL: `${urlBase}/api`,
+      withCredentials: true,
+      timeout: 30_000,
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json',
+        'X-Requested-With': 'XMLHttpRequest',
+      },
+      // validateStatus: (s) => s >= 200 && s < 300, // défaut axios
+    })
+
+    client.interceptors.response.use(
+      (response: AxiosResponse<any>) => {
+        const data = response.data
+
+        // Détection de la réponse { succes, resultat }
+        if (data && typeof data === 'object' && 'succes' in data) {
+          const env = data as ApiReponse
+          return env.succes === true ? env.resultat : Promise.reject(env)
+        }
+
+        // Sinon, renvoyer data si présent, sinon la réponse complète
+        return data ?? response
+      },
+
+      (error: AxiosError<any>) => {
+        const status = error.response?.status
+        const payload = error.response?.data?.resultat ?? { message: error.message }
+
+        // 403 / 404
+        if (status === 403 || status === 404) {
+          try {
+            appStore.lancerErreur(payload)
+            if (router.currentRoute.value.name !== '403') {
+              router.push({ name: '403' })
+            }
+          } catch {
+            // no-op
+          }
+          return Promise.reject(payload)
+        }
+
+        // gérer les autres 4XX ici
+
+        // Log minimal
+        console.error('HTTP error', {
+          status,
+          url: error.config?.url,
+          payload,
+        })
+
+        // Remonter l’erreur normalisée dans appstore
+        try {
+          if (payload?.resultat) appStore.lancerErreur(payload)
+          else if (payload) appStore.lancerErreur(payload)
+        } catch {
+          // no-op
+        }
+        return Promise.reject(payload)
+      },
+    )
+
+    // reset le flag si on l’avait utilisé pour forcer la recréation de l'instance
+    this.clearCache = false
+    return client
+  },
+}

package/outils/rafraichisseurToken.ts

@@ -1,4 +1,3 @@
-import i18n from '@/plugins/i18n'
 import { useAppStore } from '@/store/appStore'
 
 class RafraichisseurToken {
@@ -8,14 +7,15 @@ class RafraichisseurToken {
   private popupAffiche = false
   private appStore: ReturnType<typeof useAppStore> | null = null
   private timerId: number | null = null
-  private deconnexionEnCours = false // évite les popups multiples
 
   // Lance une seule fois
   public async demarrer(): Promise<void> {
     this.appStore = useAppStore()
     await this.verifierToken()
     if (this.timerId != null) return
-    this.timerId = window.setInterval(() => { this.verifierToken() }, this.intervalleEnSecondes * 1000)
+    this.timerId = window.setInterval(() => {
+      this.verifierToken()
+    }, this.intervalleEnSecondes * 1000)
   }
 
   // Permet d’arrêter le timer (ex: au logout / destroy)
@@ -31,7 +31,10 @@ class RafraichisseurToken {
     const modele = this.appStore?.appModele
     if (this.popupAffiche || !modele) return
     const tokenEncode = this.lireCookie(modele.nomCookie)
-    if (!tokenEncode) { await this.rafraichir(); return }
+    if (!tokenEncode) {
+      await this.rafraichir()
+      return
+    }
 
     let token: any
     try {
@@ -42,7 +45,8 @@ class RafraichisseurToken {
     }
 
     const exp = Number(token?.exp)
-    if (!Number.isFinite(exp)) { // exp manquant/invalide → tente refresh
+    if (!Number.isFinite(exp)) {
+      // exp manquant/invalide → tente refresh
       await this.rafraichir()
       return
     }
@@ -63,6 +67,7 @@ class RafraichisseurToken {
     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',
@@ -72,21 +77,22 @@ class RafraichisseurToken {
       })
 
       // redirection (souvent => login) → traiter comme non auth
+
       if (resp.type === 'opaqueredirect' || resp.status === 302) {
-        this.deconnecterAzure()
+        this.rafraichirParIframe()
         return
       }
 
       // OK ou No Content: le cookie devrait être réécrit
       if (resp.status === 200 || resp.status === 204) {
         const jeton = this.lireCookie(modele.nomCookie)
-        if (!jeton) this.deconnecterAzure()
+        if (!jeton) this.rafraichirParIframe()
         return
       }
 
       // non auth / expiré (401, 419) + IIS timeout (440)
       if (resp.status === 401 || resp.status === 419 || resp.status === 440) {
-        this.deconnecterAzure()
+        this.rafraichirParIframe()
         return
       }
 
@@ -100,20 +106,32 @@ class RafraichisseurToken {
     }
   }
 
-  private deconnecterAzure(): void {
-    if (this.deconnexionEnCours) return
-    this.deconnexionEnCours = true
-    const { t } = i18n.global
-    this.popupAffiche = true
+  private rafraichirParIframe() {
     if (!this.appStore) this.appStore = useAppStore()
+    // 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
+    let iframe = document.createElement('iframe')
+    iframe.src = `${this.appStore.appModele!.urlPortailRafraichissement}?urlRetour=${encodeURI(window.localStorage.href)}`
+    iframe.id = 'idRafrToken'
+    iframe.style.display = 'none'
+    document.body.appendChild(iframe)
+    iframe.onload = () => {
+      const jetonCSQC = this.lireCookie(this.appStore!.appModele!.nomCookie)
+      if (jetonCSQC == null || jetonCSQC === '') {
+        this.estDeconnecteAzure()
+      }
 
-    if (this.appStore?.appModele && confirm(t('csqc.message.token'))) {
-      const retour = encodeURI(window.location.href)
-      window.open(`${this.appStore.appModele.urlPortailSeConnecter}?urlRetour=${retour}`, '_self')
+      iframe.remove()
     }
+  }
+
+  private estDeconnecteAzure(): void {
+    //on envoie au portail, pas le choix
+    if (!this.appStore) this.appStore = useAppStore()
 
-    // si l’utilisateur annule, on permet un futur prompt
-    this.deconnexionEnCours = false
+    const retour = encodeURI(window.location.href)
+    window.open(`${this.appStore.appModele!.urlPortailSeConnecter}?urlRetour=${retour}`, '_self')
+    return
   }
 
   public deconnecterPortail(): void {
@@ -121,23 +139,20 @@ class RafraichisseurToken {
     const modele = this.appStore?.appModele
     if (!modele) return
 
-    window.location.replace(
-      `${modele.urlPortail}deconnecte?urlRetour=${encodeURIComponent(window.location.href)}`
-    )
+    window.location.replace(`${modele.urlPortail}deconnecte?urlRetour=${encodeURIComponent(window.location.href)}`)
   }
 
-  public annulerDeconnecter(): void {
-    this.popupAffiche = false
-    this.deconnexionEnCours = false
-  }
 
   private lireCookie(nom: string): 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}=`)) {
-        try { return decodeURIComponent(cookie.substring(nom.length + 1)) }
-        catch { return cookie.substring(nom.length + 1) }
+        try {
+          return decodeURIComponent(cookie.substring(nom.length + 1))
+        } catch {
+          return cookie.substring(nom.length + 1)
+        }
       }
     }
     return null
@@ -150,14 +165,17 @@ class RafraichisseurToken {
     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('')
+      atob(base64)
+        .split('')
+        .map(c => `%${`00${c.charCodeAt(0).toString(16)}`.slice(-2)}`)
+        .join(''),
     )
     return JSON.parse(jsonPayload)
   }
 
   // URL refresh selon env (dev = proxy Vite ; prod = portail)
   private getRefreshUrl(): string {
-    if (import.meta.env.MODE === "development") return '/portail-refresh'
+    if (import.meta.env.MODE === 'development') return '/portail-refresh'
     return this.appStore!.appModele!.urlPortailRafraichissement
   }
 }

package/package.json

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