fix(react): build & tests

packages/core/src/entities/list.ts

@@ -1,5 +1,5 @@
 import { EventKey, EventListener, EventListenerOptions, EventSource, EventUnsubscribe } from '../events';
-import { AegisQuery, QueryManager, QueryManagerEventMap, QueryStatus, RefreshStrategy } from '../protocols';
+import { AegisQuery, QueryManager, QueryManagerEventMap, RefreshStrategy } from '../protocols';
 import { PartialKey, StringKey } from '../utils';
 
 import { AegisEntity } from './entity';
@@ -94,8 +94,8 @@ export class AegisList<D> extends EventSource<ListEventMap<D>> {
     return this._manager.query;
   }
 
-  get status(): QueryStatus {
-    return this.query?.status ?? 'pending';
+  get isLoading(): boolean {
+    return this.query?.status === 'pending';
   }
 
   get data(): D[] {

packages/core/tests/entities/list.test.ts

@@ -81,9 +81,9 @@ describe('AegisList.refresh', () => {
   });
 });
 
-describe('AegisList.status', () => {
+describe('AegisList.isLoading', () => {
   it('should return pending if no query is running', () => {
-    expect(list.status).toBe('pending');
+    expect(list.isLoading).toBe(false);
   });
 
   it('should return query status', () => {
@@ -93,19 +93,19 @@ describe('AegisList.status', () => {
     jest.spyOn(query, 'status', 'get')
       .mockReturnValue('pending');
 
-    expect(list.status).toBe('pending');
+    expect(list.isLoading).toBe(true);
 
     // - completed
     jest.spyOn(query, 'status', 'get')
       .mockReturnValue('completed');
 
-    expect(list.status).toBe('completed');
+    expect(list.isLoading).toBe(false);
 
     // - error
     jest.spyOn(query, 'status', 'get')
       .mockReturnValue('failed');
 
-    expect(list.status).toBe('failed');
+    expect(list.isLoading).toBe(false);
   });
 });
 

packages/react/src/hook.builder.ts

@@ -33,15 +33,15 @@ export function $hook<T, E extends Aegis<T, unknown>>(entity: E) {
         const id = args[0].id;
         const item = useMemo(() => entity.$entity.item(id), [id]);
 
-        const { status, data } = useAegisItem(item);
+        const { isLoading, data } = useAegisItem(item);
 
         useEffect(() => {
           query(..._args);
         }, [_args]);
 
         return {
           item,
-          status, data,
+          isLoading, data,
           refresh: useCallback(() => query(..._args), [_args]),
         };
       };
@@ -53,15 +53,15 @@ export function $hook<T, E extends Aegis<T, unknown>>(entity: E) {
         const _args = useDeepMemo(args);
         const list = useMemo(() => entity.$entity.list(key), []);
 
-        const { status, data } = useAegisList(list);
+        const { isLoading, data } = useAegisList(list);
 
         useEffect(() => {
           query(key, ..._args);
         }, [_args]);
 
         return {
           list,
-          status, data,
+          isLoading, data,
           refresh: useCallback(() => query(key, ..._args), [_args]),
         };
       };

packages/react/src/hooks/useAegisItem.ts

@@ -1,22 +1,22 @@
-import { AegisItem, QueryStatus } from '@jujulego/aegis-core';
+import { AegisItem } from '@jujulego/aegis-core';
 import { useDebugValue } from 'react';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
 
 // Types
 export interface AegisItemState<T> {
-  status: QueryStatus;
+  isLoading: boolean;
   data?: T;
 }
 
 // Hooks
 export function useAegisItem<T>(item: AegisItem<T>): AegisItemState<T> {
-  const status = useSyncExternalStore((cb) => item.subscribe('query', cb), () => item.status);
+  const isLoading = useSyncExternalStore((cb) => item.subscribe('query', cb), () => item.isLoading);
   const data = useSyncExternalStore((cb) => item.subscribe('update', cb), () => item.data);
 
   useDebugValue(data);
 
   return {
-    status,
+    isLoading,
     data,
   };
 }

packages/react/src/hooks/useAegisList.ts

@@ -1,22 +1,22 @@
-import { AegisList, QueryStatus } from '@jujulego/aegis-core';
+import { AegisList } from '@jujulego/aegis-core';
 import { useDebugValue } from 'react';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
 
 // Types
 export interface AegisListState<T> {
-  status: QueryStatus;
+  isLoading: boolean;
   data: T[];
 }
 
 // Hooks
 export function useAegisList<T>(list: AegisList<T>): AegisListState<T> {
-  const status = useSyncExternalStore((cb) => list.subscribe('query', cb), () => list.status);
+  const isLoading = useSyncExternalStore((cb) => list.subscribe('query', cb), () => list.isLoading);
   const data = useSyncExternalStore((cb) => list.subscribe('update', cb), () => list.data);
 
   useDebugValue(data);
 
   return {
-    status,
+    isLoading,
     data
   };
 }

packages/react/tests/hook.builder.test.ts

@@ -25,7 +25,7 @@ describe('$hook().item', () => {
 
     expect(fetch).toHaveBeenCalledWith({ id: 'test' });
     expect(result.current).toEqual({
-      status: 'pending',
+      isLoading: true,
       item: expect.any(AegisItem),
       refresh: expect.any(Function),
     });
@@ -36,7 +36,7 @@ describe('$hook().item', () => {
     });
 
     expect(result.current).toEqual({
-      status: 'completed',
+      isLoading: false,
       data: { id: 'test', success: true },
       item: expect.any(AegisItem),
       refresh: expect.any(Function),
@@ -66,7 +66,7 @@ describe('$hook().item', () => {
 
     expect(fetch).toHaveBeenCalledTimes(2);
     expect(result.current).toEqual({
-      status: 'pending',
+      isLoading: true,
       data: { id: 'test', success: true },
       item: expect.any(AegisItem),
       refresh: expect.any(Function),
@@ -90,7 +90,7 @@ describe('$hook().item', () => {
 
     expect(fetch).toHaveBeenCalledWith({ id: 'test-1' });
     expect(result.current).toEqual({
-      status: 'pending',
+      isLoading: true,
       item: expect.any(AegisItem),
       refresh: expect.any(Function),
     });
@@ -100,7 +100,7 @@ describe('$hook().item', () => {
 
     expect(fetch).toHaveBeenCalledWith({ id: 'test-2' });
     expect(result.current).toEqual({
-      status: 'pending',
+      isLoading: true,
       item: expect.any(AegisItem),
       refresh: expect.any(Function),
     });
@@ -123,7 +123,7 @@ describe('$hook().list', () => {
 
     expect(fetch).toHaveBeenCalledWith(6, false);
     expect(result.current).toEqual({
-      status: 'pending',
+      isLoading: true,
       data: [],
       list: expect.any(AegisList),
       refresh: expect.any(Function),
@@ -138,7 +138,7 @@ describe('$hook().list', () => {
     });
 
     expect(result.current).toEqual({
-      status: 'completed',
+      isLoading: false,
       data: [
         { id: 'test-1', success: true },
         { id: 'test-2', success: true },

packages/react/tests/hooks/useAegisItem.test.ts

@@ -24,7 +24,7 @@ describe('useAegisItem', () => {
     const { result } = renderHook(() => useAegisItem(itm));
 
     expect(result.current).toEqual({
-      status: 'pending',
+      isLoading: false,
       data: {
         id: 'test-1',
         success: true
@@ -40,7 +40,7 @@ describe('useAegisItem', () => {
     });
 
     expect(result.current).toEqual({
-      status: 'pending',
+      isLoading: false,
       data: {
         id: 'test-1',
         success: false

packages/react/tests/hooks/useAegisList.test.ts

@@ -24,7 +24,7 @@ describe('useAegisList', () => {
     const { result } = renderHook(() => useAegisList(lst));
 
     expect(result.current).toEqual({
-      status: 'pending',
+      isLoading: false,
       data: [
         { id: 'test-1', success: true },
         { id: 'test-2', success: true }
@@ -40,7 +40,7 @@ describe('useAegisList', () => {
     });
 
     expect(result.current).toEqual({
-      status: 'pending',
+      isLoading: false,
       data: [
         { id: 'test-1', success: false },
         { id: 'test-3', success: true }