// ==UserScript==
// @name        蝦皮短網址DS
// @namespace   https://greasyfork.org/zh-TW/scripts/510400
// @match       *shopee.tw/*
// @author      Dabinn/XPRAMT/czh
// @icon        https://www.google.com/s2/favicons?sz=64&domain=shopee.tw
// @run-at      document-idle
// @license     GNU GPLv3
// @description 產生一個複製短網址的按鈕
// @version 1.4
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';

    var ShortURL

    // Create a button
    var CopyButton = document.createElement('button');
    CopyButton.className = 'CopyButton'; // Add your custom class  tSCitv
    CopyButton.setAttribute('aria-label', 'Copy');
    CopyButton.textContent = 'Short URL';

    // 设置按钮样式
    CopyButton.style.backgroundColor = 'white';
    CopyButton.style.border = 'none';
    CopyButton.style.fontSize = '15px';
    CopyButton.style.lineHeight = '0px';
    CopyButton.style.cursor = 'pointer';

    // Add button click event
    CopyButton.addEventListener('click', function() {
        navigator.clipboard.writeText('https://'+ShortURL);
        CopyButton.textContent = 'Copied!';
        setTimeout(function() {
            CopyButton.textContent = 'Short URL';
        }, 1000);
    });

    function MainFun() {
        var flexContainer = document.querySelector('.flex.items-center.idmlsn');// Find the target flex container
        if (flexContainer) {// Check if the flex container exists
            flexContainer.appendChild(CopyButton);//注入按鈕

            var URL=decodeURIComponent(location.href)

            if (/product/.test(URL)) {
                ShortURL=URL.replace(/^https:\/\//, '')
            }else{
            ShortURL = 'shopee.tw' + URL
                .replace(/^https:\/\/shopee.tw/, '')
                .replace(/\/.*-i\./, '/product/')
                .replace(/\?\S*/, '')
                .replace(/\./g, '/')
            }
        }

    }

    function checkVisible() {
        if (!document.hidden) {
            setTimeout(function() {
                MainFun()
            },1000);
        } else {
            document.addEventListener('visibilitychange', checkVisible,{once: true});
        }
    }

    // 頁面狀態檢查
    // 蝦皮疑似在頁面onfocus時有作額外處理
    // 如果頁面開在背景tab，或是一開始就插入CopyButton，插入後會被清除
    checkVisible();



})();