codevdesign 1.0.31 → 1.0.33

package/outils/csqcOutils.ts

@@ -0,0 +1,366 @@
+/** ATTENTION
+ * Ne pas ajouter ou modifier de fonctions ici.  Créer son propre fichier d'outils pour votre app.
+ * Ces outils sont des outils communs.
+ * */
+
+class CSQCOutils {
+  racineLocalStorage = 'csqc_CodevDesign'
+
+  /**
+   * Concatène une string avec le marqueur de séparation demandée.
+   * @param texteOrigine Le texte d'origine
+   * @param texteAjoute Le texte a concaténer
+   * @param separateur (Default: ', ') Le séparateur à ajouter entre les deux textes.
+   * */
+  ConcateneTexte(texteOrigine: string, texteAjoute: string, separateur: string = ', ') {
+    let retour = texteOrigine
+    if (this.TexteVide(texteOrigine) === false) {
+      retour += separateur
+    }
+
+    return retour + texteAjoute
+  }
+
+  /**
+   * Retourne true si le texte n'est pas défini ou s'il est null ou vide. Tous les espaces sont retirés par défaut.
+   * @param texte Le texte a inspecter.
+   * @param retirerEspace (Default: true) Si true, les espaces seront enlevés du texte
+   */
+  TexteVide(texte?: string | null, retirerEspace = true) {
+    let retour = texte === undefined || texte == null || texte === ''
+    if (retour === false && retirerEspace === true) {
+      const temp = texte
+      retour = temp?.replace(' ', '') === ''
+    }
+
+    return retour
+  }
+
+  /**
+   * Pad un texte avec des caractères à gauche
+   * @param texte Texte à padder
+   * @param caractere Caractère à utiliser
+   * @param longueurFinale Longueur finale à atteindre
+   */
+  PadGauche(texte: string, caractere: string, longueurFinale: number) {
+    while (texte.length < longueurFinale) {
+      texte = caractere + texte
+    }
+    return texte
+  }
+
+  /**
+   * Pad un texte avec des caractères à droite
+   * @param texte Texte à padder
+   * @param caractere Caractère à utiliser
+   * @param longueurFinale Longueur finale à atteindre
+   */
+  PadDroit(texte: string, caractere: string, longueurFinale: number) {
+    while (texte.length < longueurFinale) {
+      texte += caractere
+    }
+    return texte
+  }
+
+  /**
+   * Transforme un nombre en string en arrondissant au nombre maximal de décimales.
+   * Ex : 14,57582 avec un affichage sur 2 décimales sera 15,58
+   * Si le nombre est 14,6 avec 2 décimales, le retour sera 14,6
+   * @param nombre Nombre à transformer en string
+   * @param nbDecimale Nombre maximal de décimales à afficher
+   */
+  DecimaleVariable(nombre: number, nbDecimale: number) {
+    let valeurRetour = 0
+    while (valeurRetour === 0 && nbDecimale > 0) {
+      const multiplicateur = 10 ** (nbDecimale - 1)
+      valeurRetour = (nombre * multiplicateur) % 1
+      if (valeurRetour === 0) {
+        nbDecimale -= 1
+      }
+    }
+    let retour = nombre.toFixed(nbDecimale)
+    // Retirer les derniers 0 ayant pu s'inscruster dû aux arrondissements.
+    while (retour.length > 1 && retour.lastIndexOf('0') === retour.length - 1) {
+      retour = retour.substring(0, retour.length - 1)
+    }
+    if (retour.lastIndexOf('.') === retour.length - 1) {
+      retour = retour.substring(0, retour.length - 1) // Retirer le point s'il termine le nombre
+    }
+    return retour.replace('.', ',')
+  }
+
+  /**
+   * Transforme un nombre en string en y mettant le nombre de décimale à afficher.
+   * @param nombre Nombre à transformer en string
+   * @param nbDecimale Nombre de décimales à afficher
+   */
+  DecimaleNonVariable(nombre: number, nbDecimale: number) {
+    return this.DecimaleVersString(nombre, nbDecimale, false).replace('.', ',')
+  }
+
+  /**
+   * Transforme un boolean en string avec la première lettre minuscule.
+   * @param bool Bool à mettre en string
+   */
+  BoolVersString(bool: boolean) {
+    if (bool === true) {
+      return 'true'
+    }
+    return 'false'
+  }
+
+  /**
+   * Transforme une string en nombre.
+   * @param texte string à mettre en number. Peut-être un entier ou une décimale avec virgule ou point
+   */
+  StringVersNombre(texte: string) {
+    texte = texte.replace(',', '.') // On remplace les virgules par des points.
+    return Number(texte)
+  }
+
+  /**
+   * Transforme une string en number avec des options pour le nombre de décimales.
+   * @param nombre Nombre à transformer
+   * @param nbDecimale Nombre de décimales à afficher au maximum
+   * @param afficherDecimaleVariable Si true, alors on affiche que les décimales nécessaires,
+   * jusqu'à nbDecimale. Ex : 4,2 et 4,25 Si False, nous auront 4,20 et 4,25
+   * @param separateur Séparateur à utiliser pour la décimale.
+   * La virgule ou le point. La virgule est utilisée par défaut.
+   */
+  DecimaleVersString(nombre: number, nbDecimale: number, afficherDecimaleVariable: boolean, separateur: string = ',') {
+    let retour = ''
+    if (afficherDecimaleVariable === true) {
+      retour = this.DecimaleVariable(nombre, nbDecimale)
+    } else {
+      retour = nombre.toFixed(nbDecimale)
+    }
+    retour.replace('.', separateur)
+    return retour
+  }
+
+  /**
+   * Transforme une décimale en formateur heure:minute. Ex : 2,5 => 2:30
+   * @param heures Nombre à mettre en string de type heure.
+   * @param separateur Séparateur heure, minute. Le : est utilisé par défaut.
+   */
+  DecimaleVersHeure(heures: number, separateur: string = ':') {
+    if (Math.round((heures % 1) * 60) < 10) {
+      return `${Math.floor(heures) + separateur}0${Math.round((heures % 1) * 60)}`
+    }
+    return Math.floor(heures) + separateur + Math.round((heures % 1) * 60)
+  }
+
+  /**
+   * Transforme différent type de fin de ligne comme des \n en <br />
+   * @param texte Texte à modifier et retourner
+   */
+  FinLigneVersBR(texte: string) {
+    return texte.replace(/(?:\r\n|\r|\n)/g, '<br />')
+  }
+
+  /**
+   * Transforme une date en string.
+   * Le principe est de séparer la string selon le séparateur et de créer une nouvelle date avec les 3 nombres que ça donne.
+   * @param dateStr Date en string
+   */
+  StringVersDate(dateStr: string, separateur = '-') {
+    const parties = dateStr.split(separateur)
+    if (parties.length < 3) {
+      throw new Error(`Conversion de date invalide. Format incorrect, attendu (yyyy-mm-dd), reçu : ${dateStr}`)
+    }
+    const retourDateTemp = new Date(
+      this.StringVersNombre(parties[0]),
+      this.StringVersNombre(parties[1]) - 1,
+      this.StringVersNombre(parties[2]),
+      0,
+      0,
+      0,
+      0,
+    ) // Les mois débutent le compte à 0.
+    return retourDateTemp
+  }
+
+  /**
+   * Transforme une date en string sous la forme YYYY-mm-dd
+   * @param date Date à mettre en string
+   */
+  DateVersString(date: Date) {
+    let month = `${date.getMonth() + 1}`
+    let day = `${date.getDate()}`
+    const year = date.getFullYear()
+    if (month.length < 2) {
+      month = `0${month}`
+    }
+    if (day.length < 2) {
+      day = `0${day}`
+    }
+    return [year, month, day].join('-')
+  }
+
+  /**
+   * Retourne la valeur numérique d'un nombre sous forme de string. Si le texte n'est pas un nombre NAN sera retourné.
+   * @param texte Texte à transformer en nombre
+   */
+  ValeurNumeriqueDepuisTexte(texte: string) {
+    return parseFloat(texte)
+  }
+
+  /**
+   * Fabriquer une nouvelle instance de l'objet à retournet et y assigne tous les attributs publiques de la source.
+   * Si un attribut n'existe pas dans la définition de la classe du type de retour, il sera quand même créé dynamiquement et aucune erreur ne sera soulevée
+   * Si le constructeur
+   * @param donneeBrut Objet de donnée brut source
+   */
+  FabriquerUnObjetAnonyme(source: object) {
+    return JSON.parse(JSON.stringify(source))
+  }
+
+  Cloner(objetAnonyme: object) {
+    return this.FabriquerUnObjetAnonyme(objetAnonyme)
+  }
+
+  /**
+   * Fabriquer une nouvelle instance de l'objet à retourner et lui assigne tous les attributs publiques de la source.
+   * Si un attribut n'existe pas dans la définition de la classe du type de retour, il sera quand même créé dynamiquement et aucune erreur ne sera soulevée
+   * @param source L'objet source
+   * @param destination L'objet destinataire
+   */
+  CopierObjetUnNiveau(source: any, destination: any) {
+    Object.keys(source).forEach(k => {
+      if (!Array.isArray(source[k])) {
+        destination[k] = source[k]
+      }
+    })
+
+    return destination
+  }
+
+  /**
+   * Bind les attributs d'un objet vers un autre. Les attributs de la source qui n'existe pas dans la destination seront créés automatiquement
+   * @param source Objet de donnée brut source
+   * @param destination Objet de donnée brut source
+   */
+  BinderDonnee(source: any, destination: any) {
+    if (destination == null) {
+      destination = {}
+    }
+
+    Object.keys(source).forEach(k => {
+      destination[k] = source[k]
+    })
+    return destination
+  }
+
+
+  SetThemeDark(valeur: any) {
+    localStorage.setItem(`${this.racineLocalStorage}ThemeDark`, valeur)
+  }
+
+  GetThemeDark() {
+    const valeur = localStorage.getItem(`${this.racineLocalStorage}ThemeDark`)
+
+    if (typeof valeur === 'string') {
+      if (valeur === 'true') {
+        return true
+      }
+
+      return false
+    }
+
+    return valeur
+  }
+
+  GetUrlBaseAPI() {
+    let baseUrl = window.location.origin
+    if (this.TexteVide(window.Location.prototype.pathname) === false) {
+      baseUrl += window.Location.prototype.pathname
+    }
+    baseUrl += '/api/'
+
+    return baseUrl
+  }
+
+  estDateAvantOuEgaleAujourdhui(date: string, comparerHeure: boolean) {
+    const now = new Date()
+    const dateDebut = new Date(this.StringVersDate(date))
+
+    if (comparerHeure === false) {
+      now.setHours(0, 0, 0, 0)
+      dateDebut.setHours(0, 0, 0, 0)
+    }
+
+    if (dateDebut <= now) {
+      return false
+    }
+
+    return true
+  }
+
+  estDateAvantAujourdhui(date: string, comparerHeure: boolean) {
+    const now = new Date()
+    const dateDebut = new Date(this.StringVersDate(date))
+
+    if (comparerHeure === false) {
+      now.setHours(0, 0, 0, 0)
+      dateDebut.setHours(0, 0, 0, 0)
+    }
+
+    if (dateDebut < now) {
+      return false
+    }
+
+    return true
+  }
+
+  estDateApresOuEgaleAujourdhui(date: string, comparerHeure: boolean) {
+    const now = new Date()
+    const dateDebut = new Date(this.StringVersDate(date))
+
+    if (comparerHeure === false) {
+      now.setHours(0, 0, 0, 0)
+      dateDebut.setHours(0, 0, 0, 0)
+    }
+
+    if (dateDebut >= now) {
+      return false
+    }
+
+    return true
+  }
+
+  estDateApresAujourdhui(date: string, comparerHeure: boolean) {
+    const now = new Date()
+    const dateDebut = new Date(this.StringVersDate(date))
+
+    if (comparerHeure === false) {
+      now.setHours(0, 0, 0, 0)
+      dateDebut.setHours(0, 0, 0, 0)
+    }
+
+    if (dateDebut > now) {
+      return false
+    }
+
+    return true
+  }
+
+  /**
+   * Converti un enum en objet clé-valeur pour usage dans la prop :items d'un v-select.
+   * @param _obj L'enum pour générer les clés-valeurs
+   * @returns Une liste d'objets du format { title: string, value: number }
+   */
+  genererItemsAPartirDeEnum<T extends object>(_enum: T) {
+    const enumKeys = Object.keys(_enum).filter(e => isNaN(Number(e)))
+    const enumValues = Object.keys(_enum).filter(e => !isNaN(Number(e))).map(e => Number(e))
+
+    const ret: { title?: string, value: number}[] = []
+
+    enumValues.forEach(v => ret.push({ title: enumKeys[v], value: v}))
+
+    return ret;
+  }
+}
+
+const csqcOutils = new CSQCOutils()
+
+export default csqcOutils

