@livequery/react 2.0.15 → 2.0.17

package/build/LiveQueryContext.d.ts

@@ -5,5 +5,7 @@ export type LivequeryContext = {
     hooks?: TransporterHook[];
 };
 export declare function mergeTransporterHooks(...hooks: TransporterHook[]): TransporterHook;
-export declare const useLivequeryContext: () => LivequeryContext;
+export declare const useLivequeryContext: () => {
+    transporter: Transporter;
+};
 export declare const LiveQueryContextProvider: (props: PropsWithChildren<LivequeryContext>) => React.JSX.Element;

package/build/LiveQueryContext.js

@@ -6,9 +6,16 @@ export function mergeTransporterHooks(...hooks) {
     return hooks.reduce((p, c) => (next) => p(() => c(next)), (next) => pipe(next()));
 }
 const LivequeryContext = createContext({});
-export const useLivequeryContext = () => useContext(LivequeryContext);
+export const useLivequeryContext = () => {
+    const ctx = useContext(LivequeryContext);
+    if (!ctx.transporter)
+        throw 'MISSING_LIVEQUERY_TRANSPORTER';
+    return {
+        transporter: ctx.transporter
+    };
+};
 export const LiveQueryContextProvider = (props) => {
-    const ctx = useLivequeryContext();
+    const ctx = useContext(LivequeryContext);
     const merged = mergeTransporterHooks(...props.hooks || []);
     const transporter = ctx.transporter ? ctx.transporter.hook(merged) : props.transporter?.hook(merged);
     return (React.createElement(LivequeryContext.Provider, { value: { transporter } }, props.children));

package/build/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.ts","../src/livequerycontext.tsx","../src/usecollectiondata.ts","../src/usedocumentdata.ts","../src/usemonitor.ts","../src/hooks/createcontextfromhook.tsx","../src/hooks/createstaticcontext.tsx","../src/hooks/usesyncmemo.ts"],"version":"5.6.3"}
+{"root":["../src/index.ts","../src/livequerycontext.tsx","../src/usecollectiondata.ts","../src/usedocumentdata.ts","../src/usemonitor.ts","../src/hooks/createcontextfromhook.tsx","../src/hooks/createstaticcontext.tsx"],"version":"5.6.3"}

package/build/useCollectionData.d.ts

@@ -11,6 +11,7 @@ export type CollectionData<T extends LivequeryBaseEntity> = (CollectionStream<T>
     ref: CollectionRef;
     filters: CollectionStream<T>['options'];
 });
+export declare const CollectionMap: Map<string, CollectionData<any>>;
 export declare const useCollectionData: <T extends LivequeryBaseEntity>(ref: CollectionRef, collection_options?: Partial<useCollectionDataOptions<T>>) => CollectionStream<T> & Pick<CollectionObservable<T>, "add" | "reset" | "filter" | "update" | "fetch_more" | "fetch_prev" | "trigger" | "$changes"> & {
     empty: boolean;
     ref: CollectionRef;

package/build/useCollectionData.js

@@ -6,10 +6,9 @@ import { Subject } from 'rxjs';
 function assert(fn, thiss) {
     return (fn || (() => { })).bind(thiss);
 }
+export const CollectionMap = new Map();
 export const useCollectionData = (ref, collection_options = {}) => {
     const { transporter } = useLivequeryContext();
-    if (!transporter)
-        throw 'MISSING_LIVEQUERY_TRANSPORTER';
     const client = useMemo(() => new CollectionObservable(ref, {
         ...collection_options,
         transporter
@@ -50,5 +49,9 @@ export const useCollectionData = (ref, collection_options = {}) => {
         $changes: client?.$changes || new Subject(),
         ref
     };
+    useEffect(() => {
+        ref && CollectionMap.set(ref, result);
+        return () => { ref && CollectionMap.delete(ref); };
+    }, [client]);
     return result;
 };

package/build/useDocumentData.d.ts

@@ -1,8 +1,14 @@
 import { useCollectionDataOptions } from "./useCollectionData.js";
 import { LivequeryBaseEntity } from "@livequery/types";
+import { SmartQueryItem } from "@livequery/client";
 export type useDocumentDataOptions<T extends LivequeryBaseEntity = LivequeryBaseEntity> = Partial<Omit<useCollectionDataOptions<T>, 'filters'>>;
 export declare const useDocumentData: <T extends LivequeryBaseEntity>(ref: string | undefined | "" | null | false, config?: useDocumentDataOptions<T>) => {
-    item: import("@livequery/client").SmartQueryItem<T>;
+    item: SmartQueryItem<T>;
+    error: null;
+    loading: boolean;
+    $changes: import("rxjs").Subject<import("@livequery/types").UpdatedData<T>>;
+} | {
+    item: SmartQueryItem<T>;
     loading: import("@livequery/client").LoadingIndicator | undefined;
     error: boolean | undefined;
     $changes: import("rxjs").Subject<import("@livequery/types").UpdatedData<T>>;

package/build/useDocumentData.js

@@ -1,7 +1,36 @@
 "use client";
-import { useCollectionData } from "./useCollectionData.js";
+import { useEffect, useState } from "react";
+import { CollectionMap, useCollectionData } from "./useCollectionData.js";
+import { filter, tap } from "rxjs";
 export const useDocumentData = (ref, config = {}) => {
-    const { items, loading, error, $changes } = useCollectionData(ref, config);
+    const [old, set_old] = useState((() => {
+        if (!ref)
+            return;
+        const id = ref.split('/').pop();
+        const collection_ref = ref.split('/').slice(0, -1).join('/');
+        const collection = CollectionMap.get(collection_ref);
+        if (!collection)
+            return;
+        const item = collection.items.find(item => item.id == id);
+        if (!item)
+            return;
+        return { collection, item };
+    })());
+    useEffect(() => {
+        if (!old || !old.item || !ref)
+            return;
+        const s = old.collection.$changes.pipe(filter(id => id.data.id == old.item.id), tap(d => set_old({ ...old, item: { ...old.item, ...d.data } }))).subscribe();
+        return () => s.unsubscribe();
+    }, [ref]);
+    const { items, loading, error, $changes } = useCollectionData(old ? null : ref, config);
+    if (old && old.item) {
+        return {
+            item: old.item,
+            error: null,
+            loading: false,
+            $changes: old.collection.$changes
+        };
+    }
     return {
         item: items[0],
         loading,

package/package.json

@@ -4,7 +4,7 @@
         "url": "https://github.com/livequery/react"
     },
     "type": "module",
-    "version": "2.0.15",
+    "version": "2.0.17",
     "description": "",
     "main": "build/index.js",
     "types": "build/index.d.ts",

package/build/hooks/useSyncMemo.d.ts

@@ -1 +0,0 @@
-export declare const useSyncMemo: <T>(fn: () => [value: T, cleaner: () => void], deps: any[]) => T;

package/build/hooks/useSyncMemo.js

@@ -1,11 +0,0 @@
-import { useRef } from "react";
-export const useSyncMemo = (fn, deps) => {
-    const ref = useRef({ value: undefined, deps: [], n: 0, cleaner: () => { } });
-    const outdated = ref.current.n == 0 || deps.some((e, i) => e != ref.current.deps[i]);
-    const [value, cleaner] = outdated ? (ref.current.cleaner(), fn()) : [
-        ref.current.value,
-        () => { }
-    ];
-    ref.current = { deps, value, n: ref.current.n + 1, cleaner };
-    return value;
-};