(TESTING) literally porting aliucord badge system JUST TO TEST!!!!!!! WILL REMOVE SOON

Author: byeoon

dist/vendetta.js

@@ -7,7 +7,7 @@ import initQuickInstall from "@ui/quickInstall";
 import initSafeMode from "@ui/safeMode";
 import initSettings from "@ui/settings";
 import initFixes from "@lib/fixes";
-import { initBadges } from "@/lib/badge/badges";
+import { patchBadges } from "@/lib/badge/badges";
 import logger from "@lib/logger";
 import windowObject from "@lib/windowObject";
 import { initTweaks } from "./lib/tweak";
@@ -23,7 +23,7 @@ export default async () => {
         initSafeMode(),
         initSettings(),
         initQuickInstall(),
-        initBadges(),
+        patchBadges(), // this is SO gonna break lmao
     ]);
     window.vendetta = await windowObject(unloads);
     unloads.push(await initPlugins());

src/index.ts

@@ -0,0 +1,98 @@
+/*
+ YES I KNOW THIS IS FROM ALIUCORD AND I DO NOT PLAN ON KEEPING IT LIKE THIS
+ THIS IS JUST A CONCEPT ON TESTING BADGES
+
+  YES I KNOW THIS IS FROM ALIUCORD AND I DO NOT PLAN ON KEEPING IT LIKE THIS
+  THIS IS JUST A CONCEPT ON TESTING BADGES
+
+  YES I KNOW THIS IS FROM ALIUCORD AND I DO NOT PLAN ON KEEPING IT LIKE THIS
+ THIS IS JUST A CONCEPT ON TESTING BADGES
+
+  YES I KNOW THIS IS FROM ALIUCORD AND I DO NOT PLAN ON KEEPING IT LIKE THIS
+ THIS IS JUST A CONCEPT ON TESTING BADGES
+*/
+
+import { after } from "../patcher";
+import { ReactNative as RN, React, stylesheet, toasts } from "../metro/common";
+import { findByName } from "../metro/filters";
+
+const { View, Image, TouchableOpacity } = RN;
+
+interface BadgeOwner {
+    roles: string[];
+    custom?: Badge[];
+}
+
+interface Badge {
+    url: string;
+    text: string;
+}
+
+const roles = {
+    "developer": {
+        "url": "https://raw.githubusercontent.com/Opti-mod/assets/main/opti_cog.PNG",
+        "text": "Opti Developer"
+    },
+};
+
+const url = "https://raw.githubusercontent.com/Opti-mod/Opti/rewrite/src/lib/badge/users.ts";
+
+export function patchBadges()
+{
+    const ProfileBadges = findByName("ProfileBadges", false);
+
+    const styles = stylesheet.createThemedStyleSheet({
+        container: {
+            flexDirection: "row",
+            alignItems: "center",
+            flexWrap: "wrap",
+            justifyContent: "flex-end",
+        },
+        img: {
+            width: 24,
+            height: 24,
+            resizeMode: "contain",
+            marginHorizontal: 4
+        }
+    });
+
+    const cache: Record<string, Badge[]> = {};
+
+    after(ProfileBadges, "default", (ctx : any) => {
+        const [, forceUpdate] = React.useReducer(x => x = !x, false);
+
+        const user = ctx.args[0]?.user;
+        if (user === undefined) return;
+
+        const badges = cache[user.id];
+        if (badges === undefined) {
+            fetch(`${url}/users/${user.id}.json`)
+                .then(r => r.json())
+                .then((badges: BadgeOwner) => {
+                    cache[user.id] = [...badges.roles.map(it => roles[it]), ...(badges.custom ?? [])];
+                    cache[user.id].length && forceUpdate();
+                });
+            return;
+        }
+
+        const renderedBadgesView = (
+            <View key="opti-badges" style={styles.container}>
+                {badges.map(badge => (
+                    <TouchableOpacity key={badge.url} onPress={() => {
+                        toasts.open({
+                            content: badge.text,
+                            source: { uri: badge.url }
+                        });
+                    }}>
+                        <Image source={{ uri: badge.url }} style={styles.img} />
+                    </TouchableOpacity>
+                ))}
+            </View>
+        );
+
+        if (!ctx.result) return renderedBadgesView;
+
+        ctx.result.props.children.push(renderedBadgesView);
+        return;
+    });
+}

