@kalisio/kdk 2.1.6 → 2.1.7

package/core/client/utils/index.js

@@ -1,203 +1,203 @@
-import _ from 'lodash'
-import logger from 'loglevel'
-import moment from 'moment'
-import emailValidator from 'email-validator'
-import { Notify, Dialog, Loading, exportFile } from 'quasar'
-import { defineAsyncComponent, markRaw } from 'vue'
-
-export * from './utils.account.js'
-export * from './utils.colors.js'
-export * from './utils.content.js'
-export * from './utils.locale.js'
-export * from './utils.platform.js'
-export * from './utils.push.js'
-export * from './utils.pwa.js'
-export * from './utils.session.js'
-
-Notify.setDefaults({
-  position: 'bottom-left',
-  timeout: 5000,
-  textColor: 'white'
-})
-
-Loading.setDefaults({
-  spinnerColor: 'primary',
-  spinnerSize: 140,
-  messageColor: 'white',
-  customClass: 'full-width'
-})
-
-/**
- * This function allow you to modify a JS Promise by adding some status properties.
- * Based on: http://stackoverflow.com/questions/21485545/is-there-a-way-to-tell-if-an-es6-promise-is-fulfilled-rejected-resolved
- * But modified according to the specs of promises : https://promisesaplus.com/
- */
-export function createQuerablePromise (promiseOrExecutor) {
-  let promise = promiseOrExecutor
-  if (typeof promiseOrExecutor === 'function') {
-    promise = new Promise(promiseOrExecutor)
-  }
-  // Don't modify any promise that has been already modified.
-  if (promise.isResolved) return promise
-
-  // Set initial state
-  let isPending = true
-  let isRejected = false
-  let isFulfilled = false
-
-  // Observe the promise, saving the fulfillment in a closure scope.
-  const result = promise.then(
-    (value) => {
-      isFulfilled = true
-      isPending = false
-      return value
-    },
-    (error) => {
-      isRejected = true
-      isPending = false
-      throw error
-    }
-  )
-
-  result.isFulfilled = () => { return isFulfilled }
-  result.isPending = () => { return isPending }
-  result.isRejected = () => { return isRejected }
-
-  return result
-}
-
-export function getInitials (name) {
-  const initials = name.toUpperCase().match(/\b\w/g) || []
-  return initials.join('')
-}
-
-export function isEmailValid (email) {
-  return emailValidator.validate(email)
-}
-
-export function createThumbnail (imageDataUri, width, height, quality, callback) {
-  const image = document.createElement('img')
-  image.onload = function () {
-    const canvas = document.createElement('canvas')
-    const ctx = canvas.getContext('2d')
-    // set its dimension to target size
-    canvas.width = width
-    canvas.height = height
-    ctx.drawImage(this, 0, 0, width, height)
-    callback(canvas.toDataURL('image/jpeg', quality))
-  }
-  image.src = imageDataUri
-}
-
-export function dataUriToBlob (dataUri) {
-  // convert base64 to raw binary data held in a string
-  // doesn't handle URLEncoded DataURIs - see SO answer #6850276 for code that does this
-  const byteString = atob(dataUri.split(',')[1])
-  // separate out the mime component
-  const mimeType = dataUri.split(',')[0].split(':')[1].split(';')[0]
-  // write the bytes of the string to an ArrayBuffer
-  const ab = new ArrayBuffer(byteString.length)
-  // create a view into the buffer
-  const ia = new Uint8Array(ab)
-  // set the bytes of the buffer to the correct values
-  for (let i = 0; i < byteString.length; i++) {
-    ia[i] = byteString.charCodeAt(i)
-  }
-  // write the ArrayBuffer to a blob, and you're done
-  return new Blob([ab], { type: mimeType })
-}
-
-export function downloadAsBlob (data, filename, mimeType) {
-  const blob = new Blob([data], { type: mimeType })
-  exportFile(filename, blob)
-}
-
-// Simplify Quasar dialog plugin usage with async/await
-export async function dialog (options) {
-  return new Promise((resolve, reject) => {
-    Dialog.create(options)
-      .onOk((data) => resolve({ ok: true, data }))
-      .onCancel(() => resolve({ cancel: true }))
-      .onDismiss(() => resolve({ dismiss: true }))
-  })
-}
-
-// Extract icon name from a given icon property on a given target object
-export function getIconName (object, path = 'icon.name') {
-  // Make function work in a generic way, sometimes the provided input is directly the icon name
-  const icon = (typeof object === 'object' ? _.get(object, path, '') : object)
-  // Check whether the returned icon is an object (can be true in some cases)
-  if (typeof icon === 'object') return ''
-  // Name icons to ensure backward compatibility with font awesome 4
-  return (icon.startsWith('fa-') ? `fas ${icon}` : icon)
-}
-
-export function processIcon (object, path = 'icon.name') {
-  // Process icons for backward compatibility with font awesome 4
-  _.set(object, path, getIconName(object, path))
-}
-
-// Function to map kdk icons with QIcon from Quasar
-// https://quasar.dev/vue-components/icon#custom-mapping
-export function mapIconFunction (iconName) {
-  if (iconName.startsWith('kdk:') === true) {
-    // we strip the "kdk:" part
-    const name = iconName.substring(4)
-    // Return the inlined icon
-    return { icon: 'img:icons/kdk/' + name }
-  }
-}
-
-// Transform nested object to dot notation
-export function dotify (object) {
-  const dotifiedObject = {}
-  function recurse (object, current) {
-    _.forOwn(object, (value, key) => {
-      const newKey = (current ? current + '.' + key : key) // joined key with dot
-      if (value && typeof value === 'object') {
-        recurse(value, newKey) // it's a nested object, so do it again
-      } else {
-        dotifiedObject[newKey] = value // it's not an object, so set the property
-      }
-    })
-  }
-
-  recurse(object)
-  return dotifiedObject
-}
-
-// Regular expression that checks for hex value
-const checkForHexRegExp = /^[0-9a-fA-F]{24}$/
-
-// Check if a string is a valid MongoDB Object ID
-export function isObjectID (id) {
-  return (id.length === 24 && checkForHexRegExp.test(id))
-}
-
-// Add UTC offset to timezone name
-export function getTimezoneLabel (timezone) {
-  const offset = moment().tz(timezone).format('Z')
-  return `${timezone} (${offset})`
-}
-
-// Helper function to load a schema
-// @schema alias shoud be added in the quasar.config build section
-export async function loadSchema (schemaName) {
-  try {
-    const schemaModule = await import(`@schemas/${schemaName}.json`)
-    return schemaModule.default
-  } catch (error) {
-    logger.error(error)
-  }
-}
-
-// Helper function to load a component
-// https://vuejs.org/guide/components/async.html
-// @components alias shoud be added in the quasar.config build section
-export function loadComponent (componentName) {
-  try {
-    return markRaw(defineAsyncComponent(() => import(`@components/${componentName}.vue`)))
-  } catch (error) {
-    logger.error(error)
-  }
-}
+import _ from 'lodash'
+import logger from 'loglevel'
+import moment from 'moment'
+import emailValidator from 'email-validator'
+import { Notify, Dialog, Loading, exportFile } from 'quasar'
+import { defineAsyncComponent, markRaw } from 'vue'
+
+export * from './utils.account.js'
+export * from './utils.colors.js'
+export * from './utils.content.js'
+export * from './utils.locale.js'
+export * from './utils.platform.js'
+export * from './utils.push.js'
+export * from './utils.pwa.js'
+export * from './utils.session.js'
+
+Notify.setDefaults({
+  position: 'bottom-left',
+  timeout: 5000,
+  textColor: 'white'
+})
+
+Loading.setDefaults({
+  spinnerColor: 'primary',
+  spinnerSize: 140,
+  messageColor: 'white',
+  customClass: 'full-width'
+})
+
+/**
+ * This function allow you to modify a JS Promise by adding some status properties.
+ * Based on: http://stackoverflow.com/questions/21485545/is-there-a-way-to-tell-if-an-es6-promise-is-fulfilled-rejected-resolved
+ * But modified according to the specs of promises : https://promisesaplus.com/
+ */
+export function createQuerablePromise (promiseOrExecutor) {
+  let promise = promiseOrExecutor
+  if (typeof promiseOrExecutor === 'function') {
+    promise = new Promise(promiseOrExecutor)
+  }
+  // Don't modify any promise that has been already modified.
+  if (promise.isResolved) return promise
+
+  // Set initial state
+  let isPending = true
+  let isRejected = false
+  let isFulfilled = false
+
+  // Observe the promise, saving the fulfillment in a closure scope.
+  const result = promise.then(
+    (value) => {
+      isFulfilled = true
+      isPending = false
+      return value
+    },
+    (error) => {
+      isRejected = true
+      isPending = false
+      throw error
+    }
+  )
+
+  result.isFulfilled = () => { return isFulfilled }
+  result.isPending = () => { return isPending }
+  result.isRejected = () => { return isRejected }
+
+  return result
+}
+
+export function getInitials (name) {
+  const initials = name.toUpperCase().match(/\b\w/g) || []
+  return initials.join('')
+}
+
+export function isEmailValid (email) {
+  return emailValidator.validate(email)
+}
+
+export function createThumbnail (imageDataUri, width, height, quality, callback) {
+  const image = document.createElement('img')
+  image.onload = function () {
+    const canvas = document.createElement('canvas')
+    const ctx = canvas.getContext('2d')
+    // set its dimension to target size
+    canvas.width = width
+    canvas.height = height
+    ctx.drawImage(this, 0, 0, width, height)
+    callback(canvas.toDataURL('image/jpeg', quality))
+  }
+  image.src = imageDataUri
+}
+
+export function dataUriToBlob (dataUri) {
+  // convert base64 to raw binary data held in a string
+  // doesn't handle URLEncoded DataURIs - see SO answer #6850276 for code that does this
+  const byteString = atob(dataUri.split(',')[1])
+  // separate out the mime component
+  const mimeType = dataUri.split(',')[0].split(':')[1].split(';')[0]
+  // write the bytes of the string to an ArrayBuffer
+  const ab = new ArrayBuffer(byteString.length)
+  // create a view into the buffer
+  const ia = new Uint8Array(ab)
+  // set the bytes of the buffer to the correct values
+  for (let i = 0; i < byteString.length; i++) {
+    ia[i] = byteString.charCodeAt(i)
+  }
+  // write the ArrayBuffer to a blob, and you're done
+  return new Blob([ab], { type: mimeType })
+}
+
+export function downloadAsBlob (data, filename, mimeType) {
+  const blob = new Blob([data], { type: mimeType })
+  exportFile(filename, blob)
+}
+
+// Simplify Quasar dialog plugin usage with async/await
+export async function dialog (options) {
+  return new Promise((resolve, reject) => {
+    Dialog.create(options)
+      .onOk((data) => resolve({ ok: true, data }))
+      .onCancel(() => resolve({ cancel: true }))
+      .onDismiss(() => resolve({ dismiss: true }))
+  })
+}
+
+// Extract icon name from a given icon property on a given target object
+export function getIconName (object, path = 'icon.name') {
+  // Make function work in a generic way, sometimes the provided input is directly the icon name
+  const icon = (typeof object === 'object' ? _.get(object, path, '') : object)
+  // Check whether the returned icon is an object (can be true in some cases)
+  if (typeof icon === 'object') return ''
+  // Name icons to ensure backward compatibility with font awesome 4
+  return (icon.startsWith('fa-') ? `fas ${icon}` : icon)
+}
+
+export function processIcon (object, path = 'icon.name') {
+  // Process icons for backward compatibility with font awesome 4
+  _.set(object, path, getIconName(object, path))
+}
+
+// Function to map kdk icons with QIcon from Quasar
+// https://quasar.dev/vue-components/icon#custom-mapping
+export function mapIconFunction (iconName) {
+  if (iconName.startsWith('kdk:') === true) {
+    // we strip the "kdk:" part
+    const name = iconName.substring(4)
+    // Return the inlined icon
+    return { icon: 'img:icons/kdk/' + name }
+  }
+}
+
+// Transform nested object to dot notation
+export function dotify (object) {
+  const dotifiedObject = {}
+  function recurse (object, current) {
+    _.forOwn(object, (value, key) => {
+      const newKey = (current ? current + '.' + key : key) // joined key with dot
+      if (value && typeof value === 'object') {
+        recurse(value, newKey) // it's a nested object, so do it again
+      } else {
+        dotifiedObject[newKey] = value // it's not an object, so set the property
+      }
+    })
+  }
+
+  recurse(object)
+  return dotifiedObject
+}
+
+// Regular expression that checks for hex value
+const checkForHexRegExp = /^[0-9a-fA-F]{24}$/
+
+// Check if a string is a valid MongoDB Object ID
+export function isObjectID (id) {
+  return (id.length === 24 && checkForHexRegExp.test(id))
+}
+
+// Add UTC offset to timezone name
+export function getTimezoneLabel (timezone) {
+  const offset = moment().tz(timezone).format('Z')
+  return `${timezone} (${offset})`
+}
+
+// Helper function to load a schema
+// @schema alias shoud be added in the quasar.config build section
+export async function loadSchema (schemaName) {
+  try {
+    const schemaModule = await import(`@schemas/${schemaName}.json`)
+    return schemaModule.default
+  } catch (error) {
+    logger.error(error)
+  }
+}
+
+// Helper function to load a component
+// https://vuejs.org/guide/components/async.html
+// @components alias shoud be added in the quasar.config build section
+export function loadComponent (componentName) {
+  try {
+    return markRaw(defineAsyncComponent(() => import(`@components/${componentName}.vue`)))
+  } catch (error) {
+    logger.error(error)
+  }
+}

