☰

brickmerge® Prices

Displays lowest brickmerge® price next to offer price

当前为 2023-10-26 提交的版本，查看 最新版本。

// ==UserScript==
// @name           brickmerge® Prices
// @name:de        brickmerge® Preise
// @namespace      https://brickmerge.de/
// @version        1.15.1
// @license        MIT
// @description    Displays lowest brickmerge® price next to offer price
// @description:de Zeigt den bisherigen Bestpreis von brickmerge® parallel zum aktuellen Preis an
// @author         Philipp Kursawe <[email protected]>
// @match          https://www.alternate.de/LEGO/*
// @match          https://www.amazon.de/LEGO-*
// @match          https://www.amazon.de/*LEGO*
// @match          https://www.amazon.de/dp/*
// @match          https://www.amazon.de/*/dp/*
// @match          https://www.jb-spielwaren.de/*
// @match          https://www.mediamarkt.de/de/product/_lego-*
// @match          https://www.mueller.de/p/lego-*
// @match          https://www.mytoys.de/lego-*
// @match          https://www.otto.de/p/lego-*
// @match          https://www.toys-for-fun.com/de/lego*
// @match          https://www.proshop.de/LEGO/*
// @match          https://steinehelden.de/*
// @match          https://www.saturn.de/de/product/_lego-*
// @match          https://www.smythstoys.com/de/de-de/spielzeug/lego/*
// @match          https://www.thalia.de/shop/home/artikeldetails/*
// @icon           https://www.google.com/s2/favicons?sz=64&domain=brickmerge.de
// @homepageURL	   https://github.com/pke/brickmerge-userscript
// @supportURL     https://github.com/pke/brickmerge-userscript/discussions
// ==/UserScript==

