Function PluginsInclude

src/pages/plugins/plugins.js:27–144

(updates)

 * @param {Array<object>} updates
 */
export default function PluginsInclude(updates) {
	const $page = Page(strings["plugins"]);
	const $search = <span className="icon search" data-action="search"></span>;
	const $add = <span className="icon add" data-action="add-source"></span>;
	const $filter = <span className="icon tune" data-action="filter"></span>;
	const List = () => (
		<div
			id="plugin-list"
			className="list scroll"
			empty-msg={strings["loading..."]}
		></div>
	);
	const $list = {
		all: <List />,
		installed: <List />,
		owned: <List />,
	};
	const plugins = {
		all: [],
		installed: [],
		owned: [],
	};
	let $currList = $list.installed;
	let currSection = "installed";
	let hideSearchBar = () => {};
	let currentPage = 1;
	let isLoading = false;
	let hasMore = true;
	let isSearching = false;
	let currentFilter = null;
	const LIMIT = 50;

	function withSupportedEditor(url) {
		const separator = url.includes("?") ? "&" : "?";
		return `${url}${separator}supported_editor=${config.SUPPORTED_EDITOR}`;
	}

	Contextmenu({
		toggler: $add,
		top: "8px",
		right: "8px",
		items: [
			[strings.remote, "remote"],
			[strings.local, "local"],
		],
		onselect(item) {
			addSource(item);
		},
	});

	const verifiedLabel = strings["verified publisher"];
	const authorLabel = strings.author || strings.name;
	const keywordsLabel = strings.keywords;

	const filterOptions = {
		"orderBy:top_rated": {
			type: "orderBy",
			value: "top_rated",