AccountPanelServerProfile

index.tsx

Download

Source

src/plugins/accountPanelServerProfile/index.tsx

1import { definePluginSettings } from "@api/Settings";

2import ErrorBoundary from "@components/ErrorBoundary";

3import { Devs } from "@utils/constants";

4import { getCurrentChannel } from "@utils/discord";

5import definePlugin, { OptionType } from "@utils/types";

6import { User } from "@vencord/discord-types";

7import { findComponentByCodeLazy } from "@webpack";

8import { ContextMenuApi, Menu } from "@webpack/common";

10interface UserProfileProps {

11 popoutProps: Record<string, any>;

12 currentUser: User;

13 originalRenderPopout: () => React.ReactNode;

14}

16const UserProfile = findComponentByCodeLazy(".isNonUserBot()?", ",onClickContainer:");

18let openAlternatePopout = false;

19let accountPanelRef: React.RefObject<HTMLDivElement | null> = { current: null };

21const AccountPanelContextMenu = ErrorBoundary.wrap(() => {

22 const { prioritizeServerProfile } = settings.use(["prioritizeServerProfile"]);

24 return (

25 <Menu.Menu

26 navId="vc-ap-server-profile"

27 onClose={ContextMenuApi.closeContextMenu}

28 >

29 <Menu.MenuItem

30 id="vc-ap-view-alternate-popout"

31 label={prioritizeServerProfile ? "View Account Profile" : "View Server Profile"}

32 disabled={getCurrentChannel()?.getGuildId() == null}

33 action={e => {

34 openAlternatePopout = true;

35 accountPanelRef.current?.click();

36 }}

37 />

38 <Menu.MenuCheckboxItem

39 id="vc-ap-prioritize-server-profile"

40 label="Prioritize Server Profile"

41 checked={prioritizeServerProfile}

42 action={() => settings.store.prioritizeServerProfile = !prioritizeServerProfile}

43 />

44 </Menu.Menu>

45 );

46}, { noop: true });

48const settings = definePluginSettings({

49 prioritizeServerProfile: {

50 type: OptionType.BOOLEAN,

51 description: "Prioritize Server Profile when left clicking your account panel",

52 default: false

53 }

54});

