feat: Refactor telemetry and update canonical URL logic

Refactors the telemetry JavaScript to remove fallback URLs, ensuring `data-url` is the sole source for view and like counts.

Updates the `PreferredCanonical` function to construct the canonical URL directly from the post's path, simplifying the logic and removing reliance on `LangCanonical` metadata.

Also includes minor CSS updates for filter properties and templating fixes for URL generation.

Author: lemon-mint

public/main.js

@@ -575,11 +575,9 @@ async function telemetry() {
     try {
         const viewEls = document.querySelectorAll('[data-view-count]');
         if (viewEls.length > 0) {
-            // Prefer canonical URL if present (server-rendered), otherwise use current location as default.
-            const canonicalEl = document.querySelector('link[rel="canonical"]');
-            const defaultUrl = (canonicalEl && canonicalEl.href) ? canonicalEl.href : window.location.href;
+            // Use element's data-url only (do NOT fall back to canonical or current location).
             const urls = Array.from(viewEls)
-                .map(el => el.getAttribute('data-url') || defaultUrl)
+                .map(el => el.getAttribute('data-url'))
                 .filter(Boolean);
             // Deduplicate URLs and record views for each
             const uniqueUrls = [...new Set(urls)];
@@ -620,7 +618,8 @@ async function hydrateCounts() {
     // Views
     const viewEls = document.querySelectorAll('[data-view-count]');
     for (const el of viewEls) {
-        const url = el.getAttribute('data-url') || window.location.href;
+        const url = el.getAttribute('data-url');
+        if (!url) continue;
         // keep placeholder until hydrated
         el.textContent = 'views ....';
         try {
@@ -638,7 +637,8 @@ async function hydrateCounts() {
     // Likes
     const likeButtons = document.querySelectorAll('[data-like-button]');
     for (const btn of likeButtons) {
-        const url = btn.getAttribute('data-url') || window.location.href;
+        const url = btn.getAttribute('data-url');
+        if (!url) continue;
         const span = btn.querySelector('[data-like-count]');
         if (span) span.textContent = 'like ...';
         try {

view/component_blog_header.templ

@@ -3,7 +3,7 @@ package view
 templ BlogHeader(m *Metadata) {
 	<header class="flex justify-between items-center p-4 border-2 border-black rounded-lg mb-6">
 		if m.Language != "en" {
-			<a class="text-2xl font-bold" href={templ.SafeURL("/"+m.Language+"/")}>GoSuda</a>
+			<a class="text-2xl font-bold" href={ templ.SafeURL("/" + m.Language + "/") }>GoSuda</a>
 		} else {
 			<a class="text-2xl font-bold" href="/">GoSuda</a>
 		}

view/component_blog_header_templ.go

@@ -6,15 +6,7 @@ import (
 )
 
 func PreferredCanonical(meta *types.Metadata) string {
-	if meta == nil {
-		return ""
-	}
-	if meta.LangCanonical != nil {
-		if v, ok := meta.LangCanonical["en"]; ok && v != "" {
-			return v
-		}
-	}
-	return meta.Canonical
+	return "https://gosuda.org" + meta.Path
 }
 
 templ GosudaBlogPost(m *Metadata, doc *types.Document, post *types.Post) {

view/component_gosuda_blog_post.templ

@@ -51,9 +51,9 @@ templ Head(m *Metadata) {
 			}
 		}
 		if m.Language == "en" {
-			<link rel="alternate" type="application/rss+xml" href={m.BaseURL+"/feed.rss"}/>
+			<link rel="alternate" type="application/rss+xml" href={ m.BaseURL + "/feed.rss" }/>
 		} else {
-			<link rel="alternate" type="application/rss+xml" href={m.BaseURL+"/"+m.Language+"/feed.rss"}/>
+			<link rel="alternate" type="application/rss+xml" href={ m.BaseURL + "/" + m.Language + "/feed.rss" }/>
 		}
 		<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png"/>
 		<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png"/>

view/component_gosuda_blog_post_templ.go

@@ -21,8 +21,8 @@ type Metadata struct {
 }
 
 type Alternate struct {
-	Default string
-	Versions   []KV
+	Default  string
+	Versions []KV
 }
 
 type KV struct {