@rr0/cms/dist/outline/OutlineReplaceCommand.js

RR0 Content Management System (CMS)

import { StringUtil } from "../util/string/StringUtil.js";
import { LocalAnchor } from "../LocalAnchor.js";
import path from "path";
/**
 * Creates page outline from sections tags.
 */
export class OutlineReplaceCommand {
    async execute(context) {
        const file = context.file;
        const dom = file.dom;
        const outputDoc = file.document;
        const inputDoc = file.document;
        const ul = outputDoc.querySelector(".outline");
        if (!ul) {
            context.error("Could not find .outline in", context.file.name);
            return;
        }
        const from = inputDoc.documentElement;
        if (this.process(context, from, ul, 2)) {
            outputDoc.querySelector(".outline-title").textContent = "Sommaire";
        }
        file.dom = dom;
    }
    async contentStepEnd() {
        // NOP
    }
    process(context, from, target, level) {
        let added = false;
        const sectionsHeadings = from.querySelectorAll("section h" + level);
        const articlesHeadings = from.querySelectorAll("article h" + level);
        const headings = Array.from(sectionsHeadings).concat(Array.from(articlesHeadings));
        for (const titleElem of headings) {
            const text = titleElem.textContent;
            if (text) {
                const localAnchor = StringUtil.textToCamel(text);
                const outlineElem = titleElem.cloneNode(true);
                const outputDoc = context.file.document;
                const anchor = LocalAnchor.create(outputDoc, localAnchor);
                titleElem.prepend(anchor);
                const a = outputDoc.createElement("a");
                const outDir = "/out";
                const fileName = context.file.name.startsWith(outDir) ? context.file.name.substring(outDir.length) : context.file.name;
                a.href = path.join("/", fileName) + "#" + localAnchor;
                a.appendChild(outlineElem);
                const li = outputDoc.createElement("li");
                li.appendChild(a);
                target.appendChild(li);
                added = true;
                this.process(context, titleElem.parentElement, target, level + 1);
            }
        }
        return added;
    }
}