Add `target="_blank"` attribute to external links — radicle-explorer

👉 Preview
👉 Workflow runs
👉 Branch on GitHub

   }
   afterUpdate(async () => {
     // Don't underline <a> tags that contain images.
     for (const e of container.querySelectorAll("a")) {
       if (URL.canParse(e.href)) {
         const url = new URL(e.href);
         if (url.origin !== window.origin) {
           e.target = "_blank";
         }
       }
       // Don't underline <a> tags that contain images.
       if (e.firstElementChild instanceof HTMLImageElement) {
         e.classList.add("no-underline");
       }

       // By lowercasing we avoid casing mismatches, between headings and links.
       return `<a href="${href.toLowerCase()}">${text}</a>`;
     } else {
       try {
         href = new URL(href, this.#baseUrl).href;
       } catch {
         // Use original href value
       }
       href = URL.canParse(href, this.#baseUrl)
         ? new URL(href, this.#baseUrl).href
         : href;
       return `<a href="${href}">${text}</a>`;
     }
   }

   });
 });
 test("external markdown link", async ({ page }) => {
 test("external markdown link", async ({ context, page }) => {
   await page.route("https://example.com/**", route => {
     return route.fulfill({ body: "hello", contentType: "text/plain" });
   });
   await page.goto(`${markdownUrl}/tree/main/footnotes.md`);
   const pagePromise = context.waitForEvent("page");
   await page.getByRole("link", { name: "https://example.com" }).click();
   await expect(page).toHaveURL("https://example.com");
   const newPage = await pagePromise;
   await expect(newPage).toHaveURL("https://example.com");
 });
 test("internal file markdown link", async ({ page }) => {