MediaWiki:Common.js
MediaWiki interface page
More actions
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Landrace.wiki – Leaflet map w/ SMW Ask API (ES5 compatible) */
(function () {
var LVER = '1.9.4';
var CDN = 'https://unpkg.com/leaflet@' + LVER + '/dist/';
function addCSS(href, id) {
if (id && document.getElementById(id)) return;
var l = document.createElement('link');
l.rel = 'stylesheet';
l.href = href;
if (id) l.id = id;
document.head.appendChild(l);
}
function addJS(src, cb) {
if (window.L && typeof window.L.map === 'function') return cb();
var s = document.querySelector('script[data-lw-leaflet="1"]');
if (s) { s.addEventListener('load', cb); return; }
s = document.createElement('script');
s.src = src;
s.setAttribute('data-lw-leaflet', '1');
s.onload = cb;
s.onerror = function () { console.error('[lw-map] Leaflet failed to load:', src); };
document.head.appendChild(s);
}
function esc(s) {
return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) {
return ({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]);
});
}
function decodeHTML(s) {
var t = document.createElement('textarea');
t.innerHTML = String(s == null ? '' : s);
return t.value;
}
function stripTags(s) {
return String(s == null ? '' : s).replace(/<[^>]*>/g,' ').replace(/\s+/g,' ').trim();
}
function statusColor(s) {
return ({ Critical:'#e74c3c', High:'#e67e22', Medium:'#f1c40f', Low:'#2ecc71' })[s] || '#3498db';
}
function popupForAccession(p) {
var title = [p.id, p.name].filter(Boolean).join(' — ');
var link = p.page_url ? '<br><a href="' + esc(p.page_url) + '">Open accession</a>' : '';
return '<b>' + esc(title) + '</b><br>' + esc(p.status || '') + link;
}
// ---- coord parsing (handles DMS + decimals + HTML entities) ----
function dmsToDecimal(deg, min, sec, hemi) {
var d = parseFloat(deg);
var m = min ? parseFloat(min) : 0;
var s = sec ? parseFloat(sec) : 0;
if ([d,m,s].some(isNaN)) return null;
var dec = Math.abs(d) + (m/60) + (s/3600);
hemi = String(hemi || '').toUpperCase();
if (hemi === 'S' || hemi === 'W') dec = -dec;
if (d < 0) dec = -Math.abs(dec);
return dec;
}
function parseDMSPair(raw) {
var s = stripTags(decodeHTML(raw));
var re = /(\-?\d+(?:\.\d+)?)\s*(?:°|º|d)?\s*(\d+(?:\.\d+)?)?\s*(?:'|′|m)?\s*(\d+(?:\.\d+)?)?\s*(?:"|″|s)?\s*([NSEW])/gi;
var matches = [];
var m;
while ((m = re.exec(s)) !== null) {
matches.push(m);
if (matches.length >= 2) break;
}
if (matches.length < 2) return null;
var a = matches[0];
var b = matches[1];
var lat = dmsToDecimal(a[1], a[2], a[3], a[4]);
var lon = dmsToDecimal(b[1], b[2], b[3], b[4]);
// if first is E/W, swap
var h0 = String(a[4]).toUpperCase();
if (h0 === 'E' || h0 === 'W') {
var tmp = lat;
lat = lon;
lon = tmp;
}
if (lat == null || lon == null || isNaN(lat) || isNaN(lon)) return null;
return { lat: lat, lon: lon };
}
function parseLatLonString(raw) {
var s = stripTags(decodeHTML(raw));
if (!s) return null;
var dms = parseDMSPair(s);
if (dms) return dms;
var parts = s.split(',').map(function (x) { return x.trim(); }).filter(Boolean);
if (parts.length === 2) {
var lat1 = parseFloat(parts[0]);
var lon1 = parseFloat(parts[1]);
if (!isNaN(lat1) && !isNaN(lon1)) return { lat: lat1, lon: lon1 };
}
var nums = s.match(/-?\d+(?:\.\d+)?/g);
if (nums && nums.length >= 2) {
var lat2 = parseFloat(nums[0]);
var lon2 = parseFloat(nums[1]);
if (!isNaN(lat2) && !isNaN(lon2)) return { lat: lat2, lon: lon2 };
}
return null;
}
function parseSMWCoord(coord) {
if (coord == null) return null;
if (typeof coord === 'string') return parseLatLonString(coord);
if (typeof coord === 'object') {
var lat = coord.lat !== undefined ? coord.lat : coord.latitude;
var lon = coord.lon !== undefined ? coord.lon : (coord.lng !== undefined ? coord.lng : (coord.long !== undefined ? coord.long : coord.longitude));
if (lat && typeof lat === 'object' && lat.value != null) lat = lat.value;
if (lon && typeof lon === 'object' && lon.value != null) lon = lon.value;
if (typeof lat === 'string' || typeof lon === 'string') {
var combined = String(lat || '') + ' ' + String(lon || '');
var parsed = parseLatLonString(combined);
if (parsed) return parsed;
var latf = parseFloat(stripTags(decodeHTML(lat)));
var lonf = parseFloat(stripTags(decodeHTML(lon)));
if (!isNaN(latf) && !isNaN(lonf)) return { lat: latf, lon: lonf };
}
if (lat != null && lon != null && !isNaN(lat) && !isNaN(lon)) return { lat: lat, lon: lon };
try { return parseLatLonString(JSON.stringify(coord)); } catch (e) { return null; }
}
return null;
}
// ---- auto-detect printout keys ----
function findPrintoutKey(printouts, mustInclude) {
var keys = Object.keys(printouts || {});
var want = mustInclude.map(function (t) { return String(t).toLowerCase(); });
for (var i = 0; i < keys.length; i++) {
var k = keys[i];
var lk = k.toLowerCase();
var ok = want.every(function (t) { return lk.includes(t); });
if (ok) return k;
}
return null;
}
function smwToGeoJSON(data) {
var results = null;
if (data && data.query && data.query.results) {
results = data.query.results;
} else if (data && data.results) {
results = data.results;
}
if (!results) return { type: 'FeatureCollection', features: [] };
var features = [];
for (var pageName in results) {
if (!Object.prototype.hasOwnProperty.call(results, pageName)) continue;
var item = results[pageName] || {};
var printouts = item.printouts || {};
var kCoords = findPrintoutKey(printouts, ['gps','coord']) || findPrintoutKey(printouts, ['coord']);
var kName = findPrintoutKey(printouts, ['descriptive','name']) || findPrintoutKey(printouts, ['name']);
var kPrio = findPrintoutKey(printouts, ['conservation','priority']) || findPrintoutKey(printouts, ['priority']);
var kAccID = findPrintoutKey(printouts, ['accession','id']) || findPrintoutKey(printouts, ['accession']);
var coordsArr = kCoords ? printouts[kCoords] : null;
if (!coordsArr || !coordsArr.length) continue;
var parsed = parseSMWCoord(coordsArr[0]);
if (!parsed) continue;
var nameArr = kName ? printouts[kName] : null;
var prioArr = kPrio ? printouts[kPrio] : null;
var idArr = kAccID ? printouts[kAccID] : null;
var name = (nameArr && nameArr.length) ? nameArr[0] : pageName;
var status = (prioArr && prioArr.length) ? prioArr[0] : '';
var idVal = (idArr && idArr.length) ? idArr[0] : '';
if (idVal && typeof idVal === 'object' && idVal.fulltext) idVal = idVal.fulltext;
var pageUrl = item.fullurl || '/wiki/' + encodeURIComponent(pageName);
features.push({
type: 'Feature',
properties: { id: idVal || '', name: name || pageName, status: status || '', page_url: pageUrl },
geometry: { type: 'Point', coordinates: [parsed.lon, parsed.lat] }
});
}
console.log('[lw-map] Converted', features.length, 'features');
return { type: 'FeatureCollection', features: features };
}
function fetchSMW(askQuery, cb) {
var apiUrl = mw.config.get('wgScriptPath') + '/api.php';
var params = new URLSearchParams({ action: 'ask', query: askQuery, format: 'json' });
fetch(apiUrl + '?' + params.toString())
.then(function (r) {
if (!r.ok) throw new Error('SMW API error: ' + r.status);
return r.json();
})
.then(function (data) {
console.log('[lw-map] SMW API response:', data);
cb(null, smwToGeoJSON(data));
})
.catch(function (err) {
console.error('[lw-map] SMW fetch error:', err);
cb(err, null);
});
}
function legendControl() {
var legend = L.control({ position: 'bottomleft' });
legend.onAdd = function () {
var div = L.DomUtil.create('div', 'lw-legend-map');
div.style.cssText = 'background:white;padding:12px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.2);border:1px solid #ccc;font-size:12px;line-height:1.4;';
var html = '<div style="font-weight:700;margin-bottom:8px;color:#333;">Conservation Priority</div>';
var items = [['Critical','#e74c3c'],['High','#e67e22'],['Medium','#f1c40f'],['Low','#2ecc71']];
items.forEach(function (it) {
html += '<div style="display:flex;align-items:center;margin:6px 0;">' +
'<div style="width:12px;height:12px;background:'+it[1]+';border-radius:50%;margin-right:8px;border:1px solid rgba(0,0,0,0.2);"></div>' +
'<span style="color:#555;">'+esc(it[0])+'</span></div>';
});
div.innerHTML = html;
return div;
};
return legend;
}
function initOne(el) {
if (el.dataset.init) return;
el.dataset.init = '1';
if (el.clientHeight < 100) el.style.height = '70vh';
var map = L.map(el, { minZoom: 2, maxZoom: 15 }).setView([26.4, 89.5], 8);
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OSM' }).addTo(map);
legendControl().addTo(map);
if (!el.dataset.smwQuery) return;
fetchSMW(el.dataset.smwQuery, function (err, geojson) {
if (err || !geojson || !geojson.features || !geojson.features.length) {
var msg = L.control({ position: 'topright' });
msg.onAdd = function () {
var d = L.DomUtil.create('div');
d.style.cssText = 'background:rgba(255,255,255,0.95);padding:8px 10px;border-radius:6px;font-size:12px;color:#b00;border:1px solid #ccc;max-width:320px;';
d.innerHTML = '<b>No accessions found</b><br>Query returned 0 mappable results.';
return d;
};
msg.addTo(map);
return;
}
var layer = L.geoJSON(geojson, {
pointToLayer: function (f, ll) {
var props = f.properties || {};
return L.circleMarker(ll, {
radius: 6,
color: '#fff',
weight: 2,
fillColor: statusColor(props.status),
fillOpacity: 0.95
});
},
onEachFeature: function (f, ly) {
var p = f.properties || {};
ly.bindPopup(popupForAccession(p));
var tip = p.id || p.name || '';
if (tip) ly.bindTooltip(esc(tip), { direction: 'top', offset: [0, -8], opacity: 0.9 });
}
}).addTo(map);
var b = layer.getBounds();
if (b && b.isValid()) map.fitBounds(b.pad(0.2), { maxZoom: 12 });
setTimeout(function () { map.invalidateSize(true); }, 100);
});
}
function init(root) {
(root || document).querySelectorAll('.lw-map').forEach(initOne);
}
addCSS(CDN + 'leaflet.css', 'leaflet-css');
addJS(CDN + 'leaflet.js', function () {
init();
if (window.mw && mw.hook) {
mw.hook('wikipage.content').add(function ($c) {
init($c && $c[0] ? $c[0] : document);
});
}
});
})();