@livequery/react 2.0.7 → 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/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.7",
+    "version": "2.0.15",
     "description": "",
     "main": "build/index.js",
     "types": "build/index.d.ts",
@@ -12,11 +12,11 @@
         "build/**/*"
     ],
     "dependencies": {
-        "@livequery/client": "^2.0.7",
+        "@livequery/client": "^2.0.15",
         "rxjs": "^7.8.1"
     },
     "devDependencies": {
-        "@livequery/types": "^2.0.7",
+        "@livequery/types": "^2.0.15",
         "@types/react": "^17.0.11",
         "typescript": "5.6.3"
     },