Add localization for footnotes

quartz/i18n/locales/de-DE.ts

@@ -59,6 +59,9 @@ export default {
     contentMeta: {
       readingTime: ({ minutes }) => `${minutes} min read`,
     },
+    footnotes: {
+      title: "Fußnoten",
+    },
   },
   pages: {
     rss: {

quartz/i18n/locales/definition.ts

@@ -61,6 +61,9 @@ export interface Translation {
     contentMeta: {
       readingTime: (variables: { minutes: number }) => string
     }
+    footnotes: {
+      title: string
+    }
   }
   pages: {
     rss: {

quartz/i18n/locales/en-GB.ts

@@ -59,6 +59,9 @@ export default {
     contentMeta: {
       readingTime: ({ minutes }) => `${minutes} min read`,
     },
+    footnotes: {
+      title: "Footnotes",
+    },
   },
   pages: {
     rss: {

quartz/i18n/locales/en-US.ts

@@ -59,6 +59,9 @@ export default {
     contentMeta: {
       readingTime: ({ minutes }) => `${minutes} min read`,
     },
+    footnotes: {
+      title: "Footnotes",
+    },
   },
   pages: {
     rss: {

quartz/i18n/locales/es-ES.ts

@@ -59,6 +59,9 @@ export default {
     contentMeta: {
       readingTime: ({ minutes }) => `Se lee en ${minutes} min`,
     },
+    footnotes: {
+      title: "Notas al pie",
+    },
   },
   pages: {
     rss: {

quartz/i18n/locales/fa-IR.ts

@@ -59,6 +59,9 @@ export default {
     contentMeta: {
       readingTime: ({ minutes }) => `زمان تقریبی مطالعه: ${minutes} دقیقه`,
     },
+    footnotes: {
+      title: "پاورقی‌ها",
+    },
   },
   pages: {
     rss: {

quartz/i18n/locales/fr-FR.ts

@@ -59,6 +59,9 @@ export default {
     contentMeta: {
       readingTime: ({ minutes }) => `${minutes} min de lecture`,
     },
+    footnotes: {
+      title: "Notes de bas de page",
+    },
   },
   pages: {
     rss: {

quartz/i18n/locales/it-IT.ts

@@ -59,6 +59,9 @@ export default {
     contentMeta: {
       readingTime: ({ minutes }) => `${minutes} minuti`,
     },
+    footnotes: {
+      title: "Note a piè di pagina",
+    },
   },
   pages: {
     rss: {

quartz/i18n/locales/ja-JP.ts

@@ -59,6 +59,9 @@ export default {
     contentMeta: {
       readingTime: ({ minutes }) => `${minutes} min read`,
     },
+    footnotes: {
+      title: "脚注",
+    },
   },
   pages: {
     rss: {

quartz/i18n/locales/ko-KR.ts

@@ -59,6 +59,9 @@ export default {
     contentMeta: {
       readingTime: ({ minutes }) => `${minutes} min read`,
     },
+    footnotes: {
+      title: "각주",
+    },
   },
   pages: {
     rss: {

quartz/i18n/locales/nl-NL.ts

@@ -60,6 +60,9 @@ export default {
       readingTime: ({ minutes }) =>
         minutes === 1 ? "1 minuut leestijd" : `${minutes} minuten leestijd`,
     },
+    footnotes: {
+      title: "Voetnoten",
+    },
   },
   pages: {
     rss: {

quartz/i18n/locales/pl-PL.ts

@@ -59,6 +59,9 @@ export default {
     contentMeta: {
       readingTime: ({ minutes }) => `${minutes} min. czytania `,
     },
+    footnotes: {
+      title: "Przypisy",
+    },
   },
   pages: {
     rss: {

quartz/i18n/locales/pt-BR.ts

@@ -59,6 +59,9 @@ export default {
     contentMeta: {
       readingTime: ({ minutes }) => `Leitura de ${minutes} min`,
     },
+    footnotes: {
+      title: "Notas de rodapé",
+    },
   },
   pages: {
     rss: {

quartz/i18n/locales/ru-RU.ts

@@ -60,6 +60,9 @@ export default {
     contentMeta: {
       readingTime: ({ minutes }) => `время чтения ~${minutes} мин.`,
     },
+    footnotes: {
+      title: "Примечания",
+    },
   },
   pages: {
     rss: {

quartz/i18n/locales/zh-CN.ts

@@ -59,6 +59,9 @@ export default {
     contentMeta: {
       readingTime: ({ minutes }) => `${minutes}分钟阅读`,
     },
+    footnotes: {
+      title: "脚注",
+    },
   },
   pages: {
     rss: {

quartz/i18n/locales/zh-TW.ts

@@ -59,6 +59,9 @@ export default {
     contentMeta: {
       readingTime: ({ minutes }) => `閱讀時間約 ${minutes} 分鐘`,
     },
+    footnotes: {
+      title: "腳註",
+    },
   },
   pages: {
     rss: {

quartz/plugins/transformers/footnotes.ts

@@ -0,0 +1,45 @@
+import { QuartzTransformerPlugin } from "../types"
+import { Root, Element } from "hast"
+import { visit } from "unist-util-visit"
+import { i18n } from "../../i18n"
+
+export const LocalizedFootnotes: QuartzTransformerPlugin = () => {
+  return {
+    name: "LocalizedFootnotes",
+    htmlPlugins(ctx) {
+      return [
+        () => {
+          return (tree: Root) => {
+            const cfg = ctx.cfg.configuration
+            const locale = i18n(cfg.locale)
+            
+            visit(tree, "element", (node: Element) => {
+              // Find footnotes section
+              if (node.tagName === "section" && node.properties?.["dataFootnotes"] !== undefined) {
+                // Find the h2 heading inside
+                const heading = node.children.find(child => 
+                  child.type === "element" && child.tagName === "h2"
+                ) as Element
+                
+                if (heading) {
+                  // Remove sr-only class if present
+                  if (Array.isArray(heading.properties?.className)) {
+                    heading.properties.className = heading.properties.className.filter(
+                      cls => cls !== "sr-only"
+                    )
+                  }
+                  
+                  // Replace the first text node with localized text
+                  const textNode = heading.children.find(child => child.type === "text")
+                  if (textNode) {
+                    textNode.value = locale.components.footnotes.title
+                  }
+                }
+              }
+            })
+          }
+        },
+      ]
+    },
+  }
+}

quartz/plugins/transformers/index.ts

@@ -11,3 +11,4 @@ export { SyntaxHighlighting } from "./syntax"
 export { TableOfContents } from "./toc"
 export { HardLineBreaks } from "./linebreaks"
 export { RoamFlavoredMarkdown } from "./roam"
+export { LocalizedFootnotes } from "./footnotes"