Experiments — FiveCord

index.tsx

Download

Source

src/plugins/experiments/index.tsx

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

2import { disableStyle, enableStyle } from "@api/Styles";

3import ErrorBoundary from "@components/ErrorBoundary";

4import { ErrorCard } from "@components/ErrorCard";

5import { Paragraph } from "@components/Paragraph";

6import { Devs, IS_MAC } from "@utils/constants";

7import { Margins } from "@utils/margins";

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

9import { findByPropsLazy } from "@webpack";

10import { ExperimentStore, Forms, React } from "@webpack/common";

12import hideBugReport from "./hideBugReport.css?managed";

14const KbdStyles = findByPropsLazy("key", "combo");

16const modKey = IS_MAC ? "cmd" : "ctrl";

17const altKey = IS_MAC ? "opt" : "alt";

19const settings = definePluginSettings({

20 toolbarDevMenu: {

21 type: OptionType.BOOLEAN,

22 description: "Change the Help (?) toolbar button (top right in chat) to Discord's developer menu",

23 default: false,

24 restartNeeded: true

25 }

26});

28export default definePlugin({

29 name: "Experiments",

30 description: "Enable Access to Experiments & other dev-only features in Discord!",

31 tags: ["Developers", "Utility"],

32 authors: [

33 Devs.Megu,

34 Devs.Ven,

35 Devs.Nickyux,

36 Devs.BanTheNons,

37 Devs.Nuckyz,

38 ],

40 settings,

42 patches: [

43 {

44 find: "Object.defineProperties(this,{isDeveloper",

45 replacement: {

46 match: /(?<={isDeveloper:\{[^}]+?,get:=>)\i/,

47 replace: "true"

48 }

49 },

50 {

51 find: 'type:"user",revision',

52 replacement: {

53 match: /!(\i)(?=&&"CONNECTION_OPEN")/,

54 replace: "!($1=true)"

55 }

56 },

57 {

58 find: 'placeholder:"Search experiments"',

59 replacement: [

60 {

61 match: /(?<=children:\[)(?=null!=.{0,150}"Installation ID:)/,

62 replace: "$self.WarningCard(),"

63 },

64 // for some reason the installation id and copy buttons are on

65 // different lines so it looks stupid when the card above is added

66 {

67 match: /(?<=,marginBottom:16)(?=\},children:\[)/,

68 replace: ',flexDirection:"row",alignItems:"center"'

69 }

70 ]

71 },

72 // Change top right toolbar button from the help one to the dev one

73 {

74 find: '?"BACK_FORWARD_NAVIGATION":',

75 replacement: {

76 match: /hasBugReporterAccess:(\i)/,

77 replace: "_hasBugReporterAccess:$1=true"

78 },

79 predicate: () => settings.store.toolbarDevMenu

80 },

81 // Disable opening the bug report menu when clicking the top right toolbar dev button

82 {

83 find: 'navId:"staff-help-popout"',

84 replacement: {

85 match: /(isShown.+?)onClick:\i/,

86 replace: (_, rest) => `${rest}onClick:()=>{}`

87 }

88 },

89 // Enable experiment embed on sent experiment links

90 {

91 find: "Clear Treatment ",

92 replacement: [

93 {

94 match: /\i\?\.isStaff/,

95 replace: "true"

96 },

97 // Fix some tricky experiments name causing a client crash

98 {

99 match: /\.isStaffPersonal.+?if$null==(\i)\|\|null==\i(?=$return null;)/,

100 replace: "$&||({})[$1]!=null"

101 }

102 ]

103 },

104 // Fix another function which cases crashes with tricky experiment names and the experiment embed

105 {

106 find: "}getServerAssignment(",

107 replacement: {

108 match: /}getServerAssignment$(\i),\i,\i${/,

109 replace: "$&if($1==null)return;"

110 }

111 },

112

113 ],

114

115 start: () => ExperimentStore.getUserExperimentBucket("2026-01-bug-reporter") > 0 && enableStyle(hideBugReport),

116 stop: () => disableStyle(hideBugReport),

117

118 settingsAboutComponent: () => {

119 return (

120 <React.Fragment>

121 <Forms.FormTitle tag="h3">More Information</Forms.FormTitle>

122 <Paragraph size="md">

123 You can open Discord's DevTools via {" "}

124 <div className={KbdStyles.combo} style={{ display: "inline-flex" }}>

125 <kbd className={KbdStyles.key}>{modKey}</kbd>{" "}

126 <kbd className={KbdStyles.key}>{altKey}</kbd>{" "}

127 <kbd className={KbdStyles.key}>O</kbd>{" "}

128 </div>

129 </Paragraph>

130 </React.Fragment>

131 );

132 },

133

134 WarningCard: ErrorBoundary.wrap(() => (

135 <ErrorCard id="vc-experiments-warning-card" className={Margins.bottom16}>

136 <Forms.FormTitle tag="h2">Hold on!!</Forms.FormTitle>

137

138 <Forms.FormText>

139

                Experiments are unreleased Discord features. They might not work, or even break your client or get your account disabled.

140 </Forms.FormText>

141

142 <Forms.FormText className={Margins.top8}>

143

                Only use experiments if you know what you&#039;re doing. Vencord is not responsible for any damage caused by enabling experiments.

144

145

                If you don&#039;t know what an experiment does, ignore it. Do not ask us what experiments do either, we probably don&#039;t know.

146 </Forms.FormText>

147

148 <Forms.FormText className={Margins.top8}>

149 No, you cannot use server-side features like checking the "Send to Client" box.

150 </Forms.FormText>

151 </ErrorCard>

152 ), { noop: true })

153});

154

import { definePluginSettings } from "@api/Settings";
import { disableStyle, enableStyle } from "@api/Styles";
import ErrorBoundary from "@components/ErrorBoundary";
import { ErrorCard } from "@components/ErrorCard";
import { Paragraph } from "@components/Paragraph";
import { Devs, IS_MAC } from "@utils/constants";
import { Margins } from "@utils/margins";
import definePlugin, { OptionType } from "@utils/types";
import { findByPropsLazy } from "@webpack";
import { ExperimentStore, Forms, React } from "@webpack/common";

import hideBugReport from "./hideBugReport.css?managed";

const KbdStyles = findByPropsLazy("key", "combo");

const modKey = IS_MAC ? "cmd" : "ctrl";
const altKey = IS_MAC ? "opt" : "alt";

const settings = definePluginSettings({
    toolbarDevMenu: {
        type: OptionType.BOOLEAN,
        description: "Change the Help (?) toolbar button (top right in chat) to Discord's developer menu",
        default: false,
        restartNeeded: true
    }
});

export default definePlugin({
    name: "Experiments",
    description: "Enable Access to Experiments & other dev-only features in Discord!",
    tags: ["Developers", "Utility"],
    authors: [
        Devs.Megu,
        Devs.Ven,
        Devs.Nickyux,
        Devs.BanTheNons,
        Devs.Nuckyz,
    ],

    settings,

    patches: [
        {
            find: "Object.defineProperties(this,{isDeveloper",
            replacement: {
                match: /(?<={isDeveloper:\{[^}]+?,get:\(\)=>)\i/,
                replace: "true"
            }
        },
        {
            find: 'type:"user",revision',
            replacement: {
                match: /!(\i)(?=&&"CONNECTION_OPEN")/,
                replace: "!($1=true)"
            }
        },
        {
            find: 'placeholder:"Search experiments"',
            replacement: [
                {
                    match: /(?<=children:\[)(?=null!=.{0,150}"Installation ID:)/,
                    replace: "$self.WarningCard(),"
                },
                // for some reason the installation id and copy buttons are on
                // different lines so it looks stupid when the card above is added
                {
                    match: /(?<=,marginBottom:16)(?=\},children:\[)/,
                    replace: ',flexDirection:"row",alignItems:"center"'
                }
            ]
        },
        // Change top right toolbar button from the help one to the dev one
        {
            find: '?"BACK_FORWARD_NAVIGATION":',
            replacement: {
                match: /hasBugReporterAccess:(\i)/,
                replace: "_hasBugReporterAccess:$1=true"
            },
            predicate: () => settings.store.toolbarDevMenu
        },
        // Disable opening the bug report menu when clicking the top right toolbar dev button
        {
            find: 'navId:"staff-help-popout"',
            replacement: {
                match: /(isShown.+?)onClick:\i/,
                replace: (_, rest) => `${rest}onClick:()=>{}`
            }
        },
        // Enable experiment embed on sent experiment links
        {
            find: "Clear Treatment ",
            replacement: [
                {
                    match: /\i\?\.isStaff\(\)/,
                    replace: "true"
                },
                // Fix some tricky experiments name causing a client crash
                {
                    match: /\.isStaffPersonal\(\).+?if\(null==(\i)\|\|null==\i(?=\)return null;)/,
                    replace: "$&||({})[$1]!=null"
                }
            ]
        },
        // Fix another function which cases crashes with tricky experiment names and the experiment embed
        {
            find: "}getServerAssignment(",
            replacement: {
                match: /}getServerAssignment\((\i),\i,\i\){/,
                replace: "$&if($1==null)return;"
            }
        },

    ],

    start: () => ExperimentStore.getUserExperimentBucket("2026-01-bug-reporter") > 0 && enableStyle(hideBugReport),
    stop: () => disableStyle(hideBugReport),

    settingsAboutComponent: () => {
        return (
            <React.Fragment>
                <Forms.FormTitle tag="h3">More Information</Forms.FormTitle>
                <Paragraph size="md">
                    You can open Discord's DevTools via {" "}
                    <div className={KbdStyles.combo} style={{ display: "inline-flex" }}>
                        <kbd className={KbdStyles.key}>{modKey}</kbd>{" "}
                        <kbd className={KbdStyles.key}>{altKey}</kbd>{" "}
                        <kbd className={KbdStyles.key}>O</kbd>{" "}
                    </div>
                </Paragraph>
            </React.Fragment>
        );
    },

    WarningCard: ErrorBoundary.wrap(() => (
        <ErrorCard id="vc-experiments-warning-card" className={Margins.bottom16}>
            <Forms.FormTitle tag="h2">Hold on!!</Forms.FormTitle>

            <Forms.FormText>
                Experiments are unreleased Discord features. They might not work, or even break your client or get your account disabled.
            </Forms.FormText>

            <Forms.FormText className={Margins.top8}>
                Only use experiments if you know what you're doing. Vencord is not responsible for any damage caused by enabling experiments.

                If you don't know what an experiment does, ignore it. Do not ask us what experiments do either, we probably don't know.
            </Forms.FormText>

            <Forms.FormText className={Margins.top8}>
                No, you cannot use server-side features like checking the "Send to Client" box.
            </Forms.FormText>
        </ErrorCard>
    ), { noop: true })
});

Source

FiveCord for Windows