Wowhead TSM Group Button UserScript

wowhead_tsm_group_button.user.js

// ==UserScript==
// @name         Wowhead TSM Group Generator
// @namespace    https://gist.github.com/HybridEidolon
// @description  Adds a TSM Group button to copy the search results as a legacy TSM group import string
// @author       Eidolon
// @version      2
// @grant        none
// @match        https://*.wowhead.com/items*
// @match        https://*.wowhead.com/wotlk/items*
// @noframes
// @run-at       document-idle
// ==/UserScript==

function ___wh_tsm_mapper_injected() {
  function generateGroup() {
    let items = window.g_listviews.items.data;
    let itemIds = items.map((item) => item.id);

    let groupStringItems = idListToGroupString(itemIds);

    return groupStringItems;
  }

  function idListToGroupString(idList) {
    return 'group:Wowhead Export,i:' + idList.join(',i:');
  }

  function generateAndCopyGroup(event) {
  	let groupString = generateGroup();
  	navigator.clipboard.writeText(groupString)
  		.then(
    		() => {},
    	(err) => { alert(err); },
    	);
  }

  let insertEl = document.querySelector('div.listview-withselected');

  let generateButton = document.createElement('button');
  generateButton.innerText = 'TSM Group';
  insertEl.appendChild(generateButton);
  generateButton.addEventListener('click', generateAndCopyGroup);
}

let script = document.createElement('script');
script.textContent = `(${___wh_tsm_mapper_injected.toString()})()`;
document.body.appendChild(script);