server.js

import Nullstack from 'nullstack';
import { readdirSync, readFileSync } from 'fs';
import prismjs from 'prismjs';
import { Remarkable } from 'remarkable';
import meta from 'remarkable-meta';
import Application from './src/Application';

const context = Nullstack.start(Application);

context.start = async function start() {
 await import('prismjs/components/prism-jsx.min');
 const articles = readdirSync('articles');
 const md = new Remarkable({
 // eslint-disable-next-line no-undef
 highlight: (code) => Prism.highlight(code, prismjs.languages.jsx, 'javascript'),
 });
 md.use(meta);
 md.use((md) => {
 const originalRender = md.renderer.rules.link_open;
 md.renderer.rules.link_open = (...args) => {
 let result = originalRender(...args);
 const regexp = /href="([^"]*)"/;
 const href = regexp.exec(result)[1];
 if (!href.startsWith('/')) {
 result = result.replace('>', ' target="_blank" rel="noopener">');
 }
 return result;
 };
 });
 context.articles = articles.map((name) => {
 const markdown = readFileSync(`articles/${name}`, 'utf-8');
 const [slug] = name.split('.');
 const content = md.render(markdown);
 const { date: dateString, ...meta } = md.meta;
 const date = new Date(dateString);
 const readingTime = ~~(content.split(' ').length / 200);
 return { slug, content, date, readingTime, ...meta };
 }).sort((a, b) => b.date - a.date);
};

export default context;