GetDYSKUID

show sku id for douyin
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name         GetDYSKUID
// @namespace    supermeatboy@getdyskuid
// @version      0.4
// @description  show sku id for douyin
// @author       supermeatboy
// @match        https://haohuo.jinritemai.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=haohuo.jinritemai.com
// @grant        none
// @run-at       document-start
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    let oldfetch = fetch;
    let skuMetaMapping = {}
    let skuSpecNameToID = {}
    let maxRetry = 20
    let retryCount = 1
    var selectSkuList = {}

    let interceptor = {
       urls: ['/aweme/v2/shop/promotion/pack/h5'],
       originalXHR: window.XMLHttpRequest,
       myXHR: function () {

           let isScriptDispatched = false
           const modifyResponse = () => {
               if(isScriptDispatched) {
                   return
               }
               // console.info("trigger modifyResponse", xhr.responseType)
               let matchUrls = interceptor.urls.filter(url => xhr.responseURL.indexOf(url) > -1)
               let match = matchUrls.length > 0
               if (match) {
                   let data;
                   if (!xhr.responseType || xhr.responseType === "text") {
                       data = xhr.responseText;
                   } else if (xhr.responseType === "document") {
                       data = xhr.responseXML;
                   } else {
                       data = xhr.response;
                   }
                   // console.info("match", typeof data, data)
                   let result = JSON.parse(data)
                   if(result.promotion_h5 && result.promotion_h5.page_meta) {
                       let pageMeta = result.promotion_h5.page_meta
                       if(pageMeta.sku_meta && pageMeta.sku_meta.sku_mappings) {
                           skuMetaMapping = pageMeta.sku_meta.sku_mappings
                           console.info("hook skuMetaMapping", skuMetaMapping)
                       }
                       if(pageMeta.common_meta && pageMeta.common_meta.sku_spec_info) {
                           let skuSpecList = pageMeta.common_meta.sku_spec_info
                           for(let i=0; i<skuSpecList.length; i++) {
                               let specInfo = skuSpecList[i]
                               for(let j=0; j<specInfo.spec_ids.length;j++) {
                                   skuSpecNameToID[specInfo.spec_names[j]] = specInfo.spec_ids[j]
                               }
                           }
                           console.info("hook skuSpecToName", skuSpecNameToID)
                       }

                       // 延迟触发显示id
                       setTimeout(hookBottomButtonClick, 1000)
                   }
                   this.responseText = this.response = data
               }
               isScriptDispatched = true
           }
           const xhr = new interceptor.originalXHR
           for (let attr in xhr) {
               if (attr === 'onreadystatechange') {
                   xhr.onreadystatechange = (...args) => {
                       if (this.readyState === 4) {
                           modifyResponse()
                       }
                       this.onreadystatechange && this.onreadystatechange.apply(this, args)
                   }
                   continue
               } else if (attr === 'onload') {
                   xhr.onload = (...args) => {
                       modifyResponse()
                       this.onload && this.onload.apply(this, args)
                   }
                   continue
               }

               if (typeof xhr[attr] === 'function') {
                   this[attr] = xhr[attr].bind(xhr);
               } else {
                   // responseText和response不是writeable的，但拦截时需要修改它，所以修改就存储在this[`_${attr}`]上
                   if (attr === 'responseText' || attr === 'response') {
                       Object.defineProperty(this, attr, {
                           get: () => this[`_${attr}`] == undefined ? xhr[attr] : this[`_${attr}`],
                           set: (val) => this[`_${attr}`] = val,
                           enumerable: true
                       });
                   } else {
                       Object.defineProperty(this, attr, {
                           get: () => xhr[attr],
                           set: (val) => xhr[attr] = val,
                           enumerable: true
                       });
                   }
               }
           }
       }
   }


    window.XMLHttpRequest = interceptor.myXHR

    // Your code here...
    function buildShowNode() {
        let newDiv = document.createElement("div");
        newDiv.style.width = "100%"
        newDiv.style.fontSize = "12px"
        let newPre = document.createElement("pre");
        newPre.id = "supermeatboy_sku_map"
        newPre.innerText = "SKU ID: 待选择全部属性"
        newDiv.appendChild(newPre);
        return newDiv
    }
    function hookBottomButtonClick () {
        if(retryCount > maxRetry) {
            return
        }
        let doms = document.querySelectorAll(".footer__right-buttons__item")
        console.info("hook, bottom", doms)
        // 伺机重试
        if(!doms || doms.length == 0) {
            setTimeout(hookBottomButtonClick, 1000)
            retryCount ++
            return
        }
        for(let d of doms) {
            d.addEventListener("click", function() {
                setTimeout(updateSkuId, 500)
            })
        }
    }
    function updateSkuId() {
        if(retryCount > maxRetry) {
            return
        }
        let doms = document.querySelectorAll(".cart-sku>div>div:nth-child(2)>div")
        console.info("hook doms", doms)
        // 伺机重试
        if(!doms || doms.length == 0) {
            setTimeout(updateSkuId, 1000)
            retryCount ++
            return
        }
        let lastSku = doms[doms.length - 1]
        lastSku.parentNode.appendChild(buildShowNode());
        console.info("hook lastSku", lastSku)
        let skuLevelCount = 0
        let skuParentNode = null;
        for(let d of doms) {
            if(skuParentNode == null || d.parentNode != skuParentNode) {
                skuParentNode = d.parentNode
                skuLevelCount += 1
            }
            d.setAttribute("sku_level", skuLevelCount)
            d.addEventListener("click", (e) => {
                let skuDom = e.target
                // 找到所有带有item-highlight的文本
                setTimeout(() => {
                    let allSubDoms = skuParentNode.querySelectorAll("div")
                    let specKeyList = []
                    for(let i=0;i<allSubDoms.length;i++) {
                        let classStr = allSubDoms[i].getAttribute("class")
                        if(!classStr) {
                            continue
                        }
                        if(classStr.indexOf("item-highlight") > 0) {
                            let innerText = allSubDoms[i].innerText
                            let specId = skuSpecNameToID[innerText]
                            specKeyList.push(specId)
                            console.info("hook, highlight", innerText, specId)
                        }
                    }
                    console.info("hook, highlight list", specKeyList)
                    let skuID = skuMetaMapping[specKeyList.join("_")]
                    var skuMapNode = document.getElementById("supermeatboy_sku_map")
                    if(!skuID || skuID == undefined) {
                        skuMapNode.innerText = "SKU ID: 待选择全部属性"
                    } else {
                        skuMapNode.innerText = "SKU ID: " + skuID
                    }
                }, 100)

            });
        }
    }
    //
})();
欢迎访问Greasy Fork镜像
