// ==UserScript==
// @name         GGn Title Formatter
// @namespace    none
// @version      33
// @description  Formats title, sets alias if applicable and has buttons to undo. Adds buttons in edit page to format name and alias. Easily fix title in group pages
// @author       ingts
// @match        https://gazellegames.net/upload.php
// @match        https://gazellegames.net/torrents.php?id=*
// @match        https://gazellegames.net/torrents.php?action=editgroup&groupid=*
// @match        https://gazellegames.net/upload.php?action=copy&groupid=*
// @exclude      https://gazellegames.net/upload.php?groupid=*
// @grant        unsafeWindow
// @grant        GM_getValue
// @grant        GM_setValue
// @require      https://cdn.jsdelivr.net/npm/diff@8.0.2
// @require      https://update.greasyfork.icu/scripts/540511/1612686/GGn%20Format%20Title.js
// @downloadURL none
// ==/UserScript==

if (typeof GM_getValue('enable_on_upload') === 'undefined')
    GM_setValue('enable_on_upload', true)
if (typeof GM_getValue('group_auto_check') === 'undefined')
    GM_setValue('group_auto_check', true)

let titleInput, alias

function formatText() {
    let origTitle = titleInput.value
    alias = document.getElementById('aliases')
    let origAlias = alias.value

    let titleAfterTitleCase = formatTitle(titleInput.value, alias.value)
    titleInput.value = titleAfterTitleCase

    if (document.getElementById('categories').value === 'Games') {
        const excludePattern = /[^a-zA-Z0-9 .~?’!@#$%^&*()_+\-=\[\]{};':"\\|,<>\/]+/g
        let excluded = titleInput.value.match(excludePattern)

        if (excluded) {
            if (excluded.length === 1) {
                alias.value ? alias.value += ', ' + excluded.join('') : alias.value = excluded.join('')
                titleInput.value = titleInput.value.replace(excludePattern, "").trim()
            } else {
                alias.value ? alias.value += ', ' + titleInput.value : titleInput.value
                titleInput.value = ''
                startTextFormat(false)
                return
            }
        }
    }

    if (titleAfterTitleCase !== origTitle || alias.value !== origAlias) {
        document.querySelector("#title_tr > td.label").insertAdjacentHTML('beforeend', `<span style="color: #ebaf51;display: block;">Undo Title Formatter</span>
    <div id="tf-undo-buttons"></div>`)

        const buttonDiv = document.getElementById('tf-undo-buttons')

        if (titleAfterTitleCase !== origTitle) {
            const button1 = document.createElement('button')
            button1.textContent = 'Formatting'
            button1.type = 'button'
            button1.onclick = () => {
                titleInput.value = origTitle
            }
            buttonDiv.append(button1)
        }
        if (alias.value !== origAlias) {
            const button2 = document.createElement('button')
            button2.textContent = 'Alias'
            button2.type = 'button'
            button2.onclick = () => {
                titleInput.value = titleAfterTitleCase
                alias.value = origAlias
            }
            buttonDiv.append(button2)
        }
    }
}

function startTextFormat(wait) {
    const tInterval = setInterval(() => {
        if (document.activeElement === titleInput || !titleInput.value)
            return
        clearInterval(tInterval)
        if (wait) {
            // to allow upload scripts that use the title input's value to set the title before formatting
            setTimeout(formatText, 2000)
        } else formatText()
    }, 500)
}

function addButton(input) {
    const button = document.createElement('button')
    button.type = 'button'
    button.textContent = 'Format'
    button.addEventListener('click', () => {
        input.value = formatTitle(input.value, alias?.value || alias?.textContent)
    })
    input.after(button)
}

if (location.href.includes('upload.php') && GM_getValue('enable_on_upload')) {
    titleInput = document.getElementById('title')

    // changing the category changes the form using a server request and the title input is replaced
    document.getElementById('categories').addEventListener('change', () => {
        new MutationObserver((mutations, observer) => {
            titleInput = document.getElementById('title')
            startTextFormat(true)
            observer.disconnect()
        }).observe(document.getElementById('dynamic_form'), {childList: true, subtree: true})
    })
    startTextFormat(true)
} else if (location.href.includes('editgroup')) {
    titleInput = document.querySelector("input[name=name]")
    alias = document.querySelector('input[name=aliases]')
    addButton(alias)
    addButton(titleInput)
} else { // group page
    if (GM_getValue('group_auto_check')) {
        const nameContainer = document.getElementById('display_name')
        const titleEl = nameContainer.childNodes[0].nodeType === Node.TEXT_NODE ? nameContainer.childNodes[0] : nameContainer.childNodes[1]
        const title = titleEl.textContent
            .replace(/^ - /, '').replace(/ \(.*$/, '').replace(/ \([^)(]*\)$/, '')
        const formatted = formatTitle(title, getGroupAlias())
        const diffChars = Diff.diffChars(title, formatted)

        if (diffChars.length > 1) {
            nameContainer.insertAdjacentHTML('beforeend', `<div style="font-size: initial;" id="title-formatter-check">
    <div style="
    display: flex;
    flex-direction: row;
    justify-content: start;
    column-gap: 3px;
    margin-top: 3px;
">
        <button type="button" style="width: fit-content;" id="title-formatter-close">Close</button>
        <button type="button" style="width: fit-content;background-color: #2f742f;" id="title-formatter-accept">Accept</button>
        <span id="title-formatter-diff" style="margin-left: 5px;"></span>
    </div>
</div>`)
            const span = document.getElementById('title-formatter-diff')
            for (const diffChar of diffChars) {
                let style = ""
                if (/^\s*$/.test(diffChar.value)) { // space only
                    style = "background-color: red"
                } else if (diffChar.removed) {
                    continue
                } else {
                    style = 'color: ' + (diffChar.added ? 'lightgreen' : 'rgb(165 146 146)')
                }
                const s = document.createElement('span')
                s.style.cssText = style
                s.textContent = diffChar.value
                span.append(s)
            }

            const mainContainer = document.getElementById('title-formatter-check')
            document.getElementById('title-formatter-close').onclick = () => mainContainer.remove()
            document.getElementById('title-formatter-accept').onclick = () => {
                fetch('torrents.php', {
                    method: 'POST',
                    body: new URLSearchParams(`action=rename&auth=${authkey}&groupid=${/\d+/.exec(location.href)[0]}&name=${formatted}`),
                }).then(r => {
                    if (r.redirected) {
                        mainContainer.remove()
                        titleEl.textContent = titleEl.textContent.replace(title, formatted)
                    } else alert('Rename failed')
                })
            }
        }
    }
    // wait to make sure the editor helper loads first
    setTimeout(() => {
        const editHelperRename = document.getElementById('titleEdit')

        if (editHelperRename) {
            editHelperRename.addEventListener('click', () => {
                titleInput = document.querySelector("input[name=name]")
                alias = getGroupAlias()
                addButton(titleInput)
            })
        }
    }, 80)
}

function getGroupAlias() {
    const childNodes =  document.getElementById('group_aliases')?.childNodes
    if (childNodes) {
        return childNodes[childNodes.length - 1].data
    }
    return null
}