|
|
@ -18,10 +18,11 @@
|
|
|
|
|
|
|
|
|
|
|
|
import "./style.css";
|
|
|
|
import "./style.css";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
import { definePluginSettings } from "@api/Settings";
|
|
|
|
import { classNameFactory } from "@api/Styles";
|
|
|
|
import { classNameFactory } from "@api/Styles";
|
|
|
|
import ErrorBoundary from "@components/ErrorBoundary";
|
|
|
|
import ErrorBoundary from "@components/ErrorBoundary";
|
|
|
|
import { Devs } from "@utils/constants";
|
|
|
|
import { Devs } from "@utils/constants";
|
|
|
|
import definePlugin from "@utils/types";
|
|
|
|
import definePlugin, { OptionType } from "@utils/types";
|
|
|
|
import { findStoreLazy } from "@webpack";
|
|
|
|
import { findStoreLazy } from "@webpack";
|
|
|
|
import { FluxStore } from "@webpack/types";
|
|
|
|
import { FluxStore } from "@webpack/types";
|
|
|
|
|
|
|
|
|
|
|
@ -32,6 +33,21 @@ export const ChannelMemberStore = findStoreLazy("ChannelMemberStore") as FluxSto
|
|
|
|
getProps(guildId: string, channelId: string): { groups: { count: number; id: string; }[]; };
|
|
|
|
getProps(guildId: string, channelId: string): { groups: { count: number; id: string; }[]; };
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const settings = definePluginSettings({
|
|
|
|
|
|
|
|
toolTip: {
|
|
|
|
|
|
|
|
type: OptionType.BOOLEAN,
|
|
|
|
|
|
|
|
description: "If the member count should be displayed on the server tooltip",
|
|
|
|
|
|
|
|
default: true,
|
|
|
|
|
|
|
|
restartNeeded: true
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
memberList: {
|
|
|
|
|
|
|
|
type: OptionType.BOOLEAN,
|
|
|
|
|
|
|
|
description: "If the member count should be displayed on the member list",
|
|
|
|
|
|
|
|
default: true,
|
|
|
|
|
|
|
|
restartNeeded: true
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
const sharedIntlNumberFormat = new Intl.NumberFormat();
|
|
|
|
const sharedIntlNumberFormat = new Intl.NumberFormat();
|
|
|
|
export const numberFormat = (value: number) => sharedIntlNumberFormat.format(value);
|
|
|
|
export const numberFormat = (value: number) => sharedIntlNumberFormat.format(value);
|
|
|
|
export const cl = classNameFactory("vc-membercount-");
|
|
|
|
export const cl = classNameFactory("vc-membercount-");
|
|
|
@ -40,6 +56,7 @@ export default definePlugin({
|
|
|
|
name: "MemberCount",
|
|
|
|
name: "MemberCount",
|
|
|
|
description: "Shows the amount of online & total members in the server member list and tooltip",
|
|
|
|
description: "Shows the amount of online & total members in the server member list and tooltip",
|
|
|
|
authors: [Devs.Ven, Devs.Commandtechno],
|
|
|
|
authors: [Devs.Ven, Devs.Commandtechno],
|
|
|
|
|
|
|
|
settings,
|
|
|
|
|
|
|
|
|
|
|
|
patches: [
|
|
|
|
patches: [
|
|
|
|
{
|
|
|
|
{
|
|
|
@ -47,17 +64,18 @@ export default definePlugin({
|
|
|
|
replacement: {
|
|
|
|
replacement: {
|
|
|
|
match: /(?<=let\{className:(\i),.+?children):\[(\i\.useMemo[^}]+"aria-multiselectable")/,
|
|
|
|
match: /(?<=let\{className:(\i),.+?children):\[(\i\.useMemo[^}]+"aria-multiselectable")/,
|
|
|
|
replace: ":[$1?.startsWith('members')?$self.render():null,$2"
|
|
|
|
replace: ":[$1?.startsWith('members')?$self.render():null,$2"
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
predicate: () => settings.store.memberList
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
find: ".invitesDisabledTooltip",
|
|
|
|
find: ".invitesDisabledTooltip",
|
|
|
|
replacement: {
|
|
|
|
replacement: {
|
|
|
|
match: /(?<=\.VIEW_AS_ROLES_MENTIONS_WARNING.{0,100})]/,
|
|
|
|
match: /(?<=\.VIEW_AS_ROLES_MENTIONS_WARNING.{0,100})]/,
|
|
|
|
replace: ",$self.renderTooltip(arguments[0].guild)]"
|
|
|
|
replace: ",$self.renderTooltip(arguments[0].guild)]"
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
predicate: () => settings.store.toolTip
|
|
|
|
}
|
|
|
|
}
|
|
|
|
],
|
|
|
|
],
|
|
|
|
|
|
|
|
|
|
|
|
render: ErrorBoundary.wrap(MemberCount, { noop: true }),
|
|
|
|
render: ErrorBoundary.wrap(MemberCount, { noop: true }),
|
|
|
|
renderTooltip: ErrorBoundary.wrap(guild => <MemberCount isTooltip tooltipGuildId={guild.id} />, { noop: true })
|
|
|
|
renderTooltip: ErrorBoundary.wrap(guild => <MemberCount isTooltip tooltipGuildId={guild.id} />, { noop: true })
|
|
|
|
});
|
|
|
|
});
|
|
|
|