87 lines
2.0 KiB
Markdown
87 lines
2.0 KiB
Markdown
const fs = require('fs');
|
|
const showdown = require('showdown');
|
|
const cheerio = require('cheerio');
|
|
const Parcel = require('parcel-bundler');
|
|
const critical = require('critical');
|
|
|
|
process.env.NODE_ENV = 'production';
|
|
|
|
const includeReadme = () => {
|
|
const converter = new showdown.Converter({
|
|
omitExtraWLInCodeBlocks: true,
|
|
simplifiedAutoLink: true,
|
|
excludeTrailingPunctuationFromURLs: true,
|
|
literalMidWordUnderscores: true,
|
|
strikethrough: true,
|
|
tables: true,
|
|
tablesHeaderId: true,
|
|
ghCodeBlocks: true,
|
|
tasklists: true,
|
|
disableForced4SpacesIndentedSublists: true,
|
|
simpleLineBreaks: true,
|
|
requireSpaceBeforeHeadingText: true,
|
|
ghCompatibleHeaderId: true,
|
|
ghMentions: true,
|
|
backslashEscapesHTMLTags: true,
|
|
emoji: true,
|
|
splitAdjacentBlockquotes: true
|
|
});
|
|
// converter.setFlavor('github');
|
|
|
|
console.log('Loading files...');
|
|
const index = fs.readFileSync('website/index.tmpl.html', 'utf8');
|
|
const readme = fs.readFileSync('README.md', 'utf8');
|
|
|
|
console.log('Merging files...');
|
|
const $ = cheerio.load(index);
|
|
$('#md').append(converter.makeHtml(readme));
|
|
|
|
console.log('Writing index.html');
|
|
fs.writeFileSync('website/index.merged.html', $.html(), 'utf8');
|
|
return { base: 'website/', src: 'index.merged.html' };
|
|
};
|
|
|
|
const css = ({ base, src }) => {
|
|
console.log('');
|
|
console.log('Generating critical css above the fold');
|
|
console.log('');
|
|
const dimensions = [
|
|
{
|
|
height: 200,
|
|
width: 500
|
|
},
|
|
{
|
|
height: 900,
|
|
width: 1200
|
|
}
|
|
];
|
|
const options = {
|
|
inline: true,
|
|
base,
|
|
src,
|
|
dest: 'index.html',
|
|
dimensions
|
|
};
|
|
|
|
return critical.generate(options);
|
|
};
|
|
|
|
const bundle = () => {
|
|
console.log('');
|
|
console.log('Bundling with Parcel.js');
|
|
console.log('');
|
|
|
|
new Parcel('website/index.html', {
|
|
name: 'build',
|
|
publicURL: '/'
|
|
}).bundle();
|
|
};
|
|
|
|
const main = async () => {
|
|
const { base, src } = includeReadme();
|
|
await css({ base, src });
|
|
bundle();
|
|
};
|
|
|
|
main();
|