inkyboo/index.js

81 lines
2.6 KiB
JavaScript
Raw Normal View History

2020-02-13 15:02:17 +00:00
let copyElement = document.getElementById('copy');
const flask = new CodeFlask('#editor', { language: 'javascript', lineNumbers: true, defaultTheme: false });
const lzma = new LZMA('lzma.min.js');
2020-02-14 09:46:37 +00:00
Prism.plugins.autoloader.languages_path = 'https://cdn.jsdelivr.net/npm/prismjs@1.14.0/components/';
2020-02-13 15:02:17 +00:00
let select;
function init() {
initLangSelector();
initCode();
const clipboard = new ClipboardJS('.clipboard');
clipboard.on('success', function() {
copyElement.style.display = 'none';
});
}
function initLangSelector() {
select = new SlimSelect({
select: '#language',
data: Object.entries(languages).map(([value, text]) => ({ text, value })),
showContent: 'up',
2020-02-14 09:46:37 +00:00
onChange: e => {
flask.updateLanguage(e.value);
2020-02-13 15:02:17 +00:00
}
});
const urlParams = new URLSearchParams(window.location.search);
select.set(Object.keys(languages).indexOf(urlParams.get('lang')) === -1 ? 'javascript' : urlParams.get('lang'));
}
function initCode() {
const base64 = location.hash.substr(1);
if (base64.length === 0) {
return;
}
if (!fetch) {
alert('Your browser does not support this page. Sorry! :(');
return;
}
fetch('data:application/octet-stream;base64,' + base64)
.then(r => r.blob())
.then(function(blob) {
const reader = new FileReader();
reader.onload = function() {
lzma.decompress(Array.from(new Uint8Array(reader.result)), function(plaintext, error) {
if (error) {
alert('Failed to decompress data: ' + error);
return;
}
flask.updateCode(plaintext);
});
};
reader.readAsArrayBuffer(blob);
});
}
function generateLink() {
const code = flask.getCode();
lzma.compress(code, 1, function(compressed, error) {
if (error) {
alert('Failed to compress data: ' + error);
return;
}
const reader = new FileReader();
reader.onload = function() {
const base64 = reader.result.substr(reader.result.indexOf(',') + 1);
const url = `${location.protocol}//${location.host}${
location.pathname
}?lang=${select.selected()}#${base64}`;
2020-02-14 14:35:52 +00:00
const linkInput = document.getElementById('copy-link');
linkInput.value = url;
linkInput.setSelectionRange(0, url.length);
copyElement.style.display = 'flex';
2020-02-13 15:02:17 +00:00
};
reader.readAsDataURL(new Blob([new Uint8Array(compressed)]));
});
}
init();