sectionedFootnotes

js/custom-handler-example-1.js

@@ -1,21 +0,0 @@
-import { Handler } from '/csspageweaver/lib/paged.esm.js';
-
-export default class myCustomHandler1 extends Handler {
-    constructor(chunker, polisher, caller) {
-        super(chunker, polisher, caller);
-    }
-
-    beforeParsed(content){
-        // let h2 = content.querySelectorAll('h2');
-        // h2.forEach( h2 => {
-        //     h2.insertAdjacentHTML("afterbegin", '🍄'); 
-        // });
-    }
-
-    afterParsed(parsed) {
-        console.info("%c [CSS Page Weaver] Example custom handler 1 with afterParsed hook (see js/custom-handler-example-1.js", 'color: green;');  
-    }
-  
-}
-
-

js/custom-handler-example-2.js

@@ -1,16 +0,0 @@
-import { Handler } from '/csspageweaver/lib/paged.esm.js';
-
-
-export default class myCustomHandler2 extends Handler {
-    constructor(chunker, polisher, caller) {
-        super(chunker, polisher, caller);
-      }
-
-  
-    afterPageLayout(pageElement, page, breakToken) {
-      if(pageElement.id == "page-1"){
-        console.info("%c [CSS Page Weaver] Example custom handler 2 with afterPageLayout hook (see js/custom-handler-example-2.js", 'color: green;')
-      }
-    }
-}
-

js/sectionedFootnotes.js

@@ -0,0 +1,124 @@
+import { Handler } from '/csspageweaver/lib/paged.esm.js';
+
+export default class SectionedFootnotes extends Handler {
+    constructor(chunker, polisher, caller) {
+        super(chunker, polisher, caller);
+    }
+
+    beforeParsed(content){
+
+        const sectionContent = content.querySelector('#section__content');
+        const footnotesSection = content.querySelector('#footnotes');
+
+        if (!sectionContent || !footnotesSection) {
+            console.warn("Section content ou footnotes non trouvé");
+            return;
+        }
+
+        const originalOl = footnotesSection.querySelector('ol');
+        if (!originalOl) {
+            console.warn("Liste de footnotes non trouvée");
+            return;
+        }
+
+        const allH1s = sectionContent.querySelectorAll('h1');
+
+        const noteToPartMap = new Map();
+
+        allH1s.forEach((h1, partIndex) => {
+            // Trouver le prochain h1 ou la fin de la section
+            const nextH1 = allH1s[partIndex + 1];
+
+            // Récupérer tous les éléments entre ce h1 et le suivant
+            let current = h1.nextElementSibling;
+            while (current && current !== nextH1) {
+                // Chercher les footnote-ref dans cet élément
+                const refs = current.querySelectorAll('.footnote-ref');
+                refs.forEach(ref => {
+                    const href = ref.getAttribute('href');
+                    if (href && href.startsWith('#fn')) {
+                        const noteNum = href.replace('#fn', '');
+                        noteToPartMap.set(noteNum, partIndex);
+                    }
+                });
+                if (current.classList && current.classList.contains('footnote-ref')) {
+                    const href = current.getAttribute('href');
+                    if (href && href.startsWith('#fn')) {
+                        const noteNum = href.replace('#fn', '');
+                        noteToPartMap.set(noteNum, partIndex);
+                    }
+                }
+                current = current.nextElementSibling;
+            }
+        });
+
+        const notesByPart = new Map();
+        const allNotes = originalOl.querySelectorAll('li[id^="fn"]');
+
+        allNotes.forEach(note => {
+            const noteId = note.getAttribute('id');
+            const noteNum = noteId.replace('fn', '');
+            const partIndex = noteToPartMap.get(noteNum);
+
+            if (partIndex !== undefined) {
+                if (!notesByPart.has(partIndex)) {
+                    notesByPart.set(partIndex, []);
+                }
+                notesByPart.get(partIndex).push({
+                    num: parseInt(noteNum),
+                    element: note
+                });
+            }
+        });
+
+        const sortedParts = Array.from(notesByPart.keys()).sort((a, b) => a - b);
+
+        // Vider la section footnotes (garder le hr s'il existe)
+        const hr = footnotesSection.querySelector('hr');
+        footnotesSection.innerHTML = '';
+        if (hr) {
+            footnotesSection.appendChild(hr);
+        }
+
+        // Add title section
+        const mainTitle = document.createElement('h1');
+        mainTitle.textContent = 'Notizen';
+        footnotesSection.appendChild(mainTitle);
+
+        sortedParts.forEach(partIndex => {
+            const h1 = allH1s[partIndex];
+            const notes = notesByPart.get(partIndex);
+
+            notes.sort((a, b) => a.num - b.num);
+
+            if (notes.length > 0) {
+                // Upper-alpha counter
+                const titlePart = document.createElement('h2');
+                titlePart.className = 'title-part';
+                const letter = String.fromCharCode(65 + partIndex); // 65 = 'A'
+                titlePart.setAttribute('data-part-number', letter);
+                titlePart.textContent = h1.textContent.trim();
+                footnotesSection.appendChild(titlePart);
+
+                // New ol with new start
+                const newOl = document.createElement('ol');
+                const firstNoteNum = notes[0].num;
+                newOl.setAttribute('start', firstNoteNum);
+
+                notes.forEach(noteData => {
+                    newOl.appendChild(noteData.element.cloneNode(true));
+                });
+
+                footnotesSection.appendChild(newOl);
+            }
+        });
+
+        sectionContent.parentNode.insertBefore(footnotesSection, sectionContent.nextSibling);
+
+    }
+
+    
+  
+}
+
+