1
0
mirror of https://github.com/Tygs/0bin.git synced 2023-08-10 21:13:00 +03:00
0bin/zerobin/static/js/behavior.js
2012-05-20 03:22:20 +02:00

685 lines
20 KiB
JavaScript

/*global sjcl:true, jQuery:true, $:true, lzw:true, zerobin:true, ZeroClipboard:true, vizhash:true, prettyPrint:true, confirm:true */
;(function(){
"use strict";
/* Start random number generator seeding ASAP */
sjcl.random.startCollectors();
/* Ensure jquery use cache for ajax requests */
$.ajaxSetup({ cache: true });
/** Create a function that create inline callbacks.
We use it to create callbacks for onliners with static arguments
E.G:
$('stuff').hide(function()(console.log(1, 2, 3)))
Becomes:
$('stuff').hide(mkcb(console.log, 1, 2, 3))
*/
function mkcb(func){
var args = arguments;
return function(){
return func.apply(func, Array.prototype.slice.call(args, 1));
};
}
/***************************
**** 0bin utilities ***
****************************/
window.zerobin = {
/** Base64 + compress + encrypt, with callbacks before each operation,
and all of them are executed in a timed continuation to give
a change to the UI to respond.
*/
version: '0.1',
encrypt: function(key, content, toBase64Callback,
compressCallback, encryptCallback, doneCallback) {
setTimeout (function(){
content = sjcl.codec.utf8String.toBits(content);
if (toBase64Callback) {toBase64Callback();}
setTimeout(function(){
content = sjcl.codec.base64.fromBits(content);
if (compressCallback) {compressCallback();}
setTimeout(function(){
content = lzw.compress(content);
if (encryptCallback) {encryptCallback();}
setTimeout(function(){
content = sjcl.encrypt(key, content);
if (doneCallback) {doneCallback(content);}
}, 250);
}, 250);
}, 250);
}, 250);
},
/** Base64 decoding + uncompress + decrypt, with callbacks before each operation,
and all of them are executed in a timed continuation to give
a change to the UI to respond.
This is where using a library to fake synchronicity could start to be
useful, this code is starting be difficult to read. If anyone read this
and got a suggestion, by all means, speak your mind.
*/
decrypt: function(key, content, errorCallback, uncompressCallback,
fromBase64Callback, toStringCallback, doneCallback) {
/* Decrypt */
setTimeout(function(){
try {
content = sjcl.decrypt(key, content);
if (uncompressCallback) {uncompressCallback();}
/* Decompress */
setTimeout(function(){
try {
content = lzw.decompress(content);
if (fromBase64Callback) {fromBase64Callback();}
/* From base 64 to bits */
setTimeout(function(){
try {
content = sjcl.codec.base64.toBits(content);
if (toStringCallback) {toStringCallback();}
/* From bits to string */
setTimeout(function(){
try {
content = sjcl.codec.utf8String.fromBits(content);
if (doneCallback) {doneCallback(content);}
} catch (err) {
errorCallback(err);
}
}, 250); /* "End of from bits to string" */
} catch (err) {
errorCallback(err);
}
}, 250); /* End of "from base 64 to bits" */
} catch (err) {
errorCallback(err);
}
}, 250); /* End of "decompress" */
} catch (err) {
errorCallback(err);
}
}, 250); /* End of "decrypt" */
},
/** Create a random base64 string long enought to be suitable as
an encryption key */
makeKey: function() {
return sjcl.codec.base64.fromBits(sjcl.random.randomWords(8, 0), 0);
},
getFormatedDate: function(date){
date = date || new Date();
return ((date.getMonth() +1 ) + '-' +
date.getDate() + '-' + date.getFullYear());
},
getFormatedTime: function(date){
date = date || new Date();
var h = date.getHours();
var m = date.getMinutes();
var s = date.getSeconds();
if (h < 10) {h = "0" + h;}
if (m < 10) {m = "0" + m;}
if (s < 10) {s = "0" + s;}
return h + ":" + m + ":" + s;
},
numOrdA: function(a, b){
return (a-b);
},
/** Return a reverse sorted list of all the keys in local storage that
are prefixed with with the passed version (default being this lib
version) */
getLocalStorageKeys: function(version){
version = 'zerobinV' + (version || zerobin.version);
var keys = [];
for (var key in localStorage){
if (key.indexOf(version) !== -1){
keys.push(key);
}
}
keys.sort();
keys.reverse();
return keys;
},
/** Get a tinyurl using JSONP */
getTinyURL: function(longURL, success) {
var api = 'http://json-tinyurl.appspot.com/?url=';
$.getJSON(api + encodeURIComponent(longURL) + '&callback=?', function(data){
success(data.tinyurl);
});
},
/** Check for browser support of the named featured. Store the result
and add a class to the html tag with the result */
support: {
localStorage: (function(){
var val = !!(localStorage);
$('html').addClass((val ? '' : 'no-') + 'local-storage');
return val;
})(),
history: (function(){
var val = !!(window.history && history.pushState);
$('html').addClass((val ? '' : 'no-') + 'history');
return val;
})(),
fileUpload: (function(){
var w = window;
var val = !!(w.File && w.FileReader && w.FileList && w.Blob);
$('html').addClass((val ? '' : 'no-') + 'file-upload');
return val;
})()
},
/** Store the paste of a URL in local storate, with a storage format
version prefix and the paste date as the key */
storePaste: function(url, date){
date = date || new Date();
date = (date.getFullYear() + '-' + (date.getMonth() + 1) + '-' +
date.getDate() + ' ' + zerobin.getFormatedTime(date));
var keys = zerobin.getLocalStorageKeys();
if (localStorage.length > 19) {
void localStorage.removeItem(keys[19]);
}
localStorage.setItem('zerobinV' + zerobin.version + "#" + date, url);
},
/** Return a list of the previous paste url with the creation date
If the paste is from today, date format should be "at hh:ss",
else it should be "the mm-dd-yyy"
*/
getPreviousPastes: function(){
var pastes = [],
keys = zerobin.getLocalStorageKeys(),
today = zerobin.getFormatedDate();
$.each(keys, function(i, key){
var pasteDateTime = key.replace(/^[^#]+#/, '');
var displayDate = pasteDateTime.match(/^(\d+)-(\d+)-(\d+)\s/);
displayDate = displayDate[2] + '-' + displayDate[3] + '-' + displayDate[1];
var prefix = 'the ';
if (displayDate === today){
displayDate = pasteDateTime.split(' ')[1];
prefix = 'at ';
}
pastes.push({displayDate: displayDate, prefix: prefix,
link: localStorage.getItem(key)});
});
return pastes;
},
/** Return an link object with the URL as href so you can extract host,
protocol, hash, etc.
This function use a closure to store a <div> parent for the <a>
because IE requires the link be processed by it's HTML parser
for the URL to be parsed. */
parseUrl: (function(){
var div = document.createElement('div');
div.innerHTML = "<a></a>";
return function(url){
div.firstChild.href = url;
div.innerHTML = div.innerHTML;
return div.firstChild;
};
})(),
getPasteId: function(url){
var loc = url ? zerobin.parseUrl(url) : window.location;
return loc.pathname.replace(/\/|paste/g, '').replace(/\?.*$/, '');
},
getPasteKey: function(url){
var loc = url ? zerobin.parseUrl(url) : window.location;
return loc.hash.replace('#', '').replace(/\?.*$/, '');
},
/** Return the paste content stripted from any code coloration */
getPasteContent: function(){
var copy = '' ;
$("#paste-content li").each(function(index) {
copy = copy + $(this).text() + '\n';
});
return copy;
},
/** Return an approximate estimate the number of bytes in a text */
count: function(text, options) {
// Set option defaults
var crlf = /(\r?\n|\r)/g;
var whitespace = /(\r?\n|\r|\s+)/g;
options = options || {};
options.lineBreaks = options.lineBreaks || 1;
var length = text.length,
nonAscii = length - text.replace(/[\u0100-\uFFFF]/g, '').length,
lineBreaks = length - text.replace(crlf, '').length;
return length + nonAscii + Math.max(0, options.lineBreaks * (lineBreaks - 1));
},
/** Create a message, style it and insert it in the alert box */
message: function(type, message, title, flush, callback) {
$(window).scrollTop(0);
if (flush) {$('.alert-'+type).remove();}
var $message = $('#alert-template').clone().attr('id', null)
.addClass('alert alert-' + type);
$('.message', $message).html(message);
if (title) {$('.title', $message).html(title);}
else {$('.title', $message).remove();}
$message.prependTo($('#main')).show('fadeUp', callback);
},
/** Return a progress bar object */
progressBar: function(selector){
var $container = $(selector);
var bar = {container: $container, elem: $container.find('.bar')};
bar.set = function(text, rate){bar.elem.text(text).css('width', rate);};
return bar;
}
};
/***************************
**** On document ready ***
****************************/
$(function(){
/**
On the create paste page:
On click on the send button, compress and encrypt data before
posting it using ajax. Then redirect to the address of the
newly created paste, adding the key in the hash.
*/
$('.btn-primary').live("click", function(e){
e.preventDefault();
var paste = $('textarea').val();
var sizebytes = zerobin.count($('#content').val());
var oversized = sizebytes > zerobin.max_size;
var readableFsize = Math.round(sizebytes / 1024);
var readableMaxsize = Math.round(zerobin.max_size / 1024);
if (oversized){
zerobin.message('error',
('Your file is <strong class="file-size">' + readableFsize +
'</strong>KB. You have reached the maximum size limit of ' +
readableMaxsize + 'KB.'),
'Warning!', true);
}
if (!oversized && paste.trim()) {
var $form = $('input, textarea, select, button').prop('disabled', true);
// set up progress bar
var bar = zerobin.progressBar('form.well .progress');
bar.container.show();
bar.set('Converting paste to bits...', '25%');
/* Encode, compress, encrypt and send the paste then redirect the user
to the new paste. We ensure a loading animation is updated
during the process by passing callbacks.
*/
try {
var expiration = $('#expiration').val();
var key = zerobin.makeKey();
zerobin.encrypt(key, paste,
mkcb(bar.set, 'Encoding to base64...', '45%'),
mkcb(bar.set, 'Compressing...', '65%'),
mkcb(bar.set, 'Encrypting...', '85%'),
/* This block deal with sending the data, redirection or error handling */
function(content){
bar.set('Sending...', '95%');
var data = {content: content, expiration: expiration};
$.post('/paste/create', data)
.error(function(error) {
$form.prop('disabled', false);
bar.container.hide();
zerobin.message(
'error',
'Paste could not be saved. Please try again later.',
'Error'
);
})
.success(function(data) {
bar.set('Redirecting to new paste...', '100%');
if (data.status === 'error') {
zerobin.message('error', data.message, 'Error');
$form.prop('disabled', false);
bar.container.hide();
} else {
var paste_url = '/paste/' + data.paste + '#' + key;
if (zerobin.support.localStorage){
zerobin.storePaste(paste_url);
}
window.location = (paste_url);
}
});
}
);
} catch (err) {
$form.prop('disabled', false);
bar.container.hide();
zerobin.message('error', 'Paste could not be encrypted. Aborting.',
'Error');
}
}
});
/**
DECRYPTION:
On the display paste page, decrypt and decompress the paste content,
add syntax coloration then setup the copy to clipboard button.
Also calculate and set the paste visual hash.
*/
var content = $('#paste-content').text().trim();
var key = zerobin.getPasteKey();
var error = false;
if (content && key) {
/* Load the lib for visual canvas, create one from the paste id and
insert it */
$.getScript("/static/js/vizhash.min.js").done(function(script, textStatus) {
if (vizhash.supportCanvas) {
var vhash = vizhash.canvasHash(zerobin.getPasteId(), 24, 24);
$('<a class="vhash" href="#"></a>').click(function(e){
e.preventDefault();
if(confirm("This picture is unique to your paste so you can identify" +
" it quickly. \n\n Do you want to know more about this?")){
window.open("http://is.gd/IJaMRG", "_blank");
}
}).prependTo('.lnk-option').append(vhash.canvas);
}
});
var $form = $('input, textarea, select, button').prop('disabled', true);
var bar = zerobin.progressBar('.well form .progress');
bar.container.show();
bar.set('Decrypting paste...', '25%');
zerobin.decrypt(key, content,
/* On error*/
function(){
bar.container.hide();
zerobin.message('error', 'Could not decrypt data (Wrong key ?)', 'Error');
},
/* Update progress bar */
mkcb(bar.set, 'Decompressing...', '45%'),
mkcb(bar.set, 'Base64 decoding...', '65%'),
mkcb(bar.set, 'From bits to string...', '85%'),
/* When done */
function(content){
/* Decrypted content goes back to initial container*/
$('#paste-content').text(content);
content = '';
bar.set('Code coloration...', '95%');
/* Add a continuation to let the UI redraw */
setTimeout(function(){
/* Setup flash clipboard button */
ZeroClipboard.setMoviePath('/static/js/ZeroClipboard.swf');
var clip = new ZeroClipboard.Client();
// Callback to reposition the clibpboad flash animation overlay
var reposition = function(){clip.reposition();};
clip.addEventListener('mouseup', function(){
$('#clip-button').text('Copying paste...');
clip.setText(zerobin.getPasteContent());
});
clip.addEventListener('complete', function(){
$('#clip-button').text('Copy to clipboard');
zerobin.message('info', 'The paste is now in your clipboard', '',
true, reposition);
});
clip.glue('clip-button');
window.onresize = reposition;
/* Setup link to get the paste short url*/
$('#short-url').click(function(e) {
e.preventDefault();
$('#short-url').text('Loading short url...');
zerobin.getTinyURL(window.location.toString(), function(tinyurl){
clip.setText(tinyurl);
$('#copy-success').hide();
zerobin.message('success',
'<a href="' + tinyurl + '">' + tinyurl + '</a>',
'Short url', true, reposition
);
$('#short-url').text('Get short url');
});
});
/* Remap the message close handler to include the clipboard
flash reposition */
$(".close").off().live('click', function(e){
e.preventDefault();
$(this).parent().fadeOut(reposition);
});
/** Syntaxic coloration */
prettyPrint();
/* Class to switch to paste content style with coloration done */
$('#paste-content').addClass('done');
/* Display result */
bar.set('Done', '100%');
bar.container.hide();
$form.prop('disabled', false);
}, 250);
}
);
} /* End of "DECRYPTION" */
/* Synchronize expiration select boxes value */
$('.paste-option select').live('change', function(){
$('.paste-option select').val($(this).val());
});
/* Resize Textarea according to content */
$('#content').elastic();
/* Display bottom paste option buttons when needed */
$('#content').live('keyup change', function(){
if($('#content').height() < 400 ){
$('.paste-option.down').remove();
}
else {
if ($('.paste-option').length === 1) {
$('.paste-option').clone().addClass('down').appendTo('form.well');
}
}
});
/* Display previous pastes */
if (zerobin.support.localStorage){
var $container = $('.previous-pastes'),
pastes = zerobin.getPreviousPastes();
if (pastes.length){
$.getScript("/static/js/vizhash.min.js").done(function(script, textStatus) {
$container.find('.item').remove();
$.each(zerobin.getPreviousPastes(), function(i, paste){
var $li = $('<li class="item"></li>').appendTo($container);
var $link = $('<a></a>').attr('href', paste.link)
.text(paste.prefix + paste.displayDate)
.appendTo($li);
if (vizhash.supportCanvas) {
var pasteId = zerobin.getPasteId(paste.link);
var vhash = vizhash.canvasHash(pasteId, 24, 24).canvas;
$link.prepend($(vhash).addClass('vhash'));
}
// hightlite the current link and make sure clicking the link
// does redirect to the page
if (paste.link.replace(/#[^#]+/, '') === window.location.pathname){
$li.addClass('active');
$link.click(function(){window.location.reload();});
}
});
});
}
}
/* Event handler for "clone paste" button */
$('.btn-clone').click(function(e){
e.preventDefault();
$('.submit-form').show();
$('.paste-form').hide();
$('#content').val(zerobin.getPasteContent()).trigger('change');
});
$('.clone .btn-danger').click(function(e){
e.preventDefault();
$('.submit-form').hide();
$('.paste-form').show();
});
/* Upload file using HTML5 File API */
if (zerobin.support.fileUpload) {
var upload = function(files) {
var reader = new FileReader();
reader.onload = function(event) {
$('#content').val(event.target.result).trigger('change');
};
reader.readAsText(files[0]);
};
var $buttonOverlay = $('#file-upload');
var $button = $('.btn-upload');
try {
$button.val('Uploading...');
$button.prop('disabled', true);
$buttonOverlay.change(function(){upload(this.files);});
}
catch (e) {
zerobin.message('error', 'Could no upload the file', 'Error');
$button.val('Upload File');
$button.prop('disabled', false);
}
$button.prop('disabled', false);
$button.val('Upload File');
$buttonOverlay.mouseover(mkcb($(this).css, 'cursor', 'pointer'));
}
/* Alerts */
$(".close").live('click', function(e){
e.preventDefault();
$(this).parent().fadeOut();
});
/* Parse obfuscaded emails and make them usable */
$('.email-link').each(function(i, elem){
var $obfuscatedEmail = $(this);
var address = $obfuscatedEmail.attr('title').replace('__AT__', '@');
var text = $obfuscatedEmail.text().replace('__AT__', '@');
var $plainTextEmail = $('<a href="mailto:' + address + '">'+ text +'</a>');
$obfuscatedEmail.replaceWith($plainTextEmail);
});
$('#wrap-content').each(function(i, elem){
$(elem).show();
});
}); /* End of "document ready" jquery callback */
})(); /* End of self executing function */