Diligent web site
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

jquery.tweet.js 14KB

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