You've already forked hastebin-ansi
mirror of
https://github.com/armbian/hastebin-ansi.git
synced 2026-01-06 12:30:55 -08:00
399 lines
13 KiB
JavaScript
399 lines
13 KiB
JavaScript
/* global $, hljs, window, document */
|
|
|
|
///// represents a single document
|
|
var haste_document = function () {
|
|
this.locked = false;
|
|
};
|
|
|
|
// Escapes HTML tag characters
|
|
haste_document.prototype.htmlEscape = function (s) {
|
|
return s
|
|
.replace(/&/g, '&')
|
|
.replace(/>/g, '>')
|
|
.replace(/</g, '<')
|
|
.replace(/"/g, '"');
|
|
};
|
|
|
|
// Get this document from the server and lock it here
|
|
haste_document.prototype.load = function (key, callback, lang) {
|
|
console.log("Loading document key", key, "lang", lang);
|
|
var _this = this;
|
|
$.ajax('/documents/' + key, {
|
|
type: 'get', dataType: 'json', success: function (res) {
|
|
console.log("Loaded success document key", key, "lang", lang);
|
|
_this.locked = true;
|
|
_this.key = key;
|
|
_this.data = res.data;
|
|
|
|
let final_language;
|
|
let highlighted;
|
|
var high;
|
|
if (lang === 'txt') {
|
|
console.log("Highlighting as text");
|
|
high = {value: _this.htmlEscape(res.data)};
|
|
final_language = high.language;
|
|
highlighted = high.value;
|
|
} else if (lang !== undefined && lang !== 'ans') {
|
|
console.log("Highlighting as", lang);
|
|
high = hljs.highlight(lang, res.data);
|
|
final_language = high.language;
|
|
highlighted = high.value;
|
|
} else {
|
|
// don't guess, use ANSI
|
|
console.log("Highlighting ANSI");
|
|
final_language = "ans"
|
|
highlighted = new Filter({}).toHtml(res.data);
|
|
console.log("ANSI highlighted!");
|
|
}
|
|
//console.log("Language FINAL", final_language, "value", highlighted);
|
|
let lineCount = res.data.split('\n').length;
|
|
console.log("Line count", lineCount);
|
|
callback({
|
|
value: highlighted, key: key, language: final_language || lang, lineCount: lineCount
|
|
}
|
|
);
|
|
}, error: function () {
|
|
callback(false);
|
|
}
|
|
});
|
|
};
|
|
|
|
// Save this document to the server and lock it here
|
|
haste_document.prototype.save = function (data, callback) {
|
|
if (this.locked) {
|
|
return false;
|
|
}
|
|
this.data = data;
|
|
var _this = this;
|
|
$.ajax('/documents', {
|
|
type: 'post', data: data, dataType: 'json', contentType: 'text/plain; charset=utf-8', success: function (res) {
|
|
_this.locked = true;
|
|
_this.key = res.key;
|
|
var high = hljs.highlightAuto(data);
|
|
callback(null, {
|
|
value: high.value, key: res.key, language: high.language, lineCount: data.split('\n').length
|
|
});
|
|
}, error: function (res) {
|
|
try {
|
|
callback($.parseJSON(res.responseText));
|
|
} catch (e) {
|
|
callback({message: 'Something went wrong!'});
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
///// represents the paste application
|
|
|
|
var haste = function (appName, options) {
|
|
this.appName = appName;
|
|
this.$textarea = $('textarea');
|
|
this.$box = $('#box');
|
|
this.$code = $('#box code');
|
|
this.$linenos = $('#linenos');
|
|
this.options = options;
|
|
this.configureShortcuts();
|
|
this.configureButtons();
|
|
$('#box2').hide(); // hide the whole hastebin box
|
|
};
|
|
|
|
// Set the page title - include the appName
|
|
haste.prototype.setTitle = function (ext) {
|
|
var title = ext ? (this.appName + ' - ' + ext) : this.appName;
|
|
document.title = title;
|
|
};
|
|
|
|
// Show a message box
|
|
haste.prototype.showMessage = function (msg, cls) {
|
|
var msgBox = $('<li class="' + (cls || 'info') + '">' + msg + '</li>');
|
|
$('#messages').prepend(msgBox);
|
|
setTimeout(function () {
|
|
msgBox.slideUp('fast', function () {
|
|
$(this).remove();
|
|
});
|
|
}, 3000);
|
|
};
|
|
|
|
// Show the light key
|
|
haste.prototype.lightKey = function () {
|
|
this.configureKey(['new', 'save']);
|
|
};
|
|
|
|
// Show the full key
|
|
haste.prototype.fullKey = function () {
|
|
this.configureKey(['new', 'duplicate', 'twitter', 'raw']);
|
|
};
|
|
|
|
// Set the key up for certain things to be enabled
|
|
haste.prototype.configureKey = function (enable) {
|
|
var $this, i = 0;
|
|
$('#box2 .function').each(function () {
|
|
$this = $(this);
|
|
for (i = 0; i < enable.length; i++) {
|
|
if ($this.hasClass(enable[i])) {
|
|
$this.addClass('enabled');
|
|
return true;
|
|
}
|
|
}
|
|
$this.removeClass('enabled');
|
|
});
|
|
};
|
|
|
|
// Remove the current document (if there is one)
|
|
// and set up for a new one
|
|
haste.prototype.newDocument = function (hideHistory) {
|
|
this.$box.hide();
|
|
this.doc = new haste_document();
|
|
if (!hideHistory) {
|
|
window.history.pushState(null, this.appName, '/');
|
|
}
|
|
this.setTitle();
|
|
this.lightKey();
|
|
this.$textarea.val('').show('fast', function () {
|
|
this.focus();
|
|
});
|
|
this.removeLineNumbers();
|
|
};
|
|
|
|
// Map of common extensions
|
|
// Note: this list does not need to include anything that IS its extension,
|
|
// due to the behavior of lookupTypeByExtension and lookupExtensionByType
|
|
// Note: optimized for lookupTypeByExtension
|
|
haste.extensionMap = {
|
|
rb: 'ruby',
|
|
py: 'python',
|
|
pl: 'perl',
|
|
php: 'php',
|
|
scala: 'scala',
|
|
go: 'go',
|
|
xml: 'xml',
|
|
html: 'xml',
|
|
htm: 'xml',
|
|
css: 'css',
|
|
js: 'javascript',
|
|
vbs: 'vbscript',
|
|
lua: 'lua',
|
|
pas: 'delphi',
|
|
java: 'java',
|
|
cpp: 'cpp',
|
|
cc: 'cpp',
|
|
m: 'objectivec',
|
|
vala: 'vala',
|
|
sql: 'sql',
|
|
sm: 'smalltalk',
|
|
lisp: 'lisp',
|
|
ini: 'ini',
|
|
diff: 'diff',
|
|
bash: 'bash',
|
|
sh: 'bash',
|
|
tex: 'tex',
|
|
erl: 'erlang',
|
|
hs: 'haskell',
|
|
md: 'markdown',
|
|
txt: '',
|
|
coffee: 'coffee',
|
|
swift: 'swift'
|
|
};
|
|
|
|
// Look up the extension preferred for a type
|
|
// If not found, return the type itself - which we'll place as the extension
|
|
haste.prototype.lookupExtensionByType = function (type) {
|
|
for (let key in haste.extensionMap) {
|
|
if (haste.extensionMap[key] === type) {
|
|
console.log("Found extension", key, "for type", type);
|
|
return key;
|
|
}
|
|
}
|
|
return type;
|
|
};
|
|
|
|
// Look up the type for a given extension
|
|
// If not found, return the extension - which we'll attempt to use as the type
|
|
haste.prototype.lookupTypeByExtension = function (ext) {
|
|
let result = haste.extensionMap[ext] || ext;
|
|
console.log("Found type", result, "for extension", ext);
|
|
return result;
|
|
};
|
|
|
|
// Add line numbers to the document
|
|
// For the specified number of lines
|
|
haste.prototype.addLineNumbers = function (lineCount) {
|
|
var h = '';
|
|
for (var i = 0; i < lineCount; i++) {
|
|
h += (i + 1).toString() + '<br/>';
|
|
}
|
|
$('#linenos').html(h);
|
|
};
|
|
|
|
// Remove the line numbers
|
|
haste.prototype.removeLineNumbers = function () {
|
|
$('#linenos').html('>');
|
|
};
|
|
|
|
// Load a document and show it
|
|
haste.prototype.loadDocument = function (key) {
|
|
console.log("LOADING DOCUMENT");
|
|
// Split the key up
|
|
var parts = key.split('.', 2);
|
|
console.log("Loading document", key, "with parts", parts);
|
|
// Ask for what we want
|
|
var _this = this;
|
|
_this.doc = new haste_document();
|
|
_this.doc.load(parts[0], function (ret) {
|
|
if (ret) {
|
|
_this.$code.html(ret.value);
|
|
_this.setTitle(ret.key);
|
|
_this.fullKey();
|
|
_this.$textarea.val('').hide();
|
|
_this.$box.show().focus();
|
|
_this.addLineNumbers(ret.lineCount);
|
|
} else {
|
|
_this.newDocument();
|
|
}
|
|
}, this.lookupTypeByExtension(parts[1]));
|
|
};
|
|
|
|
// Duplicate the current document - only if locked
|
|
haste.prototype.duplicateDocument = function () {
|
|
if (this.doc.locked) {
|
|
var currentData = this.doc.data;
|
|
this.newDocument();
|
|
this.$textarea.val(currentData);
|
|
}
|
|
};
|
|
|
|
// Lock the current document
|
|
haste.prototype.lockDocument = function () {
|
|
console.log("LOCKING DOCUMENT");
|
|
var _this = this;
|
|
this.doc.save(this.$textarea.val(), function (err, ret) {
|
|
if (err) {
|
|
_this.showMessage(err.message, 'error');
|
|
} else if (ret) {
|
|
_this.$code.html(ret.value);
|
|
_this.setTitle(ret.key);
|
|
var file = '/' + ret.key;
|
|
if (ret.language) {
|
|
file += '.' + _this.lookupExtensionByType(ret.language);
|
|
}
|
|
window.history.pushState(null, _this.appName + '-' + ret.key, file);
|
|
_this.fullKey();
|
|
_this.$textarea.val('').hide();
|
|
_this.$box.show().focus();
|
|
_this.addLineNumbers(ret.lineCount);
|
|
}
|
|
});
|
|
};
|
|
|
|
haste.prototype.configureButtons = function () {
|
|
var _this = this;
|
|
this.buttons = [{
|
|
$where: $('#box2 .save'), label: 'Save', shortcutDescription: 'control + s', shortcut: function (evt) {
|
|
return evt.ctrlKey && (evt.keyCode === 83);
|
|
}, action: function () {
|
|
if (_this.$textarea.val().replace(/^\s+|\s+$/g, '') !== '') {
|
|
_this.lockDocument();
|
|
}
|
|
}
|
|
}, {
|
|
$where: $('#box2 .new'), label: 'New', shortcut: function (evt) {
|
|
return evt.ctrlKey && evt.keyCode === 78;
|
|
}, shortcutDescription: 'control + n', action: function () {
|
|
_this.newDocument(!_this.doc.key);
|
|
}
|
|
}, {
|
|
$where: $('#box2 .duplicate'), label: 'Duplicate & Edit', shortcut: function (evt) {
|
|
return _this.doc.locked && evt.ctrlKey && evt.keyCode === 68;
|
|
}, shortcutDescription: 'control + d', action: function () {
|
|
_this.duplicateDocument();
|
|
}
|
|
}, {
|
|
$where: $('#box2 .raw'), label: 'Just Text', shortcut: function (evt) {
|
|
return evt.ctrlKey && evt.shiftKey && evt.keyCode === 82;
|
|
}, shortcutDescription: 'control + shift + r', action: function () {
|
|
window.location.href = '/raw/' + _this.doc.key;
|
|
}
|
|
}, {
|
|
$where: $('#box2 .twitter'), label: 'Twitter', shortcut: function (evt) {
|
|
return _this.options.twitter && _this.doc.locked && evt.shiftKey && evt.ctrlKey && evt.keyCode == 84;
|
|
}, shortcutDescription: 'control + shift + t', action: function () {
|
|
window.open('https://twitter.com/share?url=' + encodeURI(window.location.href));
|
|
}
|
|
}];
|
|
for (var i = 0; i < this.buttons.length; i++) {
|
|
this.configureButton(this.buttons[i]);
|
|
}
|
|
};
|
|
|
|
haste.prototype.configureButton = function (options) {
|
|
// Handle the click action
|
|
options.$where.click(function (evt) {
|
|
evt.preventDefault();
|
|
if (!options.clickDisabled && $(this).hasClass('enabled')) {
|
|
options.action();
|
|
}
|
|
});
|
|
// Show the label
|
|
options.$where.mouseenter(function () {
|
|
$('#box3 .label').text(options.label);
|
|
$('#box3 .shortcut').text(options.shortcutDescription || '');
|
|
$('#box3').show();
|
|
$(this).append($('#pointer').remove().show());
|
|
});
|
|
// Hide the label
|
|
options.$where.mouseleave(function () {
|
|
$('#box3').hide();
|
|
$('#pointer').hide();
|
|
});
|
|
};
|
|
|
|
// Configure keyboard shortcuts for the textarea
|
|
haste.prototype.configureShortcuts = function () {
|
|
var _this = this;
|
|
$(document.body).keydown(function (evt) {
|
|
var button;
|
|
for (var i = 0; i < _this.buttons.length; i++) {
|
|
button = _this.buttons[i];
|
|
if (button.shortcut && button.shortcut(evt)) {
|
|
evt.preventDefault();
|
|
button.action();
|
|
return;
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
///// Tab behavior in the textarea - 2 spaces per tab
|
|
$(function () {
|
|
|
|
$('textarea').keydown(function (evt) {
|
|
if (evt.keyCode === 9) {
|
|
evt.preventDefault();
|
|
var myValue = ' ';
|
|
// http://stackoverflow.com/questions/946534/insert-text-into-textarea-with-jquery
|
|
// For browsers like Internet Explorer
|
|
if (document.selection) {
|
|
this.focus();
|
|
var sel = document.selection.createRange();
|
|
sel.text = myValue;
|
|
this.focus();
|
|
}
|
|
// Mozilla and Webkit
|
|
else if (this.selectionStart || this.selectionStart == '0') {
|
|
var startPos = this.selectionStart;
|
|
var endPos = this.selectionEnd;
|
|
var 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();
|
|
}
|
|
}
|
|
});
|
|
|
|
});
|