From d92d8658a54848c53d5f7082823cb9449be9fdd1 Mon Sep 17 00:00:00 2001 From: Thierry Poinot Date: Sun, 22 Apr 2012 12:45:45 +0200 Subject: [PATCH 1/2] refactoring zerobin js, adding JSDoc --- lib/zerobin.js | 508 +++++++++++++++++++++++++++++-------------------- 1 file changed, 303 insertions(+), 205 deletions(-) diff --git a/lib/zerobin.js b/lib/zerobin.js index 6b2b876..f0e560f 100644 --- a/lib/zerobin.js +++ b/lib/zerobin.js @@ -1,9 +1,19 @@ -/* ZeroBin 0.15 - http://sebsauvage.net/wiki/doku.php?id=php:zerobin */ +/** + * ZeroBin 0.15 + * + * @link http://sebsauvage.net/wiki/doku.php?id=php:zerobin + * @author sebsauvage + */ // Immediately start random number generator collector. sjcl.random.startCollectors(); -// Converts a duration (in seconds) into human readable format. +/** + * Converts a duration (in seconds) into human readable format. + * + * @param int seconds + * @return string + */ function secondsToHuman(seconds) { if (seconds<60) { var v=Math.floor(seconds); return v+' second'+((v>1)?'s':''); } @@ -13,217 +23,269 @@ function secondsToHuman(seconds) if (seconds<60*60*24*60) { var v=Math.floor(seconds/(60*60*24)); return v+' day'+((v>1)?'s':''); } var v=Math.floor(seconds/(60*60*24*30)); return v+' month'+((v>1)?'s':''); } -// Compress a message (deflate compression). Returns base64 encoded data. -function compress(message) { return Base64.toBase64(RawDeflate.deflate(Base64.utob(message))); } -// Decompress a message compressed with compress(). -function decompress(data) { return Base64.btou(RawDeflate.inflate(Base64.fromBase64(data))) } +/** + * Compress a message (deflate compression). Returns base64 encoded data. + * + * @param string message + * @return base64 string data + */ +function compress(message) { + return Base64.toBase64( RawDeflate.deflate( Base64.utob(message) ) ); +} -// Compress, then encrypt message with key. -function zeroCipher(key,message) -{ +/** + * Decompress a message compressed with compress(). + */ +function decompress(data) { + return Base64.btou( RawDeflate.inflate( Base64.fromBase64(data) ) ); +} + +/** + * Compress, then encrypt message with key. + * + * @param string key + * @param string message + * @return encrypted string data + */ +function zeroCipher(key, message) { return sjcl.encrypt(key,compress(message)); } -// Decrypt message with key, then decompress. -function zeroDecipher(key,data) -{ +/** + * Decrypt message with key, then decompress. + * + * @param key + * @param encrypted string data + * @return string readable message + */ +function zeroDecipher(key, data) { return decompress(sjcl.decrypt(key,data)); } -// Returns the current script location (without search or hash part of the URL). -// eg. http://server.com/zero/?aaaa#bbbb --> http://server.com/zero/ -function scriptLocation() -{ +/** + * @return the current script location (without search or hash part of the URL). + * eg. http://server.com/zero/?aaaa#bbbb --> http://server.com/zero/ + */ +function scriptLocation() { return window.location.href.substring(0,window.location.href.length -window.location.search.length -window.location.hash.length); } -// Returns the paste unique identifier from the URL -// eg. 'c05354954c49a487' -function pasteID() -{ +/** + * @return the paste unique identifier from the URL + * eg. 'c05354954c49a487' + */ +function pasteID() { return window.location.search.substring(1); } -// Set text of a DOM element (required for IE) -// This is equivalent to element.text(text) -// Input: element : a DOM element. -// text : the text to enter. -function setElementText(element,text) -{ - if ($('div#oldienotice').is(":visible")) // For IE<10. - { +/** + * Set text of a DOM element (required for IE) + * This is equivalent to element.text(text) + * @param object element : a DOM element. + * @param string text : the text to enter. + */ +function setElementText(element, text) { + // For IE<10. + if ($('div#oldienotice').is(":visible")) { // IE<10 do not support white-space:pre-wrap; so we have to do this BIG UGLY STINKING THING. element.text(text.replace(/\n/ig,'{BIG_UGLY_STINKING_THING__OH_GOD_I_HATE_IE}')); element.html(element.text().replace(/{BIG_UGLY_STINKING_THING__OH_GOD_I_HATE_IE}/ig,"\r\n
")); } - else // for other (sane) browsers: - { + // for other (sane) browsers: + else { element.text(text); } } -// Show decrypted text in the display area, including discussion (if open) -// Input: messages (Array) : Array of messages to display (items = array with keys ('data','meta') -// key (string): decryption key -function displayMessages(key,comments) -{ +/** + * Show decrypted text in the display area, including discussion (if open) + * + * @param string key : decryption key + * @param array comments : Array of messages to display (items = array with keys ('data','meta') + */ +function displayMessages(key, comments) { try { // Try to decrypt the paste. - var cleartext = zeroDecipher(key,comments[0].data); + var cleartext = zeroDecipher(key, comments[0].data); } catch(err) { $('div#cleartext').hide(); $('button#clonebutton').hide(); showError('Could not decrypt data (Wrong key ?)'); return; } - setElementText($('div#cleartext'),cleartext); + setElementText($('div#cleartext'), cleartext); urls2links($('div#cleartext')); // Convert URLs to clickable links. // Display paste expiration. if (comments[0].meta.expire_date) $('div#remainingtime').removeClass('foryoureyesonly').text('This document will expire in '+secondsToHuman(comments[0].meta.remaining_time)+'.').show(); - if (comments[0].meta.burnafterreading) - { + if (comments[0].meta.burnafterreading) { $('div#remainingtime').addClass('foryoureyesonly').text('FOR YOUR EYES ONLY. Don\'t close this window, this message can\'t be displayed again.').show(); $('button#clonebutton').hide(); // Discourage cloning (as it can't really be prevented). } // If the discussion is opened on this paste, display it. - if (comments[0].meta.opendiscussion) - { + if (comments[0].meta.opendiscussion) { $('div#comments').html(''); - for (var i = 1; i < comments.length; i++) // For each comment. - { + // For each comment. + for (var i = 1; i < comments.length; i++) { var comment=comments[i]; var cleartext="[Could not decrypt comment ; Wrong key ?]"; - try { cleartext = zeroDecipher(key,comment.data); } catch(err) { } + try { + cleartext = zeroDecipher(key, comment.data); + } catch(err) { } var place = $('div#comments'); // If parent comment exists, display below (CSS will automatically shift it right.) var cname = 'div#comment_'+comment.meta.parentid - if ($(cname).length) place = $(cname); // If the element exists in page - var divComment = $('
' - +'
' - +'' - +'
'); - setElementText(divComment.find('div.commentdata'),cleartext); - urls2links(divComment.find('div.commentdata')); // Convert URLs to clickable links in comment. + + // If the element exists in page + if ($(cname).length) { + place = $(cname); + } + var divComment = $('
' + + '
' + + '' + + '
'); + setElementText(divComment.find('div.commentdata'), cleartext); + // Convert URLs to clickable links in comment. + urls2links(divComment.find('div.commentdata')); divComment.find('span.nickname').html('(Anonymous)'); + // Try to get optional nickname: - try { divComment.find('span.nickname').text(zeroDecipher(key,comment.meta.nickname));} catch(err) { } - divComment.find('span.commentdate').text(' ('+(new Date(comment.meta.postdate*1000).toUTCString())+')').attr('title','CommentID: '+comment.meta.commentid); + try { + divComment.find('span.nickname').text(zeroDecipher(key, comment.meta.nickname)); + } catch(err) { } + divComment.find('span.commentdate').text(' ('+(new Date(comment.meta.postdate*1000).toUTCString())+')').attr('title','CommentID: ' + comment.meta.commentid); + // If an avatar is available, display it. - if (comment.meta.vizhash) - divComment.find('span.nickname').before(''); + if (comment.meta.vizhash) { + divComment.find('span.nickname').before(''); + } + place.append(divComment); } - $('div#comments').append('
'); + $('div#comments').append('
'); $('div#discussion').show(); } } -// Open the comment entry when clicking the "Reply" button of a comment. -// source = element which emitted the event. -// commentid = identifier of the comment we want to reply to. -function open_reply(source,commentid) -{ +/** + * Open the comment entry when clicking the "Reply" button of a comment. + * @param object source : element which emitted the event. + * @param string commentid = identifier of the comment we want to reply to. + */ +function open_reply(source, commentid) { $('div.reply').remove(); // Remove any other reply area. source.after('
' - +'' - +'' - +'
' - +'
 
