parent for the
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 = "";
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, '');
},
getPasteOwnerKey: function (url) {
var loc = url ? zerobin.parseUrl(url) : window.location;
return (new URLSearchParams(loc.search)).get("owner_key");
},
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 = '';
document.querySelectorAll("#paste-content li").forEach((node) => {
copy = copy + node.textContent.replace(/[\u00a0]+/g, ' ') + '\n';
})
if (copy === '') {
copy = document.querySelector("#paste-content").textContent;
}
return copy;
},
/** Return an approximate estimate of 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, action) {
window.scrollTo(0, 0);
if (flush) {
app.messages = app.messages.filter((msg) => {
msg.type !== type
});
}
app.messages.push({
title: title,
content: message,
type: type,
action: action || {},
});
callback && callback()
},
/** Return a progress bar object */
progressBar: function (selector) {
var container = document.querySelector(selector);
var bar = {
container: container,
elem: container.childNodes[0]
};
bar.set = function (text, rate) {
bar.elem.innerHTML = text;
bar.elem.style.width = rate;
};
return bar;
},
/** Return an integer ranking the probability this text is any kind of
source code. */
isCode: function (text) {
var code_chars = /[A-Z]{3}[A-Z]+|\.[a-z]|[=:<>{}\[\]$_'"&]| {2}|\t/g;
var comments = /(:?\/\*|)|(\/\/|#)(.*?)\n/g;
var formating = /[-*=_+]{4,}/;
var total = 0;
var size = 0;
var m = text.match(comments);
if (m) {
total += text.match(comments).length;
}
text = text.replace(comments, '');
text.replace(formating, '');
text = text.split('\n');
for (var i = 0; i < text.length; i++) {
var line = text[i];
size += line.length;
var match = line.replace(formating, '').match(code_chars);
if (match) {
total += match.length;
}
}
// return total * 250 / size;
return total * 1000 / size;
},
// prevent defaults
ignoreDrag: function (e) {
e.stopPropagation();
e.preventDefault();
},
// Handle Drop
handleDrop: function (e) {
e.preventDefault();
zerobin.upload(e.dataTransfer.files);
document.getElementById("content").classList.remove("hover");
},
handleDragOver: function (e) {
zerobin.ignoreDrag(e);
document.getElementById("content").classList.add('hover');
},
handleDragLeave: function (e) {
document.getElementById("content").classList.remove("hover");
},
upload: function (files) {
let content = document.getElementById('content');
var current_file = files[0];
var reader = new FileReader();
if (current_file.type.indexOf('image') == 0) {
reader.onload = function (event) {
var image = new Image();
image.src = event.target.result;
image.onload = function () {
var maxWidth = 1024,
maxHeight = 1024,
imageWidth = image.width,
imageHeight = image.height;
if (imageWidth > imageHeight) {
if (imageWidth > maxWidth) {
imageHeight *= maxWidth / imageWidth;
imageWidth = maxWidth;
}
} else {
if (imageHeight > maxHeight) {
imageWidth *= maxHeight / imageHeight;
imageHeight = maxHeight;
}
}
var canvas = document.createElement('canvas');
canvas.width = imageWidth;
canvas.height = imageHeight;
image.width = imageWidth;
image.height = imageHeight;
var ctx = canvas.getContext("2d");
ctx.drawImage(this, 0, 0, imageWidth, imageHeight);
var paste = canvas.toDataURL(current_file.type);
content.value = paste;
content.dispatchEvent(new Event('change'));
image.style.maxWidth = '742px';
content.style.display = "none";
content.after(image);
}
}
reader.readAsDataURL(current_file);
} else {
reader.onload = function (event) {
content.value = event.target.result
content.dispatchEvent(new Event('change'));
};
reader.readAsText(current_file);
}
}
};
/**
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.
*/
let pasteContent = document.querySelector('#paste-content');
let content = '';
if (pasteContent) {
content = pasteContent.textContent.trim();
app.currentPaste.id = zerobin.getPasteId(window.location);
}
var key = zerobin.getPasteKey();
var error = false;
if (content && key) {
var form = document.querySelectorAll('input, textarea, select, button');
form.forEach((node) => node.disabled = true);
var bar = zerobin.progressBar('.well form .progress');
app.isLoading = true;
bar.set('Decrypting paste...', '25%');
zerobin.decrypt(key, content,
/* On error*/
function () {
app.isLoading = false;
zerobin.message('error', 'Could not decrypt data (Wrong key ?)', 'Error');
},
/* Update progress bar */
() => bar.set('Decompressing...', '45%'),
() => bar.set('Base64 decoding...', '65%'),
() => bar.set('From bits to string...', '85%'),
/* When done */
function (content) {
/* Decrypted content goes back to initial container*/
document.querySelector('#paste-content').innerText = content;
if (content.indexOf('data:image') == 0) {
// Display Image
app.currentPaste.type = "image";
let pasteContent = document.querySelector('#paste-content');
pasteContent.style.display = "none";
var img = document.createElement('img')
img.src = content;
img.style.maxWidth = '742px';
pasteContent.after(img);
// Display Download button
document.querySelectorAll('.btn-clone').forEach((node) => node.style.display = "none")
app.downloadLink = {
name: '0bin_' + document.location.pathname.split('/').pop(),
url: content
}
} else {
app.currentPaste.type = "text"
}
bar.set('Code coloration...', '95%');
/* Add a continuation to let the UI redraw */
setTimeout(function () {
/** Syntaxic coloration */
if (zerobin.isCode(content) > 100) {
document.getElementById('paste-content').classList.add('linenums');
prettyPrint();
} else {
if (content.indexOf('data:image') != 0) {
zerobin.message('dismissible',
"The paste did not seem to be code, so it " +
"was not colorized. ",
'', false, undefined, {
message: "Force coloration",
callback: app.handleForceColoration
});
}
}
/* Class to switch to paste content style with coloration done */
document.getElementById('paste-content').classList.add('done');
/* Display result */
bar.set('Done', '100%');
app.isLoading = false;
form.forEach((node) => node.disabled = false);
content = '';
}, 100);
});
} /* End of "DECRYPTION" */
window.onload = function () {
/* Display bottom paste option buttons when needed */
["keyup", "change"].forEach((event) => {
let content = document.getElementById("content");
content.addEventListener(event, () => {
let height = parseFloat(getComputedStyle(content, null).height.replace("px", ""))
app.displayBottomToolBar = height > 400;
})
})
}
/* Display previous pastes */
if (app.support.localStorage) {
app.previousPastes = zerobin.getPreviousPastes();
app.currentPaste.ownerKey = localStorage.getItem('zerobinV' + zerobin.version + "#" + zerobin.getPasteId(window.location) + "#owner_key");
}
/* Upload file using HTML5 File API */
if (app.support.fileUpload) {
// Implements drag & drop upload
let content = document.getElementById('content');
content.addEventListener('drop', zerobin.handleDrop);
content.addEventListener('dragover', zerobin.handleDragOver);
content.addEventListener('dragleave', zerobin.handleDragLeave);
}
/* Remove expired pasted from history */
if (app.support.history && zerobin.paste_not_found) {
var paste_id = zerobin.getPasteId();
var keys = zerobin.getLocalStorageURLKeys();
keys.forEach((key, i) => {
if (localStorage[key].indexOf(paste_id) !== -1) {
localStorage.removeItem(key);
return false;
}
})
}
/* Autofit text area height */
const tx = document.getElementsByTagName('textarea');
for (let i = 0; i < tx.length; i++) {
tx[i].setAttribute('style', 'height:' + (tx[i].scrollHeight) + 'px;overflow-y:hidden;');
tx[i].addEventListener("input", OnInput, false);
}
function OnInput() {
this.style.height = 'auto';
this.style.height = (this.scrollHeight) + 'px';
}