fcad-core-dragon 2.0.0-beta.2 → 2.0.0-beta.4

package/.eslintrc.cjs

@@ -6,7 +6,7 @@ module.exports = {
     browser: true
   },
   plugins: ['prettier'],
-  extends: ["eslint:recommended", "plugin:vue/vue3-recommended", "prettier"],
+  extends: ['eslint:recommended', 'plugin:vue/vue3-recommended', 'prettier'],
   rules: {
     // Only allow debugger in development
     'no-debugger': process.env.PRE_COMMIT ? 'error' : 'off',

package/CHANGELOG

@@ -1,3 +1,12 @@
+2.0.0-beta.3(24 octobre 2024)
+		Framework JS : Migration de Vue 2 à Vue 3
+
+    Framework CSS : Migration de Bootstrap-vue à Vuetify
+
+    Build tool : Migration de Webpack à Vite
+
+    Vuejs Store : Migration de VueX à Pinia
+
 1.3.0(17 avril 2023)
 
   [sprint 14.2]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fcad-core-dragon",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.4",
   "private": false,
   "type": "module",
   "main": "./src/main.js",
@@ -8,33 +8,47 @@
     "projname": ""
   },
   "scripts": {
-    "watch": "nodemon -e js,vue,html,json -x yalc push",
-    "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src",
-    "vue": "vue"
+    "watch": "nodemon -e js,vue,html,json -x yalc publish --push",
+    "lintfix": "eslint --ext .js,.vue --ignore-path .gitignore --fix src",
+    "lintreport": "eslint src --ext .js,.vue --ignore-path .gitignore",
+    "vue": "vue",
+    "dev": "vite",
+    "format": "prettier --write src/",
+    "reset": "rm -rf ./node_modules package-lock.json .cache dist && npm i && npm run watch",
+    "build": "vite build",
+    "preview": "vite preview",
+    "test:e2e": "start-server-and-test preview http://localhost:4173 'cypress run --e2e'",
+    "test:e2e:dev": "start-server-and-test 'vite dev --port 4173' http://localhost:4173 'cypress open --e2e'",
+    "test:unit": "cypress run --component",
+    "test:unit:dev": "cypress open --component"
   },
   "dependencies": {
     "axios": "^1.6.8",
     "gsap": "^3.12.5",
     "idb": "^8.0.0",
     "mobile-detect": "^1.4.5",
-    "portal-vue": "^2.1.7",
-    "vue-axios": "^3.5.2"
+    "pinia": "^2.1.7",
+    "tiny-emitter": "^2.1.0",
+    "vue-safe-teleport": "^0.1.2"
   },
   "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.5",
     "@vue/eslint-config-prettier": "^9.0.0",
-    "bootstrap-vue": "^2.23.1",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-cypress": "^3.3.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-vue": "^9.26.0",
     "nodemon": "^3.1.0",
     "prettier": "^3.2.5",
     "prettier-eslint": "^16.3.0",
