🐭️ Mousehunt - Item Links

Add links to the MouseHunt wiki, MHCT looter, MHDB, and Markethunt for items.
目前为 2022-06-02 提交的版本。查看最新版本。
Wrap lines
// ==UserScript==
// @name         🐭️ Mousehunt - Item Links
// @version      1.0
// @description  Add links to the MouseHunt wiki, MHCT looter, MHDB, and Markethunt for items.
// @license      MIT
// @author       bradp
// @namespace    bradp
// @match        https://www.mousehuntgame.com/*
// @icon         https://brrad.com/mouse.png
// @grant        none
// ==/UserScript==

/**
 * Add styles to the page for our added elements.
 */
const addStyles = () => {
	const style = document.createElement('style');
	style.innerHTML = `
		.mh-item-info-text {
			margin-left: 10px;
			margin-right: 10px;
			font-size: 12px !important;
			font-weight: 300 !important;
		}
		.mh-item-info-text-item-popup {
			padding-top: 2px;
			text-align: right;
		}`;

	document.head.appendChild(style);
};

/**
 * Return an anchor element with the given text and href.
 *
 * @param {string} text Text to use for link.
 * @param {string} href URL to link to.
 *
 * @return {string} HTML for link.
 */
const makeLink = (text, href) => {
	href = href.replace(/\s/g, '_');
	return `<a href="${ href }" target="_blank" rel="noopener noreferrer">${ text }</a>`;
};

/**
 * Return a node with links after grabbing the item ID and name from the page.
 *
 * @param {Object} args       Arguments to use for the links.
 * @param {string} args.id    CSS selector for the item ID.
 * @param {string} args.name  CSS selector for the item name.
 * @param {string} args.class CSS class to add to the node.
 *
 * @return {false|string} False if no item ID or name found, otherwise HTML for links.
 */
const getLinksNode = (args) => {
	const itemInfo = document.querySelector(args.id);
	if (! itemInfo) {
		return false;
	}

	const itemID = itemInfo.getAttribute('data-item-id');
	const itemName = document.querySelector(args.name).textContent;
	if (! itemID || ! itemName) {
		return false;
	}

	const existingText = document.querySelector('.mh-item-info-text');
	if (existingText) {
		existingText.remove();
	}

	const newText = document.createElement('span');
	newText.classList.add('mh-item-info-text');

	if (args.class) {
		newText.classList.add(args.class);
	}

	newText.innerHTML =
		makeLink('Wiki', `https://mhwiki.hitgrab.com/wiki/index.php/${ itemName }`) + ' · ' +
		makeLink('MHCT Looter', `https://www.mhct.win/loot.php?item=${ itemID }&timefilter=all_time`) + ' · ' +
		makeLink('mhdb', `https://dbgames.info/mousehunt/items/${ itemName }`) + ' · ' +
		makeLink('Markethunt', `https://markethunt.vsong.ca/index.php?item_id=${ itemID }`);

	return newText;
};

/**
 * Append text to a node, either before or after another node.
 *
 * @param {Object} args         Arguments to use for the text.
 * @param {string} args.parent  CSS selector for the parent node.
 * @param {string} args.child   CSS selector for the child node.
 * @param {string} args.content Text to append.
 *
 * @return {Node} The node that was appended to.
 */
const appendText = (args) => {
	const append = document.querySelector(args.parent);
	if (! append) {
		return false;
	}

	if (args.child) {
		const child = document.querySelector(args.child);
		if (child) {
			return append.insertBefore(args.content, child);
		}
	} else {
		return append.appendChild(args.content);
	}

	return false;
};

/**
 * Add links to the marketplace page for an item.
 */
const addMarketplaceLinks = () => {
	appendText({
		parent: '.marketplaceView-item-titleActions',
		child: '.marketplaceView-userGold',

		content: getLinksNode({
			id: '.marketplaceView-item.view',
			name: '.marketplaceView-item-titleName',
		})
	});
};

/**
 * Add links to the item popup for an item.
 */
const addItemPopupLinks = () => {
	appendText({
		parent: '.itemView-header-name',
		content: getLinksNode({
			id: '.itemViewContainer',
			name: '.itemView-header-name span',
			class: 'mh-item-info-text-item-popup'
		}),
	});
};

/**
 * On load, inject styles.
 */
$(document).ready(function () { // eslint-disable-line no-undef
	addStyles();
});

/**
 * On ajax refresh, add the links if needed.
 */
$(document).ajaxComplete(function (_event, _xhr, options) { // eslint-disable-line no-undef
	if (options.url.indexOf('managers/ajax/users/marketplace.php') !== -1) {
		addMarketplaceLinks();
	} else if (options.url.indexOf('managers/ajax/users/userInventory.php') !== -1) {
		addItemPopupLinks();
	}
});