// ==UserScript==
// @name                light.gg linking for DIM
// @name:zh             DIM 链接到 light.gg
// @name:zh-CN          DIM 链接到 light.gg
// @namespace           https://github.com/HZDeluxe
// @version             0.1
// @description         Add links to light.gg for DIM
// @description:zh      为DIM添加light.gg链接
// @description:zh-CN   为DIM添加light.gg链接
// @author              HZDeluxe
// @match               https://app.destinyitemmanager.com/*/d2/inventory
// @match               https://beta.destinyitemmanager.com/*/d2/inventory
// @grant               none
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';

    let targetNode = null;
    const waitNode = function() {
        targetNode = document.querySelector('#app > .app > div:first-child');
        if (!targetNode) {
            setTimeout(waitNode, 1000);
        } else {
            const observer = new MutationObserver(function(mutationsList) {
                for(const mutation of mutationsList) {
                    if (mutation.type === 'childList'
                       && mutation.addedNodes.length != 0
                       && mutation.addedNodes[0].classList.contains('item-popup')) {
                        const itemPopup = mutation.addedNodes[0];
                        const addLgg = function() {
                            if (itemPopup.querySelector('.btn-lgg')) {
                                return;
                            }
                            const itemNameElm = itemPopup.querySelector('a[href^="https://destinytracker.com/"]');
                            const itemId = itemNameElm.href.match(/\/items\/(\d+)\?/i)[1];
                            const tempDiv = document.createElement('div');
                            tempDiv.innerHTML = '<a class="btn-lgg" style="float:right;margin-right:5px;" target="_blank" href="https://www.light.gg/db/items/' + itemId + '/"><img src="data:image/webp;base64,UklGRlwBAABXRUJQVlA4TE8BAAAvD8ADEO/BoJEkRX34KOX9C2P+tsE4kmwl8z8uJxLwHLiRfzruj2XQSJKivrt//8pewEtgZmqDbCP1HvrV3uOFLpQFChQckAqUwh/x4T+AoAHB6pEjgUSBTCB7YIF8DCc/0DbnHtuh4H2xH7vzuoTgEPzv2JLPPp99plGvRrqPrECCi5IAdH89/C34Hwh+DxWQfH5OoJ/VWBdqjmzoS8wTcOgGKBxGkm1a59nWt2375x/YUwp3343ov8K2bZvsdFdnxKFAAFRXBiCEMSPA6fYHu9MqIYCJQGs07nVm2/t1Ssh9whyybKTbxzSfHTGF9G/DEWyvCaE7dqD9n5w1yG4roN8j/f96M/7XsTlAHbaN3/P9AeM/c3n2vf3crBY6bmoarG5ZzZLkug0qDsrRTB/blOwChyKY6fW+XjBe5JRzTFaHS8OLHKMCZ8lveIFzBAA=" /></a>';
                            itemNameElm.after(tempDiv.firstChild);
                        };
                        addLgg();
                        const subObserver = new MutationObserver(addLgg);
                        subObserver.observe(itemPopup, { attributes: true, subTree: true });
                    }
                }
            });
            observer.observe(targetNode, { childList: true });
        }
    };
    waitNode();
})();