Equicord/src/equicordplugins/components.dev/index.tsx

/*
 * Vencord, a Discord client mod
 * Copyright (c) 2025 Vendicated and contributors
 * SPDX-License-Identifier: GPL-3.0-or-later
 */

import "./styles.css";

import { ComponentsIcon } from "@components/Icons";
import SettingsPlugin from "@plugins/_core/settings";
import { Devs } from "@utils/constants";
import { removeFromArray } from "@utils/misc";
import definePlugin, { StartAt } from "@utils/types";
import { SettingsRouter } from "@webpack/common";

import ComponentsTab from "./components/ComponentsTab";

export default definePlugin({
    name: "Components",
    description: "Adds a new tab to settings to browse Discord components.",
    authors: [Devs.prism],
    dependencies: ["Settings"],
    startAt: StartAt.WebpackReady,
    toolboxActions: {
        "Open Components Tab"() {
            SettingsRouter.openUserSettings("equicord_components_panel");
        },
    },
    start() {
        SettingsPlugin.customEntries.push({
            key: "equicord_components",
            title: "Components",
            Component: ComponentsTab,
            Icon: ComponentsIcon
        });

        SettingsPlugin.settingsSectionMap.push(["EquicordDiscordComponents", "equicord_components"]);
    },
    stop() {
        removeFromArray(SettingsPlugin.customEntries, e => e.key === "equicord_components");
        removeFromArray(SettingsPlugin.settingsSectionMap, entry => entry[1] === "equicord_components");
    },
});