BetterDiscordAddons/Plugins/BetterSearchPage/BetterSearchPage.plugin.js

/**
 * @name BetterSearchPage
 * @author DevilBro
 * @authorId 278543574059057154
 * @version 1.2.3
 * @description Makes the Controls in the Search Results Page sticky
 * @invite Jx3TjNS
 * @donate https://www.paypal.me/MircoWittrien
 * @patreon https://www.patreon.com/MircoWittrien
 * @website https://mwittrien.github.io/
 * @source https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/BetterSearchPage/
 * @updateUrl https://mwittrien.github.io/BetterDiscordAddons/Plugins/BetterSearchPage/BetterSearchPage.plugin.js
 */

module.exports = (_ => {
	const changeLog = {
		"improved": {
			"New Version": "Instead of copying the controls to the top, the controls are now sticky in the list"
		}
	};

	return !window.BDFDB_Global || (!window.BDFDB_Global.loaded && !window.BDFDB_Global.started) ? class {
		constructor (meta) {for (let key in meta) this[key] = meta[key];}
		getName () {return this.name;}
		getAuthor () {return this.author;}
		getVersion () {return this.version;}
		getDescription () {return `The Library Plugin needed for ${this.name} is missing. Open the Plugin Settings to download it. \n\n${this.description}`;}
		
		downloadLibrary () {
			require("request").get("https://mwittrien.github.io/BetterDiscordAddons/Library/0BDFDB.plugin.js", (e, r, b) => {
				if (!e && b && r.statusCode == 200) require("fs").writeFile(require("path").join(BdApi.Plugins.folder, "0BDFDB.plugin.js"), b, _ => BdApi.showToast("Finished downloading BDFDB Library", {type: "success"}));
				else BdApi.alert("Error", "Could not download BDFDB Library Plugin. Try again later or download it manually from GitHub: https://mwittrien.github.io/downloader/?library");
			});
		}
		
		load () {
			if (!window.BDFDB_Global || !Array.isArray(window.BDFDB_Global.pluginQueue)) window.BDFDB_Global = Object.assign({}, window.BDFDB_Global, {pluginQueue: []});
			if (!window.BDFDB_Global.downloadModal) {
				window.BDFDB_Global.downloadModal = true;
				BdApi.showConfirmationModal("Library Missing", `The Library Plugin needed for ${this.name} is missing. Please click "Download Now" to install it.`, {
					confirmText: "Download Now",
					cancelText: "Cancel",
					onCancel: _ => {delete window.BDFDB_Global.downloadModal;},
					onConfirm: _ => {
						delete window.BDFDB_Global.downloadModal;
						this.downloadLibrary();
					}
				});
			}
			if (!window.BDFDB_Global.pluginQueue.includes(this.name)) window.BDFDB_Global.pluginQueue.push(this.name);
		}
		start () {this.load();}
		stop () {}
		getSettingsPanel () {
			let template = document.createElement("template");
			template.innerHTML = `<div style="color: var(--header-primary); font-size: 16px; font-weight: 300; white-space: pre; line-height: 22px;">The Library Plugin needed for ${this.name} is missing.\nPlease click <a style="font-weight: 500;">Download Now</a> to install it.</div>`;
			template.content.firstElementChild.querySelector("a").addEventListener("click", this.downloadLibrary);
			return template.content.firstElementChild;
		}
	} : (([Plugin, BDFDB]) => {
		var stickySearchPagination, SearchResultsPaginationComponent;
		const StickySearchPaginationComponent = class StickySearchPagination extends BdApi.React.Component {
			componentDidMount() {
				stickySearchPagination = this;
			}
			render() {
				if (!SearchResultsPaginationComponent) return null;
				return BDFDB.ReactUtils.createElement(SearchResultsPaginationComponent, this.props);
			}
		};
		
		return class BetterSearchPage extends Plugin {
			onLoad () {
				this.modulePatches = {
					before: [
						"SearchResultsPagination"
					],
					after: [
						"SearchResults"
					]
				};
				
				this.css = `
					${BDFDB.dotCN.searchresultspagination} {
						background-color: var(--background-tertiary);
					}
					${BDFDB.dotCNS.searchresultspagination + BDFDB.dotCN.input} {
						background-color: var(--background-floating);
					}
					${BDFDB.dotCNS.searchresultspagination + BDFDB.dotCN.paginationcontainer} {
						margin-top: 0;
					}
					${BDFDB.dotCN.searchresultswrap} [role="list"] ~ ${BDFDB.dotCN.searchresultspagination} {
						display: none !important;
					}
				`;
			}
			
			onStart () {
			}
			
			onStop () {
			}

			processSearchResults (e) {
				if (!e.instance.props.search) return;
				let [children, index] = BDFDB.ReactUtils.findParent(e.returnvalue, {name: "SearchResultsHeader"});
				if (index == -1) return;
				children.splice(index + 1, 0, BDFDB.ReactUtils.createElement(StickySearchPaginationComponent, {
					changePage: newPage => !e.instance.props.search.searching && BDFDB.LibraryModules.SearchPageUtils.changePage(e.instance.props.searchId, newPage - 1),
					offset: e.instance.props.search.offset,
					totalResults: e.instance.props.search.totalResults,
					pageLength: BDFDB.DiscordConstants.SEARCH_PAGE_SIZE
				}));
			}
			
			processSearchResultsPagination (e) {
				if (!SearchResultsPaginationComponent) {
					SearchResultsPaginationComponent = e.component;
					BDFDB.ReactUtils.forceUpdate(stickySearchPagination);
				}
			}
		};
	})(window.BDFDB_Global.PluginUtils.buildPlugin(changeLog));
})();