// ==UserScript==
// @name         GGn Title and Screenshots Formatter
// @namespace    none
// @version      13
// @description  Formats title, sets alias if applicable and has buttons to undo. Removes screenshots until they are a multiple of 4
// @author       ingts
// @match        https://gazellegames.net/upload.php
// @exclude      https://gazellegames.net/upload.php?*
// @grant        unsafeWindow
// @downloadURL none
// ==/UserScript==
let 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')
        observer.disconnect()
    }).observe(document.getElementById('upload_table'), {childList: true, subtree: true})
})

const globals = unsafeWindow.TitleAndScreenshotsFormatter = {}
globals.toTitleCase = function (str) {
    const smallWords = /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|v.?|vs.?|via)$/i
    const alphanumericPattern = /([A-Za-z0-9\u00C0-\u00FF])/
    const wordSeparators = /([ :–—-]|[^a-zA-Z'])/
    const allUppercase = new Set(['RPG', 'FPS', 'TPS', 'RTS', 'TBS', 'MMO', 'MMORPG', 'ARPG', 'JRPG', 'PVP', 'PVE', 'NTR', 'TD', 'VR'])

    return str
        .replace(/\s/g, ' ')
        .replace(/ ~ /, ': ').replace(/ ~/, ': ').replace(/~$/, '').replace(/ ~$/, '').replace(/ - /, ': ').replace(/ -/, ': ').replace(/-$/, '')
        .replace('™', '').replace('®', '')
        .toLowerCase().trim()
        .split(wordSeparators)
        .map(function (current, index, array) {
            if (allUppercase.has(current.trim()) || /\b([IVX])(X{0,3}I{0,3}|X{0,2}VI{0,3}|X{0,2}I?[VX])\b/i.test(current))
                return current.toUpperCase()
            if (
                /* Check for small words */
                current.search(smallWords) > -1 &&
                /* Skip first and last word */
                index !== 0 &&
                index !== array.length - 1 &&
                /* Ignore title end and subtitle start */
                array[index - 3] !== ':' &&
                array[index + 1] !== ':' &&
                /* Ignore small words that start a hyphenated phrase */
                (array[index + 1] !== '-' ||
                    (array[index - 1] === '-' && array[index + 1] === '-'))
            ) {
                return current.toLowerCase()
            }
            /* Capitalize the first letter */
            return current.replace(alphanumericPattern, function (match) {
                return match.toUpperCase()
            })
        })
        .join('')
}

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


    let titleAfterTitleCase = globals.toTitleCase(titleInput.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) {
                aliases.value ? aliases.value += ', ' + excluded.join('') : aliases.value = excluded.join('')
                titleInput.value = titleInput.value.replace(excludePattern, "").trim()
            } else {
                aliases.value ? aliases.value += ', ' + titleInput.value : titleInput.value
                titleInput.value = ''
                startTextFormat(false)
                return
            }
        }
    }

    if (titleAfterTitleCase !== origTitle || aliases.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 (aliases.value !== origAlias) {
            const button2 = document.createElement('button')
            button2.textContent = 'Alias'
            button2.type = 'button'
            button2.onclick = () => {
                titleInput.value = titleAfterTitleCase
                aliases.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)
}

startTextFormat(true)


const screenshotInputs = document.getElementsByName('screens[]')
const removeButton = document.querySelector("#image_block > a:nth-of-type(2)")
const sInterval = setInterval(() => {
    for (let i = 0; i < screenshotInputs.length; i++) {
        if (!screenshotInputs[i].value) {
            return
        }
    }
    const number = screenshotInputs.length < 4 ? screenshotInputs.length : Math.min(Math.floor(screenshotInputs.length / 4) * 4, 20)
    while (screenshotInputs.length > number) {
        removeButton.click()
    }
    clearInterval(sInterval)
}, 1000)
document.querySelector("#image_block > a:nth-of-type(1)").addEventListener('click', () => {
    clearInterval(sInterval)
})