// ==UserScript==
// @name         make all article button
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  전체 글 호출 
// @match        https://kone.gg/s/*
// @grant        none
// @run-at       document-idle
// ==/UserScript==

(function () {
    'use strict';

    function buildButton() {
        const classes = "focus-visible:border-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:hover:bg-input/50 flex items-center justify-between gap-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 border-zinc-300 focus-visible:ring-1 focus-visible:ring-blue-500 dark:border-zinc-600 cursor-pointer !h-8 p-0 rounded-full bg-zinc-100 dark:bg-zinc-700 border-0 px-3";
        return `<button data-slot="button" data-added="all" class="${classes}">전체글</button>`;
    }

    function getSubUrl() {
        return location.origin + location.pathname.match(/^\/s\/[^\/]+/)[0];
    }

    function attachButton() {
        const anchors = Array.from(document.querySelectorAll('a > button'))
            .filter(btn => btn.textContent.includes('개념글'))
            .map(btn => btn.parentElement);

        if (!anchors.length) return false;

        anchors.forEach(anchor => {
            const btnParent = anchor.parentElement;
            if (!btnParent) return;

            if (btnParent.querySelector('button[data-slot="button"][data-added="all"]')) return;

            const wrapper = document.createElement('a');
            wrapper.href = getSubUrl();
            wrapper.innerHTML = buildButton();

            btnParent.insertBefore(wrapper, anchor);
        });

        return true;
    }


    const observer = new MutationObserver(() => {
        attachButton();
    });
    observer.observe(document.body, {
        childList: true,
        subtree: true,
    });
})();