Makes input more flexible

Author: RickCogley

processors/external_links_icon.ts

@@ -1,8 +1,18 @@
 import type { Page } from "../types/lume.ts";
 
-export default function externalLinksIcon(siteUrl?: URL) {
-  const fallbackUrl = new URL("https://blog.esolia.pro");
-  const baseUrl = siteUrl instanceof URL ? siteUrl : fallbackUrl;
+/**
+ * Adds an external link icon to <a target="_blank"> elements that point to external sites.
+ * Skips links inside elements with the class `.no-external-icon`.
+ *
+ * @param siteUrlInput - The base URL of the site, as a string or URL object.
+ */
+export default function externalLinksIcon(siteUrlInput?: string | URL) {
+  const fallbackUrl = new URL("https://example.com");
+  const siteUrl = siteUrlInput
+    ? siteUrlInput instanceof URL
+      ? siteUrlInput
+      : new URL(siteUrlInput)
+    : fallbackUrl;
 
   return (pages: Page[]) => {
     for (const page of pages) {
@@ -18,13 +28,13 @@ export default function externalLinksIcon(siteUrl?: URL) {
         if (!href || href.startsWith("#")) continue;
 
         try {
-          const linkUrl = new URL(href, baseUrl);
+          const linkUrl = new URL(href, siteUrl);
 
           const isExternal =
             (linkUrl.protocol === "http:" || linkUrl.protocol === "https:") &&
-            (linkUrl.protocol !== baseUrl.protocol ||
-              linkUrl.hostname !== baseUrl.hostname ||
-              linkUrl.port !== baseUrl.port);
+            (linkUrl.protocol !== siteUrl.protocol ||
+              linkUrl.hostname !== siteUrl.hostname ||
+              linkUrl.port !== siteUrl.port);
 
           if (isExternal) {
             link.classList.add("after:content-['_↗']");