feat: implement isLoading state (#56)

Co-authored-by: L <6723574+louisgv@users.noreply.github.com>

src/hook.ts

@@ -54,6 +54,8 @@ export function useStorage<T = any>(rawKey: RawKey, onInit?: Setter<T>) {
 
   const key = isObjectKey ? rawKey.key : rawKey
 
+  const [isLoading, setIsLoading] = useState(true);
+
   // Render state
   const [renderValue, setRenderValue] = useState(onInit)
   const [isLoading, setIsLoading] = useState(true)
@@ -137,7 +139,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", () => {