@leancodepl/hook-pipe-client 9.7.0 → 9.7.1

package/README.md

@@ -22,6 +22,15 @@ Creates React hooks for real-time data subscriptions using @leancodepl/pipe.
 
 **Returns:** Object containing `createTopic` method for creating typed hooks
 
+### `UseSubscriptionOptions<TNotifications>`
+
+Options for topic subscription hooks.
+
+**Properties:**
+
+- `[NotificationType]?: (data: NotificationData) => void` - Type-specific handlers for each notification type
+- `onData?: (data: NotificationsUnion<TNotifications>) => void` - Callback for all notifications
+
 ## Usage Examples
 
 ### Basic Setup
@@ -63,6 +72,10 @@ function ChatRoom({ roomId }: { roomId: string }) {
   const { data } = useChatTopic(
     { roomId },
     {
+      MessageReceived: (data) => {
+        setMessages(prev => [...prev, data.content]);
+      },
+      // or
       onData: (notification) => {
         if (notification.type === 'MessageReceived') {
           setMessages(prev => [...prev, notification.data.content]);
@@ -104,6 +117,13 @@ function Dashboard() {
   useMetricsTopic(
     { dashboardId: 'main' },
     {
+      CpuUpdate: (data) => {
+        setCpu(data.value);
+      },
+      MemoryUpdate: (data) => {
+        setMemory(data.value);
+      }
+      // or
       onData: (notification) => {
         if (notification.type === 'CpuUpdate') {
           setCpu(notification.data.value);

package/index.cjs.js

@@ -4,6 +4,19 @@ var react = require('react');
 var deepEqual = require('deep-equal');
 var rxjs = require('rxjs');
 
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+
 /**
  * Creates React hooks for real-time data subscriptions using "@leancodepl/pipe".
  *
@@ -19,10 +32,15 @@ var rxjs = require('rxjs');
  */ function mkPipeClient({ pipe }) {
     return {
         createTopic (topicType) {
-            function useTopic(topic, { onData }) {
+            function useTopic(topic, _param) {
+                var { onData } = _param, onDataByType = _object_without_properties_loose(_param, [
+                    "onData"
+                ]);
                 const [data, setData] = react.useState();
                 const onDataRef = react.useRef(onData);
+                const onDataByTypeRef = react.useRef(onDataByType);
                 onDataRef.current = onData;
+                onDataByTypeRef.current = onDataByType;
                 const memoizedTopic = react.useRef(null);
                 if (memoizedTopic.current === null || !deepEqual(memoizedTopic.current, topic)) {
                     memoizedTopic.current = topic;
@@ -30,8 +48,11 @@ var rxjs = require('rxjs');
                 react.useEffect(()=>{
                     const topic$ = pipe.topic(topicType, memoizedTopic.current).pipe(rxjs.share());
                     const subscription = topic$.subscribe((data)=>{
+                        var _onDataByTypeRef_current_type;
                         setData(data);
                         onDataRef.current == null ? void 0 : onDataRef.current.call(onDataRef, data);
+                        const [type, rawData] = data;
+                        (_onDataByTypeRef_current_type = onDataByTypeRef.current[type]) == null ? void 0 : _onDataByTypeRef_current_type.call(onDataByTypeRef.current, rawData);
                     });
                     return ()=>subscription.unsubscribe();
                 // eslint-disable-next-line react-hooks/exhaustive-deps

package/index.esm.js

@@ -2,6 +2,19 @@ import { useState, useRef, useEffect } from 'react';
 import deepEqual from 'deep-equal';
 import { share } from 'rxjs';
 
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+
 /**
  * Creates React hooks for real-time data subscriptions using "@leancodepl/pipe".
  *
@@ -17,10 +30,15 @@ import { share } from 'rxjs';
  */ function mkPipeClient({ pipe }) {
     return {
         createTopic (topicType) {
-            function useTopic(topic, { onData }) {
+            function useTopic(topic, _param) {
+                var { onData } = _param, onDataByType = _object_without_properties_loose(_param, [
+                    "onData"
+                ]);
                 const [data, setData] = useState();
                 const onDataRef = useRef(onData);
+                const onDataByTypeRef = useRef(onDataByType);
                 onDataRef.current = onData;
+                onDataByTypeRef.current = onDataByType;
                 const memoizedTopic = useRef(null);
                 if (memoizedTopic.current === null || !deepEqual(memoizedTopic.current, topic)) {
                     memoizedTopic.current = topic;
@@ -28,8 +46,11 @@ import { share } from 'rxjs';
                 useEffect(()=>{
                     const topic$ = pipe.topic(topicType, memoizedTopic.current).pipe(share());
                     const subscription = topic$.subscribe((data)=>{
+                        var _onDataByTypeRef_current_type;
                         setData(data);
                         onDataRef.current == null ? void 0 : onDataRef.current.call(onDataRef, data);
+                        const [type, rawData] = data;
+                        (_onDataByTypeRef_current_type = onDataByTypeRef.current[type]) == null ? void 0 : _onDataByTypeRef_current_type.call(onDataByTypeRef.current, rawData);
                     });
                     return ()=>subscription.unsubscribe();
                 // eslint-disable-next-line react-hooks/exhaustive-deps

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leancodepl/hook-pipe-client",
-  "version": "9.7.0",
+  "version": "9.7.1",
   "license": "Apache-2.0",
   "dependencies": {
     "@leancodepl/pipe": "^1.0.0",

package/src/lib/mkPipeClient.d.ts

@@ -16,12 +16,14 @@ export declare function mkPipeClient({ pipe }: {
     pipe: Pipe;
 }): {
     createTopic<TTopic, TNotifications extends Record<string, unknown>>(topicType: string): {
-        (topic: TTopic, { onData }: UseSubscriptionOptions<TNotifications>): {
+        (topic: TTopic, { onData, ...onDataByType }: UseSubscriptionOptions<TNotifications>): {
             data: NotificationsUnion<TNotifications> | undefined;
         };
         topic(topic: TTopic): import("rxjs").Observable<NotificationsUnion<TNotifications>>;
     };
 };
 export type UseSubscriptionOptions<TNotifications extends Record<string, unknown>> = {
+    [K in NotificationsUnion<TNotifications>[0]]?: (data: Extract<NotificationsUnion<TNotifications>, [K, any]>[1]) => void;
+} & {
     onData?: (data: NotificationsUnion<TNotifications>) => void;
 };