package/outils/rafraichisseurToken.ts

@@ -0,0 +1,187 @@
+class RafraichisseurToken {
+  private intervalleEnSecondes = 15
+  private secondesAvantExpirationTokenPourRafraichir = 20
+  private skewSeconds = 5 // marge anti-derives d’horloge
+  private popupAffiche = false
+  private timerId: number | 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)
+    if (this.timerId != null) return
+    this.timerId = window.setInterval(() => {
+      this.verifierJeton(nomTemoin, urlPortail)
+    }, this.intervalleEnSecondes * 1000)
+  }
+
+  // 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 = (nomTemoin: string) => {
+    return this.estJetonValide(nomTemoin)
+  }
+
+  private async verifierJeton(nomTemoin: string, urlPortail: string): Promise<void> {
+    if (this.popupAffiche) return
+
+    if (!this.estJetonValide(nomTemoin)) {
+      this.rafraichir(nomTemoin, urlPortail)
+      return
+    }
+  }
+
+  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.
+
+    const tokenEncode = this.lireCookie(nomTemoin)
+    if (!tokenEncode) {
+      return false
+    }
+
+    let token: any
+    try {
+      token = this.parseJwt(tokenEncode)
+    } catch {
+      return false
+    }
+
+    const exp = Number(token?.exp)
+    if (!Number.isFinite(exp)) {
+      // exp manquant/invalide → tente refresh
+
+      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(nomCookie: string, urlPortail: string): Promise<void> {
+    if (!nomCookie) return
+    const url = this.getRefreshUrl(urlPortail)
+    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 (souvent => login) → traiter comme non auth
+
+      if (resp.type === 'opaqueredirect' || resp.status === 302) {
+        this.rafraichirParIframe(nomCookie, 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)
+        return
+      }
+
+      // non auth / expiré (401, 419) + IIS timeout (440)
+      if (resp.status === 401 || resp.status === 419 || resp.status === 440) {
+        this.rafraichirParIframe(nomCookie, urlPortail)
+        return
+      }
+
+      console.warn('Rafraichisseur token: statut inattendu', resp.status)
+    } 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
+    } 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
+    let iframe = document.createElement('iframe')
+    const url = this.getRefreshUrl(urlPortail)
+    iframe.src = `${url}?urlRetour=${encodeURI(window.localStorage.href)}`
+    iframe.id = 'idRafrToken'
+    iframe.style.display = 'none'
+    document.body.appendChild(iframe)
+    iframe.onload = () => {
+      const jetonCSQC = this.lireCookie(nomCookie)
+      if (jetonCSQC == null || jetonCSQC === '') {
+        this.estDeconnecteAzure(urlPortail)
+      }
+
+      iframe.remove()
+    }
+  }
+
+  private estDeconnecteAzure(urlPortail: string): void {
+    //on envoie au portail, pas le choix
+
+    const retour = encodeURI(window.location.href)
+    window.open(`${urlPortail}/home/SeConnecter?urlRetour=${retour}`, '_self')
+    return
+  }
+
+  public deconnecterPortail(urlPortail: string): void {
+    window.location.replace(`${urlPortail}/deconnecte?urlRetour=${encodeURIComponent(window.location.href)}`)
+  }
+
+  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)
+        }
+      }
+    }
+    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)
+  }
+
+  // URL refresh selon env (dev = proxy Vite ; prod = portail)
+  private getRefreshUrl(urlPortail: string): string {
+    if (import.meta.env.MODE === 'development') return '/portail-refresh'
+    return urlPortail + '/home/Refresh'
+  }
+}
+
+// Instance
+const rafraichisseurToken = new RafraichisseurToken()
+export default rafraichisseurToken

