Resources for the Ember.js workshop at Eurucamp 2013

html-helper.js

Ember.Handlebars.helper('html', function(tweet, options) {
  var replaceUrls = function(text, urlData) {
    var start = urlData.indices[0];
    var end   = urlData.indices[1];
    return text.slice(0, start) + '<a href="' + urlData.expanded_url + '">' + urlData.display_url + '</a>' + text.slice(end);
  }

  // Essentially there is no way to extract urls from RTs from the data Twitter provides
  // so we might as well go simply matching urls in the text
  var text = tweet.get('text').replace(/\n/g, '<br />');
  var urlEntities = tweet.get('entities.urls');

  var withUrls = text;
  urlEntities.forEach(function(urlData) {
    //FIXME: This breaks when there are multiple urls
    withUrls = replaceUrls(text, urlData);
  });

  var mediaEntities = tweet.get('entities.media') || [];
  mediaEntities.forEach(function(urlData) {
    withUrls = replaceUrls(withUrls, urlData);
  });

  return new Handlebars.SafeString(withUrls);
});

resources.md

Resources for the example app during the workshop

Repository

https://github.com/balinterdi/ember-twitter

Environment variables

export EMBER_TWITTER_CONSUMER_KEY=nndj4VIKKWNHw66tTuOg
export EMBER_TWITTER_CONSUMER_SECRET=PEpWCKKMC1M4LYVN4nCa9BJOKys5NBBK3afhKqRNw8

Data (Persistence) libraries

• Ember Persistence Framework
• Ember Model
• Ember Data. Repository and Walkthrough

Email list

There is an email list to receive updates on the Eurucamp example development and tips & best practices on Ember.js development. Sign up here

timelinelink-view.js

App.TimelineLinkView = Ember.View.extend({
  tagName: 'span',
  layout: Ember.Handlebars.compile('<a {{bindAttr href=view.link}}>{{yield}}</a>'),
  link: function() {
    return "#/user/timelines/" + this.get('name');
  }.property('name')
});