fcad-core-dragon 2.1.0-beta.3 → 2.1.0

package/.editorconfig

@@ -1,33 +1,8 @@
-# http://editorconfig.org
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
+[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue,css,scss,sass,less,styl}]
 charset = utf-8
-trim_trailing_whitespace = true
+indent_size = 2
+indent_style = space
 insert_final_newline = true
-
-
-# The JSON files contain newlines inconsistently
-[*.json]
-insert_final_newline = ignore
-
-# Minified JavaScript files shouldn't be changed
-[**.min.js]
-indent_style = ignore
-insert_final_newline = ignore
-
-# Makefiles always use tabs for indentation
-[Makefile]
-indent_style = tab
-
-# Batch files use tabs for indentation
-[*.bat]
-indent_style = tab
-
-[*.md]
-trim_trailing_whitespace = false
- insert_final_newline = false
-
+trim_trailing_whitespace = true
+end_of_line = lf
+max_line_length = 80

package/.prettierrc

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://www.schemastore.org/prettierrc.json",
+  "singleQuote": true,
+  "semi": false,
+  "tabWidth": 2,
+  "trailingComma": "none",
+  "arrowParens": "always",
+  "htmlWhitespaceSensitivity": "ignore",
+  "endOfLine": "auto",
+  "printWidth": 80
+}

package/.vscode/extensions.json

@@ -0,0 +1,8 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "dbaeumer.vscode-eslint",
+    "EditorConfig.EditorConfig",
+    "esbenp.prettier-vscode"
+  ]
+}

package/.vscode/settings.json

@@ -0,0 +1,16 @@
+{
+  "explorer.fileNesting.enabled": true,
+  "explorer.fileNesting.patterns": {
+    "tsconfig.json": "tsconfig.*.json, env.d.ts",
+    "vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
+    "package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .oxlint*, oxlint*, .prettier*, prettier*, .editorconfig"
+  },
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "explicit"
+  },
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[vue]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}

package/CHANGELOG

@@ -1,3 +1,26 @@
+2.0.3(24 novembre 2025)
+	Correction Beta apporter
+
+2.1.0-beta.10(20 novembre 2025)
+	Correction de l’affichage des listes déroulantes
+
+	Correction de la validation des object de quiz si le quiz n’est pas null il ne valide pas le contenu du pop-up neutre
+
+	Correction des titres dans les pop-ups de fin d’activité et de leçon (le titre est la maintenant)
+
+2.1.0-beta.5(22 octobre 2025)
+	Correction du problème de complétion avec les fenêtres latérales
+
+	Multiples corrections de l’accessibilité
+
+	Optimisation des dépendances (package.json)
+
+	Amélioration de quizrecall (récupération du data)
+
+2.1.0-beta.4(26 septembre 2025)
+	ajout du plugin ScrollTrigger à l’objet $gsap
+	
+
 2.1.0-beta.3(24 septembre 2025)
 	RUPTURE DE COMPATIBILITÉ : Ajout de Google Analytics (analytics_id dans app.vue) nouvelle dépendance : npm install vue-gtag@2.0.1
 

package/documentation/composants/app-comp-audio.md

@@ -15,9 +15,41 @@ S'affiche dans un  en cadré avec un titre (obligatoire), une image (pas obligat
 `<app-comp-audio-player :aud-data="audioData2"/>` 
 
 
-## Paramètre 
-
-Aucun paramètre n'est nécessaire pour ce composant.
+## Structure de données
+Voici la structure à utiliser pour les données d'un contenu audio
+> [!IMPORTANT]
+> audiosData doit être un tableau (array)
+```js
+import aud1 from '@/assets/medias/exemple_audio.mp3'
+import posterAud1 from '@/assets/img/audio_poster.png'
+
+export default {
+  data() {
+    return {
+      id: 'P01',
+      activityRef: 'A03',
+      title: 'Lecteurs médias',
+      type: 'pg_normal',
+      audiosData: [
+        {
+          id: 'aud1',
+          mTitle: 'Et si... Annie Ernaux nous parlait',
+          mSources: [
+            {
+              type: 'mp3',
+              src: aud1
+            }
+          ],
+          mPoster: posterAud1,
+          mAlt: "Portrait de l'autrice Annie Ernaux",
+          mTranscript:
+            '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>'
+        }
+      ]
+    }
+  }
+}
+```
 
 ### Props
 

