Difference between revisions of "MediaWiki:Love.js"

(Add version picker script by airstruck)
 
(Add a list of versions, to prevent the http request)
Line 1: Line 1:
// From https://gist.github.com/airstruck/1603d55d79c469ac9fa6
+
// Original from https://gist.github.com/airstruck/1603d55d79c469ac9fa6
function versionpicker()
+
function versionpicker() {
{
+
// Test it on https://love2d.org/wiki/love.thread.newThread
// Test it on https://love2d.org/wiki/love.thread.newThread
+
// TODO: dl notes: https://love2d.org/wiki/GraphicsFeature
// TODO: dl notes: https://love2d.org/wiki/GraphicsFeature
+
// TODO: box notes: https://love2d.org/wiki/love.event.push
// TODO: box notes: https://love2d.org/wiki/love.event.push
+
  
var picker = document.createElement('select')
+
var picker = document.createElement('select')
  
picker.onchange = function () {
+
picker.onchange = function () {
    applyFilter(this.options[this.selectedIndex].value)
+
applyFilter(this.options[this.selectedIndex].value)
}
+
}
  
function array (a) {
+
function array (a) {
    return [].slice.apply(a || [])
+
return [].slice.apply(a || [])
}
+
}
  
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
    }
+
}
}
+
}
  
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)
    }
+
}
}
+
}
  
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 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
    })
+
})
}
+
}
  
// return true if 'installed' is greater than or equal to 'required'
+
// return true if 'installed' is greater than or equal to 'required'
// http://stackoverflow.com/a/6832670
+
// http://stackoverflow.com/a/6832670
function compareVersions (installed, required) {
+
function compareVersions (installed, required) {
    var a = installed.split('.');
+
var a = installed.split('.');
    var b = required.split('.');
+
var b = required.split('.');
  
    for (var i = 0; i < a.length; ++i) {
+
for (var i = 0; i < a.length; ++i) {
        a[i] = Number(a[i]);
+
a[i] = Number(a[i]);
    }
+
}
    for (var i = 0; i < b.length; ++i) {
+
for (var i = 0; i < b.length; ++i) {
        b[i] = Number(b[i]);
+
b[i] = Number(b[i]);
    }
+
}
    if (a.length == 2) {
+
if (a.length == 2) {
        a[2] = 0;
+
a[2] = 0;
    }
+
}
  
    if (a[0] > b[0]) return true;
+
if (a[0] > b[0]) return true;
    if (a[0] < b[0]) return false;
+
if (a[0] < b[0]) return false;
  
    if (a[1] > b[1]) return true;
+
if (a[1] > b[1]) return true;
    if (a[1] < b[1]) return false;
+
if (a[1] < b[1]) return false;
  
    if (a[2] > b[2]) return true;
+
if (a[2] > b[2]) return true;
    if (a[2] < b[2]) return false;
+
if (a[2] < b[2]) return false;
  
    return true;
+
return true;
}
+
}
  
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'
        }
+
}
    })
+
})
}
+
}
  
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' })
}
+
}
  
function applyFilter (value) {
+
function applyFilter (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 url = '/w/index.php?title=Version_History&action=raw';
+
var versions = {
    var xhr = new XMLHttpRequest()
+
"0.10.1": "Super Toast",
    xhr.onload = function () {
+
"0.10.0": "Super Toast",
        var re = /\[\[([\d.]+)\]\][^\n]*\n[^\|]*\|(.*)\n/gm
+
"0.9.2": "Baby Inspector",
        var m
+
"0.9.1": "Baby Inspector",
       
+
"0.9.0": "Baby Inspector",
        while (m = re.exec(this.responseText)) {
+
"0.8.0": "Rubber Piggy",
            injectVersionTag(m[1], m[2])
+
"0.7.2": "Game Slave",
        }
+
"0.7.1": "Game Slave",
    }
+
"0.7.0": "Game Slave",
    xhr.open('get', url, true)
+
"0.6.2": "Jiggly Juice",
    xhr.send()
+
"0.6.1": "Jiggly Juice",
}
+
"0.6.0": "Jiggly Juice",
 +
"0.5.0": "Salted Nuts",
 +
"0.4.0": "Taco Beam",
 +
"0.3.2": "Lemony Fresh",
 +
"0.3.1": "Space Meat",
 +
"0.3.0": "Mutant Vermin",
 +
"0.2.1": "Impending Doom",
 +
"0.2.0": "Mini Moose",
 +
"0.1.1": "Santa Power"
 +
}
  
function main () {
+
for (var version in versions) {
    wrapSections()
+
injectVersionTag(version, versions[version]);
    scanSections()
+
}
    scanTables()
+
}
    if (!needsFilter) {
+
        return
+
    }
+
    injectPickerOption('all', 'All Versions')
+
    injectPickerOption('latest', 'Latest Version')
+
    injectVersionTags()
+
    injectFilterPicker()
+
}
+
  
main()
+
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 main () {
 +
wrapSections()
 +
scanSections()
 +
scanTables()
 +
if (!needsFilter) {
 +
return
 +
}
 +
injectPickerOption('all', 'All Versions')
 +
injectPickerOption('latest', 'Latest Version')
 +
injectVersionTags()
 +
injectFilterPicker()
 +
}
 +
 
 +
main()
 
}
 
}

Revision as of 12:49, 23 January 2016

// Original from https://gist.github.com/airstruck/1603d55d79c469ac9fa6
function versionpicker() {
	// Test it on https://love2d.org/wiki/love.thread.newThread
	// TODO: dl notes: https://love2d.org/wiki/GraphicsFeature
	// TODO: box notes: https://love2d.org/wiki/love.event.push
 
	var picker = document.createElement('select')
 
	picker.onchange = function () {
		applyFilter(this.options[this.selectedIndex].value)
	}
 
	function array (a) {
		return [].slice.apply(a || [])
	}
 
	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 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 (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'
			}
		})
	}
 
	function filterAll (hideOrShowNotes) {
		hideOrShowNotes()
		withSections(function (section) { section.style.display = null })
	}
 
	function filterLatest () {
		filterAll(hideNotes)
		withRemoved(function (section) { section.style.display = 'none' })
	}
 
	function applyFilter (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 = {
			"0.10.1": "Super Toast",
			"0.10.0": "Super Toast",
			"0.9.2": "Baby Inspector",
			"0.9.1": "Baby Inspector",
			"0.9.0": "Baby Inspector",
			"0.8.0": "Rubber Piggy",
			"0.7.2": "Game Slave",
			"0.7.1": "Game Slave",
			"0.7.0": "Game Slave",
			"0.6.2": "Jiggly Juice",
			"0.6.1": "Jiggly Juice",
			"0.6.0": "Jiggly Juice",
			"0.5.0": "Salted Nuts",
			"0.4.0": "Taco Beam",
			"0.3.2": "Lemony Fresh",
			"0.3.1": "Space Meat",
			"0.3.0": "Mutant Vermin",
			"0.2.1": "Impending Doom",
			"0.2.0": "Mini Moose",
			"0.1.1": "Santa Power"
		}
 
		for (var version in versions) {
			injectVersionTag(version, versions[version]);
		}
	}
 
	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 main () {
		wrapSections()
		scanSections()
		scanTables()
		if (!needsFilter) {
			return
		}
		injectPickerOption('all', 'All Versions')
		injectPickerOption('latest', 'Latest Version')
		injectVersionTags()
		injectFilterPicker()
	}
 
	main()
}