fcad-core-dragon 2.1.0-beta.2 → 2.1.0-beta.3

package/src/plugins/analytics.js

@@ -0,0 +1,34 @@
+import { event } from 'vue-gtag'
+import VueGtag from 'vue-gtag'
+
+export default function analytics(app, name) {
+  Object.defineProperty(app.config.globalProperties, name, {
+    value: {
+      analyticsEnabled: false,
+      //Initialize the vue-gtag plugin if a valid analytics id is provided in App.vue
+      init(analytics_id, router) {
+        if (typeof analytics_id !== 'undefined' && analytics_id.length > 1) {
+          const pluginConfig = {
+            config: { id: analytics_id }
+          }
+          app.use(VueGtag, pluginConfig, router)
+          this.analyticsEnabled = true
+        } else {
+          console.log(
+            'no valid analytics_id provided in App.vue : analytics disabled'
+          )
+        }
+      },
+      //track an event
+      sendEvent(name, params) {
+        if (this.analyticsEnabled) {
+          console.log(`GA|track event named: ${name}`)
+          if (params) {
+            console.log(`GA|with params:`, params)
+          }
+          event(name, params)
+        }
+      }
+    }
+  })
+}

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/i18n.js

@@ -1,44 +1,26 @@
-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 thisLocales = import.meta.glob('../$locales/*.json', {
+    import: 'default',
+    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 coreMessages = JSON.parse(JSON.stringify(thisLocales[path]))
+      const templateMessages = JSON.parse(JSON.stringify(i18n.messages[locale]))
+      const mergedMessages = _.merge(coreMessages, templateMessages)
+
+      // 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
+}