Nexus Download Wabbajack Modlist

Download all mods from NexusMods for a Wabbajack Modlist with a single click
当前为 2025-03-24 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         Nexus Download Wabbajack Modlist
// @namespace    NDWM
// @version      0.3
// @description  Download all mods from NexusMods for a Wabbajack Modlist with a single click
// @author       Drigtime
// @match        https://www.nexusmods.com/
// @icon         https://www.google.com/s2/favicons?sz=64&domain=nexusmods.com
// @compatible   chrome
// @compatible   edge
// @compatible   firefox
// @compatible   safari
// @compatible   brave
// @grant        GM_addStyle
// @connect      nexusmods.com
// @require      https://cdn.jsdelivr.net/npm/@zip.js/[email protected]/dist/zip.min.js
// ==/UserScript==

// MDI : https://pictogrammers.com/library/mdi/
// MDI : https://github.com/MathewSachin/Captura/blob/master/src/Captura.Core/MaterialDesignIcons.cs

(async function () {

    /**
     * @typedef {Object} NexusModState
     * @property {string} $type
     * @property {string} [Author]
     * @property {string} [Description]
     * @property {number} FileID
     * @property {string} GameName
     * @property {string} [ImageURL]
     * @property {boolean} [IsNSFW]
     * @property {number} ModID
     * @property {string} [Name]
     * @property {string} [Version]
     */

    /**
     * @typedef {Object} NexusModArchive
     * @property {string} Hash
     * @property {string} Meta
     * @property {string} Name
     * @property {number} Size
     * @property {NexusModState} State
     */

    /**
     * @typedef {Object} WabbajackModlist
     * @property {NexusModArchive[]} Archives
     */

    // @ts-ignore
    GM_addStyle(`
        :root {
            --ndc-primary-color: rgb(217 143 64);
            --ndc-primary-color-subdued: rgb(200 123 40);
            --ndc-text-white: #fff;
        }

        .ndc\\:block { display: block; }
        .ndc\\:hidden { display: none; }
        .ndc\\:flex-1 { flex: 1; }

        .ndc\\:bg-primary-subdued { background-color: var(--ndc-primary-color-subdued); }

        .ndc\\:text-white { color: var(--ndc-text-white); }
        .ndc\\:text-primary { color: var(--ndc-primary-color); }
        
        .spinner-border {
            display: inline-block;
            width: 1.5rem;
            height: 1.5rem;
            vertical-align: text-bottom;
            border: 0.25em solid currentColor;
            border-right-color: transparent;
            border-radius: 50%;
            animation: spinner-border 0.75s linear infinite;
        }
        
        @keyframes spinner-border {
            to { transform: rotate(360deg); }
        }
        
        .ndc\\:badge-primary {
            padding: 0.25rem 0.5rem;
            border-radius: 1rem;
            font-size: 0.75rem;
            color: var(--ndc-text-white);
            background-color: var(--ndc-primary-color);
            white-space: nowrap;
        }
        
        .ndc\\:btn-outline-secondary {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 36px;
            min-height: 36px;
            padding: 4px 8px;
            border: 1px solid rgb(212 212 216);
            border-radius: 0.25rem;
            background-color: rgb(41 41 46);
            color: rgb(212 212 216);
            font: 600 14px/14px "Montserrat", ui-sans-serif, system-ui, sans-serif;
            text-transform: uppercase;
            text-align: center;
            cursor: pointer;
            transition: color 0.15s, background-color 0.15s, border-color 0.15s;
            box-sizing: border-box;
            appearance: button;
        }
        
        .ndc\\:btn-outline-secondary:hover {
            background-color: rgb(51 51 56);
        }
        
        .ndc\\:btn-outline-secondary:disabled {
            background-color: rgba(51 51 56 / 0.5);
            cursor: not-allowed;
        }
        
        .ndc\\:btn-primary {
            min-height: 2.25rem;
            padding: 0.25rem;
            border-radius: 5px;
            background-color: var(--ndc-primary-color);
            color: var(--ndc-text-white);
            font: 600 0.875rem/1 "Montserrat", sans-serif;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            cursor: pointer;
            transition: background-color 0.3s;
            border: none;
            outline: none;
        }
        
        .ndc\\:btn-primary:disabled {
            background-color: rgba(217 143 64 / 0.5);
            color: rgba(255 255 255 / 0.5);
            cursor: not-allowed;
        }
        
        .ndc-import-btn { border-radius: 0.25rem 0 0 0.25rem; }
        .ndc-import-btn-info { border-radius: 0 0.25rem 0.25rem 0; }
        .ndc-download-btn-all {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem;
            width: 100%;
            border-radius: 0.25rem 0 0 0.25rem;
        }
        .ndc-download-btn-menu { border-radius: 0 0.25rem 0.25rem 0; }
        .ndc-pause-btn { border-radius: 0; }
        .ndc-stop-btn { border-radius: 0 0.25rem 0.25rem 0; }
        
        .ndc-dropdown {
            position: absolute;
            right: 0;
            top: 0;
            transform: translate3d(0, 38px, 0);
            min-width: 12rem;
            padding: 0.25rem 0;
            border: 1px solid rgba(255 255 255 / 0.2);
            border-radius: 6px;
            background-color: rgb(29 29 33);
            color: rgb(244 244 245);
            font: 400 16px/24px "Montserrat", ui-sans-serif, system-ui, sans-serif;
            box-shadow: 0 9px 12px 1px rgba(0 0 0 / 0.14),
                        0 3px 16px 2px rgba(0 0 0 / 0.12),
                        0 5px 6px 0 rgba(0 0 0 / 0.2);
            z-index: 10;
            display: none;
        }
        
        .ndc-dropdown-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 44px;
            padding: 8px;
            background-color: transparent;
            color: rgb(244 244 245);
            font: 600 14px/14px "Montserrat", ui-sans-serif, system-ui, sans-serif;
            text-transform: uppercase;
            white-space: nowrap;
            border: 0;
            cursor: pointer;
            width: 100%;
            text-align: left;
        }
        
        .ndc-dropdown-item:hover {
            background-color: var(--ndc-primary-color);
        }
        
        .ndc-progress-bar {
            display: block;
            flex: 1;
            height: 36px;
            min-height: 36px;
            border-radius: 0.25rem;
            background-color: rgb(41 41 46);
            color: rgb(244 244 245);
            font: 400 14px/24px "Montserrat", ui-sans-serif, system-ui, sans-serif;
            overflow: hidden;
            position: relative;
            width: 100%;
        }
        
        .ndc-progress-bar-fill {
            position: absolute;
            top: 0;
            left: 0;
            height: 36px;
            width: 0;
            background-color: var(--ndc-primary-color);
            color: rgb(244 244 245);
            font: 400 14px/24px "Montserrat", ui-sans-serif, system-ui, sans-serif;
            transition: width 0.3s ease;
        }
        
        .ndc-progress-bar-text-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            align-items: center;
            position: absolute;
            top: 0;
            left: 0;
            height: 36px;
            width: 100%;
            color: var(--ndc-text-white);
            font: 600 14px/14px "Montserrat", ui-sans-serif, system-ui, sans-serif;
            text-transform: uppercase;
            cursor: pointer;
        }
        
        .ndc-progress-bar-text-base {
            height: 14px;
            color: var(--ndc-text-white);
            font: 600 14px/14px "Montserrat", ui-sans-serif, system-ui, sans-serif;
            text-transform: uppercase;
        }
        
        .ndc-progress-bar-text-progress { margin-left: 8px; }
        .ndc-progress-bar-text-center { text-align: center; }
        .ndc-progress-bar-text-right { margin-right: 8px; text-align: right; }
        
        .ndc-modal-backdrop {
            position: fixed;
            inset: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: rgba(0 0 0 / 0.25);
            backdrop-filter: brightness(50%);
            z-index: 9999;
        }
        
        .ndc-modal {
            display: flex;
            flex-direction: column;
            width: 100%;
            max-width: 850px;
            height: calc(100vh - 3.5rem);
            padding: 1rem;
            border-radius: 0.5rem;
            background-color: rgb(29 29 33);
        }
        
        .ndc-modal-header,
        .ndc-modal-filter {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.5rem;
            gap: 0.5rem;
        }
        
        .ndc-modal-header-title {
            font: 600 1.125rem "Montserrat", sans-serif;
            text-transform: uppercase;
        }
        
        .ndc-modal-header-dropdown-btn {
            padding: 0.25rem;
            border-radius: 0.25rem;
        }
        
        .ndc-modal-filter input,
        .ndc-modal-filter select {
            padding: 0.25rem;
            border: 1px solid rgb(212 212 216);
            border-radius: 0.25rem;
            flex: 0 1 auto;
            color: #000;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
        }
        
        .ndc-modal-mods-list {
            display: block;
            height: 100%;
            margin-bottom: 0.5rem;
            overflow-y: auto;
        }
        
        .ndc-modal-mods-list-header {
            display: none;
            gap: 0.5rem;
            border: 1px solid hsla(0 0% 100% / 0.2);
            padding: 0.5rem;
            border-radius: 0.25rem;
            cursor: pointer;
            user-select: none;
        }
        
        .ndc-modal-mods-list-header span {
            font: 600 0.875rem "Montserrat", sans-serif;
            text-transform: uppercase;
            color: rgb(161 161 170);
        }
        
        .ndc-modal-mods-list-body {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }
        
        .ndc-modal-mods-list-body-row {
            border: 1px solid hsla(0 0% 100% / 0.2);
            padding: 0.5rem;
            border-radius: 0.25rem;
            cursor: pointer;
            user-select: none;
        }
                
        .ndc-modal-actions {
            display: flex;
            justify-content: end;
            gap: 0.5rem;
        }
        
        @media (min-width: 640px) {
            .ndc-modal-filter input,
            .ndc-modal-filter select { width: auto; }
            .ndc-modal-mods-list-header { display: flex; border-radius: 0; }
            .ndc-modal-mods-list-body { gap: 0; }
            .ndc\\:sm\\:block { display: block; }
            .ndc\\:sm\\:hidden { display: none; }
            .ndc\\:sm\\:flex { display: flex; }
            .ndc\\:sm\\:flex-none { flex: none; }
            .ndc\\:sm\\:gap-0\\.5 { gap: 0.5rem; }
        }
        `);

    const convertSize = (/** @type {number} */ sizeInByte) => {
        // 3769655540 => 3.51 GB
        const units = ["B", "KB", "MB", "GB", "TB"];
        let i = 0;
        let size = sizeInByte;
        while (size >= 1024) {
            size /= 1024;
            i++;
        }
        return `${size.toFixed(2)} ${units[i]}`;
    };

    // Custom error classes
    class NDCDownloadError extends Error {
        /**
         * @param {string | undefined} message
         */
        constructor(message) {
            super(message);
            this.name = 'DownloadError';
        }
    }

    class NDCCaptchaError extends NDCDownloadError {
        /**
         * @param {string} url
         */
        constructor(url) {
            super(`Captcha required for ${url}`);
            this.name = 'CaptchaError';
            this.url = url;
        }
    }

    class NDCSuspendedError extends NDCDownloadError {
        constructor() {
            super('Account temporarily suspended');
            this.name = 'SuspendedError';
        }
    }

    class NDCRateLimitError extends NDCDownloadError {
        constructor() {
            super('Too many requests');
            this.name = 'RateLimitError';
        }
    }

    class Mod {
        /**
         * @param {string} modName
         * @param {string} url
         * @param {number} size
         * @param {number} gameId
         * @param {number} modId
         * @param {number} fileId
         * @param {string} fileName
         */
        constructor(modName, url, size, gameId, modId, fileId, fileName) {
            this.modName = modName;
            this.url = url;
            this.size = size;
            this.gameId = gameId;
            this.modId = modId;
            this.fileId = fileId;
            this.fileName = fileName;
        }
    }

    class NDC {
        /** @type {NDCDownloadButton} */ downloadButton
        /** @type {NDCProgressBar} */ progressBar
        /** @type {NDCLogConsole} */ console
        /** @type {Mod[]} */ mods = []
        /** @type {HTMLDivElement} */ element

        constructor() {
            this.element = this.createElement();
            this.initComponents();
        }

        /**
         * Creates a styled <div> element with predefined styles.
         *
         * @returns {HTMLDivElement} A <div> element with custom styles applied.
         */
        createElement() {
            const div = document.createElement("div");
            Object.assign(div.style, {
                borderRadius: "0.5rem",
                border: "2px solid rgb(217 143 64)",
                padding: "1rem",
                marginTop: "1rem",
                backgroundColor: "rgb(17 17 17)",
                backgroundImage: "url(data:image/png;base64,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)",
                backgroundSize: "100%",
                backgroundPosition: "center",
                backgroundRepeat: "no-repeat",
                width: "100%"
            });
            return div;
        }

        /**
         * Initializes the UI components for the application.
         * Creates instances of NDCDownloadButton, NDCProgressBar, and NDCLogConsole,
         * and appends their elements to the parent element.
         */
        initComponents() {
            this.downloadButton = new NDCDownloadButton(this);
            this.progressBar = new NDCProgressBar(this);
            this.console = new NDCLogConsole(this);

            this.element.append(
                this.downloadButton.element,
                this.progressBar.element,
                this.console.element
            );
        }

        /**
         * Fetches the game ID associated with a given game domain from the Nexus Mods API.
         *
         * @param {string} gameDomain - The domain name of the game (e.g., "skyrim", "fallout4").
         * @returns {Promise<number|null>} A promise that resolves to the game ID as a string if found, or null if not found or an error occurs.
         */
        async fetchGameId(gameDomain) {
            try {
                const response = await fetch("https://api-router.nexusmods.com/graphql", {
                    method: "POST",
                    headers: { "content-type": "application/json" },
                    referrer: document.location.href,
                    referrerPolicy: "strict-origin-when-cross-origin",
                    body: JSON.stringify({
                        query: "query GameDomainToId($gameDomain: String!) { game(domainName: $gameDomain) { id } }",
                        variables: { gameDomain },
                        operationName: "GameDomainToId"
                    }),
                    mode: "cors",
                    credentials: "include"
                });
                const data = await response.json();
                return data?.data?.game?.id || null;
            } catch {
                return null;
            }
        }

        /**
         * Fetches the download link for a given mod from Nexus Mods.
         *
         * @param {Mod} mod - The mod object to fetch the download link for.
         * @returns {Promise<string>} The download URL of the mod.
         * @throws {NDCCaptchaError} If a CAPTCHA is encountered during the request.
         * @throws {NDCSuspendedError} If the account is temporarily suspended.
         * @throws {NDCRateLimitError} If the request is rate-limited.
         */
        async fetchDownloadLink(mod) {
            this.bypassNexusAdsCookie();

            const downloadResponse = await fetch(
                "https://www.nexusmods.com/Core/Libs/Common/Managers/Downloads?GenerateDownloadUrl",
                {
                    method: "POST",
                    headers: { "content-type": "application/x-www-form-urlencoded; charset=UTF-8" },
                    body: `fid=${mod.fileId}&game_id=${mod.gameId}`
                }
            );

            if (!downloadResponse.ok && downloadResponse.status === 429) {
                const text = await downloadResponse.text();
                if (text.includes("Just a moment...")) throw new NDCCaptchaError(mod.url);
                if (text.includes("temporarily suspended")) throw new NDCSuspendedError();
                throw new NDCRateLimitError();
            }

            const fileLink = await downloadResponse.json();

            return fileLink?.url || "";
        }


        /**
         * Sets a cookie to bypass Nexus Mods ads by simulating an "ab" cookie with a short expiration time.
         * 
         * The cookie is set to expire in 5 minutes and is scoped to the "nexusmods.com" domain.
         */
        bypassNexusAdsCookie() {
            const expiry = new Date(Date.now() + 5 * 60 * 1000).toUTCString();
            document.cookie = `ab=0|${Math.round(Date.now() / 1000) + 300};expires=${expiry};domain=nexusmods.com;path=/`;
        }

        /**
         * Downloads a list of mods while handling various errors and download states.
         * 
         * @async
         * @param {Mod[]} mods - The list of mods to download.
         * @throws {Error} Throws an error if a critical issue occurs during the download process.
         * 
         * @description
         * This method manages the download process for a list of mods. It initializes the download,
         * processes each mod sequentially, and handles errors such as rate limits, captchas, and account suspensions.
         * The method also supports pausing and resuming downloads and logs failed downloads for further review.
         * 
         * Error Handling:
         * - Captcha errors: Pauses the download and waits for the user to solve the captcha.
         * - Account suspension: Waits for 10 minutes before retrying.
         * - Rate limiting: Waits for 5 minutes before retrying.
         * - Other errors: Logs the error and stops the download process.
         * 
         * Workflow:
         * 1. Initializes the download process and progress bar.
         * 2. Iterates through the list of mods, skipping or stopping as necessary.
         * 3. Fetches the download link for each mod and handles success or failure.
         * 4. Waits for a delay between downloads if required.
         * 5. Logs any failed downloads at the end of the process.
         * 6. Finalizes the download process.
         */
        async downloadMods(mods) {
            this.initializeDownload(mods.length);

            try {
                const downloadState = { count: 0 };
                const failedMods = [];
                let currentIndex = 0;

                while (currentIndex < mods.length) {
                    const mod = mods[currentIndex];
                    if (this.shouldSkipDownload(currentIndex, mods.length)) {
                        currentIndex++;
                        continue;
                    }
                    if (this.progressBar.state.status === NDCProgressBar.STATUS.STOPPED) {
                        this.console.log("Download stopped.", NDCLogConsole.TYPE.INFO);
                        break;
                    }

                    const modNum = `${(currentIndex + 1).toString().padStart(mods.length.toString().length, "0")}/${mods.length}`;

                    try {
                        const downloadUrl = await this.fetchDownloadLink(mod);

                        if (!downloadUrl) {
                            this.handleDownloadError(mod, modNum, false, failedMods);
                            currentIndex++;
                        } else {
                            this.handleDownloadSuccess(mod, modNum, downloadUrl, downloadState);
                            currentIndex++;
                        }
                    } catch (error) {
                        if (error instanceof NDCCaptchaError) {
                            const url = error.url;
                            this.console.logError(
                                `You are rate limited by Cloudflare. <a href="${url}" target="_blank" class="ndc:text-primary">Solve captcha</a> then unpause to retry.`
                            );
                            this.progressBar.setStatus(NDCProgressBar.STATUS.PAUSED);
                            await this.waitForUnpause();
                        } else if (error instanceof NDCSuspendedError) {
                            this.console.logError("Account temporarily suspended. Waiting 10 minutes...");
                            await this.waitWithCountdown(10 * 60, "Waiting 10 minutes due to suspension...");
                        } else if (error instanceof NDCRateLimitError) {
                            this.console.logError("Too many requests. Waiting 5 minutes...");
                            await this.waitWithCountdown(5 * 60, "Waiting 5 minutes due to rate limit...");
                        } else {
                            this.console.logError(error.message);
                            this.handleDownloadError(mod, modNum, true, failedMods);
                            this.console.logError("Download forced to stop due to an error.");
                            break;
                        }
                    }

                    if (currentIndex < mods.length) {
                        await this.handleDownloadDelay(downloadState);
                    }
                }

                if (failedMods.length) this.logFailedDownloads(failedMods);
            } catch (error) {
                this.console.logError("An error occurred during the download.");
                console.error(error);
            }

            this.finalizeDownload();
        }

        /**
         * Waits for the progress bar to exit the paused state.
         * This function continuously checks the status of the progress bar
         * and resolves the promise once the status is no longer "PAUSED".
         *
         * @async
         * @returns {Promise<void>} A promise that resolves when the progress bar is unpaused.
         */
        async waitForUnpause() {
            return new Promise(resolve => {
                const checkUnpause = setInterval(() => {
                    if (this.progressBar.state.status !== NDCProgressBar.STATUS.PAUSED) {
                        clearInterval(checkUnpause);
                        resolve();
                    }
                }, 100);
            });
        }

        /**
         * Determines whether the current download should be skipped based on the progress bar's state.
         *
         * @param {number} index - The index of the current download in the list.
         * @param {number} total - The total number of downloads.
         * @returns {boolean} - Returns `true` if the download should be skipped, otherwise `false`.
         */
        shouldSkipDownload(index, total) {
            if (this.progressBar.state.skipTo && this.progressBar.state.skipToIndex - 1 > index) {
                this.console.log(`[${(index + 1).toString().padStart(total.toString().length, "0")}/${total}] Skipping <a href="${this.mods[index].url}" target="_blank" class="ndc:text-primary">${this.mods[index].modName}</a>`);
                this.progressBar.incrementProgress();
                if (this.progressBar.state.skipToIndex - 1 === index + 1) {
                    this.progressBar.state.skipTo = false;
                }
                return true;
            }
            this.progressBar.state.skipTo = false;
            return false;
        }

        /**
         * Handles the error that occurs when a download link for a mod cannot be retrieved.
         *
         * @param {Mod} mod - The mod object containing details about the mod.
         * @param {string} modNum - The numerical identifier of the mod.
         * @param {boolean} critical - Indicates whether the error is critical.
         * @param {Mod[]} failedMods - An array to store mods that failed to download if the error is not critical.
         */
        handleDownloadError(mod, modNum, critical, failedMods) {
            const logRow = this.console.logError(
                `[${modNum}] Failed to get download link for <a href="${mod.url}" target="_blank" class="ndc:text-primary">${mod.modName}</a> <button class="ndc:text-primary"><svg style="height: .75rem;" viewBox="0 3 24 17" xmlns="http://www.w3.org/2000/svg"><path style="fill: currentcolor;" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg></button>`,
            );
            logRow.querySelector("button")?.addEventListener("click", () => {
                navigator.clipboard.writeText("Response not available");
                alert("Response copied to clipboard");
            });
            if (!critical) failedMods.push(mod);
        }

        /**
         * Handles the successful download of a mod by logging the download details,
         * creating a download link, and updating the progress bar and download state.
         *
         * @param {Mod} mod - The mod object containing details about the mod.
         * @param {string} modNum - The index or number of the mod being downloaded.
         * @param {string} downloadUrl - The URL from which the mod is being downloaded.
         * @param {{count: number}} downloadState - The download state object containing the download count.
         */
        handleDownloadSuccess(mod, modNum, downloadUrl, downloadState) {
            this.console.log(
                `[${modNum}] Downloading <a href="${mod.url}" target="_blank" class="ndc:text-primary">${mod.modName}</a><a href="${downloadUrl}"><svg style="height: .75rem;" class="ndc:text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 3 24 17"><path style="fill: currentcolor;" d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z"/></svg></a><span style="font-size: .75rem; color: rgb(161 161 170)">(${convertSize(mod.size)})</span>`
            );
            const link = document.createElement("a");
            link.href = downloadUrl;
            link.download = mod.fileName;
            link.click();
            this.progressBar.incrementProgress();
            downloadState.count++;
        }

        /**
         * @param {{ count: number; }} downloadState
         */
        async handleDownloadDelay(downloadState) {
            if (downloadState.count >= 200) {
                await this.waitWithCountdown(5 * 60, "Waiting 5 minutes to avoid Nexus ban...");
                downloadState.count = 0;
            }

            await this.waitWithCountdown(1, "Waiting before next download...");
        }

        /**
         * Waits for a specified number of seconds while displaying a countdown message.
         * The countdown can be interrupted by certain states of the progress bar.
         * @async
         * 
         * @param {number} seconds - The number of seconds to wait.
         * @param {string} initialMessage - The initial message to display in the log.
         * @returns {Promise<void>} A promise that resolves when the countdown completes or is interrupted.
         */
        async waitWithCountdown(seconds, initialMessage) {
            let remaining = seconds;
            let logRow = this.console.logInfo(initialMessage);

            return new Promise(resolve => {
                const interval = setInterval(() => {
                    if (this.progressBar.state.skipPause || this.progressBar.state.skipTo ||
                        this.progressBar.state.status === NDCProgressBar.STATUS.STOPPED) {
                        this.progressBar.state.skipPause = false;
                        clearInterval(interval);
                        logRow.remove();
                        resolve();
                        return;
                    }

                    if (this.progressBar.state.status === NDCProgressBar.STATUS.PAUSED) return;

                    remaining--;
                    const mins = Math.floor(remaining / 60);
                    const secs = remaining % 60;
                    logRow.innerHTML = `Waiting ${mins} minutes and ${secs} seconds...`;

                    if (remaining <= 0) {
                        clearInterval(interval);
                        logRow.remove();
                        resolve();
                    }
                }, 1000);
            });
        }

        /**
         * Logs the list of failed mod downloads to the console.
         *
         * @param {Mod[]} failedMods - The list of mods that failed to download.
         */
        logFailedDownloads(failedMods) {
            this.console.logInfo(`Failed to download ${failedMods.length} mods:`);
            failedMods.forEach(mod =>
                this.console.logInfo(`<a href="${mod.url}" target="_blank" class="ndc:text-primary">${mod.modName}</a>`)
            );
        }

        /**
         * Initializes the download process by setting up the progress bar, 
         * updating its status, and hiding the download button.
         *
         * @param {number} modsCount - The total number of mods to be downloaded.
         */
        initializeDownload(modsCount) {
            this.progressBar.setModsCount(modsCount);
            this.progressBar.setProgress(0);
            this.progressBar.setStatus(NDCProgressBar.STATUS.DOWNLOADING);
            this.downloadButton.element.style.display = "none";
            this.progressBar.element.style.display = "flex";
            this.console.logInfo("Download started.");
        }

        /**
         * Finalizes the download process by updating the progress bar status,
         * hiding the progress bar, displaying the download button, and logging
         * a completion message to the console.
         */
        finalizeDownload() {
            this.progressBar.setStatus(NDCProgressBar.STATUS.FINISHED);
            this.progressBar.element.style.display = "none";
            this.downloadButton.element.style.display = "flex";
            this.console.logInfo("Download finished.");
        }
    }

    class NDCDownloadButton {
        /** @type {HTMLButtonElement | null} */ importBtn
        /** @type {HTMLButtonElement | null} */ infoBtn
        /** @type {HTMLButtonElement | null} */ downloadAllBtn
        /** @type {HTMLButtonElement | null} */ selectBtn
        /** @type {HTMLButtonElement | null} */ menuBtn
        /** @type {HTMLElement | null} */ dropdown
        /** @type {HTMLElement | null} */ modsCount

        /** @param {NDC} ndc */
        constructor(ndc) {
            this.ndc = ndc;
            this.element = this.createElement();
            this.setupElements();
            this.attachEventListeners();
            this.render();
        }

        createElement() {
            const div = document.createElement("div");
            div.id = "ndc-download-button";
            Object.assign(div.style, {
                display: "flex",
                flexDirection: "column",
                gap: "1rem",
                width: "100%"
            });

            div.innerHTML = `
                <div style="display: flex; justify-content: center;">
                    <button class="ndc:btn-outline-secondary ndc-import-btn ndc:flex-1 ndc:sm:flex-none">Import Wabbajack modlist</button>
                    <button class="ndc:btn-outline-secondary ndc-import-btn-info">
                        <svg style="width: 1.5rem; height: 1.5rem; cursor: pointer; fill: currentcolor;" 
                             xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <title>information</title>
                            <path d="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"/>
                        </svg>
                    </button>
                </div>
                <div style="display: flex; width: 100%;">
                    <button class="ndc:btn-primary ndc-download-btn-all">
                        download all mods
                        <span style="padding: 0.5rem; background: rgba(29, 29, 33, 0.8); border-radius: 5px; font-size: 0.75rem;" class="ndc:text-white">
                            <span class="mods-number"></span> mods
                        </span>
                    </button>
                    <div style="position: relative;">
                        <button class="ndc:btn-primary ndc-download-btn-menu">
                            <svg style="width: 1.5rem; height: 1.5rem;" 
                                 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                <path style="fill: currentcolor;" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"/>
                            </svg>
                        </button>
                        <div class="ndc-dropdown">
                            <button class="ndc-dropdown-item">Select mods to download</button>
                        </div>
                    </div>
                </div>
            `;
            return div;
        }

        setupElements() {
            this.importBtn = this.element.querySelector(".ndc-import-btn");
            this.infoBtn = this.element.querySelector(".ndc-import-btn-info");
            this.downloadAllBtn = this.element.querySelector(".ndc-download-btn-all");
            this.modsCount = this.element.querySelector(".mods-number");
            this.menuBtn = this.element.querySelector(".ndc-download-btn-menu");
            this.selectBtn = this.element.querySelector(".ndc-dropdown-item");
            this.dropdown = this.element.querySelector(".ndc-dropdown");
        }

        attachEventListeners() {
            this.importBtn?.addEventListener("click", () => this.handleFileImport());
            this.infoBtn?.addEventListener("click", () => this.showImportInfo());
            this.downloadAllBtn?.addEventListener("click", () => this.ndc.downloadMods(this.ndc.mods));
            this.selectBtn?.addEventListener("click", () => this.showSelectModsModal());
            this.menuBtn?.addEventListener("click", () => this.toggleDropdown());
            document.addEventListener("click", (e) => this.closeDropdownOnOutsideClick(e));
        }

        /**
         * Handles the processing of a Wabbajack file, extracting and validating its contents,
         * and processing Nexus mods information for rendering.
         *
         * @async
         * @param {Blob} file - The Wabbajack file to process.
         * @returns {Promise<void>} Resolves when the file is successfully processed or logs errors if any issues occur.
         *
         * @throws {Error} Logs errors for various failure points, including:
         * - Missing or invalid file input.
         * - Issues reading or extracting the zip file.
         * - Invalid or missing "modlist" entry in the zip file.
         * - Parsing errors or invalid structure in the "modlist" JSON.
         * - Errors while processing individual mods.
         *
         * @example
         * const fileInput = document.querySelector('#fileInput');
         * fileInput.addEventListener('change', async (event) => {
         *     const file = event.target.files[0];
         *     await handleWabbajackFile(file);
         * });
         */
        async handleWabbajackFile(file) {
            try {
                // Validate input
                if (!file) {
                    this.ndc.console.logError("No file provided");
                    return;
                }

                // Initialize ZipReader with error handling
                let entries;
                try {
                    // @ts-ignore
                    const zipReader = new zip.ZipReader(new zip.BlobReader(file));
                    entries = await zipReader.getEntries({});
                } catch (zipError) {
                    this.ndc.console.logError("Failed to read zip file: " + zipError.message);
                    return;
                }

                // Check if entries exist
                if (!entries || entries.length === 0) {
                    this.ndc.console.logError("No entries found in zip file");
                    return;
                }

                // Find modlist entry
                const modListEntry = entries.find(entry => entry?.filename === "modlist");
                if (!modListEntry) {
                    this.ndc.console.logError("modlist file not found");
                    return;
                }

                // Extract and parse modlist data
                let modList;
                try {
                    // @ts-ignore
                    modList = await modListEntry.getData(new zip.TextWriter());
                } catch (extractError) {
                    this.ndc.console.logError("Failed to extract modlist: " + extractError.message);
                    return;
                }

                /** @type {WabbajackModlist} */
                let mods;
                try {
                    mods = JSON.parse(modList);
                    if (!mods?.Archives || !Array.isArray(mods.Archives)) {
                        throw new Error("Invalid modlist structure");
                    }
                } catch (parseError) {
                    this.ndc.console.logError("Invalid modlist format: " + parseError.message);
                    return;
                }

                /** @type {NexusModArchive[]} */
                const nexusMods = mods.Archives.filter((/** @type {NexusModArchive} */ mod) =>
                    mod?.State && mod.State['$type'] === "NexusDownloader, Wabbajack.Lib"
                );

                const games = {};
                /** @type {Mod[]} */
                const processedMods = [];

                for (const mod of nexusMods) {
                    try {
                        // Validate mod structure
                        if (!mod?.State || !mod.State.GameName || !mod.State.ModID || !mod.State.FileID) {
                            this.ndc.console.logError(`Skipping invalid mod: ${mod?.Name || 'unknown'}`);
                            continue;
                        }

                        const gameName = mod.State.GameName.toLowerCase() === "moddingtools" ? "site" : mod.State.GameName;
                        let gameId = games[gameName];

                        // Fetch game ID if not cached
                        if (!gameId) {
                            const gameDomain = gameName.toLowerCase();
                            gameId = await this.ndc.fetchGameId(gameDomain);

                            if (!gameId) {
                                this.ndc.console.logError(`Failed to get game id for ${gameName}`);
                                continue;
                            }
                            games[gameName] = gameId;
                        }

                        // Construct mod object with fallback values
                        processedMods.push(
                            new Mod(
                                mod.State.Name || "Unknown Mod",
                                `https://www.nexusmods.com/${mod.State.GameName.toLowerCase()}/mods/${mod.State.ModID}?tab=files&file_id=${mod.State.FileID}`,
                                mod.Size || 0,
                                gameId,
                                mod.State.ModID,
                                mod.State.FileID,
                                mod.Name || "Unknown File"
                            )
                        );
                    } catch (modError) {
                        this.ndc.console.logError(`Error processing mod ${mod?.Name || 'unknown'}: ${modError.message}`);
                        continue;
                    }
                }

                // Update mods array and render
                this.ndc.mods = processedMods;

                this.render();

                this.ndc.console.logInfo(`Wabbajack Modlist loaded successfully. Processed ${processedMods.length} mods.`);
            } catch (error) {
                this.ndc.console.logError("Unexpected error in handleWabbajackFile: " + error.message);
            }
        }

        async handleFileImport() {
            const input = document.createElement("input");
            input.type = "file";
            input.accept = ".wabbajack";

            input.addEventListener("change", async () => {
                if (this.importBtn) {
                    this.importBtn.disabled = true;
                    this.importBtn.innerHTML = `
                    <div class="spinner-border" style="margin-right: 0.25rem;"></div>
                    Importing...
                    `;
                }
                if (input.files && input.files[0]) {
                    await this.handleWabbajackFile(input.files[0]);
                } else {
                    this.ndc.console.logError("No file selected.");
                }
                if (this.importBtn) {
                    this.importBtn.disabled = false;
                    this.importBtn.innerHTML = "Import Wabbajack modlist";
                }
                input.remove();
            });

            input.click();
        }

        showImportInfo() {
            alert(
                "How to import a Wabbajack modlist?\n\n" +
                "1. Download the modlist from Wabbajack.\n" +
                "2. Click on 'Import Wabbajack modlist'.\n" +
                "3. Select the downloaded modlist file (.wabbajack).\n" +
                "This file should be in your Wabbajack installation folder.\n" +
                "(ex: C:\\Wabbajack\\3.7.5.3\\downloaded_mod_lists\\*.wabbajack)\n\n" +
                "The modlist will be loaded and you can download the mods."
            );
        }

        toggleDropdown() {
            if (this.dropdown) {
                this.dropdown.style.display = this.dropdown.style.display === "block" ? "none" : "block";
            }
        }

        /**
         * Handles the closing of a dropdown menu when a click occurs outside of the menu button.
         * 
         * @param {MouseEvent} event - The mouse event triggered by the user's click.
         */
        closeDropdownOnOutsideClick(event) {
            if (this.menuBtn && event.target instanceof Node && !this.menuBtn.contains(event.target) && this.dropdown) {
                this.dropdown.style.display = "none";
            }
        }

        showSelectModsModal() {
            const modal = new NDCSelectModsModal(this.ndc);
            document.body.appendChild(modal.element);
            modal.render();
        }

        updateModsCount() {
            const count = this.ndc.mods.length;
            if (this.modsCount) {
                this.modsCount.textContent = count.toString();
            }
            if (this.downloadAllBtn) {
                this.downloadAllBtn.disabled = count === 0;
            }
            if (this.menuBtn) {
                this.menuBtn.disabled = count === 0;
            }
        }

        render() {
            this.updateModsCount();
        }
    }

    /**
     * Represents a progress bar component for tracking the progress of mod downloads.
     * This class manages the visual representation of progress, including percentage completion,
     * status updates (e.g., downloading, paused, finished, stopped), and user interactions
     * such as pausing, stopping, or skipping downloads.
     */
    class NDCProgressBar {
        /**
         * Enum representing the various statuses of a process.
         * @enum {number}
         * @property {number} DOWNLOADING - Indicates the process is currently downloading.
         * @property {number} PAUSED - Indicates the process is paused.
         * @property {number} FINISHED - Indicates the process has finished.
         * @property {number} STOPPED - Indicates the process has been stopped.
         */
        static STATUS = {
            DOWNLOADING: 0,
            PAUSED: 1,
            FINISHED: 2,
            STOPPED: 3
        };

        /**
         * A mapping of progress bar statuses to their corresponding display text.
         * 
         * @constant {Object} STATUS_LABEL
         * @property {string} [NDCProgressBar.STATUS.DOWNLOADING] - Text displayed when the status is "Downloading...".
         * @property {string} [NDCProgressBar.STATUS.PAUSED] - Text displayed when the status is "Paused".
         * @property {string} [NDCProgressBar.STATUS.FINISHED] - Text displayed when the status is "Finished".
         * @property {string} [NDCProgressBar.STATUS.STOPPED] - Text displayed when the status is "Stopped".
         */
        static STATUS_LABEL = {
            [NDCProgressBar.STATUS.DOWNLOADING]: "Downloading...",
            [NDCProgressBar.STATUS.PAUSED]: "Paused",
            [NDCProgressBar.STATUS.FINISHED]: "Finished",
            [NDCProgressBar.STATUS.STOPPED]: "Stopped"
        };

        /** @type {HTMLElement | null} */ statusText
        /** @type {HTMLButtonElement | null} */ pauseBtn
        /** @type {HTMLButtonElement | null} */ stopBtn
        /** @type {HTMLButtonElement | null} */ skipPauseBtn
        /** @type {HTMLButtonElement | null} */ skipToBtn
        /** @type {HTMLInputElement | null} */ skipInput
        /** @type {HTMLElement | null} */ progressFill
        /** @type {HTMLElement | null} */ progressText
        /** @type {HTMLElement | null} */ countText

        /** @param {NDC} ndc */
        constructor(ndc) {
            this.ndc = ndc;
            this.state = {
                modsCount: 0,
                progress: 0,
                status: NDCProgressBar.STATUS.DOWNLOADING,
                skipPause: false,
                skipTo: false,
                skipToIndex: 0
            };

            this.element = this.createElement();
            this.setupElements();
            this.attachEventListeners();
        }

        createElement() {
            const div = document.createElement("div");
            Object.assign(div.style, {
                display: "none",
                flexWrap: "wrap",
                width: "100%"
            });

            div.innerHTML = `
                <div class="ndc-progress-bar">
                    <div class="ndc-progress-bar-fill"></div>
                    <div class="ndc-progress-bar-text-container">
                        <div class="ndc-progress-bar-text-base ndc-progress-bar-text-progress">0%</div>
                        <div class="ndc-progress-bar-text-base ndc-progress-bar-text-center">Downloading...</div>
                        <div class="ndc-progress-bar-text-base ndc-progress-bar-text-right">0/0</div>
                    </div>
                </div>
                <div style="display: flex;">
                    <button class="ndc:btn-primary ndc-pause-btn">
                        <svg style="width: 1.5rem; height: 1.5rem; fill: currentcolor;" 
                             viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path d="M14,19H18V5H14M6,19H10V5H6V19Z"/>
                        </svg>
                    </button>
                    <button class="ndc:btn-primary ndc-stop-btn">
                        <svg style="width: 1.5rem; height: 1.5rem; fill: currentcolor;" 
                             viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path d="M18,18H6V6H18V18Z"/>
                        </svg>
                    </button>
                </div>
                <div style="display: flex; margin: 0.5rem 0; justify-content: flex-end; flex-basis: 100%;">
                    <div style="display: flex; gap: 0.5rem; align-items: center;">
                        <button class="ndc:btn-primary ndc-skip-pause-btn">Skip pause</button>
                        <button class="ndc:btn-primary ndc-skip-to-index-btn">Skip to index</button>
                        <input class="ndc-skip-to-index-input"
                               style="background: rgb(41, 41, 46); border: 1px solid rgb(161, 161, 170); 
                               border-radius: 4px; color: rgb(161, 161, 170); font: 400 16px/24px 'Montserrat', sans-serif; 
                               height: 36px; padding: 0.5rem; width: 80px;" 
                               type="number" min="0" placeholder="Index">
                    </div>
                </div>
            `;
            return div;
        }

        setupElements() {
            this.progressFill = this.element.querySelector(".ndc-progress-bar-fill");
            this.progressText = this.element.querySelector(".ndc-progress-bar-text-progress");
            this.statusText = this.element.querySelector(".ndc-progress-bar-text-center");
            this.countText = this.element.querySelector(".ndc-progress-bar-text-right");
            this.pauseBtn = this.element.querySelector(".ndc-pause-btn");
            this.stopBtn = this.element.querySelector(".ndc-stop-btn");
            this.skipPauseBtn = this.element.querySelector(".ndc-skip-pause-btn");
            this.skipToBtn = this.element.querySelector(".ndc-skip-to-index-btn");
            this.skipInput = this.element.querySelector(".ndc-skip-to-index-input");
        }

        attachEventListeners() {
            this.pauseBtn?.addEventListener("click", () => this.togglePause());
            this.stopBtn?.addEventListener("click", () => this.setStatus(NDCProgressBar.STATUS.STOPPED));
            this.skipPauseBtn?.addEventListener("click", () => this.skipPauseDownload());
            this.skipToBtn?.addEventListener("click", () => this.skipToIndex());
        }

        togglePause() {
            const newStatus = this.state.status === NDCProgressBar.STATUS.DOWNLOADING
                ? NDCProgressBar.STATUS.PAUSED
                : NDCProgressBar.STATUS.DOWNLOADING;
            this.setStatus(newStatus);
        }

        skipPauseDownload() {
            this.setState({ skipPause: true });
            this.setStatus(NDCProgressBar.STATUS.DOWNLOADING);
        }

        skipToIndex() {
            const index = this.skipInput ? Number.parseInt(this.skipInput.value) : 0;
            if (index > this.state.progress && index <= this.state.modsCount) {
                this.setState({ skipTo: true, skipToIndex: index });
                this.setStatus(NDCProgressBar.STATUS.DOWNLOADING);
            }
        }

        /**
         * Updates the current state with the provided new state and triggers a re-render.
         * 
         * @param {Object} newState - An object containing the properties to update in the current state.
         */
        setState(newState) {
            Object.assign(this.state, newState);
            this.render();
        }

        /**
         * Updates the state with the given number of mods.
         *
         * @param {number} count - The number of mods to set.
         */
        setModsCount(count) {
            this.setState({ modsCount: count });
        }

        /**
         * Updates the progress state with the given value.
         *
         * @param {number} progress - The current progress value to set.
         */
        setProgress(progress) {
            this.setState({ progress });
        }

        incrementProgress() {
            this.setProgress(this.state.progress + 1);
        }

        /**
         * Updates the status of the progress bar and its associated text content.
         *
         * @param {number} status - The new status to set. This should correspond to a key in `NDCProgressBar.STATUS_TEXT`.
         */
        setStatus(status) {
            this.setState({ status });
            if (this.statusText) {
                this.statusText.textContent = NDCProgressBar.STATUS_LABEL[status];
            }
        }

        getProgressPercent() {
            return ((this.state.progress / this.state.modsCount) * 100).toFixed(2);
        }

        render() {
            const percent = this.getProgressPercent();
            if (this.progressFill) {
                this.progressFill.style.width = `${percent}%`;
            }
            if (this.progressText) {
                this.progressText.textContent = `${percent}%`;
            }
            if (this.countText) {
                this.countText.textContent = `${this.state.progress}/${this.state.modsCount}`;
            }

            if (this.pauseBtn) {
                this.pauseBtn.innerHTML = this.state.status === NDCProgressBar.STATUS.PAUSED
                    ? '<svg style="width: 1.5rem; height: 1.5rem;" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path style="fill: currentcolor;" d="M8,5.14V19.14L19,12.14L8,5.14Z"/></svg>'
                    : '<svg style="width: 1.5rem; height: 1.5rem;" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path style="fill: currentcolor;" d="M14,19H18V5H14M6,19H10V5H6V19Z"/></svg>';
            }
        }
    }

    class NDCSelectModsModal {
        /** @type {HTMLElement | null} */ dropdown
        /** @type {HTMLButtonElement | null} */ dropdownBtn
        /** @type {HTMLElement | null} */ modsList
        /** @type {HTMLElement | null} */ selectedCount
        /** @type {HTMLInputElement | null} */ searchInput
        /** @type {HTMLSelectElement | null} */ sortSelect
        /** @type {HTMLButtonElement | null} */ cancelBtn
        /** @type {HTMLButtonElement | null} */ downloadBtn

        /** @param {NDC} ndc */
        constructor(ndc) {
            this.ndc = ndc;
            this.element = this.createElement();
            this.setupElements();
            this.attachBasicListeners();
        }

        createElement() {
            const div = document.createElement("div");
            div.className = "ndc-modal-backdrop";
            div.innerHTML = `
            <div class="ndc-modal">
                <div class="ndc-modal-header">
                    <h2 class="ndc-modal-header-title">Select mods</h2>
                    <div style="display: flex; gap: .5rem;">
                        <div style="display: flex; align-items: center;">
                            <span class="ndc:badge-primary">0 mods selected</span>
                        </div>
                        <div style="position: relative;">
                            <button class="ndc:btn-outline-secondary ndc-modal-header-dropdown-btn">
                                <svg style="width: 1.5rem; height: 1.5rem; fill: currentcolor;" 
                                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                    <path d="M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z"/>
                                </svg>
                            </button>
                            <div class="ndc-dropdown">
                                <button class="ndc-dropdown-item ndc-select-all">Select all<svg style="width: 1.5rem; height: 1.5rem;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path style="fill: currentcolor;" d="M0.41,13.41L6,19L7.41,17.58L1.83,12M22.24,5.58L11.66,16.17L7.5,12L6.07,13.41L11.66,19L23.66,7M18,7L16.59,5.58L10.24,11.93L11.66,13.34L18,7Z"/></svg></button>
                                <button class="ndc-dropdown-item ndc-deselect-all">Deselect all<svg style="width: 1.5rem; height: 1.5rem;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path style="fill: currentcolor;" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"/></svg></button>
                                <button class="ndc-dropdown-item ndc-invert-selection">Invert selection<svg style="width: 1.5rem; height: 1.5rem;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path style="fill: currentcolor;" d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M6.5 9L10 5.5L13.5 9H11V13H9V9H6.5M17.5 15L14 18.5L10.5 15H13V11H15V15H17.5Z"/></svg></button>
                                <div class="border-t border-stroke-subdued"></div>
                                <button class="ndc-dropdown-item">Export mods selection<svg style="width: 1.5rem; height: 1.5rem;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path style="fill: currentcolor;" d="M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z"/></svg></button>
                                <button class="ndc-dropdown-item">Import mods selection<svg style="width: 1.5rem; height: 1.5rem;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path style="fill: currentcolor;" d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z"/></svg></button>
                                <div class="border-t border-stroke-subdued"></div>
                                <button class="ndc-dropdown-item">Import downloaded mods<svg style="width: 1.5rem; height: 1.5rem;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path style="fill: currentcolor;" d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z"/></svg></button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ndc-modal-filter">
                    <input type="search" placeholder="Search mods...">
                    <select>
                        <option value="mod_name_asc">Order by mod name ASC</option>
                        <option value="mod_name_desc">Order by mod name DESC</option>
                        <option value="file_name_asc">Order by file name ASC</option>
                        <option value="file_name_desc">Order by file name DESC</option>
                        <option value="size_asc">Order by size ASC</option>
                        <option value="size_desc">Order by size DESC</option>
                    </select>
                </div>
                <div class="ndc-modal-mods-list">
                    <div class="ndc-modal-mods-list-header">
                        <span style="width: 3rem;">Index</span>
                        <span style="flex: 1;">Mod name</span>
                        <span style="flex: 1;">File name</span>
                        <span style="width: 5rem;">Size</span>
                    </div>
                    <div class="ndc-modal-mods-list-body"></div>
                </div>
                <div class="ndc-modal-actions">
                    <button class="ndc:btn-outline-secondary ndc-modal-cancel">Cancel</button>
                    <button class="ndc:btn-primary ndc-modal-download">Download selected mods</button>
                </div>
            </div>
        `;
            return div;
        }

        setupElements() {
            this.selectedCount = this.element.querySelector(".ndc\\:badge-primary");
            this.dropdownBtn = this.element.querySelector(".ndc-modal-header-dropdown-btn");
            this.dropdown = this.element.querySelector(".ndc-dropdown");
            this.selectAllBtn = this.dropdown?.querySelector(".ndc-select-all");
            this.deselectAllBtn = this.dropdown?.querySelector(".ndc-deselect-all");
            this.invertBtn = this.dropdown?.querySelector(".ndc-invert-selection");
            this.exportBtn = this.dropdown?.querySelector(".ndc-dropdown-item:nth-child(5)");
            this.importBtn = this.dropdown?.querySelector(".ndc-dropdown-item:nth-child(6)");
            this.importDownloadedBtn = this.dropdown?.querySelector(".ndc-dropdown-item:nth-child(8)");
            this.searchInput = this.element.querySelector("input[type='search']");
            this.sortSelect = this.element.querySelector("select");
            this.modsList = this.element.querySelector(".ndc-modal-mods-list-body");
            this.cancelBtn = this.element.querySelector(".ndc-modal-cancel");
            this.downloadBtn = this.element.querySelector(".ndc-modal-download");
        }

        attachBasicListeners() {
            this.dropdownBtn?.addEventListener("click", () => this.toggleDropdown());
            this.cancelBtn?.addEventListener("click", () => this.element.remove());
            this.downloadBtn?.addEventListener("click", () => this.downloadSelected());
            document.addEventListener("click", (e) => this.closeDropdownOnOutsideClick(e));
        }

        toggleDropdown() {
            if (this.dropdown) {
                this.dropdown.style.display = this.dropdown.style.display === "block" ? "none" : "block";
            }
        }

        /**
         * Handles the closing of a dropdown menu when a click occurs outside of the dropdown button.
         *
         * @param {MouseEvent} event - The mouse event triggered by the user's click.
         */
        closeDropdownOnOutsideClick(event) {
            if (this.dropdownBtn && event.target instanceof Node && !this.dropdownBtn.contains(event.target) && this.dropdown) {
                this.dropdown.style.display = "none";
            }
        }

        downloadSelected() {
            const selectedMods = this.ndc.mods.filter((mod) => {
                /** @type {HTMLInputElement|null} */
                const checkbox = this.element.querySelector(`#mod_${mod.fileId}`);
                if (checkbox) {
                    return checkbox.checked;
                }
                return false;
            });
            this.element.remove();
            this.ndc.downloadMods(selectedMods);
        }

        /**
         * Updates the mod list displayed in the UI with the provided mods data.
         * 
         * @param {Mod[]} mods - The list of mods to display.
         */
        updateModList(mods) {
            if (this.modsList) {
                // Save the checked state of checkboxes
                const checkedStates = {};
                this.modsList.querySelectorAll("input[type='checkbox']").forEach((checkbox) => {
                    if (checkbox instanceof HTMLInputElement) {
                        checkedStates[checkbox.id] = checkbox.checked;
                    }
                });

                // Update the mods list
                this.modsList.innerHTML = mods.map((mod, index) => `
                    <div class="ndc-modal-mods-list-body-row">
                        <input type="checkbox" id="mod_${mod.fileId}" style="display: none;">
                        <div class="ndc:hidden ndc:sm:flex ndc:sm:gap-0.5">
                            <span style="width: 3rem;" class="ndc:text-primary mod-list-index">#${index + 1}</span>
                            <span style="flex: 1;" class="ndc:text-white">${mod.modName}</span>
                            <span style="flex: 1;" class="ndc:text-white">${mod.fileName}</span>
                            <span style="width: 5rem;" class="ndc:text-white">${convertSize(mod.size)}</span>
                        </div>
                        <div class="ndc:block ndc:sm:hidden">
                            <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.25rem;">
                                <div style="display: flex; item-align: center; gap: 0.5rem;">
                                    <span class="ndc:text-primary mod-list-index">#${index + 1}</span>
                                </div>
                                <div style="display: flex; gap: 0.5rem;">
                                    <span class="ndc:text-white">${convertSize(mod.size)}</span>
                                </div>
                            </div>
                            <div style="display: flex; flex-direction: column; gap: 0.25rem;">
                                <div class="ndc:text-white">${mod.modName}</div>
                                <div class="ndc:text-white">${mod.fileName}</div>
                            </div>
                        </div>
                    </div>
                `).join("");

                // Restore the checked state of checkboxes
                this.modsList.querySelectorAll("input[type='checkbox']").forEach((checkbox) => {
                    if (checkedStates[checkbox.id] !== undefined && checkbox instanceof HTMLInputElement) {
                        checkbox.checked = checkedStates[checkbox.id];
                        const parentElement = checkbox.parentElement;
                        if (parentElement) {
                            this.toggleRowSelection(parentElement, checkbox.checked);
                        }
                    }
                });

                // Reattach event listeners
                this.modsList.querySelectorAll(".ndc-modal-mods-list-body-row").forEach(row => {
                    row.addEventListener("click", (e) => this.handleModClick(row, e));
                });
            }
        }

        /**
         * Handles the click event on a mod row, toggling its selection state and updating the UI accordingly.
         * Supports shift-click functionality for selecting multiple rows at once.
         *
         * @param {HTMLElement|Element} row - The table row element representing the mod that was clicked.
         * @param {MouseEvent|Event} event - The mouse event triggered by the click.
         */
        handleModClick(row, event) {
            const checkbox = row.querySelector("input");
            if (checkbox) {
                checkbox.checked = !checkbox.checked;
                this.toggleRowSelection(row, checkbox.checked);
            }

            if (event instanceof MouseEvent && event.shiftKey && this.modsList?.dataset.lastChecked) {
                this.handleShiftSelection(row);
            }

            if (this.modsList) {
                this.modsList.dataset.lastChecked = Array.from(this.modsList.children).indexOf(row).toString();
            }
            this.updateSelectedCount();
        }

        /**
         * Toggles the checkbox state for a given mod and updates the row selection accordingly.
         *
         * @param {Mod} mod - The mod object containing information about the mod, including its fileId.
         * @param {boolean} [checked] - A boolean indicating whether the checkbox should be checked (true) or unchecked (false).
         * @returns {{ row: HTMLElement, checkbox: HTMLInputElement } | null} 
         *          An object containing the row element and the checkbox element, or null if not found.
         */
        toggleModCheckbox(mod, checked) {
            const parentNode = this.element.querySelector(`#mod_${mod.fileId}`)?.parentNode;
            const row = parentNode instanceof HTMLElement ? parentNode : null;
            if (!row) return null;

            const checkbox = row?.querySelector("input");
            if (!checkbox) return null;
            checkbox.checked = checked !== undefined ? checked : !checkbox.checked;

            this.toggleRowSelection(row, checkbox.checked);
            this.updateSelectedCount();

            return { row, checkbox };
        };

        /**
         * Toggles the selection state of a table row by adding or removing specific CSS classes.
         *
         * @param {HTMLElement | Element} row - The table row element to toggle selection for.
         * @param {boolean | undefined} checked - A boolean indicating whether the row should be marked as selected (true) or deselected (false).
         */
        toggleRowSelection(row, checked) {
            row.classList.toggle("ndc:bg-primary-subdued", checked);
            row.querySelector(".mod-list-index")?.classList.toggle("ndc:text-white", checked);
        }

        /**
         * Handles the selection of multiple rows in a list when the Shift key is pressed.
         * Toggles the checked state and applies/removes CSS classes for styling based on the state.
         *
         * @param {HTMLElement|Element} row - The row element where the Shift+click event occurred.
         */
        handleShiftSelection(row) {
            const start = this.modsList ? Array.from(this.modsList.children).indexOf(row) : -1;
            const end = this.modsList ? Number(this.modsList.dataset.lastChecked) : -1;
            const child = this.modsList?.children[end];
            const input = child?.querySelector("input");
            const checked = input?.checked || false;

            for (let i = Math.min(start, end); i <= Math.max(start, end); i++) {
                const modRow = this.modsList ? this.modsList.children[i] : null;
                const checkbox = modRow ? modRow.querySelector("input") : null;
                if (checkbox) {
                    checkbox.checked = checked;
                }
                if (modRow) {
                    this.toggleRowSelection(modRow, checked);
                }
            }
        }

        updateSelectedCount() {
            const count = this.element.querySelectorAll("input:checked").length;
            if (this.selectedCount) {
                this.selectedCount.textContent = `${count} mods selected`;
            }
        }

        render() {
            this.updateModList(this.ndc.mods);
            this.element.addEventListener("click", (e) => {
                if (e.target === this.element) this.element.remove();
            });

            this.searchInput?.addEventListener("input", () => this.filterMods());
            this.sortSelect?.addEventListener("change", () => this.sortMods());
            this.selectAllBtn?.addEventListener("click", () => this.selectAll());
            this.deselectAllBtn?.addEventListener("click", () => this.deselectAll());
            this.invertBtn?.addEventListener("click", () => this.invertSelection());
            this.exportBtn?.addEventListener("click", () => this.exportSelection());
            this.importBtn?.addEventListener("click", () => this.importSelection());
            this.importDownloadedBtn?.addEventListener("click", () => this.importDownloaded());
        }

        filterMods() {
            const search = this.searchInput?.value.toLowerCase();
            if (search) {
                this.ndc.mods.forEach((mod) => {
                    const row = this.element.querySelector(`#mod_${mod.fileId}`);
                    const parentNode = row?.parentNode instanceof HTMLElement ? row.parentNode : null;
                    if (parentNode) {
                        parentNode.style.display = (mod.modName.toLowerCase().includes(search) ||
                            mod.fileName.toLowerCase().includes(search)) ? "" : "none";
                    }
                });
            }
        }

        sortMods() {
            const sort = this.sortSelect?.value;
            const mods = [...this.ndc.mods].sort((a, b) => {
                switch (sort) {
                    case "mod_name_asc": return a.modName.localeCompare(b.modName);
                    case "mod_name_desc": return b.modName.localeCompare(a.modName);
                    case "file_name_asc": return a.fileName.localeCompare(b.fileName);
                    case "file_name_desc": return b.fileName.localeCompare(a.fileName);
                    case "size_asc": return a.size - b.size;
                    case "size_desc": return b.size - a.size;
                    default: return 0;
                }
            });
            this.updateModList(mods);
        }

        selectAll() { this.toggleAllCheckboxes(true); }

        deselectAll() { this.toggleAllCheckboxes(false); }

        invertSelection() {
            this.ndc.mods.forEach((mod) => this.toggleModCheckbox(mod));
        }

        /**
         * Toggles the state of all checkboxes in the mod list and updates the corresponding row styles.
         *
         * @param {boolean} state - The desired state for all checkboxes (true for checked, false for unchecked).
         */
        toggleAllCheckboxes(state) {
            this.ndc.mods.forEach((mod) => this.toggleModCheckbox(mod, state));
        }

        exportSelection() {
            const selectedMods = this.ndc.mods.filter((mod) => {
                /** @type {HTMLInputElement|null} */
                const row = this.element.querySelector(`#mod_${mod.fileId}`);
                return row && row.checked
            });
            if (!selectedMods.length) return alert("You must select at least one mod to export.");

            const blob = new Blob([JSON.stringify(selectedMods, null, 2)], { type: "application/json" });
            const url = URL.createObjectURL(blob);
            const a = document.createElement("a");
            a.href = url;
            a.download = `ndc_selected_mods_${Date.now()}.json`;
            a.click();
            URL.revokeObjectURL(url);
        }

        importSelection() {
            const input = document.createElement("input");
            input.type = "file";
            input.accept = ".json";
            input.addEventListener("change", () => {
                const reader = new FileReader();
                reader.onload = () => {

                    const result = reader.result;
                    if (typeof result !== "string") {
                        console.error("Unexpected reader result type: " + typeof result);
                        return;
                    }

                    const mods = JSON.parse(result);
                    mods.forEach((/** @type {Mod} */ mod) => this.toggleModCheckbox(mod, true));
                };
                if (input.files && input.files[0]) {
                    reader.readAsText(input.files[0]);
                } else {
                    console.error("No file selected or input.files is null.");
                }
            });
            input.click();
        }

        importDownloaded() {
            const input = document.createElement("input");
            input.type = "file";
            input.multiple = true;
            input.addEventListener("change", () => {
                const files = input.files ? Array.from(input.files) : [];
                const downloaded = this.ndc.mods.filter(mod =>
                    files.some(file => file.name.includes(mod.fileName)));
                const notDownloaded = this.ndc.mods.filter(mod => !downloaded.includes(mod));

                notDownloaded.forEach((mod) => this.toggleModCheckbox(mod, true));

                this.updateSelectedCount();
                alert(notDownloaded.length ?
                    `Selected ${notDownloaded.length} mods not yet downloaded.` :
                    "All mods are already downloaded.");
            });
            input.click();
        }
    }

    class NDCLogConsole {
        /**
         * An enumeration representing different types of messages.
         * @enum {string}
         * @property {string} NORMAL - Represents a normal message type.
         * @property {string} ERROR - Represents an error message type.
         * @property {string} INFO - Represents an informational message type.
         */
        static TYPE = {
            NORMAL: "NORMAL",
            ERROR: "ERROR",
            INFO: "INFO"
        };

        /** @type {boolean} */ hidden = false
        /** @type {HTMLButtonElement | null} */ toggleBtn
        /** @type {HTMLElement | null} */ logContainer

        /** @param {NDC} ndc */
        constructor(ndc) {
            this.ndc = ndc;
            this.element = this.createElement();
            this.setupElements();
            this.attachEventListeners();
        }

        createElement() {
            const div = document.createElement("div");
            Object.assign(div.style, {
                display: "flex",
                flexDirection: "column",
                width: "100%",
                gap: "1rem",
                marginTop: "1rem"
            });

            div.innerHTML = `
            <div style="display: flex; flex-direction: column; width: 100%; gap: 0.75rem;">
                <button style="background: none; border: 0; color: rgb(244, 244, 245); cursor: pointer; 
                              font: 400 16px/24px 'Montserrat', sans-serif; height: 24px; width: 100%;">
                    Hide logs
                </button>
                <div style="background: rgb(29 29 33 / 70%); border: 1px solid rgb(255, 255, 255); 
                           border-radius: 4px; color: rgb(255, 255, 255); 
                           font: 600 14px/21px monospace; height: 160px; 
                           overflow-y: auto; resize: vertical; width: 100%;">
                </div>
            </div>
        `;
            return div;
        }

        setupElements() {
            this.toggleBtn = this.element.querySelector("button");
            this.logContainer = this.element.querySelector("div > div:nth-child(2)");
        }

        attachEventListeners() {
            this.toggleBtn?.addEventListener("click", () => this.toggleVisibility());
        }

        toggleVisibility() {
            this.hidden = !this.hidden;
            if (this.logContainer) {
                this.logContainer.style.display = this.hidden ? "none" : "";
            }
            if (this.toggleBtn) {
                this.toggleBtn.textContent = this.hidden ? "Show logs" : "Hide logs";
            }
        }

        /**
         * Logs a message to the custom log console and the browser console.
         *
         * @param {string} message - The message to log.
         * @param {string} [type=NDCLogConsole.TYPE.NORMAL] - The type of log message. 
         *        Can be one of the following:
         *        - `NDCLogConsole.TYPE.NORMAL` (default): Standard log message.
         *        - `NDCLogConsole.TYPE.ERROR`: Error message, styled in red.
         *        - `NDCLogConsole.TYPE.INFO`: Informational message, styled in blue.
         * @returns {HTMLDivElement} The created log row element.
         */
        log(message, type = NDCLogConsole.TYPE.NORMAL) {
            const row = document.createElement("div");
            Object.assign(row.style, {
                display: "flex",
                gap: "0.25rem",
                padding: "0 0.5rem",
                ...(type === NDCLogConsole.TYPE.ERROR && { color: "rgb(229, 62, 62)" }),
                ...(type === NDCLogConsole.TYPE.INFO && { color: "rgb(96, 165, 250)" })
            });

            row.innerHTML = `<span>[${new Date().toLocaleTimeString()}]</span><span>${message}</span>`;
            if (this.logContainer) {
                this.logContainer.appendChild(row);
                this.logContainer.scrollTop = this.logContainer.scrollHeight;
            }
            console.log(message);

            return row;
        }

        /**
         * Logs a message with the normal log type.
         *
         * @param {string} message - The message to be logged.
         * @returns {HTMLDivElement}
         */
        logNormal(message) {
            return this.log(message, NDCLogConsole.TYPE.NORMAL);
        }

        /**
         * Logs an error message to the console with the error log type.
         *
         * @param {string} message - The error message to be logged.
         * @returns {HTMLDivElement}
         */
        logError(message) {
            return this.log(message, NDCLogConsole.TYPE.ERROR);
        }

        /**
         * Logs an informational message to the console.
         *
         * @param {string} message - The message to be logged.
         * @returns {HTMLDivElement} The result of the log operation.
         */
        logInfo(message) {
            return this.log(message, NDCLogConsole.TYPE.INFO);
        }

        clear() {
            if (this.logContainer) {
                this.logContainer.innerHTML = "";
            }
        }
    }

    let ndc = null;
    async function handleNextRouterChange() {
        ndc = new NDC();

        // set interval to check if ndc.element is still in the DOM, if not re add it
        setInterval(() => {
            if (!document.contains(ndc.element)) {
                document
                    .querySelector("#mainContent > section > div.home-intro")
                    ?.prepend(ndc.element);
            }
        }, 500);
    }

    // Monitor route changes using popstate
    window.addEventListener("popstate", handleNextRouterChange);

    // Handle programmatic navigation (optional, for pushState or replaceState)
    const originalPushState = history.pushState;
    const originalReplaceState = history.replaceState;

    history.pushState = function (...args) {
        originalPushState.apply(this, args);
        window.dispatchEvent(new Event("popstate"));
    };

    history.replaceState = function (...args) {
        originalReplaceState.apply(this, args);
        window.dispatchEvent(new Event("popstate"));
    };

    // Initial call to handle the current route
    handleNextRouterChange();
})();