feat: implement isLoading state

src/hook.ts

@@ -34,6 +34,7 @@ export function useStorage<T = any>(
     readonly setRenderValue: React.Dispatch<React.SetStateAction<T>>
     readonly setStoreValue: (v: T) => Promise<null>
     readonly remove: () => void
+    readonly isLoading: boolean
   }
 ]
 export function useStorage<T = any>(
@@ -45,13 +46,16 @@ export function useStorage<T = any>(
     readonly setRenderValue: React.Dispatch<React.SetStateAction<T | undefined>>
     readonly setStoreValue: (v?: T) => Promise<null>
     readonly remove: () => void
+    readonly isLoading: boolean
   }
 ]
 export function useStorage<T = any>(rawKey: RawKey, onInit?: Setter<T>) {
   const isObjectKey = typeof rawKey === "object"
 
   const key = isObjectKey ? rawKey.key : rawKey
 
+  const [isLoading, setIsLoading] = useState(true);
+
   // Render state
   const [renderValue, setRenderValue] = useState(onInit)
 
@@ -110,6 +114,7 @@ export function useStorage<T = any>(rawKey: RawKey, onInit?: Setter<T>) {
       } else {
         setRenderValue(v !== undefined ? v : onInit)
       }
+      setIsLoading(false)
     })
 
     return () => {
@@ -132,7 +137,8 @@ export function useStorage<T = any>(rawKey: RawKey, onInit?: Setter<T>) {
     {
       setRenderValue,
       setStoreValue,
-      remove
+      remove,
+      isLoading
     }
   ] as const
 }

src/index.test.ts

@@ -231,6 +231,36 @@ describe("react hook", () => {
 
     unmount()
   })
+
+  test('isLoading is true until value is fetched', async () => {
+    const { getTriggers } = createStorageMock()
+
+    const key = 'key'
+    const value = 'hello'
+
+    const { result, unmount } = renderHook(() => useStorage(key))
+
+    expect(result.current[2].isLoading).toBe(true)
+
+    unmount()
+  })
+
+  test('isLoading is false after value is fetched', async () => {
+    const { getTriggers } = createStorageMock()
+
+    const key = 'key'
+    const value = 'hello'
+
+    const { result, unmount } = renderHook(() => useStorage(key))
+
+    await act(async () => {
+      await result.current[1](value)
+    })
+
+    expect(result.current[2].isLoading).toBe(false)
+
+    unmount()
+  })
 })
 
 describe("watch/unwatch", () => {