util.js

/**
 * Load document
 * 
 * @param {string} url 
 */
export async function loadDocument(url) {
	const r = await fetch(url);
	const txt = await r.text();
	const parser = new DOMParser();
	const doc = parser.parseFromString(txt, "text/html");
	return doc;
}


/**
 * Fetch items from page and
 * merge into existing list
 * 
 * @param {Document} doc
 * @param {string} CSS_GALLERY Selector for node of interest
 */
export function loadPage(doc, CSS_GALLERY) {
	const pics = doc.querySelector(CSS_GALLERY);
	if(!pics) return; // nothing to add (reached the end)

	const G = document.querySelector(CSS_GALLERY);
	const P = G.parentNode;
	// hide and do work
	const sib = G.previousSibling;
	P.removeChild(G);
	const newImages = Array.from(pics.querySelectorAll('li'))
		.map(e => e.parentNode.removeChild(e));
	newImages.forEach(e => G.appendChild(e));
	// show
	P.insertBefore(G, sib);

	mw.notify(`Loaded ${newImages.length} items`);
}


/**
 * Bump parameter with given name to the end of the URL.
 *
 * @param {string} name parameter name
 */
export const bumpParam = (name) => {
	const params = new URLSearchParams(location.search.substring(1));
	let lastKey;
	for (const [key] of params.entries()) {
		lastKey = key;
	}

	const Q = params.get(name);
	if (Q && lastKey !==name) { // place query at the end (ezier editing)
		params.delete(name);
		params.set(name, Q);
		const nextHref = location.pathname + '?'+ params.toString();
		location.href = nextHref;
	}
};