Difference between revisions of "MediaWiki:Love.js"

m (Set the select as well as the filter)
(Update version to 11.2)
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
// Some helpers for localStorage, basically resort to doing nothing
+
// Source on github: https://github.com/airstruck/love-wiki-version-picker
// if it isn't available.
+
function versionpicker() {
function storeValue(name, value) {
+
var picker = document.createElement('select');
try {
+
 
localStorage[name] = value;
+
picker.onchange = function () {
 +
applyFilter(this.options[this.selectedIndex].value);
 
}
 
}
catch (e) {
 
}
 
}
 
  
function retrieveValue(name) {
+
function array (a) {
try {
+
return [].slice.apply(a || []);
return localStorage[name];
+
 
}
 
}
catch (e) {
 
return undefined;
 
}
 
}
 
  
// Original from https://gist.github.com/airstruck/1603d55d79c469ac9fa6
+
// Some helpers for localStorage, basically resort to doing nothing
function versionpicker() {
+
// if it isn't available.
// Test it on https://love2d.org/wiki/love.thread.newThread
+
function storeValue(name, value) {
// TODO: dl notes: https://love2d.org/wiki/GraphicsFeature
+
try {
// TODO: box notes: https://love2d.org/wiki/love.event.push
+
localStorage[name] = value;
 
+
}
var picker = document.createElement('select')
+
catch (e) {
 
+
}
picker.onchange = function () {
+
applyFilter(this.options[this.selectedIndex].value)
+
 
}
 
}
  
function array (a) {
+
function retrieveValue(name) {
return [].slice.apply(a || [])
+
try {
 +
return localStorage[name];
 +
}
 +
catch (e) {
 +
return undefined;
 +
}
 
}
 
}
  
var pickerVersions = {}
+
var pickerVersions = {};
  
 
function injectPickerOption (version, text) {
 
function injectPickerOption (version, text) {
 
if (pickerVersions[version]) {
 
if (pickerVersions[version]) {
return
+
return;
 
}
 
}
pickerVersions[version] = true
+
pickerVersions[version] = true;
+
 
var option = document.createElement('option')
+
var option = document.createElement('option');
+
 
option.value = version
+
option.value = version;
option.textContent = text
+
option.textContent = text;
picker.appendChild(option)
+
picker.appendChild(option);
 
}
 
}
  
 
function makeWrapper () {
 
function makeWrapper () {
var wrapper = document.createElement('div')
+
var wrapper = document.createElement('div');
+
 
wrapper.setAttribute('data-love-filterable', true)
+
wrapper.setAttribute('data-love-filterable', true);
+
 
return wrapper
+
return wrapper;
 
}
 
}
  
 
function wrapSections () {
 
function wrapSections () {
var element = document.querySelector('h2')
+
var element = document.querySelector('h2');
var wrapper
+
var wrapper;
+
 
 
while (element) {
 
while (element) {
var next = element.nextSibling
+
var next = element.nextSibling;
 
if (element.nodeName == 'H2') {
 
if (element.nodeName == 'H2') {
wrapper = makeWrapper()
+
wrapper = makeWrapper();
element.parentNode.insertBefore(wrapper, element)
+
element.parentNode.insertBefore(wrapper, element);
 
}
 
}
wrapper.appendChild(element)
+
wrapper.appendChild(element);
element = next
+
element = next;
 
}
 
}
 
}
 
}
Line 74: Line 70:
 
function updateSectionFromNote (section, note) {
 
function updateSectionFromNote (section, note) {
 
if (note.textContent.match(/available since/i)) {
 
if (note.textContent.match(/available since/i)) {
var a = note.querySelector('a')
+
var a = note.querySelector('a');
section.setAttribute('data-love-version-added', a.title)
+
section.setAttribute('data-love-version-added', a.title);
note.setAttribute('data-love-version-note', true)
+
note.setAttribute('data-love-version-note', true);
 
}
 
}
 
if (note.textContent.match(/removed in/i)) {
 
if (note.textContent.match(/removed in/i)) {
var a = note.querySelector('a')
+
var a = note.querySelector('a');
section.setAttribute('data-love-version-removed', a.title)
+
section.setAttribute('data-love-version-removed', a.title);
note.setAttribute('data-love-version-note', true)
+
note.setAttribute('data-love-version-note', true);
 
}
 
}
 
}
 
}
Line 87: Line 83:
 
function QueryIterator (query) {
 
function QueryIterator (query) {
 
return function (callback) {
 
return function (callback) {
return array(document.querySelectorAll(query)).forEach(callback)
+
return array(document.querySelectorAll(query)).forEach(callback);
 
}
 
}
 
}
 
}
  
var withSections = QueryIterator('*[data-love-filterable]')
+
var withSections = QueryIterator('*[data-love-filterable]');
var withAdded = QueryIterator('*[data-love-version-added]')
+
var withAdded = QueryIterator('*[data-love-version-added]');
var withRemoved = QueryIterator('*[data-love-version-removed]')
+
var withRemoved = QueryIterator('*[data-love-version-removed]');
var withNotes = QueryIterator('*[data-love-version-note]')
+
var withAddedRemoved = QueryIterator('*[data-love-version-added][data-love-version-removed]');
 +
var withNotes = QueryIterator('*[data-love-version-note]');
  
 
function hideNotes () {
 
function hideNotes () {
withNotes(function (note) { note.style.display = 'none' })
+
withNotes(function (note) { note.style.display = 'none' });
 
}
 
}
  
 
function showNotes () {
 
function showNotes () {
withNotes(function (note) { note.style.display = null })
+
withNotes(function (note) { note.style.display = null });
 
}
 
}
  
var needsFilter = false
+
var needsFilter = false;
  
 
function scanSections () {
 
function scanSections () {
 
withSections(function (section) {
 
withSections(function (section) {
var note = section.querySelector('table')
+
var note = section.querySelector('table');
 
if (!note) {
 
if (!note) {
return
+
return;
 
}
 
}
updateSectionFromNote(section, note)
+
updateSectionFromNote(section, note);
 
while (note.nextSibling && note.nextSibling.tagName == 'TABLE') {
 
while (note.nextSibling && note.nextSibling.tagName == 'TABLE') {
note = note.nextSibling
+
note = note.nextSibling;
updateSectionFromNote(section, note)
+
updateSectionFromNote(section, note);
 
}
 
}
needsFilter = true
+
needsFilter = true;
})
+
});
 
}
 
}
  
 
function scanTables () {
 
function scanTables () {
var added = document.querySelectorAll('.smwtable *[alt="Added since"] + *')
+
var added = document.querySelectorAll('.smwtable *[alt="Added since"] + *');
var removed = document.querySelectorAll('.smwtable *[alt="Removed in"] + *')
+
var removed = document.querySelectorAll('.smwtable *[alt="Removed in"] + *');
+
 
 
array(added).forEach(function (a) {
 
array(added).forEach(function (a) {
var e = a.parentNode.parentNode
+
var e = a.parentNode.parentNode;
e.setAttribute('data-love-filterable', true)
+
e.setAttribute('data-love-filterable', true);
e.setAttribute('data-love-version-added', a.title)
+
e.setAttribute('data-love-version-added', a.title);
needsFilter = true
+
needsFilter = true;
})
+
});
 
array(removed).forEach(function (a) {
 
array(removed).forEach(function (a) {
var e = a.parentNode.parentNode
+
var e = a.parentNode.parentNode;
e.setAttribute('data-love-filterable', true)
+
e.setAttribute('data-love-filterable', true);
e.setAttribute('data-love-version-removed', a.title)
+
e.setAttribute('data-love-version-removed', a.title);
needsFilter = true
+
needsFilter = true;
})
+
});
 
}
 
}
  
Line 153: Line 150:
 
if (a.length == 2) {
 
if (a.length == 2) {
 
a[2] = 0;
 
a[2] = 0;
 +
}
 +
if (b.length == 2) {
 +
b[2] = 0;
 
}
 
}
  
Line 168: Line 168:
  
 
function filterVersion (installed) {
 
function filterVersion (installed) {
filterAll(hideNotes)
+
filterAll(hideNotes);
 
withAdded(function (section) {
 
withAdded(function (section) {
var required = section.getAttribute('data-love-version-added')
+
var required = section.getAttribute('data-love-version-added');
 
if (!compareVersions(installed, required)) {
 
if (!compareVersions(installed, required)) {
section.style.display = 'none'
+
section.style.display = 'none';
 
}
 
}
})
+
});
 
withRemoved(function (section) {
 
withRemoved(function (section) {
var removed = section.getAttribute('data-love-version-removed')
+
var removed = section.getAttribute('data-love-version-removed');
 
if (compareVersions (installed, removed)) {
 
if (compareVersions (installed, removed)) {
section.style.display = 'none'
+
section.style.display = 'none';
 
}
 
}
})
+
});
 +
withAddedRemoved(function (section) {
 +
var added = section.getAttribute('data-love-version-added');
 +
var removed = section.getAttribute('data-love-version-removed');
 +
if (compareVersions(added, removed) && compareVersions(installed, added)) {
 +
section.style.display = null;
 +
}
 +
});
 
}
 
}
  
 
function filterAll (hideOrShowNotes) {
 
function filterAll (hideOrShowNotes) {
hideOrShowNotes()
+
hideOrShowNotes();
withSections(function (section) { section.style.display = null })
+
withSections(function (section) { section.style.display = null });
 
}
 
}
  
 
function filterLatest () {
 
function filterLatest () {
filterAll(hideNotes)
+
filterAll(hideNotes);
withRemoved(function (section) { section.style.display = 'none' })
+
withRemoved(function (section) { section.style.display = 'none' });
 +
withAddedRemoved(function (section) {
 +
var added = section.getAttribute('data-love-version-added');
 +
var removed = section.getAttribute('data-love-version-removed');
 +
if (compareVersions(added, removed)) {
 +
section.style.display = null;
 +
}
 +
});
 
}
 
}
  
Line 196: Line 210:
 
storeValue('versionpicker-version', value);
 
storeValue('versionpicker-version', value);
 
if (value == 'all') {
 
if (value == 'all') {
filterAll(showNotes)
+
filterAll(showNotes);
return
+
return;
 
}
 
}
 
if (value == 'latest') {
 
if (value == 'latest') {
filterLatest()
+
filterLatest();
return
+
return;
 
}
 
}
filterVersion(value)
+
filterVersion(value);
 
}
 
}
  
 
function injectFilterPicker () {
 
function injectFilterPicker () {
var target = document.getElementById('ca-nstab-main').parentNode
+
var target = document.getElementById('ca-nstab-main').parentNode;
+
 
picker.style.position = 'absolute'
+
picker.style.position = 'absolute';
picker.style.right = 0
+
picker.style.right = 0;
picker.style.height = target.parentNode.offsetHeight - 8 + 'px'
+
picker.style.height = target.parentNode.offsetHeight - 8 + 'px';
picker.style.margin = '4px'
+
picker.style.margin = '4px';
+
 
target.parentNode.insertBefore(picker, target)
+
target.parentNode.insertBefore(picker, target);
 
}
 
}
  
 
function injectVersionTag (number, name) {
 
function injectVersionTag (number, name) {
injectPickerOption(number, 'Version ' + number + ': ' + name)
+
injectPickerOption(number, 'Version ' + number + ': ' + name);
 
}
 
}
  
 
function injectVersionTags () {
 
function injectVersionTags () {
var versions = {
+
var versions = [
"0.10.1": "Super Toast",
+
{"version": "11.2", "codename": "Mysterious Mysteries"},
"0.10.0": "Super Toast",
+
{"version": "11.1", "codename": "Mysterious Mysteries"},
"0.9.2": "Baby Inspector",
+
{"version": "11.0", "codename": "Mysterious Mysteries"},
"0.9.1": "Baby Inspector",
+
{"version": "0.10.2", "codename": "Super Toast"},
"0.9.0": "Baby Inspector",
+
{"version": "0.10.1", "codename": "Super Toast"},
"0.8.0": "Rubber Piggy",
+
{"version": "0.10.0", "codename": "Super Toast"},
"0.7.2": "Game Slave",
+
{"version": "0.9.2", "codename": "Baby Inspector"},
"0.7.1": "Game Slave",
+
{"version": "0.9.1", "codename": "Baby Inspector"},
"0.7.0": "Game Slave",
+
{"version": "0.9.0", "codename": "Baby Inspector"},
"0.6.2": "Jiggly Juice",
+
{"version": "0.8.0", "codename": "Rubber Piggy"},
"0.6.1": "Jiggly Juice",
+
{"version": "0.7.2", "codename": "Game Slave"},
"0.6.0": "Jiggly Juice",
+
{"version": "0.7.1", "codename": "Game Slave"},
"0.5.0": "Salted Nuts",
+
{"version": "0.7.0", "codename": "Game Slave"},
"0.4.0": "Taco Beam",
+
{"version": "0.6.2", "codename": "Jiggly Juice"},
"0.3.2": "Lemony Fresh",
+
{"version": "0.6.1", "codename": "Jiggly Juice"},
"0.3.1": "Space Meat",
+
{"version": "0.6.0", "codename": "Jiggly Juice"},
"0.3.0": "Mutant Vermin",
+
{"version": "0.5.0", "codename": "Salted Nuts"},
"0.2.1": "Impending Doom",
+
{"version": "0.4.0", "codename": "Taco Beam"},
"0.2.0": "Mini Moose",
+
{"version": "0.3.2", "codename": "Lemony Fresh"},
"0.1.1": "Santa Power"
+
{"version": "0.3.1", "codename": "Space Meat"},
}
+
{"version": "0.3.0", "codename": "Mutant Vermin"},
 +
{"version": "0.2.1", "codename": "Impending Doom"},
 +
{"version": "0.2.0", "codename": "Mini Moose"},
 +
{"version": "0.1.1", "codename": "Santa Power"}
 +
]
  
for (var version in versions) {
+
for (var i = 0; i < versions.length; i++) {
injectVersionTag(version, versions[version]);
+
injectVersionTag(versions[i].version, versions[i].codename);
 
}
 
}
 
}
 
}
Line 252: Line 270:
 
