init project

resources/js/vue/store/modules/app/mutations.js

@@ -0,0 +1,8 @@
+import { set, toggle } from '@/utils/vuex'
+
+export default {
+  setDrawer: set('drawer'),
+  setImage: set('image'),
+  setColor: set('color'),
+  toggleDrawer: toggle('drawer')
+}

resources/js/vue/store/modules/app/state.js

@@ -0,0 +1,5 @@
+export default {
+  drawer: null,
+  color: 'WM-CyanBlueGradient-BG',
+  // image: 'https://demos.creative-tim.com/vue-material-dashboard/img/sidebar-2.32103624.jpg'
+}

resources/js/vue/store/modules/auth/actions.js

@@ -0,0 +1,53 @@
+import { UserService, AuthenticationError } from '@/services/auth/user.service'
+import router from '@/router'
+
+export default {
+    async login({ commit }, {cell_number, password}) {
+        commit('loginRequest');
+
+        try {
+            const token = await UserService.login(cell_number, password);
+            commit('loginSuccess', token)
+
+            // Redirect the user to the page he first tried to visit or to the home view
+            router.push(router.history.current.query.redirect || '/');
+
+            return true
+        } catch (e) {
+            if (e instanceof AuthenticationError) {
+                commit('loginError', {errorCode: e.errorCode, errorMessage: e.message})
+            }
+
+            return false
+        }
+    },
+
+    logout({ commit }) {
+        UserService.logout()
+        commit('logoutSuccess')
+        router.push('/login')
+    },
+
+    refreshToken({ commit, state }) {
+       // If this is the first time the refreshToken has been called, make a request
+       // otherwise return the same promise to the caller
+       if(!state.refreshTokenPromise) {
+           const p = UserService.refreshToken()
+           commit('refreshTokenPromise', p)
+
+           // Wait for the UserService.refreshToken() to resolve. On success set the token and clear promise
+           // Clear the promise on error as well.
+           p.then(
+               response => {
+                   commit('refreshTokenPromise', null)
+                   commit('loginSuccess', response)
+               },
+               error => {
+                   commit('refreshTokenPromise', null)
+               }
+           )
+       }
+
+       return state.refreshTokenPromise
+    }
+}

resources/js/vue/store/modules/auth/getters.js

@@ -0,0 +1,17 @@
+export default {
+    loggedIn: (state) => {
+        return state.accessToken ? true : false
+    },
+
+    authenticationErrorCode: (state) => {
+        return state.authenticationErrorCode
+    },
+
+    authenticationError: (state) => {
+        return state.authenticationError
+    },
+
+    authenticating: (state) => {
+        return state.authenticating
+    }
+}

resources/js/vue/store/modules/auth/mutations.js

@@ -0,0 +1,27 @@
+export default {
+    loginRequest(state) {
+        state.authenticating = true;
+        state.authenticationError = ''
+        state.authenticationErrorCode = 0
+    },
+
+    loginSuccess(state, accessToken) {
+        state.accessToken = accessToken
+        state.authenticating = false;
+    },
+
+    loginError(state, {errorCode, errorMessage}) {
+        state.authenticating = false
+        state.authenticationErrorCode = errorCode
+        state.authenticationError = errorMessage
+    },
+
+    logoutSuccess(state) {
+        state.accessToken = ''
+    },
+
+
+    refreshTokenPromise(state, promise) {
+        state.refreshTokenPromise = promise
+    }
+}

resources/js/vue/store/modules/auth/state.js

@@ -0,0 +1,9 @@
+import { TokenService } from '@/services/auth/storage.service'
+
+export default {
+    authenticating: false,
+    accessToken: TokenService.getToken(),
+    authenticationErrorCode: 0,
+    authenticationError: '',
+    refreshTokenPromise: null  // Holds the promise of the refresh token
+}

resources/js/vue/store/modules/index.js

@@ -0,0 +1,21 @@
+// https://vuex.vuejs.org/en/modules.html
+
+const requireModule = require.context('.', true, /\.js$/)
+const modules = {}
+
+requireModule.keys().forEach(fileName => {
+  if (fileName === './index.js') return
+
+  // Replace ./ and .js
+  const path = fileName.replace(/(\.\/|\.js)/g, '')
+  const [moduleName, imported] = path.split('/')
+  if (!modules[moduleName]) {
+    modules[moduleName] = {
+      namespaced: true
+    }
+  }
+
+  modules[moduleName][imported] = requireModule(fileName).default
+})
+
+export default modules