FEATURE: Add support for custom icon url (#8)

* FEATURE: Add support for custom icon url

* DEV: Remove unnecessary variable

* FIX: ESLint error for `new` usage

Author: keegangeorge

common/common.scss

@@ -24,3 +24,7 @@
     }
   }
 }
+
+.custom-header-icon-link img {
+  width: 100%;
+}

javascripts/discourse/initializers/initialize-for-header-icon-links.js

@@ -1,6 +1,24 @@
 import { withPluginApi } from "discourse/lib/plugin-api";
 import { iconNode } from "discourse-common/lib/icon-library";
 import { dasherize } from "@ember/string";
+import isValidUrl from "../lib/isValidUrl";
+import { h } from "virtual-dom";
+
+function buildIcon(icon) {
+  if (isValidUrl(icon)) {
+    return h(
+      "img",
+      {
+        attributes: {
+          src: icon,
+        },
+      },
+      ""
+    );
+  } else {
+    return iconNode(icon.toLowerCase());
+  }
+}
 
 export default {
   name: "header-icon-links",
@@ -12,7 +30,7 @@ export default {
         splitLinks.forEach((link, index, links) => {
           const fragments = link.split(",").map((fragment) => fragment.trim());
           const title = fragments[0];
-          const icon = iconNode(fragments[1].toLowerCase());
+          const icon = buildIcon(fragments[1]);
           const href = fragments[2];
           const className = `header-icon-${dasherize(fragments[0])}`;
           const viewClass = fragments[3].toLowerCase();

javascripts/discourse/lib/isValidUrl.js

@@ -0,0 +1,9 @@
+export default function isValidUrl(string) {
+  try {
+    URL(string);
+  } catch (_) {
+    return false;
+  }
+
+  return true;
+}