ReactErrorDecoder

index.ts

Download

Source

src/plugins/reactErrorDecoder/index.ts

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

2import definePlugin from "@utils/types";

3import { React } from "@webpack/common";

5let ERROR_CODES: Record<string, string> | undefined;

7export default definePlugin({

8 name: "ReactErrorDecoder",

9 description: 'Replaces "Minified React Error" with the actual error.',

10 tags: ["Developers"],

11 authors: [Devs.Cyn, Devs.maisymoe],

12 patches: [

13 {

14 find: "React has blocked a javascript: URL as a security precaution.",

15 replacement: {

16 match: /"https:\/\/react.dev\/errors\/"\+\i;/,

                replace: "$&const vcDecodedError=$self.decodeError(...arguments);if(vcDecodedError)return vcDecodedError;"

18 }

19 }

20 ],

22 async start() {

        const CODES_URL = `https:class="ts-cmt">//raw.githubusercontent.com/facebook/react/v${React.version}/scripts/error-codes/codes.json`;

25 ERROR_CODES = await fetch(CODES_URL)

26 .then(res => res.json())

27 .catch(e => console.error("[ReactErrorDecoder] Failed to fetch React error codes\n", e));

28 },

30 stop() {

31 ERROR_CODES = undefined;

32 },

34 decodeError(code: number, ...args: any) {

35 let index = 0;

36 return ERROR_CODES?.[code]?.replace(/%s/g, () => {

37 const arg = args[index];

38 index++;

39 return arg;

40 });

41 }

42});

import { Devs } from "@utils/constants";
import definePlugin from "@utils/types";
import { React } from "@webpack/common";

let ERROR_CODES: Record<string, string> | undefined;

export default definePlugin({
    name: "ReactErrorDecoder",
    description: 'Replaces "Minified React Error" with the actual error.',
    tags: ["Developers"],
    authors: [Devs.Cyn, Devs.maisymoe],
    patches: [
        {
            find: "React has blocked a javascript: URL as a security precaution.",
            replacement: {
                match: /"https:\/\/react.dev\/errors\/"\+\i;/,
                replace: "$&const vcDecodedError=$self.decodeError(...arguments);if(vcDecodedError)return vcDecodedError;"
            }
        }
    ],

    async start() {
        const CODES_URL = `https://raw.githubusercontent.com/facebook/react/v${React.version}/scripts/error-codes/codes.json`;

        ERROR_CODES = await fetch(CODES_URL)
            .then(res => res.json())
            .catch(e => console.error("[ReactErrorDecoder] Failed to fetch React error codes\n", e));
    },

    stop() {
        ERROR_CODES = undefined;
    },

    decodeError(code: number, ...args: any) {
        let index = 0;
        return ERROR_CODES?.[code]?.replace(/%s/g, () => {
            const arg = args[index];
            index++;
            return arg;
        });
    }
});

Source

FiveCord for Windows