Implement analytics for LinkBundle and Link

Api/Functions/CreateLinkBundle.cs

@@ -48,6 +48,15 @@ public async Task<HttpResponseData> Run([HttpTrigger(AuthorizationLevel.Anonymou
                 linkBundle.Provider = clientPrincipal.IdentityProvider;
             }
 
+            // Set the DateTime property of the LinkBundle to the current date and time
+            linkBundle.CreatedDate = DateTime.UtcNow;
+
+            // Set the referrer data of the LinkBundle to the referrer data from the request headers
+            if (req.Headers.TryGetValues("Referer", out var referrerValues))
+            {
+                linkBundle.ReferrerData = referrerValues.FirstOrDefault();
+            }
+
             try
             {
                 var databaseName = configuration["COSMOSDB_DATABASE"];

Api/Functions/GetLinkBundle.cs

@@ -40,9 +40,18 @@ public async Task<HttpResponseData> Run(
                 return await req.CreateJsonResponse(HttpStatusCode.NotFound, "No LinkBundle found for this vanity url");
             }
 
+            var linkBundle = result.First();
+
+            // Increment the Clicks property of each Link
+            foreach (var link in linkBundle.Links)
+            {
+                link.Clicks++;
+                link.CreatedDate = DateTime.UtcNow;
+            }
+
             var response = req.CreateResponse(HttpStatusCode.OK);
-            await response.WriteAsJsonAsync(result.First());
+            await response.WriteAsJsonAsync(linkBundle);
             return response;
         }
     }
-}
+}

Client/Shared/LinkBundleDetails.razor

@@ -40,6 +40,16 @@
                     </button>
                 </div>
             </div>
+            <div class="columns">
+                <div class="column">
+                    <label class="control-label" for="createdDate">Created Date</label>
+                    <input id="createdDate" value="@StateContainer.LinkBundle.CreatedDate.ToString("g")" class="input is-large" disabled />
+                </div>
+                <div class="column">
+                    <label class="control-label" for="referrerData">Referrer Data</label>
+                    <textarea rows="2" class="textarea has-fixed-size" id="referrerData" @bind="StateContainer.LinkBundle.ReferrerData" disabled></textarea>
+                </div>
+            </div>
         </div>
     </div>
 </div>
@@ -134,4 +144,4 @@
     {
         StateContainer.OnChange -= StateHasChanged;
     }
-}
+}

Client/Shared/LinkBundleItem.razor

@@ -32,6 +32,8 @@
                       @link.Description
                     </p>
                     <p class="link-url">@link.Url</p>
+                    <p class="link-clicks">Clicks: @link.Clicks</p>
+                    <p class="link-created-date">Created Date: @link.CreatedDate.ToString("g")</p>
                   </div>
                 </div>
               </div>

Shared/Link.cs

@@ -15,5 +15,9 @@ public class Link
         public string Description { get; set; }
         [JsonPropertyName("image")]
         public string Image { get; set; }
+        [JsonPropertyName("clicks")]
+        public int Clicks { get; set; }
+        [JsonPropertyName("createdDate")]
+        public DateTime CreatedDate { get; set; }
     }
-}
+}

Shared/LinkBundle.cs

@@ -19,5 +19,9 @@ public class LinkBundle
         public string Provider { get; set; }
         [JsonPropertyName("links")]
         public List<Link> Links { get; set; } = new List<Link>();
+        [JsonPropertyName("createdDate")]
+        public DateTime CreatedDate { get; set; }
+        [JsonPropertyName("referrerData")]
+        public string ReferrerData { get; set; }
     }
-}
+}