From 60f3ef4a39c5b3ae7a547384d32b6d5771050320 Mon Sep 17 00:00:00 2001
From: 7heMech <83923848+7heMech@users.noreply.github.com>
Date: Sat, 25 Nov 2023 14:34:50 +0200
Subject: [PATCH 1/4] Syntax highlighting

---
 plugins/ViewRaw/src/RawPage.tsx | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/plugins/ViewRaw/src/RawPage.tsx b/plugins/ViewRaw/src/RawPage.tsx
index 4f4ac80..09275ec 100644
--- a/plugins/ViewRaw/src/RawPage.tsx
+++ b/plugins/ViewRaw/src/RawPage.tsx
@@ -1,9 +1,17 @@
+import { findByName, findByProps, findByStoreName } from "@vendetta/metro"
 import { ReactNative, clipboard, React } from "@vendetta/metro/common"
 import { showToast } from "@vendetta/ui/toasts"
 import { getAssetIDByName } from "@vendetta/ui/assets"
-import { Codeblock, Button } from "@vendetta/ui/components"
+import { Button } from "@vendetta/ui/components"
 import { cleanMessage } from "./cleanMessage"
 
+const { default: ChatItemWrapper } = findByProps(
+  "DCDAutoModerationSystemMessageView",
+  "default"
+)
+const MessageRecord = findByName("MessageRecord")
+const RowManager = findByName("RowManager")
+
 const { ScrollView } = ReactNative
 
 export default function RawPage({ message }) {
@@ -34,8 +42,17 @@ export default function RawPage({ message }) {
                     showToast("Copied data to clipboard", getAssetIDByName("toast_copy_link"))
                 }}
             />
-            {message.content && <Codeblock selectable style={style}>{message.content}</Codeblock>}
-            <Codeblock selectable>{stringMessage}</Codeblock>
+           <ChatItemWrapper
+               rowGenerator={new RowManager()}
+               message={
+                   new MessageRecord({
+                       id: "0",
+                       channel_id: message.channel_id,
+                       author: message.author,
+                       content: message.content + "\n\n\n\n```js\n" + stringMessage + "\n```",
+                   })
+               }
+           />
         </ScrollView>
     </>)
 }

From e45805c1e06e846723a8972b710e9be575c8a626 Mon Sep 17 00:00:00 2001
From: 7heMech <83923848+7heMech@users.noreply.github.com>
Date: Sat, 25 Nov 2023 14:50:41 +0200
Subject: [PATCH 2/4] Fix spacing

---
 plugins/ViewRaw/src/RawPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/ViewRaw/src/RawPage.tsx b/plugins/ViewRaw/src/RawPage.tsx
index 09275ec..8aabf57 100644
--- a/plugins/ViewRaw/src/RawPage.tsx
+++ b/plugins/ViewRaw/src/RawPage.tsx
@@ -49,7 +49,7 @@ export default function RawPage({ message }) {
                        id: "0",
                        channel_id: message.channel_id,
                        author: message.author,
-                       content: message.content + "\n\n\n\n```js\n" + stringMessage + "\n```",
+                       content: message.content + "\n\n```js\n" + stringMessage + "\n```",
                    })
                }
            />

From 42e667bb8d9f69c6bfaafb86296f613ead40b024 Mon Sep 17 00:00:00 2001
From: 7heMech <83923848+7heMech@users.noreply.github.com>
Date: Sat, 25 Nov 2023 15:09:16 +0200
Subject: [PATCH 3/4] Remove unused import

---
 plugins/ViewRaw/src/RawPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/ViewRaw/src/RawPage.tsx b/plugins/ViewRaw/src/RawPage.tsx
index 8aabf57..2bafc77 100644
--- a/plugins/ViewRaw/src/RawPage.tsx
+++ b/plugins/ViewRaw/src/RawPage.tsx
@@ -1,5 +1,5 @@
-import { findByName, findByProps, findByStoreName } from "@vendetta/metro"
 import { ReactNative, clipboard, React } from "@vendetta/metro/common"
+import { findByName, findByProps } from "@vendetta/metro"
 import { showToast } from "@vendetta/ui/toasts"
 import { getAssetIDByName } from "@vendetta/ui/assets"
 import { Button } from "@vendetta/ui/components"

From 9ca83fb1fa8bbedecfb087b42a6107bad7677466 Mon Sep 17 00:00:00 2001
From: 7heMech <83923848+7heMech@users.noreply.github.com>
Date: Sun, 26 Nov 2023 14:09:26 +0000
Subject: [PATCH 4/4] Conditional syntax highlighting

---
 .gitignore                      |  6 +++++-
 plugins/ViewRaw/src/RawPage.tsx | 21 +++++++++++++++++----
 2 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/.gitignore b/.gitignore
index adc4bff..52ae0e9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,4 +2,8 @@ node_modules/
 dist/
 pnpm-lock.yaml
 yarn.lock
-package-lock.json
\ No newline at end of file
+package-lock.json
+.local
+result
+.replit
+replit.nix
\ No newline at end of file
diff --git a/plugins/ViewRaw/src/RawPage.tsx b/plugins/ViewRaw/src/RawPage.tsx
index 2bafc77..8e151c7 100644
--- a/plugins/ViewRaw/src/RawPage.tsx
+++ b/plugins/ViewRaw/src/RawPage.tsx
@@ -2,7 +2,7 @@ import { ReactNative, clipboard, React } from "@vendetta/metro/common"
 import { findByName, findByProps } from "@vendetta/metro"
 import { showToast } from "@vendetta/ui/toasts"
 import { getAssetIDByName } from "@vendetta/ui/assets"
-import { Button } from "@vendetta/ui/components"
+import { Button, Codeblock } from "@vendetta/ui/components"
 import { cleanMessage } from "./cleanMessage"
 
 const { default: ChatItemWrapper } = findByProps(
@@ -16,7 +16,8 @@ const { ScrollView } = ReactNative
 
 export default function RawPage({ message }) {
     const stringMessage = React.useMemo(() => JSON.stringify(cleanMessage(message), null, 4), [message.id])
-
+    const [raw, setRaw] = React.useState(false)
+  
     const style = { marginBottom: 8 }
 
     return (<>
@@ -42,7 +43,17 @@ export default function RawPage({ message }) {
                     showToast("Copied data to clipboard", getAssetIDByName("toast_copy_link"))
                 }}
             />
-           <ChatItemWrapper
+           <Button
+               style={style}
+               text="Display Raw Content"
+               color="brand"
+               size="small"
+               disabled={!message.content}
+               onPress={() => {
+                   setRaw(!raw)
+               }}
+           />
+          {!raw && <ChatItemWrapper
                rowGenerator={new RowManager()}
                message={
                    new MessageRecord({
@@ -52,7 +63,9 @@ export default function RawPage({ message }) {
                        content: message.content + "\n\n```js\n" + stringMessage + "\n```",
                    })
                }
-           />
+           />}
+          {raw && message.content && <Codeblock selectable style={style}>{message.content}</Codeblock>}
+          {raw && <Codeblock selectable>{stringMessage}</Codeblock>}
         </ScrollView>
     </>)
 }