Browse Source

Image: rewrite imageLoader as class

master
parent
commit
bd089c728e
  1. 276
      src/image.js

276
src/image.js

@ -34,176 +34,178 @@ function show(img, options, div) {
}
function imageLoader (data) {
var state = {
index: null,
sources: [],
found: [],
data: {}
}
if (data.id in cache) {
state = cache[data.id]
} else {
if (data.object.tags.image) {
img = data.object.tags.image
if (img.indexOf('File:') === 0) {
id = img.substr(5)
state.found.push(id)
state.data[id] = {
id: id,
type: 'wikimedia'
}
} else if (img.indexOf('http://commons.wikimedia.org/wiki/File:') === 0) {
id = decodeURIComponent(img.substr(39)).replace(/_/g, ' ')
state.found.push(id)
state.data[id] = {
id: id,
type: 'wikimedia'
}
} else if (img.indexOf('https://commons.wikimedia.org/wiki/File:') === 0) {
id = decodeURIComponent(img.substr(40)).replace(/_/g, ' ')
state.found.push(id)
state.data[id] = {
id: id,
type: 'wikimedia'
}
} else {
state.found.push(img)
state.data[img] = {
id: id,
type: 'url'
}
}
}
if (data.object.tags.wikidata) {
state.sources.push({
type: 'wikidata',
value: data.object.tags.wikidata
})
if (this === window) {
if (data.id in cache) {
return cache[data.id]
}
if (data.object.tags.wikimedia_commons) {
state.sources.push({
type: 'wikimedia_commons',
value: data.object.tags.wikimedia_commons,
})
}
return new imageLoader(data)
}
cache[data.id] = state
this.index = null
this.sources = []
this.found = []
this.data = {}
function loadWikidata (src, callback) {
var value = src.value
if (data.object.tags.image) {
img = data.object.tags.image
wikidata.load(value, function (err, result) {
if (result && result.claims && result.claims.P18) {
result.claims.P18.forEach(function (d) {
id = d.mainsnak.datavalue.value
if (img.indexOf('File:') === 0) {
id = img.substr(5)
this.found.push(id)
this.data[id] = {
id: id,
type: 'wikimedia'
}
} else if (img.indexOf('http://commons.wikimedia.org/wiki/File:') === 0) {
id = decodeURIComponent(img.substr(39)).replace(/_/g, ' ')
this.found.push(id)
this.data[id] = {
id: id,
type: 'wikimedia'
}
} else if (img.indexOf('https://commons.wikimedia.org/wiki/File:') === 0) {
id = decodeURIComponent(img.substr(40)).replace(/_/g, ' ')
this.found.push(id)
this.data[id] = {
id: id,
type: 'wikimedia'
}
} else {
this.found.push(img)
this.data[img] = {
id: img,
if (state.found.indexOf(id) === -1) {
state.found.push(id)
state.data[id] = {
id: id,
type: 'wikimedia'
}
}
})
type: 'url'
}
}
}
handlePending()
if (data.object.tags.wikidata) {
this.sources.push({
type: 'wikidata',
value: data.object.tags.wikidata
})
}
function loadWikimediaCommons (src, callback) {
var value = src.value
if (value.substr(0, 9) === 'Category:') {
ajax('wikimedia', { page: value }, function (result) {
if (result.images) {
result.images.forEach(function (d) {
if (state.found.indexOf(d) === -1) {
state.found.push(d)
state.data[d] = {
id: d,
type: 'wikimedia'
}
}
})
}
if (data.object.tags.wikimedia_commons) {
this.sources.push({
type: 'wikimedia_commons',
value: data.object.tags.wikimedia_commons,
})
}
cache[data.id] = this
}
handlePending()
})
} else if (value.substr(0, 5) === 'File:') {
var id = value.substr(5)
if (state.found.indexOf(id) === -1) {
state.found.push(id)
state.data[id] = {
id: id,
type: 'wikimedia'
imageLoader.prototype.loadWikidata = function (src, callback) {
var value = src.value
wikidata.load(value, function (err, result) {
if (result && result.claims && result.claims.P18) {
result.claims.P18.forEach(function (d) {
id = d.mainsnak.datavalue.value
if (this.found.indexOf(id) === -1) {
this.found.push(id)
this.data[id] = {
id: id,
type: 'wikimedia'
}
}
}.bind(this))
}
callback(err)
}.bind(this))
}
imageLoader.prototype.loadWikimediaCommons = function (src, callback) {
var value = src.value
if (value.substr(0, 9) === 'Category:') {
ajax('wikimedia', { page: value }, function (result) {
if (result.images) {
result.images.forEach(function (d) {
if (this.found.indexOf(d) === -1) {
this.found.push(d)
this.data[d] = {
id: d,
type: 'wikimedia'
}
}
}.bind(this))
}
handlePending()
} else {
handlePending()
callback(null)
}.bind(this))
} else if (value.substr(0, 5) === 'File:') {
var id = value.substr(5)
if (this.found.indexOf(id) === -1) {
this.found.push(id)
this.data[id] = {
id: id,
type: 'wikimedia'
}
}
}
function handlePending () {
var pending = state.pendingCallbacks
delete state.pendingCallbacks
pending.forEach(function (c) {
callbackCurrent(c)
})
callback(null)
} else {
callback(new Error('Can\'t parse value'))
}
}
function callbackCurrent (callback) {
if (state.index < state.found.length) {
return callback(null, state.data[state.found[state.index]])
}
imageLoader.prototype.handlePending = function () {
var pending = this.pendingCallbacks
delete this.pendingCallbacks
if (state.pendingCallbacks) {
state.pendingCallbacks.push(callback)
return
}
pending.forEach(function (c) {
this.callbackCurrent(c)
}.bind(this))
}
if (state.sources.length) {
var src = state.sources.shift()
state.pendingCallbacks = [ callback ]
imageLoader.prototype.callbackCurrent = function (callback) {
if (this.index < this.found.length) {
return callback(null, this.data[this.found[this.index]])
}
if (src.type === 'wikimedia_commons') {
loadWikimediaCommons(src, handlePending)
} else if (src.type === 'wikidata') {
loadWikidata(src, handlePending)
}
if (this.pendingCallbacks) {
this.pendingCallbacks.push(callback)
return
}
if (this.sources.length) {
var src = this.sources.shift()
this.pendingCallbacks = [ callback ]
return
if (src.type === 'wikimedia_commons') {
this.loadWikimediaCommons(src, this.handlePending.bind(this))
} else if (src.type === 'wikidata') {
this.loadWikidata(src, this.handlePending.bind(this))
}
callback(null, null)
return
}
return {
first: function (callback) {
state.index = 0
callback(null, null)
}
callbackCurrent(callback)
},
imageLoader.prototype.first = function (callback) {
this.index = 0
next: function (callback) {
if (state.index === null) {
state.index = 0
} else {
state.index ++
}
this.callbackCurrent(callback)
}
callbackCurrent(callback)
}
imageLoader.prototype.next = function (callback) {
if (this.index === null) {
this.index = 0
} else {
this.index ++
}
this.callbackCurrent(callback)
}
window.imageLoader = imageLoader
register_hook('show-details', function (data, category, dom, callback) {

Loading…
Cancel
Save