' - +'
'); + + '' + + '' + + '
' + + '
 
' + + ''); $('input#nickname').focus(function() { - $(this).css('color', '#000'); - if($(this).val()==$(this).attr('title')) $(this).val(''); - }); + $(this).css('color', '#000'); + if ($(this).val() == $(this).attr('title')) { + $(this).val(''); + } + }); $('textarea#replymessage').focus(); } -// Send a reply in a discussion. -// Input: parentid : the comment identifier we want to send a reply to. -function send_comment(parentid) -{ - if ($('textarea#replymessage').val().length==0) return; // Do not send if no data. - showStatus('Sending comment...',spin=true); - var cipherdata=zeroCipher(pageKey(), $('textarea#replymessage').val()); - var ciphernickname=''; +/** + * Send a reply in a discussion. + * @param string parentid : the comment identifier we want to send a reply to. + */ +function send_comment(parentid) { + // Do not send if no data. + if ($('textarea#replymessage').val().length==0) { + return; + } + + showStatus('Sending comment...', spin=true); + var cipherdata = zeroCipher(pageKey(), $('textarea#replymessage').val()); + var ciphernickname = ''; var nick=$('input#nickname').val(); - if (nick!='' && nick!='Optional nickname...') ciphernickname=ciphernickname=zeroCipher(pageKey(),nick); - var data_to_send = { data:cipherdata, - parentid: parentid, - pasteid: pasteID(), - nickname: ciphernickname - }; - $.post(scriptLocation(), data_to_send ,'json' ) - .error( function() { showError('Comment could not be sent (serveur error or not responding).'); } ) - .success(function(data) - { - if (data.status==0) - { - showStatus('Comment posted.'); - location.reload(); - } - else if (data.status==1) - { - showError('Could not post comment: '+data.message); - } - else - { - showError('Could not post comment.'); - } - } - ); + if (nick != '' && nick != 'Optional nickname...') { + ciphernickname = ciphernickname = zeroCipher(pageKey(), nick); + } + var data_to_send = { data:cipherdata, + parentid: parentid, + pasteid: pasteID(), + nickname: ciphernickname + }; + + $ + .post(scriptLocation(), data_to_send, 'json') + .error(function() { + showError('Comment could not be sent (serveur error or not responding).'); + }) + .success(function(data) { + if (data.status == 0) { + showStatus('Comment posted.'); + location.reload(); + } + else if (data.status==1) { + showError('Could not post comment: '+data.message); + } + else { + showError('Could not post comment.'); + } + }); + } + +/** + * Send a new paste to server + */ +function send_data() { + // Do not send if no data. + if ($('textarea#message').val().length == 0) { + return; + } + showStatus('Sending paste...', spin=true); + var randomkey = sjcl.codec.base64.fromBits(sjcl.random.randomWords(8, 0), 0); + var cipherdata = zeroCipher(randomkey, $('textarea#message').val()); + var data_to_send = { data: cipherdata, + expire: $('select#pasteExpiration').val(), + opendiscussion: $('input#opendiscussion').is(':checked') ? 1 : 0 + }; + $ + .post(scriptLocation(), data_to_send, 'json') + .error(function() { + showError('Data could not be sent (serveur error or not responding).'); + }) + .success(function(data) { + if (data.status == 0) { + stateExistingPaste(); + var url = scriptLocation() + "?" + data.id + '#' + randomkey; + showStatus(''); + $('div#pastelink').html('Your paste is ' + url + ''); + $('div#pastelink') + .append('  ') + .show(); + setElementText($('div#cleartext'), $('textarea#message').val()); + urls2links($('div#cleartext')); + showStatus(''); + } + else if (data.status==1) { + showError('Could not create paste: '+data.message); + } + else { + showError('Could not create paste.'); + } + }); } -// Send a new paste to server -function send_data() -{ - if ($('textarea#message').val().length==0) return; // Do not send if no data. - showStatus('Sending paste...',spin=true); - var randomkey = sjcl.codec.base64.fromBits(sjcl.random.randomWords(8,0),0); - var cipherdata = zeroCipher(randomkey,$('textarea#message').val()); - var data_to_send = { data:cipherdata, - expire:$('select#pasteExpiration').val(), - opendiscussion:$('input#opendiscussion').is(':checked')?1:0 - }; - $.post(scriptLocation(), data_to_send ,'json' ) - .error( function() { showError('Data could not be sent (serveur error or not responding).'); } ) - .success(function(data) - { - if (data.status==0) - { - stateExistingPaste(); - var url=scriptLocation()+"?"+data.id+'#'+randomkey; - showStatus(''); - $('div#pastelink').html('Your paste is '+url+''); - $('div#pastelink').append('  ').show(); - setElementText($('div#cleartext'),$('textarea#message').val()); - urls2links($('div#cleartext')); - showStatus(''); - } - else if (data.status==1) - { - showError('Could not create paste: '+data.message); - } - else - { - showError('Could not create paste.'); - } - } - ); -} - -// Put the screen in "New paste" mode. -function stateNewPaste() -{ - $('button#sendbutton').show(); - $('button#clonebutton').hide(); +/** + * Put the screen in "New paste" mode. + */ +function stateNewPaste() { + $('#sendbutton').show(); + $('#clonebutton').hide(); $('div#expiration').show(); $('div#remainingtime').hide(); $('div#language').hide(); // $('#language').show(); $('input#password').hide(); //$('#password').show(); $('div#opendisc').show(); - $('button#newbutton').show(); + $('#newbutton').show(); $('div#pastelink').hide(); $('textarea#message').text(''); $('textarea#message').show(); @@ -232,90 +294,116 @@ function stateNewPaste() $('div#discussion').hide(); } -// Put the screen in "Existing paste" mode. -function stateExistingPaste() -{ - $('button#sendbutton').hide(); - if (!$('div#oldienotice').is(":visible")) $('button#clonebutton').show(); // No "clone" for IE<10. - $('button#clonebutton').show();// FIXME +/** + * Put the screen in "Existing paste" mode. + */ +function stateExistingPaste() { + $('#sendbutton').hide(); + + // No "clone" for IE<10. + if (!$('div#oldienotice').is(":visible")) { + $('button#clonebutton').show(); + } + + /** + * @FIXME + */ + $('#clonebutton').show(); + $('div#expiration').hide(); $('div#language').hide(); $('input#password').hide(); $('div#opendisc').hide(); - $('button#newbutton').show(); + $('#newbutton').show(); $('div#pastelink').hide(); $('textarea#message').hide(); $('div#cleartext').show(); } -// Clone the current paste. -function clonePaste() -{ +/** + * Clone the current paste. + */ +function clonePaste() { stateNewPaste(); showStatus(''); $('textarea#message').text($('div#cleartext').text()); } -// Create a new paste. -function newPaste() -{ +/** + * Create a new paste. + */ +function newPaste() { stateNewPaste(); showStatus(''); $('textarea#message').text(''); } -// Display an error message -// (We use the same function for paste and reply to comments) -function showError(message) -{ +/** + * Display an error message + * (We use the same function for paste and reply to comments) + */ +function showError(message) { $('div#status').addClass('errorMessage').text(message); $('div#replystatus').addClass('errorMessage').text(message); } -// Display status -// (We use the same function for paste and reply to comments) -// message (string) = text to display -// spin (boolean, optional) = tell if the "spinning" animation should be displayed. -function showStatus(message,spin) -{ +/** + * Display status + * (We use the same function for paste and reply to comments) + * + * @param string message : text to display + * @param boolean spin (optional) : tell if the "spinning" animation should be displayed. + */ +function showStatus(message, spin) { $('div#replystatus').removeClass('errorMessage'); $('div#replystatus').text(message); - if (!message) { $('div#status').html(' '); return; } - if (message=='') { $('div#status').html(' '); return; } + if (!message) { + $('div#status').html(' '); + return; + } + if (message == '') { + $('div#status').html(' '); + return; + } $('div#status').removeClass('errorMessage'); $('div#status').text(message); - if (spin) - { - var img = ''; + if (spin) { + var img = ''; $('div#status').prepend(img); $('div#replystatus').prepend(img); } } -// Generate link to URL shortener. -function shortenUrl(url) -{ - return 'http://snipurl.com/site/snip?link='+encodeURIComponent(url); +/** + * Generate link to URL shortener. + */ +function shortenUrl(url) { + return 'http://snipurl.com/site/snip?link=' + encodeURIComponent(url); } -// Convert URLs to clickable links. -// Input: element : a jQuery DOM element. -// Example URLs to handle: -// magnet:?xt.1=urn:sha1:YNCKHTQCWBTRNJIV4WNAE52SJUQCZO5C&xt.2=urn:sha1:TXGCZQTH26NL6OUQAJJPFALHG2LTGBC7 -// http://localhost:8800/zero/?6f09182b8ea51997#WtLEUO5Epj9UHAV9JFs+6pUQZp13TuspAUjnF+iM+dM= -// http://user:password@localhost:8800/zero/?6f09182b8ea51997#WtLEUO5Epj9UHAV9JFs+6pUQZp13TuspAUjnF+iM+dM= -// FIXME: add ppa & apt links. -function urls2links(element) -{ +/** + * Convert URLs to clickable links. + * URLs to handle: + * + * magnet:?xt.1=urn:sha1:YNCKHTQCWBTRNJIV4WNAE52SJUQCZO5C&xt.2=urn:sha1:TXGCZQTH26NL6OUQAJJPFALHG2LTGBC7 + * http://localhost:8800/zero/?6f09182b8ea51997#WtLEUO5Epj9UHAV9JFs+6pUQZp13TuspAUjnF+iM+dM= + * http://user:password@localhost:8800/zero/?6f09182b8ea51997#WtLEUO5Epj9UHAV9JFs+6pUQZp13TuspAUjnF+iM+dM= + * + * + * @param object element : a jQuery DOM element. + * @FIXME: add ppa & apt links. + */ +function urls2links(element) { var re = /((http|https|ftp):\/\/[\w?=&.\/-;#@~%+-]+(?![\w\s?&.\/;#~%"=-]*>))/ig; element.html(element.html().replace(re,'$1')); var re = /((magnet):[\w?=&.\/-;#@~%+-]+)/ig; element.html(element.html().replace(re,'$1')); } -// Return the deciphering key stored in anchor part of the URL -function pageKey() -{ +/** + * Return the deciphering key stored in anchor part of the URL + */ +function pageKey() { var key = window.location.hash.substring(1); // Get key // Some stupid web 2.0 services and redirectors add data AFTER the anchor @@ -334,31 +422,41 @@ function pageKey() return key; } -$(document).ready(function() { - +$(function() { $('select#pasteExpiration').change(function() { - if ($(this).val()=='burn') { $('div#opendisc').addClass('buttondisabled'); $('input#opendiscussion').attr('disabled',true); } - else { $('div#opendisc').removeClass('buttondisabled'); $('input#opendiscussion').removeAttr('disabled'); } + if ($(this).val() == 'burn') { + $('div#opendisc').addClass('buttondisabled'); + $('input#opendiscussion').attr('disabled',true); + } + else { + $('div#opendisc').removeClass('buttondisabled'); + $('input#opendiscussion').removeAttr('disabled'); + } }); - if ($('div#cipherdata').text().length>1) // Display an existing paste - { - if (window.location.hash.length==0) // Missing decryption key in URL ? - { + // Display an existing paste + if ($('div#cipherdata').text().length > 1) { + // Missing decryption key in URL ? + if (window.location.hash.length == 0) { showError('Cannot decrypt paste: Decryption key missing in URL (Did you use a redirector or an URL shortener which strips part of the URL ?)'); return; } - var messages = jQuery.parseJSON($('div#cipherdata').text()); // List of messages to display - stateExistingPaste(); // Show proper elements on screen. - displayMessages(pageKey(),messages); + + // List of messages to display + var messages = jQuery.parseJSON($('div#cipherdata').text()); + + // Show proper elements on screen. + stateExistingPaste(); + + displayMessages(pageKey(), messages); } - else if ($('div#errormessage').text().length>1) // Display error message from php code. - { + // Display error message from php code. + else if ($('div#errormessage').text().length>1) { showError($('div#errormessage').text()); } - else // Create a new paste. - { + // Create a new paste. + else { newPaste(); } }); From 6083c7a23cadf4a71580daaadbb78fc95934531b Mon Sep 17 00:00:00 2001 From: Thierry Poinot Date: Sun, 22 Apr 2012 13:34:17 +0200 Subject: [PATCH 2/2] refactoring files and directory structure --- {lib => css}/zerobin.css | 0 {lib => img}/busy.gif | Bin {lib => img}/icon_clone.png | Bin {lib => img}/icon_new.png | Bin {lib => img}/icon_send.png | Bin {lib => img}/icon_shorten.png | Bin {lib => js}/base64.js | 0 {lib => js}/jquery.js | 0 {lib => js}/rawdeflate.js | 0 {lib => js}/rawinflate.js | 0 {lib => js}/sjcl.js | 0 {lib => js}/zerobin.js | 0 tpl/page.html | 20 ++++++++++---------- 13 files changed, 10 insertions(+), 10 deletions(-) rename {lib => css}/zerobin.css (100%) rename {lib => img}/busy.gif (100%) rename {lib => img}/icon_clone.png (100%) rename {lib => img}/icon_new.png (100%) rename {lib => img}/icon_send.png (100%) rename {lib => img}/icon_shorten.png (100%) rename {lib => js}/base64.js (100%) rename {lib => js}/jquery.js (100%) rename {lib => js}/rawdeflate.js (100%) rename {lib => js}/rawinflate.js (100%) rename {lib => js}/sjcl.js (100%) rename {lib => js}/zerobin.js (100%) diff --git a/lib/zerobin.css b/css/zerobin.css similarity index 100% rename from lib/zerobin.css rename to css/zerobin.css diff --git a/lib/busy.gif b/img/busy.gif similarity index 100% rename from lib/busy.gif rename to img/busy.gif diff --git a/lib/icon_clone.png b/img/icon_clone.png similarity index 100% rename from lib/icon_clone.png rename to img/icon_clone.png diff --git a/lib/icon_new.png b/img/icon_new.png similarity index 100% rename from lib/icon_new.png rename to img/icon_new.png diff --git a/lib/icon_send.png b/img/icon_send.png similarity index 100% rename from lib/icon_send.png rename to img/icon_send.png diff --git a/lib/icon_shorten.png b/img/icon_shorten.png similarity index 100% rename from lib/icon_shorten.png rename to img/icon_shorten.png diff --git a/lib/base64.js b/js/base64.js similarity index 100% rename from lib/base64.js rename to js/base64.js diff --git a/lib/jquery.js b/js/jquery.js similarity index 100% rename from lib/jquery.js rename to js/jquery.js diff --git a/lib/rawdeflate.js b/js/rawdeflate.js similarity index 100% rename from lib/rawdeflate.js rename to js/rawdeflate.js diff --git a/lib/rawinflate.js b/js/rawinflate.js similarity index 100% rename from lib/rawinflate.js rename to js/rawinflate.js diff --git a/lib/sjcl.js b/js/sjcl.js similarity index 100% rename from lib/sjcl.js rename to js/sjcl.js diff --git a/lib/zerobin.js b/js/zerobin.js similarity index 100% rename from lib/zerobin.js rename to js/zerobin.js diff --git a/tpl/page.html b/tpl/page.html index 5ae1aec..06873b0 100644 --- a/tpl/page.html +++ b/tpl/page.html @@ -1,13 +1,13 @@ ZeroBin - - - - - - - + + + + + + +