package/documentation/composants/app-comp-video-player.md

@@ -20,9 +20,48 @@ Les transcripts ouvrent dans une fenêtre latérale. Une seule fenêtre peux êt
 
 `<app-comp-video-player :vid-data="videoData" />`
 
-## Paramètre 
-
-Il n'y a pas de paramètre pour ce composant. 
+## Structure de données
+
+Voici la structure à utiliser pour les données d'une vidéo
+> [!IMPORTANT]
+> videosData doit être un tableau (array)
+
+```js
+import videoExemple from '@/assets/medias/exemple_video.mp4'
+import posterDandurand from '@/assets/img/video_poster.jpg'
+import vttVid1FR from '@/assets/medias/exemple_soustitres.vtt'
+
+export default {
+  data() {
+    return {
+      id: 'P01',
+      activityRef: 'A03',
+      title: 'Lecteurs médias',
+      type: 'pg_normal',
+      videosData: [
+        {
+          id: 'vid1',
+          mSources: [
+            {
+              type: 'mp4',
+              src: videoExemple
+            }
+          ],
+          mSubtitles: [
+            {
+              label: 'Français',
+              src: vttVid1FR,
+              srclang: 'fr'
+            }
+          ],
+          mPoster: posterDandurand,
+          mTranscript: 'exemple_transcript.html' // The file MUST be in the public folder of the project
+        }
+      ]
+    }
+  }
+}
+```
 
 ### Props
 

package/eslint.config.js

@@ -0,0 +1,60 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import pluginVue from 'eslint-plugin-vue'
+import { defineConfig, globalIgnores } from 'eslint/config'
+import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'
+
+export default defineConfig([
+  {
+    files: ['**/*.{js,mjs,cjs,vue}']
+  },
+  globalIgnores([
+    '**/.DS_Store',
+    '**/node_modules',
+    '**/dist/**',
+    '**/coverage/**',
+    '**/yalc.lock',
+    '**/package-lock.json',
+    '**/.zip',
+    '**/.env.local',
+    '**/.env.*.local',
+    '**/npm-debug.log*',
+    '**/.idea',
+    '**/.vscode',
+    '**/*.suo',
+    '**/*.ntvs*',
+    '**/*.njsproj',
+    '**/*.sln',
+    '**/*.sw?',
+    '**/\\_*',
+    '**/.gitignore'
+  ]),
+  {
+    languageOptions: {
+      globals: {
+        ...globals.node,
+        ...globals.browser
+      }
+    }
+  },
+  js.configs.recommended,
+  ...pluginVue.configs['flat/recommended'],
+  {
+    rules: {
+      'no-unused-vars': [
+        'warn',
+        { vars: 'local', args: 'none', ignoreRestSiblings: true }
+      ],
+      'vue/no-unused-vars': 'warn',
+      'no-prototype-builtins': 'off',
+      'vue/html-self-closing': 'off',
+      'vue/no-v-html': 'off',
+      'vue/no-v-text-v-html-on-component': 'off',
+      'vue/no-deprecated-delete-set': 'warn',
+      'vue/max-attributes-per-line': 'off',
+      'vue/singleline-html-element-content-newline': 'off',
+      'vue/component-name-in-template-casing': ['error', 'kebab-case']
+    }
+  },
+  skipFormatting
+])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fcad-core-dragon",
-  "version": "2.1.0-beta.3",
+  "version": "2.1.0",
   "private": false,
   "type": "module",
   "main": "./src/main.js",
@@ -10,14 +10,14 @@
     "docs:build": "vitepress build documentation",
     "docs:dev": "vitepress dev documentation",
     "docs:preview": "vitepress preview documentation",
-    "format": "prettier --write src/",
-    "lintfix": "eslint --ext .js,.vue --ignore-path .gitignore --fix src",
-    "lintreport": "eslint src --ext .js,.vue --ignore-path .gitignore",
+    "lintfix": "eslint --fix src",
+    "lintreport": "eslint ./src",
     "preview": "vite preview",
     "reset": "rm -rf ./node_modules package-lock.json .cache dist && npm i && npm run watch",
     "test:unit": "vitest",
     "vue": "vue",
