clipboards.js

import Clipboard from '../lib/clipboard';
import Tooltip from '../lib/tooltip';

export default function init() {
  const clipboards = new Clipboard({
    nodes: document.queryAll('[data-clipboard]'),
    targets: document.queryAll('[data-clipboard-target]'),
  }).init();

  clipboards.each((instance) => {
    const tooltip = new Tooltip({
      node: instance.view.node,
      manual: true,
      label: 'Copied!',
    });

    instance.onCopy(() => {
      tooltip.show();
    });

    instance.onClear(() => {
      tooltip.hide();
    });
  });

  return clipboards;
}