☰

简篇助手

简篇网站账号切换与媒体提取工具

// ==UserScript==
// @name         简篇助手
// @namespace    http://tampermonkey.net/
// @version      0.5
// @description  简篇网站账号切换与媒体提取工具
// @author       Your name
// @match        https://www.jianpian.cn/*
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_registerMenuCommand
// @license      MIT
// ==/UserScript==


(function() {
    'use strict';

    const STYLES = {
        floatingWindow: `
            position: fixed;
            top: 20px;
            right: 20px;
            width: 320px;
            height: 500px;
            background: rgba(255, 255, 255, 0.98);
            border-radius: 12px;
            padding: 15px;
            z-index: 9999;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
        `,
        tabs: `display: flex; margin-bottom: 15px; border-bottom: 1px solid #eee;`,
        tab: `padding: 8px 16px; cursor: pointer; border-bottom: 2px solid transparent; color: #666; transition: all 0.3s ease;`,
        activeTab: `color: #2c5282; border-bottom: 2px solid #2c5282;`,
        button: `
            background: #4299e1 !important;
            color: white !important;
            border: none !important;
            padding: 8px 12px !important;
            border-radius: 4px !important;
            cursor: pointer !important;
            font-size: 13px !important;
            font-weight: 500 !important;
            transition: all 0.2s ease !important;
            width: 100% !important;
            height: auto !important;
            line-height: 1.5 !important;
            box-sizing: border-box !important;
            margin: 0 !important;
            text-align: center !important;
            display: block !important;
        `,
        content: `height: 100%; overflow-y: auto; padding: 10px;`,
        minimizeButton: `
            position: absolute;
            top: 15px;
            right: 15px;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            cursor: pointer;
            font-size: 16px;
            color: #666;
            transition: all 0.3s ease;
        `,
        minimized: `
            position: fixed;
            top: 20%;
            right: 20px;
            width: auto;
            height: auto;
            padding: 10px 15px;
            background: rgba(255, 255, 255, 0.98);
            border-radius: 12px;
            z-index: 9999;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            cursor: pointer;
            transition: all 0.3s ease;
        `,
        modal: `
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 10000;
        `,
        modalContent: `
            background: white;
            padding: 20px;
            border-radius: 12px;
            max-width: 400px;
            width: 90%;
            max-height: 80vh;
            overflow-y: auto;
        `,
        accountItem: `
            padding: 12px;
            margin: 8px 0;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.2s ease;
        `
    };

    const ESSENTIAL_COOKIES = ['epian-token', 'epian-user-id'];

    const MediaStore = {
        items: new Map(),

        clear() {
            this.items.clear();
        },

        add(type, url, posterUrl = null) {
            const processedUrl = type === '图片' ? reformatImageUrl(url) : url;
            if (this.items.has(processedUrl)) return false;

            this.items.set(processedUrl, {
                type,
                url: processedUrl,
                posterUrl,
                bbcode: this.generateBBCode(type, processedUrl, posterUrl)
            });
            return true;
        },

        generateBBCode(type, url, posterUrl = null) {
            switch(type) {
                case '图片':
                    return `[img]${url}[/img]`;
                case '音频':
                    return `[audio]${url}[/audio]`;
                case '视频':
                    return `[movie]${url}[/movie]`; // 基础BBCode不包含封面
            }
        },

        getAllUrls() {
            return Array.from(this.items.keys());
        },

        getAllBBCode() {
            return Array.from(this.items.values()).map(item => {
                // 普通BBCode永远不包含封面
                return this.generateBBCode(item.type, item.url);
            });
        },

        getAllBBCode2() {
            return Array.from(this.items.values()).map(item => {
                // BBCode2 仅在视频类型且有封面时才包含封面
                if (item.type === '视频' && item.posterUrl) {
                    return `[movie]${item.url}|${item.posterUrl}[/movie]`;
                }
                return this.generateBBCode(item.type, item.url);
            });
        },

        getItem(url) {
            return this.items.get(url);
        },

        size() {
            return this.items.size;
        }
    };

    function isValidUrl(url) {
        return url && (
            url.startsWith('https://media-volc.jianpian.info/') ||
            url.startsWith('https://img-volc.jianpian.info/')
        );
    }

    function reformatImageUrl(url) {
        if (!url.startsWith('https://img-volc.jianpian.info/')) return url;
        const match = url.match(/https:\/\/img-volc\.jianpian\.info\/([^?~]+)/);
        if (!match) return url;

        const filePath = match[1];
        if (filePath.includes('__transed__')) {
            const [basePath, extension] = filePath.split('__transed__');
            return `https://img-volc.jianpian.info/${basePath}.${extension.split('.')[0]}`;
        }
        return url;
    }

    function updateButtonState(button, originalText, duration = 1000) {
        button.textContent = '已复制';
        setTimeout(() => button.textContent = originalText, duration);
    }

    const MEDIA_STYLES = {
        container: `
            margin: 0 0 15px 0;
            padding: 12px;
            background: #f8f9fa;
            border-radius: 8px;
            border: 1px solid #e2e8f0;
        `,
        typeLabel: (type) => `
            display: inline-block;
            padding: 2px 8px;
            background: ${
                type === '视频' ? '#3182ce' : 
                type === '音频' ? '#38a169' : 
                '#805ad5'
            };
            color: white;
            border-radius: 4px;
            font-size: 12px;
            margin-bottom: 8px;
        `,
        url: `
            font-size: 14px;
            color: #4a5568;
            word-break: break-all;
            margin-bottom: 12px;
            line-height: 1.5;
            font-family: monospace;
        `,
        buttonGroup: `
            display: flex;
            gap: 10px;
        `
    };

    function addMediaLink(url, type, posterUrl = null) {
        if (!MediaStore.add(type, url, posterUrl)) return;

        const container = document.getElementById('mediaContent');
        const linkDiv = document.createElement('div');
        const mediaItem = MediaStore.getItem(type === '图片' ? reformatImageUrl(url) : url);
        
        linkDiv.style.cssText = MEDIA_STYLES.container;
        linkDiv.innerHTML = `
            <div style="${MEDIA_STYLES.typeLabel(type)}">${type}</div>
            <div style="${MEDIA_STYLES.url}">${mediaItem.url}</div>
            <div style="${MEDIA_STYLES.buttonGroup}">
                <button class="copy-btn" style="${STYLES.button}">复制链接</button>
                <button class="copy-bbcode-btn" style="${STYLES.button} background: #38a169 !important;">复制BBCode</button>
                ${type === '视频' && posterUrl ? `
                    <button class="copy-bbcode2-btn" style="${STYLES.button} background: #805ad5 !important;">复制BBCode2</button>
                ` : ''}
            </div>
        `;

        const copyBtn = linkDiv.querySelector('.copy-btn');
        const copyBBCodeBtn = linkDiv.querySelector('.copy-bbcode-btn');
        
        copyBtn.onclick = () => {
            navigator.clipboard.writeText(mediaItem.url);
            updateButtonState(copyBtn, '复制链接');
        };

        copyBBCodeBtn.onclick = () => {
            // 普通BBCode永远不包含封面
            navigator.clipboard.writeText(MediaStore.generateBBCode(type, mediaItem.url));
            updateButtonState(copyBBCodeBtn, '复制BBCode');
        };

        if (type === '视频' && posterUrl) {
            const copyBBCode2Btn = linkDiv.querySelector('.copy-bbcode2-btn');
            copyBBCode2Btn.onclick = () => {
                // BBCode2 包含封面
                navigator.clipboard.writeText(`[movie]${mediaItem.url}|${posterUrl}[/movie]`);
                updateButtonState(copyBBCode2Btn, '复制BBCode2');
            };
        }

        container.appendChild(linkDiv);
    }

    function createBatchCopyButtons() {
        const container = document.createElement('div');
        container.style.cssText = MEDIA_STYLES.buttonGroup;
        container.style.padding = '10px';
        container.style.marginBottom = '15px';

        const buttons = [
            ['复制全部链接', () => MediaStore.getAllUrls()],
            ['复制全部BBCode', () => MediaStore.getAllBBCode()],
            ['复制全部BBCode2', () => MediaStore.getAllBBCode2()]
        ];

        buttons.forEach(([text, getter]) => {
            const button = document.createElement('button');
            button.textContent = text;
            button.style.cssText = STYLES.button;
            button.onclick = () => {
                navigator.clipboard.writeText(getter().join('\n'));
                updateButtonState(button, text);
            };
            container.appendChild(button);
        });

        return container;
    }

    const POSTER_URL_REGEX = /url\("([^"]+)"\)/;

    const MediaScanner = {
        scanVideoPosters() {
            const posterMap = new Map();
            document.querySelectorAll('.poster').forEach(poster => {
                const style = poster.getAttribute('style');
                if (style) {
                    const match = style.match(POSTER_URL_REGEX);
                    if (match && isValidUrl(match[1])) {
                        const videoElem = poster.closest('div[class*="video"]')?.querySelector('video');
                        if (videoElem) {
                            const posterUrl = reformatImageUrl(match[1]);
                            posterMap.set(videoElem, posterUrl);
                        }
                    }
                }
            });
            return posterMap;
        },

        scan() {
            try {
                const posterMap = this.scanVideoPosters();

                // 扫描视频
                document.querySelectorAll('video').forEach(video => {
                    if (video.src && isValidUrl(video.src)) {
                        addMediaLink(video.src, '视频', posterMap.get(video));
                    }
                    video.querySelectorAll('source').forEach(source => {
                        if (source.src && isValidUrl(source.src)) {
                            addMediaLink(source.src, '视频', posterMap.get(video));
                        }
                    });
                });

                // 扫描音频
                document.querySelectorAll('audio').forEach(audio => {
                    if (audio.src && isValidUrl(audio.src)) {
                        addMediaLink(audio.src, '音频');
                    }
                    audio.querySelectorAll('source').forEach(source => {
                        if (source.src && isValidUrl(source.src)) {
                            addMediaLink(source.src, '音频');
                        }
                    });
                });

                // 扫描图片
                document.querySelectorAll('img').forEach(img => {
                    if (img.src && isValidUrl(img.src)) {
                        addMediaLink(img.src, '图片');
                    }
                });

                return MediaStore.size();
            } catch (error) {
                console.error('扫描媒体出错:', error);
                throw error;
            }
        }
    };

    function scanMedia() {
        const mediaContent = document.getElementById('mediaContent');
        if (!mediaContent || mediaContent.style.display === 'none') return;
        
        mediaContent.innerHTML = '';
        mediaContent.appendChild(createBatchCopyButtons());
        
        MediaStore.clear();
        
        requestAnimationFrame(() => {
            try {
                const count = MediaScanner.scan();
                if (count === 0) {
                    mediaContent.innerHTML = '<div style="text-align: center; padding: 30px;">未找到媒体文件</div>';
                }
            } catch (error) {
                mediaContent.innerHTML = '扫描媒体时出错，请刷新页面重试';
            }
        });
    }

    function getAccountList(accounts) {
        const accountNames = Object.keys(accounts);
        if (accountNames.length === 0) return null;
        
        return '已保存的账号：\n\n' + accountNames.map(name => {
            const account = accounts[name];
            return `${name}${account.note ? ` (${account.note})` : ''}\n保存时间: ${account.saveDate}`;
        }).join('\n\n');
    }

    function showAccountSelector(accounts, onSelect, title) {
        const modal = document.createElement('div');
        modal.style.cssText = STYLES.modal;
        
        const content = document.createElement('div');
        content.style.cssText = STYLES.modalContent;
        content.innerHTML = `<h3 style="margin: 0 0 16px 0; font-size: 18px;">${title}</h3>`;

        Object.entries(accounts).forEach(([name, account]) => {
            const item = document.createElement('div');
            item.style.cssText = STYLES.accountItem;
            item.innerHTML = `
                <div style="font-weight: 500; color: #2d3748;">${name}</div>
                ${account.note ? `<div style="color: #718096; font-size: 12px;">备注: ${account.note}</div>` : ''}
                <div style="color: #a0aec0; font-size: 12px;">保存时间: ${account.saveDate}</div>
            `;
            item.onmouseover = () => item.style.background = '#f7fafc';
            item.onmouseout = () => item.style.background = 'white';
            item.onclick = () => {
                onSelect(name);
                document.body.removeChild(modal);
            };
            content.appendChild(item);
        });

        const closeBtn = document.createElement('button');
        closeBtn.textContent = '取消';
        closeBtn.style.cssText = STYLES.button;
        closeBtn.onclick = () => document.body.removeChild(modal);
        content.appendChild(closeBtn);

        modal.appendChild(content);
        document.body.appendChild(modal);

        // 点击背景关闭
        modal.onclick = (e) => {
            if (e.target === modal) {
                document.body.removeChild(modal);
            }
        };
    }

    function checkAccounts() {
        const accounts = GM_getValue('accounts', {});
        if (Object.keys(accounts).length === 0) {
            alert('还没有保存任何账号！');
            return null;
        }
        return accounts;
    }

    function switchAccount() {
        const accounts = checkAccounts();
        if (!accounts) return;

        showAccountSelector(accounts, (selectedAccount) => {
            ESSENTIAL_COOKIES.forEach(name => {
                document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/; domain=.jianpian.cn`;
            });

            accounts[selectedAccount].cookies.split(';').forEach(cookie => {
                document.cookie = `${cookie.trim()}; path=/; domain=.jianpian.cn`;
            });

            location.reload();
        }, '选择要切换的账号');
    }

    function deleteAccount() {
        const accounts = checkAccounts();
        if (!accounts) return;

        showAccountSelector(accounts, (selectedAccount) => {
            if (confirm(`确定要删除账号 "${selectedAccount}" 吗？`)) {
                delete accounts[selectedAccount];
                GM_setValue('accounts', accounts);
                alert('删除成功！');
            }
        }, '选择要删除的账号');
    }

    const BUTTON_CONFIGS = {
        saveCookie: ['保存当前账号', async () => {
            const currentCookies = document.cookie.split(';');
            const essentialCookies = currentCookies.filter(cookie => 
                ESSENTIAL_COOKIES.some(name => cookie.split('=')[0].trim() === name)
            );

            if (essentialCookies.length === 0) {
                alert('未检测到登录状态，请先登录！');
                return;
            }

            const accountName = prompt('请为当前账号设置一个名称：');
            if (!accountName) return;

            const accountNote = prompt('请输入账号备注（可）：');
            const accounts = GM_getValue('accounts', {});
            accounts[accountName] = {
                cookies: essentialCookies.join(';'),
                note: accountNote || '',
                saveDate: new Date().toLocaleString()
            };
            GM_setValue('accounts', accounts);
            alert('保存成功！');
        }],
        switchAccount: ['切换账号', switchAccount],
        deleteAccount: ['删除账号', deleteAccount],
        exportAccounts: ['导出账号', () => {
            const accounts = GM_getValue('accounts', {});
            const blob = new Blob([JSON.stringify(accounts, null, 2)], { type: 'application/json' });
            const a = document.createElement('a');
            a.href = URL.createObjectURL(blob);
            a.download = '简篇账号数据.json';
            a.click();
            URL.revokeObjectURL(a.href);
        }],
        importAccounts: ['导入账号', () => {
            const input = document.createElement('input');
            input.type = 'file';
            input.accept = '.json';
            input.onchange = e => {
                const reader = new FileReader();
                reader.onload = event => {
                    try {
                        const accounts = JSON.parse(event.target.result);
                        GM_setValue('accounts', accounts);
                        alert('导入成功！');
                    } catch (error) {
                        alert('导入失败，文件格式错误！');
                    }
                };
                reader.readAsText(e.target.files[0]);
            };
            input.click();
        }]
    };

    function createUI() {
        const container = document.createElement('div');
        container.id = 'jianpianHelper';
        container.style.cssText = STYLES.floatingWindow;

        const minimizeBtn = document.createElement('div');
        minimizeBtn.textContent = '−';
        minimizeBtn.style.cssText = STYLES.minimizeButton;
        minimizeBtn.title = '最小化';

        let isMinimized = false;
        minimizeBtn.onclick = (e) => {
            e.stopPropagation();
            isMinimized = !isMinimized;
            
            if (isMinimized) {
                container.innerHTML = '简篇助手';
                container.style.cssText = STYLES.minimized;
                container.title = '点击展开';
                container.onclick = () => {
                    isMinimized = false;
                    container.style.cssText = STYLES.floatingWindow;
                    container.innerHTML = '';
                    setupUI();
                    setupAccountButtons();
                    container.onclick = null;
                };
            }
        };

        function setupUI() {
            const tabs = document.createElement('div');
            tabs.style.cssText = STYLES.tabs;
            
            const [accountTab, mediaTab] = ['账号管理', '媒体提取'].map(text => {
                const tab = document.createElement('div');
                tab.textContent = text;
                tab.style.cssText = STYLES.tab + (text === '账号管理' ? STYLES.activeTab : '');
                return tab;
            });

            tabs.append(accountTab, mediaTab);

            const [accountContent, mediaContent] = ['account', 'media'].map(id => {
                const content = document.createElement('div');
                content.id = `${id}Content`;
                content.style.cssText = STYLES.content + `; display: ${id === 'account' ? 'block' : 'none'};`;
                return content;
            });

            [accountTab, mediaTab].forEach((tab, i) => {
                tab.onclick = () => {
                    [accountTab, mediaTab].forEach((t, j) => 
                        t.style.cssText = STYLES.tab + (i === j ? STYLES.activeTab : '')
                    );
                    accountContent.style.display = i === 0 ? 'block' : 'none';
                    mediaContent.style.display = i === 0 ? 'none' : 'block';
                    if (i === 1) scanMedia();
                };
            });

            container.appendChild(minimizeBtn);
            container.appendChild(tabs);
            container.appendChild(accountContent);
            container.appendChild(mediaContent);
        }

        setupUI();
        return container;
    }

    function setupAccountButtons() {
        const accountContent = document.getElementById('accountContent');
        const accountButtons = document.createElement('div');
        accountButtons.style.cssText = `
            padding: 10px;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
        `;
        
        Object.entries(BUTTON_CONFIGS).forEach(([_, [text, handler]]) => {
            const button = document.createElement('button');
            button.textContent = text;
            button.style.cssText = STYLES.button;
            button.onclick = handler;
            accountButtons.appendChild(button);
        });

        accountContent.appendChild(accountButtons);
    }

    function init() {
        const container = createUI();
        document.body.appendChild(container);
        setupAccountButtons();
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        init();
    }
})();