-    "watch": "nodemon -e js,vue,html,json -x yalc publish --push"
+    "watch": "nodemon -e js,vue,html,json -x yalc publish --push",
+    "format": "prettier --write src/"
   },
   "config": {
     "projname": ""
@@ -37,20 +37,20 @@
     "vue-safe-teleport": "^0.1.2"
   },
   "devDependencies": {
+    "@eslint/js": "^9.38.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/test-utils": "^2.4.6",
-    "eslint": "^9.31.0",
+    "eslint": "^9.38.0",
     "eslint-plugin-cypress": "^5.1.0",
     "eslint-plugin-vue": "~10.3.0",
+    "globals": "^16.4.0",
     "jsdom": "^25.0.1",
     "nodemon": "^3.1.0",
-    "prettier": "3.6.2",
+    "prettier": "^3.6.2",
     "sass-embedded": "^1.91.0",
-    "vite-plugin-vue-devtools": "^8.0.2",
     "vitepress": "^1.6.3",
     "vitest": "^3.2.4",
-    "vue": "^3.5.18",
     "vue-router": "^4.4.5"
   },
   "engines": {

package/src/$locales/en.json

@@ -98,10 +98,10 @@
     "activity_title": "My activities",
     "activity_progress": "Progress status:",
     "carousel": "Carousel",
-    "conclusion": "Conclusion",
+    "conclusion": "Conclusion to the Lesson",
     "complete": "Completed",
     "error": "error",
-    "introduction": "Introduction",
+    "introduction": "Introduction to the Lesson",
     "lesson": "Lesson",
     "quiz": "Words to complete the sentence",
     "place_holder": {
@@ -154,4 +154,4 @@
     "seek_slider": "Seek slider",
     "range_expression": "at %x of %y."
   }
-}
+}

package/src/$locales/fr.json

@@ -61,10 +61,10 @@
     "activity_title": "Mes activités",
     "activity_progress": "État d’avancement :",
     "carousel": "Carrousel",
-    "conclusion": "Conclusion",
+    "conclusion": "Conclusion de la leçon",
     "complete": "Terminé",
     "error": "erreur",
-    "introduction": "Introduction",
+    "introduction": "Introduction de la leçon",
     "lesson": "Leçon",
     "quiz": "Mot complétant la phrase",
     "place_holder": {
@@ -117,4 +117,4 @@
     "seek_slider": "Barre de lecture",
     "range_expression": "à %x sur %y."
   }
-}
+}

package/src/components/AppBase.vue

@@ -39,7 +39,7 @@
       <div v-if="appDebugMode" class="timer">
         <!-- <div class="timer"> -->
         <div>Act: {{ appTimer.ISOTimeParser(activityDuration) }}</div>
-        <span>&nbsp|&nbsp</span>
+        <span>&nbsp;|&nbsp;</span>
         <div>Les: {{ appTimer.ISOTimeParser(lessonDuration) }}</div>
       </div>
       <app-icons-next :extra-icons="userExtraIcons" />
@@ -70,7 +70,7 @@ import { Timer } from '../composables/useTimer.js'
 import { IdleDetector } from '../composables/useIdleDetector.js'
 import { validateAppContent } from '../shared/validators'
 import { version as fcadVersion } from '../../package.json'
