Function twitter

3p/twitter.js:36–119

(global, data)

 * @param {!Object} data
 */
export function twitter(global, data) {
  const tweet = global.document.createElement('div');
  tweet.id = 'tweet';
  setStyles(tweet, {
    width: '100%',
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
  });
  global.document.getElementById('c').appendChild(tweet);
  getTwttr(global, function (twttr) {
    // Dimensions are given by the parent frame.
    delete data.width;
    delete data.height;

    if (data.tweetid) {
      twttr.widgets
        .createTweet(cleanupTweetId_(data.tweetid), tweet, data)
        ./*OK*/ then((el) => tweetCreated(twttr, el));
    } else if (data.momentid) {
      twttr.widgets
        .createMoment(data.momentid, tweet, data)
        ./*OK*/ then((el) => tweetCreated(twttr, el));
    } else if (data.timelineSourceType) {
      // Extract properties starting with 'timeline'.
      const timelineData = Object.keys(data)
        .filter((prop) => prop.startsWith('timeline'))
        .reduce((newData, prop) => {
          newData[stripPrefixCamelCase(prop, 'timeline')] = data[prop];
          return newData;
        }, {});
      twttr.widgets
        .createTimeline(timelineData, tweet, data)
        ./*OK*/ then((el) => tweetCreated(twttr, el));
    }
  });

  /**
   * Handles a tweet or moment being created, resizing as necessary.
   * @param {!Object} twttr
   * @param {?Element} el
   */
  function tweetCreated(twttr, el) {
    if (!el) {
      global.context.noContentAvailable();
      return;
    }

    resize(/** @type {!Element} */ (el));
    twttr.events.bind('resize', (event) => {
      // To be safe, make sure the resize event was triggered for the widget we
      // created below.
      if (el === event.target) {
        resize(/** @type {!Element} */ (el));
      }
    });
  }