mirror of
https://github.com/Equicord/Equicord.git
synced 2025-06-14 00:53:04 -04:00
f8879cc801
# Conflicts: # eslint.config.mjs # package.json # pnpm-lock.yaml # src/components/PluginSettings/index.tsx # src/plugins/imageZoom/index.tsx # src/plugins/messageLogger/index.tsx # src/plugins/pictureInPicture/index.tsx # src/plugins/serverInfo/GuildInfoModal.tsx # src/plugins/whoReacted/index.tsx
102 lines
4 KiB
TypeScript
102 lines
4 KiB
TypeScript
/*
|
|
* Vencord, a Discord client mod
|
|
* Copyright (c) 2024 Vendicated and contributors
|
|
* SPDX-License-Identifier: GPL-3.0-or-later
|
|
*/
|
|
|
|
import "./styles.css";
|
|
|
|
import { definePluginSettings } from "@api/Settings";
|
|
import ErrorBoundary from "@components/ErrorBoundary";
|
|
import { Devs } from "@utils/constants";
|
|
import definePlugin, { OptionType } from "@utils/types";
|
|
import { findByPropsLazy, findStoreLazy } from "@webpack";
|
|
import { ReadStateStore, useStateFromStores } from "@webpack/common";
|
|
import { Channel } from "discord-types/general";
|
|
import { JSX } from "react";
|
|
|
|
const UserGuildSettingsStore = findStoreLazy("UserGuildSettingsStore");
|
|
const JoinedThreadsStore = findStoreLazy("JoinedThreadsStore");
|
|
const { NumberBadge } = findByPropsLazy("NumberBadge");
|
|
|
|
const settings = definePluginSettings({
|
|
showOnMutedChannels: {
|
|
description: "Show unread count on muted channels",
|
|
type: OptionType.BOOLEAN,
|
|
default: false,
|
|
},
|
|
notificationCountLimit: {
|
|
description: "Show +99 instead of true amount",
|
|
type: OptionType.BOOLEAN,
|
|
default: false,
|
|
},
|
|
replaceWhiteDot: {
|
|
description: "Replace the white dot with the badge",
|
|
type: OptionType.BOOLEAN,
|
|
default: false,
|
|
restartNeeded: true,
|
|
},
|
|
});
|
|
|
|
export default definePlugin({
|
|
name: "UnreadCountBadge",
|
|
authors: [Devs.Joona],
|
|
description: "Shows unread message count badges on channels in the channel list",
|
|
settings,
|
|
|
|
patches: [
|
|
// Kanged from typingindicators
|
|
{
|
|
find: "UNREAD_IMPORTANT:",
|
|
replacement: [
|
|
{
|
|
match: /\.name,{.{0,140}\.children.+?:null/,
|
|
replace: "$&,$self.CountBadge({channel: arguments[0].channel,})",
|
|
predicate: () => !settings.store.replaceWhiteDot
|
|
},
|
|
{
|
|
match: /\(0,\i\.jsx\)\("div",{className:\i\(\)\(\i\.unread,\i\?\i\.unreadImportant:void 0\)}\)/,
|
|
replace: "$self.CountBadge({channel: arguments[0].channel, whiteDot:$&})",
|
|
predicate: () => settings.store.replaceWhiteDot
|
|
}
|
|
]
|
|
},
|
|
// Threads
|
|
{
|
|
// This is the thread "spine" that shows in the left
|
|
find: "M11 9H4C2.89543 9 2 8.10457 2 7V1C2 0.447715 1.55228 0 1 0C0.447715 0 0 0.447715 0 1V7C0 9.20914 1.79086 11 4 11H11C11.5523 11 12 10.5523 12 10C12 9.44771 11.5523 9 11 9Z",
|
|
replacement: [
|
|
{
|
|
match: /mentionsCount:\i.{0,50}?null/,
|
|
replace: "$&,$self.CountBadge({channel: arguments[0].thread})",
|
|
predicate: () => !settings.store.replaceWhiteDot
|
|
},
|
|
{
|
|
match: /\(0,\i\.jsx\)\("div",{className:\i\(\)\(\i\.unread,\i\.unreadImportant\)}\)/,
|
|
replace: "$self.CountBadge({channel: arguments[0].thread, whiteDot:$&})",
|
|
predicate: () => settings.store.replaceWhiteDot
|
|
}
|
|
]
|
|
},
|
|
],
|
|
|
|
CountBadge: ErrorBoundary.wrap(({ channel, whiteDot }: { channel: Channel, whiteDot?: JSX.Element; }) => {
|
|
const unreadCount = useStateFromStores([ReadStateStore], () => ReadStateStore.getUnreadCount(channel.id));
|
|
if (!unreadCount) return whiteDot || null;
|
|
|
|
if (!settings.store.showOnMutedChannels && (UserGuildSettingsStore.isChannelMuted(channel.guild_id, channel.id) || JoinedThreadsStore.isMuted(channel.id)))
|
|
return null;
|
|
const className = `vc-unreadCountBadge${whiteDot ? "-dot" : ""}${channel.threadMetadata ? "-thread" : ""}`;
|
|
return (
|
|
<NumberBadge
|
|
color="var(--brand-500)"
|
|
className={className}
|
|
count={
|
|
unreadCount > 99 && settings.store.notificationCountLimit
|
|
? "+99"
|
|
: unreadCount
|
|
}
|
|
/>
|
|
);
|
|
}, { noop: true }),
|
|
});
|