-    "vue": "~2.7.16",
-    "vue-i18n": "^8.28.2",
-    "vue-loader": "^15.11.1",
-    "vue-router": "^3.6.5",
-    "vuex": "~3.6.2"
+    "sass": "^1.77.6",
+    "start-server-and-test": "^2.0.4",
+    "vite": "^5.3.1",
+    "vite-plugin-dynamic-import": "^1.5.0",
+    "vue": "~3.4.29",
+    "vue-i18n": "^9.13.1",
+    "vue-router": "^4.3.3"
   },
   "browserslist": [
     "> 1%",

package/src/$locales/en.json

@@ -1,73 +1,44 @@
 {
   "button": {
-    "accessibility":"Subtitles and text alternative",
     "alert_close":"Close this window",
-    "back_to_branching":"Go back to the main page",
-    "back_to_menu": "Back to the menu",
-    "btn_branch":"Explore this topic further",
     "cancel_pop": "Cancel",
     "carousel_next": "Next",
     "carousel_prev": "Previous",
     "confirm_pop": "Confirm",
-    "copyright": "Copyright",
-    "download_transcript": "Download text alternative",
     "full_screen_on": "Full-screen",
     "full_screen_off": "Exit full-screen",
-    "go_to_conclusion": "Go to the lesson conclusion",
     "go_to_next_page": "Go to the next page",
     "go_to_previous_page": "Go to the previous page",
     "go_to_first_page": "Go to the first page",
-    "go_to_introduction": "Go to the lesson introduction",
-    "go_to_branch":"Go to the next topic",
-    "go_to_module_conclusion":"Go to the module conclusion",
     "go_to_lesson" : "Go to the next lesson",
     "go_to_menu": "Go to the lesson contents page",
     "go_to_first_page": "Go to the first page",
-    "hide_nav_bar": "Hide navigation bar",
     "info": "Info",
-    "instructions": "technical instruction",
     "menu": "Start",
-    "menu_anchor": "Menu anchors",
     "menu_item": {
       "end": "Pick up where I left off",
-      "middle": "Pick up where I left off",
       "start": "Start the lesson"
     },
     "mute": "Mute",
     "next": "Next",
     "next_activity": "Go to the next activity",
-    "note_call":"Revenir plus haut",
-    "note_call_in_page":"Atteindre la note de bas de page",
     "pause": "Pause",
     "play": "Play",
-    "previous": "Go to the previous page",
-    "previous_activity": "Previous",
-    "quiz_close_no_answer": "Stay and complete the exercise",
-    "quiz_confirm": "Confirm",
-    "quiz_multiple": "my answers",
-    "quiz_save": "Save",
-    "quiz_single": "my answer",
+    "previous": "Previous",
     "quiz_verify": "Check",
     "replay": "Replay",
-    "reset": "Reset",
-    "return_to_branch":"return to main content",
     "save": "Save",
-    "setting": "Settings",
-    "skip_nav_content": "skip to main containt",
     "subtitle_off": "Hide subtitles",
     "subtitle_on": "Display subtitles",
-    "submit": "Check my answer",
-    "stay_on_page":"Stay on this page",
-    "switch_off": "off",
-    "switch_on": "on",
+    "submit": "Check",
     "toc":"Progression",
     "transcript_off": "Hide transcript",
     "transcript_on": "Show transcript",
     "unmute": "Unmute",
-    "volume":"Volume",
+    "volume": "Volume",
     "closePopUp": "Close"
   },
-   "instruction": {
+  "instruction": {
     "branch": "Click on the item to find additional information.",
     "bif": "Select the path you wish to discover.",
     "choix_mult": "Select one or more options, then check your answer.",
@@ -80,114 +51,93 @@
     "pop_over": "Hover over the item to display the information.",
     "reponse_ouverte": "Write your answer and save it.",
     "reponse_ouverte_no_validation": "Write your answer and save it.",
-    "texte_tableau":  {
-      "multi":"Write your answers, then check them.",
-      "single":"Write your answer, then check it."
+    "texte_tableau": {
+      "multi": "Write your answers, then check them.",
+      "single": "Write your answer, then check it."
     },
-    "texte_tableau_no_validation":  {
-      "multi":"Write your answers, then save them.",
-      "single":"Write your answer and save it."
+    "texte_tableau_no_validation": {
+      "multi": "Write your answers, then save them.",
+      "single": "Write your answer and save it."
     },
     "texte_troue": {
-      "multi":"Write your answers, then check them.",
-      "single":"Write your answer, then check it."
+      "multi": "Write your answers, then check them.",
+      "single": "Write your answer, then check it."
     },
-    "texte_troue_no_validation":  {
-      "multi":"Write your answers, then save them.",
-      "single":"Write your answer and save it."
+    "texte_troue_no_validation": {
+      "multi": "Write your answers, then save them.",
+      "single": "Write your answer and save it."
     },
-    "texte_troue_select":  {
-      "multi":"Select some options, then check your answers.",
-      "single":"Select an option, then check your answer."
+    "texte_troue_select": {
+      "multi": "Select some options, then check your answers.",
+      "single": "Select an option, then check your answer."
     },
-    "texte_troue_select_no_validation":  {
-      "multi":"Select some options, then save them.",
-      "single":"Select an option, and save it."
+    "texte_troue_select_no_validation": {
+      "multi": "Select some options, then save them.",
+      "single": "Select an option, and save it."
     }
   },
   "label": {
-    "for_pagination": "page",
-    "for_volume_level": "volume",
-    "section":"Go to the section named",
     "timer":"estimated time"
   },
   "message": {
-    "bad_orientation_msg": "Please, turn your device for a better experience.",
-    "bad_orientation_title": "Warning",
     "err_download_file": "The file download has failed.",
-    "err_download_transcript":"There was a problem to download the transcript file",
     "first_option_dropdown": "Choose an option",
-    "no_answer": "You did not answer.",
     "no_attempts": "You have no more attempts.",
-    "loading_state_msg":"Loading. Please wait...",
-    "progress_card":"État d’avancement:",
-    "recall_done":"You have answered the question :",
-    "recall_undone":"You have not answered the question.",
-    "skip_content":"Skip to the main content."
+    "loading_state_msg": "Loading. Please wait...",
+    "progress_card": "État d’avancement:",
+    "recall_done": "You have answered the question :",
+    "recall_undone": "You have not answered the question.",
+    "skip_content": "Skip to the main content."
   },
   "popup": {
-    "text_congratulation": "Congratulation",
-    "text_noanswer_back_root": "You didn’t enter an answer. Do you really want to go back to the main page?",
-    "text_noanswer_next_activity": "You didn’t enter an answer. Do you really want to go to the next activity?",
-    "text_noanswer_go_to_branch": "You didn’t enter an answer. Do you really want to go to the next topic?",
-    "text_noanswer_next_page": "You didn’t enter an answer. Do you really want to go to the next page?",
-    "text_what_to_do": "What do you wish to do?",
-    "title_warning": "Oops!"
+    "text_what_to_do": "What do you wish to do?"
   },
   "text": {
     "activity": "Activity",
     "activity_title":"My activitys",
     "activity_progress":"Progress status:",
-    "anchors":"Section",
     "carousel":"Carousel",
     "conclusion": "Conclusion",
-    "complete":"Completed",
+    "complete": "Completed",
     "introduction": "Introduction",
     "lesson": "Lesson",
     "quiz":"Words to complete the sentence",
     "place_holder":{
-      "for_branch_title":"Title for branch",
       "for_lesson_title":"Title of this lesson",
       "for_textarea": "Write here.",
-      "for_download_file_name":"file",
       "for_title_btn_progress":"Click to discover the content"
     },
     "of":"of",
-    "no_note":"Il n'y a pas de note.",
-    "no_credit":"Il n'y a pas de crédit.",
     "slide":"Slide",
     "title_note": "Note(s)",
     "title_credit": "Credit(s)",
     "err_credit": "Le texte de la page ne comporte pas d’appel de note correspondant à cette note-ci. Un appel de note doit être ajouté.",
-    "title_end_activity": "What do you wish to do?",
     "title_link_bas": "Go back to the text",
     "title_link_call": "Go to the footnote",
-    "toc":"Contents",
+    "toc":"Table of contents",
     "title_content_view":"Lesson contents",
-    "transcript": "Transcript",
-    "you_are_here":"You are in : "
+    "transcript": "Transcript"
   },
   "user_settings": {
     "autoplay": "Automatic playback of multimedia content",
     "close": "Close this window",
     "onboarding": "Turn on the guided tour",
-    "subtitles":"Always show subtitles when playing multimedia content",
+    "subtitles": "Always show subtitles when playing multimedia content",
     "title": "Settings"
   },
   "quizState":{
-    "selected":"Option selected",
     "goodAnswer":"Good answer",
     "badAnswer":"Wrong answer",
     "neutralAnswer":"Neutral answer",
     "answers" : "Answer choices"
   },
-  "a11y_sr":{
+  "a11y_sr": {
     "time": {
-      "hours":"hour | hours",
-      "minute":"minute | minutes",
-      "second":"second |seconds"
+      "hours": "hour | hours",
+      "minute": "minute | minutes",
+      "second": "second |seconds"
     },
-    "seek_slider":"Seek slider",
-    "range_expression":"at {x} of {y}."
+    "seek_slider": "Seek slider",
+    "range_expression": "at %x of %y."
   }
 }

package/src/$locales/fr.json

@@ -1,194 +1,105 @@
 {
   "button": {
-    "accessibility":"Sous-titres et version texte",
     "alert_close":"Fermer cette fenêtre",
-    "back_to_branching":"Retourner à la page d’origine",
-    "back_to_menu": "Retour au sommaire",
-    "btn_branch":"Approfondir ce sujet",
     "cancel_pop": "Annuler",
     "carousel_next": "Suivant",
     "carousel_prev": "Précédent",
     "confirm_pop": "Confirmer",
-    "copyright": "Droit d'auteur",
-    "download_transcript": "Télécharger une version texte",
     "full_screen_on": "Plein-écran",
     "full_screen_off": "Quitter le mode plein-écran",
-    "go_to_conclusion": "Aller à la conclusion de la leçon",
     "go_to_first_page": "Aller à la première page",
     "go_to_next_page": "Aller à la page suivante",
     "go_to_previous_page": "Aller à la page précédente",
-    "go_to_introduction": "Aller à l'introduction de la leçon",
-    "go_to_branch":"Aller au sujet suivant",
-    "go_to_module_conclusion":"Aller à la conclusion du module",
     "go_to_lesson" : "Aller à la leçon suivante",
     "go_to_menu": "Aller au sommaire de la leçon",
     "go_to_first_page": "Aller à la première page",
-    "hide_nav_bar": "Masquer la barre de navigation",
-    "instructions": "consigne technique",
     "info": "Info",
     "menu": "Début",
-    "menu_anchor": "Menu des ancres",
     "menu_item": {
       "end": "Reprendre là où j’étais",
-      "middle": "Reprendre là où j’étais",
       "start": "Commencer la leçon"
     },
     "mute": "Désactiver le son",
     "next": "Suivant",
     "next_activity": "Aller à l’activité suivante",
-    "note_call":"Revenir plus haut",
-    "note_call_in_page":"Atteindre la note de bas de page",
     "pause": "Pause",
     "play": "Jouer",
     "previous": "Précédent",
-    "previous_activity": "Aller à l’activité précédente",
-    "quiz_close_no_answer": "Rester et faire cet exercice",
-    "quiz_confirm": "Confirmer",
-    "quiz_multiple": "mes réponses",
-    "quiz_save": "Enregistrer",
-    "quiz_single": "ma réponse",
     "quiz_verify": "Vérifier",
     "replay": "Rejouer",
-    "reset": "Réinitialiser",
-    "return_to_branch":"Retour au résumé",
     "save": "Enregistrer",
-    "setting": "Paramètres",
-    "skip_nav_content": "Passer au contenu principal",
     "subtitle_off": "Masquer les sous-titres",
     "subtitle_on": "Afficher les sous-titres",
     "submit": "Valider",
-    "stay_on_page":"Rester sur cette page",
-    "switch_off": "off",
-    "switch_on": "on",
     "toc":"Progression",
     "transcript_off": "Fermer la transcription",
     "transcript_on": "Afficher la transcription",
     "unmute": "Activer le son",
-    "volume":"Volume",
+    "volume": "Volume",
     "closePopUp": "Fermer"
   },
-  "instruction": {
-    "branch": "Cliquez sur l’élément pour découvrir l’information supplémentaire.",
-    "bif": "Sélectionnez le chemin que vous souhaitez découvrir.",
-    "choix_mult": "Sélectionnez une ou plusieurs réponses, puis vérifiez votre choix.",
-    "choix_mult_no_validation": "Sélectionnez une ou plusieurs réponses, puis confirmez votre choix.",
-    "choix_unique": "Sélectionnez votre réponse, puis vérifiez-la.",
-    "choix_unique_no_validation": "Sélectionnez une réponse, puis confirmez-la.",
-    "click_show": "Cliquez sur l’élément pour découvrir l’information supplémentaire.",
-    "dropdown": "Associez les bonnes réponses aux énoncés correspondants, puis vérifiez vos réponses.",
-    "dropdown_no_validation": "Associez une réponse à chaque énoncé, puis confirmez vos réponses.",
-    "pop_over": "Survolez l’élément pour afficher l'information.",
-    "reponse_ouverte": "Rédigez votre réponse, puis enregistrez-la.",
-    "reponse_ouverte_no_validation": "Rédigez votre réponse, puis enregistrez-la.",
-    "texte_tableau":  {
-      "multi":"Écrivez vos réponses, puis vérifiez-les.",
-      "single":"Écrivez votre réponse, puis vérifiez-la."
-    },
-    "texte_tableau_no_validation": {
-      "multi":"Écrivez vos réponses, puis enregistrez-les.",
-      "single":"Rédigez votre réponse, puis enregistrez-la."
-    },
-    "texte_troue":  {
-      "multi":"Écrivez vos réponses, puis vérifiez-les.",
-      "single":"Écrivez votre réponse, puis vérifiez-la."
-    },
-    "texte_troue_no_validation":  {
-      "multi":"Écrivez vos réponses, puis enregistrez-les.",
-      "single":"Rédigez votre réponse, puis enregistrez-la."
-    },
-    "texte_troue_select":{
-      "multi":"Sélectionnez des réponses, puis vérifiez-les.",
-      "single":"Sélectionnez une réponse, puis vérifiez-la."
-    },
-    "texte_troue_select_no_validation": {
-      "multi":"Sélectionnez des réponses, puis enregistrez-les.",
-      "single":"Sélectionnez une réponse, puis enregistrez-la."
-    }
-  },
   "label": {
-    "for_pagination": "page",
-    "for_volume_level": "volume",
-    "section":"Aller à la section intitulée",
     "timer":"temps estimé"
   },
   "message": {
-    "bad_orientation_msg": "Veuillez retourner votre appareil pour une meilleur expérience.",
-    "bad_orientation_title": "Attention",
     "err_download_file": "Le téléchargement de ce fichier a échoué.",
-    "err_download_transcript":"Impossible de télécharger le fichier de transcription",
     "first_option_dropdown": "Choisir une option",
-    "no_answer": "Vous n'avez pas répondu.",
     "no_attempts": "Vous n'avez plus d'essai.",
-    "loading_state_msg":"Chargement. Veuillez patienter...",
-    "progress_card":"État d’avancement:",
-    "recall_done":"Vous avez répondu précédemment à la question :",
-    "recall_undone":"Vous n'avez pas répondu à la question concernée.",
-    "skip_content":"Passer au contenu principal"
+    "loading_state_msg": "Chargement. Veuillez patienter...",
+    "progress_card": "État d’avancement:",
+    "recall_done": "Vous avez répondu précédemment à la question :",
+    "recall_undone": "Vous n'avez pas répondu à la question concernée.",
+    "skip_content": "Passer au contenu principal"
   },
   "popup": {
-    "text_congratulation": "Félicitation",
-    "text_noanswer_back_root": "Vous n’avez pas entré de réponse. Voulez-vous tout de même retourner à la page d’origine?",
-    "text_noanswer_next_activity": "Vous n’avez pas entré de réponse. Voulez-vous tout de même aller à l’activité suivante?",
-    "text_noanswer_go_to_branch": "Vous n’avez pas entré de réponse. Voulez-vous tout de même aller au sujet suivant?",
-    "text_noanswer_next_page": "Vous n’avez pas entré de réponse. Voulez-vous tout de même aller à la page suivante?",
-    "text_what_to_do": "Que voulez-vous faire?",
-    "title_warning": "Attention!"
-
+    "text_what_to_do": "Que voulez-vous faire?"
   },
   "text": {
     "activity": "Activité",
     "activity_title": "Mes activités",
     "activity_progress":"État d’avancement :",
-    "anchors":"Section",
     "carousel":"Carrousel",
     "conclusion": "Conclusion",
-    "complete":"Terminé",
+    "complete": "Terminé",
     "introduction": "Introduction",
     "lesson": "Leçon",
     "quiz": "Mot complétant la phrase",
     "place_holder": {
-      "for_branch_title": "Titre de la branche",
       "for_lesson_title": "Titre de la leçon",
       "for_textarea": "Écrivez ici.",
-      "for_download_file_name": "fichier",
       "for_title_btn_progress": "Cliquer pour découvrir le contenu"
     },
     "of":"de",
-    "no_note": "Il n'y a pas de note.",
-    "no_credit": "Il n'y a pas de crédit.",
     "slide":"Diapositive",
     "title_note": "Note(s)",
     "title_credit": "Source(s)",
     "err_credit": "Le texte de la page ne comporte pas d’appel de note correspondant à cette note-ci. Un appel de note doit être ajouté.",
-    "title_end_activity": "Que souhaitez-vous faire?",
     "title_link_bas": "Revenir au texte",
     "title_link_call": "Accéder à la note",
-    "title_content_view":"sommaire des activités",
+    "title_content_view":"Sommaire des activités",
     "toc":"Table des matières",
-    "transcript": "Transcription",
-    "you_are_here":"Vous êtes dans : "
+    "transcript": "Transcription"
   },
   "user_settings": {
     "autoplay": "Lecture automatique du contenu multimédia",
     "close": "Fermer cette fenêtre",
     "onboarding": "Activer la visite guidée",
-    "subtitles":"Activer le soutitrage par défault",
+    "subtitles": "Activer le soutitrage par défault",
     "title": "Paramètres"
   },
   "quizState":{
-    "selected":"Réponse sélectionnée",
     "goodAnswer":"Bonne réponse",
     "badAnswer":"Mauvaise réponse",
     "neutralAnswer":"Réponse neutre",
     "answers" : "Choix de réponses"
   },
-  "a11y_sr":{
+  "a11y_sr": {
     "time": {
-      "hours":"heure | heures",
-      "minute":"minute | minutes",
-      "second":"seconde |secondes"
+      "hours": "heure | heures",
+      "minute": "minute | minutes",
+      "second": "seconde |secondes"
     },
-    "seek_slider":"Barre de lecture",
-    "range_expression":"à {x} sur {y}."
+    "seek_slider": "Barre de lecture",
+    "range_expression": "à %x sur %y."
   }
 }

package/src/assets/data/onboardingMessages.json

@@ -25,7 +25,7 @@
   "message_4": {
     "type": "tooltip",
     "value": {
-      "target":"primary_activity",
+      "target": "primary_activity",
       "title": "Navigation principale",
       "content": "<p>La navigation principale permet de valider ses réponses de quiz et de passer à la page suivante.</p>"
     }