BetterDiscordAddons/Plugins/BetterSearchPage/BetterSearchPage.plugin.js

126 lines
5.0 KiB
JavaScript

/**
* @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));
})();