Function useCopyLink

packages/shared/src/hooks/useCopy.ts:31–90

(
  getLink?: () => string,
  shorten = false,
)

  | ((props?: CopyNotifyFunctionProps) => Promise<void>);

export function useCopyLink(
  getLink?: () => string,
  shorten = false,
): [boolean, CopyNotifyFunction] {
  const [copying, setCopying] = useState(false);
  const { displayToast } = useToastNotification();
  const { getShortUrl } = useGetShortUrl();

  const copy: CopyNotifyFunction = async (props = {}) => {
    // getLink is optional: useCopyPostLink omits it when the link is only
    // known at press time, and those callers pass it in props instead.
    const link = props.link || getLink?.();
    const shortenLink = props.shorten || shorten;
    const format = props.format || ((value: string) => value);

    if (link) {
      try {
        // write the link to clipboard
        await navigator.clipboard.writeText(format(link));
      } catch {
        displayToast(blockedMessage, { variant: ToastType.Error });

        return;
      }

      // try with a shortened link as well, if requested
      if (shortenLink) {
        try {
          const clipBoardItem = new ClipboardItem({
            // A promise, not an awaited value: awaiting the shortener first
            // would end the task that handled the gesture, and Safari refuses
            // the write after that.
            'text/plain': getShortUrl(link, props.cid).then((shortenedLink) => {
              return new Blob([format(shortenedLink)], { type: 'text/plain' });
            }),
          });
          await navigator.clipboard.write([clipBoardItem]);
        } catch (e) {
          // eslint-disable-next-line no-console
          console.warn('Error copying to clipboard', e);
        }
      }

      if (!props.disableToast) {
        displayToast(props.message || defaultLinkMessage, props);
      }
    } else {
      displayToast(noLinkErrorMessage, { variant: ToastType.Error });

      return;
    }

    setCopying(true);
    setTimeout(() => {
      setCopying(false);
    }, 1000);
  };