Download all mods from NexusMods for a Wabbajack Modlist with a single click
// ==UserScript== // @name Nexus Download Wabbajack Modlist // @namespace NDWM // @version 0.4 // @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 /** * @typedef {{ * $type: string, * Author?: string, * Description?: string, * FileID: number, * GameName: string, * ImageURL?: string, * IsNSFW?: boolean, * ModID: number, * Name?: string, * Version?: string * }} NexusModState * * @typedef {{ * Hash: string, * Meta: string, * Name: string, * Size: number, * State: NexusModState * }} NexusModArchive * * @typedef {{ * Archives: NexusModArchive[] * }} WabbajackModlist */ // @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; } } `); // https://github.com/wabbajack-tools/wabbajack/blob/main/Wabbajack.DTOs/Game/GameRegistry.cs const wabbajackGames = { "Morrowind": { "NexusName": "morrowind", "NexusGameId": 100 }, "Oblivion": { "NexusName": "oblivion", "NexusGameId": 101 }, "Fallout3": { "NexusName": "fallout3", "NexusGameId": 120 }, "FalloutNewVegas": { "NexusName": "newvegas", "NexusGameId": 130 }, "Skyrim": { "NexusName": "skyrim", "NexusGameId": 110 }, "SkyrimSpecialEdition": { "NexusName": "skyrimspecialedition", "NexusGameId": 1704 }, "Fallout4": { "NexusName": "fallout4", "NexusGameId": 1151 }, "SkyrimVR": { "NexusName": "skyrimspecialedition", "NexusGameId": 1704 }, "Enderal": { "NexusName": "enderal", "NexusGameId": 2736 }, "EnderalSpecialEdition": { "NexusName": "enderalspecialedition", "NexusGameId": 3685 }, "Fallout4VR": { "NexusName": "fallout4", "NexusGameId": 1151 }, "DarkestDungeon": { "NexusName": "darkestdungeon", "NexusGameId": 804 }, "Dishonored": { "NexusName": "dishonored", "NexusGameId": 802 }, "Witcher": { "NexusName": "witcher", "NexusGameId": 150 }, "Witcher3": { "NexusName": "witcher3", "NexusGameId": 952 }, "StardewValley": { "NexusName": "stardewvalley", "NexusGameId": 1303 }, "KingdomComeDeliverance": { "NexusName": "kingdomcomedeliverance", "NexusGameId": 2298 }, "MechWarrior5Mercenaries": { "NexusName": "mechwarrior5mercenaries", "NexusGameId": 3099 }, "NoMansSky": { "NexusName": "nomanssky", "NexusGameId": 1634 }, "DragonAgeOrigins": { "NexusName": "dragonage", "NexusGameId": 140 }, "DragonAge2": { "NexusName": "dragonage2", "NexusGameId": 141 }, "DragonAgeInquisition": { "NexusName": "dragonageinquisition", "NexusGameId": 728 }, "KerbalSpaceProgram": { "NexusName": "kerbalspaceprogram", "NexusGameId": 272 }, "Terraria": { "NexusName": null, "NexusGameId": null }, "Cyberpunk2077": { "NexusName": "cyberpunk2077", "NexusGameId": 3333 }, "Sims4": { "NexusName": "thesims4", "NexusGameId": 641 }, "DragonsDogma": { "NexusName": "dragonsdogma", "NexusGameId": 1249 }, "KarrynsPrison": { "NexusName": null, "NexusGameId": null }, "Valheim": { "NexusName": "valheim", "NexusGameId": 3667 }, "MountAndBlade2Bannerlord": { "NexusName": "mountandblade2bannerlord", "NexusGameId": 3174 }, "FinalFantasy7Remake": { "NexusName": "finalfantasy7remake", "NexusGameId": 4202 }, "BaldursGate3": { "NexusName": "baldursgate3", "NexusGameId": 3474 }, "Starfield": { "NexusName": "starfield", "NexusGameId": 4187 }, "SevenDaysToDie": { "NexusName": "7daystodie", "NexusGameId": 1059 }, "ModdingTools": { "NexusName": "site", "NexusGameId": 2295 } } 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 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" ); /** @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 { NexusGameId: gameId, NexusName: gameName } = wabbajackGames[mod.State.GameName] || {}; if (!gameId || !gameName) { this.ndc.console.logError(`Unsupported game: ${mod.State.GameName}`); continue; } // Construct mod object with fallback values processedMods.push( new Mod( mod.State.Name || "Unknown Mod", `https://www.nexusmods.com/${gameName}/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();
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址