function queryVersionTags () {
 
function queryVersionTags () {
 
var url = '/w/index.php?title=Version_History&action=raw';
 
var url = '/w/index.php?title=Version_History&action=raw';
var xhr = new XMLHttpRequest()
+
var xhr = new XMLHttpRequest();
 
xhr.onload = function () {
 
xhr.onload = function () {
var re = /\[\[([\d.]+)\]\][^\n]*\n[^\|]*\|(.*)\n/gm
+
var re = /\[\[([\d.]+)\]\][^\n]*\n[^\|]*\|(.*)\n/gm;
var m
+
var m;
+
 
 
while (m = re.exec(this.responseText)) {
 
while (m = re.exec(this.responseText)) {
injectVersionTag(m[1], m[2])
+
injectVersionTag(m[1], m[2]);
 
}
 
}
 
}
 
}
xhr.open('get', url, true)
+
xhr.open('get', url, true);
xhr.send()
+
xhr.send();
 
}
 
}
  
Line 276: Line 294:
  
 
function main () {
 
function main () {
wrapSections()
+
wrapSections();
scanSections()
+
scanSections();
scanTables()
+
scanTables();
injectPickerOption('all', 'All Versions')
+
injectPickerOption('all', 'All Versions');
injectPickerOption('latest', 'Latest Version')
+
injectPickerOption('latest', 'Latest Version');
injectVersionTags()
+
injectVersionTags();
injectFilterPicker()
+
injectFilterPicker();
var target = retrieveValue('versionpicker-version')
+
var target = retrieveValue('versionpicker-version');
 
if (target !== undefined) {
 
if (target !== undefined) {
setPicker(target)
+
setPicker(target);
 
}
 
}
 
}
 
}
  
