shadowfacts.net/lib/util.ts

88 lines
2.3 KiB
TypeScript

import { promises as fs } from "fs";
import path from "path";
import hljs from "highlight.js";
import ejs from "ejs";
import formatDate from "date-fns/format";
import { Metadata } from "./metadata";
export async function write(filePath: string, data: any) {
const dest = path.join("out", filePath);
await fs.mkdir(path.dirname(dest), {
recursive: true
});
await fs.writeFile(dest, data);
}
export function getWordCount(text: string): number {
return text.split(/\s+/).length;
}
export function getReadingTime(words: number): number {
const avgWPM = 225;
return Math.max(1, Math.round(words / avgWPM))
}
export function highlight(source: string, language?: string): string {
const res = language ? hljs.highlight(language, source) : hljs.highlightAuto(source);
const highlighted = res.value;
return `<pre class="hljs"><code>${highlighted}</code></pre>`;
}
interface Chunk<T> {
chunk: T[];
index: number;
}
export function chunk<T>(array: T[], size: number): Chunk<T>[] {
const chunks: Chunk<T>[] = [];
for (let i = 0; i < array.length; i += size) {
chunks.push({
chunk: array.slice(i, i + size),
index: i / size
});
}
return chunks;
}
export function fancyLink(text: string, href: string, meta?: string): string {
return `<a href="${href}" class="fancy-link" ${meta || ""}><span aria-hidden="true">{</span>${text}<span aria-hidden="true">}</span></a>`;
}
export function video(metadata: Metadata, name: string, attributes: object): string {
if (!attributes["poster"]) {
attributes["poster"] = `${metadata.permalink}/${name}.png`;
}
if (attributes["controls"] === undefined) {
attributes["controls"] = true;
}
var attributesStr = "";
for (const k of Object.keys(attributes)) {
const v = attributes[k];
if (typeof v == "boolean" && v) {
attributesStr += `${k} `;
} else if (typeof v == "string") {
attributesStr += `${k}="${v}" `;
} else {
console.warn(`Unexpected attribute value for ${k}: ${v}`);
}
}
return `
<video ${attributesStr}>
<source src="${metadata.permalink}/${name}.mp4" type="video/mp4">
<source src="${metadata.permalink}/${name}.webm" type="video/webm">
</video>
`;
}
export function render(template: string, data: any, filename?: string): string {
data.require = require;
data.fancyLink = fancyLink;
data.formatDate = formatDate;
data.video = video;
return ejs.render(template, data, {
filename
});
}