feat: integrate partials in page generating

7 files changed, 276 insertions, 37 deletions

diff --git a/internal/lightgallery/html_renderer.go b/internal/lightgallery/html_renderer.go
index 17a6f2b..21bd049 100644
--- a/internal/lightgallery/html_renderer.go
+++ b/internal/lightgallery/html_renderer.go
@@ -119,7 +119,14 @@ function createLightGallery%s() {
 	galleryMap.set(inlineGallery, createLightGallery%s);
 }
 
-document.addEventListener('DOMContentLoaded', createLightGallery%s);
+document.addEventListener('htmx:afterRequest', (e) => {
+	if (e.detail.xhr.status == 404 || e.detail.successful != true) {
+		return console.error(e);
+    }
+	if (e.detail.target.id == 'general-page-body') {
+		createLightGallery%s();
+	}
+});
 </script>`, galleryID, galleryID, strings.Join(dynamicElements, ","), galleryID, galleryID))
 	}
 
diff --git a/internal/router/api-v1-general-page-body.go b/internal/router/api-v1-general-page-body.go
new file mode 100644
index 0000000..419bad6
--- /dev/null
+++ b/internal/router/api-v1-general-page-body.go
@@ -0,0 +1,137 @@
+package router
+
+import (
+	"fmt"
+	"html/template"
+	"log/slog"
+	"net/url"
+	"regexp"
+	"slices"
+	"strings"
+
+	"github.com/SayaAndy/saya-today-web/internal/b2"
+	"github.com/SayaAndy/saya-today-web/locale"
+	"github.com/gofiber/fiber/v2"
+	"github.com/yuin/goldmark"
+)
+
+func init() {
+	tm.Add("general-page-body", "views/partials/general-page-body.html")
+}
+
+func Api_V1_GeneralPage_Body(l map[string]*locale.LocaleConfig, langs []string, b2Client *b2.B2Client, md goldmark.Markdown) func(c *fiber.Ctx) error {
+	return func(c *fiber.Ctx) error {
+		c.Set(fiber.HeaderContentType, fiber.MIMETextPlainCharsetUTF8)
+
+		referer := c.Get("Referer", "")
+		if referer == "" {
+			return c.Status(fiber.ErrBadRequest.Code).SendString("'Referer' header is empty")
+		}
+		urlStruct, err := url.ParseRequestURI(referer)
+		if err != nil {
+			return c.Status(fiber.ErrBadRequest.Code).SendString(fmt.Sprintf("'Referer' header is invalid: %s", err.Error()))
+		}
+
+		path := urlStruct.EscapedPath()
+		pathParts := strings.Split(strings.Trim(path, "/"), "/")
+		if len(pathParts) < 2 {
+			return c.Status(fiber.ErrBadRequest.Code).SendString("'Referer' header is invalid: expect format '/{lang}/...'")
+		}
+
+		lang := pathParts[0]
+		if !slices.Contains(langs, lang) {
+			return c.Status(fiber.ErrNotFound.Code).SendString(fmt.Sprintf("server does not support '%s' language... yet??", lang))
+		}
+
+		values := fiber.Map{
+			"L":    l[lang],
+			"Lang": lang,
+		}
+		var additionalTemplates []string
+
+		if len(pathParts) == 2 && pathParts[1] == "blog" {
+			querySort := c.Query("sort")
+			if querySort == "" {
+				querySort = "publicationDateDesc"
+			}
+
+			encodedQuery := c.Request().URI().QueryString()
+			re, err := regexp.Compile(`tags\[\]=([\w]+)`)
+			if err != nil {
+				slog.Warn("failed to generate regex for tags gathering", slog.String("error", err.Error()))
+				return c.Status(fiber.ErrInternalServerError.Code).SendString("failed to generate regex for tags gathering")
+			}
+			decodedQuery, _ := url.QueryUnescape(string(encodedQuery))
+			matches := re.FindAllStringSubmatch(decodedQuery, -1)
+
+			queryTags := make([]string, 0, len(matches))
+			for _, match := range matches {
+				queryTags = append(queryTags, string(match[1]))
+			}
+
+			pages, err := b2Client.Scan(lang + "/")
+			if err != nil {
+				slog.Warn("failed to scan pages via b2", slog.String("error", err.Error()))
+				return c.Status(fiber.ErrInternalServerError.Code).SendString(fmt.Sprintf("failed to scan pages via b2: %s", slog.String("error", err.Error())))
+			}
+
+			tagsMap := make(map[string]int)
+			for _, page := range pages {
+				for _, tag := range page.Metadata.Tags {
+					tagsMap[tag]++
+				}
+			}
+			slog.Debug("enlist pages for catalogue", slog.Int("tag_count", len(tagsMap)), slog.Int("page_count", len(pages)), slog.String("path", c.Path()))
+
+			type Tag struct {
+				Name  string `json:"Name" yaml:"name"`
+				Count int    `json:"Count" yaml:"count"`
+			}
+
+			tagsArray := make([]Tag, 0, len(tagsMap))
+			for tag, count := range tagsMap {
+				tagsArray = append(tagsArray, Tag{tag, count})
+			}
+			slices.SortFunc(tagsArray, func(a Tag, b Tag) int {
+				return strings.Compare(a.Name, b.Name)
+			})
+
+			values["Tags"] = tagsArray
+			values["QuerySort"] = querySort
+			values["QueryTags"] = strings.Join(queryTags, ",")
+
+			additionalTemplates = append(additionalTemplates, "views/pages/blog-catalogue.html")
+		} else if len(pathParts) == 3 && pathParts[1] == "blog" {
+			metadata, parsedMarkdown, err := readBlogPost(md, b2Client, lang+"/"+pathParts[2])
+			if err != nil {
+				return c.Status(fiber.ErrNotFound.Code).SendString(fmt.Sprintf("failed to find '%s' post", pathParts[2]))
+			}
+
+			geolocationParts := strings.Split(metadata.Geolocation, " ")
+			var x, y, areaError string
+			if len(geolocationParts) >= 2 {
+				x = geolocationParts[0]
+				y = geolocationParts[1]
+			}
+			if len(geolocationParts) >= 3 {
+				areaError = geolocationParts[2]
+			}
+
+			values["ParsedMarkdown"] = template.HTML(parsedMarkdown)
+			values["MapLocationX"] = x
+			values["MapLocationY"] = y
+			values["MapLocationAreaMeters"] = areaError
+
+			additionalTemplates = append(additionalTemplates, "views/pages/blog-page.html")
+		}
+
+		content, err := tm.Render("general-page-body", values, additionalTemplates...)
+		if err != nil {
+			slog.Warn("failed to generate div", slog.String("path", path), slog.String("error", err.Error()))
+			return c.Status(fiber.ErrInternalServerError.Code).SendString("failed to generate div")
+		}
+
+		c.Set(fiber.HeaderContentType, fiber.MIMETextHTMLCharsetUTF8)
+		return c.Status(fiber.StatusOK).Type("html").Send(content)
+	}
+}
diff --git a/internal/router/api-v1-general-page-footer.go b/internal/router/api-v1-general-page-footer.go
new file mode 100644
index 0000000..4c3a35e
--- /dev/null
+++ b/internal/router/api-v1-general-page-footer.go
@@ -0,0 +1,63 @@
+package router
+
+import (
+	"fmt"
+	"log/slog"
+	"net/url"
+	"slices"
+	"strings"
+
+	"github.com/SayaAndy/saya-today-web/locale"
+	"github.com/gofiber/fiber/v2"
+)
+
+func init() {
+	tm.Add("general-page-footer", "views/partials/general-page-footer.html")
+}
+
+func Api_V1_GeneralPage_Footer(l map[string]*locale.LocaleConfig, langs []string) func(c *fiber.Ctx) error {
+	return func(c *fiber.Ctx) error {
+		c.Set(fiber.HeaderContentType, fiber.MIMETextPlainCharsetUTF8)
+
+		referer := c.Get("Referer", "")
+		if referer == "" {
+			return c.Status(fiber.ErrBadRequest.Code).SendString("'Referer' header is empty")
+		}
+		urlStruct, err := url.ParseRequestURI(referer)
+		if err != nil {
+			return c.Status(fiber.ErrBadRequest.Code).SendString(fmt.Sprintf("'Referer' header is invalid: %s", err.Error()))
+		}
+
+		path := urlStruct.EscapedPath()
+		pathParts := strings.Split(strings.Trim(path, "/"), "/")
+		if len(pathParts) < 2 {
+			return c.Status(fiber.ErrBadRequest.Code).SendString("'Referer' header is invalid: expect format '/{lang}/...'")
+		}
+
+		lang := pathParts[0]
+		if !slices.Contains(langs, lang) {
+			return c.Status(fiber.ErrNotFound.Code).SendString(fmt.Sprintf("server does not support '%s' language... yet??", lang))
+		}
+
+		values := fiber.Map{
+			"L":    l[lang],
+			"Lang": lang,
+		}
+		var additionalTemplates []string
+
+		if len(pathParts) == 2 && pathParts[1] == "blog" {
+			additionalTemplates = append(additionalTemplates, "views/pages/blog-catalogue.html")
+		} else if len(pathParts) == 3 && pathParts[1] == "blog" {
+			additionalTemplates = append(additionalTemplates, "views/pages/blog-page.html")
+		}
+
+		content, err := tm.Render("general-page-footer", values, additionalTemplates...)
+		if err != nil {
+			slog.Warn("failed to generate div", slog.String("path", path), slog.String("error", err.Error()))
+			return c.Status(fiber.ErrInternalServerError.Code).SendString("failed to generate div")
+		}
+
+		c.Set(fiber.HeaderContentType, fiber.MIMETextHTMLCharsetUTF8)
+		return c.Status(fiber.StatusOK).Type("html").Send(content)
+	}
+}
diff --git a/internal/router/api-v1-general-page-header.go b/internal/router/api-v1-general-page-header.go
index 8ac7c03..045ff8b 100644
--- a/internal/router/api-v1-general-page-header.go
+++ b/internal/router/api-v1-general-page-header.go
@@ -2,15 +2,21 @@ package router
 
 import (
 	"fmt"
+	"log/slog"
 	"net/url"
 	"slices"
 	"strings"
 
+	"github.com/SayaAndy/saya-today-web/internal/b2"
 	"github.com/SayaAndy/saya-today-web/locale"
 	"github.com/gofiber/fiber/v2"
 )
 
-func Api_V1_GeneralPage_Header(l map[string]*locale.LocaleConfig, langs []string) func(c *fiber.Ctx) error {
+func init() {
+	tm.Add("general-page-header", "views/partials/general-page-header.html")
+}
+
+func Api_V1_GeneralPage_Header(l map[string]*locale.LocaleConfig, langs []string, b2Client *b2.B2Client) func(c *fiber.Ctx) error {
 	return func(c *fiber.Ctx) error {
 		c.Set(fiber.HeaderContentType, fiber.MIMETextPlainCharsetUTF8)
 
@@ -24,7 +30,7 @@ func Api_V1_GeneralPage_Header(l map[string]*locale.LocaleConfig, langs []string
 		}
 
 		path := urlStruct.EscapedPath()
-		pathParts := strings.SplitN(strings.Trim(path, "/"), "/", 2)
+		pathParts := strings.Split(strings.Trim(path, "/"), "/")
 		if len(pathParts) < 2 {
 			return c.Status(fiber.ErrBadRequest.Code).SendString("'Referer' header is invalid: expect format '/{lang}/...'")
 		}
@@ -34,6 +40,33 @@ func Api_V1_GeneralPage_Header(l map[string]*locale.LocaleConfig, langs []string
 			return c.Status(fiber.ErrNotFound.Code).SendString(fmt.Sprintf("server does not support '%s' language... yet??", lang))
 		}
 
-		return nil
+		values := fiber.Map{
+			"L":    l[lang],
+			"Lang": lang,
+		}
+		var additionalTemplates []string
+
+		if len(pathParts) == 2 && pathParts[1] == "blog" {
+			values["Title"] = l[lang].BlogSearch.Header
+			additionalTemplates = append(additionalTemplates, "views/pages/blog-catalogue.html")
+		} else if len(pathParts) == 3 && pathParts[1] == "blog" {
+			metadata, _, err := b2Client.ReadFrontmatter(lang + "/" + pathParts[2] + ".md")
+			if err != nil {
+				return c.Status(fiber.ErrNotFound.Code).SendString(fmt.Sprintf("could not read '%s' for content", path))
+			}
+			values["Title"] = metadata.Title
+			values["PublishedDate"] = metadata.PublishedTime.Format("2006-01-02 15:04:05 -07:00")
+			values["ActionDate"] = metadata.ActionDate
+			additionalTemplates = append(additionalTemplates, "views/pages/blog-page.html")
+		}
+
+		content, err := tm.Render("general-page-header", values, additionalTemplates...)
+		if err != nil {
+			slog.Warn("failed to generate div", slog.String("path", path), slog.String("error", err.Error()))
+			return c.Status(fiber.ErrInternalServerError.Code).SendString("failed to generate div")
+		}
+
+		c.Set(fiber.HeaderContentType, fiber.MIMETextHTMLCharsetUTF8)
+		return c.Status(fiber.StatusOK).Type("html").Send(content)
 	}
 }
diff --git a/internal/templatemanager/templatemanager.go b/internal/templatemanager/templatemanager.go
index 640a706..d8adab6 100644
--- a/internal/templatemanager/templatemanager.go
+++ b/internal/templatemanager/templatemanager.go
@@ -55,7 +55,11 @@ func (tm *TemplateManager) Render(name string, data any, files ...string) ([]byt
 	if len(files) == 0 {
 		tempTmpl = tmpl.Tmpl
 	} else {
-		tempTmpl, err = tmpl.Tmpl.ParseFiles(files...)
+		tempTmpl, err = tmpl.Tmpl.Clone()
+		if err != nil {
+			return nil, fmt.Errorf("couldn't clone existing template for rendering: %w", err)
+		}
+		tempTmpl, err = tempTmpl.ParseFiles(files...)
 		if err != nil {
 			return nil, fmt.Errorf("couldn't include additional files in template rendering: %w", err)
 		}
diff --git a/main.go b/main.go
index 020f8ef..ace9916 100644
--- a/main.go
+++ b/main.go
@@ -124,10 +124,14 @@ func main() {
 	app.Get("/:lang/map", router.Lang_Map(localization, availableLanguages, b2Client))
 	app.Get("/:lang/blog", router.Lang_Blog(localization, availableLanguages, b2Client))
 	app.Get("/:lang/blog/:title", router.Lang_Blog_Title(localization, availableLanguages, b2Client, md))
+
 	app.Get("/api/v1/tz", router.Api_V1_TZ())
 	app.Get("/api/v1/blog-search", router.Api_V1_BlogSearch(localization, availableLanguages, b2Client))
 	app.Get("/api/v1/like", router.Api_V1_Like_Get(localization, b2Client))
 	app.Put("/api/v1/like", router.Api_V1_Like_Put(localization, b2Client))
+	app.Get("/api/v1/general-page/header", router.Api_V1_GeneralPage_Header(localization, availableLanguages, b2Client))
+	app.Get("/api/v1/general-page/body", router.Api_V1_GeneralPage_Body(localization, availableLanguages, b2Client, md))
+	app.Get("/api/v1/general-page/footer", router.Api_V1_GeneralPage_Footer(localization, availableLanguages))
 
 	app.Static("/", "./static")
 
diff --git a/views/layouts/general-page.html b/views/layouts/general-page.html
index 675b6e9..4e352f4 100644
--- a/views/layouts/general-page.html
+++ b/views/layouts/general-page.html
@@ -12,9 +12,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.8.3/css/lightgallery.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.8.3/css/lg-zoom.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.8.3/css/lg-thumbnail.min.css">
-    {{- if .MapLocationX }}
     <link rel="stylesheet" href="https://f003.backblazeb2.com/file/sayana-static/libs/leaflet/1.9.4/leaflet.css">
-    {{- end }}
     <link href="/output.css" rel="stylesheet">
 </head>
 
@@ -176,31 +174,18 @@
         <div class="pl-[0.5vw] bg-background-dark border-r-[0.4vmin] border-dashed border-main-dark"></div>
 
         <div class="ar-gt-0.8:min-w-fit ar-gt-0.8:max-w-[100vh] flex flex-col bg-background-dark relative pt-[1.6vmin] ml-[1.6vmin] pr-[1.6vmin]">
-            <div id="general-page-header" class="flex flex-col">
-                <div {{ if .PublishedDate }} hx-get="/api/v1/tz" hx-vals='js:{timestamp: "{{ .PublishedDate }}", tz: clientTimeZone}' hx-target="#published-date" hx-swap="innerHTML" hx-trigger="load" {{ end }}
-                    class="flex flex-row mb-[0.4vmin]">
-                    <i onclick="location.pathname += location.pathname.endsWith('/') ? '../' : '/../';" class="fas fa-circle-left hover:bg-main-dark hover:bg-opacity-10 cursor-pointer transition-colors duration-300 rounded-md text-[2vmax] mt-auto mb-auto px-[0.8vmin]"></i>
-                    <p class="text-[2vmax] font-spectral italic font-extrabold select-none mt-auto pl-[0.8vmin] pr-[1.2vmin]">//</p>
-                    <p class="text-[2vmax] font-spectral italic text-left mt-auto">{{ .Title }}</p>
-                    <p id="published-date" class="grow text-[1.5vmax] font-spectral text-secondary text-right mt-auto">{{ .PublishedDate }}</p>
-                </div>
-                {{ block "header" . }}{{ end }}
+            <div id="general-page-header" class="flex flex-col"
+                hx-get="/api/v1/general-page/header" hx-trigger="load" hx-target="this" hx-swap="innerHTML">
             </div>
 
             <hr class="border-t-4 border-dotted border-main-dark mb-[0.8vmin]">
 
-            <div id="general-page-body" class="flex flex-col max-h-[calc(100%-7vmax)] ar-lt-0.8:max-h-[calc(100%-25vh)] grow">
-                {{ block "body" . }}{{ end }}
+            <div id="general-page-body" class="flex flex-col max-h-[calc(100%-7vmax)] ar-lt-0.8:max-h-[calc(100%-25vh)] grow"
+                hx-get="/api/v1/general-page/body" hx-trigger="load" hx-target="this" hx-swap="innerHTML">
             </div>
 
-            <div id="general-page-footer" class="flex flex-row mt-[0.8vmin] mb-[0.4vmin]">
-                {{ block "footer" . }}{{ end }}
-                <p class="grow content-center text-[1vmax]/[1] font-spectral italic text-right text-secondary mr-2">
-                    All the photos on <a href="https://saya.today/">saya.today</a> are licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a> by <a href="https://t.me/EarlInisMona">Saya Andy</a> © {{ .PublishedYear }}
-                </p>
-                <img class="max-w-[1vmax] max-h-[1vmax] self-center" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" alt="CC">
-                <img class="max-w-[1vmax] max-h-[1vmax] self-center" src="https://mirrors.creativecommons.org/presskit/icons/by.svg" alt="BY">
-                <img class="max-w-[1vmax] max-h-[1vmax] self-center" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg" alt="SA">
+            <div id="general-page-footer" class="flex flex-row mt-[0.8vmin] mb-[0.4vmin]"
+                hx-get="/api/v1/general-page/footer" hx-trigger="load" hx-target="this" hx-swap="innerHTML">
             </div>
 
             <hr class="border-t-4 border-dotted border-main-dark mb-[0.8vmin]">
@@ -213,6 +198,7 @@
     <script src="https://f003.backblazeb2.com/file/sayana-static/libs/lightgallery/2.8.3/lightgallery.min.js"></script>
     <script src="https://f003.backblazeb2.com/file/sayana-static/libs/lightgallery/2.8.3/plugins/lg-zoom.min.js"></script>
     <script src="https://f003.backblazeb2.com/file/sayana-static/libs/lightgallery/2.8.3/plugins/lg-thumbnail.min.js"></script>
+    <script src="https://f003.backblazeb2.com/file/sayana-static/libs/leaflet/1.9.4/leaflet.js"></script>
 
     <script>
         const themeWheel = document.getElementById('theme-wheel');
@@ -333,9 +319,6 @@
         });
     </script>
 
-    {{- if .MapLocationX }}
-    <script src="https://f003.backblazeb2.com/file/sayana-static/libs/leaflet/1.9.4/leaflet.js"></script>
-
     <script>
         var map;
 
@@ -363,18 +346,27 @@
                 .openPopup();
         }
 
-        document.addEventListener('DOMContentLoaded', () => {initLocationMap(
-            'map-container',
-            {{ .MapLocationX }},
-            {{ .MapLocationY }},
-            {{ .MapLocationAreaMeters }}
-        )});
+        document.addEventListener('htmx:afterRequest', (e) => {
+            if (e.detail.xhr.status == 404 || e.detail.successful != true) {
+                return console.error(e);
+            }
+            if (e.detail.target.id == 'general-page-body') {
+                initLocationMap(
+                    'map-container',
+                    {{ .MapLocationX }},
+                    {{ .MapLocationY }},
+                    {{ .MapLocationAreaMeters }}
+                );
+            }
+        });
 
         let galleryResizeTimeout;
         window.addEventListener('resize', function() {
             clearTimeout(galleryResizeTimeout);
             galleryResizeTimeout = setTimeout(() => {
-                map.invalidateSize();
+                if (map !== undefined) {
+                    map.invalidateSize();
+                }
                 var oldGalleryMap = new Map(galleryMap);
                 oldGalleryMap.forEach((createFunc, g, map) => {
                     galleryMap.delete(g);
@@ -384,7 +376,6 @@
             }, 300);
         });
     </script>
-    {{- end }}
 
 </body>
 </html>