✨ Re #35: Lets user specify custom headers and statusCheck url

src/components/LinkItems/Item.vue

@@ -67,6 +67,8 @@ export default {
     },
     itemSize: String,
     enableStatusCheck: Boolean,
+    statusCheckHeaders: Object,
+    statusCheckUrl: String,
     statusCheckInterval: Number,
   },
   data() {
@@ -141,8 +143,10 @@ export default {
     checkWebsiteStatus() {
       this.statusResponse = undefined;
       const baseUrl = process.env.VUE_APP_DOMAIN || window.location.origin;
-      const endpoint = `${baseUrl}/ping?url=${this.url}`;
-      axios.get(endpoint)
+      const urlToCheck = this.statusCheckUrl || this.url;
+      const headers = this.statusCheckHeaders || {};
+      const endpoint = `${baseUrl}/ping?url=${urlToCheck}`;
+      axios.get(endpoint, { headers })
         .then((response) => {
           if (response.data) this.statusResponse = response.data;
         })

src/components/LinkItems/ItemGroup.vue

@@ -27,6 +27,8 @@
         :target="item.target"
         :color="item.color"
         :backgroundColor="item.backgroundColor"
+        :statusCheckUrl="item.statusCheckUrl"
+        :statusCheckHeaders="item.statusCheckHeaders"
         :itemSize="newItemSize"
         :enableStatusCheck="shouldEnableStatusCheck(item.statusCheck)"
         :statusCheckInterval="getStatusCheckInterval()"