Merge pull request #22 from ecency/use-replace

Replace use functions

lib/nostr/core/keys-query.ts

@@ -1,10 +1,9 @@
 import { useQueries } from "@tanstack/react-query";
-import { EncryptionTools } from "../../utils";
+import { EncryptionTools, useMount } from "../../utils";
 import { useContext, useMemo } from "react";
 import { NostrQueries } from "../queries";
 import { ChatContext } from "../../chat-context-provider";
 import { useGetKeysQuery } from "../../api";
-import { useMount } from "react-use";
 
 export function useKeysQuery() {
   const { activeUsername, activeUserData } = useContext(ChatContext);

lib/nostr/core/use-live-listener.ts

@@ -1,7 +1,7 @@
 import { Event, Filter } from "nostr-tools";
 import { useContext, useEffect, useRef } from "react";
 import { NostrContext } from "../nostr-context";
-import { useTimeoutFn } from "react-use";
+import { useTimeoutFn } from "../../utils";
 
 export function useLiveListener<DATA extends object>(
   filters: Filter[],

lib/utils/index.ts

@@ -13,3 +13,6 @@ export * from "./get-relative-date";
 export * from "./encryption-tools";
 export * from "./is-single-emoji";
 export * from "./is-community";
+export * from "./useEffectOnce";
+export * from "./useMount";
+export * from "./useTimeoutFn";

lib/utils/useEffectOnce.ts

@@ -0,0 +1,5 @@
+import { EffectCallback, useEffect } from 'react';
+
+export const useEffectOnce = (effect: EffectCallback) => {
+    useEffect(effect, []);
+};

lib/utils/useMount.ts

@@ -0,0 +1,7 @@
+import useEffectOnce from './useEffectOnce';
+
+export const useMount = (fn: () => void) => {
+    useEffectOnce(() => {
+        fn();
+    });
+};

lib/utils/useTimeoutFn.ts

@@ -0,0 +1,40 @@
+import { useCallback, useEffect, useRef } from 'react';
+
+export type UseTimeoutFnReturn = [() => boolean | null, () => void, () => void];
+
+export const useTimeoutFn = (fn: Function, ms: number = 0): UseTimeoutFnReturn => {
+    const ready = useRef<boolean | null>(false);
+    const timeout = useRef<ReturnType<typeof setTimeout>>();
+    const callback = useRef(fn);
+
+    const isReady = useCallback(() => ready.current, []);
+
+    const set = useCallback(() => {
+        ready.current = false;
+        timeout.current && clearTimeout(timeout.current);
+
+        timeout.current = setTimeout(() => {
+            ready.current = true;
+            callback.current();
+        }, ms);
+    }, [ms]);
+
+    const clear = useCallback(() => {
+        ready.current = null;
+        timeout.current && clearTimeout(timeout.current);
+    }, []);
+
+    // update ref when function changes
+    useEffect(() => {
+        callback.current = fn;
+    }, [fn]);
+
+    // set on mount, clear on unmount
+    useEffect(() => {
+        set();
+
+        return clear;
+    }, [ms]);
+
+    return [isReady, clear, set];
+}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ecency/ns-query",
   "description": "React-query based Nostr protocol SDK for Ecency vision and mobile",
-  "version": "1.1.9",
+  "version": "1.2.0",
   "repository": "https://github.com/ecency/ns-query",
   "author": "ildar.timerbaev <dkildar@gmail.com>",
   "license": "MIT",
@@ -26,16 +26,14 @@
     "@tanstack/react-query": "^4.29.7",
     "axios": "^0.21.2",
     "date-fns": "^2.30.0",
-    "react": "^16.8.6",
-    "react-use": "^17.4.1"
+    "react": "^16.8.6"
   },
   "dependencies": {
     "@tanstack/react-query": "^4.29.7",
     "axios": "^0.21.2",
     "date-fns": "^2.30.0",
     "nostr-tools": "^1.17.0",
-    "react": "^16.8.6",
-    "react-use": "^17.4.1"
+    "react": "^16.8.6"
   },
   "scripts": {
     "build": "rimraf dist & tsc & vite build",

vite.config.js

@@ -20,7 +20,6 @@ export default defineConfig({
         "react/jsx-runtime",
         "@tanstack/react-query",
         "date-fns",
-        "react-use",
         "crypto",
       ],
     },