From 4e7cb68783ab5c73e2323b3d53544fc8054717dd Mon Sep 17 00:00:00 2001
From: aliabd <ali.si3luwa@gmail.com>
Date: Wed, 17 Jul 2024 11:26:01 -0700
Subject: [PATCH 1/5] fix loop

---
 js/statustracker/package.json               |  2 +-
 js/statustracker/static/ToastContent.svelte | 24 +++++++++++++++++++--
 pnpm-lock.yaml                              |  6 +++---
 3 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/js/statustracker/package.json b/js/statustracker/package.json
index 19ef3ea300d7..56944e7e787c 100644
--- a/js/statustracker/package.json
+++ b/js/statustracker/package.json
@@ -18,7 +18,7 @@
 		"@gradio/atoms": "workspace:^",
 		"@gradio/icons": "workspace:^",
 		"@gradio/utils": "workspace:^",
-		"@gradio/markdown": "workspace:^"
+		"dompurify": "^3.0.3"
 	},
 	"devDependencies": {
 		"@gradio/preview": "workspace:^"
diff --git a/js/statustracker/static/ToastContent.svelte b/js/statustracker/static/ToastContent.svelte
index 6d7b4f74a821..aaa492d8c557 100644
--- a/js/statustracker/static/ToastContent.svelte
+++ b/js/statustracker/static/ToastContent.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Error, Info, Warning } from "@gradio/icons";
-	import { MarkdownCode } from "@gradio/markdown";
+	import DOMPurify from "dompurify";
 	import { createEventDispatcher, onMount } from "svelte";
 	import { fade } from "svelte/transition";
 	import type { ToastMessage } from "./types";
@@ -11,6 +11,26 @@
 	export let duration: number | null = 10;
 	export let visible = true;
 
+	const is_external_url = (link: string | null): boolean => {
+		try {
+			return !!link && new URL(link, location.href).origin !== location.origin;
+		} catch (e) {
+			return false;
+		}
+	};
+
+	DOMPurify.addHook("afterSanitizeAttributes", function (node) {
+		if ("target" in node) {
+			if (is_external_url(node.getAttribute("href"))) {
+				node.setAttribute("target", "_blank");
+				node.setAttribute("rel", "noopener noreferrer");
+			}
+		}
+	});
+
+	$: message = DOMPurify.sanitize(message);
+
+
 	$: display = visible;
 	$: duration = duration || null;
 
@@ -56,7 +76,7 @@
 	<div class="toast-details {type}">
 		<div class="toast-title {type}">{type}</div>
 		<div class="toast-text {type}">
-			<MarkdownCode {message} chatbot={false} render_markdown={false} />
+			{@html message}
 		</div>
 	</div>
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 21c4e2941e4b..ece0f09e37f0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1822,12 +1822,12 @@ importers:
       '@gradio/icons':
         specifier: workspace:^
         version: link:../icons
-      '@gradio/markdown':
-        specifier: workspace:^
-        version: link:../markdown
       '@gradio/utils':
         specifier: workspace:^
         version: link:../utils
+      dompurify:
+        specifier: ^3.0.3
+        version: 3.0.3
     devDependencies:
       '@gradio/preview':
         specifier: workspace:^

From 6d61319466a79624b64da35464ad054710a6707a Mon Sep 17 00:00:00 2001
From: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Date: Wed, 17 Jul 2024 18:29:03 +0000
Subject: [PATCH 2/5] add changeset

---
 .changeset/swift-ghosts-spend.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 .changeset/swift-ghosts-spend.md

diff --git a/.changeset/swift-ghosts-spend.md b/.changeset/swift-ghosts-spend.md
new file mode 100644
index 000000000000..b16273866196
--- /dev/null
+++ b/.changeset/swift-ghosts-spend.md
@@ -0,0 +1,6 @@
+---
+"@gradio/statustracker": minor
+"gradio": minor
+---
+
+feat:Fix dependency loop with statustracker and markdown 

From d800a9dc06fcf105d742bf10ff9adee1ed51cb47 Mon Sep 17 00:00:00 2001
From: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Date: Wed, 17 Jul 2024 18:30:01 +0000
Subject: [PATCH 3/5] add changeset

---
 .changeset/swift-ghosts-spend.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.changeset/swift-ghosts-spend.md b/.changeset/swift-ghosts-spend.md
index b16273866196..c2dd17894fb6 100644
--- a/.changeset/swift-ghosts-spend.md
+++ b/.changeset/swift-ghosts-spend.md
@@ -1,6 +1,6 @@
 ---
-"@gradio/statustracker": minor
-"gradio": minor
+"@gradio/statustracker": patch
+"gradio": patch
 ---
 
 feat:Fix dependency loop with statustracker and markdown 

From b8942b2b099702670e9d552b8d9d12a9c1d6d0de Mon Sep 17 00:00:00 2001
From: Abubakar Abid <abubakar@huggingface.co>
Date: Wed, 17 Jul 2024 11:36:44 -0700
Subject: [PATCH 4/5] format

---
 js/statustracker/static/ToastContent.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/js/statustracker/static/ToastContent.svelte b/js/statustracker/static/ToastContent.svelte
index aaa492d8c557..6ba416c132c8 100644
--- a/js/statustracker/static/ToastContent.svelte
+++ b/js/statustracker/static/ToastContent.svelte
@@ -30,7 +30,6 @@
 
 	$: message = DOMPurify.sanitize(message);
 
-
 	$: display = visible;
 	$: duration = duration || null;
 

From eea2a14eae7f60b7f2865f24daa87ccd6382d9cf Mon Sep 17 00:00:00 2001
From: aliabd <ali.si3luwa@gmail.com>
Date: Wed, 17 Jul 2024 11:43:41 -0700
Subject: [PATCH 5/5] fix type errors

---
 js/statustracker/package.json | 3 ++-
 pnpm-lock.yaml                | 3 +++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/js/statustracker/package.json b/js/statustracker/package.json
index 56944e7e787c..7301d9881d26 100644
--- a/js/statustracker/package.json
+++ b/js/statustracker/package.json
@@ -18,7 +18,8 @@
 		"@gradio/atoms": "workspace:^",
 		"@gradio/icons": "workspace:^",
 		"@gradio/utils": "workspace:^",
-		"dompurify": "^3.0.3"
+		"dompurify": "^3.0.3",
+		"@types/dompurify": "^3.0.2"
 	},
 	"devDependencies": {
 		"@gradio/preview": "workspace:^"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ece0f09e37f0..e1a64b398020 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1825,6 +1825,9 @@ importers:
       '@gradio/utils':
         specifier: workspace:^
         version: link:../utils
+      '@types/dompurify':
+        specifier: ^3.0.2
+        version: 3.0.2
       dompurify:
         specifier: ^3.0.3
         version: 3.0.3