// ==UserScript==
// @name         ChatExplainJapanese
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  Create a new button to ask ChatGPT explain Japanese text from clipboard. 创建一个按钮来让ChatGPT解释剪贴板中的日文。
// @author       Glaceon
// @match        https://chat.openai.com/*
// @grant        none
// @license      MIT
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';

    function insertDivs(listNode, htmlString) {
        var parser = new DOMParser();
        var doc = parser.parseFromString(htmlString, 'text/html');
        var divs = doc.querySelectorAll('p');
        console.log('hi');

        console.log(divs);

        divs.forEach(function(div) {
            listNode.appendChild(div.cloneNode(true));
        });
    }

    function askChat(text) {
//         let newButton = document.querySelector('askButton');
//         newButton.disabled = true;

        let sendButton = document.querySelector('button[data-testid="send-button"]');
        let textarea = document.getElementById('prompt-textarea');

        // Successfully got text from clipboard
        textarea.value = `我在学日文，请用中文解释我给你的句子并说明每个词组的意思。
例如：翌日が訪れた
你的回复如下：
"翌日が訪れた" 是日语中的一个短语，可以直接翻译为“次日到来”或者“第二天到了”。这个短语是由两部分组成的：

翌日 (よくじつ): 这个词的意思是“次日”或者“第二天”，指的是在谈话的当天之后的那一天。
が訪れた (がおとずれた): 这里的“が”是一个语法上的连接词，用来连接主语和谓语。而“訪れた”是“訪れる”的过去式，意思是“到来”或者“访问”。
所以，整个短语“翌日が訪れた”的意思是表达“第二天到了”的概念，通常用于叙述故事或事件中时间的推进。
---
解释：` + text; // Set clipboard text to textarea

        // Dispatch an 'input' event to mimic user typing
        let event = new Event('input', {
            bubbles: true,
            cancelable: true,
        });
        textarea.dispatchEvent(event);

        // Rest of your code to enable and click the send button...
        let clickInterval = setInterval(function() {
            if (!sendButton.disabled) { // Check if the button is not disabled
                sendButton.click();
                clearInterval(clickInterval); // Clear the interval to stop checking
//                 newButton.disabled = false;
            }
        }, 100);

    }

    function createSentenceLists() {
        let form = document.querySelector('form');
        let contents = document.createElement('div');
        contents.style = "overflow: auto; max-height:30vh";
        contents.className = "mx-auto md:px-5 lg:px-1 xl:px-5 md:max-w-2xl";

        form.parentNode.appendChild(contents);

        // Create a file input element
        let file = document.createElement('input');
        file.id = 'fileInput';
        file.type = 'file'; // Specify that this is a file input
        file.accept = '.html';
        file.style.display = 'none'; // Hide the file input

        file.addEventListener('change', function(event) {
            if (file.files.length > 0) {
                let reader = new FileReader();

                reader.onload = function(e) {
                    let text = e.target.result;
                    // Now you have the contents of the file
                    let sentences = document.createElement('ol');
                    sentences.style = "list-style-type: decimal; padding-left: 20px;";

                    sentences.id = 'sentences';

                    sentences.innerHTML = text;
                    contents.appendChild(sentences);

                    let paragraphs = sentences.querySelectorAll('li');

                    sentences.innerHTML = "";

                    // Add event listeners to each <p> element
                    paragraphs.forEach(function(p) {
                        p.addEventListener('click', function() {
                            // Define what happens when a <p> is clicked
                            console.log('Paragraph clicked:', p.textContent);
                            askChat(p.textContent);
                        });
                        sentences.appendChild(p);
                    });

                    // insertDivs(contents, text);
                    // console.log(contents); // You can process the file contents here
                };

                reader.readAsText(file.files[0]); // Read the first selected file
            }
        });


        // Append file input to contents
        contents.appendChild(file);

        let button = document.createElement('button'); button.id = 'buttonLoad'; button.innerText = 'Select File';
        button.onclick = function() {
            file.click(); // Trigger the file input when button is clicked
        };
        contents.appendChild(button);

    }

    createSentenceLists();

    function createCustomButton() {

//         let newButton = document.createElement('askButton');
//         newButton.innerHTML = 'Send';

//         // Set the position of the new button relative to the send button
//         newButton.style.position = 'absolute';
//         newButton.style.right = (30) + 'px'; // Adjust this value to move the button left of the send button
//         newButton.style.bottom = 100 + 'px';

//         // Basic styling to make it look like a traditional button
//         newButton.style.backgroundColor = '#007bff'; // Button background color
//         newButton.style.color = 'white';             // Text color
//         newButton.style.padding = '10px 20px';       // Padding inside the button
//         newButton.style.border = 'none';             // No border
//         newButton.style.borderRadius = '5px';        // Rounded corners
//         newButton.style.cursor = 'pointer';          // Cursor changes on hover
//         newButton.style.fontSize = '16px';           // Font size
//         newButton.style.fontWeight = 'bold';         // Font weight

        let container = document.querySelector('[role="presentation"]');

        // Append the new button to the same parent as the send button
//         container.appendChild(newButton);

//         newButton.addEventListener('click', function() {

//             navigator.clipboard.readText()
//                 .then(text => askChat(text))
//                 .catch(err => {
//                 // Handle errors (like if clipboard access is denied)
//                 console.error('Failed to read clipboard contents: ', err);
//             });


//         });
    }

    window.addEventListener('load', createCustomButton);
})();