entity-repository 0.1.0 → 0.1.2

package/dist/react.d.ts

@@ -11,6 +11,6 @@ export declare function createRepositoryContext<Definitions extends EntityDefini
     useRepository: () => Repository<Definitions, Config>;
     useRepositoryQuery: <Table extends keyof Definitions>(table: Table, id: EntityIdTuple<Definitions, Config, Table>, fetcher: (id: EntityIdTuple<Definitions, Config, Table>) => Promise<Definitions[Table]>) => RepositoryQuery<Definitions[Table]>;
     useRepositoryListQuery: <Table extends keyof Definitions, Param>(table: Table, param: Param, options: ListQueryOptions<Definitions[Table]>, fetcher: (param: Param) => Promise<Definitions[Table][]>) => ListQueryState<Definitions[Table]>;
-    useSubscribedState: <Value>(observable: Observable<Value>, initialValue: Value) => Value;
+    useSubscribedState: <Value>(observable: Observable<Value>, getSnapshot: () => Value) => Value;
 };
 //# sourceMappingURL=react.d.ts.map

package/dist/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAA4C,MAAM,OAAO,CAAC;AAE3F,OAAO,EAAsB,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,wBAAgB,uBAAuB,CACrC,WAAW,SAAS,iBAAiB,EACrC,MAAM,SAAS,YAAY,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC,WAAW,CAAC;oDAOjE;QACD,UAAU,EAAE,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAC5C,QAAQ,EAAE,SAAS,CAAC;KACrB;;yBAoC2B,KAAK,SAAS,MAAM,WAAW,SAClD,KAAK,MACR,aAAa,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,WACpC,CAAC,EAAE,EAAE,aAAa,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,KACtF,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;6BAiBN,KAAK,SAAS,MAAM,WAAW,EAAE,KAAK,SAC7D,KAAK,SACL,KAAK,WACH,gBAAgB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,WACpC,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,KACvD,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;yBA9CT,KAAK,cAAc,UAAU,CAAC,KAAK,CAAC,gBAAgB,KAAK;EA2EtF"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAA6E,MAAM,OAAO,CAAC;AAE5H,OAAO,EAAsB,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,wBAAgB,uBAAuB,CACrC,WAAW,SAAS,iBAAiB,EACrC,MAAM,SAAS,YAAY,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC,WAAW,CAAC;oDAOjE;QACD,UAAU,EAAE,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAC5C,QAAQ,EAAE,SAAS,CAAC;KACrB;;yBAyC2B,KAAK,SAAS,MAAM,WAAW,SAClD,KAAK,MACR,aAAa,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,WACpC,CAAC,EAAE,EAAE,aAAa,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,KACtF,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;6BAiBN,KAAK,SAAS,MAAM,WAAW,EAAE,KAAK,SAC7D,KAAK,SACL,KAAK,WACH,gBAAgB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,WACpC,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,KACvD,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;yBAnDT,KAAK,cAAc,UAAU,CAAC,KAAK,CAAC,eAAe,MAAM,KAAK;EAgF3F"}

package/dist/react.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useMemo, useState } from "react";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useSyncExternalStore } from "react";
 import { combineLatest, map } from "rxjs";
 export function createRepositoryContext() {
     const RepositoryReactContext = createContext(null);
@@ -13,15 +13,17 @@ export function createRepositoryContext() {
         }
         return context;
     }
-    function useSubscribedState(observable, initialValue) {
-        const [state, setState] = useState(initialValue);
-        useEffect(() => {
+    function useSubscribedState(observable, getSnapshot) {
+        const snapshotRef = useRef(getSnapshot());
+        const subscribe = useCallback((callback) => {
             const subscription = observable.subscribe((value) => {
-                setState(value);
+                snapshotRef.current = value;
+                callback();
             });
             return () => subscription.unsubscribe();
         }, [observable]);
-        return state;
+        const getSnapshotStable = useCallback(() => snapshotRef.current, []);
+        return useSyncExternalStore(subscribe, getSnapshotStable);
     }
     /**
      * Subscribes to a single-record query keyed only by `id`.
@@ -33,7 +35,7 @@ export function createRepositoryContext() {
         const repository = useRepository();
         // eslint-disable-next-line react-hooks/exhaustive-deps -- table/fetcher intentionally ignored
         const recordQuery = useMemo(() => repository.recordQuery(table, id, fetcher), [repository, JSON.stringify(id)]);
-        return useSubscribedState(recordQuery.$state, recordQuery.$state.value);
+        return useSubscribedState(recordQuery.$state, () => recordQuery.$state.value);
     }
     /**
      * Subscribes to a list query keyed only by `param`.
@@ -49,7 +51,7 @@ export function createRepositoryContext() {
             return () => listQuery.dispose();
         }, [listQuery]);
         const $state = useMemo(() => combineLatest([listQuery.$records, listQuery.$status]).pipe(map(([records, status]) => ({ records, ...status }))), [listQuery]);
-        return useSubscribedState($state, { records: listQuery.$records.value, ...listQuery.$status.value });
+        return useSubscribedState($state, () => ({ records: listQuery.$records.value, ...listQuery.$status.value }));
     }
     return {
         RepositoryProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "entity-repository",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Type-safe entity caching and state management with RxJS and React",
   "type": "module",
   "main": "./dist/index.js",