sudacode/metrics
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Add support for twemojis/gemojis in pdf output

Browse Source
This commit is contained in:
lowlighter
2021-04-26 23:27:47 +02:00
parent 73d735cb12
commit 16d455c3d5
2 changed files with 25 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
source/app/metrics/utils.mjs
View File

@@ -23,7 +23,7 @@
prism_lang()
//Exports
export {fs, os, paths, url, util, processes, axios, git, opengraph, jimp, rss, marked}
export {fs, os, paths, url, util, processes, axios, git, opengraph, jimp, rss}
/**Returns module __dirname */
export function __module(module) {
@@ -239,19 +239,29 @@
/**SVG utils */
export const svg = {
/**Render as pdf */
async pdf(rendered, {paddings = "", style = ""} = {}) {
async pdf(rendered, {paddings = "", style = "", twemojis = false, gemojis = false, rest = null} = {}) {
//Instantiate browser if needed
if (!svg.resize.browser) {
svg.resize.browser = await puppeteer.launch()
console.debug(`metrics/svg/pdf > started ${await svg.resize.browser.version()}`)
}
//Additional transformations
if (twemojis)
rendered = await svg.twemojis(rendered, {custom:false})
if ((gemojis)&&(rest))
rendered = await svg.gemojis(rendered, {rest})
rendered = marked(rendered)
//Render through browser and print pdf
console.debug("metrics/svg/pdf > loading svg")
const page = await svg.resize.browser.newPage()
page.on("console", ({_text:text}) => console.debug(`metrics/svg/pdf > puppeteer > ${text}`))
await page.setContent(`<main class="markdown-body">${rendered}</main>`, {waitUntil:["load", "domcontentloaded", "networkidle2"]})
console.debug("metrics/svg/pdf > loaded svg successfully")
await page.addStyleTag({content:`main { margin: ${(Array.isArray(paddings) ? paddings : paddings.split(",")).join(" ")}; }${await fs.readFile(paths.join(__module(import.meta.url), "../../../node_modules", "@primer/css/dist/markdown.css")).catch(_ => "")}${style}`})
await page.addStyleTag({content:`
main { margin: ${(Array.isArray(paddings) ? paddings : paddings.split(",")).join(" ")}; }
main svg { height: 1em; width: 1em; }
${await fs.readFile(paths.join(__module(import.meta.url), "../../../node_modules", "@primer/css/dist/markdown.css")).catch(_ => "")}${style}
`})
rendered = await page.pdf()
//Result
await page.close()
@@ -323,7 +333,7 @@
return {resized, mime}
},
/**Render twemojis */
async twemojis(rendered) {
async twemojis(rendered, {custom = true} = {}) {
//Load emojis
console.debug("metrics/svg/twemojis > rendering twemojis")
const emojis = new Map()
@@ -333,7 +343,8 @@
}
//Apply replacements
for (const [emoji, twemoji] of emojis) {
rendered = rendered.replace(new RegExp(`<metrics[ ]*(?<attributes>[^>]*)>${emoji}</metrics>`, "g"), twemoji.replace(/(<svg class="twemoji" [\s\S]+?)(>)/, "$1 $<attributes> $2")) //eslint-disable-line prefer-named-capture-group
if (custom)
rendered = rendered.replace(new RegExp(`<metrics[ ]*(?<attributes>[^>]*)>${emoji}</metrics>`, "g"), twemoji.replace(/(<svg class="twemoji" [\s\S]+?)(>)/, "$1 $<attributes> $2")) //eslint-disable-line prefer-named-capture-group
rendered = rendered.replace(new RegExp(emoji, "g"), twemoji)
}
return rendered