@leancodepl/hook-pipe-client 7.6.0 → 7.7.0

package/index.cjs.js

@@ -3,26 +3,41 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
+var deepEqual = require('deep-equal');
+var rxjs = require('rxjs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var deepEqual__default = /*#__PURE__*/_interopDefaultLegacy(deepEqual);
 
 function mkPipeClient({ pipe }) {
     return {
         createTopic (topicType) {
-            return (topic, { onData })=>{
+            function useTopic(topic, { onData }) {
                 const [data, setData] = react.useState();
+                const onDataRef = react.useRef(onData);
+                onDataRef.current = onData;
+                const memoizedTopic = react.useRef();
+                if (memoizedTopic.current === undefined || !deepEqual__default["default"](memoizedTopic.current, topic)) {
+                    memoizedTopic.current = topic;
+                }
                 react.useEffect(()=>{
-                    const subscription = pipe.topic(topicType, topic).subscribe((notification)=>{
-                        onData == null ? void 0 : onData(notification);
-                        setData(notification);
+                    const topic$ = pipe.topic(topicType, memoizedTopic.current).pipe(rxjs.share());
+                    const subscription = topic$.subscribe((data)=>{
+                        setData(data);
+                        onDataRef.current == null ? void 0 : onDataRef.current.call(onDataRef, data);
                     });
                     return ()=>subscription.unsubscribe();
+                // eslint-disable-next-line react-hooks/exhaustive-deps
                 }, [
-                    onData,
-                    topic
+                    memoizedTopic.current
                 ]);
                 return {
                     data
                 };
-            };
+            }
+            useTopic.topic = (topic)=>pipe.topic(topicType, topic);
+            return useTopic;
         }
     };
 }

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@leancodepl/hook-pipe-client",
-  "version": "7.6.0",
+  "version": "7.7.0",
   "dependencies": {
-    "@leancodepl/pipe": ">=0.0.2"
+    "@leancodepl/pipe": "^1.0.0",
+    "deep-equal": "^2.0.0"
+  },
+  "peerDependencies": {
+    "rxjs": ">=7.0.0"
   },
   "type": "commonjs",
   "main": "./index.cjs.js",

package/src/lib/mkPipeClient.d.ts

@@ -2,11 +2,13 @@ import { NotificationsUnion, Pipe } from "@leancodepl/pipe";
 export declare function mkPipeClient({ pipe }: {
     pipe: Pipe;
 }): {
-    createTopic<TTopic, TNotifications extends Record<string, unknown>>(topicType: string): (topic: TTopic, { onData }: UseSubscriptionOptions<TNotifications>) => {
-        data: NotificationsUnion<TNotifications> | undefined;
+    createTopic<TTopic, TNotifications extends Record<string, unknown>>(topicType: string): {
+        (topic: TTopic, { onData }: UseSubscriptionOptions<TNotifications>): {
+            data: NotificationsUnion<TNotifications> | undefined;
+        };
+        topic(topic: TTopic): import("rxjs").Observable<NotificationsUnion<TNotifications>>;
     };
 };
-type UseSubscriptionOptions<TNotifications extends Record<string, unknown>> = {
+export type UseSubscriptionOptions<TNotifications extends Record<string, unknown>> = {
     onData?: (data: NotificationsUnion<TNotifications>) => void;
 };
-export {};