Shopify Enhancer

Enhance Shopify admin dashboard with third-party providers support
当前为 2024-08-29 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         Shopify Enhancer
// @namespace    https://github.com/sparanoid/userscript
// @supportURL   https://github.com/sparanoid/userscript/issues
// @version      2024-08-29
// @description  Enhance Shopify admin dashboard with third-party providers support
// @author       Sparanoid
// @license      AGPL
// @compatible   chrome 80 or later
// @compatible   edge 80 or later
// @compatible   firefox 74 or later
// @compatible   safari 13.1 or later
// @match        https://admin.shopify.com/store/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=shopify.com
// @grant        none
// ==/UserScript==

(function() {
  'use strict';

  const ANCHOR_EL = 'div[class^=_addressWrapper]'

  const wrapperObserver = new MutationObserver((mutationsList, observer) => {

    for (const mutation of mutationsList) {

      if (mutation.type === 'childList') {

        [...mutation.addedNodes].map(item => {
          // console.log('mutation wrapper added', item);

          // Main wrapper
          if (item.classList?.contains('Polaris-Page') || item?.id === 'AppFrame') {
            console.log('Main wrapper detected', item);

            const anchorEl = item.querySelector(ANCHOR_EL);
            const telStr = anchorEl?.querySelector('a[href^="tel:"]')?.href || anchorEl?.querySelector('a')?.textContent
            const resolvedTelStr = telStr.replaceAll(' ', '').replaceAll('+86', '')

            if (resolvedTelStr) {
              const link = document.createElement('a');
              link.setAttribute('href', `https://rouzao.com/orders/list?mobile=${resolvedTelStr.replace('tel:', '')}`);
              link.setAttribute('target', '_blank');
              link.textContent = 'Search in Rouzao';

              anchorEl.appendChild(link);
            }
          }
        })
      }
    }
  });
  wrapperObserver.observe(document.body, { attributes: false, childList: true, subtree: true });

})();