(function() {
    'use strict';
  
     const style = `
       .brickmerge-price {
         background-color: #b00 !important;
         color: #fff !important;
         margin: 1rem 0 !important;
         padding: 0.3rem !important;
       }
       .brickmerge-price a {
         color: #fff !important;
         font-weight: bold !important;
         text-decoration: none !important;
       }
       .brickmerge-price a:hover {
         text-decoration: underline !important;
       }
       .brickmerge-price img {
         height: 16px;
         width: 16px;
         display: inline;
         vertical-align: middle;
         margin-right: 0.3rem;
       }
       .brickmerge-price img.brickmerge {
         width: initial;
       }
       `;
    const logo = `https://brickmerge-userscript.hypermedia.rocks/images/brickmerge.svg`;
  
    const resolvers = {
        "www.amazon.de": {
            articleSelector: "#productTitle",
            targetSelector: "#corePriceDisplay_desktop_feature_div,#corePrice_feature_div",
            testURL: "https://www.amazon.de/LEGO-43230-Disney-Kamera-Maus-Minifiguren/dp/B0BV7BMPVS",
        },
        "www.mytoys.de": {
            articleSelector: ".prod-info__name",
            targetSelector: ".prod-info__price-container",
            testURL: "https://www.mytoys.de/lego-lego-disney-43230-kamera--hommage-an-walt-disney-29981540.html",
        },
        "www.smythstoys.com": {
            articleSelector: "h1[itemprop=name]",
            targetSelector: "#product-info div[itemprop=price]",
            testURL: "https://www.smythstoys.com/de/de-de/spielzeug/lego/lego-fuer-erwachsene/lego-icons-set-10266-nasa-apollo-11-mondlandefaehre/p/183613",
        },
        "www.toys-for-fun.com": {
            articleSelector: "h1.page-title span[itemprop=name]",
            targetSelector: ".product-info-price",
            testURL: "https://www.toys-for-fun.com/de/legor-disney-43230-kamera-hommage-an-walt-disney.html",
        },
        "www.jb-spielwaren.de": {
            articleSelector: "h1",
            targetSelector: ".widget-availability",
            testURL: "https://www.jb-spielwaren.de/lego-10293-besuch-des-weihnachtsmanns/a-10293/",
        },
        "steinehelden.de": {
            articleSelector: "h1[itemprop=name]",
            targetSelector: "div[itemprop=offers] .product--tax",
            testURL: "https://steinehelden.de/city-arktis-schneemobil-60376/",
        },
        "www.proshop.de": {
            articleSelector: "h1[data-type=product]",
            targetSelector: "#site-product-price-stock-buy-container span.site-currency-wrapper",
            testURL: "https://www.proshop.de/LEGO/LEGO-Ideas-21343-Wikingerdorf/3195765",
        },
        "www.alternate.de": {
          targetSelector: "#product-top-right .vat-and-shipping-costs",
          testURL: "https://www.alternate.de/LEGO/10311-Creator-Expert-Orchidee-Konstruktionsspielzeug/html/product/1818749",
        },
        "www.saturn.de": {
          targetSelector: "div[data-test='mms-pdp-offer-selection']",
          prepend: true,
          dynamic: true, // Site changes its DOM via script and could remove our element
          styleSelector: "div[data-test='mms-branded-price'] p > span",
          style(element) {
              element.style = "text-align: right";
          },
          testURL: "https://www.saturn.de/de/product/_lego-10281-bonsai-baum-2672008.html",
        },
        "www.mediamarkt.de": "www.saturn.de", // just an alias, same as saturn
        "www.otto.de": {
          targetSelector: ".pdp_price__inner",
          prepend: true,
          testURL: "https://www.otto.de/p/lego-konstruktionsspielsteine-kamera-hommage-an-walt-disney-43230-lego-disney-811-st-made-in-europe-C1725197870/#variationId=1725014125",
        },
        "www.mueller.de": {
          targetSelector: ".mu-product-price.mu-product-details-page__price",
          testURL: "https://www.mueller.de/p/lego-icons-10281-bonsai-baum-kunstpflanzen-set-fuer-erwachsene-deko-2681620/",
        },
        "www.thalia.de": {
          targetSelector: "artikel-informationen",
          style(element) {
              element.classList.add("element-text-small");
          },
          testURL: "https://www.thalia.de/shop/home/artikeldetails/A1068002914",
        },
    };
  
    function renderError(element, error, operation = "append") {
        if (!element) {
            return;
        }
        const errorElement = document.createElement("div");
        errorElement.innerText = error.message;
        element[operation]?.(errorElement);
    }
  
    function addLowestPrice(element, title = "Bestpreis wird geladen", url, lowestPrice, operation = "append", icon, iconClass = []) {
        if (!element) {
            return;
        }
        let brickmergeBox = element.querySelector(".brickmerge-price");
        let isNew = !brickmergeBox;
        // console.log("addLowestPrice isNew: ", isNew);
        if (!brickmergeBox) {
            brickmergeBox = document.createElement("div");
            brickmergeBox.className = "brickmerge-price";
        }
        const brickmergeLink = url ? `<a href="${url}">${lowestPrice}</a>` : "...";
        const iconImage = icon ? `<img src="${icon}" class="${iconClass.join(" ")}"/>` : "";
        brickmergeBox.innerHTML = `${iconImage}${title}: ${brickmergeLink}`;
        if (isNew) {
            element[operation]?.(brickmergeBox);
        }
        return brickmergeBox;
    }
  
    function addPriceToTargets(resolver, priceOrError, url, styleClasses, title, icon, iconClass) {
        const targets = document.querySelectorAll(resolver.targetSelector);
        if (targets.length === 0) {
            return;
        }
        if (!document.querySelector("head style.brickmerge")) {
            const styleElement = document.createElement("style");
            styleElement.className = "brickmerge";
            styleElement.type = 'text/css';
            styleElement.innerHTML = style;
            document.head.appendChild(styleElement);
        }
        const error = priceOrError instanceof Error && priceOrError
        const price = error ? undefined : priceOrError
        if (error instanceof Error) {
            for (let element of targets) {
                renderError(element, error, resolver.prepend ? "prepend" : "append");
            }
        } else if (price) {
            for (let element of targets) {
                //console.log("target:", element.innerHTML);
                const box = addLowestPrice(element, title, url, price, resolver.prepend ? "prepend" : "append", icon, iconClass);
                if (styleClasses) {
                    box.classList.add(...styleClasses.split(" "));
                }
                if (typeof resolver.style === "function") {
                    resolver.style(box);
                } else if (typeof resolver.style === "string") {
                    box.style = resolver.style;
                }
            }
        }
    }
  
    let resolver = resolvers[document.location.host]
    // Do we have an alias for another resolver?
    if (typeof resolver === "string") {
        resolver = resolvers[resolver];
    }
    if (!resolver) {
        return;
    }
  
    // Fetch the LEGO set number from the title
    const title = resolver.articleSelector && document.querySelector(resolver.articleSelector)?.textContent || document.title;
    //console.log("title: ", title);
    const [, setNumber] = /(\d+)/.exec(title) || [];
    //console.log("set number: ", setNumber);
  
    const styleNode = document.querySelector(resolver.styleSelector);
    // console.log("styleNode", styleNode);
    const styleClasses = styleNode?.className;
  
    if (setNumber) {
        if (!resolver.dynamic) {
            addPriceToTargets(resolver, "...", "", styleClasses);
        }
        fetch("https://brickmerge-userscript.hypermedia.rocks/lowest/" + setNumber)
        .then(res => res.json(), () => ({ error: "brickmerge® nicht erreichbar" }))
        .then(json => {
            const { title, links } = json;
            const icon = links.find(link => link.rel == "icon") || logo;
            const link = links.find(link => link.rel == "self");
            addPriceToTargets(resolver, link.title, link.href, styleClasses, title, icon.href, icon.class);
        });
    }
  })();