18 | 
{
31 | onChange(!enabled);
32 | setEnabled(!enabled);
33 | }}
34 | />
35 |
59 |
40 |
58 |
47 | {children}
48 |
49 |
55 | {note}
56 |
57 | 
41 |
42 |
--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | globals: {
3 | BdApi: true,
4 | __VERSION__: true,
5 | },
6 | extends: ['eslint:recommended', 'plugin:react/recommended'],
7 | env: {
8 | browser: true,
9 | commonjs: true,
10 | es2021: true,
11 | },
12 | parserOptions: {
13 | ecmaVersion: 2021,
14 | sourceType: 'module',
15 | },
16 | ignorePatterns: ['*.plugin.js'],
17 | rules: {
18 | 'react/display-name': 'off',
19 | 'react/prop-types': 'off',
20 | 'react/react-in-jsx-scope': 'off',
21 | 'arrow-spacing': ['warn', { before: true, after: true }],
22 | 'brace-style': ['warn', '1tbs', { allowSingleLine: true }],
23 | 'comma-dangle': [
24 | 'warn',
25 | {
26 | arrays: 'always-multiline',
27 | objects: 'always-multiline',
28 | imports: 'never',
29 | exports: 'never',
30 | functions: 'never',
31 | },
32 | ],
33 | 'comma-spacing': 'warn',
34 | 'comma-style': 'warn',
35 | curly: ['warn', 'multi-line', 'consistent'],
36 | 'dot-location': ['warn', 'property'],
37 | 'handle-callback-err': 'warn',
38 | // "indent": ["error", "tab"],
39 | // "indent": ["off", "tab"],
40 | 'keyword-spacing': 'warn',
41 | 'max-nested-callbacks': ['warn', { max: 4 }],
42 | 'max-statements-per-line': ['warn', { max: 2 }],
43 | 'no-console': ['warn', { allow: ['warn', 'error', 'info'] }],
44 | 'no-empty-function': 'off',
45 | 'no-floating-decimal': 'warn',
46 | 'no-inline-comments': 'warn',
47 | 'no-lonely-if': 'warn',
48 | 'no-multi-spaces': 'warn',
49 | 'no-multiple-empty-lines': ['warn', { max: 2, maxEOF: 1, maxBOF: 0 }],
50 | 'no-shadow': ['warn', { allow: ['err', 'resolve', 'reject'] }],
51 | 'no-trailing-spaces': ['off'],
52 | 'no-var': 'warn',
53 | 'object-curly-spacing': ['warn', 'always'],
54 | 'prefer-const': 'warn',
55 | // "quotes": ["error", "single"],
56 | quotes: ['off', 'single'],
57 | semi: ['warn', 'always'],
58 | 'space-before-blocks': 'warn',
59 | 'space-before-function-paren': [
60 | 'warn',
61 | {
62 | anonymous: 'never',
63 | named: 'never',
64 | asyncArrow: 'always',
65 | },
66 | ],
67 | 'space-in-parens': 'warn',
68 | 'space-infix-ops': 'warn',
69 | 'space-unary-ops': 'warn',
70 | 'spaced-comment': 'warn',
71 | yoda: 'warn',
72 | },
73 | };
74 |
--------------------------------------------------------------------------------
/src/components/UserMentionsComponent.jsx:
--------------------------------------------------------------------------------
1 | // @ts-check
2 |
3 | import { ModuleStore } from "../utils/modules";
4 |
5 | const {
6 | React,
7 | UserMentions,
8 | ProfileActions,
9 | GuildMemberStore,
10 | UserStore,
11 | DiscordConstants,
12 | PermissionUtils,
13 | Components: { TextElement },
14 | } = ModuleStore;
15 |
16 | export default function UserMentionsComponent({ channel, guild, settings }) {
17 | const [userMentionComponents, setUserMentionComponents] = React.useState([
18 | "Loading...",
19 | ]);
20 |
21 | const fetchMemberAndMap = async () => {
22 | setUserMentionComponents(["Loading..."]);
23 |
24 | if (!settings.showPerms) {
25 | return setUserMentionComponents(["None"]);
26 | }
27 |
28 | const allUserOverwrites = Object.values(
29 | channel.permissionOverwrites,
30 | ).filter((user) => Boolean(user && user?.type === 1));
31 |
32 | for (const user of allUserOverwrites) {
33 | if (UserStore.getUser(user.id)) continue;
34 |
35 | await ProfileActions.fetchProfile(user.id, {
36 | guildId: guild.id,
37 | withMutualGuilds: false,
38 | });
39 |
40 | if (allUserOverwrites.indexOf(user) !== allUserOverwrites.length - 1) {
41 | // Wait between 500ms and 2000ms
42 | await new Promise((resolve) =>
43 | setTimeout(resolve, Math.floor(Math.random() * 1500) + 500),
44 | );
45 | }
46 | }
47 |
48 | const filteredUserOverwrites = Object.values(
49 | channel.permissionOverwrites,
50 | ).filter((user) =>
51 | Boolean(
52 | PermissionUtils.can({
53 | permission: DiscordConstants.Permissions.VIEW_CHANNEL,
54 | user: UserStore.getUser(user.id),
55 | context: channel,
56 | }) && GuildMemberStore.isMember(guild.id, user.id),
57 | ),
58 | );
59 |
60 | if (!filteredUserOverwrites?.length) {
61 | return setUserMentionComponents(["None"]);
62 | }
63 |
64 | const mentionArray = filteredUserOverwrites.map((m) =>
65 | UserMentions.react(
66 | {
67 | userId: m.id,
68 | channelId: channel.id,
69 | },
70 | () => null,
71 | {
72 | noStyleAndInteraction: false,
73 | },
74 | ),
75 | );
76 |
77 | return setUserMentionComponents(mentionArray);
78 | };
79 |
80 | React.useEffect(() => {
81 | fetchMemberAndMap();
82 | }, [channel.id, guild.id, settings.showPerms, channel.permissionOverwrites]);
83 |
84 | return (
85 |