yaak/src-web/hooks/useClipboardText.ts

import { clear, readText, writeText } from '@tauri-apps/plugin-clipboard-manager';
import { useCallback, useEffect } from 'react';
import { createGlobalState } from 'react-use';
import { useToast } from '../components/ToastContext';
import { useWindowFocus } from './useWindowFocus';

const useClipboardTextState = createGlobalState<string>('');

export function useClipboardText({ disableToast }: { disableToast?: boolean } = {}) {
  const [value, setValue] = useClipboardTextState();
  const focused = useWindowFocus();
  const toast = useToast();

  useEffect(() => {
    readText()
      .then(setValue)
      .catch(() => {
        // Clipboard probably empty
        setValue('');
      });
  }, [focused, setValue]);

  const setText = useCallback(
    (text: string | null) => {
      if (text == null) {
        clear().catch(console.error);
      } else {
        writeText(text).catch(console.error);
      }
      if (text != '' && !disableToast) {
        toast.show({
          id: 'copied',
          variant: 'copied',
          message: 'Copied to clipboard',
        });
      }
      setValue(text || '');
    },
    [disableToast, setValue, toast],
  );

  return [value, setText] as const;
}