Ember Twitter Sharing Button Component

example.hbs

Tweet it!

{{twitter-button data-text=twitterText data-url=twitterUrl}}

twitter-button-component.js

/* global twittr */

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'a',
  classNames: 'twitter-share-button',
  attributeBindings: ['data-size', 'data-url', 'data-text', 'data-hashtags'],

  /**
    Twitter must reinitialize after content is rendered.

    https://dev.twitter.com/web/javascript/initialization
   */
  loadWidgets: function() {
    window.twttr.widgets.load(this.get('element'));
  }.on('didInsertElement')
});

twitter-initializer.js

import config from 'app/config/environment';

export default {
  name: 'twitter',

  initialize: function(container, application) {
    Ember.debug('Initializing twitter widgets')
    window.twttr = (function (d, s, id) {
      var t, js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "https://platform.twitter.com/widgets.js";
      fjs.parentNode.insertBefore(js, fjs);
      return window.twttr || (t = { _e: [], ready: function (f) { t._e.push(f) } });
    }(document, "script", "twitter-wjs"));
  }
};