Bookmarklet Twitch Chat

Date de création 2021-02-14

Date d’expiration 2021-05-18

const chatInput = document.querySelector('div.chat-input')
    const chatTextarea = chatInput.querySelector('textarea[data-a-target="chat-input"]')
    const chatSend = chatInput.querySelector('button[data-a-target="chat-send-button"]')
    const messages = [
        "kickba2Wohoh",
        "kickba2Foster",
        "kickba2Zombie",
        "kickba2Solo",
        "kickba2Robot",
        "kickba2Martien",
        "CoolCat",
        "GlitchCat",
    ]

// Needs this otherwise React won't acknowledge our changes to a textarea.
    const textareaSetter = Object.getOwnPropertyDescriptor(
        window.HTMLTextAreaElement.prototype,
        "value"
    ).set

const fields = document.createElement('div')
    messages.forEach(message => {
        let field = document.createElement('div')
        field.style = "display: flex; margin-top: 0.5em;"
        let fieldInput = document.createElement('input')
        fieldInput.className = "tw-block tw-border-bottom-left-radius-large tw-border-bottom-right-radius-none tw-border-top-left-radius-large tw-border-top-right-radius-none tw-font-size-5 tw-full-width tw-input tw-input--large tw-pd-l-1 tw-pd-r-1 tw-pd-y-05"
        fieldInput.value = message
        let fieldSend = document.createElement('button')
        fieldSend.className = "tw-align-items-center tw-align-middle tw-border-bottom-left-radius-none tw-border-bottom-right-radius-large tw-border-top-left-radius-none tw-border-top-right-radius-large tw-core-button tw-core-button--large tw-core-button--secondary tw-inline-flex tw-justify-content-center tw-relative tw-pd-l-1 tw-pd-r-1 tw-pd-y-05"
        fieldSend.innerText = "Send"

fieldSend.addEventListener("click", () => {
            textareaSetter.call(chatTextarea, fieldInput.value)
            chatTextarea.dispatchEvent(new Event('input', { bubbles: true }))
            chatSend.click()
        })

field.appendChild(fieldInput)
        field.appendChild(fieldSend)

fields.appendChild(field)
    })

chatInput.appendChild(fields)