1// jquery.tweet.js - See http://tweet.seaofclouds.com/ or https://github.com/seaofclouds/tweet for more info 2// Copyright (c) 2008-2011 Todd Matthews & Steve Purcell 3(function (factory) { 4 if (typeof define === 'function' && define.amd) 5 define(['jquery'], factory); // AMD support for RequireJS etc. 6 else 7 factory(jQuery); 8}(function ($) { 9 $.fn.tweet = function(o){ 10 var s = $.extend({ 11 username: null, // [string or array] required unless using the 'query' option; one or more twitter screen names (use 'list' option for multiple names, where possible) 12 list: null, // [string] optional name of list belonging to username 13 favorites: false, // [boolean] display the user's favorites instead of his tweets 14 query: null, // [string] optional search query (see also: http://search.twitter.com/operators) 15 avatar_size: null, // [integer] height and width of avatar if displayed (48px max) 16 count: 3, // [integer] how many tweets to display? 17 fetch: null, // [integer] how many tweets to fetch via the API (set this higher than 'count' if using the 'filter' option) 18 page: 1, // [integer] which page of results to fetch (if count != fetch, you'll get unexpected results) 19 retweets: true, // [boolean] whether to fetch (official) retweets (not supported in all display modes) 20 intro_text: null, // [string] do you want text BEFORE your your tweets? 21 outro_text: null, // [string] do you want text AFTER your tweets? 22 join_text: null, // [string] optional text in between date and tweet, try setting to "auto" 23 auto_join_text_default: "i said,", // [string] auto text for non verb: "i said" bullocks 24 auto_join_text_ed: "i", // [string] auto text for past tense: "i" surfed 25 auto_join_text_ing: "i am", // [string] auto tense for present tense: "i was" surfing 26 auto_join_text_reply: "i replied to", // [string] auto tense for replies: "i replied to" @someone "with" 27 auto_join_text_url: "i was looking at", // [string] auto tense for urls: "i was looking at" http:... 28 loading_text: null, // [string] optional loading text, displayed while tweets load 29 refresh_interval: null , // [integer] optional number of seconds after which to reload tweets 30 twitter_url: "twitter.com", // [string] custom twitter url, if any (apigee, etc.) 31 twitter_api_url: "api.twitter.com", // [string] custom twitter api url, if any (apigee, etc.) 32 twitter_search_url: "search.twitter.com", // [string] custom twitter search url, if any (apigee, etc.) 33 template: "{avatar}{time}{join}{text}", // [string or function] template used to construct each tweet <li> - see code for available vars 34 comparator: function(tweet1, tweet2) { // [function] comparator used to sort tweets (see Array.sort) 35 return tweet2["tweet_time"] - tweet1["tweet_time"]; 36 }, 37 filter: function(tweet) { // [function] whether or not to include a particular tweet (be sure to also set 'fetch') 38 return true; 39 } 40 // You can attach callbacks to the following events using jQuery's standard .bind() mechanism: 41 // "loaded" -- triggered when tweets have been fetched and rendered 42 }, o); 43 44 // See http://daringfireball.net/2010/07/improved_regex_for_matching_urls 45 var url_regexp = /\b((?:[a-z][\w-]+:(?:\/{1,3}|[a-z0-9%])|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'".,<>?«»ââââ]))/gi; 46 47 // Expand values inside simple string templates with {placeholders} 48 function t(template, info) { 49 if (typeof template === "string") { 50 var result = template; 51 for(var key in info) { 52 var val = info[key]; 53 result = result.replace(new RegExp('{'+key+'}','g'), val === null ? '' : val); 54 } 55 return result; 56 } else return template(info); 57 } 58 // Export the t function for use when passing a function as the 'template' option 59 $.extend({tweet: {t: t}}); 60 61 function replacer (regex, replacement) { 62 return function() { 63 var returning = []; 64 this.each(function() { 65 returning.push(this.replace(regex, replacement)); 66 }); 67 return $(returning); 68 }; 69 } 70 71 function escapeHTML(s) { 72 return s.replace(/</g,"<").replace(/>/g,"^>"); 73 } 74 75 $.fn.extend({ 76 linkUser: replacer(/(^|[\W])@(\w+)/gi, "$1<span class=\"at\">@</span><a href=\"http://"+s.twitter_url+"/$2\">$2</a>"),
77 // Support various latin1 (\u00**) and arabic (\u06**) alphanumeric chars 78 linkHash: replacer(/(?:^| )[\#]+([\w\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u00ff\u0600-\u06ff]+)/gi, 79 ' <a href="http://'+s.twitter_search_url+'/search?q=&tag=$1&lang=all'+((s.username && s.username.length == 1 && !s.list) ? '&from='+s.username.join("%2BOR%2B") : '')+'" class="tweet_hashtag">#$1</a>'), 80 makeHeart: replacer(/(<)+[3]/gi, "<tt class='heart'>♥</tt>") 81 }); 82 83 function linkURLs(text, entities) { 84 return text.replace(url_regexp, function(match) { 85 var url = (/^[a-z]+:/i).test(match) ? match : "http://"+match; 86 var text = match; 87 for(var i = 0; i < entities.length; ++i) { 88 var entity = entities[i]; 89 if (entity.url == url && entity.expanded_url) { 90 url = entity.expanded_url; 91 text = entity.display_url; 92 break; 93 } 94 } 95 return "<a href=\""+escapeHTML(url)+"\">"+escapeHTML(text)+"</a>"; 96 }); 97 } 98 99 function parse_date(date_str) { 100 // The non-search twitter APIs return inconsistently-formatted dates, which Date.parse 101 // cannot handle in IE. We therefore perform the following transformation: 102 // "Wed Apr 29 08:53:31 +0000 2009" => "Wed, Apr 29 2009 08:53:31 +0000" 103 return Date.parse(date_str.replace(/^([a-z]{3})( [a-z]{3} \d\d?)(.*)( \d{4})$/i, '$1,$2$4$3')); 104 } 105 106 function relative_time(date) { 107 var relative_to = (arguments.length > 1) ? arguments[1] : new Date(); 108 var delta = parseInt((relative_to.getTime() - date) / 1000, 10); 109 var r = ''; 110 if (delta < 1) { 111 r = 'just now'; 112 } else if (delta < 60) { 113 r = delta + ' seconds ago'; 114 } else if(delta < 120) { 115 r = 'about a minute ago'; 116 } else if(delta < (45*60)) { 117 r = 'about ' + (parseInt(delta / 60, 10)).toString() + ' minutes ago'; 118 } else if(delta < (2*60*60)) { 119 r = 'about an hour ago'; 120 } else if(delta < (24*60*60)) { 121 r = 'about ' + (parseInt(delta / 3600, 10)).toString() + ' hours ago'; 122 } else if(delta < (48*60*60)) { 123 r = 'about a day ago'; 124 } else { 125 r = 'about ' + (parseInt(delta / 86400, 10)).toString() + ' days ago'; 126 } 127 return r; 128 } 129 130 function build_auto_join_text(text) { 131 if (text.match(/^(@([A-Za-z0-9-_]+)) .*/i)) { 132 return s.auto_join_text_reply; 133 } else if (text.match(url_regexp)) { 134 return s.auto_join_text_url; 135 } else if (text.match(/^((\w+ed)|just) .*/im)) { 136 return s.auto_join_text_ed; 137 } else if (text.match(/^(\w*ing) .*/i)) { 138 return s.auto_join_text_ing; 139 } else { 140 return s.auto_join_text_default; 141 } 142 } 143 144 function build_api_url() { 145 var proto = ('https:' == document.location.protocol ? 'https:' : 'http:'); 146 var count = (s.fetch === null) ? s.count : s.fetch; 147 var common_params = '&include_entities=1&callback=?'; 148 if (s.list) { 149 return proto+"//"+s.twitter_api_url+"/1/"+s.username[0]+"/lists/"+s.list+"/statuses.json?page="+s.page+"&per_page="+count+common_params; 150 } else if (s.favorites) { 151 return proto+"//"+s.twitter_api_url+"/favorites/"+s.username[0]+".json?page="+s.page+"&count="+count+common_params; 152 } else if (s.query === null && s.username.length == 1) { 153 return proto+'//'+s.twitter_api_url+'/1/statuses/user_timeline.json?screen_name='+s.username[0]+'&count='+count+(s.retweets ? '&include_rts=1' : '')+'&page='+s.page+common_params; 154 } else { 155 var query = (s.query || 'from:'+s.username.join(' OR from:')); 156 return proto+'//'+s.twitter_search_url+'/search.json?&q='+encodeURIComponent(query)+'&rpp='+count+'&page='+s.page+common_params; 157 } 158 } 159 160 function extract_avatar_url(item, secure) { 161 if (secure) { 162 return ('user' in item) ? 163 item.user.profile_image_url_https : 164 extract_avatar_url(item, false). 165 replace(/^http:\/\/[a-z0-9]{1,3}\.twimg\.com\//, "https://s3.amazonaws.com/twitter_production/"); 166 } else { 167 return item.profile_image_url || item.user.profile_image_url; 168 } 169 } 170 171 // Convert twitter API objects into data available for 172 // constructing each tweet <li> using a template 173 function extract_template_data(item){ 174 var o = {}; 175 o.item = item; 176 o.source = item.source; 177 o.screen_name = item.from_user || item.user.screen_name; 178 o.avatar_size = s.avatar_size; 179 o.avatar_url = extract_avatar_url(item, (document.location.protocol === 'https:')); 180 o.retweet = typeof(item.retweeted_status) != 'undefined'; 181 o.tweet_time = parse_date(item.created_at); 182 o.join_text = s.join_text == "auto" ? build_auto_join_text(item.text) : s.join_text; 183 o.tweet_id = item.id_str; 184 o.twitter_base = "http://"+s.twitter_url+"/"; 185 o.user_url = o.twitter_base+o.screen_name; 186 o.tweet_url = o.user_url+"/status/"+o.tweet_id; 187 o.reply_url = o.twitter_base+"intent/tweet?in_reply_to="+o.tweet_id; 188 o.retweet_url = o.twitter_base+"intent/retweet?tweet_id="+o.tweet_id; 189 o.favorite_url = o.twitter_base+"intent/favorite?tweet_id="+o.tweet_id; 190 o.retweeted_screen_name = o.retweet && item.retweeted_status.user.screen_name; 191 o.tweet_relative_time = relative_time(o.tweet_time); 192 o.entities = item.entities ? (item.entities.urls || []).concat(item.entities.media || []) : []; 193 o.tweet_raw_text = o.retweet ? ('RT @'+o.retweeted_screen_name+' '+item.retweeted_status.text) : item.text; // avoid '...' in long retweets 194 o.tweet_text = $([linkURLs(o.tweet_raw_text, o.entities)]).linkUser().linkHash()[0]; 195 o.tweet_text_fancy = $([o.tweet_text]).makeHeart()[0]; 196
197 // Default spans, and pre-formatted blocks for common layouts 198 o.user = t('<a class="tweet_user" href="{user_url}">{screen_name}</a>', o); 199 o.join = s.join_text ? t(' <span class="tweet_join">{join_text}</span> ', o) : ' '; 200 o.avatar = o.avatar_size ? 201 t('<a class="tweet_avatar" href="{user_url}"><img src="{avatar_url}" height="{avatar_size}" width="{avatar_size}" alt="{screen_name}\'s avatar" title="{screen_name}\'s avatar" border="0"/></a>', o) : ''; 202 o.time = t('<span class="tweet_time"><a href="{tweet_url}" title="view tweet on twitter">{tweet_relative_time}</a></span>', o); 203 o.text = t('<span class="tweet_text">{tweet_text_fancy}</span>', o); 204 o.reply_action = t('<a class="tweet_action tweet_reply" href="{reply_url}">Reply</a>', o); 205 o.retweet_action = t('<a class="tweet_action tweet_retweet" href="{retweet_url}">Retweet</a>', o); 206 o.favorite_action = t('<a class="tweet_action tweet_favorite" href="{favorite_url}">Favorite</a>', o); 207 return o; 208 } 209 210 return this.each(function(i, widget){ 211 var list = $('<ul class="tweet_list">'); 212 var intro = '<p class="tweet_intro">'+s.intro_text+'</p>'; 213 var outro = '<p class="tweet_outro">'+s.outro_text+'</p>'; 214 var loading = $('<p class="loading">'+s.loading_text+'</p>'); 215 216 if(s.username && typeof(s.username) == "string"){ 217 s.username = [s.username]; 218 } 219 220 $(widget).unbind("tweet:load").bind("tweet:load", function(){ 221 if (s.loading_text) $(widget).empty().append(loading); 222 $.getJSON(build_api_url(), function(data){ 223 $(widget).empty().append(list); 224 if (s.intro_text) list.before(intro); 225 list.empty(); 226 227 var tweets = $.map(data.results || data, extract_template_data); 228 tweets = $.grep(tweets, s.filter).sort(s.comparator).slice(0, s.count); 229 list.append($.map(tweets, function(o) { return "<li>" + t(s.template, o) + "</li>"; }).join('')). 230 children('li:first').addClass('tweet_first').end(). 231 children('li:odd').addClass('tweet_even').end(). 232 children('li:even').addClass('tweet_odd'); 233 234 if (s.outro_text) list.after(outro); 235 $(widget).trigger("loaded").trigger((tweets.length === 0 ? "empty" : "full")); 236 if (s.refresh_interval) { 237 window.setTimeout(function() { $(widget).trigger("tweet:load"); }, 1000 * s.refresh_interval); 238 } 239 }); 240 }).trigger("tweet:load"); 241 }); 242 }; 243}));
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.