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

package/src/plugins/bus.js

@@ -1,8 +1,8 @@
-import emitter from 'tiny-emitter/instance'
-
-export default {
-  $on: (...args) => emitter.on(...args),
-  $once: (...args) => emitter.once(...args),
-  $off: (...args) => emitter.off(...args),
-  $emit: (...args) => emitter.emit(...args)
-}
+import emitter from 'tiny-emitter/instance'
+
+export default {
+  $on: (...args) => emitter.on(...args),
+  $once: (...args) => emitter.once(...args),
+  $off: (...args) => emitter.off(...args),
+  $emit: (...args) => emitter.emit(...args)
+}

package/src/plugins/gsap.js

@@ -1,14 +1,14 @@
-/**
- * Integrating gsap library as Vue plug in
- * usage: import GsapPlugin from './utilies.js';
- * ref: https: //vuejsdevelopers.com/2017/04/22/vue-js-libraries-plugins/
- */
-import gsap from 'gsap'
-import { MotionPathPlugin } from 'gsap/MotionPathPlugin'
-import { ScrollTrigger } from 'gsap/ScrollTrigger'
-import { Flip } from 'gsap/Flip'
-
-gsap.registerPlugin(MotionPathPlugin, ScrollTrigger, Flip)
-export default function GsapPlugin(app, name) {
-  app.config.globalProperties.$gsap = gsap
-}
+/**
+ * Integrating gsap library as Vue plug in
+ * usage: import GsapPlugin from './utilies.js';
+ * ref: https: //vuejsdevelopers.com/2017/04/22/vue-js-libraries-plugins/
+ */
+import gsap from 'gsap'
+import { MotionPathPlugin } from 'gsap/MotionPathPlugin'
+import { ScrollTrigger } from 'gsap/ScrollTrigger'
+import { Flip } from 'gsap/Flip'
+
+gsap.registerPlugin(MotionPathPlugin, ScrollTrigger, Flip)
+export default function GsapPlugin(app, name) {
+  app.config.globalProperties.$gsap = gsap
+}

package/src/plugins/helper.js

