remove typescript
This commit is contained in:
@@ -1,356 +0,0 @@
|
|||||||
var FinishedUpload = /** @class */ (function () {
|
|
||||||
function FinishedUpload() {
|
|
||||||
}
|
|
||||||
return FinishedUpload;
|
|
||||||
}());
|
|
||||||
var uploader = null;
|
|
||||||
var finishedUploads = new Array();
|
|
||||||
var totalUploads = 0;
|
|
||||||
var queueDiv = document.getElementById("uploads_queue");
|
|
||||||
var UploadProgressBar = /** @class */ (function () {
|
|
||||||
function UploadProgressBar(file) {
|
|
||||||
this.file = file;
|
|
||||||
this.name = file.name;
|
|
||||||
this.queueNum = totalUploads;
|
|
||||||
this.uploadDiv = document.createElement("a");
|
|
||||||
totalUploads++;
|
|
||||||
this.uploadDiv.classList.add("file_button");
|
|
||||||
this.uploadDiv.style.opacity = "0";
|
|
||||||
this.uploadDiv.innerText = "Queued\n" + this.file.name;
|
|
||||||
queueDiv.appendChild(this.uploadDiv);
|
|
||||||
// Browsers don't render the transition if the opacity is set and
|
|
||||||
// updated in the same frame. So we have to wait a frame (or more)
|
|
||||||
// before changing the opacity to make sure the transition triggers
|
|
||||||
var d = this.uploadDiv; // `this` stops working after constructor ends
|
|
||||||
window.setTimeout(function () { d.style.opacity = "1"; }, 100);
|
|
||||||
}
|
|
||||||
UploadProgressBar.prototype.onProgress = function (progress) {
|
|
||||||
this.uploadDiv.innerText = "Uploading... " + Math.round(progress * 1000) / 10 + "%\n" + this.file.name;
|
|
||||||
this.uploadDiv.style.background = 'linear-gradient('
|
|
||||||
+ 'to right, '
|
|
||||||
+ 'var(--file_background_color) 0%, '
|
|
||||||
+ 'var(--highlight_color) ' + ((progress * 100)) + '%, '
|
|
||||||
+ 'var(--file_background_color) ' + ((progress * 100) + 1) + '%)';
|
|
||||||
};
|
|
||||||
UploadProgressBar.prototype.onFinished = function (id) {
|
|
||||||
finishedUploads[this.queueNum] = {
|
|
||||||
id: id,
|
|
||||||
name: this.file.name
|
|
||||||
};
|
|
||||||
console.log("Upload finished: " + this.file.name + " " + id);
|
|
||||||
this.uploadDiv.style.background = 'var(--file_background_color)';
|
|
||||||
this.uploadDiv.href = '/u/' + id;
|
|
||||||
this.uploadDiv.target = "_blank";
|
|
||||||
var fileImg = document.createElement("img");
|
|
||||||
fileImg.src = apiEndpoint + '/file/' + id + '/thumbnail';
|
|
||||||
fileImg.alt = this.file.name;
|
|
||||||
var linkSpan = document.createElement("span");
|
|
||||||
linkSpan.style.color = "var(--highlight_color)";
|
|
||||||
linkSpan.innerText = window.location.hostname + "/u/" + id;
|
|
||||||
this.uploadDiv.innerHTML = ""; // Remove uploading progress
|
|
||||||
this.uploadDiv.appendChild(fileImg);
|
|
||||||
this.uploadDiv.appendChild(document.createTextNode(this.file.name));
|
|
||||||
this.uploadDiv.appendChild(document.createElement("br"));
|
|
||||||
this.uploadDiv.appendChild(linkSpan);
|
|
||||||
};
|
|
||||||
UploadProgressBar.prototype.onFailure = function (error) {
|
|
||||||
this.uploadDiv.innerHTML = ""; // Remove uploading progress
|
|
||||||
this.uploadDiv.style.background = 'var(--danger_color)';
|
|
||||||
this.uploadDiv.appendChild(document.createTextNode(this.file.name));
|
|
||||||
this.uploadDiv.appendChild(document.createElement("br"));
|
|
||||||
this.uploadDiv.appendChild(document.createTextNode("Upload failed after three tries:"));
|
|
||||||
this.uploadDiv.appendChild(document.createElement("br"));
|
|
||||||
this.uploadDiv.appendChild(document.createTextNode(error));
|
|
||||||
};
|
|
||||||
return UploadProgressBar;
|
|
||||||
}());
|
|
||||||
// List creation
|
|
||||||
function createListFull(title, anonymous) {
|
|
||||||
if (uploader.uploading()) {
|
|
||||||
var cont = confirm("Some files have not finished uploading yet. Creating a list now " +
|
|
||||||
"will exclude those files.\n\nContinue?");
|
|
||||||
if (!cont) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
var postData = {
|
|
||||||
"title": title,
|
|
||||||
"anonymous": anonymous,
|
|
||||||
"files": new Array()
|
|
||||||
};
|
|
||||||
for (var i = 0; i < finishedUploads.length; i++) {
|
|
||||||
if (finishedUploads[i].id == "") {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
postData.files.push({
|
|
||||||
"id": finishedUploads[i].id
|
|
||||||
});
|
|
||||||
}
|
|
||||||
var xhr = new XMLHttpRequest();
|
|
||||||
xhr.open("POST", apiEndpoint + "/list");
|
|
||||||
xhr.setRequestHeader("Content-Type", "application/json; charset=UTF-8");
|
|
||||||
xhr.onreadystatechange = function () {
|
|
||||||
if (xhr.readyState !== 4) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
var resp = JSON.parse(xhr.response);
|
|
||||||
if (xhr.status < 400) {
|
|
||||||
// Request is a success
|
|
||||||
var div = document.createElement("div");
|
|
||||||
div.className = "file_button";
|
|
||||||
div.innerHTML = '<img src="' + apiEndpoint + '/list/' + resp.id + '/thumbnail"/>'
|
|
||||||
+ "List creation finished!<br/>"
|
|
||||||
+ title + "<br/>"
|
|
||||||
+ '<a href="/l/' + resp.id + '" target="_blank">' + window.location.hostname + '/l/' + resp.id + '</a>';
|
|
||||||
document.getElementById("created_lists").appendChild(div);
|
|
||||||
window.open('/l/' + resp.id, '_blank');
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
console.log("status: " + xhr.status + " response: " + xhr.response);
|
|
||||||
var div = document.createElement("div");
|
|
||||||
div.className = "file_button";
|
|
||||||
div.innerHTML = "List creation failed<br/>"
|
|
||||||
+ "The server responded with:<br/>"
|
|
||||||
+ resp.message;
|
|
||||||
document.getElementById("created_lists").append(div);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
xhr.send(JSON.stringify(postData));
|
|
||||||
}
|
|
||||||
function copyText(text) {
|
|
||||||
// Create a textarea to copy the text from
|
|
||||||
var ta = document.createElement("textarea");
|
|
||||||
ta.setAttribute("readonly", "readonly");
|
|
||||||
ta.style.position = "absolute";
|
|
||||||
ta.style.left = "-9999px";
|
|
||||||
ta.value = text; // Put the text in the textarea
|
|
||||||
// Add the textarea to the DOM so it can be seleted by the user
|
|
||||||
document.body.appendChild(ta);
|
|
||||||
ta.select(); // Select the contents of the textarea
|
|
||||||
var success = document.execCommand("copy"); // Copy the selected text
|
|
||||||
document.body.removeChild(ta); // Remove the textarea
|
|
||||||
return success;
|
|
||||||
}
|
|
||||||
// Create list button
|
|
||||||
document.getElementById("btn_create_list").addEventListener("click", function (evt) {
|
|
||||||
var title = prompt("You are creating a list containing " + finishedUploads.length + " files.\n"
|
|
||||||
+ "What do you want to call it?", "My New Album");
|
|
||||||
if (title === null) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
createListFull(title, false);
|
|
||||||
});
|
|
||||||
var btnCopyLinks = document.getElementById("btn_copy_links");
|
|
||||||
btnCopyLinks.addEventListener("click", function () {
|
|
||||||
var text = "";
|
|
||||||
// Add the text to the textarea
|
|
||||||
for (var i = 0; i < finishedUploads.length; i++) {
|
|
||||||
// Example: https://pixeldrain.com/u/abcd1234: Some_file.png
|
|
||||||
text += window.location.protocol + "//" + window.location.hostname + "/u/" + finishedUploads[i].id +
|
|
||||||
" " + finishedUploads[i].name + "\n";
|
|
||||||
}
|
|
||||||
var defaultButtonText = btnCopyLinks.innerHTML;
|
|
||||||
// Copy the selected text
|
|
||||||
if (copyText(text)) {
|
|
||||||
btnCopyLinks.classList.add("button_highlight");
|
|
||||||
btnCopyLinks.innerHTML = "Links copied to clipboard!";
|
|
||||||
// Return to normal
|
|
||||||
setTimeout(function () {
|
|
||||||
btnCopyLinks.innerHTML = defaultButtonText;
|
|
||||||
btnCopyLinks.classList.remove("button_highlight");
|
|
||||||
}, 60000);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
btnCopyLinks.classList.add("button_red");
|
|
||||||
btnCopyLinks.innerHTML = "Copying links failed";
|
|
||||||
setTimeout(function () {
|
|
||||||
btnCopyLinks.innerHTML = defaultButtonText;
|
|
||||||
btnCopyLinks.classList.remove("button_red");
|
|
||||||
}, 60000);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
var btnCopyBBCode = document.getElementById("btn_copy_bbcode");
|
|
||||||
btnCopyBBCode.addEventListener("click", function () {
|
|
||||||
var text = "";
|
|
||||||
// Add the text to the textarea
|
|
||||||
for (var i = 0; i < finishedUploads.length; i++) {
|
|
||||||
// Example: [url=https://pixeldrain.com/u/abcd1234]Some_file.png[/url]
|
|
||||||
text += "[url=" + window.location.protocol + "//" + window.location.hostname +
|
|
||||||
"/u/" + finishedUploads[i].id + "]" +
|
|
||||||
finishedUploads[i].name + "[/url]\n";
|
|
||||||
}
|
|
||||||
var defaultButtonText = btnCopyBBCode.innerHTML;
|
|
||||||
// Copy the selected text
|
|
||||||
if (copyText(text)) {
|
|
||||||
btnCopyBBCode.classList.add("button_highlight");
|
|
||||||
btnCopyBBCode.innerHTML = "BBCode copied to clipboard!";
|
|
||||||
// Return to normal
|
|
||||||
setTimeout(function () {
|
|
||||||
btnCopyBBCode.innerHTML = defaultButtonText;
|
|
||||||
btnCopyBBCode.classList.remove("button_highlight");
|
|
||||||
}, 60000);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
btnCopyBBCode.classList.add("button_red");
|
|
||||||
btnCopyBBCode.innerHTML = "Copying links failed";
|
|
||||||
setTimeout(function () {
|
|
||||||
btnCopyBBCode.innerHTML = defaultButtonText;
|
|
||||||
btnCopyBBCode.classList.remove("button_red");
|
|
||||||
}, 60000);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
var Cookie;
|
|
||||||
(function (Cookie) {
|
|
||||||
function read(name) {
|
|
||||||
var result = new RegExp('(?:^|; )' + encodeURIComponent(name) + '=([^;]*)').exec(document.cookie);
|
|
||||||
return result ? result[1] : null;
|
|
||||||
}
|
|
||||||
Cookie.read = read;
|
|
||||||
function write(name, value, days) {
|
|
||||||
if (!days) {
|
|
||||||
days = 365 * 20;
|
|
||||||
}
|
|
||||||
var date = new Date();
|
|
||||||
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
|
||||||
var expires = "; expires=" + date.toUTCString();
|
|
||||||
document.cookie = name + "=" + value + expires + "; path=/";
|
|
||||||
}
|
|
||||||
Cookie.write = write;
|
|
||||||
function remove(name) {
|
|
||||||
write(name, "", -1);
|
|
||||||
}
|
|
||||||
Cookie.remove = remove;
|
|
||||||
})(Cookie || (Cookie = {}));
|
|
||||||
var UploadManager = /** @class */ (function () {
|
|
||||||
function UploadManager() {
|
|
||||||
this.uploadQueue = new Array();
|
|
||||||
this.uploadThreads = new Array();
|
|
||||||
this.maxThreads = 3;
|
|
||||||
this.finishCallback = null;
|
|
||||||
}
|
|
||||||
UploadManager.prototype.uploadFile = function (file) {
|
|
||||||
console.debug("Adding upload to queue");
|
|
||||||
this.uploadQueue.push(file);
|
|
||||||
if (this.uploadThreads.length < this.maxThreads) {
|
|
||||||
console.debug("Starting upload thread");
|
|
||||||
var thread_1 = new UploadWorker(this);
|
|
||||||
this.uploadThreads.push(thread_1);
|
|
||||||
setTimeout(function () { thread_1.start(); }, 0); // Start a new upload thread
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
for (var i = 0; i < this.uploadThreads.length; i++) {
|
|
||||||
this.uploadThreads[i].start();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
UploadManager.prototype.uploading = function () {
|
|
||||||
for (var i = 0; i < this.uploadThreads.length; i++) {
|
|
||||||
if (this.uploadThreads[i].isUploading()) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
UploadManager.prototype.grabFile = function () {
|
|
||||||
if (this.uploadQueue.length > 0) {
|
|
||||||
return this.uploadQueue.shift();
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
if (!this.uploading() && this.finishCallback !== null) {
|
|
||||||
this.finishCallback();
|
|
||||||
}
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return UploadManager;
|
|
||||||
}());
|
|
||||||
var UploadWorker = /** @class */ (function () {
|
|
||||||
function UploadWorker(manager) {
|
|
||||||
this.tries = 0;
|
|
||||||
this.uploading = false;
|
|
||||||
this.manager = manager;
|
|
||||||
}
|
|
||||||
UploadWorker.prototype.isUploading = function () { return this.uploading; };
|
|
||||||
UploadWorker.prototype.start = function () {
|
|
||||||
if (!this.uploading) {
|
|
||||||
this.newFile();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
UploadWorker.prototype.newFile = function () {
|
|
||||||
this.uploading = false;
|
|
||||||
var file = this.manager.grabFile();
|
|
||||||
if (file === undefined) { // No more files in the queue. We're finished
|
|
||||||
console.debug("No files left in queue");
|
|
||||||
return; // Stop the thread
|
|
||||||
}
|
|
||||||
this.uploading = true;
|
|
||||||
this.tries = 0;
|
|
||||||
this.upload(file);
|
|
||||||
};
|
|
||||||
UploadWorker.prototype.upload = function (file) {
|
|
||||||
console.debug("Starting upload of " + file.name);
|
|
||||||
var that = this; // jquery changes the definiton of "this"
|
|
||||||
var formData = new FormData();
|
|
||||||
formData.append("name", file.name);
|
|
||||||
formData.append('file', file.file);
|
|
||||||
var xhr = new XMLHttpRequest();
|
|
||||||
xhr.open("POST", apiEndpoint + "/file");
|
|
||||||
xhr.timeout = 21600000; // 6 hours, to account for slow connections
|
|
||||||
// Update progess bar on progress
|
|
||||||
xhr.upload.addEventListener("progress", function (evt) {
|
|
||||||
if (evt.lengthComputable) {
|
|
||||||
file.onProgress(evt.loaded / evt.total);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
xhr.onreadystatechange = function () {
|
|
||||||
if (xhr.readyState !== 4) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (xhr.status >= 100 && xhr.status < 400) {
|
|
||||||
var resp = JSON.parse(xhr.response);
|
|
||||||
// Request is a success
|
|
||||||
file.onFinished(resp.id);
|
|
||||||
that.setHistoryCookie(resp.id);
|
|
||||||
that.newFile(); // Continue uploading on this thread
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
var value, message;
|
|
||||||
if (xhr.status >= 400) {
|
|
||||||
var resp = JSON.parse(xhr.response);
|
|
||||||
value = resp.value;
|
|
||||||
message = resp.message;
|
|
||||||
}
|
|
||||||
console.log("Upload error. status: " + xhr.status + " response: " + xhr.response);
|
|
||||||
if (that.tries === 3) {
|
|
||||||
file.onFailure(value, message);
|
|
||||||
setTimeout(function () { that.newFile(); }, 2000); // Try to continue
|
|
||||||
return; // Upload failed
|
|
||||||
}
|
|
||||||
// Try again
|
|
||||||
that.tries++;
|
|
||||||
setTimeout(function () { that.upload(file); }, that.tries * 5000);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
xhr.send(formData);
|
|
||||||
};
|
|
||||||
UploadWorker.prototype.setHistoryCookie = function (id) {
|
|
||||||
// Make sure the user is not logged in, for privacy. This keeps the
|
|
||||||
// files uploaded while logged in and anonymously uploaded files
|
|
||||||
// separated
|
|
||||||
if (Cookie.read("pd_auth_key") !== null) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
var uc = Cookie.read("pduploads");
|
|
||||||
// First upload in this browser
|
|
||||||
if (uc === null) {
|
|
||||||
Cookie.write("pduploads", id + ".", undefined);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (uc.length > 2000) {
|
|
||||||
// Cookie is becoming too long, drop the oldest two files
|
|
||||||
uc = uc.substring(uc.indexOf(".") + 1).substring(uc.indexOf(".") + 1);
|
|
||||||
}
|
|
||||||
Cookie.write("pduploads", uc + id + ".", undefined);
|
|
||||||
};
|
|
||||||
return UploadWorker;
|
|
||||||
}());
|
|
||||||
@@ -1,187 +0,0 @@
|
|||||||
var uploader = null;
|
|
||||||
var TextUpload = /** @class */ (function () {
|
|
||||||
function TextUpload(file, name) {
|
|
||||||
this.file = file;
|
|
||||||
this.name = name;
|
|
||||||
}
|
|
||||||
TextUpload.prototype.onProgress = function (progress) { return; };
|
|
||||||
TextUpload.prototype.onFinished = function (id) {
|
|
||||||
setTimeout(window.location.href = "/u/" + id, 100);
|
|
||||||
};
|
|
||||||
TextUpload.prototype.onFailure = function (response, error) {
|
|
||||||
alert("File upload failed! The server told us this: " + response);
|
|
||||||
};
|
|
||||||
return TextUpload;
|
|
||||||
}());
|
|
||||||
function uploadText() {
|
|
||||||
var text = $("#textarea").val();
|
|
||||||
var blob = new Blob([text], { type: "text/plain" });
|
|
||||||
var filename = prompt("What do you want to call this piece of textual art?\n\n"
|
|
||||||
+ "Please add your own file extension, if you want.", "Pixeldrain_Text_File.txt");
|
|
||||||
if (filename === null) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (uploader === null) {
|
|
||||||
uploader = new UploadManager();
|
|
||||||
}
|
|
||||||
uploader.uploadFile(new TextUpload(blob, filename));
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Prevent the Tab key from moving the cursor outside of the text area
|
|
||||||
*/
|
|
||||||
$(document).delegate('#textarea', 'keydown', function (e) {
|
|
||||||
var keyCode = e.keyCode || e.which;
|
|
||||||
if (keyCode === 9) {
|
|
||||||
e.preventDefault();
|
|
||||||
var start = $(this).get(0).selectionStart;
|
|
||||||
var end = $(this).get(0).selectionEnd;
|
|
||||||
// set textarea value to: text before caret + tab + text after caret
|
|
||||||
$(this).val($(this).val().substring(0, start)
|
|
||||||
+ "\t"
|
|
||||||
+ $(this).val().substring(end));
|
|
||||||
// put caret at right position again
|
|
||||||
$(this).get(0).selectionStart =
|
|
||||||
$(this).get(0).selectionEnd = start + 1;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
// Upload the file when ctrl + s is pressed
|
|
||||||
$(document).bind('keydown', function (e) {
|
|
||||||
if (e.ctrlKey && (e.which === 83)) {
|
|
||||||
e.preventDefault();
|
|
||||||
uploadText();
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
var Cookie;
|
|
||||||
(function (Cookie) {
|
|
||||||
function read(name) {
|
|
||||||
var result = new RegExp('(?:^|; )' + encodeURIComponent(name) + '=([^;]*)').exec(document.cookie);
|
|
||||||
return result ? result[1] : null;
|
|
||||||
}
|
|
||||||
Cookie.read = read;
|
|
||||||
function write(name, value, days) {
|
|
||||||
if (!days) {
|
|
||||||
days = 365 * 20;
|
|
||||||
}
|
|
||||||
var date = new Date();
|
|
||||||
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
|
||||||
var expires = "; expires=" + date.toUTCString();
|
|
||||||
document.cookie = name + "=" + value + expires + "; path=/";
|
|
||||||
}
|
|
||||||
Cookie.write = write;
|
|
||||||
function remove(name) {
|
|
||||||
write(name, "", -1);
|
|
||||||
}
|
|
||||||
Cookie.remove = remove;
|
|
||||||
})(Cookie || (Cookie = {}));
|
|
||||||
var UploadManager = /** @class */ (function () {
|
|
||||||
function UploadManager() {
|
|
||||||
this.uploadQueue = new Array();
|
|
||||||
this.uploadThreads = new Array();
|
|
||||||
this.maxThreads = 3;
|
|
||||||
}
|
|
||||||
UploadManager.prototype.uploadFile = function (file) {
|
|
||||||
console.debug("Adding upload to queue");
|
|
||||||
this.uploadQueue.push(file);
|
|
||||||
if (this.uploadThreads.length < this.maxThreads) {
|
|
||||||
console.debug("Starting upload thread");
|
|
||||||
var thread_1 = new UploadWorker(this);
|
|
||||||
this.uploadThreads.push(thread_1);
|
|
||||||
setTimeout(function () { thread_1.start(); }, 0); // Start a new upload thread
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
for (var i = 0; i < this.uploadThreads.length; i++) {
|
|
||||||
this.uploadThreads[i].start();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
UploadManager.prototype.grabFile = function () {
|
|
||||||
if (this.uploadQueue.length > 0) {
|
|
||||||
return this.uploadQueue.shift();
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return UploadManager;
|
|
||||||
}());
|
|
||||||
var UploadWorker = /** @class */ (function () {
|
|
||||||
function UploadWorker(manager) {
|
|
||||||
this.tries = 0;
|
|
||||||
this.uploading = false;
|
|
||||||
this.manager = manager;
|
|
||||||
}
|
|
||||||
UploadWorker.prototype.start = function () {
|
|
||||||
if (!this.uploading) {
|
|
||||||
this.newFile();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
UploadWorker.prototype.newFile = function () {
|
|
||||||
var file = this.manager.grabFile();
|
|
||||||
if (file === undefined) {
|
|
||||||
this.uploading = false;
|
|
||||||
console.debug("No files left in queue");
|
|
||||||
return; // Stop the thread
|
|
||||||
}
|
|
||||||
this.uploading = true;
|
|
||||||
this.tries = 0;
|
|
||||||
this.upload(file);
|
|
||||||
};
|
|
||||||
UploadWorker.prototype.upload = function (file) {
|
|
||||||
console.debug("Starting upload of " + file.name);
|
|
||||||
var formData = new FormData();
|
|
||||||
formData.append('file', file.file);
|
|
||||||
formData.append("name", file.name);
|
|
||||||
var that = this; // jquery changes the definiton of "this"
|
|
||||||
$.ajax({
|
|
||||||
url: "/api/file",
|
|
||||||
data: formData,
|
|
||||||
cache: false,
|
|
||||||
crossDomain: false,
|
|
||||||
contentType: false,
|
|
||||||
processData: false,
|
|
||||||
type: 'POST',
|
|
||||||
xhr: function () {
|
|
||||||
var xhr = new XMLHttpRequest();
|
|
||||||
xhr.upload.addEventListener("progress", function (evt) {
|
|
||||||
if (evt.lengthComputable) {
|
|
||||||
file.onProgress(evt.loaded / evt.total);
|
|
||||||
}
|
|
||||||
}, false);
|
|
||||||
return xhr;
|
|
||||||
},
|
|
||||||
success: function (data) {
|
|
||||||
file.onFinished(data.id);
|
|
||||||
that.setHistoryCookie(data.id);
|
|
||||||
console.log("Done: " + data.id);
|
|
||||||
that.newFile(); // Continue uploading on this thread
|
|
||||||
},
|
|
||||||
error: function (xhr, status, error) {
|
|
||||||
console.log("status: " + status + " error: " + error);
|
|
||||||
if (that.tries === 3) {
|
|
||||||
alert("Upload failed: " + status);
|
|
||||||
file.onFailure(status, error);
|
|
||||||
setTimeout(function () { that.newFile(); }, 2000); // Try to continue
|
|
||||||
return; // Upload failed
|
|
||||||
}
|
|
||||||
// Try again
|
|
||||||
that.tries++;
|
|
||||||
setTimeout(function () { that.upload(file); }, that.tries * 3000);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
UploadWorker.prototype.setHistoryCookie = function (id) {
|
|
||||||
var uc = Cookie.read("pduploads");
|
|
||||||
// First upload in this browser
|
|
||||||
if (uc === null) {
|
|
||||||
Cookie.write("pduploads", id + ".", undefined);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (uc.length > 2000) {
|
|
||||||
// Cookie is becoming too long, drop the oldest two files
|
|
||||||
uc = uc.substring(uc.indexOf(".") + 1).substring(uc.indexOf(".") + 1);
|
|
||||||
}
|
|
||||||
Cookie.write("pduploads", uc + id + ".", undefined);
|
|
||||||
};
|
|
||||||
return UploadWorker;
|
|
||||||
}());
|
|
||||||
164
res/include/script/dependencies/UploadManager.js
Normal file
164
res/include/script/dependencies/UploadManager.js
Normal file
@@ -0,0 +1,164 @@
|
|||||||
|
class UploadManager {
|
||||||
|
constructor(apiAddress, uploadsFinished) {let um = this;
|
||||||
|
|
||||||
|
um.apiAddress = apiAddress;
|
||||||
|
|
||||||
|
// Callback function for when the queue is empty
|
||||||
|
um.uploadsFinished = uploadsFinished;
|
||||||
|
|
||||||
|
// Counts the total number of upload jobs
|
||||||
|
um.jobCounter = 0;
|
||||||
|
|
||||||
|
// Queue of files to be uploaded. Format:
|
||||||
|
// {
|
||||||
|
// jobID: number,
|
||||||
|
// file: Blob,
|
||||||
|
// name: string,
|
||||||
|
// onProgress: function,
|
||||||
|
// onFinished: function,
|
||||||
|
// onFailure: function,
|
||||||
|
// tries: number
|
||||||
|
// }
|
||||||
|
um.uploadQueue = [];
|
||||||
|
|
||||||
|
// Here we put successful jobs. The array should be sorted by job ID.
|
||||||
|
// Format:
|
||||||
|
// { jobID: number, fileID: string, fileName: string }
|
||||||
|
um.uploadLog = [];
|
||||||
|
|
||||||
|
// Max number of uploading threads at once
|
||||||
|
um.maxWorkers = 3;
|
||||||
|
|
||||||
|
// Threads which are currently uploading
|
||||||
|
um.activeWorkers = 0;
|
||||||
|
|
||||||
|
// Total number of jobs accepted
|
||||||
|
um.jobCounter = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
finishedUploads() {let um = this;
|
||||||
|
um.uploadLog.sort(function(a, b) {
|
||||||
|
return a.jobID - b.jobID;
|
||||||
|
})
|
||||||
|
return um.uploadLog;
|
||||||
|
}
|
||||||
|
|
||||||
|
addFile(
|
||||||
|
file, // Blob
|
||||||
|
name, // string
|
||||||
|
onProgress, // func (progress: number)
|
||||||
|
onFinished, // func (id: string)
|
||||||
|
onFailure // func (errorID: string, errorMessage: string)
|
||||||
|
) {let um = this;
|
||||||
|
um.uploadQueue.push({
|
||||||
|
jobID: um.jobCounter,
|
||||||
|
file: file,
|
||||||
|
name: name,
|
||||||
|
onProgress: onProgress,
|
||||||
|
onFinished: onFinished,
|
||||||
|
onFailure: onFailure,
|
||||||
|
tries: 0
|
||||||
|
});
|
||||||
|
|
||||||
|
// Increment the job counter
|
||||||
|
um.jobCounter++
|
||||||
|
|
||||||
|
if (um.activeWorkers < um.maxWorkers) {
|
||||||
|
// Run the upload function
|
||||||
|
um.startUpload();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
startUpload() {let um = this;
|
||||||
|
if (um.uploadQueue.length === 0) {
|
||||||
|
return; // Nothing to upload
|
||||||
|
}
|
||||||
|
|
||||||
|
if (um.activeWorkers < um.maxWorkers) {
|
||||||
|
um.activeWorkers++;
|
||||||
|
um.uploadThread();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
finishUpload() {let um = this;
|
||||||
|
um.activeWorkers--;
|
||||||
|
|
||||||
|
if (
|
||||||
|
um.uploadQueue.length === 0 &&
|
||||||
|
um.activeWorkers === 0 &&
|
||||||
|
typeof(um.uploadsFinished) === "function"
|
||||||
|
) {
|
||||||
|
um.uploadsFinished();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Run the upload function for the next file
|
||||||
|
um.startUpload();
|
||||||
|
}
|
||||||
|
|
||||||
|
uploadThread() {let um = this;
|
||||||
|
let job = um.uploadQueue.shift(); // Get the first element of the array
|
||||||
|
console.debug("Starting upload of " + job.name);
|
||||||
|
|
||||||
|
let form = new FormData();
|
||||||
|
form.append("name", job.name);
|
||||||
|
form.append('file', job.file);
|
||||||
|
|
||||||
|
let xhr = new XMLHttpRequest();
|
||||||
|
xhr.open("POST", um.apiAddress + "/file", true);
|
||||||
|
xhr.timeout = 21600000; // 6 hours, to account for slow connections
|
||||||
|
|
||||||
|
// Report progress updates back to the caller
|
||||||
|
xhr.upload.addEventListener("progress", function (evt) {
|
||||||
|
if (evt.lengthComputable && typeof(job.onProgress) === "function") {
|
||||||
|
job.onProgress(evt.loaded / evt.total);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
xhr.onreadystatechange = function () {
|
||||||
|
// readystate 4 means the upload is done
|
||||||
|
if (xhr.readyState !== 4) { return; }
|
||||||
|
|
||||||
|
if (xhr.status >= 100 && xhr.status < 400) {
|
||||||
|
// Request is a success
|
||||||
|
let resp = JSON.parse(xhr.response);
|
||||||
|
addUploadHistory(resp.id)
|
||||||
|
|
||||||
|
// Log the successful job
|
||||||
|
um.uploadLog.push({
|
||||||
|
jobID: job.jobID,
|
||||||
|
fileID: resp.id,
|
||||||
|
fileName: job.name
|
||||||
|
});
|
||||||
|
|
||||||
|
if (typeof(job.onFinished) === "function") {
|
||||||
|
job.onFinished(resp.id);
|
||||||
|
}
|
||||||
|
} else if (xhr.status >= 400) {
|
||||||
|
// Request failed
|
||||||
|
console.log("Upload error. status: " + xhr.status + " response: " + xhr.response);
|
||||||
|
let resp = JSON.parse(xhr.response);
|
||||||
|
if (job.tries === 3) { // Upload failed
|
||||||
|
job.onFailure(resp.value, resp.message);
|
||||||
|
} else { // Try again
|
||||||
|
job.tries++;
|
||||||
|
um.uploadQueue.push(job);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// Request did not arrive
|
||||||
|
if (job.tries === 3) { // Upload failed
|
||||||
|
if (typeof(job.onFailure) === "function") {
|
||||||
|
job.onFailure(xhr.response, xhr.response);
|
||||||
|
}
|
||||||
|
} else { // Try again
|
||||||
|
job.tries++;
|
||||||
|
um.uploadQueue.push(job);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Finish the upload job
|
||||||
|
um.finishUpload();
|
||||||
|
};
|
||||||
|
xhr.send(form);
|
||||||
|
}
|
||||||
|
}
|
||||||
68
res/include/script/dependencies/util.js
Normal file
68
res/include/script/dependencies/util.js
Normal file
@@ -0,0 +1,68 @@
|
|||||||
|
function renderFileButton(apiURL, id, title, subtitle) {
|
||||||
|
let btn = document.createElement("a");
|
||||||
|
btn.classList = "file_button";
|
||||||
|
btn.href = "/u/"+id;
|
||||||
|
btn.target = "_blank";
|
||||||
|
let thumbnail = document.createElement("img");
|
||||||
|
thumbnail.src = apiURL+"/file/"+id+"/thumbnail?width=80&height=80";
|
||||||
|
thumbnail.alt = title;
|
||||||
|
let titleSpan = document.createElement("span");
|
||||||
|
titleSpan.classList = "file_button_title";
|
||||||
|
titleSpan.innerText = title;
|
||||||
|
let br = document.createElement("br");
|
||||||
|
let subtitleSpan = document.createElement("span");
|
||||||
|
subtitleSpan.classList = "file_button_subtitle";
|
||||||
|
subtitleSpan.innerText = subtitle;
|
||||||
|
|
||||||
|
btn.appendChild(thumbnail);
|
||||||
|
btn.appendChild(titleSpan);
|
||||||
|
btn.appendChild(br);
|
||||||
|
btn.appendChild(subtitleSpan);
|
||||||
|
return btn;
|
||||||
|
}
|
||||||
|
function renderListButton(apiURL, id, title, subtitle) {
|
||||||
|
let btn = document.createElement("a");
|
||||||
|
btn.classList = "file_button";
|
||||||
|
btn.href = "/l/"+id;
|
||||||
|
btn.target = "_blank";
|
||||||
|
let thumbnail = document.createElement("img");
|
||||||
|
thumbnail.src = apiURL+"/list/"+id+"/thumbnail?width=80&height=80";
|
||||||
|
thumbnail.alt = title;
|
||||||
|
let titleSpan = document.createElement("span");
|
||||||
|
titleSpan.classList = "file_button_title";
|
||||||
|
titleSpan.innerText = title;
|
||||||
|
let br = document.createElement("br");
|
||||||
|
let subtitleSpan = document.createElement("span");
|
||||||
|
subtitleSpan.classList = "file_button_subtitle";
|
||||||
|
subtitleSpan.innerText = subtitle;
|
||||||
|
|
||||||
|
btn.appendChild(thumbnail);
|
||||||
|
btn.appendChild(titleSpan);
|
||||||
|
btn.appendChild(br);
|
||||||
|
btn.appendChild(subtitleSpan);
|
||||||
|
return btn;
|
||||||
|
}
|
||||||
|
|
||||||
|
function addUploadHistory(fileID) {
|
||||||
|
// Make sure the user is not logged in, for privacy. This keeps the
|
||||||
|
// files uploaded while logged in and anonymously uploaded files
|
||||||
|
// separated
|
||||||
|
if (document.cookie.includes("pd_auth_key")) { return; }
|
||||||
|
|
||||||
|
let uploads = localStorage.getItem("uploaded_files");
|
||||||
|
if (uploads === null) { uploads = ""; }
|
||||||
|
|
||||||
|
// Check if there are not too many values stored
|
||||||
|
if (uploads.length > 3600) {
|
||||||
|
// 3600 characters is enough to store 400 file IDs. If we exceed that
|
||||||
|
// number we'll drop the last two items
|
||||||
|
uploads = uploads.substring(
|
||||||
|
uploads.indexOf(",") + 1
|
||||||
|
).substring(
|
||||||
|
uploads.indexOf(",") + 1
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Save the new ID
|
||||||
|
localStorage.setItem("uploaded_files", fileID + "," + uploads);
|
||||||
|
}
|
||||||
@@ -1,22 +0,0 @@
|
|||||||
/*
|
|
||||||
Created on : Oct 21, 2015, 1:15:03 PM
|
|
||||||
Author : Fornax
|
|
||||||
*/
|
|
||||||
.uploadQueueSideBar{
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.uploadQueueToggleButton{
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.uploadNotification{
|
|
||||||
position: fixed;
|
|
||||||
background-color: #333;
|
|
||||||
border: 2px #555 outset;
|
|
||||||
|
|
||||||
height: 100px;
|
|
||||||
width: 200px;
|
|
||||||
right: 10px;
|
|
||||||
bottom: 10px;
|
|
||||||
}
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
/*
|
|
||||||
* Made by Fornax
|
|
||||||
*/
|
|
||||||
|
|
||||||
$(document).ready(function () {
|
|
||||||
// Add the stylesheet
|
|
||||||
$("head").append('<link rel="stylesheet" type="text/css" href="/res/script/embedupload.css">');
|
|
||||||
});
|
|
||||||
|
|
||||||
var ModularUploader = {
|
|
||||||
doUpload: function(){
|
|
||||||
|
|
||||||
}
|
|
||||||
};
|
|
||||||
@@ -1,52 +1,55 @@
|
|||||||
var uploads;
|
function getCookie(name) {
|
||||||
|
var result = new RegExp('(?:^|; )' + encodeURIComponent(name) + '=([^;]*)').exec(document.cookie);
|
||||||
$(document).ready(function () {
|
return result ? result[1] : null;
|
||||||
var uploadString = $.cookie("pduploads");
|
|
||||||
uploadString = uploadString.slice(0, -1);
|
|
||||||
uploads = uploadString.split(".");
|
|
||||||
|
|
||||||
uploads.reverse();
|
|
||||||
|
|
||||||
var timeout = 250;
|
|
||||||
var itemcount = 0;
|
|
||||||
$.each(uploads, function (nr, id) {
|
|
||||||
setTimeout(function () {
|
|
||||||
$.ajax({
|
|
||||||
type: "GET",
|
|
||||||
dataType: "json",
|
|
||||||
url: apiEndpoint + "/file/" + id + "/info",
|
|
||||||
async: true,
|
|
||||||
success: function(data) {
|
|
||||||
historyAddItem(data);
|
|
||||||
},
|
|
||||||
error: function(data) {
|
|
||||||
historyAddItem(data.responseJSON);
|
|
||||||
}
|
}
|
||||||
});
|
|
||||||
}, timeout);
|
|
||||||
|
|
||||||
timeout = timeout + 100;
|
// Get the uploads from localstorage
|
||||||
itemcount++;
|
let uploadsStr = localStorage.getItem("uploaded_files");
|
||||||
if (itemcount > 1000) {
|
if (uploadsStr === null) { uploadsStr = ""; }
|
||||||
return false;
|
|
||||||
|
let uploads = Array();
|
||||||
|
|
||||||
|
if (uploadsStr != "") {
|
||||||
|
uploadsStr = uploadsStr.slice(0, -1); // Strip the trailing comma
|
||||||
|
uploads = uploadsStr.split(",");
|
||||||
}
|
}
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
function historyAddItem(json) {
|
// Get the uploads from a cookie
|
||||||
if(!json.success){return;}
|
uploadsStr = getCookie("pduploads");
|
||||||
|
if (uploadsStr === null) { uploadsStr = ""; }
|
||||||
|
|
||||||
var date = new Date(json.date_upload);
|
if (uploadsStr != "") {
|
||||||
|
uploadsStr = uploadsStr.slice(0, -1); // Strip the trailing dot
|
||||||
var uploadItem = '<a href="/u/'+ json.id +'" target="_blank" class="file_button">'
|
uploads.push(uploadsStr.split(".").reverse());
|
||||||
+ '<img src="'+ apiEndpoint + json.thumbnail_href + '?width=80&height=80"'
|
|
||||||
+ "alt=\"" + json.name + "\" />"
|
|
||||||
+ '<span style="color: var(--highlight_color);">'+json.name+'</span>'
|
|
||||||
+ "<br/>"
|
|
||||||
+ date.getFullYear() + "-"
|
|
||||||
+ ("00" + (date.getMonth() + 1)).slice(-2) + "-"
|
|
||||||
+ ("00" + date.getDate()).slice(-2)
|
|
||||||
+ "</a>";
|
|
||||||
|
|
||||||
$("#uploadedFiles").append($(uploadItem).hide().fadeIn(500));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Render all the items
|
||||||
|
function getHistoryItem() {
|
||||||
|
let item = uploads.shift();
|
||||||
|
if (item === undefined || item === "") { return; }
|
||||||
|
|
||||||
|
fetch(
|
||||||
|
apiEndpoint+"/file/"+item+"/info"
|
||||||
|
).then(resp => {
|
||||||
|
if (!resp.ok) {
|
||||||
|
return Promise.reject();
|
||||||
|
}
|
||||||
|
return resp.json();
|
||||||
|
}).then(resp => {
|
||||||
|
let date = new Date(resp.date_upload);
|
||||||
|
document.getElementById("uploaded_files").appendChild(
|
||||||
|
renderFileButton(
|
||||||
|
apiEndpoint,
|
||||||
|
resp.id,
|
||||||
|
resp.name,
|
||||||
|
date.getFullYear()+"-"+("00"+(date.getMonth()+1)).slice(-2)+"-"+("00"+date.getDate()).slice(-2)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
getHistoryItem();
|
||||||
|
}).catch(err => {
|
||||||
|
console.log("Fetch failed: "+err)
|
||||||
|
getHistoryItem();
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
getHistoryItem();
|
||||||
|
|||||||
@@ -1,150 +0,0 @@
|
|||||||
// Form upload handlers
|
|
||||||
|
|
||||||
// Relay click event to hidden file field
|
|
||||||
document.getElementById("select_file_button").onclick = function(){
|
|
||||||
document.getElementById("file_input_field").click()
|
|
||||||
}
|
|
||||||
|
|
||||||
document.getElementById("file_input_field").onchange = function(evt){
|
|
||||||
handleUploads(evt.target.files);
|
|
||||||
|
|
||||||
// This resets the file input field
|
|
||||||
document.getElementById("file_input_field").nodeValue = "";
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Drag 'n Drop upload handlers
|
|
||||||
*/
|
|
||||||
document.ondragover = function (e) {
|
|
||||||
e.preventDefault()
|
|
||||||
e.stopPropagation()
|
|
||||||
}
|
|
||||||
document.ondragenter = function (e) {
|
|
||||||
e.preventDefault()
|
|
||||||
e.stopPropagation()
|
|
||||||
}
|
|
||||||
|
|
||||||
document.addEventListener('drop', function(e){
|
|
||||||
if (e.dataTransfer && e.dataTransfer.files.length > 0) {
|
|
||||||
e.preventDefault()
|
|
||||||
e.stopPropagation()
|
|
||||||
|
|
||||||
handleUploads(e.dataTransfer.files)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
function handleUploads(files) {
|
|
||||||
if (uploader === null){
|
|
||||||
uploader = new UploadManager();
|
|
||||||
uploader.finishCallback = uploadsFinished;
|
|
||||||
}
|
|
||||||
|
|
||||||
for (var i = 0; i < files.length; i++) {
|
|
||||||
uploader.uploadFile(new UploadProgressBar(files.item(i)))
|
|
||||||
}
|
|
||||||
|
|
||||||
document.getElementById("instruction_2").style.display = "";
|
|
||||||
document.getElementById("instruction_3").style.display = "none";
|
|
||||||
document.getElementById("instruction_3_after").style.display = "none";
|
|
||||||
}
|
|
||||||
|
|
||||||
var shareLink = "";
|
|
||||||
var shareTitle = "";
|
|
||||||
|
|
||||||
async function uploadsFinished() {
|
|
||||||
let url = window.location.protocol+"//"+window.location.hostname;
|
|
||||||
if (window.location.port != "") {
|
|
||||||
url = window.location.protocol+"//"+window.location.hostname+":"+window.location.port;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (finishedUploads.length === 0) {
|
|
||||||
return;
|
|
||||||
} else if (finishedUploads.length === 1) {
|
|
||||||
shareLink = url+"/u/"+finishedUploads[0].id;
|
|
||||||
shareTitle = "Download "+finishedUploads[0].name+" here";
|
|
||||||
} else {
|
|
||||||
let id = await createList(totalUploads+" files", true);
|
|
||||||
console.log("Automatic list ID "+id);
|
|
||||||
|
|
||||||
if (id != "") {
|
|
||||||
shareLink = url+"/l/"+id;
|
|
||||||
shareTitle = "View "+totalUploads+" files here";
|
|
||||||
} else {
|
|
||||||
alert("Failed to group files. Please create list manually");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
document.getElementById("instruction_3").style.display = "";
|
|
||||||
document.getElementById("instruction_3_after").style.display = "";
|
|
||||||
|
|
||||||
if (window.navigator && window.navigator.share) {
|
|
||||||
document.getElementById("social_buttons").style.display = "none";
|
|
||||||
} else {
|
|
||||||
document.getElementById("navigator_share_button").style.display = "none";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function shareButton() {
|
|
||||||
window.navigator.share({
|
|
||||||
title: "Pixeldrain",
|
|
||||||
text: shareTitle,
|
|
||||||
url: shareLink
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
document.addEventListener("keydown", function(event){
|
|
||||||
if (event.ctrlKey || event.altKey) {
|
|
||||||
return // prevent custom shortcuts from interfering with system shortcuts
|
|
||||||
}
|
|
||||||
if (event.which == 67 && !uploader.uploading()) { // C to copy to clipboard
|
|
||||||
copyLink();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
function copyLink() {
|
|
||||||
if(copyText(shareLink)) {
|
|
||||||
console.log('Text copied');
|
|
||||||
document.querySelector("#btn_copy_link>span").textContent = "Copied!";
|
|
||||||
document.getElementById("btn_copy_link").classList.add("button_highlight");
|
|
||||||
} else {
|
|
||||||
console.log('Copying not supported');
|
|
||||||
alert("Your browser does not support copying text.");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function openLink() {
|
|
||||||
window.open(shareLink, '_blank');
|
|
||||||
}
|
|
||||||
|
|
||||||
function createList(title, anonymous) {
|
|
||||||
var postData = {
|
|
||||||
"title": title,
|
|
||||||
"anonymous": anonymous,
|
|
||||||
"files": new Array()
|
|
||||||
};
|
|
||||||
for (var i = 0; i < finishedUploads.length; i++) {
|
|
||||||
if (finishedUploads[i] == undefined) {
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
postData.files.push({
|
|
||||||
"id": finishedUploads[i].id
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
return fetch(
|
|
||||||
apiEndpoint+"/list",
|
|
||||||
{
|
|
||||||
method: "POST",
|
|
||||||
headers: {"Content-Type": "application/json"},
|
|
||||||
body: JSON.stringify(postData)
|
|
||||||
}
|
|
||||||
).then(response => {
|
|
||||||
if (!response.ok) {
|
|
||||||
throw new Error("HTTP error "+response.status);
|
|
||||||
}
|
|
||||||
return response.json();
|
|
||||||
}).then(function (response) {
|
|
||||||
return response.id;
|
|
||||||
}).catch(function(error) {
|
|
||||||
console.log(error);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
367
res/include/script/homepage.js
Normal file
367
res/include/script/homepage.js
Normal file
@@ -0,0 +1,367 @@
|
|||||||
|
class UploadProgressBar {
|
||||||
|
constructor(uploadManager, queueDiv, file){
|
||||||
|
this.uploadManager = uploadManager;
|
||||||
|
this.file = file;
|
||||||
|
this.name = file.name;
|
||||||
|
|
||||||
|
this.uploadDiv = document.createElement("a");
|
||||||
|
this.uploadDiv.classList.add("file_button");
|
||||||
|
this.uploadDiv.style.opacity = "0";
|
||||||
|
this.uploadDiv.innerText = "Queued\n" + this.file.name;
|
||||||
|
queueDiv.appendChild(this.uploadDiv);
|
||||||
|
|
||||||
|
// Start uploading the file
|
||||||
|
let that = this;
|
||||||
|
this.uploadManager.addFile(
|
||||||
|
this.file,
|
||||||
|
this.name,
|
||||||
|
function(progress) { that.onProgress(progress); },
|
||||||
|
function(id) { that.onFinished(id); },
|
||||||
|
function(val, msg) { that.onFailure(val, msg); }
|
||||||
|
);
|
||||||
|
|
||||||
|
// Browsers don't render the transition if the opacity is set and
|
||||||
|
// updated in the same frame. So we have to wait a frame (or more)
|
||||||
|
// before changing the opacity to make sure the transition triggers
|
||||||
|
var d = this.uploadDiv // `this` stops working after constructor ends
|
||||||
|
window.setTimeout(function(){d.style.opacity = "1";}, 100)
|
||||||
|
}
|
||||||
|
|
||||||
|
onProgress(progress){
|
||||||
|
this.uploadDiv.innerText = "Uploading... " + Math.round(progress*1000)/10 + "%\n" + this.name
|
||||||
|
this.uploadDiv.style.background = 'linear-gradient('
|
||||||
|
+'to right, '
|
||||||
|
+'var(--file_background_color) 0%, '
|
||||||
|
+'var(--highlight_color) '+ ((progress*100)) +'%, '
|
||||||
|
+'var(--file_background_color) '+ ((progress*100)+1) +'%)'
|
||||||
|
}
|
||||||
|
onFinished(id){
|
||||||
|
console.log("Upload finished: "+this.file.name+" "+id);
|
||||||
|
|
||||||
|
this.uploadDiv.style.background = 'var(--file_background_color)'
|
||||||
|
this.uploadDiv.href = '/u/'+id
|
||||||
|
this.uploadDiv.target= "_blank"
|
||||||
|
|
||||||
|
let fileImg = document.createElement("img")
|
||||||
|
fileImg.src = apiEndpoint+'/file/'+id+'/thumbnail'
|
||||||
|
fileImg.alt = this.file.name
|
||||||
|
|
||||||
|
let linkSpan = document.createElement("span")
|
||||||
|
linkSpan.style.color = "var(--highlight_color)"
|
||||||
|
linkSpan.innerText = domainURL()+"/u/"+id
|
||||||
|
|
||||||
|
this.uploadDiv.innerHTML = "" // Remove uploading progress
|
||||||
|
this.uploadDiv.appendChild(fileImg)
|
||||||
|
this.uploadDiv.appendChild(document.createTextNode(this.file.name))
|
||||||
|
this.uploadDiv.appendChild(document.createElement("br"))
|
||||||
|
this.uploadDiv.appendChild(linkSpan)
|
||||||
|
}
|
||||||
|
onFailure(error) {
|
||||||
|
this.uploadDiv.innerHTML = "" // Remove uploading progress
|
||||||
|
this.uploadDiv.style.background = 'var(--danger_color)'
|
||||||
|
this.uploadDiv.appendChild(document.createTextNode(this.file.name))
|
||||||
|
this.uploadDiv.appendChild(document.createElement("br"))
|
||||||
|
this.uploadDiv.appendChild(document.createTextNode("Upload failed after three tries:"))
|
||||||
|
this.uploadDiv.appendChild(document.createElement("br"))
|
||||||
|
this.uploadDiv.appendChild(document.createTextNode(error))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
let uploader = null;
|
||||||
|
let shareTitle = "";
|
||||||
|
let shareLink = "";
|
||||||
|
|
||||||
|
function handleUploads(files) {
|
||||||
|
if (uploader === null){
|
||||||
|
uploader = new UploadManager(apiEndpoint, uploadsFinished);
|
||||||
|
}
|
||||||
|
|
||||||
|
for (let i = 0; i < files.length; i++) {
|
||||||
|
new UploadProgressBar(
|
||||||
|
uploader,
|
||||||
|
document.getElementById("uploads_queue"),
|
||||||
|
files.item(i)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
hideShareButtons();
|
||||||
|
}
|
||||||
|
|
||||||
|
function domainURL() {
|
||||||
|
let url = window.location.protocol+"//"+window.location.hostname;
|
||||||
|
if (window.location.port != "") {
|
||||||
|
url = url+":"+window.location.port;
|
||||||
|
}
|
||||||
|
return url;
|
||||||
|
}
|
||||||
|
|
||||||
|
function uploadsFinished() {
|
||||||
|
shareLink = ""
|
||||||
|
shareTitle = ""
|
||||||
|
|
||||||
|
// Get the finished uploads from the uploader
|
||||||
|
let uploadLog = uploader.finishedUploads();
|
||||||
|
|
||||||
|
if (uploadLog.length === 1) {
|
||||||
|
shareTitle = "Download "+uploadLog[0].name+" here";
|
||||||
|
shareLink = domainURL()+"/u/"+uploadLog[0].id;
|
||||||
|
|
||||||
|
showShareButtons();
|
||||||
|
} else if (uploadLog.length > 1) {
|
||||||
|
let title = uploadLog.length + " files";
|
||||||
|
|
||||||
|
createList(
|
||||||
|
title, true,
|
||||||
|
).then(resp => {
|
||||||
|
console.log("Automatic list ID "+resp.id);
|
||||||
|
shareTitle = "View "+title+" here";
|
||||||
|
shareLink = domainURL()+"/l/"+resp.id;
|
||||||
|
|
||||||
|
showShareButtons();
|
||||||
|
}).catch(err => {
|
||||||
|
alert("Failed to generate link. Please check your internet connection and try again.\nError: "+err);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function createList(title, anonymous) {
|
||||||
|
let uploads = uploader.finishedUploads();
|
||||||
|
let files = Array();
|
||||||
|
for (let i = 0; i < uploads.length; i++) {
|
||||||
|
files.push({ "id": uploads[i].fileID });
|
||||||
|
}
|
||||||
|
|
||||||
|
return fetch(
|
||||||
|
apiEndpoint+"/list",
|
||||||
|
{
|
||||||
|
method: "POST",
|
||||||
|
headers: {"Content-Type": "application/json; charset=UTF-8"},
|
||||||
|
body: JSON.stringify({
|
||||||
|
"title": title,
|
||||||
|
"anonymous": anonymous,
|
||||||
|
"files": files
|
||||||
|
})
|
||||||
|
}
|
||||||
|
).then(resp => {
|
||||||
|
if (!resp.ok) {
|
||||||
|
return Promise.reject("HTTP error: "+resp.status);
|
||||||
|
}
|
||||||
|
return resp.json();
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function hideShareButtons() {
|
||||||
|
document.getElementById("instruction_2").style.display = "";
|
||||||
|
document.getElementById("instruction_3").style.display = "none";
|
||||||
|
document.getElementById("instruction_3_after").style.display = "none";
|
||||||
|
}
|
||||||
|
|
||||||
|
function showShareButtons() {
|
||||||
|
document.getElementById("instruction_3").style.display = "";
|
||||||
|
document.getElementById("instruction_3_after").style.display = "";
|
||||||
|
|
||||||
|
if (window.navigator && window.navigator.share) {
|
||||||
|
document.getElementById("social_buttons").style.display = "none";
|
||||||
|
} else {
|
||||||
|
document.getElementById("navigator_share_button").style.display = "none";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function copyLink() {
|
||||||
|
if(copyText(shareLink)) {
|
||||||
|
console.log('Text copied');
|
||||||
|
document.querySelector("#btn_copy_link>span").textContent = "Copied!";
|
||||||
|
document.getElementById("btn_copy_link").classList.add("button_highlight");
|
||||||
|
} else {
|
||||||
|
console.log('Copying not supported');
|
||||||
|
alert("Your browser does not support copying text.");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function copyText(text) {
|
||||||
|
// Create a textarea to copy the text from
|
||||||
|
let ta = document.createElement("textarea");
|
||||||
|
ta.setAttribute("readonly", "readonly")
|
||||||
|
ta.style.position = "absolute";
|
||||||
|
ta.style.left = "-9999px";
|
||||||
|
ta.value = text; // Put the text in the textarea
|
||||||
|
|
||||||
|
// Add the textarea to the DOM so it can be seleted by the user
|
||||||
|
document.body.appendChild(ta);
|
||||||
|
ta.select() // Select the contents of the textarea
|
||||||
|
let success = document.execCommand("copy"); // Copy the selected text
|
||||||
|
document.body.removeChild(ta); // Remove the textarea
|
||||||
|
return success;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Upload Handlers
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Relay click event to hidden file field
|
||||||
|
document.getElementById("upload_file_button").onclick = function() {
|
||||||
|
document.getElementById("file_input_field").click();
|
||||||
|
}
|
||||||
|
document.getElementById("file_input_field").onchange = function(evt){
|
||||||
|
// Start uploading the files async
|
||||||
|
window.setTimeout(handleUploads(evt.target.files), 1);
|
||||||
|
|
||||||
|
// This resets the file input field
|
||||||
|
document.getElementById("file_input_field").nodeValue = "";
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("upload_text_button").onclick = function() {
|
||||||
|
window.location.href = '/t/';
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Drag 'n Drop upload handlers
|
||||||
|
*/
|
||||||
|
|
||||||
|
document.ondragover = function(e) { e.preventDefault(); e.stopPropagation(); }
|
||||||
|
document.ondragenter = function(e) { e.preventDefault(); e.stopPropagation(); }
|
||||||
|
document.addEventListener('drop', function(e){
|
||||||
|
if (e.dataTransfer && e.dataTransfer.files.length > 0) {
|
||||||
|
e.preventDefault()
|
||||||
|
e.stopPropagation()
|
||||||
|
|
||||||
|
// Run async to not freeze the page
|
||||||
|
window.setTimeout(handleUploads(e.dataTransfer.files), 1);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Share buttons
|
||||||
|
*/
|
||||||
|
|
||||||
|
document.getElementById("btn_social_share").addEventListener("click", function() {
|
||||||
|
window.navigator.share({
|
||||||
|
title: "Pixeldrain",
|
||||||
|
text: shareTitle,
|
||||||
|
url: shareLink
|
||||||
|
});
|
||||||
|
});
|
||||||
|
document.getElementById("btn_copy_link").addEventListener("click", function() {
|
||||||
|
copyLink();
|
||||||
|
});
|
||||||
|
document.getElementById("btn_open_link").addEventListener("click", function() {
|
||||||
|
window.open(shareLink, '_blank');
|
||||||
|
});
|
||||||
|
document.getElementById("btn_social_email").addEventListener("click", function() {
|
||||||
|
window.open('mailto:please@set.address?subject=File%20on%20pixeldrain&body=' + shareLink);
|
||||||
|
});
|
||||||
|
document.getElementById("btn_social_twitter").addEventListener("click", function() {
|
||||||
|
window.open('https://twitter.com/share?url=' + shareLink);
|
||||||
|
});
|
||||||
|
document.getElementById("btn_social_facebook").addEventListener("click", function() {
|
||||||
|
window.open('http://www.facebook.com/sharer.php?u=' + shareLink);
|
||||||
|
});
|
||||||
|
document.getElementById("btn_social_reddit").addEventListener("click", function() {
|
||||||
|
window.open('https://www.reddit.com/submit?url=' + shareLink);
|
||||||
|
});
|
||||||
|
document.getElementById("btc_social_tumblr").addEventListener("click", function() {
|
||||||
|
window.open('http://www.tumblr.com/share/link?url=' + shareLink);
|
||||||
|
});
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Link copy buttons
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Create list button
|
||||||
|
document.getElementById("btn_create_list").addEventListener("click", function(evt) {
|
||||||
|
let title = prompt(
|
||||||
|
"You are creating a list containing " + uploader.finishedUploads().length + " files.\n"
|
||||||
|
+ "What do you want to call it?", "My New Album"
|
||||||
|
);
|
||||||
|
if(title === null){
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
createList(title, false).then(resp => {
|
||||||
|
document.getElementById("created_lists").appendChild(
|
||||||
|
renderListButton(
|
||||||
|
apiEndpoint,
|
||||||
|
resp.id,
|
||||||
|
domainURL()+'/l/'+resp.id,
|
||||||
|
"List creation finished!",
|
||||||
|
)
|
||||||
|
);
|
||||||
|
window.open('/l/'+resp.id, '_blank');
|
||||||
|
}).catch(err => {
|
||||||
|
let div = document.createElement("div")
|
||||||
|
div.className = "file_button";
|
||||||
|
div.innerHTML = "List creation failed<br/>"
|
||||||
|
+ "The server responded with:<br/>"
|
||||||
|
+ err;
|
||||||
|
document.getElementById("created_lists").append(div);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
let btnCopyLinks = document.getElementById("btn_copy_links");
|
||||||
|
btnCopyLinks.addEventListener("click", function(){
|
||||||
|
let text = "";
|
||||||
|
let uploads = uploader.finishedUploads();
|
||||||
|
|
||||||
|
// Add the text to the textarea
|
||||||
|
for (let i = 0; i < uploads.length; i++) {
|
||||||
|
// Example: https://pixeldrain.com/u/abcd1234: Some_file.png
|
||||||
|
text += domainURL()+"/u/"+uploads[i].fileID+" "+uploads[i].fileName+"\n";
|
||||||
|
}
|
||||||
|
if (shareLink.includes("/l/")) {
|
||||||
|
text += "\n"+shareLink+" All "+uploads.length+" files\n";
|
||||||
|
}
|
||||||
|
|
||||||
|
// Copy the selected text
|
||||||
|
if(copyText(text)){
|
||||||
|
btnCopyLinks.classList.add("button_highlight");
|
||||||
|
btnCopyLinks.innerHTML = "Links copied to clipboard!"
|
||||||
|
}else{
|
||||||
|
btnCopyLinks.classList.add("button_red");
|
||||||
|
btnCopyLinks.innerHTML = "Copying links failed"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
let btnCopyBBCode = document.getElementById("btn_copy_bbcode");
|
||||||
|
btnCopyBBCode.addEventListener("click", function(){
|
||||||
|
let text = "";
|
||||||
|
let uploads = uploader.finishedUploads();
|
||||||
|
|
||||||
|
// Add the text to the textarea
|
||||||
|
for (let i = 0; i < uploads.length; i++) {
|
||||||
|
// Example: [url=https://pixeldrain.com/u/abcd1234]Some_file.png[/url]
|
||||||
|
text += "[url="+domainURL()+"/u/"+uploads[i].fileID+"]"+uploads[i].fileName+"[/url]\n";
|
||||||
|
}
|
||||||
|
if (shareLink.includes("/l/")) {
|
||||||
|
text += "\n[url="+shareLink+"]All "+uploads.length+" files[/url]\n";
|
||||||
|
}
|
||||||
|
|
||||||
|
// Copy the selected text
|
||||||
|
if(copyText(text)){
|
||||||
|
btnCopyBBCode.classList.add("button_highlight");
|
||||||
|
btnCopyBBCode.innerHTML = "BBCode copied to clipboard!"
|
||||||
|
}else{
|
||||||
|
btnCopyBBCode.classList.add("button_red");
|
||||||
|
btnCopyBBCode.innerHTML = "Copying links failed"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Keyboard shortcuts
|
||||||
|
*/
|
||||||
|
|
||||||
|
document.addEventListener("keydown", function(event){
|
||||||
|
if (event.ctrlKey || event.altKey) {
|
||||||
|
return // prevent custom shortcuts from interfering with system shortcuts
|
||||||
|
}
|
||||||
|
if (event.which === 67 && !uploader.uploading()) { // c
|
||||||
|
// Copy links to clipboard
|
||||||
|
copyLink();
|
||||||
|
} else if (event.which === 85) { // u
|
||||||
|
// Click the upload button
|
||||||
|
document.getElementById("file_input_field").click();
|
||||||
|
} else if (event.which === 84) { // t
|
||||||
|
// Click the text button
|
||||||
|
document.getElementById("upload_text_button").click();
|
||||||
|
}
|
||||||
|
console.log(event.which)
|
||||||
|
});
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
var listItems = new Array();
|
|
||||||
|
|
||||||
function addToList(id, desc){
|
|
||||||
var listEntry = {id: id, desc: desc};
|
|
||||||
|
|
||||||
listItems.push(listEntry);
|
|
||||||
}
|
|
||||||
|
|
||||||
function openList(){
|
|
||||||
var arrayLength = listItems.length;
|
|
||||||
|
|
||||||
var url = "/u/"
|
|
||||||
for (var i = 0; i < arrayLength; i++) {
|
|
||||||
if (i != 0) {
|
|
||||||
url = url + ","
|
|
||||||
}
|
|
||||||
url = url + listItems[i]["id"]
|
|
||||||
}
|
|
||||||
|
|
||||||
window.open(url)
|
|
||||||
}
|
|
||||||
|
|
||||||
$("#btnOpenAsList").click(function (evt) {
|
|
||||||
openList();
|
|
||||||
});
|
|
||||||
@@ -1,107 +0,0 @@
|
|||||||
/**
|
|
||||||
* Made by Fornax
|
|
||||||
* Use if you need to
|
|
||||||
*/
|
|
||||||
|
|
||||||
function uploadText() {
|
|
||||||
var text = $("#textarea").val();
|
|
||||||
if(!text.endsWith("\n")){
|
|
||||||
text += "\n";
|
|
||||||
}
|
|
||||||
|
|
||||||
var blob = new Blob([text], {type: "text/plain"});
|
|
||||||
|
|
||||||
startFileUpload(blob);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Upload functions
|
|
||||||
*/
|
|
||||||
function startFileUpload(blob) {
|
|
||||||
formData = new FormData();
|
|
||||||
formData.append('file', blob);
|
|
||||||
|
|
||||||
var filename = prompt("What do you want to call this piece of textual art?\n\n"
|
|
||||||
+ "Please add your own file extension, if you want.",
|
|
||||||
"Pixeldrain_Text_File.txt");
|
|
||||||
|
|
||||||
if(filename === null){
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
formData.append("name", filename);
|
|
||||||
|
|
||||||
jQuery.ajax({
|
|
||||||
url: "/api/file",
|
|
||||||
data: formData,
|
|
||||||
cache: false,
|
|
||||||
crossDomain: true,
|
|
||||||
contentType: false,
|
|
||||||
processData: false,
|
|
||||||
type: 'POST',
|
|
||||||
success: function (data) {
|
|
||||||
fileUploadComplete(data);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function fileUploadComplete(json) {
|
|
||||||
if (json.success) {
|
|
||||||
setHistoryCookie(json.id)
|
|
||||||
setTimeout(window.location.href = "/u/" + json.id, 100);
|
|
||||||
} else {
|
|
||||||
alert("File upload failed! The server told us this: " + json.message);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function setHistoryCookie(id){
|
|
||||||
uc = Cookie.get("pduploads");
|
|
||||||
|
|
||||||
// First upload in this browser
|
|
||||||
if (uc === null) {
|
|
||||||
Cookie.set("pduploads", id + ".");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (uc.length > 2000){
|
|
||||||
// Cookie is becoming too long, drop the oldest two files
|
|
||||||
uc = uc.substring(
|
|
||||||
uc.indexOf(".") + 1
|
|
||||||
).substring(
|
|
||||||
uc.indexOf(".") + 1
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
Cookie.set("pduploads", uc + id + ".");
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Prevent the Tab key from moving the cursor outside of the text area
|
|
||||||
*/
|
|
||||||
$(document).delegate('#textarea', 'keydown', function (e) {
|
|
||||||
var keyCode = e.keyCode || e.which;
|
|
||||||
|
|
||||||
if (keyCode === 9) {
|
|
||||||
e.preventDefault();
|
|
||||||
var start = $(this).get(0).selectionStart;
|
|
||||||
var end = $(this).get(0).selectionEnd;
|
|
||||||
|
|
||||||
// set textarea value to: text before caret + tab + text after caret
|
|
||||||
$(this).val($(this).val().substring(0, start)
|
|
||||||
+ "\t"
|
|
||||||
+ $(this).val().substring(end));
|
|
||||||
|
|
||||||
// put caret at right position again
|
|
||||||
$(this).get(0).selectionStart =
|
|
||||||
$(this).get(0).selectionEnd = start + 1;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Upload the file when ctrl + s is pressed
|
|
||||||
$(document).bind('keydown', function (e) {
|
|
||||||
if (e.ctrlKey && (e.which === 83)) {
|
|
||||||
e.preventDefault();
|
|
||||||
uploadText();
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
58
res/include/script/textupload.js
Normal file
58
res/include/script/textupload.js
Normal file
@@ -0,0 +1,58 @@
|
|||||||
|
function uploadText() {
|
||||||
|
var text = document.getElementById("textarea").value;
|
||||||
|
var blob = new Blob([text], {type: "text/plain"});
|
||||||
|
var filename = prompt("What do you want to call this piece of textual art?\n\n"
|
||||||
|
+ "Please add your own file extension, if you want.",
|
||||||
|
"Pixeldrain_Text_File.txt");
|
||||||
|
|
||||||
|
if(filename === null){
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
new UploadManager(apiEndpoint, null).addFile(
|
||||||
|
blob,
|
||||||
|
filename,
|
||||||
|
null,
|
||||||
|
function (id){
|
||||||
|
addUploadHistory(id);
|
||||||
|
setTimeout(window.location.href = "/u/" + id, 100);
|
||||||
|
},
|
||||||
|
function (response, error) { alert("File upload failed! The server told us this: " + response); }
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Upload the file when ctrl + s is pressed
|
||||||
|
document.addEventListener("keydown", function(event) {
|
||||||
|
if (event.ctrlKey && (event.which === 83)) {
|
||||||
|
event.preventDefault();
|
||||||
|
uploadText();
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prevent the Tab key from moving the cursor outside of the text area
|
||||||
|
*/
|
||||||
|
document.getElementById("textarea").addEventListener(
|
||||||
|
'keydown',
|
||||||
|
function(e) {
|
||||||
|
if(e.keyCode === 9) { // tab was pressed
|
||||||
|
// get caret position/selection
|
||||||
|
var start = this.selectionStart;
|
||||||
|
var end = this.selectionEnd;
|
||||||
|
|
||||||
|
var target = e.target;
|
||||||
|
var value = target.value;
|
||||||
|
|
||||||
|
// set textarea value to: text before caret + tab + text after caret
|
||||||
|
target.value = value.substring(0, start) + "\t" + value.substring(end);
|
||||||
|
|
||||||
|
// put caret at right position again (add one for the tab)
|
||||||
|
this.selectionStart = this.selectionEnd = start + 1;
|
||||||
|
|
||||||
|
// prevent the focus lose
|
||||||
|
e.preventDefault();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
false
|
||||||
|
);
|
||||||
@@ -362,6 +362,9 @@ pre{
|
|||||||
float: left;
|
float: left;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
.file_button > .file_button_title{
|
||||||
|
color: var(--highlight_color);
|
||||||
|
}
|
||||||
|
|
||||||
/* Form fields */
|
/* Form fields */
|
||||||
|
|
||||||
|
|||||||
@@ -1,13 +0,0 @@
|
|||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8"/>
|
|
||||||
<script src="wasm_exec.js"></script>
|
|
||||||
<script>
|
|
||||||
const go = new Go();
|
|
||||||
WebAssembly.instantiateStreaming(fetch("main.wasm"), go.importObject).then((result) => {
|
|
||||||
go.run(result.instance);
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body></body>
|
|
||||||
</html>
|
|
||||||
Binary file not shown.
@@ -1,533 +0,0 @@
|
|||||||
// Copyright 2018 The Go Authors. All rights reserved.
|
|
||||||
// Use of this source code is governed by a BSD-style
|
|
||||||
// license that can be found in the LICENSE file.
|
|
||||||
|
|
||||||
(() => {
|
|
||||||
// Map multiple JavaScript environments to a single common API,
|
|
||||||
// preferring web standards over Node.js API.
|
|
||||||
//
|
|
||||||
// Environments considered:
|
|
||||||
// - Browsers
|
|
||||||
// - Node.js
|
|
||||||
// - Electron
|
|
||||||
// - Parcel
|
|
||||||
|
|
||||||
if (typeof global !== "undefined") {
|
|
||||||
// global already exists
|
|
||||||
} else if (typeof window !== "undefined") {
|
|
||||||
window.global = window;
|
|
||||||
} else if (typeof self !== "undefined") {
|
|
||||||
self.global = self;
|
|
||||||
} else {
|
|
||||||
throw new Error("cannot export Go (neither global, window nor self is defined)");
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!global.require && typeof require !== "undefined") {
|
|
||||||
global.require = require;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!global.fs && global.require) {
|
|
||||||
global.fs = require("fs");
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!global.fs) {
|
|
||||||
let outputBuf = "";
|
|
||||||
global.fs = {
|
|
||||||
constants: { O_WRONLY: -1, O_RDWR: -1, O_CREAT: -1, O_TRUNC: -1, O_APPEND: -1, O_EXCL: -1 }, // unused
|
|
||||||
writeSync(fd, buf) {
|
|
||||||
outputBuf += decoder.decode(buf);
|
|
||||||
const nl = outputBuf.lastIndexOf("\n");
|
|
||||||
if (nl != -1) {
|
|
||||||
console.log(outputBuf.substr(0, nl));
|
|
||||||
outputBuf = outputBuf.substr(nl + 1);
|
|
||||||
}
|
|
||||||
return buf.length;
|
|
||||||
},
|
|
||||||
write(fd, buf, offset, length, position, callback) {
|
|
||||||
if (offset !== 0 || length !== buf.length || position !== null) {
|
|
||||||
throw new Error("not implemented");
|
|
||||||
}
|
|
||||||
const n = this.writeSync(fd, buf);
|
|
||||||
callback(null, n);
|
|
||||||
},
|
|
||||||
open(path, flags, mode, callback) {
|
|
||||||
const err = new Error("not implemented");
|
|
||||||
err.code = "ENOSYS";
|
|
||||||
callback(err);
|
|
||||||
},
|
|
||||||
read(fd, buffer, offset, length, position, callback) {
|
|
||||||
const err = new Error("not implemented");
|
|
||||||
err.code = "ENOSYS";
|
|
||||||
callback(err);
|
|
||||||
},
|
|
||||||
fsync(fd, callback) {
|
|
||||||
callback(null);
|
|
||||||
},
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!global.crypto) {
|
|
||||||
const nodeCrypto = require("crypto");
|
|
||||||
global.crypto = {
|
|
||||||
getRandomValues(b) {
|
|
||||||
nodeCrypto.randomFillSync(b);
|
|
||||||
},
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!global.performance) {
|
|
||||||
global.performance = {
|
|
||||||
now() {
|
|
||||||
const [sec, nsec] = process.hrtime();
|
|
||||||
return sec * 1000 + nsec / 1000000;
|
|
||||||
},
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!global.TextEncoder) {
|
|
||||||
global.TextEncoder = require("util").TextEncoder;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!global.TextDecoder) {
|
|
||||||
global.TextDecoder = require("util").TextDecoder;
|
|
||||||
}
|
|
||||||
|
|
||||||
// End of polyfills for common API.
|
|
||||||
|
|
||||||
const encoder = new TextEncoder("utf-8");
|
|
||||||
const decoder = new TextDecoder("utf-8");
|
|
||||||
|
|
||||||
global.Go = class {
|
|
||||||
constructor() {
|
|
||||||
this.argv = ["js"];
|
|
||||||
this.env = {};
|
|
||||||
this.exit = (code) => {
|
|
||||||
if (code !== 0) {
|
|
||||||
console.warn("exit code:", code);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
this._exitPromise = new Promise((resolve) => {
|
|
||||||
this._resolveExitPromise = resolve;
|
|
||||||
});
|
|
||||||
this._pendingEvent = null;
|
|
||||||
this._scheduledTimeouts = new Map();
|
|
||||||
this._nextCallbackTimeoutID = 1;
|
|
||||||
|
|
||||||
const mem = () => {
|
|
||||||
// The buffer may change when requesting more memory.
|
|
||||||
return new DataView(this._inst.exports.mem.buffer);
|
|
||||||
}
|
|
||||||
|
|
||||||
const setInt64 = (addr, v) => {
|
|
||||||
mem().setUint32(addr + 0, v, true);
|
|
||||||
mem().setUint32(addr + 4, Math.floor(v / 4294967296), true);
|
|
||||||
}
|
|
||||||
|
|
||||||
const getInt64 = (addr) => {
|
|
||||||
const low = mem().getUint32(addr + 0, true);
|
|
||||||
const high = mem().getInt32(addr + 4, true);
|
|
||||||
return low + high * 4294967296;
|
|
||||||
}
|
|
||||||
|
|
||||||
const loadValue = (addr) => {
|
|
||||||
const f = mem().getFloat64(addr, true);
|
|
||||||
if (f === 0) {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
if (!isNaN(f)) {
|
|
||||||
return f;
|
|
||||||
}
|
|
||||||
|
|
||||||
const id = mem().getUint32(addr, true);
|
|
||||||
return this._values[id];
|
|
||||||
}
|
|
||||||
|
|
||||||
const storeValue = (addr, v) => {
|
|
||||||
const nanHead = 0x7FF80000;
|
|
||||||
|
|
||||||
if (typeof v === "number") {
|
|
||||||
if (isNaN(v)) {
|
|
||||||
mem().setUint32(addr + 4, nanHead, true);
|
|
||||||
mem().setUint32(addr, 0, true);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (v === 0) {
|
|
||||||
mem().setUint32(addr + 4, nanHead, true);
|
|
||||||
mem().setUint32(addr, 1, true);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
mem().setFloat64(addr, v, true);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
switch (v) {
|
|
||||||
case undefined:
|
|
||||||
mem().setFloat64(addr, 0, true);
|
|
||||||
return;
|
|
||||||
case null:
|
|
||||||
mem().setUint32(addr + 4, nanHead, true);
|
|
||||||
mem().setUint32(addr, 2, true);
|
|
||||||
return;
|
|
||||||
case true:
|
|
||||||
mem().setUint32(addr + 4, nanHead, true);
|
|
||||||
mem().setUint32(addr, 3, true);
|
|
||||||
return;
|
|
||||||
case false:
|
|
||||||
mem().setUint32(addr + 4, nanHead, true);
|
|
||||||
mem().setUint32(addr, 4, true);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let ref = this._refs.get(v);
|
|
||||||
if (ref === undefined) {
|
|
||||||
ref = this._values.length;
|
|
||||||
this._values.push(v);
|
|
||||||
this._refs.set(v, ref);
|
|
||||||
}
|
|
||||||
let typeFlag = 0;
|
|
||||||
switch (typeof v) {
|
|
||||||
case "string":
|
|
||||||
typeFlag = 1;
|
|
||||||
break;
|
|
||||||
case "symbol":
|
|
||||||
typeFlag = 2;
|
|
||||||
break;
|
|
||||||
case "function":
|
|
||||||
typeFlag = 3;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
mem().setUint32(addr + 4, nanHead | typeFlag, true);
|
|
||||||
mem().setUint32(addr, ref, true);
|
|
||||||
}
|
|
||||||
|
|
||||||
const loadSlice = (addr) => {
|
|
||||||
const array = getInt64(addr + 0);
|
|
||||||
const len = getInt64(addr + 8);
|
|
||||||
return new Uint8Array(this._inst.exports.mem.buffer, array, len);
|
|
||||||
}
|
|
||||||
|
|
||||||
const loadSliceOfValues = (addr) => {
|
|
||||||
const array = getInt64(addr + 0);
|
|
||||||
const len = getInt64(addr + 8);
|
|
||||||
const a = new Array(len);
|
|
||||||
for (let i = 0; i < len; i++) {
|
|
||||||
a[i] = loadValue(array + i * 8);
|
|
||||||
}
|
|
||||||
return a;
|
|
||||||
}
|
|
||||||
|
|
||||||
const loadString = (addr) => {
|
|
||||||
const saddr = getInt64(addr + 0);
|
|
||||||
const len = getInt64(addr + 8);
|
|
||||||
return decoder.decode(new DataView(this._inst.exports.mem.buffer, saddr, len));
|
|
||||||
}
|
|
||||||
|
|
||||||
const timeOrigin = Date.now() - performance.now();
|
|
||||||
this.importObject = {
|
|
||||||
go: {
|
|
||||||
// Go's SP does not change as long as no Go code is running. Some operations (e.g. calls, getters and setters)
|
|
||||||
// may synchronously trigger a Go event handler. This makes Go code get executed in the middle of the imported
|
|
||||||
// function. A goroutine can switch to a new stack if the current stack is too small (see morestack function).
|
|
||||||
// This changes the SP, thus we have to update the SP used by the imported function.
|
|
||||||
|
|
||||||
// func wasmExit(code int32)
|
|
||||||
"runtime.wasmExit": (sp) => {
|
|
||||||
const code = mem().getInt32(sp + 8, true);
|
|
||||||
this.exited = true;
|
|
||||||
delete this._inst;
|
|
||||||
delete this._values;
|
|
||||||
delete this._refs;
|
|
||||||
this.exit(code);
|
|
||||||
},
|
|
||||||
|
|
||||||
// func wasmWrite(fd uintptr, p unsafe.Pointer, n int32)
|
|
||||||
"runtime.wasmWrite": (sp) => {
|
|
||||||
const fd = getInt64(sp + 8);
|
|
||||||
const p = getInt64(sp + 16);
|
|
||||||
const n = mem().getInt32(sp + 24, true);
|
|
||||||
fs.writeSync(fd, new Uint8Array(this._inst.exports.mem.buffer, p, n));
|
|
||||||
},
|
|
||||||
|
|
||||||
// func nanotime() int64
|
|
||||||
"runtime.nanotime": (sp) => {
|
|
||||||
setInt64(sp + 8, (timeOrigin + performance.now()) * 1000000);
|
|
||||||
},
|
|
||||||
|
|
||||||
// func walltime() (sec int64, nsec int32)
|
|
||||||
"runtime.walltime": (sp) => {
|
|
||||||
const msec = (new Date).getTime();
|
|
||||||
setInt64(sp + 8, msec / 1000);
|
|
||||||
mem().setInt32(sp + 16, (msec % 1000) * 1000000, true);
|
|
||||||
},
|
|
||||||
|
|
||||||
// func scheduleTimeoutEvent(delay int64) int32
|
|
||||||
"runtime.scheduleTimeoutEvent": (sp) => {
|
|
||||||
const id = this._nextCallbackTimeoutID;
|
|
||||||
this._nextCallbackTimeoutID++;
|
|
||||||
this._scheduledTimeouts.set(id, setTimeout(
|
|
||||||
() => {
|
|
||||||
this._resume();
|
|
||||||
while (this._scheduledTimeouts.has(id)) {
|
|
||||||
// for some reason Go failed to register the timeout event, log and try again
|
|
||||||
// (temporary workaround for https://github.com/golang/go/issues/28975)
|
|
||||||
console.warn("scheduleTimeoutEvent: missed timeout event");
|
|
||||||
this._resume();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getInt64(sp + 8) + 1, // setTimeout has been seen to fire up to 1 millisecond early
|
|
||||||
));
|
|
||||||
mem().setInt32(sp + 16, id, true);
|
|
||||||
},
|
|
||||||
|
|
||||||
// func clearTimeoutEvent(id int32)
|
|
||||||
"runtime.clearTimeoutEvent": (sp) => {
|
|
||||||
const id = mem().getInt32(sp + 8, true);
|
|
||||||
clearTimeout(this._scheduledTimeouts.get(id));
|
|
||||||
this._scheduledTimeouts.delete(id);
|
|
||||||
},
|
|
||||||
|
|
||||||
// func getRandomData(r []byte)
|
|
||||||
"runtime.getRandomData": (sp) => {
|
|
||||||
crypto.getRandomValues(loadSlice(sp + 8));
|
|
||||||
},
|
|
||||||
|
|
||||||
// func stringVal(value string) ref
|
|
||||||
"syscall/js.stringVal": (sp) => {
|
|
||||||
storeValue(sp + 24, loadString(sp + 8));
|
|
||||||
},
|
|
||||||
|
|
||||||
// func valueGet(v ref, p string) ref
|
|
||||||
"syscall/js.valueGet": (sp) => {
|
|
||||||
const result = Reflect.get(loadValue(sp + 8), loadString(sp + 16));
|
|
||||||
sp = this._inst.exports.getsp(); // see comment above
|
|
||||||
storeValue(sp + 32, result);
|
|
||||||
},
|
|
||||||
|
|
||||||
// func valueSet(v ref, p string, x ref)
|
|
||||||
"syscall/js.valueSet": (sp) => {
|
|
||||||
Reflect.set(loadValue(sp + 8), loadString(sp + 16), loadValue(sp + 32));
|
|
||||||
},
|
|
||||||
|
|
||||||
// func valueIndex(v ref, i int) ref
|
|
||||||
"syscall/js.valueIndex": (sp) => {
|
|
||||||
storeValue(sp + 24, Reflect.get(loadValue(sp + 8), getInt64(sp + 16)));
|
|
||||||
},
|
|
||||||
|
|
||||||
// valueSetIndex(v ref, i int, x ref)
|
|
||||||
"syscall/js.valueSetIndex": (sp) => {
|
|
||||||
Reflect.set(loadValue(sp + 8), getInt64(sp + 16), loadValue(sp + 24));
|
|
||||||
},
|
|
||||||
|
|
||||||
// func valueCall(v ref, m string, args []ref) (ref, bool)
|
|
||||||
"syscall/js.valueCall": (sp) => {
|
|
||||||
try {
|
|
||||||
const v = loadValue(sp + 8);
|
|
||||||
const m = Reflect.get(v, loadString(sp + 16));
|
|
||||||
const args = loadSliceOfValues(sp + 32);
|
|
||||||
const result = Reflect.apply(m, v, args);
|
|
||||||
sp = this._inst.exports.getsp(); // see comment above
|
|
||||||
storeValue(sp + 56, result);
|
|
||||||
mem().setUint8(sp + 64, 1);
|
|
||||||
} catch (err) {
|
|
||||||
storeValue(sp + 56, err);
|
|
||||||
mem().setUint8(sp + 64, 0);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
// func valueInvoke(v ref, args []ref) (ref, bool)
|
|
||||||
"syscall/js.valueInvoke": (sp) => {
|
|
||||||
try {
|
|
||||||
const v = loadValue(sp + 8);
|
|
||||||
const args = loadSliceOfValues(sp + 16);
|
|
||||||
const result = Reflect.apply(v, undefined, args);
|
|
||||||
sp = this._inst.exports.getsp(); // see comment above
|
|
||||||
storeValue(sp + 40, result);
|
|
||||||
mem().setUint8(sp + 48, 1);
|
|
||||||
} catch (err) {
|
|
||||||
storeValue(sp + 40, err);
|
|
||||||
mem().setUint8(sp + 48, 0);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
// func valueNew(v ref, args []ref) (ref, bool)
|
|
||||||
"syscall/js.valueNew": (sp) => {
|
|
||||||
try {
|
|
||||||
const v = loadValue(sp + 8);
|
|
||||||
const args = loadSliceOfValues(sp + 16);
|
|
||||||
const result = Reflect.construct(v, args);
|
|
||||||
sp = this._inst.exports.getsp(); // see comment above
|
|
||||||
storeValue(sp + 40, result);
|
|
||||||
mem().setUint8(sp + 48, 1);
|
|
||||||
} catch (err) {
|
|
||||||
storeValue(sp + 40, err);
|
|
||||||
mem().setUint8(sp + 48, 0);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
// func valueLength(v ref) int
|
|
||||||
"syscall/js.valueLength": (sp) => {
|
|
||||||
setInt64(sp + 16, parseInt(loadValue(sp + 8).length));
|
|
||||||
},
|
|
||||||
|
|
||||||
// valuePrepareString(v ref) (ref, int)
|
|
||||||
"syscall/js.valuePrepareString": (sp) => {
|
|
||||||
const str = encoder.encode(String(loadValue(sp + 8)));
|
|
||||||
storeValue(sp + 16, str);
|
|
||||||
setInt64(sp + 24, str.length);
|
|
||||||
},
|
|
||||||
|
|
||||||
// valueLoadString(v ref, b []byte)
|
|
||||||
"syscall/js.valueLoadString": (sp) => {
|
|
||||||
const str = loadValue(sp + 8);
|
|
||||||
loadSlice(sp + 16).set(str);
|
|
||||||
},
|
|
||||||
|
|
||||||
// func valueInstanceOf(v ref, t ref) bool
|
|
||||||
"syscall/js.valueInstanceOf": (sp) => {
|
|
||||||
mem().setUint8(sp + 24, loadValue(sp + 8) instanceof loadValue(sp + 16));
|
|
||||||
},
|
|
||||||
|
|
||||||
// func copyBytesToGo(dst []byte, src ref) (int, bool)
|
|
||||||
"syscall/js.copyBytesToGo": (sp) => {
|
|
||||||
const dst = loadSlice(sp + 8);
|
|
||||||
const src = loadValue(sp + 32);
|
|
||||||
if (!(src instanceof Uint8Array)) {
|
|
||||||
mem().setUint8(sp + 48, 0);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const toCopy = src.subarray(0, dst.length);
|
|
||||||
dst.set(toCopy);
|
|
||||||
setInt64(sp + 40, toCopy.length);
|
|
||||||
mem().setUint8(sp + 48, 1);
|
|
||||||
},
|
|
||||||
|
|
||||||
// func copyBytesToJS(dst ref, src []byte) (int, bool)
|
|
||||||
"syscall/js.copyBytesToJS": (sp) => {
|
|
||||||
const dst = loadValue(sp + 8);
|
|
||||||
const src = loadSlice(sp + 16);
|
|
||||||
if (!(dst instanceof Uint8Array)) {
|
|
||||||
mem().setUint8(sp + 48, 0);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const toCopy = src.subarray(0, dst.length);
|
|
||||||
dst.set(toCopy);
|
|
||||||
setInt64(sp + 40, toCopy.length);
|
|
||||||
mem().setUint8(sp + 48, 1);
|
|
||||||
},
|
|
||||||
|
|
||||||
"debug": (value) => {
|
|
||||||
console.log(value);
|
|
||||||
},
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
async run(instance) {
|
|
||||||
this._inst = instance;
|
|
||||||
this._values = [ // TODO: garbage collection
|
|
||||||
NaN,
|
|
||||||
0,
|
|
||||||
null,
|
|
||||||
true,
|
|
||||||
false,
|
|
||||||
global,
|
|
||||||
this,
|
|
||||||
];
|
|
||||||
this._refs = new Map();
|
|
||||||
this.exited = false;
|
|
||||||
|
|
||||||
const mem = new DataView(this._inst.exports.mem.buffer)
|
|
||||||
|
|
||||||
// Pass command line arguments and environment variables to WebAssembly by writing them to the linear memory.
|
|
||||||
let offset = 4096;
|
|
||||||
|
|
||||||
const strPtr = (str) => {
|
|
||||||
const ptr = offset;
|
|
||||||
const bytes = encoder.encode(str + "\0");
|
|
||||||
new Uint8Array(mem.buffer, offset, bytes.length).set(bytes);
|
|
||||||
offset += bytes.length;
|
|
||||||
if (offset % 8 !== 0) {
|
|
||||||
offset += 8 - (offset % 8);
|
|
||||||
}
|
|
||||||
return ptr;
|
|
||||||
};
|
|
||||||
|
|
||||||
const argc = this.argv.length;
|
|
||||||
|
|
||||||
const argvPtrs = [];
|
|
||||||
this.argv.forEach((arg) => {
|
|
||||||
argvPtrs.push(strPtr(arg));
|
|
||||||
});
|
|
||||||
|
|
||||||
const keys = Object.keys(this.env).sort();
|
|
||||||
argvPtrs.push(keys.length);
|
|
||||||
keys.forEach((key) => {
|
|
||||||
argvPtrs.push(strPtr(`${key}=${this.env[key]}`));
|
|
||||||
});
|
|
||||||
|
|
||||||
const argv = offset;
|
|
||||||
argvPtrs.forEach((ptr) => {
|
|
||||||
mem.setUint32(offset, ptr, true);
|
|
||||||
mem.setUint32(offset + 4, 0, true);
|
|
||||||
offset += 8;
|
|
||||||
});
|
|
||||||
|
|
||||||
this._inst.exports.run(argc, argv);
|
|
||||||
if (this.exited) {
|
|
||||||
this._resolveExitPromise();
|
|
||||||
}
|
|
||||||
await this._exitPromise;
|
|
||||||
}
|
|
||||||
|
|
||||||
_resume() {
|
|
||||||
if (this.exited) {
|
|
||||||
throw new Error("Go program has already exited");
|
|
||||||
}
|
|
||||||
this._inst.exports.resume();
|
|
||||||
if (this.exited) {
|
|
||||||
this._resolveExitPromise();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
_makeFuncWrapper(id) {
|
|
||||||
const go = this;
|
|
||||||
return function () {
|
|
||||||
const event = { id: id, this: this, args: arguments };
|
|
||||||
go._pendingEvent = event;
|
|
||||||
go._resume();
|
|
||||||
return event.result;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (
|
|
||||||
global.require &&
|
|
||||||
global.require.main === module &&
|
|
||||||
global.process &&
|
|
||||||
global.process.versions &&
|
|
||||||
!global.process.versions.electron
|
|
||||||
) {
|
|
||||||
if (process.argv.length < 3) {
|
|
||||||
console.error("usage: go_js_wasm_exec [wasm binary] [arguments]");
|
|
||||||
process.exit(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
const go = new Go();
|
|
||||||
go.argv = process.argv.slice(2);
|
|
||||||
go.env = Object.assign({ TMPDIR: require("os").tmpdir() }, process.env);
|
|
||||||
go.exit = process.exit;
|
|
||||||
WebAssembly.instantiate(fs.readFileSync(process.argv[2]), go.importObject).then((result) => {
|
|
||||||
process.on("exit", (code) => { // Node.js exits if no event handler is pending
|
|
||||||
if (code === 0 && !go.exited) {
|
|
||||||
// deadlock, make Go print error and stack traces
|
|
||||||
go._pendingEvent = { id: 0 };
|
|
||||||
go._resume();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return go.run(result.instance);
|
|
||||||
}).catch((err) => {
|
|
||||||
console.error(err);
|
|
||||||
process.exit(1);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
})();
|
|
||||||
@@ -1,447 +0,0 @@
|
|||||||
var FinishedUpload = /** @class */ (function () {
|
|
||||||
function FinishedUpload() {
|
|
||||||
}
|
|
||||||
return FinishedUpload;
|
|
||||||
}());
|
|
||||||
var uploader = null;
|
|
||||||
var finishedUploads = new Array();
|
|
||||||
var totalUploads = 0;
|
|
||||||
var queueDiv = document.getElementById("uploads_queue");
|
|
||||||
var UploadProgressBar = /** @class */ (function () {
|
|
||||||
function UploadProgressBar(file) {
|
|
||||||
this.file = file;
|
|
||||||
this.name = file.name;
|
|
||||||
this.queueNum = totalUploads;
|
|
||||||
this.uploadDiv = document.createElement("a");
|
|
||||||
totalUploads++;
|
|
||||||
this.uploadDiv.classList.add("file_button");
|
|
||||||
this.uploadDiv.style.opacity = "0";
|
|
||||||
this.uploadDiv.innerText = "Queued\n" + this.file.name;
|
|
||||||
queueDiv.appendChild(this.uploadDiv);
|
|
||||||
// Browsers don't render the transition if the opacity is set and
|
|
||||||
// updated in the same frame. So we have to wait a frame (or more)
|
|
||||||
// before changing the opacity to make sure the transition triggers
|
|
||||||
var d = this.uploadDiv; // `this` stops working after constructor ends
|
|
||||||
window.setTimeout(function () { d.style.opacity = "1"; }, 100);
|
|
||||||
}
|
|
||||||
UploadProgressBar.prototype.onProgress = function (progress) {
|
|
||||||
this.uploadDiv.innerText = "Uploading... " + Math.round(progress * 1000) / 10 + "%\n" + this.file.name;
|
|
||||||
this.uploadDiv.style.background = 'linear-gradient('
|
|
||||||
+ 'to right, '
|
|
||||||
+ 'var(--file_background_color) 0%, '
|
|
||||||
+ 'var(--highlight_color) ' + ((progress * 100)) + '%, '
|
|
||||||
+ 'var(--file_background_color) ' + ((progress * 100) + 1) + '%)';
|
|
||||||
};
|
|
||||||
UploadProgressBar.prototype.onFinished = function (id) {
|
|
||||||
finishedUploads[this.queueNum] = {
|
|
||||||
id: id,
|
|
||||||
name: this.file.name
|
|
||||||
};
|
|
||||||
this.uploadDiv.style.background = 'var(--file_background_color)';
|
|
||||||
this.uploadDiv.href = '/u/' + id;
|
|
||||||
this.uploadDiv.target = "_blank";
|
|
||||||
var fileImg = document.createElement("img");
|
|
||||||
fileImg.src = apiEndpoint + '/file/' + id + '/thumbnail';
|
|
||||||
fileImg.alt = this.file.name;
|
|
||||||
var linkSpan = document.createElement("span");
|
|
||||||
linkSpan.style.color = "var(--highlight_color)";
|
|
||||||
linkSpan.innerText = window.location.hostname + "/u/" + id;
|
|
||||||
this.uploadDiv.innerHTML = ""; // Remove uploading progress
|
|
||||||
this.uploadDiv.appendChild(fileImg);
|
|
||||||
this.uploadDiv.appendChild(document.createTextNode(this.file.name));
|
|
||||||
this.uploadDiv.appendChild(document.createElement("br"));
|
|
||||||
this.uploadDiv.appendChild(linkSpan);
|
|
||||||
};
|
|
||||||
UploadProgressBar.prototype.onFailure = function (error) {
|
|
||||||
this.uploadDiv.style.background = 'var(--danger_color)';
|
|
||||||
this.uploadDiv.appendChild(document.createTextNode(this.file.name));
|
|
||||||
this.uploadDiv.appendChild(document.createElement("br"));
|
|
||||||
this.uploadDiv.appendChild(document.createTextNode("Upload failed after three tries:"));
|
|
||||||
this.uploadDiv.appendChild(document.createElement("br"));
|
|
||||||
this.uploadDiv.appendChild(document.createTextNode(error));
|
|
||||||
};
|
|
||||||
return UploadProgressBar;
|
|
||||||
}());
|
|
||||||
function handleUploads(files) {
|
|
||||||
if (uploader === null) {
|
|
||||||
uploader = new UploadManager();
|
|
||||||
}
|
|
||||||
for (var i = 0; i < files.length; i++) {
|
|
||||||
uploader.uploadFile(new UploadProgressBar(files.item(i)));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// List creation
|
|
||||||
function createList(title, anonymous) {
|
|
||||||
if (uploader.uploading()) {
|
|
||||||
var cont = confirm("Some files have not finished uploading yet. Creating a list now " +
|
|
||||||
"will exclude those files.\n\nContinue?");
|
|
||||||
if (!cont) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
var postData = {
|
|
||||||
"title": title,
|
|
||||||
"anonymous": anonymous,
|
|
||||||
"files": new Array()
|
|
||||||
};
|
|
||||||
for (var i = 0; i < finishedUploads.length; i++) {
|
|
||||||
postData.files.push({
|
|
||||||
"id": finishedUploads[i].id
|
|
||||||
});
|
|
||||||
}
|
|
||||||
var xhr = new XMLHttpRequest();
|
|
||||||
xhr.open("POST", apiEndpoint + "/list");
|
|
||||||
xhr.setRequestHeader("Content-Type", "application/json; charset=UTF-8");
|
|
||||||
xhr.onreadystatechange = function () {
|
|
||||||
if (xhr.readyState !== 4) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (xhr.status == 200 || xhr.status == 0) {
|
|
||||||
// Request is a success
|
|
||||||
var resultString = "<div class=\"file_button\">"
|
|
||||||
+ '<img src="' + apiEndpoint + '/list/' + xhr.response.id + '/thumbnail"/>'
|
|
||||||
+ "List creation finished!<br/>"
|
|
||||||
+ title + "<br/>"
|
|
||||||
+ "<a href=\"/l/" + xhr.response.id + "\" target=\"_blank\">" + window.location.hostname + "/l/" + xhr.response.id + "</a>"
|
|
||||||
+ "</div>";
|
|
||||||
document.getElementById("uploads_queue").append(resultString);
|
|
||||||
window.open('/l/' + xhr.response.id, '_blank');
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
console.log("status: " + xhr.status + " response: " + xhr.response);
|
|
||||||
var resultString = "<div class=\"file_button\">List creation failed<br/>"
|
|
||||||
+ "The server responded with this: <br/>"
|
|
||||||
+ xhr.response.message
|
|
||||||
+ "</div>";
|
|
||||||
document.getElementById("uploads_queue").append(resultString);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
xhr.send(JSON.stringify(postData));
|
|
||||||
// $.ajax({
|
|
||||||
// url: "/api/list",
|
|
||||||
// contentType: "application/json",
|
|
||||||
// method: "POST",
|
|
||||||
// data: JSON.stringify(postData),
|
|
||||||
// dataType: "json",
|
|
||||||
// success: function(response) {
|
|
||||||
// var resultString = "<div class=\"file_button\">"
|
|
||||||
// + '<img src="'+apiEndpoint+'/list/'+response.id+'/thumbnail"/>'
|
|
||||||
// + "List creation finished!<br/>"
|
|
||||||
// + title + "<br/>"
|
|
||||||
// + "<a href=\"/l/" + response.id + "\" target=\"_blank\">"+window.location.hostname+"/l/" + response.id + "</a>"
|
|
||||||
// + "</div>";
|
|
||||||
// $('#uploads_queue').append(
|
|
||||||
// $(resultString).hide().fadeIn('slow').css("display", "")
|
|
||||||
// );
|
|
||||||
// window.open('/l/'+response.id, '_blank');
|
|
||||||
// },
|
|
||||||
// error: function(xhr, status, error) {
|
|
||||||
// console.log("xhr:");
|
|
||||||
// console.log(xhr);
|
|
||||||
// console.log("status:");
|
|
||||||
// console.log(status);
|
|
||||||
// console.log("error:");
|
|
||||||
// console.log(error);
|
|
||||||
// var resultString = "<div class=\"file_button\">List creation failed<br/>"
|
|
||||||
// + "The server responded with this: <br/>"
|
|
||||||
// + xhr.responseJSON.message
|
|
||||||
// + "</div>";
|
|
||||||
// $('#uploads_queue').append(
|
|
||||||
// $(resultString).hide().fadeIn('slow').css("display", "")
|
|
||||||
// );
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
}
|
|
||||||
// Form upload handlers
|
|
||||||
// Relay click event to hidden file field
|
|
||||||
document.getElementById("select_file_button").onclick = function () {
|
|
||||||
document.getElementById("file_input_field").click();
|
|
||||||
};
|
|
||||||
document.getElementById("file_input_field").onchange = function (evt) {
|
|
||||||
handleUploads(evt.target.files);
|
|
||||||
// This resets the file input field
|
|
||||||
document.getElementById("file_input_field").nodeValue = "";
|
|
||||||
};
|
|
||||||
/*
|
|
||||||
* Drag 'n Drop upload handlers
|
|
||||||
*/
|
|
||||||
document.ondragover = function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
e.stopPropagation();
|
|
||||||
};
|
|
||||||
document.ondragenter = function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
e.stopPropagation();
|
|
||||||
};
|
|
||||||
document.addEventListener('drop', function (e) {
|
|
||||||
if (e.dataTransfer && e.dataTransfer.files.length > 0) {
|
|
||||||
e.preventDefault();
|
|
||||||
e.stopPropagation();
|
|
||||||
handleUploads(e.dataTransfer.files);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
function copyText(text) {
|
|
||||||
// Create a textarea to copy the text from
|
|
||||||
var ta = document.createElement("textarea");
|
|
||||||
ta.setAttribute("readonly", "readonly");
|
|
||||||
ta.style.position = "absolute";
|
|
||||||
ta.style.left = "-9999px";
|
|
||||||
ta.value = text; // Put the text in the textarea
|
|
||||||
// Add the textarea to the DOM so it can be seleted by the user
|
|
||||||
document.body.appendChild(ta);
|
|
||||||
ta.select(); // Select the contents of the textarea
|
|
||||||
var success = document.execCommand("copy"); // Copy the selected text
|
|
||||||
document.body.removeChild(ta); // Remove the textarea
|
|
||||||
return success;
|
|
||||||
}
|
|
||||||
// Create list button
|
|
||||||
document.getElementById("btn_create_list").addEventListener("click", function (evt) {
|
|
||||||
var title = prompt("You are creating a list containing " + finishedUploads.length + " files.\n"
|
|
||||||
+ "What do you want to call it?", "My New Album");
|
|
||||||
if (title === null) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
createList(title, false);
|
|
||||||
});
|
|
||||||
var btnCopyLinks = document.getElementById("btn_copy_links");
|
|
||||||
btnCopyLinks.addEventListener("click", function () {
|
|
||||||
var text = "";
|
|
||||||
// Add the text to the textarea
|
|
||||||
for (var i = 0; i < finishedUploads.length; i++) {
|
|
||||||
// Example: https://pixeldrain.com/u/abcd1234: Some_file.png
|
|
||||||
text += window.location.protocol + "//" + window.location.hostname + "/u/" + finishedUploads[i].id +
|
|
||||||
" " + finishedUploads[i].name + "\n";
|
|
||||||
}
|
|
||||||
var defaultButtonText = btnCopyLinks.innerHTML;
|
|
||||||
// Copy the selected text
|
|
||||||
if (copyText(text)) {
|
|
||||||
btnCopyLinks.classList.add("button_highlight");
|
|
||||||
btnCopyLinks.innerHTML = "Links copied to clipboard!";
|
|
||||||
// Return to normal
|
|
||||||
setTimeout(function () {
|
|
||||||
btnCopyLinks.innerHTML = defaultButtonText;
|
|
||||||
btnCopyLinks.classList.remove("button_highlight");
|
|
||||||
}, 60000);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
btnCopyLinks.classList.add("button_red");
|
|
||||||
btnCopyLinks.innerHTML = "Copying links failed";
|
|
||||||
setTimeout(function () {
|
|
||||||
btnCopyLinks.innerHTML = defaultButtonText;
|
|
||||||
btnCopyLinks.classList.remove("button_red");
|
|
||||||
}, 60000);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
var btnCopyBBCode = document.getElementById("btn_copy_bbcode");
|
|
||||||
btnCopyBBCode.addEventListener("click", function () {
|
|
||||||
var text = "";
|
|
||||||
// Add the text to the textarea
|
|
||||||
for (var i = 0; i < finishedUploads.length; i++) {
|
|
||||||
// Example: [url=https://pixeldrain.com/u/abcd1234]Some_file.png[/url]
|
|
||||||
text += "[url=" + window.location.protocol + "//" + window.location.hostname +
|
|
||||||
"/u/" + finishedUploads[i].id + "]" +
|
|
||||||
finishedUploads[i].name + "[/url]\n";
|
|
||||||
}
|
|
||||||
var defaultButtonText = btnCopyBBCode.innerHTML;
|
|
||||||
// Copy the selected text
|
|
||||||
if (copyText(text)) {
|
|
||||||
btnCopyBBCode.classList.add("button_highlight");
|
|
||||||
btnCopyBBCode.innerHTML = "BBCode copied to clipboard!";
|
|
||||||
// Return to normal
|
|
||||||
setTimeout(function () {
|
|
||||||
btnCopyBBCode.innerHTML = defaultButtonText;
|
|
||||||
btnCopyBBCode.classList.remove("button_highlight");
|
|
||||||
}, 60000);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
btnCopyBBCode.classList.add("button_red");
|
|
||||||
btnCopyBBCode.innerHTML = "Copying links failed";
|
|
||||||
setTimeout(function () {
|
|
||||||
btnCopyBBCode.innerHTML = defaultButtonText;
|
|
||||||
btnCopyBBCode.classList.remove("button_red");
|
|
||||||
}, 60000);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
var Cookie;
|
|
||||||
(function (Cookie) {
|
|
||||||
function read(name) {
|
|
||||||
var result = new RegExp('(?:^|; )' + encodeURIComponent(name) + '=([^;]*)').exec(document.cookie);
|
|
||||||
return result ? result[1] : null;
|
|
||||||
}
|
|
||||||
Cookie.read = read;
|
|
||||||
function write(name, value, days) {
|
|
||||||
if (!days) {
|
|
||||||
days = 365 * 20;
|
|
||||||
}
|
|
||||||
var date = new Date();
|
|
||||||
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
|
||||||
var expires = "; expires=" + date.toUTCString();
|
|
||||||
document.cookie = name + "=" + value + expires + "; path=/";
|
|
||||||
}
|
|
||||||
Cookie.write = write;
|
|
||||||
function remove(name) {
|
|
||||||
write(name, "", -1);
|
|
||||||
}
|
|
||||||
Cookie.remove = remove;
|
|
||||||
})(Cookie || (Cookie = {}));
|
|
||||||
var UploadManager = /** @class */ (function () {
|
|
||||||
function UploadManager() {
|
|
||||||
this.uploadQueue = new Array();
|
|
||||||
this.uploadThreads = new Array();
|
|
||||||
this.maxThreads = 3;
|
|
||||||
}
|
|
||||||
UploadManager.prototype.uploadFile = function (file) {
|
|
||||||
console.debug("Adding upload to queue");
|
|
||||||
this.uploadQueue.push(file);
|
|
||||||
if (this.uploadThreads.length < this.maxThreads) {
|
|
||||||
console.debug("Starting upload thread");
|
|
||||||
var thread_1 = new UploadWorker(this);
|
|
||||||
this.uploadThreads.push(thread_1);
|
|
||||||
setTimeout(function () { thread_1.start(); }, 0); // Start a new upload thread
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
for (var i = 0; i < this.uploadThreads.length; i++) {
|
|
||||||
this.uploadThreads[i].start();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
UploadManager.prototype.uploading = function () {
|
|
||||||
for (var i = 0; i < this.uploadThreads.length; i++) {
|
|
||||||
if (this.uploadThreads[i].isUploading()) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
UploadManager.prototype.grabFile = function () {
|
|
||||||
if (this.uploadQueue.length > 0) {
|
|
||||||
return this.uploadQueue.shift();
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return UploadManager;
|
|
||||||
}());
|
|
||||||
var UploadWorker = /** @class */ (function () {
|
|
||||||
function UploadWorker(manager) {
|
|
||||||
this.tries = 0;
|
|
||||||
this.uploading = false;
|
|
||||||
this.manager = manager;
|
|
||||||
}
|
|
||||||
UploadWorker.prototype.isUploading = function () { return this.uploading; };
|
|
||||||
UploadWorker.prototype.start = function () {
|
|
||||||
if (!this.uploading) {
|
|
||||||
this.newFile();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
UploadWorker.prototype.newFile = function () {
|
|
||||||
var file = this.manager.grabFile();
|
|
||||||
if (file === undefined) { // No more files in the queue. We're finished
|
|
||||||
this.uploading = false;
|
|
||||||
console.debug("No files left in queue");
|
|
||||||
return; // Stop the thread
|
|
||||||
}
|
|
||||||
this.uploading = true;
|
|
||||||
this.tries = 0;
|
|
||||||
this.upload(file);
|
|
||||||
};
|
|
||||||
UploadWorker.prototype.upload = function (file) {
|
|
||||||
console.debug("Starting upload of " + file.name);
|
|
||||||
var that = this; // jquery changes the definiton of "this"
|
|
||||||
var formData = new FormData();
|
|
||||||
formData.append("name", file.name);
|
|
||||||
formData.append('file', file.file);
|
|
||||||
var xhr = new XMLHttpRequest();
|
|
||||||
xhr.open("POST", apiEndpoint + "/file");
|
|
||||||
xhr.timeout = 21600000; // 6 hours, to account for slow connections
|
|
||||||
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
|
|
||||||
// Update progess bar on progress
|
|
||||||
xhr.onprogress = function (evt) {
|
|
||||||
if (evt.lengthComputable) {
|
|
||||||
file.onProgress(evt.loaded / evt.total);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
xhr.onreadystatechange = function () {
|
|
||||||
if (xhr.readyState !== 4) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (xhr.status == 200 || xhr.status == 0) {
|
|
||||||
// Request is a success
|
|
||||||
file.onFinished(xhr.response.id);
|
|
||||||
that.setHistoryCookie(xhr.response.id);
|
|
||||||
console.log("Done: " + xhr.response.id);
|
|
||||||
that.newFile(); // Continue uploading on this thread
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
console.log("status: " + xhr.status + " response: " + xhr.response);
|
|
||||||
if (that.tries === 3) {
|
|
||||||
file.onFailure(xhr.response.value, xhr.response.message);
|
|
||||||
setTimeout(function () { that.newFile(); }, 2000); // Try to continue
|
|
||||||
return; // Upload failed
|
|
||||||
}
|
|
||||||
// Try again
|
|
||||||
that.tries++;
|
|
||||||
setTimeout(function () { that.upload(file); }, that.tries * 3000);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
xhr.send(formData);
|
|
||||||
// $.ajax({
|
|
||||||
// type: 'POST',
|
|
||||||
// url: apiEndpoint+"/file",
|
|
||||||
// data: formData,
|
|
||||||
// timeout: 21600000, // 6 hours, to account for slow connections
|
|
||||||
// cache: false,
|
|
||||||
// async: true,
|
|
||||||
// crossDomain: false,
|
|
||||||
// contentType: false,
|
|
||||||
// processData: false,
|
|
||||||
// xhr: function () {
|
|
||||||
// var xhr = new XMLHttpRequest();
|
|
||||||
// xhr.upload.addEventListener("progress", function (evt) {
|
|
||||||
// if (evt.lengthComputable) {
|
|
||||||
// file.onProgress(evt.loaded / evt.total)
|
|
||||||
// }
|
|
||||||
// }, false);
|
|
||||||
// return xhr;
|
|
||||||
// },
|
|
||||||
// success: function (data) {
|
|
||||||
// file.onFinished(data.id)
|
|
||||||
// that.setHistoryCookie(data.id)
|
|
||||||
// console.log("Done: " + data.id)
|
|
||||||
// that.newFile() // Continue uploading on this thread
|
|
||||||
// },
|
|
||||||
// error: function (xhr, status, error){
|
|
||||||
// console.log("status: "+status+" error: "+error)
|
|
||||||
// if (that.tries === 3) {
|
|
||||||
// file.onFailure(status, error)
|
|
||||||
// setTimeout(function(){that.newFile()}, 2000) // Try to continue
|
|
||||||
// return; // Upload failed
|
|
||||||
// }
|
|
||||||
// // Try again
|
|
||||||
// that.tries++
|
|
||||||
// setTimeout(function(){that.upload(file)}, that.tries*3000)
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
};
|
|
||||||
UploadWorker.prototype.setHistoryCookie = function (id) {
|
|
||||||
// Make sure the user is not logged in, for privacy. This keeps the
|
|
||||||
// files uploaded while logged in and anonymously uploaded files
|
|
||||||
// separated
|
|
||||||
if (Cookie.read("pd_auth_key") !== null) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
var uc = Cookie.read("pduploads");
|
|
||||||
// First upload in this browser
|
|
||||||
if (uc === null) {
|
|
||||||
Cookie.write("pduploads", id + ".", undefined);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (uc.length > 2000) {
|
|
||||||
// Cookie is becoming too long, drop the oldest two files
|
|
||||||
uc = uc.substring(uc.indexOf(".") + 1).substring(uc.indexOf(".") + 1);
|
|
||||||
}
|
|
||||||
Cookie.write("pduploads", uc + id + ".", undefined);
|
|
||||||
};
|
|
||||||
return UploadWorker;
|
|
||||||
}());
|
|
||||||
@@ -1,230 +0,0 @@
|
|||||||
declare var apiEndpoint: string
|
|
||||||
|
|
||||||
class FinishedUpload {
|
|
||||||
public id: string
|
|
||||||
public name: string
|
|
||||||
}
|
|
||||||
|
|
||||||
var uploader: UploadManager|null = null
|
|
||||||
var finishedUploads: Array<FinishedUpload> = new Array()
|
|
||||||
var totalUploads: number = 0
|
|
||||||
var queueDiv = document.getElementById("uploads_queue")
|
|
||||||
|
|
||||||
class UploadProgressBar implements FileUpload {
|
|
||||||
public file: File
|
|
||||||
public name: string
|
|
||||||
private queueNum: number
|
|
||||||
private uploadDiv: HTMLAnchorElement
|
|
||||||
|
|
||||||
constructor(file: File){
|
|
||||||
this.file = file
|
|
||||||
this.name = file.name
|
|
||||||
this.queueNum = totalUploads
|
|
||||||
this.uploadDiv = document.createElement("a")
|
|
||||||
totalUploads++
|
|
||||||
|
|
||||||
this.uploadDiv.classList.add("file_button")
|
|
||||||
this.uploadDiv.style.opacity = "0";
|
|
||||||
this.uploadDiv.innerText = "Queued\n" + this.file.name
|
|
||||||
queueDiv.appendChild(this.uploadDiv)
|
|
||||||
|
|
||||||
// Browsers don't render the transition if the opacity is set and
|
|
||||||
// updated in the same frame. So we have to wait a frame (or more)
|
|
||||||
// before changing the opacity to make sure the transition triggers
|
|
||||||
var d = this.uploadDiv // `this` stops working after constructor ends
|
|
||||||
window.setTimeout(function(){d.style.opacity = "1";}, 100)
|
|
||||||
}
|
|
||||||
|
|
||||||
public onProgress(progress: number){
|
|
||||||
this.uploadDiv.innerText = "Uploading... " + Math.round(progress*1000)/10 + "%\n" + this.file.name
|
|
||||||
this.uploadDiv.style.background = 'linear-gradient('
|
|
||||||
+'to right, '
|
|
||||||
+'var(--file_background_color) 0%, '
|
|
||||||
+'var(--highlight_color) '+ ((progress*100)) +'%, '
|
|
||||||
+'var(--file_background_color) '+ ((progress*100)+1) +'%)'
|
|
||||||
}
|
|
||||||
public onFinished(id: string){
|
|
||||||
finishedUploads[this.queueNum] = {
|
|
||||||
id: id,
|
|
||||||
name: this.file.name
|
|
||||||
};
|
|
||||||
console.log("Upload finished: "+this.file.name+" "+id);
|
|
||||||
|
|
||||||
this.uploadDiv.style.background = 'var(--file_background_color)'
|
|
||||||
this.uploadDiv.href = '/u/'+id
|
|
||||||
this.uploadDiv.target= "_blank"
|
|
||||||
|
|
||||||
var fileImg = document.createElement("img")
|
|
||||||
fileImg.src = apiEndpoint+'/file/'+id+'/thumbnail'
|
|
||||||
fileImg.alt = this.file.name
|
|
||||||
|
|
||||||
var linkSpan = document.createElement("span")
|
|
||||||
linkSpan.style.color = "var(--highlight_color)"
|
|
||||||
linkSpan.innerText = window.location.hostname+"/u/"+id
|
|
||||||
|
|
||||||
this.uploadDiv.innerHTML = "" // Remove uploading progress
|
|
||||||
this.uploadDiv.appendChild(fileImg)
|
|
||||||
this.uploadDiv.appendChild(document.createTextNode(this.file.name))
|
|
||||||
this.uploadDiv.appendChild(document.createElement("br"))
|
|
||||||
this.uploadDiv.appendChild(linkSpan)
|
|
||||||
}
|
|
||||||
public onFailure(error: string) {
|
|
||||||
this.uploadDiv.innerHTML = "" // Remove uploading progress
|
|
||||||
this.uploadDiv.style.background = 'var(--danger_color)'
|
|
||||||
this.uploadDiv.appendChild(document.createTextNode(this.file.name))
|
|
||||||
this.uploadDiv.appendChild(document.createElement("br"))
|
|
||||||
this.uploadDiv.appendChild(document.createTextNode("Upload failed after three tries:"))
|
|
||||||
this.uploadDiv.appendChild(document.createElement("br"))
|
|
||||||
this.uploadDiv.appendChild(document.createTextNode(error))
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// List creation
|
|
||||||
function createListFull(title: string, anonymous: boolean){
|
|
||||||
if (uploader.uploading()) {
|
|
||||||
var cont = confirm(
|
|
||||||
"Some files have not finished uploading yet. Creating a list now "+
|
|
||||||
"will exclude those files.\n\nContinue?");
|
|
||||||
if (!cont) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var postData = {
|
|
||||||
"title": title,
|
|
||||||
"anonymous": anonymous,
|
|
||||||
"files": new Array()
|
|
||||||
};
|
|
||||||
for (var i = 0; i < finishedUploads.length; i++) {
|
|
||||||
if (finishedUploads[i].id == "") {
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
postData.files.push({
|
|
||||||
"id": finishedUploads[i].id
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
var xhr = new XMLHttpRequest()
|
|
||||||
xhr.open("POST", apiEndpoint+"/list")
|
|
||||||
xhr.setRequestHeader("Content-Type", "application/json; charset=UTF-8")
|
|
||||||
xhr.onreadystatechange = function(){
|
|
||||||
if (xhr.readyState !== 4) {return;}
|
|
||||||
var resp = JSON.parse(xhr.response);
|
|
||||||
|
|
||||||
if (xhr.status < 400) {
|
|
||||||
// Request is a success
|
|
||||||
var div = document.createElement("div")
|
|
||||||
div.className = "file_button";
|
|
||||||
div.innerHTML = '<img src="'+apiEndpoint+'/list/'+resp.id+'/thumbnail"/>'
|
|
||||||
+ "List creation finished!<br/>"
|
|
||||||
+ title + "<br/>"
|
|
||||||
+ '<a href="/l/'+resp.id+'" target="_blank">'+window.location.hostname+'/l/'+resp.id+'</a>';
|
|
||||||
document.getElementById("created_lists").appendChild(div);
|
|
||||||
window.open('/l/'+resp.id, '_blank');
|
|
||||||
} else {
|
|
||||||
console.log("status: "+xhr.status+" response: "+xhr.response)
|
|
||||||
var div = document.createElement("div")
|
|
||||||
div.className = "file_button";
|
|
||||||
div.innerHTML = "List creation failed<br/>"
|
|
||||||
+ "The server responded with:<br/>"
|
|
||||||
+ resp.message;
|
|
||||||
document.getElementById("created_lists").append(div);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
xhr.send(JSON.stringify(postData));
|
|
||||||
}
|
|
||||||
|
|
||||||
function copyText(text: string) : boolean {
|
|
||||||
// Create a textarea to copy the text from
|
|
||||||
var ta = document.createElement("textarea");
|
|
||||||
ta.setAttribute("readonly", "readonly")
|
|
||||||
ta.style.position = "absolute";
|
|
||||||
ta.style.left = "-9999px";
|
|
||||||
ta.value = text; // Put the text in the textarea
|
|
||||||
|
|
||||||
// Add the textarea to the DOM so it can be seleted by the user
|
|
||||||
document.body.appendChild(ta);
|
|
||||||
ta.select() // Select the contents of the textarea
|
|
||||||
var success = document.execCommand("copy"); // Copy the selected text
|
|
||||||
document.body.removeChild(ta); // Remove the textarea
|
|
||||||
return success;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Create list button
|
|
||||||
document.getElementById("btn_create_list").addEventListener("click", function(evt) {
|
|
||||||
var title = prompt(
|
|
||||||
"You are creating a list containing " + finishedUploads.length + " files.\n"
|
|
||||||
+ "What do you want to call it?", "My New Album"
|
|
||||||
);
|
|
||||||
if(title === null){
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
createListFull(title, false);
|
|
||||||
});
|
|
||||||
|
|
||||||
var btnCopyLinks = document.getElementById("btn_copy_links");
|
|
||||||
btnCopyLinks.addEventListener("click", function(){
|
|
||||||
var text = "";
|
|
||||||
|
|
||||||
// Add the text to the textarea
|
|
||||||
for (var i = 0; i < finishedUploads.length; i++) {
|
|
||||||
// Example: https://pixeldrain.com/u/abcd1234: Some_file.png
|
|
||||||
text += window.location.protocol + "//" + window.location.hostname + "/u/" + finishedUploads[i].id +
|
|
||||||
" " + finishedUploads[i].name + "\n";
|
|
||||||
}
|
|
||||||
|
|
||||||
var defaultButtonText = btnCopyLinks.innerHTML;
|
|
||||||
|
|
||||||
// Copy the selected text
|
|
||||||
if(copyText(text)){
|
|
||||||
btnCopyLinks.classList.add("button_highlight");
|
|
||||||
btnCopyLinks.innerHTML = "Links copied to clipboard!"
|
|
||||||
// Return to normal
|
|
||||||
setTimeout(function(){
|
|
||||||
btnCopyLinks.innerHTML = defaultButtonText;
|
|
||||||
btnCopyLinks.classList.remove("button_highlight")
|
|
||||||
}, 60000);
|
|
||||||
}else{
|
|
||||||
btnCopyLinks.classList.add("button_red");
|
|
||||||
btnCopyLinks.innerHTML = "Copying links failed"
|
|
||||||
setTimeout(function(){
|
|
||||||
btnCopyLinks.innerHTML = defaultButtonText;
|
|
||||||
btnCopyLinks.classList.remove("button_red")
|
|
||||||
}, 60000);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
var btnCopyBBCode = document.getElementById("btn_copy_bbcode");
|
|
||||||
btnCopyBBCode.addEventListener("click", function(){
|
|
||||||
var text = "";
|
|
||||||
|
|
||||||
// Add the text to the textarea
|
|
||||||
for (var i = 0; i < finishedUploads.length; i++) {
|
|
||||||
// Example: [url=https://pixeldrain.com/u/abcd1234]Some_file.png[/url]
|
|
||||||
text += "[url=" + window.location.protocol + "//" + window.location.hostname +
|
|
||||||
"/u/" + finishedUploads[i].id + "]" +
|
|
||||||
finishedUploads[i].name + "[/url]\n";
|
|
||||||
}
|
|
||||||
|
|
||||||
var defaultButtonText = btnCopyBBCode.innerHTML;
|
|
||||||
|
|
||||||
// Copy the selected text
|
|
||||||
if(copyText(text)){
|
|
||||||
btnCopyBBCode.classList.add("button_highlight");
|
|
||||||
btnCopyBBCode.innerHTML = "BBCode copied to clipboard!"
|
|
||||||
// Return to normal
|
|
||||||
setTimeout(function(){
|
|
||||||
btnCopyBBCode.innerHTML = defaultButtonText;
|
|
||||||
btnCopyBBCode.classList.remove("button_highlight")
|
|
||||||
}, 60000);
|
|
||||||
}else{
|
|
||||||
btnCopyBBCode.classList.add("button_red");
|
|
||||||
btnCopyBBCode.innerHTML = "Copying links failed"
|
|
||||||
setTimeout(function(){
|
|
||||||
btnCopyBBCode.innerHTML = defaultButtonText;
|
|
||||||
btnCopyBBCode.classList.remove("button_red")
|
|
||||||
}, 60000);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
{
|
|
||||||
"compilerOptions": {
|
|
||||||
"outFile": "../../../include/script/compiled/home.js"
|
|
||||||
},
|
|
||||||
"files": [
|
|
||||||
"home.ts",
|
|
||||||
"../lib/cookie.ts",
|
|
||||||
"../lib/uploader.ts"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
module Cookie {
|
|
||||||
export function read(name: string) {
|
|
||||||
var result = new RegExp('(?:^|; )' + encodeURIComponent(name) + '=([^;]*)').exec(document.cookie);
|
|
||||||
return result ? result[1] : null;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function write(name: string, value: string, days?: number) {
|
|
||||||
if (!days) {
|
|
||||||
days = 365 * 20;
|
|
||||||
}
|
|
||||||
|
|
||||||
var date = new Date();
|
|
||||||
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
|
||||||
|
|
||||||
var expires = "; expires=" + date.toUTCString();
|
|
||||||
|
|
||||||
document.cookie = name + "=" + value + expires + "; path=/";
|
|
||||||
}
|
|
||||||
|
|
||||||
export function remove(name: string) {
|
|
||||||
write(name, "", -1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
12942
res/static/typescript/lib/jquery.d.ts
vendored
12942
res/static/typescript/lib/jquery.d.ts
vendored
File diff suppressed because it is too large
Load Diff
@@ -1,164 +0,0 @@
|
|||||||
declare var apiEndpoint: string;
|
|
||||||
|
|
||||||
interface FileUpload {
|
|
||||||
file: Blob
|
|
||||||
name: string
|
|
||||||
onProgress(progress: number)
|
|
||||||
onFinished(id: string)
|
|
||||||
onFailure(errorID: string, errorMessage: string)
|
|
||||||
}
|
|
||||||
|
|
||||||
class UploadManager {
|
|
||||||
private uploadQueue: Array<FileUpload> = new Array();
|
|
||||||
private uploadThreads: Array<UploadWorker> = new Array();
|
|
||||||
private maxThreads: number = 3;
|
|
||||||
public finishCallback: () => void = null;
|
|
||||||
|
|
||||||
public uploadFile(file: FileUpload) {
|
|
||||||
console.debug("Adding upload to queue")
|
|
||||||
this.uploadQueue.push(file);
|
|
||||||
|
|
||||||
if (this.uploadThreads.length < this.maxThreads) {
|
|
||||||
console.debug("Starting upload thread")
|
|
||||||
let thread = new UploadWorker(this)
|
|
||||||
this.uploadThreads.push(thread)
|
|
||||||
setTimeout(function(){thread.start()}, 0) // Start a new upload thread
|
|
||||||
} else {
|
|
||||||
for (var i = 0; i < this.uploadThreads.length; i++) {
|
|
||||||
this.uploadThreads[i].start()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public uploading(): boolean {
|
|
||||||
for (var i = 0; i < this.uploadThreads.length; i++) {
|
|
||||||
if (this.uploadThreads[i].isUploading()) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
public grabFile(): FileUpload | undefined {
|
|
||||||
if (this.uploadQueue.length > 0) {
|
|
||||||
return this.uploadQueue.shift();
|
|
||||||
} else {
|
|
||||||
if (!this.uploading() && this.finishCallback !== null) {
|
|
||||||
this.finishCallback();
|
|
||||||
}
|
|
||||||
return undefined
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class UploadWorker {
|
|
||||||
private manager: UploadManager
|
|
||||||
private tries: number = 0
|
|
||||||
private uploading: boolean = false
|
|
||||||
public isUploading(): boolean {return this.uploading;}
|
|
||||||
|
|
||||||
constructor(manager: UploadManager) {
|
|
||||||
this.manager = manager
|
|
||||||
}
|
|
||||||
public start(){
|
|
||||||
if (!this.uploading) {
|
|
||||||
this.newFile()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private newFile() {
|
|
||||||
this.uploading = false
|
|
||||||
|
|
||||||
var file = this.manager.grabFile()
|
|
||||||
if (file === undefined) { // No more files in the queue. We're finished
|
|
||||||
console.debug("No files left in queue")
|
|
||||||
return // Stop the thread
|
|
||||||
}
|
|
||||||
|
|
||||||
this.uploading = true
|
|
||||||
this.tries = 0
|
|
||||||
this.upload(<FileUpload>file)
|
|
||||||
}
|
|
||||||
|
|
||||||
private upload(file: FileUpload){
|
|
||||||
console.debug("Starting upload of " + file.name)
|
|
||||||
|
|
||||||
var that = this // jquery changes the definiton of "this"
|
|
||||||
|
|
||||||
var formData = new FormData()
|
|
||||||
formData.append("name", file.name)
|
|
||||||
formData.append('file', file.file)
|
|
||||||
|
|
||||||
var xhr = new XMLHttpRequest()
|
|
||||||
xhr.open("POST", apiEndpoint+"/file")
|
|
||||||
xhr.timeout = 21600000 // 6 hours, to account for slow connections
|
|
||||||
|
|
||||||
// Update progess bar on progress
|
|
||||||
xhr.upload.addEventListener("progress", function (evt) {
|
|
||||||
if (evt.lengthComputable) {
|
|
||||||
file.onProgress(evt.loaded / evt.total)
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
xhr.onreadystatechange = function(){
|
|
||||||
if (xhr.readyState !== 4) {return;}
|
|
||||||
|
|
||||||
if (xhr.status >= 100 && xhr.status < 400) {
|
|
||||||
var resp = JSON.parse(xhr.response);
|
|
||||||
// Request is a success
|
|
||||||
file.onFinished(resp.id)
|
|
||||||
that.setHistoryCookie(resp.id)
|
|
||||||
that.newFile() // Continue uploading on this thread
|
|
||||||
} else {
|
|
||||||
var value, message
|
|
||||||
if (xhr.status >= 400) {
|
|
||||||
var resp = JSON.parse(xhr.response);
|
|
||||||
value = resp.value
|
|
||||||
message = resp.message
|
|
||||||
}
|
|
||||||
console.log("Upload error. status: "+xhr.status+" response: "+xhr.response)
|
|
||||||
|
|
||||||
if (that.tries === 3) {
|
|
||||||
file.onFailure(value, message)
|
|
||||||
|
|
||||||
setTimeout(function(){that.newFile()}, 2000) // Try to continue
|
|
||||||
return; // Upload failed
|
|
||||||
}
|
|
||||||
|
|
||||||
// Try again
|
|
||||||
that.tries++
|
|
||||||
setTimeout(function(){that.upload(file)}, that.tries*5000)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
xhr.send(formData)
|
|
||||||
}
|
|
||||||
|
|
||||||
private setHistoryCookie(id: string){
|
|
||||||
// Make sure the user is not logged in, for privacy. This keeps the
|
|
||||||
// files uploaded while logged in and anonymously uploaded files
|
|
||||||
// separated
|
|
||||||
if (Cookie.read("pd_auth_key") !== null) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var uc = Cookie.read("pduploads")
|
|
||||||
|
|
||||||
// First upload in this browser
|
|
||||||
if (uc === null) {
|
|
||||||
Cookie.write("pduploads", id + ".", undefined)
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
if (uc.length > 2000){
|
|
||||||
// Cookie is becoming too long, drop the oldest two files
|
|
||||||
uc = uc.substring(
|
|
||||||
uc.indexOf(".") + 1
|
|
||||||
).substring(
|
|
||||||
uc.indexOf(".") + 1
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
Cookie.write("pduploads", uc + id + ".", undefined)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,69 +0,0 @@
|
|||||||
var uploader: UploadManager|null = null
|
|
||||||
|
|
||||||
class TextUpload implements FileUpload {
|
|
||||||
constructor(file: Blob, name: string){
|
|
||||||
this.file = file
|
|
||||||
this.name = name
|
|
||||||
}
|
|
||||||
|
|
||||||
// Interface stuff
|
|
||||||
public file: Blob;
|
|
||||||
public name: string
|
|
||||||
public onProgress(progress: number){return}
|
|
||||||
public onFinished(id: string){
|
|
||||||
setTimeout(window.location.href = "/u/" + id, 100);
|
|
||||||
}
|
|
||||||
public onFailure(response: JQuery.Ajax.ErrorTextStatus, error: string) {
|
|
||||||
alert("File upload failed! The server told us this: " + response);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function uploadText() {
|
|
||||||
var text = $("#textarea").val();
|
|
||||||
var blob = new Blob([text], {type: "text/plain"});
|
|
||||||
var filename = prompt("What do you want to call this piece of textual art?\n\n"
|
|
||||||
+ "Please add your own file extension, if you want.",
|
|
||||||
"Pixeldrain_Text_File.txt");
|
|
||||||
|
|
||||||
if(filename === null){
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (uploader === null){
|
|
||||||
uploader = new UploadManager()
|
|
||||||
}
|
|
||||||
|
|
||||||
uploader.uploadFile(new TextUpload(blob, filename))
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Prevent the Tab key from moving the cursor outside of the text area
|
|
||||||
*/
|
|
||||||
$(document).delegate('#textarea', 'keydown', function (e) {
|
|
||||||
var keyCode = e.keyCode || e.which;
|
|
||||||
|
|
||||||
if (keyCode === 9) {
|
|
||||||
e.preventDefault();
|
|
||||||
var start = (<HTMLTextAreaElement>$(this).get(0)).selectionStart;
|
|
||||||
var end = (<HTMLTextAreaElement>$(this).get(0)).selectionEnd;
|
|
||||||
|
|
||||||
// set textarea value to: text before caret + tab + text after caret
|
|
||||||
$(this).val((<string>$(this).val()).substring(0, start)
|
|
||||||
+ "\t"
|
|
||||||
+ (<string>$(this).val()).substring(end));
|
|
||||||
|
|
||||||
// put caret at right position again
|
|
||||||
(<HTMLTextAreaElement>$(this).get(0)).selectionStart =
|
|
||||||
(<HTMLTextAreaElement>$(this).get(0)).selectionEnd = start + 1;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Upload the file when ctrl + s is pressed
|
|
||||||
$(document).bind('keydown', function (e) {
|
|
||||||
if (e.ctrlKey && (e.which === 83)) {
|
|
||||||
e.preventDefault();
|
|
||||||
uploadText();
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
{
|
|
||||||
"compilerOptions": {
|
|
||||||
"outFile": "../../script/compiled/textupload.js"
|
|
||||||
},
|
|
||||||
"files": [
|
|
||||||
"text.ts",
|
|
||||||
"../lib/cookie.ts",
|
|
||||||
"../lib/jquery.d.ts",
|
|
||||||
"../lib/uploader.ts"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
10
res/template/fragments/html_templates.html
Normal file
10
res/template/fragments/html_templates.html
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
{{define "tpl_file_button"}}
|
||||||
|
<template id="tpl_file_button">
|
||||||
|
<a class="file_button" target="_blank">
|
||||||
|
<img src="/api/file/xWwGvj9f/thumbnail?width=80&height=80" alt="24000.jpg" />
|
||||||
|
<span style="color: var(--highlight_color);">24000.jpg</span>
|
||||||
|
<br/>
|
||||||
|
2020-01-20 10:06:56
|
||||||
|
</a>
|
||||||
|
</template>
|
||||||
|
{{end}}
|
||||||
@@ -3,9 +3,6 @@
|
|||||||
<head>
|
<head>
|
||||||
{{template "meta_tags" "Upload History"}}
|
{{template "meta_tags" "Upload History"}}
|
||||||
{{template "user_style" .}}
|
{{template "user_style" .}}
|
||||||
<script src="res/script/jquery.js"></script>
|
|
||||||
<script src="res/script/jquery-cookie.js"></script>
|
|
||||||
<script>var apiEndpoint = '{{.APIEndpoint}}';</script>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id='body' class="body">
|
<div id='body' class="body">
|
||||||
@@ -18,10 +15,14 @@
|
|||||||
</p>
|
</p>
|
||||||
<br/>
|
<br/>
|
||||||
|
|
||||||
<div id="uploadedFiles" class="highlight_dark"></div>
|
<div id="uploaded_files" class="highlight_dark"></div>
|
||||||
</div></div>
|
</div></div>
|
||||||
{{template "page_bottom" .}}
|
{{template "page_bottom" .}}
|
||||||
<script>{{template `history.js`}}</script>
|
<script>
|
||||||
|
let apiEndpoint = '{{.APIEndpoint}}';
|
||||||
|
{{template `util.js`}}
|
||||||
|
{{template `history.js`}}
|
||||||
|
</script>
|
||||||
{{template "analytics"}}
|
{{template "analytics"}}
|
||||||
</body>
|
</body>
|
||||||
</html>{{end}}
|
</html>{{end}}
|
||||||
|
|||||||
@@ -56,8 +56,8 @@
|
|||||||
manager
|
manager
|
||||||
</div></div>
|
</div></div>
|
||||||
<input id="file_input_field" type="file" name="file" multiple="multiple"/>
|
<input id="file_input_field" type="file" name="file" multiple="multiple"/>
|
||||||
<button id="select_file_button" class="big_button button_highlight">Upload Files</button>
|
<button id="upload_file_button" class="big_button button_highlight"><u>U</u>pload Files</button>
|
||||||
<button id="text_button" class="big_button button_highlight" onClick="window.location.href = '/t/'">Upload Text</button>
|
<button id="upload_text_button" class="big_button button_highlight">Upload <u>T</u>ext</button>
|
||||||
<br/>
|
<br/>
|
||||||
<p>
|
<p>
|
||||||
By uploading files to pixeldrain you accept that a cookie will
|
By uploading files to pixeldrain you accept that a cookie will
|
||||||
@@ -76,30 +76,30 @@
|
|||||||
</div>
|
</div>
|
||||||
<div id="instruction_3_after" style="display: none">
|
<div id="instruction_3_after" style="display: none">
|
||||||
<div id="navigator_share_button" style="display: inline-block">
|
<div id="navigator_share_button" style="display: inline-block">
|
||||||
<button class="social_button" onclick="shareButton()">
|
<button id="btn_social_share" class="social_button">
|
||||||
{{template `share.svg` .}}<br/>Share
|
{{template `share.svg` .}}<br/>Share
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<button id="btn_copy_link" class="social_button" style="display: inline-block" onclick="copyLink()">
|
<button id="btn_copy_link" class="social_button" style="display: inline-block">
|
||||||
{{template `copy.svg` .}}<br/><span><u>C</u>opy link</span>
|
{{template `copy.svg` .}}<br/><span><u>C</u>opy link</span>
|
||||||
</button>
|
</button>
|
||||||
<button id="btn_open_link" class="social_button" style="display: inline-block" onclick="openLink()">
|
<button id="btn_open_link" class="social_button" style="display: inline-block">
|
||||||
{{template `open_in_new.svg` .}}<br/><span>Open link</span>
|
{{template `open_in_new.svg` .}}<br/><span>Open link</span>
|
||||||
</button>
|
</button>
|
||||||
<div id="social_buttons" style="display: inline-block">
|
<div id="social_buttons" style="display: inline-block">
|
||||||
<button class="social_button" onclick="window.open('mailto:please@set.address?subject=File%20on%20pixeldrain&body=' + getShareLink());">
|
<button id="btn_social_email" class="social_button">
|
||||||
{{template `email.svg` .}}<br/>E-Mail
|
{{template `email.svg` .}}<br/>E-Mail
|
||||||
</button>
|
</button>
|
||||||
<button class="social_button" onclick="window.open('https://twitter.com/share?url=' + getShareLink());">
|
<button id="btn_social_twitter" class="social_button">
|
||||||
{{template `twitter.svg` .}}<br/>Twitter
|
{{template `twitter.svg` .}}<br/>Twitter
|
||||||
</button>
|
</button>
|
||||||
<button class="social_button" onclick="window.open('http://www.facebook.com/sharer.php?u=' + getShareLink());">
|
<button id="btn_social_facebook" class="social_button">
|
||||||
{{template `facebook.svg` .}}<br/>Facebook
|
{{template `facebook.svg` .}}<br/>Facebook
|
||||||
</button>
|
</button>
|
||||||
<button class="social_button" onclick="window.open('https://www.reddit.com/submit?url=' + getShareLink());">
|
<button id="btn_social_reddit" class="social_button">
|
||||||
{{template `reddit.svg` .}}<br/>Reddit
|
{{template `reddit.svg` .}}<br/>Reddit
|
||||||
</button>
|
</button>
|
||||||
<button class="social_button" onclick="window.open('http://www.tumblr.com/share/link?url=' + getShareLink());">
|
<button id="btc_social_tumblr" class="social_button">
|
||||||
{{template `tumblr.svg` .}}<br/>Tumblr
|
{{template `tumblr.svg` .}}<br/>Tumblr
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -149,10 +149,10 @@
|
|||||||
{{template "page_bottom"}}
|
{{template "page_bottom"}}
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
var apiEndpoint = '{{.APIEndpoint}}';
|
let apiEndpoint = '{{.APIEndpoint}}';
|
||||||
var API_URL = "/api";
|
{{template "util.js"}}
|
||||||
{{template "home.js"}}
|
{{template "UploadManager.js"}}
|
||||||
{{template "home_plain.js"}}
|
{{template "homepage.js"}}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
{{template "analytics"}}
|
{{template "analytics"}}
|
||||||
|
|||||||
@@ -25,8 +25,8 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
/* border: none !important; */
|
|
||||||
background: var(--layer_1_color);
|
background: var(--layer_1_color);
|
||||||
|
color: var(--text_color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.toolbar_button{
|
.toolbar_button{
|
||||||
@@ -60,8 +60,12 @@
|
|||||||
<textarea id="textarea" class="textarea" placeholder="Your text here..." autofocus="autofocus"></textarea>
|
<textarea id="textarea" class="textarea" placeholder="Your text here..." autofocus="autofocus"></textarea>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="/res/script/jquery.js"></script>
|
<script>
|
||||||
<script>{{template "textupload.js"}}</script>
|
let apiEndpoint = '{{.APIEndpoint}}';
|
||||||
|
{{template "UploadManager.js"}}
|
||||||
|
{{template "util.js"}}
|
||||||
|
{{template "textupload.js"}}
|
||||||
|
</script>
|
||||||
|
|
||||||
{{template "analytics"}}
|
{{template "analytics"}}
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -1,13 +0,0 @@
|
|||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8"/>
|
|
||||||
<script src="wasm_exec.js"></script>
|
|
||||||
<script>
|
|
||||||
const go = new Go();
|
|
||||||
WebAssembly.instantiateStreaming(fetch("main.wasm"), go.importObject).then((result) => {
|
|
||||||
go.run(result.instance);
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body></body>
|
|
||||||
</html>
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
package main
|
|
||||||
|
|
||||||
import "fmt"
|
|
||||||
|
|
||||||
func main() {
|
|
||||||
fmt.Println("Hello, WebAssembly!")
|
|
||||||
}
|
|
||||||
Binary file not shown.
@@ -1,533 +0,0 @@
|
|||||||
// Copyright 2018 The Go Authors. All rights reserved.
|
|
||||||
// Use of this source code is governed by a BSD-style
|
|
||||||
// license that can be found in the LICENSE file.
|
|
||||||
|
|
||||||
(() => {
|
|
||||||
// Map multiple JavaScript environments to a single common API,
|
|
||||||
// preferring web standards over Node.js API.
|
|
||||||
//
|
|
||||||
// Environments considered:
|
|
||||||
// - Browsers
|
|
||||||
// - Node.js
|
|
||||||
// - Electron
|
|
||||||
// - Parcel
|
|
||||||
|
|
||||||
if (typeof global !== "undefined") {
|
|
||||||
// global already exists
|
|
||||||
} else if (typeof window !== "undefined") {
|
|
||||||
window.global = window;
|
|
||||||
} else if (typeof self !== "undefined") {
|
|
||||||
self.global = self;
|
|
||||||
} else {
|
|
||||||
throw new Error("cannot export Go (neither global, window nor self is defined)");
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!global.require && typeof require !== "undefined") {
|
|
||||||
global.require = require;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!global.fs && global.require) {
|
|
||||||
global.fs = require("fs");
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!global.fs) {
|
|
||||||
let outputBuf = "";
|
|
||||||
global.fs = {
|
|
||||||
constants: { O_WRONLY: -1, O_RDWR: -1, O_CREAT: -1, O_TRUNC: -1, O_APPEND: -1, O_EXCL: -1 }, // unused
|
|
||||||
writeSync(fd, buf) {
|
|
||||||
outputBuf += decoder.decode(buf);
|
|
||||||
const nl = outputBuf.lastIndexOf("\n");
|
|
||||||
if (nl != -1) {
|
|
||||||
console.log(outputBuf.substr(0, nl));
|
|
||||||
outputBuf = outputBuf.substr(nl + 1);
|
|
||||||
}
|
|
||||||
return buf.length;
|
|
||||||
},
|
|
||||||
write(fd, buf, offset, length, position, callback) {
|
|
||||||
if (offset !== 0 || length !== buf.length || position !== null) {
|
|
||||||
throw new Error("not implemented");
|
|
||||||
}
|
|
||||||
const n = this.writeSync(fd, buf);
|
|
||||||
callback(null, n);
|
|
||||||
},
|
|
||||||
open(path, flags, mode, callback) {
|
|
||||||
const err = new Error("not implemented");
|
|
||||||
err.code = "ENOSYS";
|
|
||||||
callback(err);
|
|
||||||
},
|
|
||||||
read(fd, buffer, offset, length, position, callback) {
|
|
||||||
const err = new Error("not implemented");
|
|
||||||
err.code = "ENOSYS";
|
|
||||||
callback(err);
|
|
||||||
},
|
|
||||||
fsync(fd, callback) {
|
|
||||||
callback(null);
|
|
||||||
},
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!global.crypto) {
|
|
||||||
const nodeCrypto = require("crypto");
|
|
||||||
global.crypto = {
|
|
||||||
getRandomValues(b) {
|
|
||||||
nodeCrypto.randomFillSync(b);
|
|
||||||
},
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!global.performance) {
|
|
||||||
global.performance = {
|
|
||||||
now() {
|
|
||||||
const [sec, nsec] = process.hrtime();
|
|
||||||
return sec * 1000 + nsec / 1000000;
|
|
||||||
},
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!global.TextEncoder) {
|
|
||||||
global.TextEncoder = require("util").TextEncoder;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!global.TextDecoder) {
|
|
||||||
global.TextDecoder = require("util").TextDecoder;
|
|
||||||
}
|
|
||||||
|
|
||||||
// End of polyfills for common API.
|
|
||||||
|
|
||||||
const encoder = new TextEncoder("utf-8");
|
|
||||||
const decoder = new TextDecoder("utf-8");
|
|
||||||
|
|
||||||
global.Go = class {
|
|
||||||
constructor() {
|
|
||||||
this.argv = ["js"];
|
|
||||||
this.env = {};
|
|
||||||
this.exit = (code) => {
|
|
||||||
if (code !== 0) {
|
|
||||||
console.warn("exit code:", code);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
this._exitPromise = new Promise((resolve) => {
|
|
||||||
this._resolveExitPromise = resolve;
|
|
||||||
});
|
|
||||||
this._pendingEvent = null;
|
|
||||||
this._scheduledTimeouts = new Map();
|
|
||||||
this._nextCallbackTimeoutID = 1;
|
|
||||||
|
|
||||||
const mem = () => {
|
|
||||||
// The buffer may change when requesting more memory.
|
|
||||||
return new DataView(this._inst.exports.mem.buffer);
|
|
||||||
}
|
|
||||||
|
|
||||||
const setInt64 = (addr, v) => {
|
|
||||||
mem().setUint32(addr + 0, v, true);
|
|
||||||
mem().setUint32(addr + 4, Math.floor(v / 4294967296), true);
|
|
||||||
}
|
|
||||||
|
|
||||||
const getInt64 = (addr) => {
|
|
||||||
const low = mem().getUint32(addr + 0, true);
|
|
||||||
const high = mem().getInt32(addr + 4, true);
|
|
||||||
return low + high * 4294967296;
|
|
||||||
}
|
|
||||||
|
|
||||||
const loadValue = (addr) => {
|
|
||||||
const f = mem().getFloat64(addr, true);
|
|
||||||
if (f === 0) {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
if (!isNaN(f)) {
|
|
||||||
return f;
|
|
||||||
}
|
|
||||||
|
|
||||||
const id = mem().getUint32(addr, true);
|
|
||||||
return this._values[id];
|
|
||||||
}
|
|
||||||
|
|
||||||
const storeValue = (addr, v) => {
|
|
||||||
const nanHead = 0x7FF80000;
|
|
||||||
|
|
||||||
if (typeof v === "number") {
|
|
||||||
if (isNaN(v)) {
|
|
||||||
mem().setUint32(addr + 4, nanHead, true);
|
|
||||||
mem().setUint32(addr, 0, true);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (v === 0) {
|
|
||||||
mem().setUint32(addr + 4, nanHead, true);
|
|
||||||
mem().setUint32(addr, 1, true);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
mem().setFloat64(addr, v, true);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
switch (v) {
|
|
||||||
case undefined:
|
|
||||||
mem().setFloat64(addr, 0, true);
|
|
||||||
return;
|
|
||||||
case null:
|
|
||||||
mem().setUint32(addr + 4, nanHead, true);
|
|
||||||
mem().setUint32(addr, 2, true);
|
|
||||||
return;
|
|
||||||
case true:
|
|
||||||
mem().setUint32(addr + 4, nanHead, true);
|
|
||||||
mem().setUint32(addr, 3, true);
|
|
||||||
return;
|
|
||||||
case false:
|
|
||||||
mem().setUint32(addr + 4, nanHead, true);
|
|
||||||
mem().setUint32(addr, 4, true);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let ref = this._refs.get(v);
|
|
||||||
if (ref === undefined) {
|
|
||||||
ref = this._values.length;
|
|
||||||
this._values.push(v);
|
|
||||||
this._refs.set(v, ref);
|
|
||||||
}
|
|
||||||
let typeFlag = 0;
|
|
||||||
switch (typeof v) {
|
|
||||||
case "string":
|
|
||||||
typeFlag = 1;
|
|
||||||
break;
|
|
||||||
case "symbol":
|
|
||||||
typeFlag = 2;
|
|
||||||
break;
|
|
||||||
case "function":
|
|
||||||
typeFlag = 3;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
mem().setUint32(addr + 4, nanHead | typeFlag, true);
|
|
||||||
mem().setUint32(addr, ref, true);
|
|
||||||
}
|
|
||||||
|
|
||||||
const loadSlice = (addr) => {
|
|
||||||
const array = getInt64(addr + 0);
|
|
||||||
const len = getInt64(addr + 8);
|
|
||||||
return new Uint8Array(this._inst.exports.mem.buffer, array, len);
|
|
||||||
}
|
|
||||||
|
|
||||||
const loadSliceOfValues = (addr) => {
|
|
||||||
const array = getInt64(addr + 0);
|
|
||||||
const len = getInt64(addr + 8);
|
|
||||||
const a = new Array(len);
|
|
||||||
for (let i = 0; i < len; i++) {
|
|
||||||
a[i] = loadValue(array + i * 8);
|
|
||||||
}
|
|
||||||
return a;
|
|
||||||
}
|
|
||||||
|
|
||||||
const loadString = (addr) => {
|
|
||||||
const saddr = getInt64(addr + 0);
|
|
||||||
const len = getInt64(addr + 8);
|
|
||||||
return decoder.decode(new DataView(this._inst.exports.mem.buffer, saddr, len));
|
|
||||||
}
|
|
||||||
|
|
||||||
const timeOrigin = Date.now() - performance.now();
|
|
||||||
this.importObject = {
|
|
||||||
go: {
|
|
||||||
// Go's SP does not change as long as no Go code is running. Some operations (e.g. calls, getters and setters)
|
|
||||||
// may synchronously trigger a Go event handler. This makes Go code get executed in the middle of the imported
|
|
||||||
// function. A goroutine can switch to a new stack if the current stack is too small (see morestack function).
|
|
||||||
// This changes the SP, thus we have to update the SP used by the imported function.
|
|
||||||
|
|
||||||
// func wasmExit(code int32)
|
|
||||||
"runtime.wasmExit": (sp) => {
|
|
||||||
const code = mem().getInt32(sp + 8, true);
|
|
||||||
this.exited = true;
|
|
||||||
delete this._inst;
|
|
||||||
delete this._values;
|
|
||||||
delete this._refs;
|
|
||||||
this.exit(code);
|
|
||||||
},
|
|
||||||
|
|
||||||
// func wasmWrite(fd uintptr, p unsafe.Pointer, n int32)
|
|
||||||
"runtime.wasmWrite": (sp) => {
|
|
||||||
const fd = getInt64(sp + 8);
|
|
||||||
const p = getInt64(sp + 16);
|
|
||||||
const n = mem().getInt32(sp + 24, true);
|
|
||||||
fs.writeSync(fd, new Uint8Array(this._inst.exports.mem.buffer, p, n));
|
|
||||||
},
|
|
||||||
|
|
||||||
// func nanotime() int64
|
|
||||||
"runtime.nanotime": (sp) => {
|
|
||||||
setInt64(sp + 8, (timeOrigin + performance.now()) * 1000000);
|
|
||||||
},
|
|
||||||
|
|
||||||
// func walltime() (sec int64, nsec int32)
|
|
||||||
"runtime.walltime": (sp) => {
|
|
||||||
const msec = (new Date).getTime();
|
|
||||||
setInt64(sp + 8, msec / 1000);
|
|
||||||
mem().setInt32(sp + 16, (msec % 1000) * 1000000, true);
|
|
||||||
},
|
|
||||||
|
|
||||||
// func scheduleTimeoutEvent(delay int64) int32
|
|
||||||
"runtime.scheduleTimeoutEvent": (sp) => {
|
|
||||||
const id = this._nextCallbackTimeoutID;
|
|
||||||
this._nextCallbackTimeoutID++;
|
|
||||||
this._scheduledTimeouts.set(id, setTimeout(
|
|
||||||
() => {
|
|
||||||
this._resume();
|
|
||||||
while (this._scheduledTimeouts.has(id)) {
|
|
||||||
// for some reason Go failed to register the timeout event, log and try again
|
|
||||||
// (temporary workaround for https://github.com/golang/go/issues/28975)
|
|
||||||
console.warn("scheduleTimeoutEvent: missed timeout event");
|
|
||||||
this._resume();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getInt64(sp + 8) + 1, // setTimeout has been seen to fire up to 1 millisecond early
|
|
||||||
));
|
|
||||||
mem().setInt32(sp + 16, id, true);
|
|
||||||
},
|
|
||||||
|
|
||||||
// func clearTimeoutEvent(id int32)
|
|
||||||
"runtime.clearTimeoutEvent": (sp) => {
|
|
||||||
const id = mem().getInt32(sp + 8, true);
|
|
||||||
clearTimeout(this._scheduledTimeouts.get(id));
|
|
||||||
this._scheduledTimeouts.delete(id);
|
|
||||||
},
|
|
||||||
|
|
||||||
// func getRandomData(r []byte)
|
|
||||||
"runtime.getRandomData": (sp) => {
|
|
||||||
crypto.getRandomValues(loadSlice(sp + 8));
|
|
||||||
},
|
|
||||||
|
|
||||||
// func stringVal(value string) ref
|
|
||||||
"syscall/js.stringVal": (sp) => {
|
|
||||||
storeValue(sp + 24, loadString(sp + 8));
|
|
||||||
},
|
|
||||||
|
|
||||||
// func valueGet(v ref, p string) ref
|
|
||||||
"syscall/js.valueGet": (sp) => {
|
|
||||||
const result = Reflect.get(loadValue(sp + 8), loadString(sp + 16));
|
|
||||||
sp = this._inst.exports.getsp(); // see comment above
|
|
||||||
storeValue(sp + 32, result);
|
|
||||||
},
|
|
||||||
|
|
||||||
// func valueSet(v ref, p string, x ref)
|
|
||||||
"syscall/js.valueSet": (sp) => {
|
|
||||||
Reflect.set(loadValue(sp + 8), loadString(sp + 16), loadValue(sp + 32));
|
|
||||||
},
|
|
||||||
|
|
||||||
// func valueIndex(v ref, i int) ref
|
|
||||||
"syscall/js.valueIndex": (sp) => {
|
|
||||||
storeValue(sp + 24, Reflect.get(loadValue(sp + 8), getInt64(sp + 16)));
|
|
||||||
},
|
|
||||||
|
|
||||||
// valueSetIndex(v ref, i int, x ref)
|
|
||||||
"syscall/js.valueSetIndex": (sp) => {
|
|
||||||
Reflect.set(loadValue(sp + 8), getInt64(sp + 16), loadValue(sp + 24));
|
|
||||||
},
|
|
||||||
|
|
||||||
// func valueCall(v ref, m string, args []ref) (ref, bool)
|
|
||||||
"syscall/js.valueCall": (sp) => {
|
|
||||||
try {
|
|
||||||
const v = loadValue(sp + 8);
|
|
||||||
const m = Reflect.get(v, loadString(sp + 16));
|
|
||||||
const args = loadSliceOfValues(sp + 32);
|
|
||||||
const result = Reflect.apply(m, v, args);
|
|
||||||
sp = this._inst.exports.getsp(); // see comment above
|
|
||||||
storeValue(sp + 56, result);
|
|
||||||
mem().setUint8(sp + 64, 1);
|
|
||||||
} catch (err) {
|
|
||||||
storeValue(sp + 56, err);
|
|
||||||
mem().setUint8(sp + 64, 0);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
// func valueInvoke(v ref, args []ref) (ref, bool)
|
|
||||||
"syscall/js.valueInvoke": (sp) => {
|
|
||||||
try {
|
|
||||||
const v = loadValue(sp + 8);
|
|
||||||
const args = loadSliceOfValues(sp + 16);
|
|
||||||
const result = Reflect.apply(v, undefined, args);
|
|
||||||
sp = this._inst.exports.getsp(); // see comment above
|
|
||||||
storeValue(sp + 40, result);
|
|
||||||
mem().setUint8(sp + 48, 1);
|
|
||||||
} catch (err) {
|
|
||||||
storeValue(sp + 40, err);
|
|
||||||
mem().setUint8(sp + 48, 0);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
// func valueNew(v ref, args []ref) (ref, bool)
|
|
||||||
"syscall/js.valueNew": (sp) => {
|
|
||||||
try {
|
|
||||||
const v = loadValue(sp + 8);
|
|
||||||
const args = loadSliceOfValues(sp + 16);
|
|
||||||
const result = Reflect.construct(v, args);
|
|
||||||
sp = this._inst.exports.getsp(); // see comment above
|
|
||||||
storeValue(sp + 40, result);
|
|
||||||
mem().setUint8(sp + 48, 1);
|
|
||||||
} catch (err) {
|
|
||||||
storeValue(sp + 40, err);
|
|
||||||
mem().setUint8(sp + 48, 0);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
// func valueLength(v ref) int
|
|
||||||
"syscall/js.valueLength": (sp) => {
|
|
||||||
setInt64(sp + 16, parseInt(loadValue(sp + 8).length));
|
|
||||||
},
|
|
||||||
|
|
||||||
// valuePrepareString(v ref) (ref, int)
|
|
||||||
"syscall/js.valuePrepareString": (sp) => {
|
|
||||||
const str = encoder.encode(String(loadValue(sp + 8)));
|
|
||||||
storeValue(sp + 16, str);
|
|
||||||
setInt64(sp + 24, str.length);
|
|
||||||
},
|
|
||||||
|
|
||||||
// valueLoadString(v ref, b []byte)
|
|
||||||
"syscall/js.valueLoadString": (sp) => {
|
|
||||||
const str = loadValue(sp + 8);
|
|
||||||
loadSlice(sp + 16).set(str);
|
|
||||||
},
|
|
||||||
|
|
||||||
// func valueInstanceOf(v ref, t ref) bool
|
|
||||||
"syscall/js.valueInstanceOf": (sp) => {
|
|
||||||
mem().setUint8(sp + 24, loadValue(sp + 8) instanceof loadValue(sp + 16));
|
|
||||||
},
|
|
||||||
|
|
||||||
// func copyBytesToGo(dst []byte, src ref) (int, bool)
|
|
||||||
"syscall/js.copyBytesToGo": (sp) => {
|
|
||||||
const dst = loadSlice(sp + 8);
|
|
||||||
const src = loadValue(sp + 32);
|
|
||||||
if (!(src instanceof Uint8Array)) {
|
|
||||||
mem().setUint8(sp + 48, 0);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const toCopy = src.subarray(0, dst.length);
|
|
||||||
dst.set(toCopy);
|
|
||||||
setInt64(sp + 40, toCopy.length);
|
|
||||||
mem().setUint8(sp + 48, 1);
|
|
||||||
},
|
|
||||||
|
|
||||||
// func copyBytesToJS(dst ref, src []byte) (int, bool)
|
|
||||||
"syscall/js.copyBytesToJS": (sp) => {
|
|
||||||
const dst = loadValue(sp + 8);
|
|
||||||
const src = loadSlice(sp + 16);
|
|
||||||
if (!(dst instanceof Uint8Array)) {
|
|
||||||
mem().setUint8(sp + 48, 0);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const toCopy = src.subarray(0, dst.length);
|
|
||||||
dst.set(toCopy);
|
|
||||||
setInt64(sp + 40, toCopy.length);
|
|
||||||
mem().setUint8(sp + 48, 1);
|
|
||||||
},
|
|
||||||
|
|
||||||
"debug": (value) => {
|
|
||||||
console.log(value);
|
|
||||||
},
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
async run(instance) {
|
|
||||||
this._inst = instance;
|
|
||||||
this._values = [ // TODO: garbage collection
|
|
||||||
NaN,
|
|
||||||
0,
|
|
||||||
null,
|
|
||||||
true,
|
|
||||||
false,
|
|
||||||
global,
|
|
||||||
this,
|
|
||||||
];
|
|
||||||
this._refs = new Map();
|
|
||||||
this.exited = false;
|
|
||||||
|
|
||||||
const mem = new DataView(this._inst.exports.mem.buffer)
|
|
||||||
|
|
||||||
// Pass command line arguments and environment variables to WebAssembly by writing them to the linear memory.
|
|
||||||
let offset = 4096;
|
|
||||||
|
|
||||||
const strPtr = (str) => {
|
|
||||||
const ptr = offset;
|
|
||||||
const bytes = encoder.encode(str + "\0");
|
|
||||||
new Uint8Array(mem.buffer, offset, bytes.length).set(bytes);
|
|
||||||
offset += bytes.length;
|
|
||||||
if (offset % 8 !== 0) {
|
|
||||||
offset += 8 - (offset % 8);
|
|
||||||
}
|
|
||||||
return ptr;
|
|
||||||
};
|
|
||||||
|
|
||||||
const argc = this.argv.length;
|
|
||||||
|
|
||||||
const argvPtrs = [];
|
|
||||||
this.argv.forEach((arg) => {
|
|
||||||
argvPtrs.push(strPtr(arg));
|
|
||||||
});
|
|
||||||
|
|
||||||
const keys = Object.keys(this.env).sort();
|
|
||||||
argvPtrs.push(keys.length);
|
|
||||||
keys.forEach((key) => {
|
|
||||||
argvPtrs.push(strPtr(`${key}=${this.env[key]}`));
|
|
||||||
});
|
|
||||||
|
|
||||||
const argv = offset;
|
|
||||||
argvPtrs.forEach((ptr) => {
|
|
||||||
mem.setUint32(offset, ptr, true);
|
|
||||||
mem.setUint32(offset + 4, 0, true);
|
|
||||||
offset += 8;
|
|
||||||
});
|
|
||||||
|
|
||||||
this._inst.exports.run(argc, argv);
|
|
||||||
if (this.exited) {
|
|
||||||
this._resolveExitPromise();
|
|
||||||
}
|
|
||||||
await this._exitPromise;
|
|
||||||
}
|
|
||||||
|
|
||||||
_resume() {
|
|
||||||
if (this.exited) {
|
|
||||||
throw new Error("Go program has already exited");
|
|
||||||
}
|
|
||||||
this._inst.exports.resume();
|
|
||||||
if (this.exited) {
|
|
||||||
this._resolveExitPromise();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
_makeFuncWrapper(id) {
|
|
||||||
const go = this;
|
|
||||||
return function () {
|
|
||||||
const event = { id: id, this: this, args: arguments };
|
|
||||||
go._pendingEvent = event;
|
|
||||||
go._resume();
|
|
||||||
return event.result;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (
|
|
||||||
global.require &&
|
|
||||||
global.require.main === module &&
|
|
||||||
global.process &&
|
|
||||||
global.process.versions &&
|
|
||||||
!global.process.versions.electron
|
|
||||||
) {
|
|
||||||
if (process.argv.length < 3) {
|
|
||||||
console.error("usage: go_js_wasm_exec [wasm binary] [arguments]");
|
|
||||||
process.exit(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
const go = new Go();
|
|
||||||
go.argv = process.argv.slice(2);
|
|
||||||
go.env = Object.assign({ TMPDIR: require("os").tmpdir() }, process.env);
|
|
||||||
go.exit = process.exit;
|
|
||||||
WebAssembly.instantiate(fs.readFileSync(process.argv[2]), go.importObject).then((result) => {
|
|
||||||
process.on("exit", (code) => { // Node.js exits if no event handler is pending
|
|
||||||
if (code === 0 && !go.exited) {
|
|
||||||
// deadlock, make Go print error and stack traces
|
|
||||||
go._pendingEvent = { id: 0 };
|
|
||||||
go._resume();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return go.run(result.instance);
|
|
||||||
}).catch((err) => {
|
|
||||||
console.error(err);
|
|
||||||
process.exit(1);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
})();
|
|
||||||
Reference in New Issue
Block a user