@iankibetsh/shframework 0.0.5 → 0.1.0

package/dist/library.js

@@ -1,10 +1,13 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var Axios = require('axios');
 var NProgress = require('nprogress');
 var vue = require('vue');
 var moment = require('moment');
 var Swal = require('sweetalert2');
+var pinia = require('pinia');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1649,7 +1652,6 @@ script$6.__file = "src/views/ShPhone.vue";
 
 var script$5 = {
   name: 'ShForm',
-  inject: ['global'],
   components: {
     ShPhone: script$6
   },
@@ -1665,7 +1667,7 @@ var script$5 = {
       selectData: {},
       users: [],
       allPlaceHolders: {},
-      user: this.global.state.user,
+      user: null,
       allLabels: {}
     }
   },
@@ -3372,24 +3374,86 @@ script.render = render;
 script.__scopeId = "data-v-3628b6a6";
 script.__file = "src/views/ShTabs.vue";
 
-var components = {
-  ShForm: script$5,
-  ShCanvas: script$4,
-  ShModal: script$3,
-  ShPhone: script$6,
-  ShTable: script$1,
-  ShTabs: script
-};
-
-const plugin = {
-  install (Vue) {
-    for (const prop in components) {
-      if (components.hasOwnProperty(prop)) {
-        const component = components[prop];
-        Vue.component(component.name, component);
+const useUserStore = pinia.defineStore('user-store', {
+  state: () => ({
+    user: null,
+    role: null,
+    permissions: null,
+    menus: [],
+    loggedOut: false
+  }),
+  actions: {
+    setUser (){
+      const user = shstorage.getItem('user') ? JSON.parse(shstorage.getItem('user')) : null;
+      if (user) {
+        user.isAllowedTo = function (slug) {
+          if (this.permissions) {
+            let permissions = [];
+            if (typeof this.permissions === 'string') {
+              permissions = JSON.parse(this.permissions);
+            } else {
+              permissions = this.permissions;
+            }
+            return permissions.includes(slug)
+          }
+          return false
+        };
       }
+      this.user = user;
+      apis.doGet('auth/user').then(res => {
+        shstorage.setItem('user',res.data);
+        const user = res.data;
+        user.isAllowedTo = function (slug) {
+          if (this.permissions) {
+            let permissions = [];
+            if (typeof this.permissions === 'string') {
+              permissions = JSON.parse(this.permissions);
+            } else {
+              permissions = this.permissions;
+            }
+            return permissions.includes(slug)
+          }
+          return false
+        };
+        this.user = user;
+      }).catch((reason) => {
+        if (reason.response && reason.response.status) {
+          this.loggedOut = true;
+        }
+      });
+      if (this.user) {
+        if (typeof this.user.permissions === 'string') {
+          this.permissions = JSON.parse(this.user.permissions);
+        } else {
+          this.permissions = this.user.permissions;
+        }
+      }
+    },
+    signOut () {
+      shstorage.setItem('user',null);
+      shstorage.setItem('access_token',null);
+      this.user = null;
+    },
+    logOut () {
+      shstorage.setItem('user',null);
+      shstorage.setItem('access_token',null);
+      this.user = null;
+    }
+  },
+  getters: {
+    userId (state) {
+      return state.user === null ? null:state.user.id
     }
   }
-};
+});
 
-module.exports = plugin;
+exports.ShCanvas = script$4;
+exports.ShForm = script$5;
+exports.ShModal = script$3;
+exports.ShPhone = script$6;
+exports.ShTable = script$1;
+exports.ShTabs = script;
+exports.apis = apis;
+exports.helpers = helpers;
+exports.shstorage = shstorage;
+exports.useUserStore = useUserStore;

package/dist/library.mjs

@@ -3,6 +3,7 @@ import NProgress from 'nprogress';
 import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, normalizeClass, createBlock, renderSlot, createStaticVNode, withCtx, pushScopeId, popScopeId, createVNode } from 'vue';
 import moment from 'moment';
 import Swal from 'sweetalert2';
+import { defineStore } from 'pinia';
 
 function setItem (key, value) {
   let toStore = value;
@@ -1640,7 +1641,6 @@ script$6.__file = "src/views/ShPhone.vue";
 
 var script$5 = {
   name: 'ShForm',
-  inject: ['global'],
   components: {
     ShPhone: script$6
   },
@@ -1656,7 +1656,7 @@ var script$5 = {
       selectData: {},
       users: [],
       allPlaceHolders: {},
-      user: this.global.state.user,
+      user: null,
       allLabels: {}
     }
   },
@@ -3363,24 +3363,77 @@ script.render = render;
 script.__scopeId = "data-v-3628b6a6";
 script.__file = "src/views/ShTabs.vue";
 
-var components = {
-  ShForm: script$5,
-  ShCanvas: script$4,
-  ShModal: script$3,
-  ShPhone: script$6,
-  ShTable: script$1,
-  ShTabs: script
-};
-
-const plugin = {
-  install (Vue) {
-    for (const prop in components) {
-      if (components.hasOwnProperty(prop)) {
-        const component = components[prop];
-        Vue.component(component.name, component);
+const useUserStore = defineStore('user-store', {
+  state: () => ({
+    user: null,
+    role: null,
+    permissions: null,
+    menus: [],
+    loggedOut: false
+  }),
+  actions: {
+    setUser (){
+      const user = shstorage.getItem('user') ? JSON.parse(shstorage.getItem('user')) : null;
+      if (user) {
+        user.isAllowedTo = function (slug) {
+          if (this.permissions) {
+            let permissions = [];
+            if (typeof this.permissions === 'string') {
+              permissions = JSON.parse(this.permissions);
+            } else {
+              permissions = this.permissions;
+            }
+            return permissions.includes(slug)
+          }
+          return false
+        };
+      }
+      this.user = user;
+      apis.doGet('auth/user').then(res => {
+        shstorage.setItem('user',res.data);
+        const user = res.data;
+        user.isAllowedTo = function (slug) {
+          if (this.permissions) {
+            let permissions = [];
+            if (typeof this.permissions === 'string') {
+              permissions = JSON.parse(this.permissions);
+            } else {
+              permissions = this.permissions;
+            }
+            return permissions.includes(slug)
+          }
+          return false
+        };
+        this.user = user;
+      }).catch((reason) => {
+        if (reason.response && reason.response.status) {
+          this.loggedOut = true;
+        }
+      });
+      if (this.user) {
+        if (typeof this.user.permissions === 'string') {
+          this.permissions = JSON.parse(this.user.permissions);
+        } else {
+          this.permissions = this.user.permissions;
+        }
       }
+    },
+    signOut () {
+      shstorage.setItem('user',null);
+      shstorage.setItem('access_token',null);
+      this.user = null;
+    },
+    logOut () {
+      shstorage.setItem('user',null);
+      shstorage.setItem('access_token',null);
+      this.user = null;
+    }
+  },
+  getters: {
+    userId (state) {
+      return state.user === null ? null:state.user.id
     }
   }
-};
+});
 
-export { plugin as default };
+export { script$4 as ShCanvas, script$5 as ShForm, script$3 as ShModal, script$6 as ShPhone, script$1 as ShTable, script as ShTabs, apis, helpers, shstorage, useUserStore };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "0.0.5",
+  "version": "0.1.0",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",