refactor: use custom render hook

- remove inject-footnotes.js, use a partial that receives `.Content` and
does the injection statically
- use a `utils/render` partial, as custom "render hook"
- reuse `content` partial for all pages

5 files changed, 55 insertions, 9 deletions

diff --git a/layouts/_partials/content.html b/layouts/_partials/content.html
new file mode 100644
index 00000000..e1baae34
--- /dev/null
+++ b/layouts/_partials/content.html
@@ -0,0 +1,9 @@
+<div class="min-h-[60%] leading-loose mb-8 markdown-body text-size-md md:text-size-lg"
+    style="view-transition-name: post-content-{{ .File.UniqueID }}">
+    {{ partial "posts/toc" . }}
+    <div id="post-content">
+        {{ partial "utils/render" .Content }}
+    </div>
+    {{ partial "posts/endnotes" . }}
+</div>
+
diff --git a/layouts/_partials/scripts.html b/layouts/_partials/scripts.html
index 718d7477..6ad03632 100644
--- a/layouts/_partials/scripts.html
+++ b/layouts/_partials/scripts.html
@@ -10,7 +10,6 @@
 {{ if not .IsHome }}
   {{ $articleJS := slice
     (resources.Get "js/toc.js")
-    (resources.Get "js/inject-footnotes.js")
     (resources.Get "js/back2top.js")
     (resources.Get "js/fediform.js")
   }}
diff --git a/layouts/_partials/template/post-page.html b/layouts/_partials/template/post-page.html
index b05b6b41..d25b50fe 100644
--- a/layouts/_partials/template/post-page.html
+++ b/layouts/_partials/template/post-page.html
@@ -35,14 +35,7 @@
     </div>
     </header>
 
-    <!-- Post Content -->
-    <div class="min-h-[60%] leading-loose mb-8 markdown-body text-size-md md:text-size-lg"
-        style="view-transition-name: post-content-{{ .File.UniqueID }}">
-    {{ partial "posts/toc" . }}
-    <div id="post-content">{{ .Content }}</div>
-    {{ partial "posts/endnotes" . }}
-    </div>
-
+    {{ partial "content" . }}
     {{ partial "posts/action-menu.html" . }}
     {{ partial "components/back-to-top.html" . }}
 </article>
diff --git a/layouts/_partials/utils/inject-footnotes.html b/layouts/_partials/utils/inject-footnotes.html
new file mode 100644
index 00000000..57cc1e00
--- /dev/null
+++ b/layouts/_partials/utils/inject-footnotes.html
@@ -0,0 +1,44 @@
+{{ $content := . }}
+
+{{ $footnotesPattern := `(?s)<div class="footnotes"[^>]*>.*?</div>` }}
+{{ $footnotesMatch := findRE $footnotesPattern $content 1 }}
+
+{{ if $footnotesMatch }}
+  {{ $footnotesSection := index $footnotesMatch 0 }}
+
+  {{ $liPattern := `(?s)<li id="fn:(\d+)">(.*?)</li>` }}
+  {{ $footnoteItems := findRESubmatch $liPattern $footnotesSection }}
+
+  {{ $footnoteMap := dict }}
+  {{ range $footnoteItems }}
+    {{ $id := index . 1 }}
+    {{ $contentRaw := index . 2 }}
+    {{ $cleanContent := replaceRE `(?s)\s*<a href="#fnref:\d+"[^>]*>.*?</a>\s*$` "" $contentRaw }}
+    {{ $footnoteMap = merge $footnoteMap (dict $id $cleanContent) }}
+  {{ end }}
+
+  {{ $contentWithoutFootnotes := replaceRE $footnotesPattern "" $content }}
+
+  {{ $refPattern := `<sup id="fnref:(\d+)".*?</sup>` }}
+  {{ $refs := findRESubmatch $refPattern $contentWithoutFootnotes }}
+
+  {{ $result := $contentWithoutFootnotes }}
+  {{ $count := len $refs }}
+
+  {{ range seq (sub $count 1) -1 0 }}
+    {{ $ref := index $refs . }}
+    {{ $refFull := index $ref 0 }}
+    {{ $refId := index $ref 1 }}
+    {{ $noteContent := index $footnoteMap $refId }}
+
+    {{ if $noteContent }}
+      {{ $inlineFootnote := printf `<div class="inline-footnote text-sm text-secondary flex gap-2 ml-4 mt-2 mb-2" id="fn:%s"><span>%s.</span><div>%s</div></div>` $refId $refId $noteContent }}
+      {{ $replacement := printf `%s%s` $refFull $inlineFootnote }}
+      {{ $result = replace $result $refFull $replacement 1 }}
+    {{ end }}
+  {{ end }}
+
+  {{ $content = $result }}
+{{ end }}
+
+{{ $content | safeHTML }}
diff --git a/layouts/_partials/utils/render.html b/layouts/_partials/utils/render.html
new file mode 100644
index 00000000..bdc4bf2f
--- /dev/null
+++ b/layouts/_partials/utils/render.html
@@ -0,0 +1 @@
+{{ partial "utils/inject-footnotes" . }}