☰

Greasy Fork is available in English.

Deepseek Chat Assistant

调用Deepseek API进行对话。

// ==UserScript==
// @name         Deepseek Chat Assistant
// @namespace    shy
// @version      1.0
// @description  调用Deepseek API进行对话。
// @author       shy
// @match        *://*/*
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_xmlhttpRequest
// @grant        GM_registerMenuCommand
// @connect      api.deepseek.com
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';
    let apiKey = GM_getValue('apiKey', '');
    let model = GM_getValue('model', 'deepseek-chat');
    const icon = document.createElement('div');
    icon.style.position = 'fixed';
    icon.style.bottom = '20px';
    icon.style.right = '20px';
    icon.style.width = '50px';
    icon.style.height = '50px';
    icon.style.backgroundColor = '#007bff';
    icon.style.borderRadius = '50%';
    icon.style.cursor = 'pointer';
    icon.style.display = 'flex';
    icon.style.alignItems = 'center';
    icon.style.justifyContent = 'center';
    icon.style.color = '#fff';
    icon.style.fontSize = '24px';
    icon.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.1)';
    icon.style.transition = 'transform 0.2s, box-shadow 0.2s';
    icon.innerText = 'AI';
    document.body.appendChild(icon);

    const chatWindow = document.createElement('div');
    chatWindow.style.position = 'fixed';
    chatWindow.style.bottom = '80px';
    chatWindow.style.right = '20px';
    chatWindow.style.width = '350px';
    chatWindow.style.height = '450px';
    chatWindow.style.backgroundColor = '#f9f9f9';
    chatWindow.style.border = '1px solid #ddd';
    chatWindow.style.borderRadius = '15px';
    chatWindow.style.boxShadow = '0 4px 10px rgba(0, 0, 0, 0.1)';
    chatWindow.style.display = 'none';
    chatWindow.style.flexDirection = 'column';
    chatWindow.style.overflow = 'hidden';
    chatWindow.style.transition = 'opacity 0.3s, transform 0.3s';
    chatWindow.style.opacity = '0';
    chatWindow.style.transform = 'translateY(20px)';
    document.body.appendChild(chatWindow);

    const settingsIcon = document.createElement('div');
    settingsIcon.style.position = 'absolute';
    settingsIcon.style.top = '10px';
    settingsIcon.style.right = '10px';
    settingsIcon.style.cursor = 'pointer';
    settingsIcon.style.fontSize = '16px';
    settingsIcon.style.color = '#666';
    settingsIcon.innerText = '⚙️';
    chatWindow.appendChild(settingsIcon);

    settingsIcon.addEventListener('click', () => {
        const newApiKey = prompt('请输入您的API密钥:', apiKey);
        if (newApiKey !== null) {
            apiKey = newApiKey;
            GM_setValue('apiKey', apiKey);
        }

        const newModel = prompt('请选择模型 (deepseek-chat 或 deepseek-reasoner):', model);
        if (newModel !== null) {
            model = newModel;
            GM_setValue('model', model);
        }
    });

    const chatContent = document.createElement('div');
    chatContent.style.flex = '1';
    chatContent.style.padding = '15px';
    chatContent.style.overflowY = 'auto';
    chatContent.style.backgroundColor = '#fff';
    chatContent.style.borderBottom = '1px solid #ddd';
    chatWindow.appendChild(chatContent);

    const inputBox = document.createElement('input');
    inputBox.style.width = 'calc(100% - 20px)';
    inputBox.style.padding = '10px';
    inputBox.style.border = '1px solid #ddd';
    inputBox.style.borderRadius = '8px';
    inputBox.style.margin = '10px';
    inputBox.style.outline = 'none';
    inputBox.style.transition = 'border-color 0.3s';
    inputBox.placeholder = '输入你的问题...';
    chatWindow.appendChild(inputBox);

    inputBox.addEventListener('focus', () => {
        inputBox.style.borderColor = '#007bff';
    });

    inputBox.addEventListener('blur', () => {
        inputBox.style.borderColor = '#ddd';
    });

    icon.addEventListener('click', () => {
        if (chatWindow.style.display === 'none') {
            chatWindow.style.display = 'flex';
            setTimeout(() => {
                chatWindow.style.opacity = '1';
                chatWindow.style.transform = 'translateY(0)';
            }, 10);
        } else {
            chatWindow.style.opacity = '0';
            chatWindow.style.transform = 'translateY(20px)';
            setTimeout(() => {
                chatWindow.style.display = 'none';
            }, 300);
        }
    });

    function sendMessage(message) {
        if (!apiKey) {
            alert('请先设置API密钥！');
            return;
        }

        const userMessage = document.createElement('div');
        userMessage.innerText = `你: ${message}`;
        userMessage.style.marginBottom = '10px';
        userMessage.style.color = '#333';
        chatContent.appendChild(userMessage);

        const thinkingMessage = document.createElement('div');
        thinkingMessage.innerText = 'AI: 思考中...';
        thinkingMessage.style.color = '#666';
        chatContent.appendChild(thinkingMessage);

        chatContent.scrollTop = chatContent.scrollHeight;

        GM_xmlhttpRequest({
            method: 'POST',
            url: 'https://api.deepseek.com/v1/chat/completions',
            headers: {
                'Content-Type': 'application/json',
                'Authorization': `Bearer ${apiKey}`
            },
            data: JSON.stringify({
                model: model,
                messages: [{ role: 'user', content: message }]
            }),
            onload: function(response) {
                const data = JSON.parse(response.responseText);
                const aiMessage = data.choices[0].message.content;
                chatContent.removeChild(thinkingMessage);
                const aiResponse = document.createElement('div');
                aiResponse.innerText = `AI: ${aiMessage}`;
                aiResponse.style.marginBottom = '10px';
                aiResponse.style.color = '#007bff';
                chatContent.appendChild(aiResponse);
                chatContent.scrollTop = chatContent.scrollHeight;
            },
            onerror: function(error) {
                chatContent.removeChild(thinkingMessage);
                const errorMessage = document.createElement('div');
                errorMessage.innerText = 'AI: 请求失败，请稍后重试。';
                errorMessage.style.color = '#ff0000';
                chatContent.appendChild(errorMessage);
                chatContent.scrollTop = chatContent.scrollHeight;
            }
        });
    }

    inputBox.addEventListener('keypress', (e) => {
        if (e.key === 'Enter') {
            const message = inputBox.value.trim();
            if (message) {
                sendMessage(message);
                inputBox.value = '';
            }
        }
    });
})();