sqliteviz/src/lib/utils/clipboardIo.js

import Lib from 'plotly.js/src/lib'
import dataUrlToBlob from 'dataurl-to-blob'

export default {
  async copyText(str, notifyMessage) {
    await navigator.clipboard.writeText(str)
    if (notifyMessage) {
      Lib.notifier(notifyMessage, 'long')
    }
  },

  async copyImage(source) {
    if (source instanceof HTMLCanvasElement) {
      return this._copyCanvas(source)
    } else {
      return this._copyFromDataUrl(source)
    }
  },

  async _copyBlob(blob) {
    await navigator.clipboard.write([
      new ClipboardItem({
        // eslint-disable-line no-undef
        [blob.type]: blob
      })
    ])
  },

  async _copyFromDataUrl(url) {
    const blob = dataUrlToBlob(url)
    await this._copyBlob(blob)
    Lib.notifier('Image copied to clipboard successfully', 'long')
  },

  async _copyCanvas(canvas) {
    canvas.toBlob(
      async blob => {
        await this._copyBlob(blob)
        Lib.notifier('Image copied to clipboard successfully', 'long')
      },
      'image/png',
      1
    )
  }
}