log time coming ui and lib updates

1 files changed, 30 insertions, 0 deletions

diff --git a/front-end/src/store/globalState.ts b/front-end/src/store/globalState.ts
new file mode 100644
index 0000000..9e700eb
--- /dev/null
+++ b/front-end/src/store/globalState.ts
@@ -0,0 +1,30 @@
+import 'pinia'
+import { shallowRef } from 'vue';
+import { useAutoHeartbeat } from '@vnuge/vnlib.browser';
+import { toRefs, useLocalStorage } from '@vueuse/core';
+import { PiniaPluginContext, PiniaPlugin } from 'pinia'
+import { defaults } from 'lodash-es';
+
+declare module 'pinia' {
+    export interface PiniaCustomProperties {
+        autoHeartbeat: boolean;
+    }
+}
+
+export const globalStatePlugin: PiniaPlugin = ({ store }: PiniaPluginContext) =>{
+
+    //Get shared global state storage
+    const mainState = useLocalStorage("vn-state", { ahEnabled: false });
+    
+    //Set defaults to avoid undefined errors from toRefs
+    defaults(mainState.value, { ahEnabled: false })
+    
+    const { ahEnabled } = toRefs(mainState)
+
+    //Setup heartbeat for 5 minutes
+    useAutoHeartbeat(shallowRef(5 * 60 * 1000), ahEnabled)
+    
+    return{
+        autoHeartbeat: ahEnabled,
+    }
+}
\ No newline at end of file