- initial;

src/store/actions.js

@@ -0,0 +1,15 @@
+
+
+export const actionsAlpha = (set, get, api) => ({
+    setAsyncRequest:        () => {
+        const num = get.isAsyncRequest();
+        set.isAsyncRequest(num + 1);
+    },
+    unsetAsyncRequest:      () => {
+        const num = get.isAsyncRequest();
+        set.isAsyncRequest(num - 1 < 0 ? 0 : num - 1);
+    },
+})
+
+export const actionsBeta = (set, get, api) => ({
+});

src/store/index.js

@@ -0,0 +1,20 @@
+import { mapValuesKey } from 'zustand-x';
+
+// stores
+import { mainStore } from './main';
+
+// Global store - initial data
+const dashboardStore = {
+    main:       mainStore
+};
+
+// Global hook selectors
+export const useStore = () => mapValuesKey('use', dashboardStore);
+// Global tracked hook selectors
+export const useTrackedStore = () => mapValuesKey('useTracked', dashboardStore);
+// Global getter selectors
+export const storeGet = mapValuesKey('get', dashboardStore);
+// Global actions
+export const storeSet = mapValuesKey('set', dashboardStore);
+
+export default dashboardStore;

src/store/initial.js

@@ -0,0 +1,6 @@
+const initialStore = {
+    // ui related
+    isAsyncRequest: 0, // number
+}
+
+export default initialStore;

src/store/main.js

@@ -0,0 +1,11 @@
+import { createStore } from 'zustand-x';
+
+import zustandXOpts from './zustand-x-opts';
+import initialStore from './initial';
+import selectors from './selectors';
+import { actionsAlpha, actionsBeta } from './actions';
+
+export const mainStore = createStore('main')(initialStore, zustandXOpts)
+    .extendSelectors(selectors)
+    .extendActions(actionsAlpha)
+    .extendActions(actionsBeta);

src/store/selectors.js

@@ -0,0 +1,10 @@
+import { isEmpty } from 'ramda';
+
+const selectors = (state, get, api) => ({
+    getToken: () => {
+        const userData = get.userData();
+        return userData.access && !isEmpty(userData.access) ? userData.access : null;
+    },
+})
+
+export default selectors;

src/store/zustand-x-opts.js

@@ -0,0 +1,16 @@
+const zustandXOpts = {
+    devtools: {
+        enabled: true
+    },
+    persist: {
+        enabled: true,
+        partialize: (state) => ({
+            userData: state.userData,
+            hubsList: state.hubsList,
+            chosenHub: state.chosenHub,
+            groups: state.groups,
+        }),
+    }
+}
+
+export default zustandXOpts;