import * as Clipboard from "clipboard";
import * as _ from "lodash";

export const initFb = () => {
  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "https://connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
}

export const initTwitter = () => {
  (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0],
      // @ts-ignore
      t = window.twttr || {};
    if (d.getElementById(id)) return t;
    js = d.createElement(s);
    js.id = id;
    js.src = "https://platform.twitter.com/widgets.js";
    fjs.parentNode.insertBefore(js, fjs);

    t._e = [];
    t.ready = function(f) {
      t._e.push(f);
    };

    return t;
  }(document, "script", "twitter-wjs"));
}

export const initCopy = (selector: string|HTMLElement, text: () => string, successFn?: () => void) => {
  const copy = new Clipboard(selector, {
    text: (trigger) => text(),
  });

  copy.on('success', () => {
    _.isFunction(successFn) && successFn();
  });

  copy.on('error', (e) => {
    // console.log(e);
  });
}