124 lines
No EOL
4.8 KiB
JavaScript
124 lines
No EOL
4.8 KiB
JavaScript
import { Handler } from '/csspageweaver/lib/paged.esm.js';
|
|
|
|
export default class beforeAll extends Handler {
|
|
constructor(chunker, polisher, caller) {
|
|
super(chunker, polisher, caller);
|
|
}
|
|
|
|
beforeParsed(content){
|
|
|
|
|
|
thesis(content);
|
|
|
|
|
|
// for break
|
|
// let headings = content.querySelectorAll('#section__content h1');
|
|
// headings.forEach(function (h1) {
|
|
// let div = document.createElement('div');
|
|
// div.classList.add('before-h1');
|
|
// h1.insertAdjacentElement('beforebegin', div);
|
|
// });
|
|
|
|
// Wrap h1 and following content in .chapter sections
|
|
const sectionContent = content.querySelector('#section__content');
|
|
if (sectionContent) {
|
|
const h1s = sectionContent.querySelectorAll(':scope > h1');
|
|
h1s.forEach(h1 => {
|
|
// Create chapter section
|
|
const chapter = document.createElement('section');
|
|
chapter.classList.add('chapter');
|
|
|
|
// Insert chapter before h1
|
|
h1.parentNode.insertBefore(chapter, h1);
|
|
|
|
// Move h1 into chapter
|
|
chapter.appendChild(h1);
|
|
|
|
// Move following siblings until next h1 or end
|
|
let nextElement = chapter.nextElementSibling;
|
|
while (nextElement && nextElement.tagName.toLowerCase() !== 'h1') {
|
|
const current = nextElement;
|
|
nextElement = nextElement.nextElementSibling;
|
|
chapter.appendChild(current);
|
|
}
|
|
});
|
|
|
|
// Wrap content between h1 and h2 in .intro if chapter doesn't contain .p-these
|
|
const chapters = sectionContent.querySelectorAll('.chapter');
|
|
chapters.forEach(chapter => {
|
|
if (chapter.querySelector('.p-these')) {
|
|
// Case 1: Chapter has thesis
|
|
chapter.classList.add('has-thesis');
|
|
} else {
|
|
const h1 = chapter.querySelector('h1');
|
|
const nextHeading = chapter.querySelector('h2, h3, h4, h5, h6');
|
|
|
|
if (h1) {
|
|
const intro = document.createElement('div');
|
|
intro.classList.add('intro');
|
|
|
|
if (nextHeading) {
|
|
// Case 2: Has heading, wrap all content between h1 and that heading
|
|
h1.parentNode.insertBefore(intro, h1.nextSibling);
|
|
|
|
let current = intro.nextSibling;
|
|
while (current && current !== nextHeading) {
|
|
const next = current.nextSibling;
|
|
intro.appendChild(current);
|
|
current = next;
|
|
}
|
|
chapter.classList.add('has-intro');
|
|
} else {
|
|
// Case 3: No heading, wrap only the first paragraph after h1
|
|
let current = h1.nextSibling;
|
|
while (current && current.tagName.toLowerCase() !== 'p') {
|
|
current = current.nextSibling;
|
|
}
|
|
|
|
if (current) {
|
|
current.parentNode.insertBefore(intro, current);
|
|
intro.appendChild(current);
|
|
chapter.classList.add('has-intro-1-paragraph');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
function thesis(content){
|
|
const strongs = content.querySelectorAll('strong');
|
|
strongs.forEach(strong => {
|
|
if (/^these\s+\d+/i.test(strong.textContent.trim())) {
|
|
const parent = strong.closest('p');
|
|
if (parent) {
|
|
const thesisDiv = document.createElement('div');
|
|
thesisDiv.classList.add('thesis-title');
|
|
const thesisP = document.createElement('p');
|
|
thesisP.textContent = strong.textContent;
|
|
thesisDiv.appendChild(thesisP);
|
|
parent.parentNode.insertBefore(thesisDiv, parent);
|
|
strong.remove();
|
|
|
|
parent.classList.add('p-these');
|
|
}
|
|
}
|
|
});
|
|
|
|
const theseParas = content.querySelectorAll('.p-these');
|
|
theseParas.forEach(p => {
|
|
let next = p.nextElementSibling;
|
|
while (next && next.tagName.toLowerCase() === 'ol') {
|
|
next = next.nextElementSibling;
|
|
}
|
|
if (!next || !next.classList.contains('p-these')) {
|
|
p.classList.add('p-these-last');
|
|
}
|
|
});
|
|
} |