44 lines
1.3 KiB
Plaintext
44 lines
1.3 KiB
Plaintext
// src/index.ts
|
|
import { useCallback, useState } from "react";
|
|
var transformValue = (text) => {
|
|
return text.replace(/[\u00A0]/g, " ");
|
|
};
|
|
function useClipboard({ timeout = 2e3 } = {}) {
|
|
const [error, setError] = useState(null);
|
|
const [copied, setCopied] = useState(false);
|
|
const [copyTimeout, setCopyTimeout] = useState(null);
|
|
const onClearTimeout = useCallback(() => {
|
|
if (copyTimeout) {
|
|
clearTimeout(copyTimeout);
|
|
}
|
|
}, [copyTimeout]);
|
|
const handleCopyResult = useCallback(
|
|
(value) => {
|
|
onClearTimeout();
|
|
setCopyTimeout(setTimeout(() => setCopied(false), timeout));
|
|
setCopied(value);
|
|
},
|
|
[onClearTimeout, timeout]
|
|
);
|
|
const copy = useCallback(
|
|
(valueToCopy) => {
|
|
if ("clipboard" in navigator) {
|
|
const transformedValue = typeof valueToCopy === "string" ? transformValue(valueToCopy) : valueToCopy;
|
|
navigator.clipboard.writeText(transformedValue).then(() => handleCopyResult(true)).catch((err) => setError(err));
|
|
} else {
|
|
setError(new Error("useClipboard: navigator.clipboard is not supported"));
|
|
}
|
|
},
|
|
[handleCopyResult]
|
|
);
|
|
const reset = useCallback(() => {
|
|
setCopied(false);
|
|
setError(null);
|
|
onClearTimeout();
|
|
}, [onClearTimeout]);
|
|
return { copy, reset, error, copied };
|
|
}
|
|
export {
|
|
useClipboard
|
|
};
|