@@ -19,6 +19,7 @@ <span id="statusCount">140</span> <label for="status">Status:</label> <textarea name="status" rows="3" cols="52"></textarea> + <input type="hidden" id="in_reply_to_status_id" value="" /> <input type="submit" value="Tweet"> </form> <p id="about"><a href="http://github.com/jchris/couchdb-twitter-client/tree/master">CouchDB Twitter Client</a>: another 24 hour hack by <a href="http:/jchris.mfdz.com/">J Chris Anderson</a>.</p> @@ -118,8 +119,12 @@ $('#updateStatus').submit(function(e) { e.preventDefault(); var status = $('#updateStatus textarea').val(); - tw.updateStatus(status); + var in_reply_to = $('#updateStatus #in_reply_to_status_id').val(); + tw.updateStatus(status, in_reply_to); + + $('#updateStatus #in_reply_to_status_id').val(''); $('#updateStatus textarea').val(''); + updateCount(); setTimeout(function() { tw.friendsTimeline(renderAllTweets, true); @@ -134,4 +139,4 @@ updateCount(); }); </script> -</html> \ No newline at end of file +</html> _attachments/index.html @@ -44,18 +44,18 @@ function TwitterCouch(db, design, callback) { } }); }; - + //// WORD CLOUD - // words are displayed at a size that is a function of the global set of words, - // compared with the user's most-used words. all this stuff with callbacks here - // is to do with that. + // words are displayed at a size that is a function of the global set of words, + // compared with the user's most-used words. all this stuff with callbacks here + // is to do with that. // // query plan // for each word, what's the chance of user using it? (times said / total words) // for each word, what's the chance of anyone using it? // (ever said / total recorded words) // subtract global ratio from user ratio - + // global word count var gWC = null; function buildGWC(cb) { @@ -78,7 +78,7 @@ function TwitterCouch(db, design, callback) { for (var i=0; i < view.rows.length; i++) { var row = view.rows[i]; if (row.value > 4) { - gWC[row.key] = (row.value / tWords) * multpl; + gWC[row.key] = (row.value / tWords) * multpl; } }; db.saveDoc({ @@ -91,7 +91,7 @@ function TwitterCouch(db, design, callback) { } }); }; - + function globalWordCloud(cb) { if (gWC) { cb(gWC) @@ -105,7 +105,7 @@ function TwitterCouch(db, design, callback) { }}); } }; - + // user word count // words the user uses more than other people do, will have the highest scores. function calcUserWordCloud(userid, cb) { @@ -116,19 +116,19 @@ function TwitterCouch(db, design, callback) { }); }); }; - + function userTotalWords(userid, cb) { design.view('userWordCloud', { - reduce: true, + reduce: true, startkey : [userid], endkey : [userid,{}], group_level : 1, success : function(data) { cb(data.rows[0].value); - } + } }) }; - + function viewUserWordCloud(userid, gCloud, cb) { userTotalWords(userid, function(uTotal) { design.view('userWordCloud', { @@ -143,7 +143,7 @@ function TwitterCouch(db, design, callback) { } var maxPerc = max / uTotal; var multpl = 100 / maxPerc; - + $.each(data.rows, function(i,row) { var uProb = (row.value / uTotal) * multpl; var gProb = gCloud[row.key[1]] || 0; @@ -157,7 +157,7 @@ function TwitterCouch(db, design, callback) { }); }); }; - + // twitter api core function apiCallProceed(force) { var previousCall = $.cookies.get('twitter-last-call'); @@ -198,10 +198,10 @@ function TwitterCouch(db, design, callback) { if (hasUserInfo) return; alert("There seems to have been a problem getting your logged in twitter info. Please log into Twitter via twitter.com, and then return to this page.") },2000); - cheapJSONP("http://"+host+"/statuses/user_timeline.json?limit=1&callback=userInfo"); + cheapJSONP("http://"+host+"/statuses/user_timeline.json?limit=1&callback=userInfo"); } }; - + // a user's recent tweets function getUserTimeline(userid, cb) { getJSON("/statuses/user_timeline/"+userid, {limit:200}, function(tweets) { @@ -212,7 +212,7 @@ function TwitterCouch(db, design, callback) { db.saveDoc(doc, {success:cb}); }); }; - + // timeline for the logged in user function getFriendsTimeline(cb, opts) { getJSON("/statuses/friends_timeline", opts, function(tweets) { @@ -226,9 +226,9 @@ function TwitterCouch(db, design, callback) { viewFriendsTimeline(currentTwitterID, cb); }}); } // we'd need an else here if the timeline wasn't already displayed - }); + }); }; - + //// search function searchToTweet(r, term) { return { @@ -243,7 +243,7 @@ function TwitterCouch(db, design, callback) { id : r.id } }; - + function viewSearchResults(term, cb) { design.view('searchResults',{ startkey : [term,{}], @@ -256,7 +256,7 @@ function TwitterCouch(db, design, callback) { } }); }; - + function getSearchResults(term, since_id, cb) { $.getJSON("http://search.twitter.com/search.json?callback=?", {q:term, since_id:since_id}, function(json) { var tweets = $.map(json.results,function(t) { @@ -275,11 +275,11 @@ function TwitterCouch(db, design, callback) { viewSearchResults(term, cb); }}); } else { - viewSearchResults(term, cb); + viewSearchResults(term, cb); } - }); + }); }; - + var publicMethods = { friendsTimeline : function(cb, force) { viewFriendsTimeline(currentTwitterID, function(storedTweets) { @@ -311,10 +311,10 @@ function TwitterCouch(db, design, callback) { } }); }, - updateStatus : function(status) { - // todo in_reply_to_status_id - $.xdom.post('http://twitter.com/statuses/update.xml',{ - status:status, source:"couchdbtwitterc"}); + updateStatus : function(status, in_reply_to) { + var data = { status:status, source:"couchdbtwitterc" }; + if (in_reply_to) data.in_reply_to_status_id = in_reply_to; + $.xdom.post('http://twitter.com/statuses/update.xml', data); }, userInfo : function(userid, cb) { userid = parseInt(userid); @@ -351,13 +351,13 @@ function TwitterCouch(db, design, callback) { success : function(doc) { cb(doc); }, - error : function() { + error : function() { cb({"_id" : docid, searches : []}); } }); } }; - + // init App, run callback getTwitterID(callback); }; _attachments/twitter-couch.js @@ -9,7 +9,7 @@ RegExp.escape = function(text) { ); } return text.replace(arguments.callee.sRE, '\\$1'); -} +}; function TwitterRender(tw) { function prettyDate(time){ @@ -31,7 +31,7 @@ function TwitterRender(tw) { day_diff < 730 && Math.ceil( day_diff / 31 ) + " months ago" || Math.ceil( day_diff / 365 ) + " years ago"; }; - + function linkify(body, term) { // this is almost reliable... // if (term) { @@ -48,16 +48,16 @@ function TwitterRender(tw) { return '<a target="_blank" href="http://search.twitter.com/search?q='+encodeURIComponent(term)+'">'+word+'</a>'; }); }; - + function a(href, text, cls, xtr) { - return '<a target="_blank" '+(cls?'class="'+cls+'"':'')+' href="'+href+'" '+(xtr||'')+'>'+text+'</a>' + return '<a target="_blank" '+(cls?'class="'+cls+'"':'')+' href="'+href+'" '+(xtr||'')+'>'+text+'</a>'; }; - + function tweetUserDetails() { var li = $(this).parent('li'); var userid = li.find('h3').attr('class'); // todo use a local hash to get userid from screen_name if we have it - if (userid && userid != 'undefined') { + if (userid && userid != 'undefined') { tw.userInfo(userid, function(user) { li.append('<div class="user-details"><dl><dt>Location:</dt><dd>' + user.location @@ -80,23 +80,23 @@ function TwitterRender(tw) { }); } }; - + function deHex(st) { return parseInt(st, 16); }; - + function toColor(r,g,b) { return 'rgb('+r+', '+g+', '+b+')'; }; - + function colorForWord(word, dim) { var key = word.toString() + dim.toString(); if (colorCache[key]) { - return colorCache[key] + return colorCache[key]; } - + var color = hex_md4(word).substring(0,6); - + var rgb = [(color.substring(0,2)),(color.substring(2,4)),(color.substring(4,6))]; for (var i=0; i < rgb.length; i++) { rgb[i] = Math.floor((deHex(rgb[i])) / dim); @@ -104,12 +104,22 @@ function TwitterRender(tw) { colorCache[key] = toColor(rgb[0], rgb[1], rgb[2]); return colorCache[key]; } - + + function tweetReply(e) { + e.preventDefault(); + var tweet = $(this).data('tweet'); + var form = $('#updateStatus'); + form.find('#in_reply_to_user_id').val(tweet.user.id); + form.find('#in_reply_to_screen_name').val(tweet.user.screen_name); + form.find('#in_reply_to_status_id').val(tweet.id); + form.find('textarea').val('@' + tweet.user.screen_name + ' ')[0].focus(); + } + var colorCache = {}; - + var publicMethods = { renderTimeline : function(tweets, userid) { - $("#tweets ul").html($.map(tweets, function(tweet) { + var timeline = $.each(tweets, function(i, tweet) { var cls = false, color, dim, bright; if (userid && tweet.in_reply_to_user_id && tweet.in_reply_to_user_id == userid) { cls = "reply"; @@ -119,7 +129,7 @@ function TwitterRender(tw) { dim = colorForWord(tweet.search, 3.5); bright = colorForWord(tweet.search, 1.5); } - return '<li'+(cls?' class="'+cls+'"':'') + var item = $('<li'+(cls?' class="'+cls+'"':'') + (color ? ' style="border:4px solid '+color+'; background:'+dim+';"' : '') + '><img title="Click for details" class="profile" src="' + tweet.user.profile_image_url + '" />' @@ -130,11 +140,16 @@ function TwitterRender(tw) { + tweet.user.name +'</a></h3>' + '<p>'+linkify(tweet.text) + '</p>' + + '<span class="reply_to">' + + a('#', 'reply') + + '</span>' + ' <span class="created_at">' - + a('http://twitter.com/'+tweet.user.screen_name+'/status/'+tweet.id, prettyDate(tweet.created_at)) + + a('http://twitter.com/'+tweet.user.screen_name+'/status/'+tweet.id, prettyDate(tweet.created_at)) + (tweet.source?' via ' + tweet.source:'') - + '</span><br class="clear"/></li>'; - }).join('')); + + '</span><br class="clear"/></li>'); + item.find(".reply_to a").data('tweet', tweet).click(tweetReply); + $("#tweets ul").append(item); + }); $("#tweets ul .created_at a").attr("target","_blank"); $("#tweets img.profile").click(tweetUserDetails); } _attachments/twitter-render.js dc898822694afe386db1adbcb1bd482151069b3f Paul Bonser pib@paulbonser.com http://github.com/pib/couchdb-twitter-client/commit/cdca9f3485524dd0a4b1f9f6b011212009be866a cdca9f3485524dd0a4b1f9f6b011212009be866a 2009-04-29T16:31:00-07:00 2009-04-29T16:31:00-07:00 add reply option and in-reply-to param to twitter b22ad1ea4e7ab87154328bbe7d6fc25e4ece1ff2 Paul Bonser pib@paulbonser.com