codevdesign 1.0.62 → 1.0.63

package/composants/csqcEditeurTexteRiche.vue

@@ -17,32 +17,34 @@
 <script setup lang="ts">
   /* eslint-disable @typescript-eslint/no-explicit-any */
 
-  import { computed, ref, watch, nextTick } from 'vue'
-  import Editor from '@tinymce/tinymce-vue'
+  import { computed, ref, watch, nextTick, defineAsyncComponent } from 'vue'
   import type { Editor as TinyMCEEditor } from 'tinymce'
 
-  // Core / skins / thème
-  import 'tinymce/tinymce.js'
-  import 'tinymce/icons/default/icons.min.js'
-  import 'tinymce/themes/silver/theme.min.js'
-  import 'tinymce/models/dom/model.min.js'
-  import 'tinymce/skins/ui/oxide/skin.js'
-  import 'tinymce/skins/ui/oxide/content.js'
-  import 'tinymce/skins/content/default/content.js'
-
-  // Langue
-  import 'tinymce-i18n/langs7/fr_FR'
-
-  // Plugins
-  import 'tinymce/plugins/autoresize/plugin.min.js'
-  import 'tinymce/plugins/advlist/plugin.min.js'
-  import 'tinymce/plugins/lists/plugin.min.js'
-  import 'tinymce/plugins/link/plugin.min.js'
-  import 'tinymce/plugins/autolink/plugin.min.js'
-  import 'tinymce/plugins/fullscreen/plugin.min.js'
-  import 'tinymce/plugins/table/plugin.min.js'
-  import 'tinymce/plugins/image/plugin.min.js'
-  import 'tinymce/plugins/code/plugin.min.js'
+  // TinyMCE chargé en chunk séparé (code-splitting)
+  const Editor = defineAsyncComponent(async () => {
+    // Le core doit s'initialiser en premier
+    await import('tinymce/tinymce.js')
+    // Tout le reste en parallèle
+    await Promise.all([
+      import('tinymce/icons/default/icons.min.js'),
+      import('tinymce/themes/silver/theme.min.js'),
+      import('tinymce/models/dom/model.min.js'),
+      import('tinymce/skins/ui/oxide/skin.js'),
+      import('tinymce/skins/ui/oxide/content.js'),
+      import('tinymce/skins/content/default/content.js'),
+      import('tinymce-i18n/langs7/fr_FR'),
+      import('tinymce/plugins/autoresize/plugin.min.js'),
+      import('tinymce/plugins/advlist/plugin.min.js'),
+      import('tinymce/plugins/lists/plugin.min.js'),
+      import('tinymce/plugins/link/plugin.min.js'),
+      import('tinymce/plugins/autolink/plugin.min.js'),
+      import('tinymce/plugins/fullscreen/plugin.min.js'),
+      import('tinymce/plugins/table/plugin.min.js'),
+      import('tinymce/plugins/image/plugin.min.js'),
+      import('tinymce/plugins/code/plugin.min.js'),
+    ])
+    return (await import('@tinymce/tinymce-vue')).default
+  })
 
   const openLink = (url?: string | null, target?: string | null) => {
     if (!url) return
@@ -95,8 +97,8 @@
   const editorReady = ref(true)
   const editorValue = ref<string>(props.modelValue)
   const _editor = ref<TinyMCEEditor | null>(null)
-  const _reinitPending = ref(false)
-  const _reinitLock = ref(false)
+  let _reinitPending = false
+  let _reinitLock = false
 
   const imageTailleMaxMo = computed<number>(() => {
     const n = Number(props.imageTailleMaximale)
@@ -166,10 +168,6 @@
       setup: (editor: TinyMCEEditor) => {
         _editor.value = editor
 
-        editor.on('init', () => {
-          // init ok
-        })
-
         // liens cliquables
         editor.on('click', (e: any) => {
           const a = e.target?.closest?.('a')
@@ -306,17 +304,17 @@
 
   // --- Re-montage TinyMCE si props importantes changent ---
   const scheduleReinit = () => {
-    if (_reinitPending.value) return
-    _reinitPending.value = true
+    if (_reinitPending) return
+    _reinitPending = true
     queueMicrotask(async () => {
-      _reinitPending.value = false
+      _reinitPending = false
       await reinitEditor()
     })
   }
 
   const reinitEditor = async () => {
-    if (_reinitLock.value) return
-    _reinitLock.value = true
+    if (_reinitLock) return
+    _reinitLock = true
     try {
       const ed = _editor.value as any
       if (ed && typeof ed.remove === 'function') {
@@ -332,7 +330,7 @@
       editorReady.value = true
       await nextTick()
     } finally {
-      _reinitLock.value = false
+      _reinitLock = false
     }
   }
 

package/outils/appAxios.ts

@@ -31,9 +31,6 @@ export default {
   clearCache: false,
 
   getAxios(): AxiosInstance {
-    // Singleton + clearCache
-    if (client && !this.clearCache) return client
-
     const appStore = useAppStore()
 
     const rawUrl = appStore.modeleCharger
@@ -49,7 +46,7 @@ export default {
     client = axios.create({
       baseURL: `${urlBase}/api`,
       withCredentials: true,
-      timeout: 30_000,
+      timeout: 90_000,
       headers: {
         Accept: 'application/json',
         'Content-Type': 'application/json',
@@ -75,7 +72,8 @@ export default {
       (error: AxiosError<any>) => {
         const status = error.response?.status
         const payload = error.response?.data?.resultat ?? { message: error.message }
-
+        console.log("Status d'erreur : ", status)
+        console.log("Contenu d'erreur", payload)
         // 403 / 404
         if (status === 403 || status === 404) {
           try {
@@ -100,8 +98,7 @@ export default {
 
         // Remonter l’erreur normalisée dans appstore
         try {
-          if (payload?.resultat) appStore.lancerErreur(payload)
-          else if (payload) appStore.lancerErreur(payload)
+          if (payload) appStore.lancerErreur(payload)
         } catch {
           // no-op
         }

package/outils/rafraichisseurToken.ts

@@ -119,7 +119,7 @@ class RafraichisseurToken {
     // ajax vers le refresh
     let iframe = document.createElement('iframe')
     const url = this.getRefreshUrl(urlPortail)
-    iframe.src = `${url}?urlRetour=${encodeURI(window.localStorage.href)}`
+    iframe.src = `${url}?urlRetour=${encodeURI(window.location.href)}`
     iframe.id = 'idRafrToken'
     iframe.style.display = 'none'
     document.body.appendChild(iframe)

package/package.json

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