// ==UserScript==
// @name         X/Twitter Unfollowing
// @namespace    http://tampermonkey.net/
// @version      0.4
// @description  try to take over the world!
// @author       You
// @match        https://x.com/*
// @grant        none
// @downloadURL none
// ==/UserScript==

const panelId = '__sedgwickz__unfollow_id'
const sleep = ms => new Promise((resolve) => setTimeout(resolve, ms))
function applyStyles(element, styles) {
    for (let property in styles) {
        if (styles.hasOwnProperty(property)) {
            element.style[property] = styles[property];
        }
    }
}


function createUnfollowPanel() {

    if (document.getElementById(panelId)) {
        const panel = document.getElementById(panelId)
        panel.remove()
    }

    let container = document.createElement('div')
    container.id = panelId
    applyStyles(container, {
        position: 'fixed',
        'z-index': 9999999,
        padding: '10px',
        top: '0',
        right: '0',
        background: '#fff',
        display: 'flex',
        'gap': '4px',
        'flex-direction': 'column',
        'justify-content': 'center',
        'align-items': 'center'
    })
    document.body.append(container)

    const unFollowButton = document.createElement('button')
    unFollowButton.innerText = "Unfollow Start"
    container.append(unFollowButton)

    const descDiv = document.createElement('div')
    descDiv.innerHTML = `<div>Feedback & Support 😇 click here ⬇️ </div><div><a href='' target='_blank'> github</a></div>`
    applyStyles(descDiv, { color: '#999', 'text-align': 'center'})
    container.append(descDiv)

    function getConfirmButton() {
        for(const item of document.querySelectorAll("button[role='button']")) {
            if(item.innerText == 'Unfollow') {
                return item
            }
        }
    }

    async function unFollow() {
        for(const item of document.querySelectorAll("button[role='button']")) {
            if(item.innerText == 'Following') {
                await sleep(2000)
                item.click()
                await sleep(1000)
                const confirmButton = getConfirmButton()
                confirmButton.click()
            }
        }
        document.documentElement.scrollTo(0, 999999999)
        await sleep(2000)
    }

    unFollowButton.addEventListener('click', async () => {
        unFollowButton.innerText = "Unfollowing is working...refresh to stop"
        while (1) {
            await unFollow()
        }
    })
}

function isFollowingPage() {
    const path = new URL(location.href).pathname.split('/').pop()
    console.log(location.href, path)
    return path === 'following'
}

function start() {
    if (isFollowingPage()) {
        createUnfollowPanel()
    } else {
        const panel = document.getElementById(panelId)
        if (panel) {
            panel.remove()
        }
    }
}

window.navigation.addEventListener("navigate", (event) => {
    setTimeout(() => {
        start()
    }, 200)
});

if (window.onurlchange === null) {
    // feature is supported
    window.addEventListener('urlchange', (info) => {
        setTimeout(() => {
            start()
        }, 200)
    } );
}

(function() {
    'use strict';
    start()
})();