single-page-markdown-website/lib/utilities/build-html-async/render-to-html-async.js

Create a nice single-page documentation website from one or more Markdown files

import htmlMinifier from 'html-minifier';
import lodashTemplate from 'lodash.template';
import rehypeAutolinkHeadings from 'rehype-autolink-headings';
import rehypeHighlightJs from 'rehype-highlight';
import rehypeSlug from 'rehype-slug';
import rehypeStringify from 'rehype-stringify';
import remarkEmoji from 'remark-emoji';
import remarkExternalLinks from 'remark-external-links';
import remarkGfm from 'remark-gfm';
import remarkParse from 'remark-parse';
import remarkToRehype from 'remark-rehype';
import { unified } from 'unified';
import { readFrontendLibFileAsync } from './read-frontend-lib-file-async.js';
export async function renderToHtmlAsync(content, { baseUrl, description, faviconImage, links, sections, shareImage, title, toc, version }) {
    const htmlTemplate = await readFrontendLibFileAsync('index.html');
    const html = lodashTemplate(htmlTemplate)({
        content: await renderMarkdownToHtmlAsync(content),
        css: await readFrontendLibFileAsync('style.css'),
        description,
        faviconImage,
        js: await readFrontendLibFileAsync('script.js'),
        links,
        sections: sections === null ? null : await renderMarkdownToHtmlAsync(sections),
        shareImage,
        title,
        titleUrl: baseUrl === null ? 'index.html' : baseUrl,
        toc: toc === null ? null : await renderMarkdownToHtmlAsync(toc),
        version
    });
    return htmlMinifier.minify(html, {
        collapseWhitespace: true,
        removeComments: true,
        removeTagWhitespace: true
    });
}
async function renderMarkdownToHtmlAsync(content) {
    return new Promise(function (resolve, reject) {
        unified()
            .use(remarkParse)
            .use(remarkGfm)
            .use(remarkExternalLinks, { rel: 'nofollow', target: '_blank' })
            .use(remarkEmoji)
            .use(remarkToRehype, {
            allowDangerousHtml: true
        })
            .use(rehypeSlug)
            .use(rehypeAutolinkHeadings, {
            behavior: 'append',
            content: {
                type: 'text',
                value: '#'
            },
            properties: {
                ariaHidden: true,
                class: 'header-link',
                tabIndex: -1
            }
        })
            .use(rehypeHighlightJs, {
            subset: false
        })
            .use(rehypeStringify, {
            allowDangerousHtml: true
        })
            .process(content)
            .then(function (file) {
            resolve(file.toString());
        }, function (error) {
            reject(error);
        });
    });
}
//# sourceMappingURL=render-to-html-async.js.map