-import { computed, h, reactive } from 'vue'
+import { computed, reactive } from 'vue'
 import mobileDetect from 'mobile-detect'
 
 export default {
@@ -193,10 +193,9 @@ export default {
       }
     },
     'store.$state.userDataLoaded': {
-      handler() {
-        !this.store.$state.userDataLoaded
-          ? this.updateTracker('appBase', 'loading')
-          : this.updateTracker('appBase', 'ready')
+      handler(newValue) {
+        if (!newValue) return this.updateTracker('appBase', 'loading')
+        this.updateTracker('appBase', 'ready')
       },
       immediate: true
     },

package/src/components/AppBaseModule.vue

@@ -29,6 +29,8 @@
       />
     </nav>
     <base-module :m-data="$data">
+          
+
       <v-container
         id="wrapper-content"
         fluid
@@ -184,7 +186,6 @@ export default {
     appReady() {
       return this.getAppStatus === 'ready' ? true : false
     },
-
     hasMedia() {
       return typeof this.hasMediaElOrTimeline === 'object'
     },
@@ -203,7 +204,6 @@ export default {
         return true
       else return false
     },
-
     /**
      * @description Set the id the module
      */
@@ -233,7 +233,6 @@ export default {
         description = this.moduleConfig.description
       return description
     },
-
     /**
      * @description set Previous/Next can allow navigation between activities.
      *
@@ -338,7 +337,6 @@ export default {
 
       return sidebarSettings
     },
-
     navigationHistory() {
       return this.getRouteHistory
     }
@@ -521,7 +519,7 @@ export default {
     lessonLabel = this.$t('text.lesson')
     lessonNumber = this.moduleConfig.id.replace('module_', '')
     lessonTitle = this.theTitle
-    titleString = lessonLabel + ' ' + lessonNumber + ' : ' + lessonTitle
+    titleString = lessonLabel + ' ' + lessonNumber + ' – ' + lessonTitle
 
     //Remove prefix for introduction or conclusion, according to isIntroConclu setting in Module.vue
     if (typeof this.moduleConfig.isIntroConclu !== 'undefined') {
@@ -626,7 +624,7 @@ export default {
     async handleKeyboardControls(evt) {
       let { code } = evt
 
-      if (code === 'Escape' && this.rightSidebarVisible){
+      if (code === 'Escape' && this.rightSidebarVisible) {
         this.closeSidebar(this.dynamicSidebarContent._context)
       }
     },
@@ -661,15 +659,15 @@ export default {
       //delay animation
       this.rightSidebarVisible = true
       this.updatesideBIsOpen(this.rightSidebarVisible)
-      setTimeout(() => {
-        const rightSidebarContent = this.getRightSidebar() // Emelent displayed in the sidebar-body
-        if (!rightSidebarContent) return
-        rightSidebarContent.scrollTop = 0
-        const rSidebar = document.querySelector('#right-sidebar') // the sidebar
-        rSidebar.dispatchEvent(this.rightSidebarEvent)
-        rSidebar.setAttribute('tabindex', -1)
-        this.resetFocus(rSidebar) //set focus on the sidebar
-      }, 100)
+      // setTimeout(() => {
+      const rightSidebarContent = this.getRightSidebar() // Emelent displayed in the sidebar-body
+      if (!rightSidebarContent) return
+      rightSidebarContent.scrollTop = 0
+      const rSidebar = document.querySelector('#right-sidebar') // the sidebar
+      rSidebar.dispatchEvent(this.rightSidebarEvent)
+      rSidebar.setAttribute('tabindex', -1)
+      this.resetFocus(rSidebar) //set focus on the sidebar
+      // }, 100)
     },
     /**
      * @description close the right sidebar component
@@ -682,6 +680,7 @@ export default {
       this.rightSidebarVisible = false //
       setTimeout(() => {
         const rSidebar = document.querySelector('#right-sidebar') // the sidebar
+        if (!rSidebar) return
         rSidebar.setAttribute('style', 'display:none')
         rSidebar.dispatchEvent(this.rightSidebarEvent) //this will allow to run the animation of sidebar closing 1rst
       }, 100)
@@ -785,7 +784,6 @@ export default {
     openBranchContent(branchID) {
       this.branchingVisible = true
       this.compID = branchID //set compenent ID
-
       setTimeout(() => {
         const rightSidebar = this.getRightSidebar()
         //Should indicate that page is completed when the Rightsidebar content heigh is less then window height
@@ -847,7 +845,7 @@ export default {
 
       return new Promise((res) => {
         this.$bus.$emit('set-comp-status', 'appBaseModule', 'loading')
-        this.updateCurrentTimeline('')
+        this.updateCurrentTimeline(null)
         this.updateCurrentMediaElements([])
         // this.updateCurrentPage({})
         this.$bus.$emit('set-comp-status', 'appBaseModule', 'ready')