package/package.json

@@ -1,36 +1,32 @@
 {
   "name": "codevdesign",
-  "version": "1.0.31",
+  "version": "1.0.33",
   "description": "Composants Vuetify 3 pour les projets Codev",
   "files": [
-    "dist",
-    "index.d.ts"
-  ],
-  "main": "dist/codevdesign.cjs.js",
-  "module": "dist/codevdesign.es.js",
-  "types": "index.d.ts",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
+    "./**/*.vue",
+    "./**/*.ts",
+    "./**/*.json",
+    "./**/*.css",
+    "./index.d.ts"
   ],
   "scripts": {
     "build": "vite build"
   },
   "dependencies": {
+    "vuetify": "^3.10.2",
+    "vue-i18n": "^11.0.0",
     "@e965/xlsx": "^0.20.3",
     "tinymce": "^8.0.2",
     "tinymce-i18n": "^25.9.1",
     "@tinymce/tinymce-vue": "^6.3.0"
   },
-  "peerDependencies": {
-    "vue": "^3.5.0",
-    "vuetify": "^3.10.2",
-    "vue-i18n": "^11.0.0"
-  },
   "devDependencies": {
     "@types/node": "^22.13.5",
     "@vitejs/plugin-vue": "^5.2.1",
     "typescript": "^5.8.3",
     "vite": "^7.0.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
   }
 }