add maquette-tests

maquette-tests/csspageweaver/plugins/inlineNotes/inlineNotes.js

@@ -0,0 +1,112 @@
+/**
+ * @name Inline Notes
+ * @author Julien Bidoret
+ * @author Julie Blanc <contact@julie-blanc.fr>
+ * @see { @link https://gitlab.com/csspageweaver/plugins/inlineNotes }
+ */
+
+import { Handler } from '/csspageweaver/lib/paged.esm.js';
+
+export default class inlineNotes extends Handler {
+
+  constructor(chunker, polisher, caller) {
+    super(chunker, polisher, caller);
+    this.section = cssPageWeaver.features.inlineNotes.parameters?.section || false,
+    this.input = cssPageWeaver.features.inlineNotes.parameters?.input || ".footnote-ref"; // ← CSS selector of the call element 
+    this.containerNotes = cssPageWeaver.features.inlineNotes.parameters?.containerNotes || "#footnotes"; // ← CSS selector of the container of the footnote
+    this.newClass = cssPageWeaver.features.inlineNotes.parameters?.newClass || "inline-note"; // ← Class of the span create for the note
+  }
+
+  beforeParsed(content) {
+
+    inlineNotesHandler({
+        content: content,
+        input: this.input,
+        section: this.section,
+        containerNotes: this.containerNotes,
+        type: this.newClass
+    });
+
+  }
+}
+
+
+
+function inlineNotesHandler(params){
+
+  let content = params.content;
+  let input = params.input;
+  let type = params.type;
+  let section = params.section;
+  let containerNotes = params.containerNotes;
+
+  if (section) {
+    let sections = content.querySelectorAll(section);
+    sections.forEach(sectionEl => {
+      createNotes(sectionEl, input, type);
+      let noteContainer = sectionEl.querySelector(containerNotes);
+      if (noteContainer) {
+        noteContainer.remove();
+      }
+    });
+  } else {
+    createNotes(content, input, type);
+    let noteContainer = content.querySelector(containerNotes);
+    if (noteContainer) {
+      noteContainer.remove();
+    }
+  }
+
+}
+
+
+function getBlocks(element){
+   return element.querySelectorAll('div,p,blockquote,section,article,h1,h2,h3,h4,h5,h6,figure');
+}
+
+// get only inline-level tags
+function unwrapBlockChildren(element) {
+   let blocks = getBlocks(element);
+   
+   blocks.forEach(block => {
+       block.insertAdjacentHTML("beforebegin", block.innerHTML);
+       block.remove();
+   });
+   let remainingblocks = getBlocks(element);
+   if(remainingblocks.length) unwrapBlockChildren(element);
+   return element;
+}
+
+
+function createNotes(content, input, type){
+
+   let calls = content.querySelectorAll(input);
+   calls.forEach( (call, index) => {
+
+       let href = call.getAttribute('href');
+       let hashIndex = href.indexOf('#');
+       let selector = href.slice(hashIndex);
+
+       let note = content.querySelector(selector);
+       if (!note) {
+         console.warn('Note non trouvée pour', selector);
+         return;
+       }
+
+       let back = note.querySelector(".footnote-back");
+       if(back){
+          back.remove();
+       }
+      
+       let inline_note = document.createElement('span');
+       inline_note.className = type;
+       let num = index + 1;
+       inline_note.dataset.counterNote = num;
+
+       inline_note.innerHTML = unwrapBlockChildren(note).innerHTML;
+       call.after(inline_note);
+
+       call.parentElement.removeChild(call);
+
+   })
+}