1 files changed, 137 insertions, 0 deletions
diff --git a/internal/lightgallery/html_renderer.go b/internal/lightgallery/html_renderer.go
new file mode 100644
index 0000000..17a6f2b
--- /dev/null
+++ b/internal/lightgallery/html_renderer.go
@@ -0,0 +1,137 @@
+package lightgallery
+
+import (
+	"bytes"
+	"fmt"
+	"math/rand"
+	"strings"
+	"time"
+
+	"github.com/yuin/goldmark"
+	"github.com/yuin/goldmark/ast"
+	"github.com/yuin/goldmark/renderer"
+	"github.com/yuin/goldmark/renderer/html"
+	"github.com/yuin/goldmark/util"
+)
+
+type LightGalleryHTMLRenderer struct {
+	html.Config
+	md goldmark.Markdown
+}
+
+func NewLightGalleryHTMLRenderer(opts ...html.Option) renderer.NodeRenderer {
+	r := &LightGalleryHTMLRenderer{
+		Config: html.NewConfig(),
+		md: goldmark.New(
+			goldmark.WithRendererOptions(
+				html.WithHardWraps(),
+				html.WithXHTML(),
+			),
+		),
+	}
+	for _, opt := range opts {
+		opt.SetHTMLOption(&r.Config)
+	}
+	return r
+}
+
+func (r *LightGalleryHTMLRenderer) RegisterFuncs(reg renderer.NodeRendererFuncRegisterer) {
+	reg.Register(KindLightGalleryBlock, r.renderLightGallery)
+}
+
+func (r *LightGalleryHTMLRenderer) renderLightGallery(w util.BufWriter, source []byte, n ast.Node, entering bool) (ast.WalkStatus, error) {
+	if entering {
+		gallery := n.(*LightGalleryBlock)
+
+		if len(gallery.Images) == 0 {
+			return ast.WalkContinue, nil
+		}
+
+		galleryID := generateDivId(8)
+
+		w.WriteString(fmt.Sprintf(`
+<div class="justify-content-center display-block m-2">
+	<hr class="border-t-4 border-dotted border-main-dark mt-[0.8vmin] mb-[0.8vmin] w-[80%%] ml-auto mr-auto">
+	<div id="lg-%s" class="inline-gallery-container relative ml-auto mr-auto"></div>
+	<hr class="border-t-4 border-dotted border-main-dark mt-[0.8vmin] mb-[0.8vmin] w-[80%%] ml-auto mr-auto">
+</div>`, galleryID))
+
+		var dynamicElements []string
+		for _, img := range gallery.Images {
+			imageUrlSegments := strings.Split(img.URL, ".")
+			imageUrlWithoutExt := strings.Join(imageUrlSegments[:len(imageUrlSegments)-1], ".")
+			imageNameParts := strings.Split(imageUrlWithoutExt, "-")
+
+			var captionBuf bytes.Buffer
+			captionHTML := img.Caption
+			if err := r.md.Convert(img.Caption, &captionBuf); err == nil {
+				captionHTML = captionBuf.Bytes()
+				captionHTML = bytes.TrimPrefix(captionHTML, []byte("<p>"))
+				captionHTML = bytes.TrimSuffix(captionHTML, []byte("</p>\n"))
+				captionHTML = bytes.TrimSuffix(captionHTML, []byte("</p>"))
+			}
+
+			dayDate, _ := time.Parse("20060102 150405", imageNameParts[len(imageNameParts)-2]+" "+imageNameParts[len(imageNameParts)-1])
+			dayDate = dayDate.In(gallery.Location)
+			dynamicElements = append(dynamicElements, fmt.Sprintf(`{
+				src:
+					"https://f003.backblazeb2.com/file/sayana-photos/full/%s",
+				downloadUrl:
+					"https://f003.backblazeb2.com/file/sayana-photos/full/%s",
+				alt: "%s",
+				responsive: "https://f003.backblazeb2.com/file/sayana-photos/webp-320p/%s.webp 384, https://f003.backblazeb2.com/file/sayana-photos/webp-560p/%s.webp 672, https://f003.backblazeb2.com/file/sayana-photos/webp-800p/%s.webp 960, https://f003.backblazeb2.com/file/sayana-photos/webp-1200p/%s.webp 1440, https://f003.backblazeb2.com/file/sayana-photos/webp-1600p/%s.webp 1920",
+				thumb:
+					"https://f003.backblazeb2.com/file/sayana-photos/webp-320p/%s.webp",
+				subHtml: `+"`"+`<div class="flex flex-row light-gallery-captions">
+								<p class="grow !text-[1vmax]/[1] text-left font-spectral text-main-dark">%s</p>
+								<p class="!text-[1vmax]/[1] text-right font-spectral text-secondary">%s</p>
+							</div>`+"`"+`
+			}`, img.URL, img.URL, util.EscapeHTML(captionHTML), imageUrlWithoutExt, imageUrlWithoutExt, imageUrlWithoutExt, imageUrlWithoutExt, imageUrlWithoutExt, imageUrlWithoutExt, captionHTML, dayDate.Format("2006-01-02 15:04:05 -07:00")))
+		}
+
+		w.WriteString(fmt.Sprintf(`
+<script>
+function createLightGallery%s() {
+	const $lgContainer = document.getElementById('lg-%s');
+	const config = {
+		container: $lgContainer,
+		dynamic: true,
+		dynamicEl: [%s],
+		width: "100%%",
+		height: "50vmin",
+		hash: false,
+		closable: false,
+		showMaximizeIcon: true,
+		appendSubHtmlTo: ".lg-sub-html",
+		isMobile: () => false,
+		slideDelay: 0,
+		plugins: [lgZoom, lgThumbnail],
+		thumbWidth: calculateVmin(10),
+		thumbHeight: "10vmin",
+		thumbMargin: 4
+	};
+	const inlineGallery = lightGallery($lgContainer, config);
+
+	setTimeout(() => {
+		inlineGallery.openGallery();
+	}, 200);
+
+	galleryMap.set(inlineGallery, createLightGallery%s);
+}
+
+document.addEventListener('DOMContentLoaded', createLightGallery%s);
+</script>`, galleryID, galleryID, strings.Join(dynamicElements, ","), galleryID, galleryID))
+	}
+
+	return ast.WalkContinue, nil
+}
+
+func generateDivId(length int) string {
+	const charset = "abcdefghijklmnopqrstuvwxyz"
+	seededRand := rand.New(rand.NewSource(time.Now().UnixNano())) // Seed with current time
+	b := make([]byte, length)
+	for i := range b {
+		b[i] = charset[seededRand.Intn(len(charset))]
+	}
+	return string(b)
+}