@leancodepl/hook-pipe-client 8.4.0 → 8.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leancodepl/hook-pipe-client",
-  "version": "8.4.0",
+  "version": "8.5.0",
   "license": "Apache-2.0",
   "dependencies": {
     "@leancodepl/pipe": "^1.0.0",
@@ -10,16 +10,55 @@
     "react": "*",
     "rxjs": ">=7.0.0"
   },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/leancodepl/js_corelibrary.git",
+    "directory": "packages/pipe-clients/hook-pipe-client"
+  },
+  "homepage": "https://github.com/leancodepl/js_corelibrary",
+  "bugs": {
+    "url": "https://github.com/leancodepl/js_corelibrary/issues"
+  },
+  "description": "React hooks for real-time data streaming and subscriptions using @leancodepl/pipe",
+  "keywords": [
+    "react",
+    "hooks",
+    "real-time",
+    "streaming",
+    "websocket",
+    "signalr",
+    "leanpipe",
+    "typescript",
+    "javascript",
+    "leancode"
+  ],
+  "author": {
+    "name": "LeanCode",
+    "url": "https://leancode.co"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "sideEffects": false,
   "exports": {
     "./package.json": "./package.json",
     ".": {
       "module": "./index.esm.js",
-      "types": "./index.esm.d.ts",
+      "types": "./index.d.ts",
       "import": "./index.cjs.mjs",
       "default": "./index.cjs.js"
     }
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",
-  "types": "./index.esm.d.ts"
+  "types": "./index.d.ts"
 }

package/index.cjs.d.ts

@@ -1 +0,0 @@
-export * from "./src/index";

package/index.cjs.default.js

@@ -1 +0,0 @@
-exports._default = require('./index.cjs.js').default;

package/index.cjs.js

@@ -1,39 +0,0 @@
-'use strict';
-
-var react = require('react');
-var deepEqual = require('deep-equal');
-var rxjs = require('rxjs');
-
-function mkPipeClient({ pipe }) {
-    return {
-        createTopic (topicType) {
-            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(memoizedTopic.current, topic)) {
-                    memoizedTopic.current = topic;
-                }
-                react.useEffect(()=>{
-                    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
-                }, [
-                    memoizedTopic.current
-                ]);
-                return {
-                    data
-                };
-            }
-            useTopic.topic = (topic)=>pipe.topic(topicType, topic);
-            return useTopic;
-        }
-    };
-}
-
-exports.mkPipeClient = mkPipeClient;

package/index.cjs.mjs

@@ -1,2 +0,0 @@
-export * from './index.cjs.js';
-export { _default as default } from './index.cjs.default.js';

package/index.esm.d.ts

@@ -1 +0,0 @@
-export * from "./src/index";

package/index.esm.js

@@ -1,37 +0,0 @@
-import { useState, useRef, useEffect } from 'react';
-import deepEqual from 'deep-equal';
-import { share } from 'rxjs';
-
-function mkPipeClient({ pipe }) {
-    return {
-        createTopic (topicType) {
-            function useTopic(topic, { onData }) {
-                const [data, setData] = useState();
-                const onDataRef = useRef(onData);
-                onDataRef.current = onData;
-                const memoizedTopic = useRef();
-                if (memoizedTopic.current === undefined || !deepEqual(memoizedTopic.current, topic)) {
-                    memoizedTopic.current = topic;
-                }
-                useEffect(()=>{
-                    const topic$ = pipe.topic(topicType, memoizedTopic.current).pipe(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
-                }, [
-                    memoizedTopic.current
-                ]);
-                return {
-                    data
-                };
-            }
-            useTopic.topic = (topic)=>pipe.topic(topicType, topic);
-            return useTopic;
-        }
-    };
-}
-
-export { mkPipeClient };

package/src/index.d.ts

@@ -1 +0,0 @@
-export * from "./lib/mkPipeClient";

package/src/lib/mkPipeClient.d.ts

@@ -1,14 +0,0 @@
-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;
-        };
-        topic(topic: TTopic): import("rxjs").Observable<NotificationsUnion<TNotifications>>;
-    };
-};
-export type UseSubscriptionOptions<TNotifications extends Record<string, unknown>> = {
-    onData?: (data: NotificationsUnion<TNotifications>) => void;
-};