// ==UserScript==
// @name         博客 ⇒ 公众号
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  复制 Gridea 博客文章到公众号编辑器并自定义样式
// @author       学习骇客（xxhk.org）
// @match        https://xxhk.ink/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // 创建并添加复制按钮
    let copyButton = document.createElement('button');
    copyButton.textContent = '📋';
    copyButton.style.position = 'fixed';
    copyButton.style.top = '50%';
    copyButton.style.right = '20px';
    copyButton.style.transform = 'translateY(-50%)';
    copyButton.style.zIndex = '1000';
    copyButton.style.padding = '10px';
    copyButton.style.color = 'white';
    copyButton.style.border = 'none';
    copyButton.style.borderRadius = '5px';
    copyButton.style.cursor = 'pointer';
    copyButton.style.opacity = '0.2';
    copyButton.style.fontSize = '48px';
    document.body.appendChild(copyButton);

    // 使用 MutationObserver 确保按钮始终存在
    const observer = new MutationObserver(() => {
        if (!document.body.contains(copyButton)) {
            document.body.appendChild(copyButton);
        }
    });

    observer.observe(document.body, { childList: true, subtree: true });

    // 当按钮被点击时，复制选中的内容或指定容器中的内容并应用自定义样式
    copyButton.addEventListener('click', copyContentWithStyles);

    // 创建二级标题并应用样式
    function createSectionHeader(textContent) {
        var header = document.createElement('h2');
        header.style.marginTop = '2em';
        header.style.marginBottom = '1em';
        header.style.letterSpacing = '0.2em';
        header.style.textAlign = 'center';
        header.style.color = '#34a853';
        header.style.fontWeight = 'bold';
        header.style.fontSize = '120%';
        header.textContent = textContent;
        return header;
    }

    // 复制选中的内容或指定容器中的内容并应用自定义样式
    function copyContentWithStyles() {
        var selection = window.getSelection();
        var range = selection.rangeCount > 0 ? selection.getRangeAt(0) : null;
        var container = document.querySelector('div.markdown-content.post-markdown');

        if (range && !selection.isCollapsed) {
            copySelectionWithStyles(range);
        } else if (container) {
            copySelectionWithStyles(container);
        } else {
            alert('没有选中文本或找不到指定的容器');
        }
    }

    // 复制选中的内容并应用自定义样式
    function copySelectionWithStyles(source) {
        var div = document.createElement('div');
        div.appendChild(source.cloneContents ? source.cloneContents() : source.cloneNode(true));

        // 存储超链接和序号
        var linksList = [];
        var linkIndex = 1;

        // 处理超链接
        var links = div.querySelectorAll('a');
        links.forEach(function(link) {
            if (!link.href.includes('qq.com')) {
                linksList.push(`${linkIndex}. ${link.textContent || link.innerText}: ${link.href}`);
                var sup = document.createElement('sup');
                sup.style.fontSize = '70%';
                sup.textContent = linkIndex;
                sup.style.verticalAlign = 'super'; // 使上标显示在右上角
                var span = document.createElement('span');
                span.style.fontWeight = 'bold'; // 添加加粗效果
                span.style.color = link.style.color; // 使用上下文中的文字颜色
                span.textContent = link.textContent || link.innerText;
                link.innerHTML = '';
                link.appendChild(span);
                link.parentNode.insertBefore(sup, link.nextSibling); // 将上标插入到链接后
                linkIndex++;
            }
        });

        // 设置通用样式
        var paragraphs = div.querySelectorAll('p');
        paragraphs.forEach(function(p) {
            p.style.letterSpacing = '0.3px';
            p.style.fontSize = '16px';
            p.style.color = '#4d4d4d';
            p.style.fontFamily = 'PingFang SC';
            p.style.lineHeight = '2.0em';
            p.style.margin = '1.5em 0em';
            p.style.textAlign = 'justify';
        });

        // 图片样式
        var images = div.querySelectorAll('img');
        images.forEach(function(img) {
            img.style.borderRadius = '10px'; // 圆角效果
            img.style.display = 'block'; // 块级显示
            img.style.margin = '1em auto'; // 前后相距 1em 居中
        });

        // 二级标题样式
        var h2s = div.querySelectorAll('h2');
        h2s.forEach(function(h2) {
            h2.style.marginTop = '2em';
            h2.style.marginBottom = '1em';
            h2.style.letterSpacing = '0.2em';
            h2.style.textAlign = 'center';
            h2.style.color = '#34a853';
            h2.style.fontWeight = 'bold';
            h2.style.fontSize = '120%';
        });

        // 三级标题样式
        var h3s = div.querySelectorAll('h3');
        h3s.forEach(function(h3) {
            h3.style.marginTop = '2em';
            h3.style.marginBottom = '1em';
            h3.style.letterSpacing = '0.1em';
            h3.style.textAlign = 'left';
            h3.style.color = '#f9c23c';
            h3.style.fontWeight = 'bold';
            h3.style.fontSize = '100%';
            h3.innerHTML = '✨' + h3.innerHTML;
            h3.style.paddingLeft = '0px';
        });

        // 加粗样式
        var bolds = div.querySelectorAll('strong');
        bolds.forEach(function(strong) {
            strong.style.fontWeight = 'bold';
            strong.style.color = '#000';
            strong.style.margin = '0 0.1em';
        });

        // 斜体样式
        var italics = div.querySelectorAll('em');
        italics.forEach(function(em) {
            em.style.fontStyle = 'italic';
            em.style.margin = '0 0.1em';
        });

        // 有序列表样式
        var ols = div.querySelectorAll('ol');
        ols.forEach(function(ol) {
            ol.style.listStyleType = 'decimal';
            ol.style.paddingLeft = '20px';
            ol.style.marginBottom = '1em';

            // 添加伪元素样式
            ol.querySelectorAll('li').forEach(function(li) {
                li.style.fontSize = '14px'; // 设置列表项的字体大小
            });

            // 添加伪元素样式
            var style = document.createElement('style');
            style.innerHTML = `
                ol li::marker {
                    font-size: 10px; // 调整为具体的像素值
                }
            `;
            document.head.appendChild(style);
        });

        // 无序列表样式
        var uls = div.querySelectorAll('ul');
        uls.forEach(function(ul) {
            ul.style.listStyleType = 'disc';
            ul.style.paddingLeft = '20px';
            ul.style.marginBottom = '1em';
        });

        // 引用样式
        var blockquotes = div.querySelectorAll('blockquote');
        blockquotes.forEach(function(blockquote) {
            blockquote.style.borderLeft = '4px solid #ccc';
            blockquote.style.paddingLeft = '10px'; // 增加内边距
            blockquote.style.paddingRight = '10px'; // 增加右边内边距
            blockquote.style.paddingTop = '5px';  // 增加上内边距
            blockquote.style.paddingBottom = '5px'; // 增加下内边距
            blockquote.style.backgroundColor = '#f9f9f9';
            blockquote.style.margin = '10px 0';
            blockquote.style.borderRadius = '10px'; // 增加圆角效果
        });

        // 行内代码样式
        var codes = div.querySelectorAll('code');
        codes.forEach(function(code) {
            code.style.backgroundColor = '#f4f4f4';
            code.style.border = '1px solid #ddd';
            code.style.padding = '2px 4px';
            code.style.margin = '2px 4px';
            code.style.borderRadius = '4px';
        });

        // 超链接样式
        links.forEach(function(link) {
            link.style.color = ''; // 使用上下文中的文字颜色
            link.style.textDecoration = 'none';
            // 移除可能的箭头图标
            var linkText = link.textContent || link.innerText;
            link.innerHTML = ' ' + linkText; // 前面增加一个空格
        });

        // 删除线修饰的内容
        var dels = div.querySelectorAll('del');
        dels.forEach(function(del) {
            del.style.cssText += 'text-decoration: none !important;';
            del.style.textAlign = 'left';
            del.style.fontSize = '12px';
            del.style.color = 'gray';
            del.style.display = 'block';
            del.style.margin = 'initial'; // 设置 margin 为默认值
            del.style.padding = 'initial'; // 设置 padding 为默认值
            del.style.lineHeight = 'normal'; // 设置 line-height 为默认值
        });

        // 前置文本
        var beforeText = document.createElement('div');
        beforeText.style.cssText = `
            text-align: left;
            line-height: 1em;
        `;
        beforeText.innerHTML = `
~<br>
      内容丨心智工具 / 学习科学 / 周边利器 / 经验案例<br>
      作者丨讯飞教育产品经理 / 华东师范心理硕士<br>
      使命丨用技术和心理学改善学习<br>
      周期丨2014~2024 第288次<br>
        `.trim();
        div.insertBefore(beforeText, div.firstChild);

        // 添加二级标题 "参考资料"
        if (linksList.length > 0) {
            div.appendChild(createSectionHeader('参考资料'));
        }

        // 将链接列表添加到文末
        if (linksList.length > 0) {
            var linksDiv = document.createElement('div');
            linksDiv.style.fontSize = '14px'; // 设置字号
            linksDiv.style.color = 'gray'; // 设置文字颜色
            linksDiv.style.marginTop = '20px';
            linksDiv.innerHTML = linksList.join('<br>');
            div.appendChild(linksDiv);
        }

        // 添加二级标题 "增值服务"
        div.appendChild(createSectionHeader('增值服务'));

        // 后置文本
        var afterText = document.createElement('div');
        afterText.style.cssText = `
            font-size: 14px;
            color: gray;
            text-align: center;
            line-height: 1em;
        `;
        afterText.innerHTML = `
👇 淘宝店铺“学习骇客”👇<br>
xxhk.taobao.com<br>
十年近万人选择
        `;
        div.appendChild(afterText);

        // 添加图片
        var imageLink = document.createElement('div');
        imageLink.innerHTML = `
            <a href="https://mp.weixin.qq.com/s/VYTTseqoMfdWvD9d0vc3FA">
              <img src="https://x.xxhk.org/img/1719231592.png" alt="学习骇客">
            </a>
        `;
        div.appendChild(imageLink);

        // 应用图片样式到新添加的图片
        var newImages = div.querySelectorAll('img');
        newImages.forEach(function(img) {
            img.style.borderRadius = '10px'; // 圆角效果
            img.style.display = 'block'; // 块级显示
            img.style.margin = '1em auto'; // 前后相距 1em 居中
        });

        // 使用原始 HTML 内容
        var htmlContent = div.innerHTML;
        var listener = function(e) {
            e.clipboardData.setData('text/html', htmlContent);
            e.clipboardData.setData('text/plain', source.innerText || source.textContent || '');
            e.preventDefault();
        };

        document.addEventListener('copy', listener);
        document.execCommand('copy');
        document.removeEventListener('copy', listener);
        console.log('复制的HTML内容:', htmlContent);

        // 显示提示信息
        var alertBox = document.createElement('div');
        alertBox.textContent = '内容已复制并应用自定义样式';
        alertBox.style.position = 'fixed';
        alertBox.style.top = '50%';
        alertBox.style.left = '50%';
        alertBox.style.transform = 'translate(-50%, -50%)';
        alertBox.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';
        alertBox.style.color = 'white';
        alertBox.style.padding = '20px';
        alertBox.style.borderRadius = '5px';
        alertBox.style.zIndex = '1001';
        document.body.appendChild(alertBox);

        setTimeout(() => {
            document.body.removeChild(alertBox);
        }, 1000);
    }
})();