content update

1 files changed, 161 insertions, 0 deletions

diff --git a/gulpfile.js b/gulpfile.js
new file mode 100644
index 0000000..a50fe51
--- /dev/null
+++ b/gulpfile.js
@@ -0,0 +1,161 @@
+'use strict';
+
+const util = require('util');
+const gulp = require('gulp');
+const concat = require('gulp-concat');
+const terser = require('gulp-terser');
+const clean = require('gulp-clean-css');
+const settings = require('./settings.js');
+const minify = require('html-minifier').minify;
+
+const fs = require('fs');
+const markdown = require('markdown-it');
+const prism = require('markdown-it-prism');
+const nunjucks = require('nunjucks');
+const yaml = require('yaml');
+const slugify = require('slugify');
+const dayjs = require('dayjs');
+
+const md = new markdown({
+  html: true,
+  linkify: false,
+  typographer: true,
+  breaks: true,
+})
+  .use(prism)
+  .use(require('markdown-it-table').markdownItTable)
+  .use(require('markdown-it-deflist'))
+  .use(require('markdown-it-footnote'))
+  .use(require('markdown-it-anchor'))
+  .use(require('markdown-it-checkbox'))
+
+nunjucks.configure('layouts', {
+  autoescape: false,
+  noCache: true,
+});
+
+gulp.task('js', () => gulp.src(settings.assets.javascript)
+  .pipe(concat('bundle.js'))
+  .pipe(terser())
+  .pipe(gulp.dest('tmp'))
+);
+
+gulp.task('css', () => gulp.src(settings.assets.css)
+  .pipe(concat('bundle.css'))
+  .pipe(clean({}))
+  .pipe(gulp.dest('tmp'))
+);
+
+gulp.task('generate-static', function (done) {
+  fs.readdir('content', function (err, items) {
+
+    let posts = [];
+    items.forEach(item => {
+      if (item.endsWith('.md')) {
+
+        processMarkdown(`content/${item}`);
+
+        let contents = fs.readFileSync(`content/${item}`, 'utf8');
+        let raw = contents.split('---');
+        let meta = null;
+
+        try {
+          meta = yaml.parse(raw[1])
+        } catch (error) { }
+
+        if (meta.layout == 'post') {
+          meta.dateFormatted = dayjs(meta.date).format('MMMM D, YYYY');
+          meta.dateOriginal = meta.date;
+          meta.date = new Date(meta.date);
+          posts.push(meta)
+        }
+      }
+    });
+
+    const css = fs.readFileSync('tmp/bundle.css', 'utf8');
+    const javascript = fs.readFileSync('tmp/bundle.js', 'utf8');
+
+    let page = nunjucks.render(`index.njk`, {
+      css: `<style>${css}</style>`,
+      javascript: `<script>${javascript}</script>`,
+      currentYear: new Date().getFullYear(),
+      timestamp: Math.floor(Date.now() / 1000),
+      vars: settings.vars,
+      posts: posts.reverse(),
+    });
+
+    util.log(`Processing: Index`);
+
+    fs.writeFileSync(`public/index.html`, minify(page, {
+      removeAttributeQuotes: true,
+      collapseWhitespace: true,
+      removeComments: true,
+      removeTagWhitespace: true,
+    }));
+
+  });
+
+  done();
+});
+
+const processMarkdown = (file) => {
+  const contents = fs.readFileSync(file, 'utf8');
+  let raw = contents.split('---');
+  let meta = null;
+
+  try {
+    meta = yaml.parse(raw[1])
+  } catch (error) { }
+
+  //const slug = slugify(meta.title, { lower: true });
+  const slug = meta.slug;
+  const css = fs.readFileSync('tmp/bundle.css', 'utf8');
+  const javascript = fs.readFileSync('tmp/bundle.js', 'utf8');
+
+  raw.shift();
+  raw.shift();
+
+  let post = nunjucks.render(`${meta.layout}.njk`, {
+    content: md.render(raw.join('')),
+    title: meta.title.substring(0, 65),
+    description: meta.description,
+    css: `<style>${css}</style>`,
+    javascript: `<script>${javascript}</script>`,
+    slug: slug,
+    currentYear: new Date().getFullYear(),
+    timestamp: Math.floor(Date.now() / 1000),
+    vars: settings.vars,
+    writtenDate: {
+      formatted: dayjs(meta.date).format('MMMM D, YYYY'),
+      original: meta.date,
+    },
+  });
+
+  util.log(`Processing: ${meta.title}`);
+
+  fs.writeFileSync(`public/${slug}.html`, minify(post, {
+    removeAttributeQuotes: true,
+    collapseWhitespace: true,
+    removeComments: true,
+    removeTagWhitespace: true,
+  }));
+};
+
+const watchers = (done) => {
+  gulp.watch('source/*.css', {
+    awaitWriteFinish: true,
+  }).on('change', gulp.series('css'));
+
+  gulp.watch('source/*.js', {
+    awaitWriteFinish: true,
+  }).on('change', gulp.series('js'));
+
+  gulp.watch('content/*.md', {
+    awaitWriteFinish: true,
+  }).on('change', processMarkdown);
+
+  done();
+}
+
+gulp.task('dev', gulp.parallel(watchers));
+gulp.task('build', gulp.series('css', 'js', 'generate-static'));