@@ -90,35 +90,75 @@ export default function helper(app, name) {
        * @description Method to return a myme time of a document
        * @param {String} aType extension of the document exemple: doc , pdf ect...
        * @return {String} mime
+       * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/MIME_types/Common_types
        */
       mimeTypeFor(aType) {
         let mimeType = false
-        switch (aType) {
-          case 'doc':
+
+        switch (true) {
+          case aType.endsWith('.doc'):
+            // Microsoft Word
             mimeType = 'application/msword'
             break
 
-          case 'docx':
+          case aType.endsWith('.docx'):
+            // Microsoft Word (OpenXML)
             mimeType =
               'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
             break
 
-          case 'pdf':
+          case aType.endsWith('.pdf'):
+            //Adobe Portable Document Format (PDF)
             mimeType = 'application/pdf'
             break
+          case aType.endsWith('.odt'):
+            // OpenDocument text document
+            mimeType = 'application/vnd.oasis.opendocument.text'
+            break
 
-          case 'txt':
+          case aType.endsWith('.txt'):
+            // Text, (generally ASCII or ISO 8859-n)
             mimeType = 'text/plain'
             break
 
-          case 'jpeg' || 'jpg':
+          case aType.endsWith('.jpeg') || aType.endsWith('.jpg'):
+            // JPEG images
             mimeType = 'image/jpeg'
             break
 
-          case 'png':
+          case aType.endsWith('.png'):
+            // Portable Network Graphics
             mimeType = 'image/png'
             break
+          case aType.endsWith('.csv'):
+            // Comma-separated values (CSV)
+            mimeType = 'text/csv'
+            break
+
+          case aType.endsWith('.xls'):
+            // Microsoft Excel
+            mimeType = 'application/vnd.ms-excel'
+            break
+          case aType.endsWith('.xlsx'):
+            // Microsoft Excel (OpenXML)
+            mimeType =
+              'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+            break
+          case aType.endsWith('.ppt'):
+            //Microsoft PowerPoint
+            mimeType = 'application/vnd.ms-powerpoint'
+            break
+          case aType.endsWith('.pptx'):
+            //Microsoft PowerPoint (OpenXML)
+            mimeType =
+              'tapplication/vnd.openxmlformats-officedocument.presentationml.presentation'
+            break
+          case aType.endsWith('.htm') || aType.endsWith('.html'):
+            // HyperText Markup Language (HTML)
+            mimeType = 'text/html'
+            break
         }
+
         return mimeType
       },
       /***
@@ -131,17 +171,17 @@ export default function helper(app, name) {
        * @usage:
        *  - case 1: the file is in the public folder of your project. Use full path ex: downloadFile('./public/
        *             myfile')
-       *  - case 2: file is in another folder in a src of your project. Use relative path. File is handle  as webpack
-       *             module requirement with method require(). ex: downloadFile(require('@/accets/another_folder/**                myfile'))
+       *  - case 2: file is in another folder in a src of your project. Use relative path. import the file  and provide it to the * downloader fonction ex: downloadFile(require('@/accets/another_folder
+       * )
        *
        */
       async downloadFile(filepath, outputName) {
         try {
           if (filepath && filepath.constructor === String) {
             const res = await axios.get(filepath, { responseType: 'blob' }) // use http request
-
             const blob = new Blob([res.data], {
-              type: res.data.type
+              // type: res.data.type
+              type: this.mimeTypeFor(filepath)
             }) // create a blob element
 
             const alink = document.createElement('a') //create a element
@@ -171,7 +211,7 @@ export default function helper(app, name) {
       getKeyFromLocal(key) {
         if (!key) throw new Error('Missing Key for search')
         const store = useAppStore()
-        const lang = store.state.appConfigs.lang // get lang from the store
+        const lang = store.$state.appConfigs.lang // get lang from the store
         const dic = { en: locale_en, fr: locale_fr } //contents of the json locales
         const keys = key.split('.')
 

package/src/plugins/i18n.js

@@ -1,44 +1,44 @@
-import _ from 'lodash'
-/**
- * Merge locales message in project.
- * @summary To merge the locales dictionnary of this library with the locales that user will create
- * @param {Object} i18n - vue-i18n internalization object.
- */
-export default function mergeLocales(i18n) {
-  //const deep = import('lodash') // provide deep merge of Object cf: https://attacomsian.com/blog/javascript-merge-objects
-
-  /* I18n internal methods for mutating messages property
-   * mergeLocaleMessage: ƒ mergeLocaleMessage(locale, message)// will merge message with new message object. But does not do a deep merge of object
-   * setLocaleMessage: ƒ setLocaleMessage(locale, message)// set the message with new message object
-   */
-
-  // This library locales files
-  // const thisLocales = require.context(
-  //   '../$locales',
-  //   true,
-  //   /[A-Za-z0-9-_,\s]+\.json$/i
-  // )
-
-  const thisLocales = import.meta.glob('../$locales/*.json', { eager: true })
-  for (const path in thisLocales) {
-    const matched = path.match(/([A-Za-z0-9-_]+)\./i)
-    if (matched && matched.length > 1) {
-      const locale = matched[1]
-      // Using lodash to deeply merge objects
-      const messagesDeepCopy = JSON.parse(JSON.stringify(i18n.messages[locale]))
-      const mergedMessages = _.merge(messagesDeepCopy, thisLocales[path])
-      // Since merLocalMessage will do a shallow merge of the object. We will use setLocalMessage to replace the message with new message object
-      i18n.setLocaleMessage(locale, mergedMessages)
-    }
-  }
-  // thisLocales.keys().forEach((key) => {
-  //   const matched = key.match(/([A-Za-z0-9-_]+)\./i)
-  //   if (matched && matched.length > 1) {
-  //     const locale = matched[1]
-  //     // Using lodash to deeply merge objects
-  //     const mergedMessages = deep.merge(i18n.messages[locale], thisLocales(key))
-  //     // Since merLocalMessage will do a shallow merge of the object. We will use setLocalMessage to replace the message with new message object
-  //     i18n.setLocaleMessage(locale, mergedMessages)
-  //   }
-  // })
-}
+import _ from 'lodash'
+/**
+ * Merge locales message in project.
+ * @summary To merge the locales dictionnary of this library with the locales that user will create
+ * @param {Object} i18n - vue-i18n internalization object.
+ */
+export default function mergeLocales(i18n) {
+  //const deep = import('lodash') // provide deep merge of Object cf: https://attacomsian.com/blog/javascript-merge-objects
+
+  /* I18n internal methods for mutating messages property
+   * mergeLocaleMessage: ƒ mergeLocaleMessage(locale, message)// will merge message with new message object. But does not do a deep merge of object
+   * setLocaleMessage: ƒ setLocaleMessage(locale, message)// set the message with new message object
+   */
+
+  // This library locales files
+  // const thisLocales = require.context(
+  //   '../$locales',
+  //   true,
+  //   /[A-Za-z0-9-_,\s]+\.json$/i
+  // )
+
+  const thisLocales = import.meta.glob('../$locales/*.json', { eager: true })
+  for (const path in thisLocales) {
+    const matched = path.match(/([A-Za-z0-9-_]+)\./i)
+    if (matched && matched.length > 1) {
+      const locale = matched[1]
+      // Using lodash to deeply merge objects
+      const messagesDeepCopy = JSON.parse(JSON.stringify(i18n.messages[locale]))
+      const mergedMessages = _.merge(messagesDeepCopy, thisLocales[path])
+      // Since merLocalMessage will do a shallow merge of the object. We will use setLocalMessage to replace the message with new message object
+      i18n.setLocaleMessage(locale, mergedMessages)
+    }
+  }
+  // thisLocales.keys().forEach((key) => {
+  //   const matched = key.match(/([A-Za-z0-9-_]+)\./i)
+  //   if (matched && matched.length > 1) {
+  //     const locale = matched[1]
+  //     // Using lodash to deeply merge objects
+  //     const mergedMessages = deep.merge(i18n.messages[locale], thisLocales(key))
+  //     // Since merLocalMessage will do a shallow merge of the object. We will use setLocalMessage to replace the message with new message object
+  //     i18n.setLocaleMessage(locale, mergedMessages)
+  //   }
+  // })
+}

package/src/plugins/save.js

@@ -1,37 +1,37 @@
-/* creating a small save plug-in to save store state in the localStorage
- * the plugin listen for mutations made to the Pinia store and store them in the local browser storage.
- * This prevent reseting the store to initial state when the browser refreshes
- * Note: the plugin is used in the store.js
- */
-export function saveStatePlugin(store) {
-  store.subscribe((mutation, state) => {
-    // save the user data
-    if (Object.entries(state.$appStore.userMetaData).length) {
-      localStorage.setItem(
-        'userData',
-        JSON.stringify(state.$appStore.userMetaData)
-      )
-    } else if (
-      !localStorage.getItem('userData') &&
-      !Object.entries(state.$appStore.userMetaData).length
-    ) {
-      localStorage.setItem('userData', JSON.stringify({}))
-    }
-  })
-}
-
-/**
- * creating a small save plug-in to get  stored state from the localStorage
- */
-export function getSavedStatePlugin(type, id) {
-  if (localStorage.getItem('thisModule')) {
-    const savedData = JSON.parse(localStorage.getItem('thisModule'))
-
-    if (type === 'module' && savedData.id === id) return savedData
-    if (type === 'page' && savedData.children.length) {
-      return savedData.children.find((p) => id === p.id)
-    }
-    return JSON.parse(localStorage.getItem('thisModule'))
-  }
-  return null
-}
+/* creating a small save plug-in to save store state in the localStorage
+ * the plugin listen for mutations made to the Pinia store and store them in the local browser storage.
+ * This prevent reseting the store to initial state when the browser refreshes
+ * Note: the plugin is used in the store.js
+ */
+export function saveStatePlugin(store) {
+  store.subscribe((mutation, state) => {
+    // save the user data
+    if (Object.entries(state.$appStore.userMetaData).length) {
+      localStorage.setItem(
+        'userData',
+        JSON.stringify(state.$appStore.userMetaData)
+      )
+    } else if (
+      !localStorage.getItem('userData') &&
+      !Object.entries(state.$appStore.userMetaData).length
+    ) {
+      localStorage.setItem('userData', JSON.stringify({}))
+    }
+  })
+}
+
+/**
+ * creating a small save plug-in to get  stored state from the localStorage
+ */
+export function getSavedStatePlugin(type, id) {
+  if (localStorage.getItem('thisModule')) {
+    const savedData = JSON.parse(localStorage.getItem('thisModule'))
+
+    if (type === 'module' && savedData.id === id) return savedData
+    if (type === 'page' && savedData.children.length) {
+      return savedData.children.find((p) => id === p.id)
+    }
+    return JSON.parse(localStorage.getItem('thisModule'))
+  }
+  return null
+}