56export default definePlugin({

57 name: "AccountPanelServerProfile",

58 description: "Right click your account panel in the bottom left to view your profile in the current server",

59 tags: ["Appearance", "Servers"],

60 authors: [Devs.Nuckyz, Devs.relitrix],

61 settings,

63 patches: [

64 {

65 find: "handleOpenSettingsContextMenu=",

66 group: true,

67 replacement: [

68 {

                    match: /(\.AVATAR,children:.+?renderPopout:\((\i),\i\)=>)\{(.+?)\}(?=,position)(?<=currentUser:(\i).+?)/,

                    replace: (_, rest, popoutProps, originalPopout, currentUser) => `${rest}$self.UserProfile({popoutProps:${popoutProps},currentUser:${currentUser},originalRenderPopout:()=>{${originalPopout}}})`

71 },

72 {

73 match: /\.AVATAR,children:.+?onRequestClose:=>\{/,

74 replace: "$&$self.onPopoutClose();"

75 },

76 {

77 match: /ref:(\i),style:\i(?=.{0,250}#{intl::USER_PROFILE_ACCOUNT_POPOUT_BUTTON_A11Y_LABEL})/,

78 replace: "$&,onContextMenu:($self.grabRef($1),$self.openAccountPanelContextMenu)"

79 }

80 ]

81 }

82 ],

84 get accountPanelRef() {

85 return accountPanelRef;

86 },

88 grabRef(ref: React.RefObject<HTMLDivElement>) {

89 accountPanelRef = ref;

90 return ref;

91 },

93 openAccountPanelContextMenu(event: React.UIEvent) {

94 ContextMenuApi.openContextMenu(event, AccountPanelContextMenu);

95 },

97 onPopoutClose() {

98 openAlternatePopout = false;

99 },

100

101 UserProfile: ErrorBoundary.wrap(({ popoutProps, currentUser, originalRenderPopout }: UserProfileProps) => {

102 if (

103 (settings.store.prioritizeServerProfile && openAlternatePopout) ||

104 (!settings.store.prioritizeServerProfile && !openAlternatePopout)

105 ) {

106 return originalRenderPopout();

107 }

108

109 const currentChannel = getCurrentChannel();

110 if (currentChannel?.getGuildId() == null || !UserProfile.$$vencordGetWrappedComponent()) {

111 return originalRenderPopout();

112 }

113

114 return (

115 <UserProfile

116 {...popoutProps}

117 user={currentUser}

118 currentUser={currentUser}

119 guildId={currentChannel.getGuildId()}

120 channelId={currentChannel.id}

121 />

122 );

123 }, { noop: true })

124});

125

import { definePluginSettings } from "@api/Settings";
import ErrorBoundary from "@components/ErrorBoundary";
import { Devs } from "@utils/constants";
import { getCurrentChannel } from "@utils/discord";
import definePlugin, { OptionType } from "@utils/types";
import { User } from "@vencord/discord-types";
import { findComponentByCodeLazy } from "@webpack";
import { ContextMenuApi, Menu } from "@webpack/common";

interface UserProfileProps {
    popoutProps: Record<string, any>;
    currentUser: User;
    originalRenderPopout: () => React.ReactNode;
}

const UserProfile = findComponentByCodeLazy(".isNonUserBot()?", ",onClickContainer:");

let openAlternatePopout = false;
let accountPanelRef: React.RefObject<HTMLDivElement | null> = { current: null };

const AccountPanelContextMenu = ErrorBoundary.wrap(() => {
    const { prioritizeServerProfile } = settings.use(["prioritizeServerProfile"]);

    return (
        <Menu.Menu
            navId="vc-ap-server-profile"
            onClose={ContextMenuApi.closeContextMenu}
        >
            <Menu.MenuItem
                id="vc-ap-view-alternate-popout"
                label={prioritizeServerProfile ? "View Account Profile" : "View Server Profile"}
                disabled={getCurrentChannel()?.getGuildId() == null}
                action={e => {
                    openAlternatePopout = true;
                    accountPanelRef.current?.click();
                }}
            />
            <Menu.MenuCheckboxItem
                id="vc-ap-prioritize-server-profile"
                label="Prioritize Server Profile"
                checked={prioritizeServerProfile}
                action={() => settings.store.prioritizeServerProfile = !prioritizeServerProfile}
            />
        </Menu.Menu>
    );
}, { noop: true });

const settings = definePluginSettings({
    prioritizeServerProfile: {
        type: OptionType.BOOLEAN,
        description: "Prioritize Server Profile when left clicking your account panel",
        default: false
    }
});

export default definePlugin({
    name: "AccountPanelServerProfile",
    description: "Right click your account panel in the bottom left to view your profile in the current server",
    tags: ["Appearance", "Servers"],
    authors: [Devs.Nuckyz, Devs.relitrix],
    settings,

    patches: [
        {
            find: "handleOpenSettingsContextMenu=",
            group: true,
            replacement: [
                {
                    match: /(\.AVATAR,children:.+?renderPopout:\((\i),\i\)=>)\{(.+?)\}(?=,position)(?<=currentUser:(\i).+?)/,
                    replace: (_, rest, popoutProps, originalPopout, currentUser) => `${rest}$self.UserProfile({popoutProps:${popoutProps},currentUser:${currentUser},originalRenderPopout:()=>{${originalPopout}}})`
                },
                {
                    match: /\.AVATAR,children:.+?onRequestClose:\(\)=>\{/,
                    replace: "$&$self.onPopoutClose();"
                },
                {
                    match: /ref:(\i),style:\i(?=.{0,250}#{intl::USER_PROFILE_ACCOUNT_POPOUT_BUTTON_A11Y_LABEL})/,
                    replace: "$&,onContextMenu:($self.grabRef($1),$self.openAccountPanelContextMenu)"
                }
            ]
        }
    ],

    get accountPanelRef() {
        return accountPanelRef;
    },

    grabRef(ref: React.RefObject<HTMLDivElement>) {
        accountPanelRef = ref;
        return ref;
    },

    openAccountPanelContextMenu(event: React.UIEvent) {
        ContextMenuApi.openContextMenu(event, AccountPanelContextMenu);
    },

    onPopoutClose() {
        openAlternatePopout = false;
    },

    UserProfile: ErrorBoundary.wrap(({ popoutProps, currentUser, originalRenderPopout }: UserProfileProps) => {
        if (
            (settings.store.prioritizeServerProfile && openAlternatePopout) ||
            (!settings.store.prioritizeServerProfile && !openAlternatePopout)
        ) {
            return originalRenderPopout();
        }

        const currentChannel = getCurrentChannel();
        if (currentChannel?.getGuildId() == null || !UserProfile.$$vencordGetWrappedComponent()) {
            return originalRenderPopout();
        }

        return (
            <UserProfile
                {...popoutProps}
                user={currentUser}
                currentUser={currentUser}
                guildId={currentChannel.getGuildId()}
                channelId={currentChannel.id}
            />
        );
    }, { noop: true })
});

Source

FiveCord for Windows