mirror of
https://github.com/MrUnknownDE/unknownbin.git
synced 2026-04-06 00:32:08 +02:00
284 lines
7.1 KiB
JavaScript
284 lines
7.1 KiB
JavaScript
const Haste = function() {
|
|
this.appName = "unknownBIN";
|
|
this.$textarea = $('textarea');
|
|
this.$box = $('#code');
|
|
this.$code = $('#code code');
|
|
this.configureShortcuts();
|
|
this.configureButtons();
|
|
};
|
|
|
|
// set title (browser window)
|
|
Haste.prototype.setTitle = function(ext) {
|
|
const title = ext ? `${this.appName} - ${ext}` : this.appName;
|
|
document.title = title;
|
|
};
|
|
|
|
// show the light key
|
|
Haste.prototype.lightKey = function() {
|
|
this.configureKey(['new', 'save']);
|
|
};
|
|
|
|
// show the full key
|
|
Haste.prototype.fullKey = function() {
|
|
this.configureKey(['new', 'duplicate', 'raw']);
|
|
};
|
|
|
|
// enable certain keys
|
|
Haste.prototype.configureKey = function(enable) {
|
|
$('#tools .function').each(function() {
|
|
const $this = $(this);
|
|
for (let i = 0; i < enable.length; i++) {
|
|
if ($this.hasClass(enable[i])) {
|
|
$this.addClass('enabled');
|
|
return true;
|
|
}
|
|
}
|
|
$this.removeClass('enabled');
|
|
});
|
|
};
|
|
|
|
// setup a new, blank document
|
|
Haste.prototype.newDocument = function(hideHistory) {
|
|
this.$box.hide();
|
|
this.doc = new HasteDocument();
|
|
if (!hideHistory) {
|
|
window.history.pushState(null, this.appName, '/');
|
|
}
|
|
this.setTitle();
|
|
this.lightKey();
|
|
this.$textarea.val('').show('fast', function() {
|
|
this.focus();
|
|
});
|
|
};
|
|
|
|
// load an existing document
|
|
Haste.prototype.loadDocument = function(key) {
|
|
// Check if data is pre-rendered by the server
|
|
const $preloaded = $('#preloaded-data');
|
|
if ($preloaded.length > 0 && $preloaded.text().trim().length > 0) {
|
|
this.doc = new HasteDocument();
|
|
this.doc.locked = true;
|
|
this.doc.key = key;
|
|
this.doc.data = $preloaded.text();
|
|
const high = hljs.highlightAuto(this.doc.data).value;
|
|
const ret = {
|
|
value: high.replace(/.+/g, "<span class=\"line\">$&</span>").replace(/^\s*[\r\n]/gm, "<span class=\"line\"></span>\n"),
|
|
key: key,
|
|
};
|
|
this.$code.html(ret.value);
|
|
this.setTitle(ret.key);
|
|
this.fullKey();
|
|
this.$textarea.val('').hide();
|
|
this.$box.show();
|
|
} else {
|
|
// Data is not pre-rendered, fetch from API
|
|
const _this = this;
|
|
_this.doc = new HasteDocument();
|
|
_this.doc.load(key, function(ret) {
|
|
if (ret) {
|
|
_this.$code.html(ret.value);
|
|
_this.setTitle(ret.key);
|
|
window.history.pushState(null, `${_this.appName}-${ret.key}`, `/${ret.key}`);
|
|
_this.fullKey();
|
|
_this.$textarea.val('').hide();
|
|
_this.$box.show();
|
|
} else {
|
|
_this.newDocument();
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
// duplicate the current document
|
|
Haste.prototype.duplicateDocument = function() {
|
|
if (this.doc.locked) {
|
|
const currentData = this.doc.data;
|
|
this.newDocument();
|
|
this.$textarea.val(currentData);
|
|
}
|
|
};
|
|
|
|
// lock the current document
|
|
Haste.prototype.lockDocument = function() {
|
|
const _this = this;
|
|
this.doc.save(this.$textarea.val(), function(err, ret) {
|
|
if (!err && ret) {
|
|
// Manually highlight and display after saving
|
|
const high = hljs.highlightAuto(ret.data).value;
|
|
const formatted = high.replace(/.+/g, "<span class=\"line\">$&</span>").replace(/^\s*[\r\n]/gm, "<span class=\"line\"></span>\n");
|
|
_this.$code.html(formatted);
|
|
_this.setTitle(ret.key);
|
|
window.history.pushState(null, `${_this.appName}-${ret.key}`, `/${ret.key}`);
|
|
_this.fullKey();
|
|
_this.$textarea.val('').hide();
|
|
_this.$box.show();
|
|
}
|
|
});
|
|
};
|
|
|
|
// configure buttons and their shortcuts
|
|
Haste.prototype.configureButtons = function() {
|
|
const _this = this;
|
|
this.buttons = [
|
|
{
|
|
$where: $('#tools .save'),
|
|
shortcut: function(evt) {
|
|
return evt.ctrlKey && evt.keyCode === 83;
|
|
},
|
|
action: function() {
|
|
if (_this.$textarea.val().replace(/^\s+|\s+$/g, '') !== '') {
|
|
_this.lockDocument();
|
|
}
|
|
}
|
|
},
|
|
{
|
|
$where: $('#tools .new'),
|
|
shortcut: function(evt) {
|
|
return evt.ctrlKey && evt.keyCode === 32;
|
|
},
|
|
action: function() {
|
|
window.location.href = '/';
|
|
}
|
|
},
|
|
{
|
|
$where: $('#tools .duplicate'),
|
|
shortcut: function(evt) {
|
|
return _this.doc.locked && evt.ctrlKey && evt.keyCode === 68;
|
|
},
|
|
action: function() {
|
|
_this.duplicateDocument();
|
|
}
|
|
},
|
|
{
|
|
$where: $('#tools .raw'),
|
|
shortcut: function(evt) {
|
|
return evt.ctrlKey && evt.shiftKey && evt.keyCode === 82;
|
|
},
|
|
action: function() {
|
|
window.location.href = `/raw/${_this.doc.key}`;
|
|
}
|
|
}
|
|
];
|
|
for (let i = 0; i < this.buttons.length; i++) {
|
|
this.configureButton(this.buttons[i]);
|
|
}
|
|
};
|
|
|
|
// handles the button-click
|
|
Haste.prototype.configureButton = function(options) {
|
|
options.$where.click(function(evt) {
|
|
evt.preventDefault();
|
|
if (!options.clickDisabled && $(this).hasClass('enabled')) {
|
|
options.action();
|
|
}
|
|
});
|
|
};
|
|
|
|
// enables the configured shortcuts
|
|
Haste.prototype.configureShortcuts = function() {
|
|
const _this = this;
|
|
$(document.body).keydown(function(evt) {
|
|
let button;
|
|
for (let i = 0; i < _this.buttons.length; i++) {
|
|
button = _this.buttons[i];
|
|
if (button.shortcut && button.shortcut(evt)) {
|
|
evt.preventDefault();
|
|
button.action();
|
|
return;
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
// represents a single document
|
|
const HasteDocument = function() {
|
|
this.locked = false;
|
|
};
|
|
|
|
// load a document from the server
|
|
HasteDocument.prototype.load = function(key, callback) {
|
|
const _this = this;
|
|
$.ajax(`/documents/${key}`, {
|
|
type: 'get',
|
|
dataType: 'json',
|
|
success: function(res) {
|
|
_this.locked = true;
|
|
_this.key = key;
|
|
_this.data = res.data;
|
|
const high = hljs.highlightAuto(res.data).value;
|
|
callback({
|
|
value: high.replace(/.+/g, "<span class=\"line\">$&</span>").replace(/^\s*[\r\n]/gm, "<span class=\"line\"></span>\n"),
|
|
key: key,
|
|
});
|
|
},
|
|
error: function() {
|
|
callback(false);
|
|
}
|
|
});
|
|
};
|
|
|
|
// sends the document to the server
|
|
HasteDocument.prototype.save = function(data, callback) {
|
|
if (this.locked) return false;
|
|
|
|
const _this = this;
|
|
_this.data = data;
|
|
$.ajax('/documents', {
|
|
type: 'post',
|
|
data: data,
|
|
dataType: 'json',
|
|
contentType: 'text/plain; charset=utf-8',
|
|
success: function(res) {
|
|
_this.locked = true;
|
|
_this.key = res.key;
|
|
// Pass the saved data back to the callback
|
|
callback(null, { key: res.key, data: _this.data });
|
|
},
|
|
error: function(res) {
|
|
try {
|
|
callback($.parseJSON(res.responseText));
|
|
} catch (e) {
|
|
callback({message: 'Something went wrong!'});
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
// after page is loaded
|
|
$(function() {
|
|
$('textarea').keydown(function(evt) {
|
|
// allow usage of tabs
|
|
if (evt.keyCode === 9) {
|
|
evt.preventDefault();
|
|
const myValue = ' ';
|
|
if (document.selection) {
|
|
this.focus();
|
|
let sel = document.selection.createRange();
|
|
sel.text = myValue;
|
|
this.focus();
|
|
} else if (this.selectionStart || this.selectionStart == '0') {
|
|
const startPos = this.selectionStart;
|
|
const endPos = this.selectionEnd;
|
|
const scrollTop = this.scrollTop;
|
|
this.value = this.value.substring(0, startPos) + myValue + this.value.substring(endPos, this.value.length);
|
|
this.focus();
|
|
this.selectionStart = startPos + myValue.length;
|
|
this.selectionEnd = startPos + myValue.length;
|
|
this.scrollTop = scrollTop;
|
|
} else {
|
|
this.value += myValue;
|
|
this.focus();
|
|
}
|
|
}
|
|
});
|
|
|
|
const app = new Haste();
|
|
const path = window.location.pathname;
|
|
if (path === '/' || path === '') {
|
|
app.newDocument(true);
|
|
} else {
|
|
app.loadDocument(path.substring(1));
|
|
}
|
|
});
|
|
|
|
// No need for hljs.initHighlightingOnLoad() as we do it manually
|