fcad-core-dragon 2.1.1 → 2.1.2

package/src/shared/validators.js

@@ -1,1018 +1,1018 @@
-// Errors message to display in the console
-const ERR_TYPE = {
-  err0: `\n 💥 Missing \x1B[1m$attr$ \x1B[0mfor $comp$. \x1B[1m$attr$ \x1B[0m should be provided with following attributes: \x1B[1m{$data$}`,
-  err1: `\n 💥 Invalid declaration for \x1B[1m$wrd$ \x1B[0m object`,
-  err2: `\n 💥 Invalid type declaration for 👉\x1B[1m$attr$ \x1B[0m👈 in \x1B[1m$el$\x1B[0m. Expected is \x1B[3m$type$ \x1B[0mtype with some value`,
-  err3: `\n 💥 Missing required argument  👉\x1B[1m$key$\x1B[0m👈 in \x1B[1m$el$\x1B[0m. Required arguments are: \x1B[1m$args$`,
-  err4: `\n 💥 Missing required argument  👉\x1B[1m$key$\x1B[0m👈 in \x1B[1m$el$\x1B[0m. Required arguments are: \x1B[1m$args$`
-}
-
-// Errors message to display in Appplication UI
-const ERR_TYPE_MSG = {
-  err0: `\n Données manquantes pour <span style='text-transform: uppercase;'>$comp$</span>. Assurez-vous que le composant reçoit l'attribut <b>$attr$</b> avec des données pour: <b>$data$</b>`,
-  err1: `\n Déclaration invalide pour <b>$wrd$</b>. Assurez-vous que l'application a du data.`,
-  err2: `\n Vous avez une declaration invalide dans <b>$attr$</b>. 👉<b>$el$</b>👈 n'accepte que le type <i>$type$</i> et ne peut pas être vide`,
-  err3: `\n L'attribut 👉<b>$key$</b>👈 est manquant dans <b>$el$</b>. Les attributs requis sont: <b>$args$</b>`
-}
-
-//Get all the invalids properties from the object
-/*Add element from target array that are NOT in arr to the wrongArray*/
-const checkerWrong = (arr, target) => {
-  let wrongArray = []
-  target.every((v) => {
-    if (arr.includes(v)) {
-      return true
-    } else {
-      wrongArray.push(v)
-      return true
-    }
-  })
-  return wrongArray
-}
-//Get all the required properties that are missing from the object
-/*Add element from the arr that are NOT in target arr to the missingArray*/
-const checkerMissing = (arr, target) => {
-  let missingArray = []
-  arr.every((v) => {
-    if (target.includes(v)) {
-      return true
-    } else {
-      missingArray.push(v)
-      return true
-    }
-  })
-  return missingArray
-}
-
-/**
- * @description - Method to validate that given object attributes hold expected types
- * @param {Object} Obj - object to validate
- * @param {Object} Args - List of expected type groups - each type group must be an array of attributes with the same type
- * @param {Array} notRequiredArgs - list of field that should be considered as optional in the object. Will not give error if not * provided but will be validated if they are present with wrong type or empty
- * @param {Array} compName - Name of the component- will be display in error message
- * @param {Array}   err - list off errors to be added to
- * @return {Object} list of errors - {errorInConsole, errorList} : errorlist can be used to display messages on template and
- * errorInConsole to display messages in browser console
- * @exemple - Given $user= {name:'toto', username:'totoEscargot', id:'id001', age:23, books:['one', 'two', 'three']  }
- * Use validator on $user:  validateObjType($user, {stringType:['name', 'username' , 'id'], numbType:['age'], arrayType:['books']})
- * Will fail if any listed attribute not in $user or have wrong value. Error messages will be in console
- *
- */
-
-const validateObjType = (
-  Obj,
-  Args = {
-    boolType: null,
-    arrayType: null,
-    stringType: null,
-    objectType: null,
-    numbType: null
-  },
-  notRequiredArgs = null,
-  compName = 'component',
-  err = null
-) => {
-  let errorInConsole = err && err.errorInConsole ? err.errorInConsole : []
-  let errorList = err && err.errorList ? err.errorLIst : []
-  let optionalArgs =
-    notRequiredArgs && notRequiredArgs.length ? notRequiredArgs : []
-  //=====Expected Arguments validation =================//
-  //Should have an object argument
-  if (!Obj) throw new Error(`No valid arguments provided`)
-
-  //List required attributes
-  const required = []
-
-  for (const _type in Args) {
-    // Should be a required type
-    if (
-      ![
-        'boolType',
-        'arrayType',
-        'stringType',
-        'objectType',
-        'numberType'
-      ].includes(_type)
-    )
-      throw new Error(`Unknown types declaration : ${_type}`)
-
-    if (Args[_type] && Args[_type].length) {
-      for (let el of Args[_type]) {
-        //Check that each given element is a string
-        if (el.constructor !== String)
-          throw new Error(
-            `Invalid type detected in ${JSON.stringify(
-              Args[_type]
-            )}. Item ${Args[_type].indexOf(el) + 1} should be a String`
-          )
-
-        if (!optionalArgs.includes(el)) required.push(el)
-      }
-    }
-  }
-
-  //validate Args Keys type
-  for (const _type in Args) {
-    for (let el of Args[_type]) {
-      let reg = /(\$el\$)|(\$type\$)|(\$attr\$)/g
-
-      switch (true) {
-        // Check That each given element exist in data if not optional
-        case Obj[el] === undefined && required.includes(el): {
-          reg = /(\$key\$)|(\$el\$)|(\$args\$)/g
-          const reg2 = /\[|\]|/g
-
-          errorInConsole.push(
-            ERR_TYPE.err3.replace(reg, (e) => {
-              if (e == '$key$') return el
-              if (e == '$el$') return compName
-              if (e == '$args$') return JSON.stringify(required)
-            })
-          )
-
-          errorList.push(
-            ERR_TYPE_MSG.err3.replace(reg, (e) => {
-              if (e == '$key$') return el
-              if (e == '$el$') return compName || 'Composant'
-              if (e == '$args$')
-                return JSON.stringify(required).replaceAll(reg2, '')
-            })
-          )
-          break
-        }
-        //Should have Correct Types $attr$ $el$ $type$
-        case _type == 'boolType' &&
-          Obj[el] !== undefined &&
-          Obj[el].constructor !== Boolean:
-          errorInConsole.push(
-            ERR_TYPE.err2.replace(reg, (e) => {
-              if (e == '$attr$') return compName || 'Composant'
-              if (e == '$el$') return el
-              if (e == '$type$') return 'Boolean'
-            })
-          )
-          errorList.push(
-            ERR_TYPE_MSG.err2.replace(reg, (e) => {
-              if (e == '$attr$') return compName || 'Composant'
-              if (e == '$el$') return el
-              if (e == '$type$') return 'Boolean'
-            })
-          )
-          break
-
-        case _type == 'stringType' &&
-          Obj[el] !== undefined &&
-          (Obj[el].constructor !== String || !Obj[el].trim().length):
-          errorInConsole.push(
-            ERR_TYPE.err2.replace(reg, (e) => {
-              if (e == '$attr$') return compName || 'Composant'
-              if (e == '$el$') return el
-              if (e == '$type$') return 'String'
-            })
-          )
-          errorList.push(
-            ERR_TYPE_MSG.err2.replace(reg, (e) => {
-              if (e == '$attr$') return compName || 'Composant'
-              if (e == '$el$') return el
-              if (e == '$type$') return 'String'
-            })
-          )
-          break
-
-        case _type == 'arrayType' &&
-          Obj[el] !== null &&
-          Obj[el] !== undefined &&
-          (Obj[el].constructor !== Array || !Obj[el].length):
-          errorInConsole.push(
-            ERR_TYPE.err2.replace(reg, (e) => {
-              if (e == '$attr$') return compName || 'Composant'
-              if (e == '$el$') return el
-              if (e == '$type$') return 'Array'
-            })
-          )
-          errorList.push(
-            ERR_TYPE_MSG.err2.replace(reg, (e) => {
-              if (e == '$attr$') return compName || 'Composant'
-              if (e == '$el$') return el
-              if (e == '$type$') return 'Array'
-            })
-          )
-          break
-
-        case _type == 'numberType' &&
-          Obj[el] !== undefined &&
-          Obj[el].constructor !== Number:
-          errorInConsole.push(
-            ERR_TYPE.err2.replace(reg, (e) => {
-              if (e == '$attr$') return compName || 'Composant'
-              if (e == '$el$') return el
-              if (e == '$type$') return 'Number'
-            })
-          )
-          errorList.push(
-            ERR_TYPE_MSG.err2.replace(reg, (e) => {
-              if (e == '$attr$') return compName || 'Composant'
-              if (e == '$el$') return el
-              if (e == '$type$') return 'Number'
-            })
-          )
-          break
-
-        case _type == 'objectType' &&
-          Obj[el] !== undefined &&
-          Obj[el].constructor !== Object:
-          errorInConsole.push(
-            ERR_TYPE.err2.replace(reg, (e) => {
-              if (e == '$attr$') return compName || 'Composant'
-              if (e == '$el$') return el
-              if (e == '$type$') return 'Object'
-            })
-          )
-          errorList.push(
-            ERR_TYPE_MSG.err2.replace(reg, (e) => {
-              if (e == '$attr$') return compName || 'Composant'
-              if (e == '$el$') return el
-              if (e == '$type$') return 'Object'
-            })
-          )
-          break
-      }
-    }
-  }
-
-  return { errorInConsole, errorList }
-}
-
-/**
- * @description Validator for the content of menu setting file
- * @param {String} fName- name of the file for use case
- * @param {Object} fData: file's data to validate
- * @param {Object} [requiredArgs] list of arguments to include consider in validation ()
- */
-const validatefileContent = (fName, fData, requiredArgs = {}) => {
-  let err = null
-  if (import.meta.env.DEV) {
-    switch (fName) {
-      case 'menuSettings': {
-        const {
-          keys4Lesson,
-          keys4ActivityMandatory,
-          keys4ActivityOpt,
-          keys4Anchors
-        } = requiredArgs
-
-        //*validate that data is an {Object}. if Not send error message
-        if (fData.constructor !== Object)
-          err = '💥Invalid file provided for menu settings'
-        if (Object.keys(fData).length > 0) {
-          const content = Object.keys(fData)
-          //Check if lessonTitle exists
-          if (typeof fData.lessonTitle === 'undefined') {
-            err = `!!!! 💥 Missing 👉 lessonTitle 👈 variable in ➡ menu.setting.js \n  🚩 This variable is mandatory.`
-            break
-          }
-          //Check if lessonNumber exists
-          if (typeof fData.lessonNumber === 'undefined') {
-            err = `!!!! 💥 Missing 👉 lessonNumber 👈 variable in ➡ menu.setting.js \n  🚩 This variable is mandatory.`
-            break
-          }
-          if (content.length != keys4Lesson.length) {
-            err = `!!!! 💥 Missing activity in➡ menu.setting.js \n  🚩Must declare all activity  in menu.setting.js`
-            break
-          } else {
-            for (let el of content) {
-              //validate that the content of each entry is valide
-              if (!keys4Lesson.includes(el)) {
-                err = `!!!! 💥 invalid data provided for key 👉 ${el} 👈 in ➡ menu.setting.js \n  🚩 All activity must be listed and you must have a lesson title`
-                break
-              }
-            }
-          }
-
-          // Validate that each entry has the required key
-          if (!err) {
-            const reg = /^A[0-9]{2}$/ // target only activities
-            const contentActivities = content.filter((data) => data.match(reg)) //Get only the activities
-
-            for (let el of contentActivities) {
-              const entry = fData[el]
-
-              const tabEntrykey = Object.keys(entry)
-              //Validate that entry has optional key
-              if (
-                !tabEntrykey.includes(keys4ActivityOpt[0]) ||
-                !tabEntrykey.includes(keys4ActivityOpt[1])
-              ) {
-                err = `💥 Missing 👉 ${keys4ActivityOpt[0]} or ${keys4ActivityOpt[1]} 👈 in ${el} in ➡ menu.setting.js \n  🚩One of thess two keys are mandatory : 👉 ${keys4ActivityOpt}`
-                break
-              }
-
-              //Validate that entry has mandatory key
-              for (let m of keys4ActivityMandatory) {
-                if (!tabEntrykey.includes(m)) {
-                  err = `💥 Missing 👉 ${m} 👈 in ${el} in ➡ menu.setting.js \n  🚩All this key are mandatory : 👉 ${keys4ActivityMandatory}`
-                  break
-                } else {
-                  switch (m) {
-                    case 'anchors':
-                      if (entry[m].constructor !== Array)
-                        err = `💥 Invalid anchors declaration for 👉 ${el} 👈 in ➡ menu.setting.j \n  🚩Must be of type {Array}`
-                      else {
-                        const anchors = entry.anchors
-
-                        for (let a of anchors) {
-                          //trow error if numbers of keys are not the same as required
-                          const a_numb = anchors.indexOf(a) + 1
-                          if (Object.keys(a).length !== keys4Anchors.length) {
-                            err = `💥 Invalid declaration in 👉anchor ${a_numb}👈  for ➡ ${el} in ➡ menu.setting.js \n  🚩 Allowed indexes are: 👉 ${keys4Anchors}`
-                            break
-                          }
-                          // Validated that required keys condition and type is met
-                          for (let k of keys4Anchors) {
-                            if (!a[k]) {
-                              err = `💥 Missing 👉 ${k} 👈 for anchor ${a_numb} ➡ ${el} ➡ menu.setting.js \n 🚩 Allowed indexes are: 👉 ${keys4Anchors}`
-                            } else if (a[k].constructor !== String) {
-                              err = `💥 Invalid 👉 ${k} 👈 declaration for anchor ${a_numb} ➡ ${el} ➡ menu.setting.js \n  🚩 Must be of type {String}`
-                            }
-                            if (err) break
-                          }
-                          if (err) break
-                        }
-                      }
-
-                      break
-                    default:
-                      if (entry[m].constructor !== String)
-                        err = `Invalid 👉 ${m} 👈 declaration for ➡ ${el} in ➡ menu.setting.js \n  🚩 Must be of type {String}`
-                      break
-                  }
-                }
-              }
-            }
-          }
-        }
-        break
-      }
-    }
-  }
-  return err
-}
-
-/**
- * @description Validator for the content of menu setting file
- * @param {Object} data- Object definition to validate
- **/
-const validateVideoData = (data) => {
-  const errorList = []
-  if (import.meta.env.DEV) {
-    let errStringInConsole = null
-    let errString = null
-    const expectedKeys = [
-      'id',
-      'mSources',
-      'mSubtitles',
-      'mPoster',
-      'mTranscript'
-    ]
-
-    if (!data || data.constructor !== Object || Object.keys(data).length < 1) {
-      errStringInConsole = `\n 💥 Invalid declaration for video element`
-      console.warn(
-        `%c  WARNING!>>> VIDEO: ${errStringInConsole}`,
-        'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
-      )
-      errString = `Declaration invalide pour Objet video.`
-      errorList.push(errString)
-    }
-    //Must have mSources
-    if (!data['mSources']) {
-      errStringInConsole = ` Missing 👉 mSources 👈 declaration for video element`
-
-      errString = `l'Attribut <b>mSources</b> pour l'Objet video n'est pas defini. `
-      console.warn(
-        `%c  WARNING!>>> ${errStringInConsole}`,
-        'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
-      )
-      errorList.push(errString)
-    }
-    //Must have id
-    if (!data['id']) {
-      errStringInConsole = ` Missing 👉 id 👈 declaration for video element`
-
-      errString = `l'Attribut <b>id</b> pour l'objet video n'est pas defini. `
-      console.warn(
-        `%c  WARNING!>>> ${errStringInConsole}`,
-        'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
-      )
-      errorList.push(errString)
-    }
-    //Start validation of keys in data
-    if (!errString) {
-      expectedKeys.forEach((k) => {
-        if (!data[k] && k !== 'mSources') return
-
-        switch (k) {
-          case 'id':
-            if (data['id'].constructor !== String || data['id'].length < 1) {
-              errStringInConsole =
-                '\n 💥 Invalid type declaration for id.\n  🚩 Must be of type Array'
-
-              errString = `l'Attribut <b>id</b>  pour le media doit être de type <i>String</i>`
-
-              errorList.push(errString)
-              console.warn(
-                `%c  WARNING!>>> ${errStringInConsole}`,
-                'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
-              )
-            }
-            break
-          case 'mSources':
-            if (
-              data['mSources'].constructor !== Array ||
-              data['mSources'].length < 1
-            ) {
-              errStringInConsole =
-                '\n 💥 Invalid type declaration for mSources.\n  🚩 Must be of type Array'
-
-              errString = `l'Attribut 👉 mSources 👈  pour le media doit être de type Array`
-
-              errorList.push(errString)
-              console.warn(
-                `%c  WARNING!>>> ${errStringInConsole}`,
-                'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
-              )
-            }
-            break
-
-          case 'mSubtitles':
-            {
-              //Validate required keys in Subtitle definition
-              let expectedKeys = ['label', 'src', 'srclang']
-              //we only accept one subtitle and must be defined as an Object with 3 keys
-              if (
-                data['mSubtitles'].constructor !== Array ||
-                !data['mSubtitles'].length
-              ) {
-                errStringInConsole = `\n 💥 Invalid type declaration for mSubtitles.\n  🚩 Must be of type Array with at list one Object defined with: ${expectedKeys}`
-
-                errString = `l'Attribut 👉 mSubtitles 👈 doit être de type Array avec au moins un Objet: {${expectedKeys}} `
-
-                console.warn(
-                  `%c  WARNING!>>> ${errStringInConsole}`,
-                  'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
-                )
-
-                return errorList.push(errString)
-              }
-              //Validate definition for each Subtitle Object
-              for (const obj of data['mSubtitles']) {
-                const objIndex = data['mSubtitles'].indexOf(obj)
-                expectedKeys.forEach((expected) => {
-                  if (!obj[expected]) {
-                    errStringInConsole = `\n 💥 Missing key 👉 ${expected} 👈 for mSubtitles No.${
-                      objIndex + 1
-                    }.\n  🚩 required keys are: ${expectedKeys} `
-
-                    errString = `l'Attribut 👉 ${expected} 👈  pour le sous-titre  No.${
-                      objIndex + 1
-                    } n'est pas défini`
-
-                    console.warn(
-                      `%c  WARNING!>>> ${errStringInConsole}`,
-                      'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
-                    )
-                    return errorList.push(errString)
-                  }
-
-                  // Only none empty String type Accepted
-                  if (
-                    obj[expected].constructor === String &&
-                    obj[expected].trim().length
-                  )
-                    return
-
-                  errStringInConsole = `\n 💥 Invalid type declaration for 👉${expected}👈 in mSubtitles No.${
-                    objIndex + 1
-                  }.\n  🚩 Must be none-empty String `
-
-                  errString = `l'Attribut 👉${expected}👈 du sous-titre No.${
-                    objIndex + 1
-                  } doit être de type String et ne peut pas être vide. `
-
-                  console.warn(
-                    `%c  WARNING!>>> ${errStringInConsole}`,
-                    'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
-                  )
-
-                  errorList.push(errString)
-                })
-              }
-            }
-            break
-          case 'mPoster':
-            //Only type String allowed and must not be empty
-            if (
-              data['mPoster'] &&
-              data['mPoster'].constructor == String &&
-              data['mPoster'].trim().length
-            )
-              return
-
-            errStringInConsole = `\n 💥 Invalid type declaration for 👉 mPoster 👈.\n  🚩 Must be none-empty String `
-
-            errString = `l'Attribut 👉 mPoster 👈 doit être de type String et ne peut pas être vide. `
-
-            errorList.push(errString)
-            console.warn(
-              `%c  WARNING!>>> VIDEO: ${errStringInConsole}`,
-              'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
-            )
-
-            break
-          case 'mTranscript':
-            //Only type String allowed and must not be empty
-            if (
-              data['mTranscript'] &&
-              data['mTranscript'].constructor == String &&
-              data['mTranscript'].trim().length
-            )
-              return
-
-            errStringInConsole = `\n 💥 Invalid type declaration for 👉 mTranscript 👈 .\n  🚩 Must be none-empty String `
-
-            errString = `l'Attribut 👉 mTranscript 👈 doit être de type String et ne peut pas être vide. `
-
-            console.warn(
-              `%c  WARNING!>>> VIDEO: ${errStringInConsole}`,
-              'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
-            )
-            errorList.push(errString)
-
-            break
-        }
-      })
-    }
-  }
-  return errorList
-}
-
-/**
- * @description Validator for the content of audio props
- * @param {Object} data- Object definition to validate
- **/
-const validateAudioData = (data) => {
-  const errorList = []
-  let currentProperties = Object.getOwnPropertyNames(data)
-  if (process.env.NODE_ENV === 'development') {
-    //errorList.push('test')
-
-    const requiredProperties = ['id', 'mTitle', 'mSources', 'mTranscript']
-
-    const optionalProperties = ['mPoster', 'mAlt']
-
-    const allProperties = [
-      ...requiredProperties,
-      ...optionalProperties,
-      ...['__ob__']
-    ]
-
-    let errStringInConsole = null
-    let errString = null
-
-    //** Validate if data exist and is an object**/
-    if (!data || data.constructor !== Object || Object.keys(data).length < 1) {
-      errStringInConsole = `\n 💥 Invalid declaration for audio element`
-      console.warn(
-        `%c  WARNING!>>> AUDIO: ${errStringInConsole}`,
-        'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
-      )
-      errString = `Déclaration invalide pour Objet audData. Ce doit être un objet non vide.`
-      errorList.push(errString)
-      return errorList
-    }
-    //** Validate if all the properties are right**/
-    let wrongProperties = checkerWrong(allProperties, currentProperties)
-
-    if (wrongProperties.length > 0) {
-      console.warn(
-        `%c WARNING!>>> AppCompAudio : audData property ${wrongProperties} invalid. Required properties: ${requiredProperties} . Optional properties: ${optionalProperties}`,
-        'background: orange; color: white; display: block; margin:5px;'
-      )
-      errString = `Propriété invalide pour audData: ${wrongProperties}. Les propriétés requises sont:  ${requiredProperties} et les propriétés facultatives sont: ${optionalProperties}`
-      errorList.push(errString)
-      return errorList
-    }
-
-    //** Validate if all the required properties are in the data */
-    let missingRequired = checkerMissing(requiredProperties, currentProperties)
-
-    if (missingRequired.length > 0) {
-      console.warn(
-        `%c WARNING!>>>  AppCompAudio : audData missing required ${missingRequired} property. Required properties: ${requiredProperties} . Optional properties: ${optionalProperties}`,
-        'background: orange; color: white; display: block; margin:5px;'
-      )
-      errString = `Propriété requise manquante pour audData: <b>${missingRequired}</b>. Les propriétés requises sont:  <i>${requiredProperties}</i> et les propriétés facultatives sont: <i>${optionalProperties}</i>`
-      errorList.push(errString)
-      return errorList
-    }
-    /***Validate data values */
-    if (errorList.length == 0) {
-      let invalidString = []
-      let invalidArray = []
-      let invalidProperties = []
-      currentProperties.forEach((p) => {
-        switch (p) {
-          case 'mTitle':
-          case 'mTranscript':
-          case 'mPoster':
-          case 'mAlt':
-            if (data[p] && data[p].constructor == String) {
-              data[p].trim().length == 0 ? invalidString.push(p) : ''
-            } else {
-              invalidString.push(p)
-            }
-            break
-          case 'mSources': {
-            if (data[p] && data[p].constructor == Array) {
-              data[p].length == 0 ? invalidArray.push(p) : ''
-            } else {
-              invalidArray.push(p)
-            }
-            if (invalidArray.length === 0) {
-              //Valider les attributs de mSources
-              for (let i in data[p]) {
-                let object = data[p][i]
-                if ('src' in object && 'type' in object) {
-                  if (
-                    object['src'].constructor != String &&
-                    object['type'].constructor != String
-                  ) {
-                    invalidProperties.push(p)
-                  } else {
-                    object['src'].trim().length == 0
-                      ? invalidString.push(p)
-                      : ''
-                    object['type'].trim().length == 0
-                      ? invalidString.push(p)
-                      : ''
-                  }
-                } else {
-                  invalidProperties.push(p)
-                }
-              }
-            }
-            break
-          }
-        }
-      })
-      //Display error for each type
-      //String
-      let sL = invalidString.length
-      if (sL > 0) {
-        errStringInConsole = `\n 💥 Invalid value type for 👉${invalidString}👈 \n  🚩 Must be none-empty String `
-
-        errString = `${sL > 1 ? 'Les ' : "L'"}attribut${
-          sL > 1 ? 's ' : ''
-        } 👉${invalidString}👈 doi${
-          sL > 1 ? 'ven' : ''
-        }t être de type String et ne peu${sL > 1 ? 'ven' : ''}t pas être vide. `
-
-        console.warn(
-          `%c  WARNING!>>> ${errStringInConsole}`,
-          'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
-        )
-        errorList.push(errString)
-      }
-      //Array
-      let aL = invalidArray.length
-      if (aL > 0) {
-        errStringInConsole = `\n 💥 Invalid value type for 👉${invalidArray}👈 \n  🚩 Must be none-empty Array`
-
-        errString = `${aL > 1 ? 'Les ' : "L'"}attribut${
-          aL > 1 ? 's ' : ''
-        } 👉${invalidArray}👈 doi${
-          sL > 1 ? 'ven' : ''
-        }t être de type Array et ne peu${aL > 1 ? 'ven' : ''}t pas être vide. `
-
-        console.warn(
-          `%c  WARNING!>>> ${errStringInConsole}`,
-          'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
-        )
-        errorList.push(errString)
-      }
-      let pL = invalidProperties.length
-      if (pL > 0) {
-        errStringInConsole = `\n 💥 Invalid value type for 👉src and/or type👈 in mSources \n  🚩 They are required and must be none-empty strings`
-
-        errString = `${pL > 1 ? 'Les ' : "L'"}attribut${
-          pL > 1 ? 's ' : ''
-        } 👉src and/or type👈 de mSources doi${
-          sL > 1 ? 'ven' : ''
-        }t être de type String et ne peu${pL > 1 ? 'ven' : ''}t pas être vide. `
-
-        console.warn(
-          `%c  WARNING!>>> ${errStringInConsole}`,
-          'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
-        )
-        errorList.push(errString)
-      }
-    }
-  }
-  return errorList
-}
-
-/**
- * @description Validator for the content of app data.
- * App data is used as setting for the application
- * @param {Object} data - the Object definition to validate
- * @param {Boolean} silent - if Validator should diplay error in console
- *
- **/
-
-const validateAppContent = (data, silent = false) => {
-  let errorInConsole = []
-  let errorList = []
-
-  const requiredArgs = [
-    'lang',
-    'specification',
-    'id',
-    'crs_id',
-    'idb_id',
-    'no_menu',
-    'is_single_activity',
-    'auto_next_activity'
-  ]
-
-  //Validate not empty data
-  if (Object.keys(data).length == 0) {
-    const reg = /(\$comp\$)|(\$data\$)|(\$attr\$)/g
-
-    errorInConsole.push(
-      ERR_TYPE.err0.replace(reg, (e) => {
-        if (e == '$comp$') return 'app-base'
-        if (e == '$data$') return requiredArgs.toString().replaceAll(',', ', ')
-        if (e == '$attr$') return 'app-config'
-      })
-    )
-
-    errorList.push(
-      ERR_TYPE_MSG.err0.replace(reg, (e) => {
-        if (e == '$comp$') return 'app-base'
-        if (e == '$data$') return requiredArgs.toString().replaceAll(',', ', ')
-        if (e == '$attr$') return 'app-config'
-      })
-    )
-
-    console.warn(errorInConsole[0])
-
-    return errorList
-  }
-
-  let stringType = ['lang', 'specification', 'id', 'crs_id', 'idb_id']
-  let boolType = [
-    'no_menu',
-    'is_single_activity',
-    'auto_next_activity',
-    'remote'
-  ]
-  let objectType = ['actor', 'linkedResource']
-  let optionalArgs = ['remote', 'actor', 'linkedResource']
-
-  const { errorInConsole: errCons, errorList: errList } = validateObjType(
-    data,
-    {
-      stringType,
-      boolType,
-      objectType
-    },
-    optionalArgs,
-    'App.vue'
-  )
-
-  errorList = [...errorList, ...errList]
-  errorInConsole = [...errorInConsole, ...errCons]
-
-  //===========Optional Keys should be of correct type when declared =================//
-  // Has actor defined
-  if (data['actor']) {
-    let { errorInConsole: err1, errorList: err2 } = validateObjType(
-      data['actor'],
-      {
-        stringType: ['name', 'mbox']
-      },
-      'actor'
-    )
-
-    errorList = [...errorList, ...err2]
-    errorInConsole = [...errorInConsole, ...err1]
-  }
-  // Has LinkedResource defined
-  if (data['linkedResource']) {
-    let { errorInConsole: err1, errorList: err2 } = validateObjType(
-      data['linkedResource'],
-      {
-        stringType: ['url', 'id']
-      },
-      'linkedResource'
-    )
-
-    errorList = [...errorList, ...err2]
-    errorInConsole = [...errorInConsole, ...err1]
-  }
-  // Has endpointConfig defined
-  if (data['endpointConfig']) {
-    let { errorInConsole: err1, errorList: err2 } = validateObjType(
-      data['endpointConfig'],
-      {
-        stringType: ['auth', 'endpoint']
-      },
-      'endpointConfig'
-    )
-    errorList = [...errorList, ...err2]
-    errorInConsole = [...errorInConsole, ...err1]
-  }
-  //================== END Optional Keys  ====================//
-
-  //Should display error to console
-  if (errorList.length && !silent) {
-    let txt = '⚠️ You have the following Errors:'
-    console.group(`%c ${txt}`, 'background:#ffc13a7d')
-    errorInConsole.forEach((err) => console.warn(err))
-    console.groupEnd()
-  }
-
-  return errorList
-}
-
-/**
- * @description - Method validate the definition of SVG data.
- * @param {Array || Object } SVGData - the data defining the SVG to render
- * @return true - if valid
- * */
-
-const validateSvgDefinition = (SVGData) => {
-  //Should be Array of Object
-  if (SVGData.constructor !== Array && SVGData.constructor !== Object)
-    throw new Error('Unsupported Type for SVG data')
-  let Errors = []
-  let SVGDef = SVGData.constructor == Object ? new Array(SVGData) : SVGData
-  //Should validate the entries for each SVG definition as the required entries
-
-  for (const s_def of SVGDef) {
-    let i = SVGDef.indexOf(s_def)
-    let stringType = ['id', 'viewBox']
-    let arrayType = ['paths']
-    let { errorInConsole: errCons } = validateObjType(
-      s_def,
-      {
-        stringType,
-        arrayType
-      },
-      'viewBox',
-      `SVG ${i + 1}`
-    )
-    Errors.push(...errCons)
-    if (errCons.length) {
-      errCons.forEach((err) => console.warn(err))
-      break
-    }
-
-    //Should validate that each element in the path attributes is an object of type string and has the id attribute
-
-    for (const _path of s_def.paths) {
-      let index = s_def.paths.indexOf(_path)
-      if (_path.constructor !== Object)
-        throw Error(
-          `Unexpected definition for path ${index + 1} in SVG ${i + 1}. Expecting Object but received ${typeof _path}`
-        )
-
-      let stringType = ['d']
-
-      let { errorInConsole: errCons } = validateObjType(
-        _path,
-        {
-          stringType
-        },
-        null,
-        `SVG path ${index + 1}`
-      )
-      Errors.push(...errCons)
-      if (errCons.length) {
-        errCons.forEach((err) => console.warn(err))
-        break
-      }
-
-      //validate each entries in path
-      for (const _key in _path) {
-        if (_key == 'd') continue //skip
-        //all keys in path should be of type String and not empty
-        let stringType = [_key]
-
-        let { errorInConsole: errCons } = validateObjType(
-          _path,
-          {
-            stringType
-          },
-          null,
-          `SVG path ${index + 1}`
-        )
-        Errors.push(...errCons)
-        if (errCons.length) {
-          errCons.forEach((err) => console.log(err))
-          break
-        }
-      }
-    }
-  }
-
-  if (Errors.length) throw new Error('Error SVG')
-  return true
-}
-
-/**
- * @description - Method validate the definition data forthe quiz.
- * @param {Object} data - the data defining the SVG to render
- * @return true - if valid
- * */
-const validateQuizData = (data) => {
-  let errors
-  let stringType = ['ennonce', 'id', 'type_question', 'texte_base']
-  let arrayType = ['choix_reponse', 'solution']
-  let objectType = ['retroaction']
-  let numberType = ['valeur_point', 'max_tentative']
-  let optionalArgs = ['valeur_point', 'max_tentative', 'texte_base']
-
-  errors = validateObjType(
-    data,
-    { stringType, arrayType, objectType, numberType },
-    optionalArgs,
-    'quizData'
-  )
-
-  let hasError = errors.errorInConsole.length || errors.errorList.length
-
-  if (hasError) return errors
-
-  //validate Containt for retroaction
- 
-
-  // if(data.solution !=null){
-  //   console.log('ici')
-  // }else{
-  //   console.log('la')
-  // }
-
-  switch (true) {
-    case data.retroaction != null:
-      objectType = ['retro_positive', 'retro_negative', 'retro_neutre']
-      
-
-      errors = validateObjType(
-        data.retroaction,
-        { objectType },
-        null,
-        'quizData retraoction'
-      )
-
-      hasError = errors.errorInConsole.length || errors.errorList.length
-
-      //console.log(hasError)
-      if (hasError) return errors
-
-      //  Validate containt of retroaction attributes
-      stringType = ['title', 'hypertext']
-
-        
-      for (const key of Object.keys(data.retroaction)) {
-        
-        if(key == "retro_neutre") continue //skip
-       
-        
-
-          errors = validateObjType(
-            data.retroaction[key],
-            { stringType },
-            null,
-            key
-          )
-
-        hasError = errors.errorInConsole.length || errors.errorList.length
-
-        if (hasError) return errors
-      }
-
-      break
-  }
-  return errors
-}
-
-export {
-  validateObjType,
-  validateVideoData,
-  validateAudioData,
-  validatefileContent,
-  validateAppContent,
-  validateSvgDefinition,
-  validateQuizData
-}
+// Errors message to display in the console
+const ERR_TYPE = {
+  err0: `\n 💥 Missing \x1B[1m$attr$ \x1B[0mfor $comp$. \x1B[1m$attr$ \x1B[0m should be provided with following attributes: \x1B[1m{$data$}`,
+  err1: `\n 💥 Invalid declaration for \x1B[1m$wrd$ \x1B[0m object`,
+  err2: `\n 💥 Invalid type declaration for 👉\x1B[1m$attr$ \x1B[0m👈 in \x1B[1m$el$\x1B[0m. Expected is \x1B[3m$type$ \x1B[0mtype with some value`,
+  err3: `\n 💥 Missing required argument  👉\x1B[1m$key$\x1B[0m👈 in \x1B[1m$el$\x1B[0m. Required arguments are: \x1B[1m$args$`,
+  err4: `\n 💥 Missing required argument  👉\x1B[1m$key$\x1B[0m👈 in \x1B[1m$el$\x1B[0m. Required arguments are: \x1B[1m$args$`
+}
+
+// Errors message to display in Appplication UI
+const ERR_TYPE_MSG = {
+  err0: `\n Données manquantes pour <span style='text-transform: uppercase;'>$comp$</span>. Assurez-vous que le composant reçoit l'attribut <b>$attr$</b> avec des données pour: <b>$data$</b>`,
+  err1: `\n Déclaration invalide pour <b>$wrd$</b>. Assurez-vous que l'application a du data.`,
+  err2: `\n Vous avez une declaration invalide dans <b>$attr$</b>. 👉<b>$el$</b>👈 n'accepte que le type <i>$type$</i> et ne peut pas être vide`,
+  err3: `\n L'attribut 👉<b>$key$</b>👈 est manquant dans <b>$el$</b>. Les attributs requis sont: <b>$args$</b>`
+}
+
+//Get all the invalids properties from the object
+/*Add element from target array that are NOT in arr to the wrongArray*/
+const checkerWrong = (arr, target) => {
+  let wrongArray = []
+  target.every((v) => {
+    if (arr.includes(v)) {
+      return true
+    } else {
+      wrongArray.push(v)
+      return true
+    }
+  })
+  return wrongArray
+}
+//Get all the required properties that are missing from the object
+/*Add element from the arr that are NOT in target arr to the missingArray*/
+const checkerMissing = (arr, target) => {
+  let missingArray = []
+  arr.every((v) => {
+    if (target.includes(v)) {
+      return true
+    } else {
+      missingArray.push(v)
+      return true
+    }
+  })
+  return missingArray
+}
+
+/**
+ * @description - Method to validate that given object attributes hold expected types
+ * @param {Object} Obj - object to validate
+ * @param {Object} Args - List of expected type groups - each type group must be an array of attributes with the same type
+ * @param {Array} notRequiredArgs - list of field that should be considered as optional in the object. Will not give error if not * provided but will be validated if they are present with wrong type or empty
+ * @param {Array} compName - Name of the component- will be display in error message
+ * @param {Array}   err - list off errors to be added to
+ * @return {Object} list of errors - {errorInConsole, errorList} : errorlist can be used to display messages on template and
+ * errorInConsole to display messages in browser console
+ * @exemple - Given $user= {name:'toto', username:'totoEscargot', id:'id001', age:23, books:['one', 'two', 'three']  }
+ * Use validator on $user:  validateObjType($user, {stringType:['name', 'username' , 'id'], numbType:['age'], arrayType:['books']})
+ * Will fail if any listed attribute not in $user or have wrong value. Error messages will be in console
+ *
+ */
+
+const validateObjType = (
+  Obj,
+  Args = {
+    boolType: null,
+    arrayType: null,
+    stringType: null,
+    objectType: null,
+    numbType: null
+  },
+  notRequiredArgs = null,
+  compName = 'component',
+  err = null
+) => {
+  let errorInConsole = err && err.errorInConsole ? err.errorInConsole : []
+  let errorList = err && err.errorList ? err.errorLIst : []
+  let optionalArgs =
+    notRequiredArgs && notRequiredArgs.length ? notRequiredArgs : []
+  //=====Expected Arguments validation =================//
+  //Should have an object argument
+  if (!Obj) throw new Error(`No valid arguments provided`)
+
+  //List required attributes
+  const required = []
+
+  for (const _type in Args) {
+    // Should be a required type
+    if (
+      ![
+        'boolType',
+        'arrayType',
+        'stringType',
+        'objectType',
+        'numberType'
+      ].includes(_type)
+    )
+      throw new Error(`Unknown types declaration : ${_type}`)
+
+    if (Args[_type] && Args[_type].length) {
+      for (let el of Args[_type]) {
+        //Check that each given element is a string
+        if (el.constructor !== String)
+          throw new Error(
+            `Invalid type detected in ${JSON.stringify(
+              Args[_type]
+            )}. Item ${Args[_type].indexOf(el) + 1} should be a String`
+          )
+
+        if (!optionalArgs.includes(el)) required.push(el)
+      }
+    }
+  }
+
+  //validate Args Keys type
+  for (const _type in Args) {
+    for (let el of Args[_type]) {
+      let reg = /(\$el\$)|(\$type\$)|(\$attr\$)/g
+
+      switch (true) {
+        // Check That each given element exist in data if not optional
+        case Obj[el] === undefined && required.includes(el): {
+          reg = /(\$key\$)|(\$el\$)|(\$args\$)/g
+          const reg2 = /\[|\]|/g
+
+          errorInConsole.push(
+            ERR_TYPE.err3.replace(reg, (e) => {
+              if (e == '$key$') return el
+              if (e == '$el$') return compName
+              if (e == '$args$') return JSON.stringify(required)
+            })
+          )
+
+          errorList.push(
+            ERR_TYPE_MSG.err3.replace(reg, (e) => {
+              if (e == '$key$') return el
+              if (e == '$el$') return compName || 'Composant'
+              if (e == '$args$')
+                return JSON.stringify(required).replaceAll(reg2, '')
+            })
+          )
+          break
+        }
+        //Should have Correct Types $attr$ $el$ $type$
+        case _type == 'boolType' &&
+          Obj[el] !== undefined &&
+          Obj[el].constructor !== Boolean:
+          errorInConsole.push(
+            ERR_TYPE.err2.replace(reg, (e) => {
+              if (e == '$attr$') return compName || 'Composant'
+              if (e == '$el$') return el
+              if (e == '$type$') return 'Boolean'
+            })
+          )
+          errorList.push(
+            ERR_TYPE_MSG.err2.replace(reg, (e) => {
+              if (e == '$attr$') return compName || 'Composant'
+              if (e == '$el$') return el
+              if (e == '$type$') return 'Boolean'
+            })
+          )
+          break
+
+        case _type == 'stringType' &&
+          Obj[el] !== undefined &&
+          (Obj[el].constructor !== String || !Obj[el].trim().length):
+          errorInConsole.push(
+            ERR_TYPE.err2.replace(reg, (e) => {
+              if (e == '$attr$') return compName || 'Composant'
+              if (e == '$el$') return el
+              if (e == '$type$') return 'String'
+            })
+          )
+          errorList.push(
+            ERR_TYPE_MSG.err2.replace(reg, (e) => {
+              if (e == '$attr$') return compName || 'Composant'
+              if (e == '$el$') return el
+              if (e == '$type$') return 'String'
+            })
+          )
+          break
+
+        case _type == 'arrayType' &&
+          Obj[el] !== null &&
+          Obj[el] !== undefined &&
+          (Obj[el].constructor !== Array || !Obj[el].length):
+          errorInConsole.push(
+            ERR_TYPE.err2.replace(reg, (e) => {
+              if (e == '$attr$') return compName || 'Composant'
+              if (e == '$el$') return el
+              if (e == '$type$') return 'Array'
+            })
+          )
+          errorList.push(
+            ERR_TYPE_MSG.err2.replace(reg, (e) => {
+              if (e == '$attr$') return compName || 'Composant'
+              if (e == '$el$') return el
+              if (e == '$type$') return 'Array'
+            })
+          )
+          break
+
+        case _type == 'numberType' &&
+          Obj[el] !== undefined &&
+          Obj[el].constructor !== Number:
+          errorInConsole.push(
+            ERR_TYPE.err2.replace(reg, (e) => {
+              if (e == '$attr$') return compName || 'Composant'
+              if (e == '$el$') return el
+              if (e == '$type$') return 'Number'
+            })
+          )
+          errorList.push(
+            ERR_TYPE_MSG.err2.replace(reg, (e) => {
+              if (e == '$attr$') return compName || 'Composant'
+              if (e == '$el$') return el
+              if (e == '$type$') return 'Number'
+            })
+          )
+          break
+
+        case _type == 'objectType' &&
+          Obj[el] !== undefined &&
+          Obj[el].constructor !== Object:
+          errorInConsole.push(
+            ERR_TYPE.err2.replace(reg, (e) => {
+              if (e == '$attr$') return compName || 'Composant'
+              if (e == '$el$') return el
+              if (e == '$type$') return 'Object'
+            })
+          )
+          errorList.push(
+            ERR_TYPE_MSG.err2.replace(reg, (e) => {
+              if (e == '$attr$') return compName || 'Composant'
+              if (e == '$el$') return el
+              if (e == '$type$') return 'Object'
+            })
+          )
+          break
+      }
+    }
+  }
+
+  return { errorInConsole, errorList }
+}
+
+/**
+ * @description Validator for the content of menu setting file
+ * @param {String} fName- name of the file for use case
+ * @param {Object} fData: file's data to validate
+ * @param {Object} [requiredArgs] list of arguments to include consider in validation ()
+ */
+const validatefileContent = (fName, fData, requiredArgs = {}) => {
+  let err = null
+  if (import.meta.env.DEV) {
+    switch (fName) {
+      case 'menuSettings': {
+        const {
+          keys4Lesson,
+          keys4ActivityMandatory,
+          keys4ActivityOpt,
+          keys4Anchors
+        } = requiredArgs
+
+        //*validate that data is an {Object}. if Not send error message
+        if (fData.constructor !== Object)
+          err = '💥Invalid file provided for menu settings'
+        if (Object.keys(fData).length > 0) {
+          const content = Object.keys(fData)
+          //Check if lessonTitle exists
+          if (typeof fData.lessonTitle === 'undefined') {
+            err = `!!!! 💥 Missing 👉 lessonTitle 👈 variable in ➡ menu.setting.js \n  🚩 This variable is mandatory.`
+            break
+          }
+          //Check if lessonNumber exists
+          if (typeof fData.lessonNumber === 'undefined') {
+            err = `!!!! 💥 Missing 👉 lessonNumber 👈 variable in ➡ menu.setting.js \n  🚩 This variable is mandatory.`
+            break
+          }
+          if (content.length != keys4Lesson.length) {
+            err = `!!!! 💥 Missing activity in➡ menu.setting.js \n  🚩Must declare all activity  in menu.setting.js`
+            break
+          } else {
+            for (let el of content) {
+              //validate that the content of each entry is valide
+              if (!keys4Lesson.includes(el)) {
+                err = `!!!! 💥 invalid data provided for key 👉 ${el} 👈 in ➡ menu.setting.js \n  🚩 All activity must be listed and you must have a lesson title`
+                break
+              }
+            }
+          }
+
+          // Validate that each entry has the required key
+          if (!err) {
+            const reg = /^A[0-9]{2}$/ // target only activities
+            const contentActivities = content.filter((data) => data.match(reg)) //Get only the activities
+
+            for (let el of contentActivities) {
+              const entry = fData[el]
+
+              const tabEntrykey = Object.keys(entry)
+              //Validate that entry has optional key
+              if (
+                !tabEntrykey.includes(keys4ActivityOpt[0]) ||
+                !tabEntrykey.includes(keys4ActivityOpt[1])
+              ) {
+                err = `💥 Missing 👉 ${keys4ActivityOpt[0]} or ${keys4ActivityOpt[1]} 👈 in ${el} in ➡ menu.setting.js \n  🚩One of thess two keys are mandatory : 👉 ${keys4ActivityOpt}`
+                break
+              }
+
+              //Validate that entry has mandatory key
+              for (let m of keys4ActivityMandatory) {
+                if (!tabEntrykey.includes(m)) {
+                  err = `💥 Missing 👉 ${m} 👈 in ${el} in ➡ menu.setting.js \n  🚩All this key are mandatory : 👉 ${keys4ActivityMandatory}`
+                  break
+                } else {
+                  switch (m) {
+                    case 'anchors':
+                      if (entry[m].constructor !== Array)
+                        err = `💥 Invalid anchors declaration for 👉 ${el} 👈 in ➡ menu.setting.j \n  🚩Must be of type {Array}`
+                      else {
+                        const anchors = entry.anchors
+
+                        for (let a of anchors) {
+                          //trow error if numbers of keys are not the same as required
+                          const a_numb = anchors.indexOf(a) + 1
+                          if (Object.keys(a).length !== keys4Anchors.length) {
+                            err = `💥 Invalid declaration in 👉anchor ${a_numb}👈  for ➡ ${el} in ➡ menu.setting.js \n  🚩 Allowed indexes are: 👉 ${keys4Anchors}`
+                            break
+                          }
+                          // Validated that required keys condition and type is met
+                          for (let k of keys4Anchors) {
+                            if (!a[k]) {
+                              err = `💥 Missing 👉 ${k} 👈 for anchor ${a_numb} ➡ ${el} ➡ menu.setting.js \n 🚩 Allowed indexes are: 👉 ${keys4Anchors}`
+                            } else if (a[k].constructor !== String) {
+                              err = `💥 Invalid 👉 ${k} 👈 declaration for anchor ${a_numb} ➡ ${el} ➡ menu.setting.js \n  🚩 Must be of type {String}`
+                            }
+                            if (err) break
+                          }
+                          if (err) break
+                        }
+                      }
+
+                      break
+                    default:
+                      if (entry[m].constructor !== String)
+                        err = `Invalid 👉 ${m} 👈 declaration for ➡ ${el} in ➡ menu.setting.js \n  🚩 Must be of type {String}`
+                      break
+                  }
+                }
+              }
+            }
+          }
+        }
+        break
+      }
+    }
+  }
+  return err
+}
+
+/**
+ * @description Validator for the content of menu setting file
+ * @param {Object} data- Object definition to validate
+ **/
+const validateVideoData = (data) => {
+  const errorList = []
+  if (import.meta.env.DEV) {
+    let errStringInConsole = null
+    let errString = null
+    const expectedKeys = [
+      'id',
+      'mSources',
+      'mSubtitles',
+      'mPoster',
+      'mTranscript'
+    ]
+
+    if (!data || data.constructor !== Object || Object.keys(data).length < 1) {
+      errStringInConsole = `\n 💥 Invalid declaration for video element`
+      console.warn(
+        `%c  WARNING!>>> VIDEO: ${errStringInConsole}`,
+        'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
+      )
+      errString = `Declaration invalide pour Objet video.`
+      errorList.push(errString)
+    }
+    //Must have mSources
+    if (!data['mSources']) {
+      errStringInConsole = ` Missing 👉 mSources 👈 declaration for video element`
+
+      errString = `l'Attribut <b>mSources</b> pour l'Objet video n'est pas defini. `
+      console.warn(
+        `%c  WARNING!>>> ${errStringInConsole}`,
+        'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
+      )
+      errorList.push(errString)
+    }
+    //Must have id
+    if (!data['id']) {
+      errStringInConsole = ` Missing 👉 id 👈 declaration for video element`
+
+      errString = `l'Attribut <b>id</b> pour l'objet video n'est pas defini. `
+      console.warn(
+        `%c  WARNING!>>> ${errStringInConsole}`,
+        'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
+      )
+      errorList.push(errString)
+    }
+    //Start validation of keys in data
+    if (!errString) {
+      expectedKeys.forEach((k) => {
+        if (!data[k] && k !== 'mSources') return
+
+        switch (k) {
+          case 'id':
+            if (data['id'].constructor !== String || data['id'].length < 1) {
+              errStringInConsole =
+                '\n 💥 Invalid type declaration for id.\n  🚩 Must be of type Array'
+
+              errString = `l'Attribut <b>id</b>  pour le media doit être de type <i>String</i>`
+
+              errorList.push(errString)
+              console.warn(
+                `%c  WARNING!>>> ${errStringInConsole}`,
+                'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
+              )
+            }
+            break
+          case 'mSources':
+            if (
+              data['mSources'].constructor !== Array ||
+              data['mSources'].length < 1
+            ) {
+              errStringInConsole =
+                '\n 💥 Invalid type declaration for mSources.\n  🚩 Must be of type Array'
+
+              errString = `l'Attribut 👉 mSources 👈  pour le media doit être de type Array`
+
+              errorList.push(errString)
+              console.warn(
+                `%c  WARNING!>>> ${errStringInConsole}`,
+                'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
+              )
+            }
+            break
+
+          case 'mSubtitles':
+            {
+              //Validate required keys in Subtitle definition
+              let expectedKeys = ['label', 'src', 'srclang']
+              //we only accept one subtitle and must be defined as an Object with 3 keys
+              if (
+                data['mSubtitles'].constructor !== Array ||
+                !data['mSubtitles'].length
+              ) {
+                errStringInConsole = `\n 💥 Invalid type declaration for mSubtitles.\n  🚩 Must be of type Array with at list one Object defined with: ${expectedKeys}`
+
+                errString = `l'Attribut 👉 mSubtitles 👈 doit être de type Array avec au moins un Objet: {${expectedKeys}} `
+
+                console.warn(
+                  `%c  WARNING!>>> ${errStringInConsole}`,
+                  'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
+                )
+
+                return errorList.push(errString)
+              }
+              //Validate definition for each Subtitle Object
+              for (const obj of data['mSubtitles']) {
+                const objIndex = data['mSubtitles'].indexOf(obj)
+                expectedKeys.forEach((expected) => {
+                  if (!obj[expected]) {
+                    errStringInConsole = `\n 💥 Missing key 👉 ${expected} 👈 for mSubtitles No.${
+                      objIndex + 1
+                    }.\n  🚩 required keys are: ${expectedKeys} `
+
+                    errString = `l'Attribut 👉 ${expected} 👈  pour le sous-titre  No.${
+                      objIndex + 1
+                    } n'est pas défini`
+
+                    console.warn(
+                      `%c  WARNING!>>> ${errStringInConsole}`,
+                      'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
+                    )
+                    return errorList.push(errString)
+                  }
+
+                  // Only none empty String type Accepted
+                  if (
+                    obj[expected].constructor === String &&
+                    obj[expected].trim().length
+                  )
+                    return
+
+                  errStringInConsole = `\n 💥 Invalid type declaration for 👉${expected}👈 in mSubtitles No.${
+                    objIndex + 1
+                  }.\n  🚩 Must be none-empty String `
+
+                  errString = `l'Attribut 👉${expected}👈 du sous-titre No.${
+                    objIndex + 1
+                  } doit être de type String et ne peut pas être vide. `
+
+                  console.warn(
+                    `%c  WARNING!>>> ${errStringInConsole}`,
+                    'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
+                  )
+
+                  errorList.push(errString)
+                })
+              }
+            }
+            break
+          case 'mPoster':
+            //Only type String allowed and must not be empty
+            if (
+              data['mPoster'] &&
+              data['mPoster'].constructor == String &&
+              data['mPoster'].trim().length
+            )
+              return
+
+            errStringInConsole = `\n 💥 Invalid type declaration for 👉 mPoster 👈.\n  🚩 Must be none-empty String `
+
+            errString = `l'Attribut 👉 mPoster 👈 doit être de type String et ne peut pas être vide. `
+
+            errorList.push(errString)
+            console.warn(
+              `%c  WARNING!>>> VIDEO: ${errStringInConsole}`,
+              'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
+            )
+
+            break
+          case 'mTranscript':
+            //Only type String allowed and must not be empty
+            if (
+              data['mTranscript'] &&
+              data['mTranscript'].constructor == String &&
+              data['mTranscript'].trim().length
+            )
+              return
+
+            errStringInConsole = `\n 💥 Invalid type declaration for 👉 mTranscript 👈 .\n  🚩 Must be none-empty String `
+
+            errString = `l'Attribut 👉 mTranscript 👈 doit être de type String et ne peut pas être vide. `
+
+            console.warn(
+              `%c  WARNING!>>> VIDEO: ${errStringInConsole}`,
+              'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
+            )
+            errorList.push(errString)
+
+            break
+        }
+      })
+    }
+  }
+  return errorList
+}
+
+/**
+ * @description Validator for the content of audio props
+ * @param {Object} data- Object definition to validate
+ **/
+const validateAudioData = (data) => {
+  const errorList = []
+  let currentProperties = Object.getOwnPropertyNames(data)
+  if (process.env.NODE_ENV === 'development') {
+    //errorList.push('test')
+
+    const requiredProperties = ['id', 'mTitle', 'mSources', 'mTranscript']
+
+    const optionalProperties = ['mPoster', 'mAlt']
+
+    const allProperties = [
+      ...requiredProperties,
+      ...optionalProperties,
+      ...['__ob__']
+    ]
+
+    let errStringInConsole = null
+    let errString = null
+
+    //** Validate if data exist and is an object**/
+    if (!data || data.constructor !== Object || Object.keys(data).length < 1) {
+      errStringInConsole = `\n 💥 Invalid declaration for audio element`
+      console.warn(
+        `%c  WARNING!>>> AUDIO: ${errStringInConsole}`,
+        'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
+      )
+      errString = `Déclaration invalide pour Objet audData. Ce doit être un objet non vide.`
+      errorList.push(errString)
+      return errorList
+    }
+    //** Validate if all the properties are right**/
+    let wrongProperties = checkerWrong(allProperties, currentProperties)
+
+    if (wrongProperties.length > 0) {
+      console.warn(
+        `%c WARNING!>>> AppCompAudio : audData property ${wrongProperties} invalid. Required properties: ${requiredProperties} . Optional properties: ${optionalProperties}`,
+        'background: orange; color: white; display: block; margin:5px;'
+      )
+      errString = `Propriété invalide pour audData: ${wrongProperties}. Les propriétés requises sont:  ${requiredProperties} et les propriétés facultatives sont: ${optionalProperties}`
+      errorList.push(errString)
+      return errorList
+    }
+
+    //** Validate if all the required properties are in the data */
+    let missingRequired = checkerMissing(requiredProperties, currentProperties)
+
+    if (missingRequired.length > 0) {
+      console.warn(
+        `%c WARNING!>>>  AppCompAudio : audData missing required ${missingRequired} property. Required properties: ${requiredProperties} . Optional properties: ${optionalProperties}`,
+        'background: orange; color: white; display: block; margin:5px;'
+      )
+      errString = `Propriété requise manquante pour audData: <b>${missingRequired}</b>. Les propriétés requises sont:  <i>${requiredProperties}</i> et les propriétés facultatives sont: <i>${optionalProperties}</i>`
+      errorList.push(errString)
+      return errorList
+    }
+    /***Validate data values */
+    if (errorList.length == 0) {
+      let invalidString = []
+      let invalidArray = []
+      let invalidProperties = []
+      currentProperties.forEach((p) => {
+        switch (p) {
+          case 'mTitle':
+          case 'mTranscript':
+          case 'mPoster':
+          case 'mAlt':
+            if (data[p] && data[p].constructor == String) {
+              data[p].trim().length == 0 ? invalidString.push(p) : ''
+            } else {
+              invalidString.push(p)
+            }
+            break
+          case 'mSources': {
+            if (data[p] && data[p].constructor == Array) {
+              data[p].length == 0 ? invalidArray.push(p) : ''
+            } else {
+              invalidArray.push(p)
+            }
+            if (invalidArray.length === 0) {
+              //Valider les attributs de mSources
+              for (let i in data[p]) {
+                let object = data[p][i]
+                if ('src' in object && 'type' in object) {
+                  if (
+                    object['src'].constructor != String &&
+                    object['type'].constructor != String
+                  ) {
+                    invalidProperties.push(p)
+                  } else {
+                    object['src'].trim().length == 0
+                      ? invalidString.push(p)
+                      : ''
+                    object['type'].trim().length == 0
+                      ? invalidString.push(p)
+                      : ''
+                  }
+                } else {
+                  invalidProperties.push(p)
+                }
+              }
+            }
+            break
+          }
+        }
+      })
+      //Display error for each type
+      //String
+      let sL = invalidString.length
+      if (sL > 0) {
+        errStringInConsole = `\n 💥 Invalid value type for 👉${invalidString}👈 \n  🚩 Must be none-empty String `
+
+        errString = `${sL > 1 ? 'Les ' : "L'"}attribut${
+          sL > 1 ? 's ' : ''
+        } 👉${invalidString}👈 doi${
+          sL > 1 ? 'ven' : ''
+        }t être de type String et ne peu${sL > 1 ? 'ven' : ''}t pas être vide. `
+
+        console.warn(
+          `%c  WARNING!>>> ${errStringInConsole}`,
+          'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
+        )
+        errorList.push(errString)
+      }
+      //Array
+      let aL = invalidArray.length
+      if (aL > 0) {
+        errStringInConsole = `\n 💥 Invalid value type for 👉${invalidArray}👈 \n  🚩 Must be none-empty Array`
+
+        errString = `${aL > 1 ? 'Les ' : "L'"}attribut${
+          aL > 1 ? 's ' : ''
+        } 👉${invalidArray}👈 doi${
+          sL > 1 ? 'ven' : ''
+        }t être de type Array et ne peu${aL > 1 ? 'ven' : ''}t pas être vide. `
+
+        console.warn(
+          `%c  WARNING!>>> ${errStringInConsole}`,
+          'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
+        )
+        errorList.push(errString)
+      }
+      let pL = invalidProperties.length
+      if (pL > 0) {
+        errStringInConsole = `\n 💥 Invalid value type for 👉src and/or type👈 in mSources \n  🚩 They are required and must be none-empty strings`
+
+        errString = `${pL > 1 ? 'Les ' : "L'"}attribut${
+          pL > 1 ? 's ' : ''
+        } 👉src and/or type👈 de mSources doi${
+          sL > 1 ? 'ven' : ''
+        }t être de type String et ne peu${pL > 1 ? 'ven' : ''}t pas être vide. `
+
+        console.warn(
+          `%c  WARNING!>>> ${errStringInConsole}`,
+          'background: orange; color: white; display: block; border-radius:5px; margin:5px;'
+        )
+        errorList.push(errString)
+      }
+    }
+  }
+  return errorList
+}
+
+/**
+ * @description Validator for the content of app data.
+ * App data is used as setting for the application
+ * @param {Object} data - the Object definition to validate
+ * @param {Boolean} silent - if Validator should diplay error in console
+ *
+ **/
+
+const validateAppContent = (data, silent = false) => {
+  let errorInConsole = []
+  let errorList = []
+
+  const requiredArgs = [
+    'lang',
+    'specification',
+    'id',
+    'crs_id',
+    'idb_id',
+    'no_menu',
+    'is_single_activity',
+    'auto_next_activity'
+  ]
+
+  //Validate not empty data
+  if (Object.keys(data).length == 0) {
+    const reg = /(\$comp\$)|(\$data\$)|(\$attr\$)/g
+
+    errorInConsole.push(
+      ERR_TYPE.err0.replace(reg, (e) => {
+        if (e == '$comp$') return 'app-base'
+        if (e == '$data$') return requiredArgs.toString().replaceAll(',', ', ')
+        if (e == '$attr$') return 'app-config'
+      })
+    )
+
+    errorList.push(
+      ERR_TYPE_MSG.err0.replace(reg, (e) => {
+        if (e == '$comp$') return 'app-base'
+        if (e == '$data$') return requiredArgs.toString().replaceAll(',', ', ')
+        if (e == '$attr$') return 'app-config'
+      })
+    )
+
+    console.warn(errorInConsole[0])
+
+    return errorList
+  }
+
+  let stringType = ['lang', 'specification', 'id', 'crs_id', 'idb_id']
+  let boolType = [
+    'no_menu',
+    'is_single_activity',
+    'auto_next_activity',
+    'remote'
+  ]
+  let objectType = ['actor', 'linkedResource']
+  let optionalArgs = ['remote', 'actor', 'linkedResource']
+
+  const { errorInConsole: errCons, errorList: errList } = validateObjType(
+    data,
+    {
+      stringType,
+      boolType,
+      objectType
+    },
+    optionalArgs,
+    'App.vue'
+  )
+
+  errorList = [...errorList, ...errList]
+  errorInConsole = [...errorInConsole, ...errCons]
+
+  //===========Optional Keys should be of correct type when declared =================//
+  // Has actor defined
+  if (data['actor']) {
+    let { errorInConsole: err1, errorList: err2 } = validateObjType(
+      data['actor'],
+      {
+        stringType: ['name', 'mbox']
+      },
+      'actor'
+    )
+
+    errorList = [...errorList, ...err2]
+    errorInConsole = [...errorInConsole, ...err1]
+  }
+  // Has LinkedResource defined
+  if (data['linkedResource']) {
+    let { errorInConsole: err1, errorList: err2 } = validateObjType(
+      data['linkedResource'],
+      {
+        stringType: ['url', 'id']
+      },
+      'linkedResource'
+    )
+
+    errorList = [...errorList, ...err2]
+    errorInConsole = [...errorInConsole, ...err1]
+  }
+  // Has endpointConfig defined
+  if (data['endpointConfig']) {
+    let { errorInConsole: err1, errorList: err2 } = validateObjType(
+      data['endpointConfig'],
+      {
+        stringType: ['auth', 'endpoint']
+      },
+      'endpointConfig'
+    )
+    errorList = [...errorList, ...err2]
+    errorInConsole = [...errorInConsole, ...err1]
+  }
+  //================== END Optional Keys  ====================//
+
+  //Should display error to console
+  if (errorList.length && !silent) {
+    let txt = '⚠️ You have the following Errors:'
+    console.group(`%c ${txt}`, 'background:#ffc13a7d')
+    errorInConsole.forEach((err) => console.warn(err))
+    console.groupEnd()
+  }
+
+  return errorList
+}
+
+/**
+ * @description - Method validate the definition of SVG data.
+ * @param {Array || Object } SVGData - the data defining the SVG to render
+ * @return true - if valid
+ * */
+
+const validateSvgDefinition = (SVGData) => {
+  //Should be Array of Object
+  if (SVGData.constructor !== Array && SVGData.constructor !== Object)
+    throw new Error('Unsupported Type for SVG data')
+  let Errors = []
+  let SVGDef = SVGData.constructor == Object ? new Array(SVGData) : SVGData
+  //Should validate the entries for each SVG definition as the required entries
+
+  for (const s_def of SVGDef) {
+    let i = SVGDef.indexOf(s_def)
+    let stringType = ['id', 'viewBox']
+    let arrayType = ['paths']
+    let { errorInConsole: errCons } = validateObjType(
+      s_def,
+      {
+        stringType,
+        arrayType
+      },
+      'viewBox',
+      `SVG ${i + 1}`
+    )
+    Errors.push(...errCons)
+    if (errCons.length) {
+      errCons.forEach((err) => console.warn(err))
+      break
+    }
+
+    //Should validate that each element in the path attributes is an object of type string and has the id attribute
+
+    for (const _path of s_def.paths) {
+      let index = s_def.paths.indexOf(_path)
+      if (_path.constructor !== Object)
+        throw Error(
+          `Unexpected definition for path ${index + 1} in SVG ${i + 1}. Expecting Object but received ${typeof _path}`
+        )
+
+      let stringType = ['d']
+
+      let { errorInConsole: errCons } = validateObjType(
+        _path,
+        {
+          stringType
+        },
+        null,
+        `SVG path ${index + 1}`
+      )
+      Errors.push(...errCons)
+      if (errCons.length) {
+        errCons.forEach((err) => console.warn(err))
+        break
+      }
+
+      //validate each entries in path
+      for (const _key in _path) {
+        if (_key == 'd') continue //skip
+        //all keys in path should be of type String and not empty
+        let stringType = [_key]
+
+        let { errorInConsole: errCons } = validateObjType(
+          _path,
+          {
+            stringType
+          },
+          null,
+          `SVG path ${index + 1}`
+        )
+        Errors.push(...errCons)
+        if (errCons.length) {
+          errCons.forEach((err) => console.log(err))
+          break
+        }
+      }
+    }
+  }
+
+  if (Errors.length) throw new Error('Error SVG')
+  return true
+}
+
+/**
+ * @description - Method validate the definition data forthe quiz.
+ * @param {Object} data - the data defining the SVG to render
+ * @return true - if valid
+ * */
+const validateQuizData = (data) => {
+  let errors
+  let stringType = ['ennonce', 'id', 'type_question', 'texte_base']
+  let arrayType = ['choix_reponse', 'solution']
+  let objectType = ['retroaction']
+  let numberType = ['valeur_point', 'max_tentative']
+  let optionalArgs = ['valeur_point', 'max_tentative', 'texte_base']
+
+  errors = validateObjType(
+    data,
+    { stringType, arrayType, objectType, numberType },
+    optionalArgs,
+    'quizData'
+  )
+
+  let hasError = errors.errorInConsole.length || errors.errorList.length
+
+  if (hasError) return errors
+
+  //validate Containt for retroaction
+ 
+
+  // if(data.solution !=null){
+  //   console.log('ici')
+  // }else{
+  //   console.log('la')
+  // }
+
+  switch (true) {
+    case data.retroaction != null:
+      objectType = ['retro_positive', 'retro_negative', 'retro_neutre']
+      
+
+      errors = validateObjType(
+        data.retroaction,
+        { objectType },
+        null,
+        'quizData retraoction'
+      )
+
+      hasError = errors.errorInConsole.length || errors.errorList.length
+
+      //console.log(hasError)
+      if (hasError) return errors
+
+      //  Validate containt of retroaction attributes
+      stringType = ['title', 'hypertext']
+
+        
+      for (const key of Object.keys(data.retroaction)) {
+        
+        if(key == "retro_neutre") continue //skip
+       
+        
+
+          errors = validateObjType(
+            data.retroaction[key],
+            { stringType },
+            null,
+            key
+          )
+
+        hasError = errors.errorInConsole.length || errors.errorList.length
+
+        if (hasError) return errors
+      }
+
+      break
+  }
+  return errors
+}
+
+export {
+  validateObjType,
+  validateVideoData,
+  validateAudioData,
+  validatefileContent,
+  validateAppContent,
+  validateSvgDefinition,
+  validateQuizData
+}