.+))?)|(?<pre>```\s?(?<alt>.+)?)|(###\s?(?<h3>.+))|(##\s?(?<h2>.+))|(#\s?(?<h1>.+))|(\*\s?(?<li>.+))|(>\s?(?<quote>.+))|(?<text>(.+)?))$/; export function block( { text, href, title, pre, alt, h1, h2, h3, li, quote }, options = {} ) { let type = "p"; let props = ""; let content = "<br>"; if (text && text !== "") { content = text; } if (h1) { type = "h1"; content = h1; } if (h2) { type = "h2"; content = h2; } if (h3) { type = "h3"; content = h3; } if (li) { type = "li"; content = li; } if (quote) { type = "blockquote"; content = quote; } if (href) { const matchesExt = (url, exts) => exts.some((ext) => new RegExp(`\.${ext}$`).test(url)); if (options.image && matchesExt(href, options.image)) { type = "img"; props += ` src=${href}` + alt ? ` title=${alt}` : ""; } else if (options.audio && matchesExt(href, options.audio)) { type = "audio"; props += ` src=${href}` + alt ? ` title=${alt}` : ""; } else if (options.video && matchesExt(href, options.video)) { type = "video"; props += ` src=${href}` + alt ? ` title=${alt}` : ""; } else { type = "a"; content = title || href; props += ` href=${href}`; } } if (options.body || options.inline) props += CSS.inline(type, options); return `<${type}${props}>${ content !== "<br>" ? escape(content) : content }</${type}>`; } export function body(tokens, options) { let blocks = []; let cursor = tokens.shift(); while (tokens.length) { if (cursor.pre) { blocks.push( `<pre${cursor.alt ? ` title="${cursor.alt}"` : ""}${ options.body || options.inline ? CSS.inline("ul", options.css) : "" }>` ); const closing = tokens.findIndex((token) => token.pre); blocks = blocks.concat(tokens.slice(0, closing).map(({ text }) => text)); blocks.push("</pre>"); tokens = tokens.slice(closing + 1); } else if (cursor.li) { blocks.push( `<ul${ options.body || options.inline ? CSS.inline("ul", options.css) : "" }>` ); const closing = tokens.findIndex((token) => !token.li); blocks = blocks .concat([block(cursor)]) .concat(tokens.slice(0, closing).map(block)); blocks.push("</ul>"); tokens = tokens.slice(closing); } else { blocks.push(block(cursor, options)); } cursor = tokens.shift(); } return blocks.join("\n"); } export function toHTML(gemtext, options) { const tokens = gemtext.split("\n").map((line) => GMI_REGEX.exec(line).groups); if (options.body) return body(tokens, options); return `<!DOCTYPE html> <html lang="${options.language}" dir="${options.dir}" style='${ CSS.inline("html", options) + CSS.override(options) }'> <head>${head( Object.assign(options, { title: tokens[0].h1, description: description(tokens, options), }) )}</head> <body${CSS.inline("body", options)}> ${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.schemes || options.css === "full" ? `<meta name="color-scheme" content="dark light">\n` : "" }${CSS.style(options)} <title>${options.title}

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?(?[^\s]+)(\s(?.+))?)|(?<pre>```\s?(?<alt>.+)?)|(###\s?(?<h3>.+))|(##\s?(?<h2>.+))|(#\s?(?<h1>.+))|(\*\s?(?<li>.+))|(>\s?(?<quote>.+))|(?<text>(.+)?))$/; export function block( { text, href, title, pre, alt, h1, h2, h3, li, quote }, options = {} ) { let type = "p"; let props = ""; let content = "<br>"; if (text && text !== "") { content = text; } if (h1) { type = "h1"; content = h1; } if (h2) { type = "h2"; content = h2; } if (h3) { type = "h3"; content = h3; } if (li) { type = "li"; content = li; } if (quote) { type = "blockquote"; content = quote; } if (href) { const matchesExt = (url, exts) => exts.some((ext) => new RegExp(`\.${ext}$`).test(url)); if (options.image && matchesExt(href, options.image)) { type = "img"; props += ` src=${href}` + alt ? ` title=${alt}` : ""; } else if (options.audio && matchesExt(href, options.audio)) { type = "audio"; props += ` src=${href}` + alt ? ` title=${alt}` : ""; } else if (options.video && matchesExt(href, options.video)) { type = "video"; props += ` src=${href}` + alt ? ` title=${alt}` : ""; } else { type = "a"; content = title || href; props += ` href=${href}`; } } if (options.body || options.inline) props += CSS.inline(type, options); return `<${type}${props}>${ content !== "<br>" ? escape(content) : content }</${type}>`; } export function body(tokens, options) { let blocks = []; let cursor = tokens.shift(); while (tokens.length) { if (cursor.pre) { blocks.push( `<pre${cursor.alt ? ` title="${cursor.alt}"` : ""}${ options.body || options.inline ? CSS.inline("ul", options.css) : "" }>` ); const closing = tokens.findIndex((token) => token.pre); blocks = blocks.concat(tokens.slice(0, closing).map(({ text }) => text)); blocks.push("</pre>"); tokens = tokens.slice(closing + 1); } else if (cursor.li) { blocks.push( `<ul${ options.body || options.inline ? CSS.inline("ul", options.css) : "" }>` ); const closing = tokens.findIndex((token) => !token.li); blocks = blocks .concat([block(cursor)]) .concat(tokens.slice(0, closing).map(block)); blocks.push("</ul>"); tokens = tokens.slice(closing); } else { blocks.push(block(cursor, options)); } cursor = tokens.shift(); } return blocks.join("\n"); } export function toHTML(gemtext, options) { const tokens = gemtext.split("\n").map((line) => GMI_REGEX.exec(line).groups); if (options.body) return body(tokens, options); return `<!DOCTYPE html> <html lang="${options.language}" dir="${options.dir}" style='${ CSS.inline("html", options) + CSS.override(options) }'> <head>${head( Object.assign(options, { title: tokens[0].h1, description: description(tokens, options), }) )}</head> <body${CSS.inline("body", options)}> ${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.schemes || options.css === "full" ? `<meta name="color-scheme" content="dark light">\n` : "" }${CSS.style(options)} <title>${options.title}${ !options.author ? "" : `\n` }${ !options.description ? "" : `\n` }${ !options.canonical ? "" : `\n` } `; } function description(tokens, options) { const truncate = (text, limit) => text.length > limit ? `${text.substring(0, limit)}...` : text; let description = options.descriptions > 0 ? tokens.find((token) => { return token.text && token.text !== ""; }) : false; return description && truncate(description.text, options.descriptions); } 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); }); }