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

package/src/shared/validators.js

@@ -6,10 +6,15 @@
  */
 const validatefileContent = (fName, fData, requiredArgs = {}) => {
   let err = null
-  if (process.env.NODE_ENV === 'development') {
+  if (import.meta.env.DEV) {
     switch (fName) {
       case 'menuSettings': {
-        const { keys4Activity, keys4Anchors } = requiredArgs
+        const {
+          keys4Lesson,
+          keys4ActivityMando,
+          keys4ActivityOpt,
+          keys4Anchors
+        } = requiredArgs
 
         //*validate that data is an {Object}. if Not send error message
         if (fData.constructor !== Object)
@@ -17,27 +22,44 @@ const validatefileContent = (fName, fData, requiredArgs = {}) => {
 
         if (Object.entries(fData).length > 0) {
           const content = Object.entries(fData)
-
-          for (let el of content) {
-            // validate that the content of each entry is an object
-            if (el[1].constructor !== Object || !Object.keys(el[1]).length) {
-              err = `💥 invalid data provided for key 👉 ${el[0]} 👈 in ➡ menu.setting.js \n  🚩Must be of type {Object}`
-              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 [index, el] of content.entries()) {
+              //validate that the content of each entry is valide
+              if (el[0] !== keys4Lesson[index]) {
+                err = `!!!! 💥 invalid data provided for key 👉 ${el[0]} 👈 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) {
+            // remove key lessonTitle
+            content.shift()
             for (let el of content) {
               const entry = el[1]
-              for (let k of keys4Activity) {
-                if (!entry[k]) {
-                  err = `💥 Missing 👉 ${k} 👈 in ${el[0]} in ➡ menu.setting.js \n  🚩Allowed indexes are: 👉 ${keys4Activity}`
+              const tabEntrykey = Object.keys(entry)
+
+              //Validate that entry has optional key
+              if (!tabEntrykey.includes(keys4ActivityOpt[0])) {
+                if (!tabEntrykey.includes(keys4ActivityOpt[1])) {
+                  err = `💥 Missing 👉 ${keys4ActivityOpt[0]} or ${keys4ActivityOpt[1]} 👈 in ${el[0]} in ➡ menu.setting.js \n  🚩One of thess two keys are mandatory : 👉 ${keys4ActivityOpt}`
+                  break
+                }
+              }
+
+              //Validate that entry has mandatory key
+              for (let m of keys4ActivityMando) {
+                if (!tabEntrykey.includes(m)) {
+                  err = `💥 Missing 👉 ${m} 👈 in ${el[0]} in ➡ menu.setting.js \n  🚩All this key are mandatory : 👉 ${keys4ActivityMando}`
                   break
                 } else {
-                  //validate that each entry as correct value type
-                  switch (k) {
+                  switch (m) {
                     case 'anchors':
-                      if (entry[k].constructor !== Array)
+                      if (entry[m].constructor !== Array)
                         err = `💥 Invalid anchors declaration for 👉 ${el[0]} 👈 in ➡ menu.setting.j \n  🚩Must be of type {Array}`
                       else {
                         const anchors = entry.anchors
@@ -64,14 +86,12 @@ const validatefileContent = (fName, fData, requiredArgs = {}) => {
 
                       break
                     default:
-                      if (entry[k].constructor !== String)
-                        err = `Invalid 👉 ${k} 👈 declaration for ➡ ${el[0]} in ➡ menu.setting.js \n  🚩 Must be of type {String}`
+                      if (entry[m].constructor !== String)
+                        err = `Invalid 👉 ${m} 👈 declaration for ➡ ${el[0]} in ➡ menu.setting.js \n  🚩 Must be of type {String}`
                       break
                   }
                 }
               }
-
-              if (err) break
             }
           }
         }
@@ -88,7 +108,334 @@ const validatefileContent = (fName, fData, requiredArgs = {}) => {
  **/
 const validateVideoData = (data) => {
   const errorList = []
-  if (process.env.NODE_ENV === 'development') {
+  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)
+    }
+
+    if (!data['mSources']) {
+      errStringInConsole = ` Missing 👉 mSources 👈 declaration for video element`
+
+      errString = `l'Attribut 👉 mSources 👈 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 '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 (import.meta.env.DEV) {
+    //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: ${missingRequired}. Les propriétés requises sont:  ${requiredProperties} et les propriétés facultatives sont: ${optionalProperties}`
+      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)
+      }
+    }
+    /*if (import.meta.env.DEV) {
     let errStringInConsole = null
     let errString = null
     const expectedKeys = ['mSources', 'mSubtitles', 'mPoster', 'mTranscript']
@@ -242,8 +589,371 @@ const validateVideoData = (data) => {
         }
       })
     }
+  }*/
   }
   return errorList
 }
+//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
+}
+
+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$`
+}
+
+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>`
+}
+
+/**
+ * @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 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}   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`)
+
+  //validate Args Keys type
+  for (const _type in Args) {
+    // Should be a required type
+    if (
+      ![
+        'boolType',
+        'arrayType',
+        'stringType',
+        'objectType',
+        'numbType'
+      ].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`
+          )
+
+        let reg = /(\$el\$)|(\$type\$)|(\$attr\$)/g
+
+        let isOptionalArg = optionalArgs.includes(el) ? true : false
+
+        switch (true) {
+          // Check That each given element exist in data if not optional
+          case Obj[el] === undefined && !isOptionalArg: {
+            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(Args[_type])
+              })
+            )
+
+            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(Args[_type]).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] !== 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 }
+}
 
-export { validateVideoData, validatefileContent }
+export {
+  validateVideoData,
+  validateAudioData,
+  validatefileContent,
+  validateAppContent
+}