enjoy sed-puzzle
// ==UserScript==
// @name Sed Puzzle Extends
// @namespace http://tampermonkey.net/
// @version 2.4
// @description enjoy sed-puzzle
// @author snuke
// @match https://sed-puzzle.com/*
// @icon https://sed-puzzle.com/favicon.ico
// @grant GM_addStyle
// @license MIT
// ==/UserScript==
(function() {
'use strict';
if (typeof String.prototype.format === 'undefined') {
String.prototype.format = function(arg) {
var rep_fn = undefined;
if (typeof arg == "object") {
rep_fn = function(m, k) { return arg[k];};
} else {
var args = arguments;
rep_fn = function(m, k) { return args[parseInt(k)];};
}
return this.replace(/\{(\w+)\}/g, rep_fn);
}
}
function qs(query) { return document.querySelector(query);}
function qsa(query) { return document.querySelectorAll(query);}
function get(url, callback) {
fetch(url).then(function(response) {
response.json().then(callback);
});
}
function getListProblems(listName, user, callback) {
var url = '//api.sed-puzzle.com/lists/{0}/problems?user={1}'.format(listName, user);
get(url, callback);
}
function genIntro(user, ver) {
const levels = ['Tutorial','Easy','Medium','Hard','Extra'];
var i = 0;
var html = '<br><details><summary style="cursor:pointer">Get Started</summary><hr>';
function f(data) {
html += `<h2 class="title is-4">Level {0} - {1}</h2>`.format(i, levels[i]);
html += `<div class="block" style="display: flex; flex-wrap: wrap; gap: 1rem;">`;
for (var j = 0; j < data.length; j++) {
var id = data[j].id;
var title = data[j].title;
var solved = data[j].isSolved;
var green = solved?' has-background-success-pale':'';
html += `<a href="/problems/{0}?list=intro-{1}" class="box has-text-weight-medium{2}">{3}</a>`.format(id,i,green,title);
}
html += `</div>`;
i++;
if (i < levels.length) {
getListProblems('intro-'+i, user, f);
return;
}
html += `<hr></details>`;
if (ver != version) return;
qs('dl').insertAdjacentHTML('afterend', html);
}
getListProblems('intro-0', user, f);
}
var upd = true, version = 0;
var curUrl = '';
function getUser() {
var mr = curUrl.match(/^https?:\/\/sed-puzzle.com\/users\/(.*)$/);
return mr ? mr[1] : null;
}
function getPid() {
var mr = curUrl.match(/^https?:\/\/sed-puzzle.com\/problems\/(.*)$/);
return mr ? mr[1] : null;
}
function toggleShrink() {
var btn = qs('#shrink-btn');
var rule = qs('div>p~span~hr~div');
if (btn.text === 'shrink') {
rule.style.maxHeight = 'calc(100vh - 450px)';
rule.style.overflowY = 'auto';
btn.text = 'expand';
} else {
rule.style.maxHeight = '';
rule.style.overflowY = '';
btn.text = 'shrink';
}
}
function main() {
var url = location.href;
if (!upd && url === curUrl) return;
curUrl = url;
if (!upd) { upd = true; version++; return;}
upd = false;
var user, pid;
if (user = getUser()) {
console.log('[Sed-Puzzle Extends] show intro: '+user);
genIntro(user, version);
}
if (pid = getPid()) {
console.log('[Sed-Puzzle Extends] shrink link: '+pid);
var btn = `<a id='shrink-btn'>shrink</a>`;
qs('button.is-danger').insertAdjacentHTML('afterend', btn);
qs('#shrink-btn').onclick = toggleShrink;
}
if (qs('table')) {
var ths = qsa('th');
var tables = qsa('table');
for (var i = 0; i < tables.length; i++) {
new Tablesort(tables[i]);
}
}
}
setInterval(main, 1000);
})();
/*!
* tablesort v5.2.1 (2021-10-30)
* http://tristen.ca/tablesort/demo/
* Copyright (c) 2021 ; Licensed MIT
*/
(function() {
function Tablesort(el, options) {
if (!(this instanceof Tablesort)) return new Tablesort(el, options);
if (!el || el.tagName !== 'TABLE') {
throw new Error('Element must be a table');
}
this.init(el, options || {});
}
var sortOptions = [];
var createEvent = function(name) {
var evt;
if (!window.CustomEvent || typeof window.CustomEvent !== 'function') {
evt = document.createEvent('CustomEvent');
evt.initCustomEvent(name, false, false, undefined);
} else {
evt = new CustomEvent(name);
}
return evt;
};
var getInnerText = function(el,options) {
return el.getAttribute(options.sortAttribute || 'data-sort') || el.textContent || el.innerText || '';
};
// Default sort method if no better sort method is found
var caseInsensitiveSort = function(a, b) {
a = a.trim().toLowerCase();
b = b.trim().toLowerCase();
if (a === b) return 0;
if (a < b) return 1;
return -1;
};
var getCellByKey = function(cells, key) {
return [].slice.call(cells).find(function(cell) {
return cell.getAttribute('data-sort-column-key') === key;
});
};
// Stable sort function
// If two elements are equal under the original sort function,
// then there relative order is reversed
var stabilize = function(sort, antiStabilize) {
return function(a, b) {
var unstableResult = sort(a.td, b.td);
if (unstableResult === 0) {
if (antiStabilize) return b.index - a.index;
return a.index - b.index;
}
return unstableResult;
};
};
Tablesort.extend = function(name, pattern, sort) {
if (typeof pattern !== 'function' || typeof sort !== 'function') {
throw new Error('Pattern and sort must be a function');
}
sortOptions.push({
name: name,
pattern: pattern,
sort: sort
});
};
Tablesort.prototype = {
init: function(el, options) {
var that = this,
firstRow,
defaultSort,
i,
cell;
that.table = el;
that.thead = false;
that.options = options;
if (el.rows && el.rows.length > 0) {
if (el.tHead && el.tHead.rows.length > 0) {
for (i = 0; i < el.tHead.rows.length; i++) {
if (el.tHead.rows[i].getAttribute('data-sort-method') === 'thead') {
firstRow = el.tHead.rows[i];
break;
}
}
if (!firstRow) {
firstRow = el.tHead.rows[el.tHead.rows.length - 1];
}
that.thead = true;
} else {
firstRow = el.rows[0];
}
}
if (!firstRow) return;
var onClick = function() {
if (that.current && that.current !== this) {
that.current.removeAttribute('aria-sort');
}
that.current = this;
that.sortTable(this);
};
// Assume first row is the header and attach a click handler to each.
for (i = 0; i < firstRow.cells.length; i++) {
cell = firstRow.cells[i];
cell.setAttribute('role','columnheader');
if (cell.getAttribute('data-sort-method') !== 'none') {
cell.tabindex = 0;
cell.addEventListener('click', onClick, false);
if (cell.getAttribute('data-sort-default') !== null) {
defaultSort = cell;
}
}
}
if (defaultSort) {
that.current = defaultSort;
that.sortTable(defaultSort);
}
},
sortTable: function(header, update) {
var that = this,
columnKey = header.getAttribute('data-sort-column-key'),
column = header.cellIndex,
sortFunction = caseInsensitiveSort,
item = '',
items = [],
i = that.thead ? 0 : 1,
sortMethod = header.getAttribute('data-sort-method'),
sortOrder = header.getAttribute('aria-sort');
that.table.dispatchEvent(createEvent('beforeSort'));
// If updating an existing sort, direction should remain unchanged.
if (!update) {
if (sortOrder === 'ascending') {
sortOrder = 'descending';
} else if (sortOrder === 'descending') {
sortOrder = 'ascending';
} else {
sortOrder = that.options.descending ? 'descending' : 'ascending';
}
header.setAttribute('aria-sort', sortOrder);
}
if (that.table.rows.length < 2) return;
// If we force a sort method, it is not necessary to check rows
if (!sortMethod) {
var cell;
while (items.length < 3 && i < that.table.tBodies[0].rows.length) {
if(columnKey) {
cell = getCellByKey(that.table.tBodies[0].rows[i].cells, columnKey);
} else {
cell = that.table.tBodies[0].rows[i].cells[column];
}
// Treat missing cells as empty cells
item = cell ? getInnerText(cell,that.options) : "";
item = item.trim();
if (item.length > 0) {
items.push(item);
}
i++;
}
if (!items) return;
}
for (i = 0; i < sortOptions.length; i++) {
item = sortOptions[i];
if (sortMethod) {
if (item.name === sortMethod) {
sortFunction = item.sort;
break;
}
} else if (items.every(item.pattern)) {
sortFunction = item.sort;
break;
}
}
that.col = column;
for (i = 0; i < that.table.tBodies.length; i++) {
var newRows = [],
noSorts = {},
j,
totalRows = 0,
noSortsSoFar = 0;
if (that.table.tBodies[i].rows.length < 2) continue;
for (j = 0; j < that.table.tBodies[i].rows.length; j++) {
var cell;
item = that.table.tBodies[i].rows[j];
if (item.getAttribute('data-sort-method') === 'none') {
// keep no-sorts in separate list to be able to insert
// them back at their original position later
noSorts[totalRows] = item;
} else {
if (columnKey) {
cell = getCellByKey(item.cells, columnKey);
} else {
cell = item.cells[that.col];
}
// Save the index for stable sorting
newRows.push({
tr: item,
td: cell ? getInnerText(cell,that.options) : '',
index: totalRows
});
}
totalRows++;
}
// Before we append should we reverse the new array or not?
// If we reverse, the sort needs to be `anti-stable` so that
// the double negatives cancel out
if (sortOrder === 'descending') {
newRows.sort(stabilize(sortFunction, true));
} else {
newRows.sort(stabilize(sortFunction, false));
newRows.reverse();
}
// append rows that already exist rather than creating new ones
for (j = 0; j < totalRows; j++) {
if (noSorts[j]) {
// We have a no-sort row for this position, insert it here.
item = noSorts[j];
noSortsSoFar++;
} else {
item = newRows[j - noSortsSoFar].tr;
}
// appendChild(x) moves x if already present somewhere else in the DOM
that.table.tBodies[i].appendChild(item);
}
}
that.table.dispatchEvent(createEvent('afterSort'));
},
refresh: function() {
if (this.current !== undefined) {
this.sortTable(this.current, true);
}
}
};
if (typeof module !== 'undefined' && module.exports) {
module.exports = Tablesort;
} else {
window.Tablesort = Tablesort;
}
})();
(function(){
var cleanNumber = function(i) {
return i.replace(/[^\-?0-9.]/g, '');
},
compareNumber = function(a, b) {
a = parseFloat(a);
b = parseFloat(b);
a = isNaN(a) ? 0 : a;
b = isNaN(b) ? 0 : b;
return a - b;
};
Tablesort.extend('number', function(item) {
return item.match(/^[-+]?[£\x24Û¢´€]?\d+\s*([,\.]\d{0,2})/) || // Prefixed currency
item.match(/^[-+]?\d+\s*([,\.]\d{0,2})?[£\x24Û¢´€]/) || // Suffixed currency
item.match(/^[-+]?(\d)*-?([,\.]){0,1}-?(\d)+([E,e][\-+][\d]+)?%?$/); // Number
}, function(a, b) {
a = cleanNumber(a);
b = cleanNumber(b);
return compareNumber(b, a);
});
}());
GM_addStyle(`
th[role=columnheader]:not(.no-sort) {
cursor: pointer;
}
th[role=columnheader]:not(.no-sort):after {
content: '';
float: right;
margin-top: 7px;
border-width: 0 4px 4px;
border-style: solid;
border-color: #404040 transparent;
visibility: hidden;
opacity: 0;
-ms-user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
th[aria-sort=ascending]:not(.no-sort):after {
border-bottom: none;
border-width: 4px 4px 0;
}
th[aria-sort]:not(.no-sort):after {
visibility: visible;
opacity: 0.4;
}
th[role=columnheader]:not(.no-sort):hover:after {
visibility: visible;
opacity: 1;
}`);