Example Copy to Clipboard with Typescript

clipboard.ts

// https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard

/**
 * Interface CopyToClipboard params
 */
interface ICopyToClipboard {
  /** HTML reference identifier ```<div id="foo"></div>```  */
  target?: string;
  /** String value */
  value?: string;
  /** (Optional) message to display in snackbar on success */
  message?: string;
}

export const copyToClipboard = async ({ target, message, value }: ICopyToClipboard) => {
  try {
    let copyValue = "";

    if (!navigator.clipboard) {
      throw new Error("Browser don't have support for native clipboard.");
    }

    if (target) {
      const node = document.querySelector(target);

      if (!node || !node.textContent) {
        throw new Error("Element not found");
      }

      value = node.textContent;
    }

    if (value) {
      copyValue = value;
    }

    await navigator.clipboard.writeText(copyValue);
    console.log(message ?? "Copied!!!");
  } catch (err) {
    if (err instanceof Error) {
      // ✅ TypeScript knows err is Error
      console.error(err.message);
    } else {
      console.error('Unexpected error', err);
    }
  }
};