package/core/client/utils/utils.account.js

@@ -1,52 +1,52 @@
-import { api } from '../api.js'
-
-export async function verifyEmail (email) {
-  const response = await api.getService('account').verifyEmail({ email })
-  return response.status === 200 ? true : false
-}
-
-export function resendVerifySignup (email) {
-  return api.getService('account').create({
-    action: 'resendVerifySignup',
-    value: { email }
-  })
-}
-
-export function verifySignup (token, email) {
-  return api.getService('account').create({
-    action: 'verifySignupShort',
-    value: { user: { email }, token }
-  })
-}
-
-export function sendResetPassword (email) {
-  return api.getService('account').create({
-    action: 'sendResetPwd',
-    value: { email }
-  })
-}
-
-export function resetPassword (email, token, password) {
-  return api.getService('account').create({
-    action: 'resetPwdShort',
-    value: { user: { email }, token, password }
-  })
-}
-
-export function changePassword (email, oldPassword, password) {
-  return api.getService('account').create({
-    action: 'passwordChange',
-    value: { user: { email }, oldPassword, password }
-  })
-}
-
-export function sendChangeIdentity (oldEmail, email, password) {
-  return api.getService('account').create({
-    action: 'identityChange',
-    value: { user: { email: oldEmail }, changes: { email }, password }
-  })
-}
-
-export function changeIdentity (token) {
-  return verifySignup(token)
-}
+import { api } from '../api.js'
+
+export async function verifyEmail (email) {
+  const response = await api.getService('account').verifyEmail({ email })
+  return response.status === 200 ? true : false
+}
+
+export function resendVerifySignup (email) {
+  return api.getService('account').create({
+    action: 'resendVerifySignup',
+    value: { email }
+  })
+}
+
+export function verifySignup (token, email) {
+  return api.getService('account').create({
+    action: 'verifySignupShort',
+    value: { user: { email }, token }
+  })
+}
+
+export function sendResetPassword (email) {
+  return api.getService('account').create({
+    action: 'sendResetPwd',
+    value: { email }
+  })
+}
+
+export function resetPassword (email, token, password) {
+  return api.getService('account').create({
+    action: 'resetPwdShort',
+    value: { user: { email }, token, password }
+  })
+}
+
+export function changePassword (email, oldPassword, password) {
+  return api.getService('account').create({
+    action: 'passwordChange',
+    value: { user: { email }, oldPassword, password }
+  })
+}
+
+export function sendChangeIdentity (oldEmail, email, password) {
+  return api.getService('account').create({
+    action: 'identityChange',
+    value: { user: { email: oldEmail }, changes: { email }, password }
+  })
+}
+
+export function changeIdentity (token) {
+  return verifySignup(token)
+}

