Add copy code block for rule

src/ui/pages/EditRule.tsx

@@ -1,16 +1,28 @@
+import { clipboard as Clipboard } from "@vendetta/metro/common";
 import { storage } from "@vendetta/plugin";
 import { useProxy } from "@vendetta/storage";
+import { getAssetIDByName } from "@vendetta/ui/assets";
 import { Forms, General } from "@vendetta/ui/components";
+import { showToast } from "@vendetta/ui/toasts";
 import { Rule } from "../../def";
 
 // Components
 const { ScrollView } = General;
-const { FormSection, FormInput, FormDivider, FormSwitchRow } = Forms;
+const { FormSection, FormInput, FormDivider, FormSwitchRow, FormRow } = Forms;
+
+const MessageCopy = getAssetIDByName("ic_message_copy");
 
 export default function EditRule({ ruleIndex }) {
 	let rule = storage.rules[ruleIndex] as Rule;
 	useProxy(storage);
 
+	const copyCodeBlockCallback = () => {
+		const ruleJson = JSON.stringify(rule, null, 4);
+		const ruleCodeBlock = `\`\`\`json\n${ruleJson}\n\`\`\``;
+		Clipboard.setString(ruleCodeBlock);
+		showToast(`Copied ${rule.name} to Clipboard`, MessageCopy);
+	};
+
 	return (
 		<ScrollView>
 			<FormSection>
@@ -53,6 +65,9 @@ export default function EditRule({ ruleIndex }) {
 					onValueChange={(v: boolean) => rule.regex = v}
 				/>
 			</FormSection>
+			<FormSection>
+				<FormRow label="Copy code block to Clipboard" onPress={copyCodeBlockCallback} />
+			</FormSection>
 		</ScrollView>
 	);
 };