@vezham/hooks 26.3.0 → 26.3.2

package/README.md

@@ -45,4 +45,7 @@ const CopyButton = ({ text }: { text: string }) => {
 
 Uses the Clipboard API when available and falls back to a temporary selection for
 restricted origins. The hook exposes the last copy result as `status`, `isCopied`,
-and `isUnavailable`.
+and `isUnavailable`. Successful feedback resets from `copied` to `idle` after
+two seconds; another successful copy restarts that delay. Failure feedback stays
+`unavailable` until a later copy succeeds. Pending results from older attempts
+cannot overwrite a newer result, and feedback timers are cleared on unmount.

package/dist/lib/use-copy-to-clipboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/use-copy-to-clipboard/index.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,QAAQ,GAAG,aAAa,CAAA;AAErE,eAAO,MAAM,kBAAkB;iBAES,MAAM;;;;CAiB7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/use-copy-to-clipboard/index.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,QAAQ,GAAG,aAAa,CAAA;AAErE,eAAO,MAAM,kBAAkB;iBAiBS,MAAM;;;;CA6B7C,CAAA"}

package/dist/lib/use-copy-to-clipboard/index.js

@@ -1,18 +1,37 @@
 import { writeClipboardText } from "./write-clipboard-text.js";
-import { useCallback, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 //#region src/lib/use-copy-to-clipboard/index.ts
 var useCopyToClipboard = () => {
 	const [status, setStatus] = useState("idle");
+	const resetTimer = useRef(void 0);
+	const latestCopy = useRef(0);
+	const mounted = useRef(false);
+	useEffect(() => {
+		mounted.current = true;
+		return () => {
+			mounted.current = false;
+			latestCopy.current += 1;
+			clearTimeout(resetTimer.current);
+		};
+	}, []);
 	return {
 		copy: useCallback(async (text) => {
+			const attempt = ++latestCopy.current;
+			let copied;
 			try {
 				await writeClipboardText(text);
-				setStatus("copied");
-				return true;
+				copied = true;
 			} catch {
-				setStatus("unavailable");
-				return false;
+				copied = false;
 			}
+			if (!mounted.current || attempt !== latestCopy.current) return copied;
+			clearTimeout(resetTimer.current);
+			setStatus(copied ? "copied" : "unavailable");
+			if (copied) resetTimer.current = setTimeout(() => {
+				resetTimer.current = void 0;
+				setStatus("idle");
+			}, 2e3);
+			return copied;
 		}, []),
 		status,
 		isCopied: status === "copied",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vezham/hooks",
-  "version": "26.3.0",
+  "version": "26.3.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vezham/vx-fe-pkgs.git",