fcad-core-dragon 2.0.0-beta.3 → 2.0.0-beta.5

package/src/main.js

@@ -1,272 +1,272 @@
-import AppBase from './components/AppBase.vue'
-import AppBaseButton from './components/AppBaseButton.vue'
-import AppBaseModule from './components/AppBaseModule.vue'
-import AppBasePage from './components/AppBasePage.vue'
-import AppBaseFlipCard from './components/AppBaseFlipCard.vue'
-import AppBasePopover from './components/AppBasePopover.vue'
-import AppCompJauge from './components/AppCompJauge.vue'
-import AppBaseErrorDisplay from './components/AppBaseErrorDisplay.vue'
-//import AppCompBif from './components/AppCompBif.vue'
-import AppCompAudio from './components/AppCompAudio.vue'
-import AppCompBranchButtons from './components/AppCompBranchButtons.vue'
-import AppCompCarousel from './components/AppCompCarousel.vue'
-import AppCompViewDisplay from './components/AppCompViewDisplay.vue'
-import AppCompTableOfContent from './components/AppCompTableOfContent.vue'
-import AppCompMenu from './components/AppCompMenu.vue'
-import AppCompMenuItem from './components/AppCompMenuItem.vue'
-import AppCompPopUpNext from './components/AppCompPopUpNext.vue'
-import AppCompNavigation from './components/AppCompNavigation.vue'
-import AppCompNoteCall from './components/AppCompNoteCall.vue'
-import AppCompNoteCredit from './components/AppCompNoteCredit.vue'
-import AppCompVideoPlayer from './components/AppCompVideoPlayer.vue'
-import AppCompPlayBarNext from './components/AppCompPlayBarNext.vue'
-import AppCompQuizNext from './components/AppCompQuizNext.vue'
-import AppCompQuizRecall from './components/AppCompQuizRecall.vue'
-
-import GsapPlugin from './plugins/gsap'
-import eventBus from './plugins/bus'
-import helper from './plugins/helper'
-import mergeLocales from './plugins/i18n'
-import { scormPlugin } from './plugins/scorm'
-import { xapiPlugin } from './plugins/xapi'
-import { $idb } from './plugins/idb'
-import { validatefileContent } from './shared/validators.js'
-import { createPinia } from 'pinia'
-import { useAppStore } from './module/stores/appStore.js'
-import axios from 'axios'
-import AppCompSVGNext from './components/AppCompSVGNext.vue'
-import VueSafeTeleport from 'vue-safe-teleport'
-import { FocusTrap } from 'focus-trap-vue'
-
-const pinia = createPinia()
-
-export default {
-  install(app, options) {
-    app.use(pinia)
-    app.use(scormPlugin, '$scorm')
-    app.use(GsapPlugin, '$gsap')
-    app.use(xapiPlugin, '$xapi')
-    app.use(VueSafeTeleport)
-    app.component('FocusTrap', FocusTrap)
-
-    app.config.globalProperties.$bus = eventBus
-    app.use($idb)
-
-    app.component('AppBase', AppBase)
-    app.component('AppBaseButton', AppBaseButton)
-    app.component('AppBaseModule', AppBaseModule)
-    app.component('AppBasePage', AppBasePage)
-    app.component('AppBaseFlipCard', AppBaseFlipCard)
-    app.component('AppBaseErrorDisplay', AppBaseErrorDisplay)
-    app.component('AppCompMenu', AppCompMenu)
-    //app.component('app-comp-bif', AppCompBif)
-    app.component('AppCompAudioPlayer', AppCompAudio)
-    app.component('AppCompBranchButtons', AppCompBranchButtons)
-    app.component('AppCompCarousel', AppCompCarousel)
-    app.component('AppCompMenuItem', AppCompMenuItem)
-    app.component('AppCompJauge', AppCompJauge)
-    app.component('AppCompTableOfContent', AppCompTableOfContent)
-    app.component('AppCompPopUpNext', AppCompPopUpNext)
-    app.component('AppCompNavigation', AppCompNavigation)
-    app.component('AppCompNoteCredit', AppCompNoteCredit)
-    app.component('AppCompNoteCall', AppCompNoteCall)
-    app.component('AppBasePopover', AppBasePopover)
-    app.component('AppCompVideoPlayer', AppCompVideoPlayer)
-    app.component('AppCompPlayBarNext', AppCompPlayBarNext)
-    app.component('AppCompQuizNext', AppCompQuizNext)
-    app.component('AppIconsNext', AppCompSVGNext)
-    app.component('AppCompQuizRecall', AppCompQuizRecall)
-    app.component(AppCompViewDisplay)
-
-    if (!options)
-      throw new Error(
-        '💥You did not provide i18n and vuex store. Please install and provide them.'
-      )
-
-    const requiredOptions = ['i18n', 'menuSettings']
-    const errorMissing = {
-      i18n: { a: 'Internationalisation', b: 'vue-I18n' },
-      menuSettings: { a: 'Menu Settings file', b: 'menuSettings' }
-      /// nom de composante avec l'error avec la string comme en haut
-    }
-
-    /*Watch for appBase data received in the store
-     *To set connection Info
-     *To set the connection with indexDB
-     *To set document lang
-     */
-    const appStore = useAppStore()
-
-    const unsubscribeToSetConfig = appStore.$onAction(
-      ({
-        name, // name of the action
-        store, // store instance, same as `someStore`
-        args, // array of parameters passed to the action
-        after // hook after the action returns or resolves
-      }) => {
-        after((result) => {
-          if (name !== 'setAppConfigs') return
-          let { appConfigs } = appStore.$state
-
-          //Configure connection with the Data from appBase
-          configConnection(appConfigs).then((c) => {
-            //Save LRS CONFIGURATION TO STORE
-            appStore.lrsConfig = c
-            // Subscribe to changes in the state to save progress in localStorage when application is not in remote mode
-            if (!c.remote)
-              app.config.globalProperties.$idb
-                .openDB()
-                .then(() =>
-                  app.config.globalProperties.$idb.saveState(
-                    appStore,
-                    appConfigs.idb_id
-                  )
-                )
-          })
-          //Set document lang attribute (wcag request)
-          document.documentElement.setAttribute('lang', appConfigs.lang)
-        })
-      }
-    )
-
-    app.provide('unsubscribeToSetConfig', unsubscribeToSetConfig)
-
-    /* Check that required options are provided */
-    requiredOptions.forEach((key) => {
-      // required key is missing in $data that was passed for the page
-      if (!Object.keys(options).includes(key)) {
-        throw new Error(
-          `👉${errorMissing[key].a}👈 is not provided. Please install and provide 👉${errorMissing[key].b}👈.`
-        )
-      }
-
-      if (key === 'menuSettings') {
-        const mapAct = appStore.$state.thisModule.activities
-        if (!mapAct) return
-        const keys4Lesson = ['lessonTitle', ...mapAct.keys()]
-        const keys4ActivityOpt = ['title', 'subTitle']
-        const keys4ActivityMando = ['time', 'anchors']
-        const keys4Anchors = ['anchorName', 'pageRef', 'page']
-
-        const errChecked = validatefileContent(
-          'menuSettings',
-          options.menuSettings,
-          {
-            keys4Lesson,
-            keys4ActivityMando,
-            keys4ActivityOpt,
-            keys4Anchors
-          }
-        )
-        if (errChecked) {
-          appStore.errMenuSetting = errChecked
-        } else {
-          appStore.errMenuSetting = false
-        }
-      }
-    })
-
-    window.App_DEBUGMODE = false
-
-    /* Local Method to configurate the connection info */
-    const configConnection = async (data) => {
-      if (data && data.specification !== 'xapi') return
-
-      switch (true) {
-        case window.location.origin.includes('cegepadistance.ca'): {
-          try {
-            let connectionInfo
-
-            // Accessing User && Activity Info from Url parametters
-            const queryString = window.location.search
-            const urlParams = new URLSearchParams(queryString)
-
-            //Get User && Activity info
-            if (urlParams.get('actor') && urlParams.get('activity_id')) {
-              connectionInfo = {
-                actor: JSON.parse(urlParams.get('actor')),
-                activity_id: urlParams.get('activity_id'),
-                endpoint: urlParams.get('endpoint'),
-                registration: urlParams.get('registration'),
-                remote: true
-              }
-            }
-            // Get LRS autorisation info from serveur
-            const request = await axios.get('../../configs-xapi/xapi.json')
-
-            const { basicauth } = request.data
-
-            connectionInfo.auth = basicauth
-
-            return connectionInfo
-          } catch (err) {
-            console.error('DOWNLOAD ERROR: 💥', err)
-          }
-
-          break
-        }
-        case window.location.origin.includes('localhost'): {
-          if (!data) return
-          let {
-            id,
-            crs_id = null,
-            actor = {
-              mbox: 'mailto:totoescargot@email.com',
-              name: 'Toto Escargot',
-              objectType: 'Agent'
-            },
-            endpointConfig = null,
-            remote = null
-          } = data
-
-          const origin = window.location.origin
-          const activity_id = crs_id
-            ? `${origin}/${crs_id}/${id}`
-            : `${origin}/${id}`
-
-          if (remote == null) remote = false
-
-          if (endpointConfig == null)
-            endpointConfig = {
-              endpoint: 'https://learninglocker.cegepadistance.ca/data/xAPI/',
-              auth: 'Basic MmU4ZGQ3NTY1NDRiZWUxNmUxZWYzZDZiOThjNWVjY2YxNjVhZjIyNzpkY2Q5Zjk4OWZlYjU3MmZlZjBhNDkxZDIxNmYyNmQyY2M1YTQ4Nzlh'
-            }
-
-          let connectionInfo = {
-            actor,
-            activity_id,
-            remote,
-            ...endpointConfig
-          }
-
-          return connectionInfo
-        }
-      }
-    }
-
-    //=================================END SET LRS INFO ====================================
-    window.setDebugMode = (mode) => {
-      appStore.appDebugMode = mode
-      const msg = mode ? 'DEBUG MODE ON' : 'DEBUG MODE OFF'
-      console.log(`🚩 ${msg}`)
-    }
-
-    appStore.menuSetting = options.menuSettings
-
-    //=================================SETTING PREFERENCES ====================================
-
-    //define the settings option for user preference according to the mode of App
-    let settingsOptions = {
-      autoplay: null
-      // onboarding: null,// Uncomment when ready to add onboarding in settings
-      // subtitles: null,// Uncomment when ready to add subtitle in settings
-    }
-
-    appStore.applicationSettings = settingsOptions
-    //=================================END SETTING PREFERENCES ====================================//
-
-    //mergeLocales
-    mergeLocales(options.i18n.global)
-    app.use(helper, '$helper')
-  }
-}
+import AppBase from './components/AppBase.vue'
+import AppBaseButton from './components/AppBaseButton.vue'
+import AppBaseModule from './components/AppBaseModule.vue'
+import AppBasePage from './components/AppBasePage.vue'
+import AppBaseFlipCard from './components/AppBaseFlipCard.vue'
+import AppBasePopover from './components/AppBasePopover.vue'
+import AppCompJauge from './components/AppCompJauge.vue'
+import AppBaseErrorDisplay from './components/AppBaseErrorDisplay.vue'
+//import AppCompBif from './components/AppCompBif.vue'
+import AppCompAudio from './components/AppCompAudio.vue'
+import AppCompBranchButtons from './components/AppCompBranchButtons.vue'
+import AppCompCarousel from './components/AppCompCarousel.vue'
+import AppCompViewDisplay from './components/AppCompViewDisplay.vue'
+import AppCompTableOfContent from './components/AppCompTableOfContent.vue'
+import AppCompMenu from './components/AppCompMenu.vue'
+import AppCompMenuItem from './components/AppCompMenuItem.vue'
+import AppCompPopUpNext from './components/AppCompPopUpNext.vue'
+import AppCompNavigation from './components/AppCompNavigation.vue'
+import AppCompNoteCall from './components/AppCompNoteCall.vue'
+import AppCompNoteCredit from './components/AppCompNoteCredit.vue'
+import AppCompVideoPlayer from './components/AppCompVideoPlayer.vue'
+import AppCompPlayBarNext from './components/AppCompPlayBarNext.vue'
+import AppCompQuizNext from './components/AppCompQuizNext.vue'
+import AppCompQuizRecall from './components/AppCompQuizRecall.vue'
+
+import GsapPlugin from './plugins/gsap'
+import eventBus from './plugins/bus'
+import helper from './plugins/helper'
+import mergeLocales from './plugins/i18n'
+import { scormPlugin } from './plugins/scorm'
+import { xapiPlugin } from './plugins/xapi'
+import { $idb } from './plugins/idb'
+import { validatefileContent } from './shared/validators.js'
+import { createPinia } from 'pinia'
+import { useAppStore } from './module/stores/appStore.js'
+import axios from 'axios'
+import AppCompSVGNext from './components/AppCompSVGNext.vue'
+import VueSafeTeleport from 'vue-safe-teleport'
+import { FocusTrap } from 'focus-trap-vue'
+
+const pinia = createPinia()
+
+export default {
+  install(app, options) {
+    app.use(pinia)
+    app.use(scormPlugin, '$scorm')
+    app.use(GsapPlugin, '$gsap')
+    app.use(xapiPlugin, '$xapi')
+    app.use(VueSafeTeleport)
+    app.component('FocusTrap', FocusTrap)
+
+    app.config.globalProperties.$bus = eventBus
+    app.use($idb)
+
+    app.component('AppBase', AppBase)
+    app.component('AppBaseButton', AppBaseButton)
+    app.component('AppBaseModule', AppBaseModule)
+    app.component('AppBasePage', AppBasePage)
+    app.component('AppBaseFlipCard', AppBaseFlipCard)
+    app.component('AppBaseErrorDisplay', AppBaseErrorDisplay)
+    app.component('AppCompMenu', AppCompMenu)
+    //app.component('app-comp-bif', AppCompBif)
+    app.component('AppCompAudioPlayer', AppCompAudio)
+    app.component('AppCompBranchButtons', AppCompBranchButtons)
+    app.component('AppCompCarousel', AppCompCarousel)
+    app.component('AppCompMenuItem', AppCompMenuItem)
+    app.component('AppCompJauge', AppCompJauge)
+    app.component('AppCompTableOfContent', AppCompTableOfContent)
+    app.component('AppCompPopUpNext', AppCompPopUpNext)
+    app.component('AppCompNavigation', AppCompNavigation)
+    app.component('AppCompNoteCredit', AppCompNoteCredit)
+    app.component('AppCompNoteCall', AppCompNoteCall)
+    app.component('AppBasePopover', AppBasePopover)
+    app.component('AppCompVideoPlayer', AppCompVideoPlayer)
+    app.component('AppCompPlayBarNext', AppCompPlayBarNext)
+    app.component('AppCompQuizNext', AppCompQuizNext)
+    app.component('AppIconsNext', AppCompSVGNext)
+    app.component('AppCompQuizRecall', AppCompQuizRecall)
+    app.component(AppCompViewDisplay)
+
+    if (!options)
+      throw new Error(
+        '💥You did not provide i18n and vuex store. Please install and provide them.'
+      )
+
+    const requiredOptions = ['i18n', 'menuSettings']
+    const errorMissing = {
+      i18n: { a: 'Internationalisation', b: 'vue-I18n' },
+      menuSettings: { a: 'Menu Settings file', b: 'menuSettings' }
+      /// nom de composante avec l'error avec la string comme en haut
+    }
+
+    /*Watch for appBase data received in the store
+     *To set connection Info
+     *To set the connection with indexDB
+     *To set document lang
+     */
+    const appStore = useAppStore()
+
+    const unsubscribeToSetConfig = appStore.$onAction(
+      ({
+        name, // name of the action
+        store, // store instance, same as `someStore`
+        args, // array of parameters passed to the action
+        after // hook after the action returns or resolves
+      }) => {
+        after((result) => {
+          if (name !== 'setAppConfigs') return
+          let { appConfigs } = appStore.$state
+
+          //Configure connection with the Data from appBase
+          configConnection(appConfigs).then((c) => {
+            //Save LRS CONFIGURATION TO STORE
+            appStore.lrsConfig = c
+            // Subscribe to changes in the state to save progress in localStorage when application is not in remote mode
+            if (!c.remote)
+              app.config.globalProperties.$idb
+                .openDB()
+                .then(() =>
+                  app.config.globalProperties.$idb.saveState(
+                    appStore,
+                    appConfigs.idb_id
+                  )
+                )
+          })
+          //Set document lang attribute (wcag request)
+          document.documentElement.setAttribute('lang', appConfigs.lang)
+        })
+      }
+    )
+
+    app.provide('unsubscribeToSetConfig', unsubscribeToSetConfig)
+
+    /* Check that required options are provided */
+    requiredOptions.forEach((key) => {
+      // required key is missing in $data that was passed for the page
+      if (!Object.keys(options).includes(key)) {
+        throw new Error(
+          `👉${errorMissing[key].a}👈 is not provided. Please install and provide 👉${errorMissing[key].b}👈.`
+        )
+      }
+
+      if (key === 'menuSettings') {
+        const mapAct = appStore.$state.thisModule.activities
+        if (!mapAct) return
+        const keys4Lesson = ['lessonTitle', 'lessonNumber', ...mapAct.keys()]
+        const keys4ActivityOpt = ['title', 'subTitle']
+        const keys4ActivityMandatory = ['time', 'anchors']
+        const keys4Anchors = ['anchorName', 'pageRef', 'page']
+
+        const errChecked = validatefileContent(
+          'menuSettings',
+          options.menuSettings,
+          {
+            keys4Lesson,
+            keys4ActivityMandatory,
+            keys4ActivityOpt,
+            keys4Anchors
+          }
+        )
+        if (errChecked) {
+          appStore.errMenuSetting = errChecked
+        } else {
+          appStore.errMenuSetting = false
+        }
+      }
+    })
+
+    window.App_DEBUGMODE = false
+
+    /* Local Method to configurate the connection info */
+    const configConnection = async (data) => {
+      if (data && data.specification !== 'xapi') return
+
+      switch (true) {
+        case window.location.origin.includes('cegepadistance.ca'): {
+          try {
+            let connectionInfo
+
+            // Accessing User && Activity Info from Url parametters
+            const queryString = window.location.search
+            const urlParams = new URLSearchParams(queryString)
+
+            //Get User && Activity info
+            if (urlParams.get('actor') && urlParams.get('activity_id')) {
+              connectionInfo = {
+                actor: JSON.parse(urlParams.get('actor')),
+                activity_id: urlParams.get('activity_id'),
+                endpoint: urlParams.get('endpoint'),
+                registration: urlParams.get('registration'),
+                remote: true
+              }
+            }
+            // Get LRS autorisation info from serveur
+            const request = await axios.get('../../configs-xapi/xapi.json')
+
+            const { basicauth } = request.data
+
+            connectionInfo.auth = basicauth
+
+            return connectionInfo
+          } catch (err) {
+            console.error('DOWNLOAD ERROR: 💥', err)
+          }
+
+          break
+        }
+        case window.location.origin.includes('localhost'): {
+          if (!data) return
+          let {
+            id,
+            crs_id = null,
+            actor = {
+              mbox: 'mailto:totoescargot@email.com',
+              name: 'Toto Escargot',
+              objectType: 'Agent'
+            },
+            endpointConfig = null,
+            remote = null
+          } = data
+
+          const origin = window.location.origin
+          const activity_id = crs_id
+            ? `${origin}/${crs_id}/${id}`
+            : `${origin}/${id}`
+
+          if (remote == null) remote = false
+
+          if (endpointConfig == null)
+            endpointConfig = {
+              endpoint: 'https://learninglocker.cegepadistance.ca/data/xAPI/',
+              auth: 'Basic MmU4ZGQ3NTY1NDRiZWUxNmUxZWYzZDZiOThjNWVjY2YxNjVhZjIyNzpkY2Q5Zjk4OWZlYjU3MmZlZjBhNDkxZDIxNmYyNmQyY2M1YTQ4Nzlh'
+            }
+
+          let connectionInfo = {
+            actor,
+            activity_id,
+            remote,
+            ...endpointConfig
+          }
+
+          return connectionInfo
+        }
+      }
+    }
+
+    //=================================END SET LRS INFO ====================================
+    window.setDebugMode = (mode) => {
+      appStore.appDebugMode = mode
+      const msg = mode ? 'DEBUG MODE ON' : 'DEBUG MODE OFF'
+      console.log(`🚩 ${msg}`)
+    }
+
+    appStore.menuSetting = options.menuSettings
+
+    //=================================SETTING PREFERENCES ====================================
+
+    //define the settings option for user preference according to the mode of App
+    let settingsOptions = {
+      autoplay: null
+      // onboarding: null,// Uncomment when ready to add onboarding in settings
+      // subtitles: null,// Uncomment when ready to add subtitle in settings
+    }
+
+    appStore.applicationSettings = settingsOptions
+    //=================================END SETTING PREFERENCES ====================================//
+
+    //mergeLocales
+    mergeLocales(options.i18n.global)
+    app.use(helper, '$helper')
+  }
+}