main()
+
main();
 
}
 
}
 +
 +
versionpicker();

Latest revision as of 19:35, 25 November 2018

// Source on github: https://github.com/airstruck/love-wiki-version-picker
function versionpicker() {
	var picker = document.createElement('select');
 
	picker.onchange = function () {
		applyFilter(this.options[this.selectedIndex].value);
	}
 
	function array (a) {
		return [].slice.apply(a || []);
	}
 
	// Some helpers for localStorage, basically resort to doing nothing
	// if it isn't available.
	function storeValue(name, value) {
		try {
			localStorage[name] = value;
		}
		catch (e) {
		}
	}
 
	function retrieveValue(name) {
		try {
			return localStorage[name];
		}
		catch (e) {
			return undefined;
		}
	}
 
	var pickerVersions = {};
 
	function injectPickerOption (version, text) {
		if (pickerVersions[version]) {
			return;
		}
		pickerVersions[version] = true;
 
		var option = document.createElement('option');
 
		option.value = version;
		option.textContent = text;
		picker.appendChild(option);
	}
 
	function makeWrapper () {
		var wrapper = document.createElement('div');
 
		wrapper.setAttribute('data-love-filterable', true);
 
		return wrapper;
	}
 
	function wrapSections () {
		var element = document.querySelector('h2');
		var wrapper;
 
		while (element) {
			var next = element.nextSibling;
			if (element.nodeName == 'H2') {
				wrapper = makeWrapper();
				element.parentNode.insertBefore(wrapper, element);
			}
			wrapper.appendChild(element);
			element = next;
		}
	}
 
	function updateSectionFromNote (section, note) {
		if (note.textContent.match(/available since/i)) {
			var a = note.querySelector('a');
			section.setAttribute('data-love-version-added', a.title);
			note.setAttribute('data-love-version-note', true);
		}
		if (note.textContent.match(/removed in/i)) {
			var a = note.querySelector('a');
			section.setAttribute('data-love-version-removed', a.title);
			note.setAttribute('data-love-version-note', true);
		}
	}
 
	function QueryIterator (query) {
		return function (callback) {
			return array(document.querySelectorAll(query)).forEach(callback);
		}
	}
 
	var withSections = QueryIterator('*[data-love-filterable]');
	var withAdded = QueryIterator('*[data-love-version-added]');
	var withRemoved = QueryIterator('*[data-love-version-removed]');
	var withAddedRemoved = QueryIterator('*[data-love-version-added][data-love-version-removed]');
	var withNotes = QueryIterator('*[data-love-version-note]');
 
	function hideNotes () {
		withNotes(function (note) { note.style.display = 'none' });
	}
 
	function showNotes () {
		withNotes(function (note) { note.style.display = null });
	}
 
	var needsFilter = false;
 
	function scanSections () {
		withSections(function (section) {
			var note = section.querySelector('table');
			if (!note) {
				return;
			}
			updateSectionFromNote(section, note);
			while (note.nextSibling && note.nextSibling.tagName == 'TABLE') {
				note = note.nextSibling;
				updateSectionFromNote(section, note);
			}
			needsFilter = true;
		});
	}
 
	function scanTables () {
		var added = document.querySelectorAll('.smwtable *[alt="Added since"] + *');
		var removed = document.querySelectorAll('.smwtable *[alt="Removed in"] + *');
 
		array(added).forEach(function (a) {
			var e = a.parentNode.parentNode;
			e.setAttribute('data-love-filterable', true);
			e.setAttribute('data-love-version-added', a.title);
			needsFilter = true;
		});
		array(removed).forEach(function (a) {
			var e = a.parentNode.parentNode;
			e.setAttribute('data-love-filterable', true);
			e.setAttribute('data-love-version-removed', a.title);
			needsFilter = true;
		});
	}
 
	// return true if 'installed' is greater than or equal to 'required'
	// http://stackoverflow.com/a/6832670
	function compareVersions (installed, required) {
		var a = installed.split('.');
		var b = required.split('.');
 
		for (var i = 0; i < a.length; ++i) {
			a[i] = Number(a[i]);
		}
		for (var i = 0; i < b.length; ++i) {
			b[i] = Number(b[i]);
		}
		if (a.length == 2) {
			a[2] = 0;
		}
		if (b.length == 2) {
			b[2] = 0;
		}
 
		if (a[0] > b[0]) return true;
		if (a[0] < b[0]) return false;
 
		if (a[1] > b[1]) return true;
		if (a[1] < b[1]) return false;
 
		if (a[2] > b[2]) return true;
		if (a[2] < b[2]) return false;
 
		return true;
	}
 
	function filterVersion (installed) {
		filterAll(hideNotes);
		withAdded(function (section) {
			var required = section.getAttribute('data-love-version-added');
			if (!compareVersions(installed, required)) {
				section.style.display = 'none';
			}
		});
		withRemoved(function (section) {
			var removed = section.getAttribute('data-love-version-removed');
			if (compareVersions (installed, removed)) {
				section.style.display = 'none';
			}
		});
		withAddedRemoved(function (section) {
			var added = section.getAttribute('data-love-version-added');
			var removed = section.getAttribute('data-love-version-removed');
			if (compareVersions(added, removed) && compareVersions(installed, added)) {
				section.style.display = null;
			}
		});
	}
 
	function filterAll (hideOrShowNotes) {
		hideOrShowNotes();
		withSections(function (section) { section.style.display = null });
	}
 
	function filterLatest () {
		filterAll(hideNotes);
		withRemoved(function (section) { section.style.display = 'none' });
		withAddedRemoved(function (section) {
			var added = section.getAttribute('data-love-version-added');
			var removed = section.getAttribute('data-love-version-removed');
			if (compareVersions(added, removed)) {
				section.style.display = null;
			}
		});
	}
 
	function applyFilter (value) {
		storeValue('versionpicker-version', value);
		if (value == 'all') {
			filterAll(showNotes);
			return;
		}
		if (value == 'latest') {
			filterLatest();
			return;
		}
		filterVersion(value);
	}
 
	function injectFilterPicker () {
		var target = document.getElementById('ca-nstab-main').parentNode;
 
		picker.style.position = 'absolute';
		picker.style.right = 0;
		picker.style.height = target.parentNode.offsetHeight - 8 + 'px';
		picker.style.margin = '4px';
 
		target.parentNode.insertBefore(picker, target);
	}
 
	function injectVersionTag (number, name) {
		injectPickerOption(number, 'Version ' + number + ': ' + name);
	}
 
	function injectVersionTags () {
		var versions = [
			{"version": "11.2", "codename": "Mysterious Mysteries"},
			{"version": "11.1", "codename": "Mysterious Mysteries"},
			{"version": "11.0", "codename": "Mysterious Mysteries"},
			{"version": "0.10.2", "codename": "Super Toast"},
			{"version": "0.10.1", "codename": "Super Toast"},
			{"version": "0.10.0", "codename": "Super Toast"},
			{"version": "0.9.2", "codename": "Baby Inspector"},
			{"version": "0.9.1", "codename": "Baby Inspector"},
			{"version": "0.9.0", "codename": "Baby Inspector"},
			{"version": "0.8.0", "codename": "Rubber Piggy"},
			{"version": "0.7.2", "codename": "Game Slave"},
			{"version": "0.7.1", "codename": "Game Slave"},
			{"version": "0.7.0", "codename": "Game Slave"},
			{"version": "0.6.2", "codename": "Jiggly Juice"},
			{"version": "0.6.1", "codename": "Jiggly Juice"},
			{"version": "0.6.0", "codename": "Jiggly Juice"},
			{"version": "0.5.0", "codename": "Salted Nuts"},
			{"version": "0.4.0", "codename": "Taco Beam"},
			{"version": "0.3.2", "codename": "Lemony Fresh"},
			{"version": "0.3.1", "codename": "Space Meat"},
			{"version": "0.3.0", "codename": "Mutant Vermin"},
			{"version": "0.2.1", "codename": "Impending Doom"},
			{"version": "0.2.0", "codename": "Mini Moose"},
			{"version": "0.1.1", "codename": "Santa Power"}
		]
 
		for (var i = 0; i < versions.length; i++) {
			injectVersionTag(versions[i].version, versions[i].codename);
		}
	}
 
	function queryVersionTags () {
		var url = '/w/index.php?title=Version_History&action=raw';
		var xhr = new XMLHttpRequest();
		xhr.onload = function () {
			var re = /\[\[([\d.]+)\]\][^\n]*\n[^\|]*\|(.*)\n/gm;
			var m;
 
			while (m = re.exec(this.responseText)) {
				injectVersionTag(m[1], m[2]);
			}
		}
		xhr.open('get', url, true);
		xhr.send();
	}
 
	function setPicker (target) {
		for (var i = 0; i < picker.options.length; ++i) {
			if (picker.options[i].value === target) {
				picker.selectedIndex = i;
				picker.onchange();
				break;
			}
		}
	}
 
	function main () {
		wrapSections();
		scanSections();
		scanTables();
		injectPickerOption('all', 'All Versions');
		injectPickerOption('latest', 'Latest Version');
		injectVersionTags();
		injectFilterPicker();
		var target = retrieveValue('versionpicker-version');
		if (target !== undefined) {
			setPicker(target);
		}
	}
 
	main();
}
 
versionpicker();