0bin/static/js/behavior.js

;

/* 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    ***
****************************/


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){
    var date = date || new Date();
    return ((date.getMonth() +1 ) + '-' +
             date.getDate() + '-' + date.getFullYear());
  },

  getFormatedTime: function(date){
    var 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);
  },

  getKeys: function(){
    var keys = [];
    for(i=0; i <= localStorage.length; i++){
      if(localStorage.key(i) != null)
        keys[i] = parseInt(localStorage.key(i),10);
    }
    return keys.sort(zerobin.numOrdA);
  },
  /** 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;
    })(),
  },

  storatePaste: function(url){
    if (zerobin.support.localStorage){
      var paste = (zerobin.getFormatedDate() + " " +
                   zerobin.getFormatedTime() + ";" + url);
      var keys = zerobin.getKeys();

      if(keys.length < 1){keys[0] = 0}

      if (localStorage.length > 19) {
        void localStorage.removeItem(keys[0]);
      }

      localStorage.setItem(keys.reverse()[0]+1, paste);
    }
  },

  /** Return a list of the previous paste url with creation date */
  getPreviousPastes: function(){
    var pastes = [],
        keys = zerobin.getKeys(),
        date = zerobin.getFormatedDate();
    keys.reverse();

    for (i=0; i <= keys.length-1; i++)  {
      var paste = localStorage.getItem(keys[i]).split(';');
      var displayDate = paste[0].split(' ')[0];
      var prefix = 'the ';
      if (displayDate == date){
        displayDate = paste[0].split(' ')[1];
        prefix = 'at ';
      }
      pastes.push({displayDate: displayDate, prefix: prefix, link: paste[1]});
    }

    return pastes
  },

  /** Return an link object with the URL as href so you can extract host,
      protocol, hash, etc*/
  parseUrl: function(url){
    var a = document.createElement('a');
    a.href = url
    return a
  },

  getPasteId: function(url){
    loc = url ? zerobin.parseUrl(url) : window.location
    return loc.pathname.replace(/[/]|paste/g, '');
  },

  /** 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()}

    $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').on("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">' + readablFfsize +
                    '</strong>KB. You have reached the maximum size limit of ' +
                    readableMaxsize + 'KB.'),
                    'Warning!', true)
  }

  if (!oversized && paste.trim()) {

    $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;
                zerobin.storatePaste(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 = window.location.hash.substring(1);
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);
    }
  });

  $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.setText(zerobin.getPasteContent());
        });
        clip.addEventListener('complete',
                              mkcb(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().on('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').on('change', function(){
  var $this = $(this);
  $this.val($this.val());
});


/* Resize Textarea according to content */
$('#content').elastic();


/* Display bottom paste option buttons when needed */
$('#content').on('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").on('click', function(e){
  e.preventDefault();
  $(this).parent().fadeOut();
});


}); /* End of "document ready" jquery callback */