@sedoo/unidoo 0.1.75 → 0.2.0

package/src/plugin.js

@@ -1,281 +1,26 @@
-// Import vue components
-// import * as components from './components/index'
-// var components = {}
-import vueCustomElement from "vue-custom-element";
-import UnidooMapGeoFeatures from "./components/UnidooMapGeoFeatures.vue";
-import vuetify from "./plugins/vuetify";
-import axios from "axios";
-import VueAxios from 'vue-axios';
-
-// install function executed by Vue.use()
-function install(Vue, options = {}) {
-  if (install.installed) return;
-  install.installed = true;
-
-  // Add component UnidooMapGeoFeatures as a custom element
-  const VueComponent = [
-    UnidooMapGeoFeatures,
-  ]
-  // function to install component in VueComponent array as a custom element
-  installCustomElement(Vue, options, VueComponent);
-
-  if (requireComponent !== undefined) {
-    // For each matching file name...
-    requireComponent.keys().forEach((fileName) => {
-      // Get the component config
-      const componentConfig = requireComponent(fileName);
-      // Get the PascalCase version of the component name
-      const componentName = fileName
-          .split("/")
-          .pop()
-          .replace(/\.\w+$/, "");
-      // components[componentName] = componentConfig.default || componentConfig
-      // Globally register the component
-      Vue.component(componentName, componentConfig.default || componentConfig);
-    });
-  }
-
-  // Register Global event to show AppMessage, related to AppSnackbar
-  // https://medium.com/@panzelva/writing-modals-for-vue-js-callable-from-anywhere-6994d180451
-  this.EventBus = new Vue();
-  Vue.prototype.$unidooAlert = {
-    show(params) {
-      plugin.EventBus.$emit("unidoo-alert-show", params);
-    },
-
-    defaultParams(params) {
-      plugin.EventBus.$emit("unidoo-alert-params", params);
-    },
-
-    showSuccess(message, closeButtonLabel) {
-      if (closeButtonLabel) {
-        this.showMessage(message, "success", 4000, "top", closeButtonLabel);
-      } else {
-        this.showMessage(message, "success");
-      }
-    },
-
-    showWarning(message, closeButtonLabel) {
-      if (closeButtonLabel) {
-        this.showMessage(message, "warning", 6000, "top", closeButtonLabel);
-      } else {
-        this.showMessage(message, "warning", 6000);
-      }
-    },
-
-    /**
-     * Display the given error message for 8 seconds
-     * @param {string} message
-     */
-    showError(message, closeButtonLabel) {
-      if (closeButtonLabel) {
-        this.showMessage(message, "error", 8000, "top", closeButtonLabel);
-      } else {
-        this.showMessage(message, "error", 8000);
-      }
-    },
-
-    /**
-     * This method return the message from an error object ResponseStatusException or RuntimeException
-     * @param {string} prefix e.g. 'An error has occured :'
-     * @param {*} error The error object from the catch(function(error)
-     * @returns {string} The error message
-     */
-    formatError(prefix, error) {
-      let message = "An error has occured";
-      if (typeof error === "object") {
-        if (
-            error.response &&
-            error.response.data &&
-            error.response.data.message
-        ) {
-          message = prefix + " " + error.response.data.message;
-        } else if (error.message) {
-          message = prefix + " " + error.message;
-        }
-      }
-      return message;
-    },
-
-    showMessage(message, type, timeout, position, closeButtonLabel) {
-      const params = {};
-      if (position) {
-        params.position = position;
-      }
-
-      if (timeout) {
-        params.timeout = timeout;
-      }
-
-      if (closeButtonLabel) {
-        params.closeButtonLabel = closeButtonLabel;
-      }
-
-      params.message = message;
-      params.type = type;
-      this.show(params);
-    },
-  };
-
-  Vue.prototype.$unidooUuid = {
-    randomUuidV4() {
-      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(
-          c
-      ) {
-        var r = (Math.random() * 16) | 0;
-        var v = c === "x" ? r : (r & 0x3) | 0x8;
-        return v.toString(16);
-      });
-    },
-  };
-
-  Vue.prototype.$unidooConfirmDialog = {
-    showWithParams(params) {
-      plugin.EventBus.$emit("unidoo-confirm-dialog-show", params);
-    },
-
-    defaultParams(params) {
-      plugin.EventBus.$emit("unidoo-confirm-dialog-params", params);
-    },
-
-    show(
-        callback,
-        message,
-        title,
-        titleClasses,
-        width,
-        cancelButtonLabel,
-        confirmButtonLabel
-    ) {
-      const params = {};
-      if (callback) {
-        params.callback = callback;
-      }
-
-      if (message) {
-        params.message = message;
-      }
-
-      if (title) {
-        params.title = title;
-      }
-
-      if (titleClasses) {
-        params.titleClasses = titleClasses;
-      }
-
-      if (width) {
-        params.width = width;
-      }
-
-      if (cancelButtonLabel) {
-        params.cancelButtonLabel = cancelButtonLabel;
-      }
-
-      if (confirmButtonLabel) {
-        params.confirmButtonLabel = confirmButtonLabel;
-      }
-
-      this.showWithParams(params);
-    },
-  };
-
-  Vue.prototype.$unidooCrudTable = {
-    show(params) {
-      plugin.EventBus.$emit("unidoo-crud-show", params);
-    },
-  };
-
-  Vue.prototype.$unidooHeatmap = {
-    setDate(date, key) {
-      plugin.EventBus.$emit("unidoo-heatmap-set-date", {
-        date: date,
-        key: key,
-      });
-    },
-
-    getDate(key) {
-      plugin.EventBus.$emit("unidoo-heatmap-get-date", { key: key });
-    },
-  };
-
-  Vue.prototype.$unidooDateSwitcher = {
-    update(data, key) {
-      plugin.EventBus.$emit("unidoo-dateswitcher-update", {
-        data: data,
-        key: key,
-      });
-    },
-  };
-}
-
-// Function to install components as custom elements
-function installCustomElement(Vue, options, VueComponent) {
-  // Use Vue.customElement to enable the be able to use the component UnidooMapGeoFeatures as a custom element in WordPress
-  Vue.use(vueCustomElement);
-
-  // Check if vuetify instance is provided in options in the target project which use the custom element using : Vue.use(Unidoo, { vuetify });
-  let vuetifyInstance = null;
-  if (options.vuetify !== undefined) {
-    vuetifyInstance = options.vuetify;
-    // Ensure the icons object exists before trying to set iconfont
-    if (!vuetifyInstance.icons) {
-      vuetifyInstance.icons = {};
-    }
-    if (options.iconfont !== undefined) {
-      vuetifyInstance.icons.iconfont = options.iconfont;
-    }
-  } else {
-    vuetifyInstance = vuetify;
+import mitt from 'mitt'
+import UnidooAlert from './components/UnidooAlert.vue'
+import { createAlertService } from './services/alertService.js'
+import { createUuidService } from './services/uuidService.js'
+
+const Unidoo = {
+  install(app, options = {}) {
+    const eventBus = mitt()
+    const unidooAlert = createAlertService(eventBus)
+    const unidooUuid = createUuidService()
+
+    app.component('UnidooAlert', UnidooAlert)
+
+    // For Option API
+    app.config.globalProperties.$unidooAlert = unidooAlert
+    app.config.globalProperties.$unidooUuid = unidooUuid
+
+    // For Composition API
+    app.provide('unidooAlert', unidooAlert)
+    app.provide('unidooUuid', unidooUuid)
+  
+    app.provide('unidooEventBus', eventBus)
   }
-
-  // Check if axios instance is provided in options in the target project which use the custom element using : Vue.use(Unidoo, { axios });
-  const axiosInstance = options.axios || null;
-  if (!axiosInstance) {
-    Vue.use(VueAxios, axios);
-  }
-
-  VueComponent.forEach(comp => {
-    if (vuetifyInstance) {
-      comp.vuetify = vuetifyInstance;
-    }
-    if (axiosInstance) {
-      comp.axios = axiosInstance;
-    }
-    Vue.customElement(comp.name, comp.default || comp)
-  });
-}
-
-// Create module definition for Vue.use()
-const plugin = {
-  install,
-};
-
-// To auto-install when vue is found
-
-let GlobalVue = null;
-if (typeof window !== "undefined") {
-  GlobalVue = window.Vue;
-} else if (typeof global !== "undefined") {
-  GlobalVue = global.Vue;
-}
-if (GlobalVue) {
-  GlobalVue.use(plugin);
 }
 
-const requireComponent = require.context(
-    // Look for files in the current directory
-    "./components",
-    // Look in subdirectories
-    true,
-    // Only include "_base-" prefixed .vue files
-    /[\w-]+\.vue$/
-);
-
-// Default export is library as a whole, registered via Vue.use()
-export default plugin;
-
-// To allow individual component use, export components
-// each can be registered via Vue.component()
-// console.log({components})
-// export {components}
+export default Unidoo

package/src/plugin.js.old

@@ -0,0 +1,281 @@
+// Import vue components
+// import * as components from './components/index'
+// var components = {}
+import vueCustomElement from "vue-custom-element";
+import UnidooMapGeoFeatures from "./components/UnidooMapGeoFeatures.vue";
+import vuetify from "./plugins/vuetify";
+import axios from "axios";
+import VueAxios from 'vue-axios';
+
+// install function executed by Vue.use()
+function install(Vue, options = {}) {
+  if (install.installed) return;
+  install.installed = true;
+
+  // Add component UnidooMapGeoFeatures as a custom element
+  const VueComponent = [
+    UnidooMapGeoFeatures,
+  ]
+  // function to install component in VueComponent array as a custom element
+  installCustomElement(Vue, options, VueComponent);
+
+  if (requireComponent !== undefined) {
+    // For each matching file name...
+    requireComponent.keys().forEach((fileName) => {
+      // Get the component config
+      const componentConfig = requireComponent(fileName);
+      // Get the PascalCase version of the component name
+      const componentName = fileName
+          .split("/")
+          .pop()
+          .replace(/\.\w+$/, "");
+      // components[componentName] = componentConfig.default || componentConfig
+      // Globally register the component
+      Vue.component(componentName, componentConfig.default || componentConfig);
+    });
+  }
+
+  // Register Global event to show AppMessage, related to AppSnackbar
+  // https://medium.com/@panzelva/writing-modals-for-vue-js-callable-from-anywhere-6994d180451
+  this.EventBus = new Vue();
+  Vue.prototype.$unidooAlert = {
+    show(params) {
+      plugin.EventBus.$emit("unidoo-alert-show", params);
+    },
+
+    defaultParams(params) {
+      plugin.EventBus.$emit("unidoo-alert-params", params);
+    },
+
+    showSuccess(message, closeButtonLabel) {
+      if (closeButtonLabel) {
+        this.showMessage(message, "success", 4000, "top", closeButtonLabel);
+      } else {
+        this.showMessage(message, "success");
+      }
+    },
+
+    showWarning(message, closeButtonLabel) {
+      if (closeButtonLabel) {
+        this.showMessage(message, "warning", 6000, "top", closeButtonLabel);
+      } else {
+        this.showMessage(message, "warning", 6000);
+      }
+    },
+
+    /**
+     * Display the given error message for 8 seconds
+     * @param {string} message
+     */
+    showError(message, closeButtonLabel) {
+      if (closeButtonLabel) {
+        this.showMessage(message, "error", 8000, "top", closeButtonLabel);
+      } else {
+        this.showMessage(message, "error", 8000);
+      }
+    },
+
+    /**
+     * This method return the message from an error object ResponseStatusException or RuntimeException
+     * @param {string} prefix e.g. 'An error has occured :'
+     * @param {*} error The error object from the catch(function(error)
+     * @returns {string} The error message
+     */
+    formatError(prefix, error) {
+      let message = "An error has occured";
+      if (typeof error === "object") {
+        if (
+            error.response &&
+            error.response.data &&
+            error.response.data.message
+        ) {
+          message = prefix + " " + error.response.data.message;
+        } else if (error.message) {
+          message = prefix + " " + error.message;
+        }
+      }
+      return message;
+    },
+
+    showMessage(message, type, timeout, position, closeButtonLabel) {
+      const params = {};
+      if (position) {
+        params.position = position;
+      }
+
+      if (timeout) {
+        params.timeout = timeout;
+      }
+
+      if (closeButtonLabel) {
+        params.closeButtonLabel = closeButtonLabel;
+      }
+
+      params.message = message;
+      params.type = type;
+      this.show(params);
+    },
+  };
+
+  Vue.prototype.$unidooUuid = {
+    randomUuidV4() {
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(
+          c
+      ) {
+        var r = (Math.random() * 16) | 0;
+        var v = c === "x" ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+      });
+    },
+  };
+
+  Vue.prototype.$unidooConfirmDialog = {
+    showWithParams(params) {
+      plugin.EventBus.$emit("unidoo-confirm-dialog-show", params);
+    },
+
+    defaultParams(params) {
+      plugin.EventBus.$emit("unidoo-confirm-dialog-params", params);
+    },
+
+    show(
+        callback,
+        message,
+        title,
+        titleClasses,
+        width,
+        cancelButtonLabel,
+        confirmButtonLabel
+    ) {
+      const params = {};
+      if (callback) {
+        params.callback = callback;
+      }
+
+      if (message) {
+        params.message = message;
+      }
+
+      if (title) {
+        params.title = title;
+      }
+
+      if (titleClasses) {
+        params.titleClasses = titleClasses;
+      }
+
+      if (width) {
+        params.width = width;
+      }
+
+      if (cancelButtonLabel) {
+        params.cancelButtonLabel = cancelButtonLabel;
+      }
+
+      if (confirmButtonLabel) {
+        params.confirmButtonLabel = confirmButtonLabel;
+      }
+
+      this.showWithParams(params);
+    },
+  };
+
+  Vue.prototype.$unidooCrudTable = {
+    show(params) {
+      plugin.EventBus.$emit("unidoo-crud-show", params);
+    },
+  };
+
+  Vue.prototype.$unidooHeatmap = {
+    setDate(date, key) {
+      plugin.EventBus.$emit("unidoo-heatmap-set-date", {
+        date: date,
+        key: key,
+      });
+    },
+
+    getDate(key) {
+      plugin.EventBus.$emit("unidoo-heatmap-get-date", { key: key });
+    },
+  };
+
+  Vue.prototype.$unidooDateSwitcher = {
+    update(data, key) {
+      plugin.EventBus.$emit("unidoo-dateswitcher-update", {
+        data: data,
+        key: key,
+      });
+    },
+  };
+}
+
+// Function to install components as custom elements
+function installCustomElement(Vue, options, VueComponent) {
+  // Use Vue.customElement to enable the be able to use the component UnidooMapGeoFeatures as a custom element in WordPress
+  Vue.use(vueCustomElement);
+
+  // Check if vuetify instance is provided in options in the target project which use the custom element using : Vue.use(Unidoo, { vuetify });
+  let vuetifyInstance = null;
+  if (options.vuetify !== undefined) {
+    vuetifyInstance = options.vuetify;
+    // Ensure the icons object exists before trying to set iconfont
+    if (!vuetifyInstance.icons) {
+      vuetifyInstance.icons = {};
+    }
+    if (options.iconfont !== undefined) {
+      vuetifyInstance.icons.iconfont = options.iconfont;
+    }
+  } else {
+    vuetifyInstance = vuetify;
+  }
+
+  // Check if axios instance is provided in options in the target project which use the custom element using : Vue.use(Unidoo, { axios });
+  const axiosInstance = options.axios || null;
+  if (!axiosInstance) {
+    Vue.use(VueAxios, axios);
+  }
+
+  VueComponent.forEach(comp => {
+    if (vuetifyInstance) {
+      comp.vuetify = vuetifyInstance;
+    }
+    if (axiosInstance) {
+      comp.axios = axiosInstance;
+    }
+    Vue.customElement(comp.name, comp.default || comp)
+  });
+}
+
+// Create module definition for Vue.use()
+const plugin = {
+  install,
+};
+
+// To auto-install when vue is found
+
+let GlobalVue = null;
+if (typeof window !== "undefined") {
+  GlobalVue = window.Vue;
+} else if (typeof global !== "undefined") {
+  GlobalVue = global.Vue;
+}
+if (GlobalVue) {
+  GlobalVue.use(plugin);
+}
+
+const requireComponent = require.context(
+    // Look for files in the current directory
+    "./components",
+    // Look in subdirectories
+    true,
+    // Only include "_base-" prefixed .vue files
+    /[\w-]+\.vue$/
+);
+
+// Default export is library as a whole, registered via Vue.use()
+export default plugin;
+
+// To allow individual component use, export components
+// each can be registered via Vue.component()
+// console.log({components})
+// export {components}

package/src/services/alertService.js

@@ -0,0 +1,102 @@
+export function createAlertService(eventBus) {
+  function show(params = {}) {
+    eventBus.emit('unidoo-alert-show', params)
+  }
+
+  function defaultParams(params = {}) {
+    eventBus.emit('unidoo-alert-params', params)
+  }
+
+  function showMessage(
+    message,
+    type,
+    timeout,
+    position,
+    closeButtonLabel
+  ) {
+    const params = {
+      message,
+      type
+    }
+
+    if (timeout !== undefined) {
+      params.timeout = timeout
+    }
+
+    if (position !== undefined) {
+      params.position = position
+    }
+
+    if (closeButtonLabel !== undefined) {
+      params.closeButtonLabel = closeButtonLabel
+    }
+
+    show(params)
+  }
+
+  function showSuccess(message, closeButtonLabel) {
+    if (closeButtonLabel) {
+      showMessage(
+        message,
+        'success',
+        4000,
+        'top',
+        closeButtonLabel
+      )
+    } else {
+      showMessage(message, 'success')
+    }
+  }
+
+  function showWarning(message, closeButtonLabel) {
+    if (closeButtonLabel) {
+      showMessage(
+        message,
+        'warning',
+        6000,
+        'top',
+        closeButtonLabel
+      )
+    } else {
+      showMessage(message, 'warning', 6000)
+    }
+  }
+
+  function showError(message, closeButtonLabel) {
+    if (closeButtonLabel) {
+      showMessage(
+        message,
+        'error',
+        8000,
+        'top',
+        closeButtonLabel
+      )
+    } else {
+      showMessage(message, 'error', 8000)
+    }
+  }
+
+  function formatError(prefix, error) {
+    let message = 'An error has occured'
+
+    if (error && typeof error === 'object') {
+      if (error.response?.data?.message) {
+        message = `${prefix} ${error.response.data.message}`
+      } else if (error.message) {
+        message = `${prefix} ${error.message}`
+      }
+    }
+
+    return message
+  }
+
+  return {
+    show,
+    defaultParams,
+    showMessage,
+    showSuccess,
+    showWarning,
+    showError,
+    formatError
+  }
+}

package/src/services/uuidService.js

@@ -0,0 +1,25 @@
+export function createUuidService() {
+  function randomUuidV4() {
+    if (typeof crypto !== 'undefined' && crypto.randomUUID) {
+      return crypto.randomUUID()
+    }
+
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(
+      /[xy]/g,
+      (character) => {
+        const random = (Math.random() * 16) | 0
+
+        const value =
+          character === 'x'
+            ? random
+            : (random & 0x3) | 0x8
+
+        return value.toString(16)
+      }
+    )
+  }
+
+  return {
+    randomUuidV4
+  }
+}