feat(useNetwork): new onlineAt attribute (#1535)

vueuse · May 3, 2022 · 4d5cf1c · 4d5cf1c
1 parent 81f355d
commit 4d5cf1c
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/core/useNetwork/index.ts b/packages/core/useNetwork/index.ts
@@ -20,6 +20,10 @@ export interface NetworkState {
    * The time since the user was last connected.
    */
   offlineAt: Ref<number | undefined>
+  /**
+   * At this time, if the user is offline and reconnects
+   */
+  onlineAt: Ref<number | undefined>
   /**
    * The download speed in Mbps.
    */
@@ -60,6 +64,7 @@ export function useNetwork(options: ConfigurableWindow = {}): Readonly<NetworkSt
   const isOnline = ref(true)
   const saveData = ref(false)
   const offlineAt: Ref<number | undefined> = ref(undefined)
+  const onlineAt: Ref<number | undefined> = ref(undefined)
   const downlink: Ref<number | undefined> = ref(undefined)
   const downlinkMax: Ref<number | undefined> = ref(undefined)
   const rtt: Ref<number | undefined> = ref(undefined)
@@ -74,6 +79,7 @@ export function useNetwork(options: ConfigurableWindow = {}): Readonly<NetworkSt
 
     isOnline.value = navigator.onLine
     offlineAt.value = isOnline.value ? undefined : Date.now()
+    onlineAt.value = isOnline.value ? Date.now() : undefined
 
     if (connection) {
       downlink.value = connection.downlink
@@ -93,6 +99,7 @@ export function useNetwork(options: ConfigurableWindow = {}): Readonly<NetworkSt
 
     useEventListener(window, 'online', () => {
       isOnline.value = true
+      onlineAt.value = Date.now()
     })
   }
 
@@ -106,6 +113,7 @@ export function useNetwork(options: ConfigurableWindow = {}): Readonly<NetworkSt
     isOnline,
     saveData,
     offlineAt,
+    onlineAt,
     downlink,
     downlinkMax,
     effectiveType,