src/lib/badge/badges.ts

@@ -1,7 +1,8 @@
-import { ErrorBoundaryProps } from "@types";
+import { ButtonColors, ErrorBoundaryProps } from "@types";
 import { React, ReactNative as RN, stylesheet, clipboard } from "@metro/common";
 import { Forms, Button, Codeblock, } from "@ui/components";
 import { sendCrashReport } from "@lib/webhook";
+import { showConfirmationAlert } from "../alerts";
 
 interface ErrorBoundaryState {
     hasErr: boolean;
@@ -54,22 +55,34 @@ export default class ErrorBoundary extends React.Component<ErrorBoundaryProps, E
                     onPress={() => this.setState({ hasErr: false, errText: undefined })}
                     text="Retry"
                 />
-               
+                 <Forms.FormText style={styles.br}> </Forms.FormText>
                  <Button
                     color={Button.Colors.BRAND}
                     size={Button.Sizes.MEDIUM}
                     look={Button.Looks.FILLED}
                     onPress={() => clipboard.setString("" + this.state.errStack)}
                     text="Copy Error to Clipboard"
                 />
-           
+             <Forms.FormText style={styles.br}> </Forms.FormText>
                     <Button
                     color={Button.Colors.BRAND}
                     size={Button.Sizes.SMALL}
                     look={Button.Looks.FILLED}
-                    onPress={() => sendCrashReport(
-                        "Crash Report Caused: " + this.state.errStack
-                    )}
+                    onPress={() => 
+                       showConfirmationAlert({
+                            title: "Are you sure?",
+                            content: `Sending a crash report will include the following details.
+                            - Username / UserID
+                            - Crash Stack
+                            - Time of Crash`,
+                            confirmText: "Send Report",
+                            cancelText: "Cancel",
+                            confirmColor: ButtonColors.RED,
+                            onConfirm: () => {
+                                sendCrashReport("This is a placeholder.");
+                            }
+                        })
+                    }
                     text="Send Crash Report"
                 />
             </RN.ScrollView>

src/lib/badge/badges.tsx

@@ -46,7 +46,7 @@ export const getScreens = (youKeys = false): Screen[] => [
     },
     {
         key: formatKey("VendettaSettingsTM", youKeys),
-        title: "Tweak Manager",
+        title: "Tweaks",
         icon: "ic_hammer_and_chisel_24px",
         render: TweakManager,
     },

src/ui/components/ErrorBoundary.tsx

@@ -103,8 +103,7 @@ export default function General() {
                         showToast("Copied Opti version to clipboard!", getAssetIDByName("ic_badge_staff"));
                         }
                     }
-                    />
-                    
+                    /> 
                     <FormDivider />
                     <FormRow
                         label="Discord Server"
@@ -121,18 +120,6 @@ export default function General() {
                     />
                 </FormSection>
                 <FormSection title="Actions">
-                <FormRow
-                        label="Tweak Manager"
-                        subLabel={`Manage Opti's built in tweaks.`}
-                        leading={<FormRow.Icon source={{ uri: 'https://raw.githubusercontent.com/Opti-mod/assets/main/Opti%202.png' }} /> }
-                        onPress={() => 
-                            navigation.push("VendettaCustomPage", {
-                                title: "Tweak Manager",
-                                render: TweakManager,
-                            })
-                        }
-                    />
-                <FormDivider />
                     <FormRow
                         label="Reload Discord"
                         subLabel={`This has a chance of crashing instead of directly reloading.`}