// ==UserScript==
// @name         微信外链自动跳转
// @namespace    WeChat_External_Link_Auto_Redirect
// @version      1.0
// @description  自动跳转微信拦截页面，支持域名白名单管理
// @author       一身惆怅
// @match        *://weixin110.qq.com/cgi-bin/redirectforward*
// @match        *://weixin110.qq.com/cgi-bin/mmspamsupport-bin/newredirectconfirmcgi*
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_registerMenuCommand
// @run-at       document-end
// @license      MIT
// ==/UserScript==
 
(() => {
'use strict';
 
    const CONFIG = {
        KEY: 'wx_whitelist_domains',
        DELAY: 800,
        API_FAVICON: (domain) => `https://cn.cravatar.com/favicon/api/index.php?url=${domain}`
    };
 
    const ICONS = {
        SAFARI: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="20" height="20"><circle cx="12" cy="12" r="10"/><path d="M16.2 7.8l-2 6.3-6.4 2 2-6.3z"/></svg>',
        ARROW: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" width="18" height="18"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>',
        TRASH: '<svg viewBox="0 0 24 24" fill="none" stroke="#ff453a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="18" height="18"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>',
        GEAR: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="20" height="20"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>',
        CLOSE: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="22" height="22"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>'
    };
 
    const CSS = `
        :root {
            --ios-bg: rgba(255, 255, 255, 0.75);
            --ios-border: rgba(255, 255, 255, 0.8);
            --ios-shadow: 0 20px 40px -8px rgba(0, 0, 0, 0.12);
            --ios-text: #1d1d1f;
            --ios-sub: #86868b;
            --ios-accent: #007aff;
            --ios-surface: rgba(255, 255, 255, 0.5);
            --ios-hover: rgba(0, 0, 0, 0.05);
        }
        @media (prefers-color-scheme: dark) {
            :root {
                --ios-bg: rgba(30, 30, 30, 0.8);
                --ios-border: rgba(255, 255, 255, 0.1);
                --ios-shadow: 0 24px 64px -12px rgba(0, 0, 0, 0.6);
                --ios-text: #f5f5f7;
                --ios-sub: #a1a1a6;
                --ios-accent: #0a84ff;
                --ios-surface: rgba(255, 255, 255, 0.08);
                --ios-hover: rgba(255, 255, 255, 0.1);
            }
        }
        #wx-root {
            position: fixed; inset: 0; z-index: 999999;
            display: grid; place-items: center;
            background: rgba(0,0,0,0.01); backdrop-filter: blur(10px);
            opacity: 0; animation: fade-in 0.4s ease-out forwards;
            font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
        }
        .wx-card {
            width: 340px; padding: 32px 24px;
            background: var(--ios-bg); backdrop-filter: saturate(180%) blur(24px);
            border: 1px solid var(--ios-border); border-radius: 28px;
            box-shadow: var(--ios-shadow);
            display: flex; flex-direction: column; align-items: center; text-align: center;
            position: relative; animation: scale-in 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }
        .wx-settings-btn {
            position: absolute; top: 16px; right: 16px;
            width: 32px; height: 32px; border-radius: 50%;
            display: grid; place-items: center; cursor: pointer; color: var(--ios-sub);
            transition: 0.2s;
        }
        .wx-settings-btn:hover { background: var(--ios-hover); color: var(--ios-text); }
        .wx-icon {
            width: 72px; height: 72px; margin-bottom: 20px;
            background: var(--ios-bg); border-radius: 18px;
            box-shadow: 0 8px 24px rgba(0,0,0,0.06);
            display: grid; place-items: center; overflow: hidden;
        }
        .wx-icon img { width: 48px; height: 48px; object-fit: contain; }
        .wx-title { font-size: 20px; font-weight: 700; color: var(--ios-text); margin-bottom: 8px; }
        .wx-desc {
            font-size: 13px; color: var(--ios-sub); background: var(--ios-surface);
            padding: 6px 12px; border-radius: 8px; margin-bottom: 32px;
            max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
            font-family: 'SF Mono', monospace;
        }
        .wx-btn {
            width: 100%; padding: 14px; border: none; border-radius: 14px;
            font-size: 16px; font-weight: 600; cursor: pointer;
            display: flex; align-items: center; justify-content: center; gap: 8px;
            transition: transform 0.1s; margin-bottom: 12px;
        }
        .wx-btn:active { transform: scale(0.97); }
        .wx-btn-primary {
            background: linear-gradient(135deg, var(--ios-accent), #0055b3); color: white;
            box-shadow: 0 4px 12px rgba(0, 122, 255, 0.25);
        }
        .wx-btn-secondary { background: var(--ios-surface); color: var(--ios-text); margin-bottom: 0; }
        .wx-btn-secondary:hover { background: var(--ios-hover); }
        #wx-sheet {
            position: fixed; inset: 0; z-index: 1000000;
            background: rgba(0,0,0,0.25); display: grid; place-items: center;
            opacity: 0; pointer-events: none; transition: opacity 0.3s;
        }
        #wx-sheet.active { opacity: 1; pointer-events: auto; }
        .wx-sheet-card {
            width: 380px; max-height: 70vh; background: var(--ios-bg);
            backdrop-filter: saturate(180%) blur(30px); border-radius: 24px;
            box-shadow: 0 40px 100px rgba(0,0,0,0.3);
            display: flex; flex-direction: column;
            transform: scale(0.95); transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        #wx-sheet.active .wx-sheet-card { transform: scale(1); }
        .wx-sheet-head { padding: 18px 24px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(0,0,0,0.05); }
        .wx-sheet-list { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 8px; }
        .wx-list-item {
            background: var(--ios-surface); padding: 10px 14px; border-radius: 12px;
            display: flex; justify-content: space-between; align-items: center;
        }
        .wx-list-info { display: flex; align-items: center; gap: 10px; overflow: hidden; }
        .wx-list-txt { font-size: 14px; color: var(--ios-text); font-family: 'SF Mono', monospace; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
        .wx-del-btn { color: #ff453a; padding: 6px; border-radius: 6px; cursor: pointer; background: rgba(255, 69, 58, 0.1); display: flex; }
        .wx-del-btn:active { transform: scale(0.9); }
        .wx-spin { width: 16px; height: 16px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: spin 0.8s linear infinite; }
        @keyframes fade-in { to { opacity: 1; } }
        @keyframes scale-in { from { transform: scale(0.92); } to { transform: scale(1); } }
        @keyframes spin { to { transform: rotate(360deg); } }
    `;
 
    const Store = {
        get list() {
            return GM_getValue(CONFIG.KEY, []);
        },
        has(domain) {
            return this.list.includes(domain);
        },
        add(domain) {
            const current = this.list;
            if (!current.includes(domain)) GM_setValue(CONFIG.KEY, [...current, domain]);
        },
        remove(domain) {
            GM_setValue(CONFIG.KEY, this.list.filter(d => d !== domain));
        }
    };
 
    class Redirector {
        constructor() {
            this.injectStyles();
            this.url = this.extractUrl();
            if (this.url) this.init();
        }
 
        injectStyles() {
            const style = document.createElement('style');
            style.textContent = CSS;
            document.head.appendChild(style);
        }
 
        extractUrl() {
            if (window.cgiData) {
                if (window.cgiData.desc) {
                    const decoded = new DOMParser().parseFromString(window.cgiData.desc, 'text/html').body.textContent;
                    if (decoded.startsWith('http')) return decoded.trim();
                }
                if (window.cgiData.url) {
                    return window.cgiData.url.replaceAll('&amp;', '&');
                }
            }
 
            const domUrl = document.querySelector('.weui-msg__desc')?.textContent;
            return domUrl?.startsWith('http') ? domUrl.trim() : null;
        }
 
        get domain() {
            try {
                return new URL(this.url).hostname;
            } catch {
                return 'Unknown Domain';
            }
        }
 
        init() {
            GM_registerMenuCommand("⚙️ 管理白名单", () => this.renderSheet());
            const isAuto = Store.has(this.domain);
            this.renderOverlay(isAuto);
        }
 
        renderOverlay(isAuto) {
            const root = document.createElement('div');
            root.id = 'wx-root';
 
            const content = isAuto
                ? `
                <div class="wx-title">正在跳转</div>
                <div class="wx-desc">${this.domain}</div>
                <button class="wx-btn wx-btn-primary" id="btn-cancel">
                   <div class="wx-spin"></div> &nbsp;取消 (ESC)
                </button>`
                : `
                <div class="wx-title">拦截页面</div>
                <div class="wx-desc">${this.domain}</div>
                <button class="wx-btn wx-btn-primary" id="btn-allow">
                    ${ICONS.SAFARI} 允许并访问
                </button>
                <button class="wx-btn wx-btn-secondary" id="btn-once">
                    ${ICONS.ARROW} 仅本次访问
                </button>`;
 
            root.innerHTML = `
                <div class="wx-card">
                    <div class="wx-settings-btn" id="btn-settings" title="管理白名单">${ICONS.GEAR}</div>
                    <div class="wx-icon">
                        <img src="${CONFIG.API_FAVICON(this.domain)}" loading="lazy" onerror="this.style.opacity=0">
                    </div>
                    ${content}
                </div>
            `;
 
            document.body.appendChild(root);
            this.bindEvents(root, isAuto);
        }
 
        bindEvents(root, isAuto) {
            const $ = (s) => root.querySelector(s);
            $('#btn-settings').onclick = () => this.renderSheet();
 
            if (isAuto) {
                const timer = setTimeout(() => location.replace(this.url), CONFIG.DELAY);
                const cancel = () => {
                    clearTimeout(timer);
                    root.remove();
                    this.renderOverlay(false);
                };
                $('#btn-cancel').onclick = cancel;
                this.bindEsc(cancel);
            } else {
                $('#btn-allow').onclick = () => {
                    Store.add(this.domain);
                    location.replace(this.url);
                };
                $('#btn-once').onclick = () => location.replace(this.url);
            }
        }
 
        renderSheet() {
            let sheet = document.getElementById('wx-sheet');
            if (!sheet) {
                sheet = document.createElement('div');
                sheet.id = 'wx-sheet';
                sheet.innerHTML = `
                    <div class="wx-sheet-card">
                        <div class="wx-sheet-head">
                            <span style="font-weight:700">白名单管理</span>
                            <div style="cursor:pointer;opacity:0.6" id="sheet-close">${ICONS.CLOSE}</div>
                        </div>
                        <div class="wx-sheet-list" id="sheet-list"></div>
                    </div>
                `;
                document.body.appendChild(sheet);
                
                const close = () => sheet.classList.remove('active');
                sheet.onclick = (e) => e.target === sheet && close();
                sheet.querySelector('#sheet-close').onclick = close;
            }
 
            this.updateSheetList();
            requestAnimationFrame(() => sheet.classList.add('active'));
        }
 
        updateSheetList() {
            const listEl = document.getElementById('sheet-list');
            const items = Store.list;
            
            if (items.length === 0) {
                listEl.innerHTML = `<div style="text-align:center;color:var(--ios-sub);padding:30px">暂无数据</div>`;
                return;
            }
 
            listEl.innerHTML = items.map(domain => `
                <div class="wx-list-item">
                    <div class="wx-list-info">
                        <img src="${CONFIG.API_FAVICON(domain)}" width="16" height="16" style="border-radius:4px" onerror="this.style.opacity=0">
                        <span class="wx-list-txt">${domain}</span>
                    </div>
                    <div class="wx-del-btn" data-d="${domain}">${ICONS.TRASH}</div>
                </div>
            `).join('');
 
            listEl.onclick = (e) => {
                const btn = e.target.closest('.wx-del-btn');
                if (btn) {
                    Store.remove(btn.dataset.d);
                    this.updateSheetList();
                }
            };
        }
 
        bindEsc(callback) {
            const handler = (e) => {
                if (e.key === 'Escape') {
                    callback();
                    document.removeEventListener('keydown', handler);
                }
            };
            document.addEventListener('keydown', handler);
        }
    }
 
    new Redirector();
})();