172 lines
5 KiB
JavaScript
172 lines
5 KiB
JavaScript
import fs from "fs";
|
|
import map from "map-stream";
|
|
import escape from "escape-html";
|
|
import * as CSS from "./css.js";
|
|
|
|
export const GMI_REGEX = /^((=>\s?(?<href>[^\s]+)(\s(?<title>.+))?)|(?<pre>```\s?(?<alt>.+)?)|(###\s?(?<h3>.+))|(##\s?(?<h2>.+))|(#\s?(?<h1>.+))|(\*\s?(?<li>.+))|(>\s?(?<quote>.+))|(?<text>(.+)?))$/;
|
|
|
|
export function toHTML(gemtext, options) {
|
|
const tokens = gemtext.split("\n").map((line) => GMI_REGEX.exec(line).groups);
|
|
|
|
let description =
|
|
options.descriptions > 0
|
|
? tokens.find((token) => {
|
|
return token.text && token.text !== "";
|
|
})
|
|
: false;
|
|
|
|
if (options.body) return body(tokens, options);
|
|
|
|
const truncate = (text, limit) =>
|
|
text.length > limit ? `${text.substring(0, limit)}...` : text;
|
|
|
|
function overrideStyles(options) {
|
|
if (options.css !== "full") return "";
|
|
const vars = CSS.rootVariables(CSS.FULL);
|
|
|
|
return Object.keys(vars).reduce((styles, key) => {
|
|
if (typeof options[key] !== undefined && options[key] !== vars[key]) {
|
|
let value = options[key];
|
|
if (["a-prefix", "ul-bullet"].includes(key) && value !== "none") {
|
|
value = `"${value}"`;
|
|
}
|
|
styles += `--${key}:${value};`;
|
|
}
|
|
return styles;
|
|
}, "");
|
|
}
|
|
|
|
return `<!DOCTYPE html>
|
|
<html lang="${options.language}" dir="${options.dir}" style='${overrideStyles(
|
|
options
|
|
)}'>
|
|
<head>${head(
|
|
Object.assign(options, {
|
|
title: tokens[0].h1,
|
|
description:
|
|
description && truncate(description.text, options.descriptions),
|
|
})
|
|
)}</head>
|
|
<body>
|
|
${body(tokens, options)}
|
|
</body>
|
|
</html>
|
|
`;
|
|
}
|
|
|
|
export function head(options) {
|
|
return `
|
|
<meta charset="${options.charset}">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
${
|
|
options.modes || options.css === "full"
|
|
? `<meta name="color-scheme" content="dark light">\n`
|
|
: ""
|
|
}${style(options.css)}
|
|
<title>${options.title}</title>${
|
|
!options.author ? "" : `\n<meta name="author" content="${options.author}">`
|
|
}${
|
|
!options.description
|
|
? ""
|
|
: `\n<meta name="description" content="${escape(options.description)}">`
|
|
}${
|
|
!options.canonical
|
|
? ""
|
|
: `\n<link rel="canonical" href="${options.canonical}">`
|
|
}
|
|
`;
|
|
}
|
|
|
|
export function style(mode) {
|
|
if (mode === "none") return "";
|
|
if (mode === "core")
|
|
return `<style>${CSS.stringify(CSS.CORE, { compress: true })}</style>`;
|
|
if (mode === "full")
|
|
return `<style>${CSS.stringify(CSS.FULL, { compress: true })}</style>`;
|
|
if (fs.existsSync(mode)) {
|
|
return `<style>${CSS.resolve(mode, { compress: true })}</style>`;
|
|
} else {
|
|
throw new Error(`Cannot find file ${mode}.`);
|
|
}
|
|
}
|
|
|
|
function line(
|
|
{ text, href, title, pre, alt, h1, h2, h3, li, quote },
|
|
{ image, audio, video, css, body } = {}
|
|
) {
|
|
if (text) return `<p>${escape(text)}</p>`;
|
|
|
|
if (href) {
|
|
const titleProp = title ? ` title="${title}"` : "";
|
|
const FIX_NORMAL_FLOW =
|
|
body && css !== "none" ? ` style="display: block; max-width: 100%;"` : "";
|
|
const matchesExt = (url, exts) =>
|
|
exts.some((ext) => new RegExp(`\.${ext}$`).test(url));
|
|
|
|
if (image && matchesExt(href, image)) {
|
|
return `<img src="${href}"${titleProp}${FIX_NORMAL_FLOW}/>`;
|
|
}
|
|
if (audio && matchesExt(href, audio)) {
|
|
return `<audio controls src="${href}"${titleProp}${FIX_NORMAL_FLOW}></audio>`;
|
|
}
|
|
if (video && matchesExt(href, video)) {
|
|
return `<video controls src="${href}"${titleProp}${FIX_NORMAL_FLOW}/></video>`;
|
|
}
|
|
|
|
return `<a href="${href}"${FIX_NORMAL_FLOW}>${
|
|
title ? escape(title) : href
|
|
}</a>`;
|
|
}
|
|
|
|
if (h1) return `<h1>${escape(h1)}</h1>`;
|
|
if (h2) return `<h2>${escape(h2)}</h2>`;
|
|
if (h3) return `<h3>${escape(h3)}</h3>`;
|
|
if (li) return `<li>${escape(li)}</li>`;
|
|
|
|
if (quote) return `<blockquote>${escape(quote)}</blockquote>`;
|
|
|
|
return `<p><br></p>`;
|
|
}
|
|
|
|
export function body(tokens, options) {
|
|
let lines = [];
|
|
|
|
let cursor = tokens.shift();
|
|
while (tokens.length) {
|
|
if (cursor.pre) {
|
|
lines.push(`<pre${cursor.alt ? ` title="${cursor.alt}"` : ""}>`);
|
|
const closing = tokens.findIndex((token) => token.pre);
|
|
lines = lines.concat(tokens.slice(0, closing).map(({ text }) => text));
|
|
lines.push("</pre>");
|
|
tokens = tokens.slice(closing + 1);
|
|
} else if (cursor.li) {
|
|
lines.push(`<ul>`);
|
|
const closing = tokens.findIndex((token) => !token.li);
|
|
lines = lines
|
|
.concat([line(cursor)])
|
|
.concat(tokens.slice(0, closing).map(line));
|
|
lines.push("</ul>");
|
|
tokens = tokens.slice(closing);
|
|
} else {
|
|
lines.push(line(cursor, options));
|
|
}
|
|
cursor = tokens.shift();
|
|
}
|
|
|
|
return lines.join("\n");
|
|
}
|
|
|
|
export const GMI_EXT = /\.gmi$/;
|
|
|
|
export function streamHTML(options) {
|
|
return map((file, cb) => {
|
|
if (!GMI_EXT.test(file.path)) return cb(null);
|
|
file.contents = Buffer.from(
|
|
toHTML(file.contents.toString("utf-8"), options)
|
|
);
|
|
file.path = file.path.replace(GMI_EXT, ".html");
|
|
if (options.verbose) console.log(file.path);
|
|
return cb(null, file);
|
|
});
|
|
}
|