// ==UserScript==
// @name         My Green Dollar Message
// @namespace    chatGPTFucker
// @version      0.0.3
// @description  实现类似this.$message的效果
// @author       chatGPTFucker
// @match        https://www.sogou.com/dollarmsg
// @grant        GM_setClipboard
// @icon         data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjU2IDUxMkEyNTYgMjU2IDAgMSAwIDI1NiAwYTI1NiAyNTYgMCAxIDAgMCA1MTJ6TTM2OSAyMDlMMjQxIDMzN2MtOS40IDkuNC0yNC42IDkuNC0zMy45IDBsLTY0LTY0Yy05LjQtOS40LTkuNC0yNC42IDAtMzMuOXMyNC42LTkuNCAzMy45IDBsNDcgNDdMMzM1IDE3NWM5LjQtOS40IDI0LjYtOS40IDMzLjkgMHM5LjQgMjQuNiAwIDMzLjl6Ii8+PC9zdmc+
// ==/UserScript==

(function() {
    // 添加 style 元素, 让页面空白
    const style = document.createElement('style');
    style.innerHTML = `
        center, hr {
            display: none;
        }
    `;
    document.head.appendChild(style);

    // My Message 实现类似this.$message的效果
    class Message {
        constructor() {
            this.container = document.createElement('div');
            this.container.id = 'messageContainer';
            this.container.style.cssText = 'position: fixed; top: 20px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; z-index: 9999;';
            document.body.appendChild(this.container);
        }

        show(message, iconType) {
            const p = document.createElement('p');
            p.style.cssText = 'margin: 10px; padding: 10px; background-color: #f5f5f5; border-radius: 4px; display: flex; align-items: center;';
            const icon = document.createElement('span');
            icon.style.cssText = 'width: 16px; height: 16px; background-color: green; border-radius: 50%; margin-right: 10px;';
            if (iconType === 'tick') {
                icon.innerHTML = '<svg viewBox="0 0 24 24" width="16" height="16"><path d="M9 16.2l-3.6-3.6c-.8-.8-.8-2 0-2.8s2-.8 2.8 0L9 11.6l6.2-6.2c.8-.8 2-.8 2.8 0s.8 2 0 2.8L11.8 16.2c-.4.4-.8.6-1.3.6-.5 0-.9-.2-1.3-.6z" fill="white"></path></svg>';
            }
            p.appendChild(icon);
            p.appendChild(document.createTextNode(message));
            this.container.appendChild(p);
            setTimeout(() => this.container.removeChild(p), 3000);
        }
    }

    // 使用示例
    const message = new Message();
    // message.show('这是一条消息提示');
    message.show('这是一条消息提示', 'tick'); // 显示绿色勾图标的消息提示
})();