mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.5 KiB
50 lines
1.5 KiB
import { useGlobalState } from './state' |
|
import { useGlobalActions } from './actions' |
|
import type { UseGlobalReturn } from './types' |
|
import { useGlobalGetters } from './getters' |
|
import { toRefs, useNuxtApp, watch } from '#imports' |
|
|
|
/** |
|
* Global state is injected by {@link import('~/plugins/state') state} plugin into our nuxt app (available as `$state`). |
|
* Manual initialization is unnecessary and should be avoided. |
|
* |
|
* The state is stored in {@link WindowLocalStorage localStorage}, so it will be available even if the user closes the browser tab. |
|
* |
|
* @example |
|
* ```js |
|
* import { useNuxtApp } from '#app' |
|
* |
|
* const { $state } = useNuxtApp() |
|
* |
|
* const token = $state.token.value |
|
* const user = $state.user.value |
|
* ``` |
|
*/ |
|
export const useGlobal = (): UseGlobalReturn => { |
|
const { $state, provide } = useNuxtApp() |
|
|
|
/** If state already exists, return it */ |
|
if ($state) return $state |
|
|
|
const state = $(useGlobalState()) |
|
|
|
const getters = useGlobalGetters($$(state)) |
|
|
|
const actions = useGlobalActions($$(state)) |
|
|
|
/** try to refresh token before expiry (5 min before expiry) */ |
|
watch( |
|
() => !!(state.jwtPayload && state.jwtPayload.exp && state.jwtPayload.exp - 5 * 60 < state.timestamp / 1000), |
|
async (expiring) => { |
|
if (getters.signedIn.value && state.jwtPayload && expiring) { |
|
await actions.refreshToken() |
|
} |
|
}, |
|
{ immediate: true }, |
|
) |
|
|
|
/** provide a fresh state instance into nuxt app */ |
|
provide('state', state) |
|
|
|
return { ...toRefs($$(state)), ...getters, ...actions } |
|
}
|
|
|