feat: Add Umami analytics and view count to article details

layouts/partials/article/components/details.html

@@ -45,6 +45,13 @@ <h3 class="article-subtitle">
                 </time>
             </div>
         {{ end }}
+
+        {{ if .Site.Params.Analytics }}
+            <div class="article-time--count-wrapper" style="display: none">
+                {{ partial "helper/icon" "eye" }}
+                <time class="article-time--count"></time>
+            </div>
+        {{ end }}
     </footer>
     {{ end }}
 

layouts/partials/head/analytics/include.html

@@ -0,0 +1 @@
+{{ partial "head/analytics/provider/umami" . }}

layouts/partials/head/analytics/provider/umami.html

@@ -0,0 +1,37 @@
+{{- $umami := .Site.Params.Analytics.Umami -}}
+{{- if $umami -}}
+    {{- $host := default "https://cloud.umami.is" $umami.Host -}}
+    {{- if and ($umami.Enabled) ($umami.SiteId) -}}
+        <script defer src="{{ $host }}/script.js" data-website-id="{{ $umami.SiteId }}"></script>
+
+        {{- if not .IsHome -}}
+            <script>
+                window.addEventListener("DOMContentLoaded", () => {
+                    const wrapper = document.getElementsByClassName("article-time--count-wrapper")[0];
+                    const e = wrapper && wrapper.getElementsByClassName("article-time--count")[0];
+                    if (e == null)
+                        return;
+                    const path = window.location.pathname;
+                    let options;
+                    {{- if $umami.Token -}}
+                    const token = {{ $umami.Token }};
+                    options = {
+                        headers: {
+                            'Authorization': `Bearer ${token}`
+                        }
+                    };
+                    {{- end -}}
+                    let st = new Date({{ $umami.StartAt }}).getTime();
+                    if (isNaN(st))
+                        st = 0; // fallback to 1970-01-01T00:00:00Z
+                    const now = new Date().getTime();
+                    const url = `{{ $host }}/api/websites/{{ $umami.SiteId }}/stats?startAt=${st}&endAt=${now}&url=${encodeURIComponent(path)}`;
+                    fetch(url, options).then(r => r.json()).then(data => {
+                        wrapper.style.display = '';
+                        e.textContent = String(data.visits ? data.visits.value : 0);
+                    });
+                });
+            </script>
+        {{- end -}}
+    {{- end -}}
+{{- end -}}

layouts/partials/head/head.html

@@ -23,4 +23,5 @@
 {{ end }}
 
 {{- template "_internal/google_analytics.html" . -}}
+{{- partial "head/analytics/include.html" . -}}
 {{- partial "head/custom.html" . -}}