Asset pipeline and 404 generation now work

lib/lego.js

@@ -9,7 +9,10 @@ module.exports = async function(args) {
       const taskList = [
         'cleanBuild',
         'copyCNAME',
-        'convertMarkdown'
+        'generate404Page',
+        'generatePostsFromMarkdown',
+        'copyMinorStaticAssets',
+        'copyMajorStaticAssets'
       ];
 
       for (const task of taskList) {

lib/tasks/cleanBuild.js

@@ -1,8 +1,9 @@
 const fs = require('fs-extra');
+const { BUILD } = require('../utils/constants');
 
 module.exports = async function() {
   try {
-    await fs.remove('build');
+    await fs.remove(BUILD);
   } catch (error) {
     throw error;
   }

lib/tasks/copyCNAME.js

@@ -1,8 +1,11 @@
 const fs = require('fs-extra');
+const path = require('path');
+
+const { BUILD } = require('../utils/constants');
 
 module.exports = async function() {
   try {
-    await fs.copy('CNAME', 'build/CNAME');
+    await fs.copy('CNAME', path.join(BUILD, 'CNAME'));
   } catch (error) {
     throw error;
   }

lib/tasks/copyMajorStaticAssets.js

@@ -0,0 +1,41 @@
+const fs = require('fs-extra');
+const path = require('path');
+const glob = require('glob');
+const postcss = require('postcss');
+const autoprefixer = require('autoprefixer');
+const cssnano = require('cssnano');
+const uglifyJS = require('uglify-es');
+
+const filterFileList = require('../utils/filterFileList');
+const { STATIC, BUILD } = require('../utils/constants');
+
+module.exports = async function() {
+  try {
+    let assets = glob.sync(`${STATIC}/+(js|css)/**/*`);
+    assets = filterFileList(assets, ['js', 'css']);
+
+    for (const asset of assets) {
+      let destination = path.join(BUILD, asset);
+      let destinationDir = path.join(BUILD, path.dirname(asset));
+
+      if (!fs.existsSync(destinationDir)) {
+        fs.mkdirpSync(destinationDir);
+      }
+
+      let contents = fs.readFileSync(asset).toString();
+      let extension = path.extname(asset);
+
+      if (extension === '.js') {
+        let result = uglifyJS.minify(contents);
+        fs.writeFileSync(destination, result.code);
+      } else if (extension === '.css') {
+        let result = await postcss([cssnano, autoprefixer])
+          .process(contents, { from: asset, to: destination });
+
+        fs.writeFileSync(destination, result.css);
+      }
+    }
+  } catch (error) {
+    throw error;
+  }
+}

lib/tasks/copyMinorStaticAssets.js

@@ -0,0 +1,21 @@
+const fs = require('fs-extra');
+const path = require('path');
+
+const cleanFileList = require('../utils/cleanFileList');
+const { STATIC, BUILD } = require('../utils/constants');
+
+module.exports = async function() {
+  try {
+    let staticFiles = cleanFileList(fs.readdirSync(STATIC));
+    let minorStaticFiles = staticFiles.filter((path) => !['css', 'js'].includes(path));
+
+    for (const asset of minorStaticFiles) {
+      fs.copySync(
+        path.join(STATIC, asset),
+        path.join(BUILD, STATIC, asset)
+      );
+    }
+  } catch (error) {
+    throw error;
+  }
+}

lib/tasks/generate404Page.js

@@ -0,0 +1,23 @@
+const fs = require('fs-extra');
+const path = require('path');
+const Liquid = require('liquid-node');
+const engine = new Liquid.Engine();
+
+const { LAYOUTS, BUILD } = require('../utils/constants');
+
+// needed for `include` statements
+engine.registerFileSystem(new Liquid.LocalFileSystem(LAYOUTS));
+
+module.exports = async function() {
+  try {
+    const pathTo404 = path.join(LAYOUTS, '404.html');
+    const destination = path.join(BUILD, '404.html');
+
+    const layout = fs.readFileSync(pathTo404).toString();
+    const rendered404 = await engine.parseAndRender(layout);
+
+    fs.writeFileSync(destination, rendered404);
+  } catch (error) {
+    throw error;
+  }
+}

lib/tasks/convertMarkdown.js → lib/tasks/generatePostsFromMarkdown.js

@@ -1,16 +1,19 @@
 const fs = require('fs-extra');
 const path = require('path');
 const md = require('markdown-it')();
+
 const filterFileList = require('../utils/filterFileList');
+const { BUILD, PAGES } = require('../utils/constants');
 
 module.exports = async function() {
   try {
-    const PAGES = 'pages';
-    const BUILD = 'legobuild';
-
     const pages = fs.readdirSync(PAGES, { encoding: 'utf8' });
     const filteredPages = filterFileList(pages, 'md');
 
+    if (!fs.existsSync(BUILD)) {
+      fs.mkdirSync(BUILD);
+    }
+
     for (const page of filteredPages) {
       const pageContents = fs.readFileSync(path.join(PAGES, page)).toString();
       const htmlPath = path.join(BUILD, path.parse(page).name);

lib/utils/cleanFileList.js

@@ -0,0 +1,6 @@
+module.exports = function(files) {
+  return files.filter((file) => {
+    // Filters hidden files
+    return !((/(^|\/)\.[^/.]/g).test(file));
+  });
+}

lib/utils/constants.js

@@ -0,0 +1,6 @@
+module.exports = {
+  BUILD: 'build',
+  PAGES: 'pages',
+  STATIC: 'static',
+  LAYOUTS: 'layouts'
+}

lib/utils/filterFileList.js

@@ -1,9 +1,21 @@
 const path = require('path');
+const cleanFileList = require('./cleanFileList');
+
+// syntax sugar
+const extensions = {
+  js: '.js',
+  css: '.css',
+  md: '.md'
+};
 
 module.exports = function(files, extension) {
-  return files.filter((file) => {
-    // Checks if the file has the given extension, also filter hidden files
-    return (path.extname(file) === `.${extension}`) &&
-      !((/(^|\/)\.[^/.]/g).test(file));
+  let cleanedFileList = cleanFileList(files);
+  return cleanedFileList.filter((file) => {
+    // Checks if the file has the given extension
+    if (Array.isArray(extension)) {
+      return Object.values(extensions).includes(path.extname(file));
+    }
+
+    return (path.extname(file) === extensions[extension]);
   });
 }

lib/utils/logger.js

@@ -8,6 +8,10 @@ const {
 
 class Logger {
   refresh() {
+    if (process.env.DEBUG) {
+      return;
+    }
+
     clear();
 
     let { message, stack } = this;