Vencord/src/plugins/clickableRoleDot.ts

/*
 * Vencord, a modification for Discord's desktop app
 * Copyright (c) 2022 Vendicated and contributors
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
*/

import { Devs } from "../utils/constants";
import definePlugin from "../utils/types";
import { Toasts } from "../webpack/common";

export default definePlugin({
    name: "ClickableRoleDot",
    authors: [Devs.Ven],
    description:
        "Makes RoleDots (Accessibility Feature) copy colour to clipboard on click",
    patches: [
        {
            find: "M0 4C0 1.79086 1.79086 0 4 0H16C18.2091 0 20 1.79086 20 4V16C20 18.2091 18.2091 20 16 20H4C1.79086 20 0 18.2091 0 16V4Z",
            replacement: {
                match: /(viewBox:"0 0 20 20")/,
                replace: "$1,onClick:()=>Vencord.Plugins.plugins.ClickableRoleDot.copyToClipBoard(e.color)",
            },
        },
    ],

    copyToClipBoard(color: string) {
        if (IS_WEB) {
            navigator.clipboard.writeText(color)
                .then(() => this.notifySuccess);
        } else {
            DiscordNative.clipboard.copy(color);
            this.notifySuccess();
        }
    },

    notifySuccess() {
        Toasts.show({
            message: "Copied to Clipboard!",
            type: Toasts.Type.SUCCESS,
            id: Toasts.genId(),
            options: {
                duration: 1000,
                position: Toasts.Position.BOTTOM
            }
        });
    }
});