From f4ac8617afc31e4bd51ac219b088bbd4981291f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Greg=20Berg=C3=A9?= <berge.greg@gmail.com>
Date: Mon, 10 Feb 2025 17:22:56 +0100
Subject: [PATCH] fix: fix `URL.canParse` not available

Fix ARGOS-BROWSER-BD
---
 .../src/pages/Build/BuildDetailToolbar.tsx    | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/pages/Build/BuildDetailToolbar.tsx b/apps/frontend/src/pages/Build/BuildDetailToolbar.tsx
index 20755c7a9..509dd274b 100644
--- a/apps/frontend/src/pages/Build/BuildDetailToolbar.tsx
+++ b/apps/frontend/src/pages/Build/BuildDetailToolbar.tsx
@@ -135,7 +135,7 @@ export const BuildDetailToolbar = memo(function BuildDetailToolbar({
               <MediaTypeIndicator mediaType={mediaType} className="size-4" />
             )}
             {viewport && <ViewportIndicator viewport={viewport} />}
-            {url && URL.canParse(url) ? (
+            {url && checkIsValidURL(url) ? (
               <UrlIndicator
                 url={url}
                 previewUrl={previewUrl}
@@ -181,6 +181,25 @@ export const BuildDetailToolbar = memo(function BuildDetailToolbar({
   );
 });
 
+/**
+ * Check if a URL can be parsed.
+ */
+function checkIsValidURL(url: string) {
+  // If browser does not support URL, return false.
+  if (typeof URL !== "function") {
+    return false;
+  }
+  // If browser does not support URL.canParse, try to parse the URL.
+  if (typeof URL.canParse !== "function") {
+    try {
+      new URL(url);
+    } catch {
+      return false;
+    }
+  }
+  return URL.canParse(url);
+}
+
 function resolveDiffMetadata(diff: Diff) {
   return (
     (diff.status === ScreenshotDiffStatus.Removed