CookieCloud

CookieCloud的tampermonkey版本，目前仅支持上传cookie，兼容移动端gear浏览器；
目前為 2024-10-08 提交的版本，檢視最新版本。
安裝腳本 ?
換行
// ==UserScript==
// @name         CookieCloud
// @namespace    http://tampermonkey.net/
// @version      v0.19
// @description  CookieCloud的tampermonkey版本，目前仅支持上传cookie，兼容移动端gear浏览器；
// @author       tomato
// @icon         https://store-images.s-microsoft.com/image/apps.63473.a0ccb631-d5e7-422b-bcc7-c0405274114b.be044f83-1292-4e84-a65d-e0527d895863.05fc1666-519a-4d36-8b67-8110c70b45cc?mode=scale&h=64&q=90&w=64
// @match        *://*/*
// @grant        GM_cookie
// @grant        GM_xmlhttpRequest
// @grant        GM_notification
// @grant        GM_setValue
// @grant        GM_getValue
// @connect *
// @require      https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.2.0/crypto-js.min.js
// @run-at       document-start
// @license MIT
// ==/UserScript==
 
/* global $, jQuery, CryptoJS */
 
 
(function() {
    'use strict';
 
    const configStoreKey = '_cookieCloudConfig';
    const zIndexNum = Number.MAX_SAFE_INTEGER;
    const themeColor = '236, 97, 91';
 
    function color(opacity) {
        return `rgba(${themeColor}, ${opacity})`
    }
 
    function createEle(tag,styles = {},text = '') {
        const ele = document.createElement(tag);
        ele.innerHTML = text;
        Object.assign(ele.style, styles);
        return ele;
    }
 
    async function init() {
        const btnContainer = createEle('section', {
            position: 'fixed',
            top: '200px',
            left: '0px',
            background: color(0.6),
            borderRadius: '0 20px 20px 0',
            zIndex: zIndexNum,
        });
        const btnStyles = {
            display: 'block',
            width: '40px',
            height: '40px',
            borderRadius: '50%',
            fontSize: '12px',
            backgroundColor: color(0.4),
            border: 'none',
            color: '#fff',
            margin: '10px',
            boxShadow: '0 4px 8px rgba(0, 0, 0, 0.3)'
        }
        const asyncBtn = createEle('button', btnStyles, '上传');
        const asyncConfigBtn = createEle('button', btnStyles, '配置');
        const moveBtn = createEle('button', {
            position: 'absolute',
            width: '18px',
            height: '18px',
            top: '-15px',
            right: '-15px',
            background: color(1),
            border: 'none',
            borderRadius: '50%',
            padding: '0',
            display: 'flex',
            justifyContent: 'center',
            alignItems: 'center',
            color: '#fff',
        }, `<svg style="width: 12px;height: 12px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1024"><path d="M501.0944 1021.824c6.9376 2.8928 14.8224 2.8928 21.8112 0 3.4304-1.4336 6.528-3.4816 9.1136-6.0672 0.0256 0 0.0768-0.0256 0.0768-0.0256l158.9248-158.9248c11.1104-11.1104 11.1104-29.1328 0-40.2176-11.0848-11.0848-29.0816-11.0848-40.1664 0.0256l-110.4384 110.4128 0.0256-335.36c0-15.6928-12.7232-28.416-28.416-28.416s-28.416 12.6976-28.416 28.3904l0 335.3856-110.4128-110.4128c-11.1104-11.0848-29.1072-11.0848-40.1408 0-11.1104 11.1104-11.136 29.1072-0.0512 40.192l158.9504 158.9248c0.8192 0.8192 1.8944 1.1776 2.816 1.8688C496.7168 1019.1872 498.688 1020.8256 501.0944 1021.824zM522.9056 2.176c-6.9376-2.8928-14.8224-2.8928-21.7856 0C497.6896 3.584 494.592 5.632 491.9808 8.2176c-0.0256 0-0.0768 0.0512-0.0768 0.0512L332.9792 167.168c-11.1104 11.1104-11.1104 29.1328 0 40.2176 11.0848 11.0848 29.0816 11.0848 40.1664-0.0256l110.4384-110.4128-0.0256 335.36c0 15.6928 12.7232 28.416 28.416 28.416 15.6928 0 28.4416-12.6976 28.4416-28.3904L540.416 96.9472l110.4128 110.4128c11.1104 11.0848 29.1072 11.0848 40.1408 0 11.1104-11.1104 11.1616-29.1072 0.0512-40.192l-158.9504-158.8992c-0.8192-0.8448-1.8944-1.2032-2.816-1.8944C527.2832 4.8128 525.312 3.1744 522.9056 2.176zM1021.824 522.9056c2.8928-6.9376 2.8928-14.8224 0-21.8112-1.408-3.4304-3.456-6.528-6.0416-9.1136 0-0.0256-0.0512-0.0768-0.0512-0.0768l-158.8992-158.9248c-11.1104-11.1104-29.1584-11.1104-40.2432 0-11.0592 11.0848-11.0592 29.0816 0.0512 40.1664l110.3872 110.4384-335.36-0.0256c-15.6928 0-28.3904 12.7232-28.3904 28.416s12.6976 28.416 28.3904 28.416l335.36 0-110.3872 110.4128c-11.1104 11.1104-11.1104 29.1072 0 40.1408 11.1104 11.1104 29.1072 11.136 40.192 0.0512l158.8992-158.9504c0.8448-0.8192 1.2032-1.8944 1.8944-2.816C1019.1872 527.2832 1020.8256 525.312 1021.824 522.9056zM2.176 501.0944c-2.8928 6.9376-2.8928 14.8224 0 21.7856 1.408 3.456 3.456 6.5536 6.0416 9.1392l0.0512 0.0512 158.8992 158.9504c11.1104 11.1104 29.1584 11.1104 40.2432 0 11.0592-11.1104 11.0592-29.1072-0.0512-40.192l-110.3872-110.4384 335.36 0.0512c15.6928 0 28.3904-12.7488 28.3904-28.416 0-15.6928-12.6976-28.4416-28.3904-28.4416l-335.36 0.0256 110.3872-110.4128c11.1104-11.1104 11.1104-29.1072 0-40.1408-11.1104-11.1104-29.1072-11.1616-40.192-0.0512l-158.8992 158.9504c-0.8448 0.8192-1.2032 1.8944-1.8944 2.816C4.8128 496.7168 3.1744 498.688 2.176 501.0944z" p-id="1025"></path></svg>`);
 
        btnContainer.appendChild(asyncBtn);
        btnContainer.appendChild(asyncConfigBtn);
        btnContainer.appendChild(moveBtn);
        document.body.appendChild(btnContainer);
        initDrage(btnContainer);
 
        function initDrage(draggable) {
            let offsetX, offsetY, isDragging = false;
 
            // 开始拖拽
            function startDrag(event) {
                event.preventDefault();
                event.stopPropagation();
                isDragging = true;
                if (event.type === 'mousedown') {
                    offsetX = event.clientX - draggable.getBoundingClientRect().left;
                    offsetY = event.clientY - draggable.getBoundingClientRect().top;
                } else if (event.type === 'touchstart') {
                    const touch = event.touches[0];
                    offsetX = touch.clientX - draggable.getBoundingClientRect().left;
                    offsetY = touch.clientY - draggable.getBoundingClientRect().top;
                }
 
                document.addEventListener('mousemove', onDrag);
                document.addEventListener('touchmove', onDrag);
            }
 
            // 拖拽中
            function onDrag(event) {
                if (!isDragging) return;
                let clientX, clientY;
                if (event.type === 'mousemove') {
                    clientX = event.clientX;
                    clientY = event.clientY;
                } else if (event.type === 'touchmove') {
                    const touch = event.touches[0];
                    clientX = touch.clientX;
                    clientY = touch.clientY;
                }
 
                const newY = clientY - offsetY;
                draggable.style.top = `${Math.max(18, Math.min(window.innerHeight - draggable.offsetHeight, newY))}px`;
 
                // 固定左边
                draggable.style.left = '0px';
            }
 
            // 结束拖拽
            function endDrag() {
                isDragging = false;
                document.removeEventListener('mousemove', onDrag);
                document.removeEventListener('touchmove', onDrag);
            }
 
            // 监听事件
            moveBtn.addEventListener('mousedown', startDrag);
            moveBtn.addEventListener('touchstart', startDrag);
            document.addEventListener('mouseup', endDrag);
            document.addEventListener('touchend', endDrag);
        }
 
        asyncConfigBtn.onclick = function() {
            const modal = initConfigForm();
            document.body.appendChild(modal);
        }
        // 为按钮添加点击事件
        asyncBtn.onclick = async function(event) {
            event.stopPropagation();
            const that = this;
            const config = GM_getValue(configStoreKey);
            if (!config) {
                msg('请填写配置');
                return;
            };
            const {url, uuid, password, domain = location.host} = JSON.parse(config);
            if (!url) {
                msg('请填写服务器地址');
                return;
            };
            if (!uuid) {
                msg('请填写uuid');
                return;
            };
            if (!password) {
                msg('请填写密码');
                return;
            };
 
            if (that.uploading) {
                return;
            }
            that.uploading = true;
            asyncBtn.innerText = '上传中';
            const cookies = await getCookie(domain);
            const encryptCookies = cookie_encrypt(uuid, password, cookies);
 
            const payload = {
                uuid,
                encrypted: encryptCookies
            };
 
            const res = await syncCookie(url, payload);
            try {
                const resData = JSON.parse(res.response)
                console.log('resData:', resData);
                that.uploading = false;
                asyncBtn.innerText = '上传';
                if (resData.action === 'done') {
                    msg('同步成功')
                } else {
                    throw('错误')
                }
            } catch(e) {
                that.uploading = false;
                asyncBtn.innerText = '上传';
                msg(String(e))
            }
        };
    }
 
    const msg = (function () {
        const originalAlert = window.alert;
        return (title) => {
            originalAlert(title);
        }
    })();
 
    function initConfigForm() {
        // 创建遮罩层
        const overlay = document.createElement('div');
        overlay.style.position = 'fixed';
        overlay.style.top = '0';
        overlay.style.left = '0';
        overlay.style.width = '100%';
        overlay.style.height = '100%';
        overlay.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
        overlay.style.zIndex = zIndexNum;
 
        // 创建弹框（Modal）容器
        const modal = document.createElement('div');
        const modalStyles = {
            position: 'fixed',
            top: '50%',
            left: '50%',
            transform: 'translate(-50%, -50%)',
            width: '95%',
            maxWidth: '400px',
            backgroundColor: '#fff',
            padding: '20px',
            boxShadow: '0 4px 10px rgba(0, 0, 0, 0.3)',
            zIndex: zIndexNum,
            borderRadius: '8px',
        };
        Object.assign(modal.style, modalStyles);
 
        // 创建表单
        const form = document.createElement('form');
        const inputStyles = {
            width: '100%',
            padding: '8px',
            boxSizing: 'border-box',
            border: '1px solid #ddd',
            outline: 'none',
            borderRadius: '8px',
            marginBottom: '10px'
        };
 
        // 创建同步域名关键词·默认当前域名
        const domainEle = document.createElement('textarea');
        domainEle.placeholder = '同步域名关键词·一行一个';
        domainEle.rows = 3;
        Object.assign(domainEle.style, inputStyles);
 
        // 创建输入框 服务器地址
        const urlEle = document.createElement('input');
        urlEle.type = 'text';
        urlEle.placeholder = '服务器地址';
        Object.assign(urlEle.style, inputStyles);
 
        // 创建输入框 端对端加密密码
        const pwdEle = document.createElement('input');
        pwdEle.type = 'text';
        pwdEle.placeholder = '输入框 端对端加密密码';
        Object.assign(pwdEle.style, inputStyles);
 
        // 创建输入框 用户KEY · UUID
        const uuieEle = document.createElement('input');
        uuieEle.type = 'text';
        uuieEle.placeholder = '用户KEY · UUID';
        Object.assign(uuieEle.style, inputStyles);
 
        // 创建保存按钮
        const saveButton = document.createElement('button');
        saveButton.type = 'submit';
        saveButton.innerText = '保存';
        saveButton.style.width = '100%';
        saveButton.style.padding = '10px';
        saveButton.style.backgroundColor = '#87CEEB';
        saveButton.style.border = 'none';
        saveButton.style.color = '#fff';
        saveButton.style.cursor = 'pointer';
        saveButton.style.fontSize = '16px';
        saveButton.style.borderRadius = '4px';
 
        const config = GM_getValue(configStoreKey);
        if (config) {
            const {url, uuid, password, domain = ''} = JSON.parse(config);
            urlEle.value = url;
            pwdEle.value = password;
            uuieEle.value = uuid;
            domainEle.value = domain;
        };
 
        saveButton.onclick = function () {
            const configStr = JSON.stringify({
                url: urlEle.value,
                password: pwdEle.value,
                uuid: uuieEle.value,
                domain: domainEle.value
            });
            GM_setValue(configStoreKey, configStr);
            overlay.remove();
        }
        modal.onclick = function (event) {
            event.stopPropagation();
        }
        overlay.onclick = function () {
            overlay.remove();
        }
        // 将输入框和保存按钮添加到表单
        form.appendChild(domainEle);
        form.appendChild(urlEle);
        form.appendChild(pwdEle);
        form.appendChild(uuieEle);
        form.appendChild(saveButton);
 
        // 将表单添加到弹框中
        modal.appendChild(form);
        overlay.appendChild(modal);
        return overlay;
    }
 
    // 用aes对cookie进行加密
    function cookie_encrypt( uuid, password, cookies ) {
        const the_key = CryptoJS.MD5(uuid+'-'+password).toString().substring(0,16);
        const data_to_encrypt = JSON.stringify({"cookie_data":cookies,"update_time":new Date()});
        return CryptoJS.AES.encrypt(data_to_encrypt, the_key).toString();
    }
 
    async function getCookie(domain) {
        const domains = domain?.trim().length > 0 ? domain?.trim().split("\n") : [];
        return new Promise((res, rej) => {
            GM_cookie.list({}, function(cookies, error) {
                if (!error) {
                    const ret_cookies = {};
                    if( Array.isArray(domains) && domains.length > 0 ) {
                        console.log("domains", domains);
                        for( const domain of domains ) {
                            ret_cookies[domain] = [];
                            for( const cookie of cookies ) {
                                if( cookie.domain?.includes(domain) ) {
                                    ret_cookies[domain].push( cookie );
                                }
                            }
                        }
                    }
                    res(ret_cookies);
                } else {
                    console.error(error);
                    rej(error)
                }
            });
        })
    }
    // 上传cookie
    async function syncCookie(url, body) {
        return new Promise((res, rej) => {
            GM_xmlhttpRequest({
                method: 'POST',
                url: url+'/update',
                data: JSON.stringify(body),
                headers: {
                    'Content-Type': 'application/json',
                },
                onload: function(response) {
                    console.log('Response:', response.responseText);
                    res(response);
                },
                onerror: function(error) {
                    console.error('Error:', error);
                    rej(error);
                }
            });
        })
    }
 
    window.addEventListener('load', init);
})();