package/core/client/utils/utils.colors.js

@@ -1,36 +1,36 @@
-import _ from 'lodash'
-
-export const Colors = {
-  dark: '#333',
-  red: '#f44336',
-  pink: '#e91e63',
-  purple: '#9c27b0',
-  'deep-purple': '#673ab7',
-  indigo: '#3f51b5',
-  blue: '#2196f3',
-  'light-blue': '#03a9f4',
-  cyan: '#00bcd4',
-  teal: '#009688',
-  green: '#4caf50',
-  'light-green': '#8bc34a',
-  lime: '#cddc39',
-  yellow: '#ffeb3b',
-  amber: '#ffc107',
-  orange: '#ff9800',
-  'deep-orange': '#ff5722',
-  brown: '#795548',
-  grey: '#9e9e9e',
-  'blue-grey': '#607d8b'
-}
-
-export function getPaletteFromColor (color) {
-  // Check if already a color of the palette
-  if (Colors[color]) return color
-  else return _.findKey(Colors, item => item === color) || 'white'
-}
-
-export function getColorFromPalette (color) {
-  // Check if already a RGB color
-  if (color.startsWith('#')) return color
-  else return Colors[color] || '#ffffff'
-}
+import _ from 'lodash'
+
+export const Colors = {
+  dark: '#333',
+  red: '#f44336',
+  pink: '#e91e63',
+  purple: '#9c27b0',
+  'deep-purple': '#673ab7',
+  indigo: '#3f51b5',
+  blue: '#2196f3',
+  'light-blue': '#03a9f4',
+  cyan: '#00bcd4',
+  teal: '#009688',
+  green: '#4caf50',
+  'light-green': '#8bc34a',
+  lime: '#cddc39',
+  yellow: '#ffeb3b',
+  amber: '#ffc107',
+  orange: '#ff9800',
+  'deep-orange': '#ff5722',
+  brown: '#795548',
+  grey: '#9e9e9e',
+  'blue-grey': '#607d8b'
+}
+
+export function getPaletteFromColor (color) {
+  // Check if already a color of the palette
+  if (Colors[color]) return color
+  else return _.findKey(Colors, item => item === color) || 'white'
+}
+
+export function getColorFromPalette (color) {
+  // Check if already a RGB color
+  if (color.startsWith('#')) return color
+  else return Colors[color] || '#ffffff'
+}