@livequery/react 2.0.6 → 2.0.15

package/build/LiveQueryContext.d.ts

@@ -1,5 +1,9 @@
-import { Transporter } from '@livequery/types';
-export type LiveQueryContextOption = {
-    transporter: Transporter;
+import React, { PropsWithChildren } from 'react';
+import { Transporter, TransporterHook } from '@livequery/types';
+export type LivequeryContext = {
+    transporter?: Transporter;
+    hooks?: TransporterHook[];
 };
-export declare const useLiveQueryContext: () => LiveQueryContextOption, LiveQueryContextProvider: ({ children, ...props }: import("react").PropsWithChildren<LiveQueryContextOption>) => import("react").JSX.Element;
+export declare function mergeTransporterHooks(...hooks: TransporterHook[]): TransporterHook;
+export declare const useLivequeryContext: () => LivequeryContext;
+export declare const LiveQueryContextProvider: (props: PropsWithChildren<LivequeryContext>) => React.JSX.Element;

package/build/LiveQueryContext.js

@@ -1,3 +1,15 @@
 "use client";
-import { createContextFromHook } from './hooks/createContextFromHook.js';
-export const [useLiveQueryContext, LiveQueryContextProvider] = createContextFromHook((props) => props);
+import React from 'react';
+import { createContext, useContext } from "react";
+import { pipe } from 'rxjs';
+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 LiveQueryContextProvider = (props) => {
+    const ctx = useLivequeryContext();
+    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

@@ -0,0 +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"}

package/build/useCollectionData.d.ts

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

package/build/useCollectionData.js

@@ -1,14 +1,19 @@
 "use client";
 import { useEffect, useMemo, useState } from "react";
-import { useLiveQueryContext } from "./LiveQueryContext.js";
+import { useLivequeryContext } from "./LiveQueryContext.js";
 import { CollectionObservable } from "@livequery/client";
 import { Subject } from 'rxjs';
 function assert(fn, thiss) {
     return (fn || (() => { })).bind(thiss);
 }
 export const useCollectionData = (ref, collection_options = {}) => {
-    const { transporter } = useLiveQueryContext();
-    const client = useMemo(() => new CollectionObservable(ref, { transporter, ...collection_options }), [ref]);
+    const { transporter } = useLivequeryContext();
+    if (!transporter)
+        throw 'MISSING_LIVEQUERY_TRANSPORTER';
+    const client = useMemo(() => new CollectionObservable(ref, {
+        ...collection_options,
+        transporter
+    }), [ref]);
     const [$, set_$] = useState(client.getValue());
     const [state, set_state] = useState(0);
     // Sync stream effect

package/package.json

@@ -4,7 +4,7 @@
         "url": "https://github.com/livequery/react"
     },
     "type": "module",
-    "version": "2.0.6",
+    "version": "2.0.15",
     "description": "",
     "main": "build/index.js",
     "types": "build/index.d.ts",
@@ -12,17 +12,16 @@
         "build/**/*"
     ],
     "dependencies": {
-        "@livequery/client": "^2.0.0",
+        "@livequery/client": "^2.0.15",
         "rxjs": "^7.8.1"
     },
     "devDependencies": {
-        "@livequery/types": "^2.0.0",
+        "@livequery/types": "^2.0.15",
         "@types/react": "^17.0.11",
-        "react": "^17.0.2",
-        "typescript": "5.5.2"
+        "typescript": "5.6.3"
     },
     "peerDependencies": {
-        "react": "^18.0.0"
+        "react": "^18.3.1"
     },
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",