Merge build scripts

build.js

@@ -1,25 +1,170 @@
-const fs = require('fs');
-const showdown = require('showdown');
+const fs = require('fs-extra');
 const cheerio = require('cheerio');
+const dayjs = require('dayjs');
+const showdown = require('showdown');
 const Parcel = require('parcel-bundler');
 const sm = require('sitemap');
 
 process.env.NODE_ENV = 'production';
 
-process.on('unhandledRejection', error => {
-  console.log('unhandledRejection', error.message);
-});
+const LOG = {
+  error: (...args) => console.error('❌ ERROR', { ...args }),
+  debug: (...args) => {
+    if (process.env.DEBUG) console.log('💡 DEBUG: ', { ...args });
+  },
+};
+const handleFailure = err => {
+  LOG.error(err);
+  process.exit(1);
+};
 
-const readme = 'README.md';
-const template = 'website/index.tmpl.html';
-const merged = 'website/index.html';
-const destination = 'website/index.html';
+process.on('unhandledRejection', handleFailure);
 
-const includeReadme = ({
-  md = readme,
-  templateHTML = template,
-  dest = merged,
-} = {}) => {
+// --- FILES
+const README = 'README.md';
+const WEBSITE_FOLDER = 'website';
+const DATA_FOLDER = 'data';
+const LATEST_FILENAME = `${DATA_FOLDER}/latest`;
+const indexTemplate = `${WEBSITE_FOLDER}/index.tmpl.html`;
+const indexDestination = `${WEBSITE_FOLDER}/index.html`;
+const tableTemplate = `${WEBSITE_FOLDER}/table.tmpl.html`;
+const tableDestination = `${WEBSITE_FOLDER}/table.html`;
+
+const valueNames = [
+  'name',
+  'description',
+  'homepage',
+  'star',
+  'updated',
+  'language',
+  'license',
+  'author',
+];
+
+const sitemapOpts = {
+  hostname: 'https://awesome-docker.netlify.com/',
+  cacheTime: 6000000, // 600 sec (10 min) cache purge period
+  urls: [
+    {
+      url: '/',
+      changefreq: 'daily',
+      priority: 0.8,
+      lastmodrealtime: true,
+      lastmodfile: 'dist/index.html',
+    },
+    {
+      url: '/table.html',
+      changefreq: 'daily',
+      priority: 0.8,
+      lastmodrealtime: true,
+      lastmodfile: 'dist/table.html',
+    },
+  ],
+};
+
+const getLastUpdate = updated => {
+  const updt = Number(dayjs(updated).diff(dayjs(), 'days'));
+  if (updt < 0) {
+    if (Math.abs(updt) === 1) return `1 day ago`;
+    return `${Math.abs(updt)} days ago`;
+  } else if (updt === 0) return 'today';
+  return updated;
+};
+
+const mapHomePage = h => {
+  if (h === 'manageiq.org') return 'https://manageiq.org';
+  else if (h === 'dev-sec.io') return 'https://dev-sec.io';
+  return h;
+};
+
+const mapLicense = l => {
+  if (l === 'GNU Lesser General Public License v3.0') return 'GNU LGPL v3.0';
+  else if (l === 'GNU General Public License v2.0') return 'GNU GPL v2.0';
+  else if (l === 'GNU General Public License v3.0') return 'GNU GPL v3.0';
+  else if (l === 'BSD 3-Clause "New" or "Revised" License')
+    return 'BSD 3-Clause';
+  else if (l === 'BSD 2-Clause "Simplified" License') return 'BSD 2-Clause';
+  return l;
+};
+
+const formatEntry = (
+  {
+    name,
+    html_url: repoURL,
+    description,
+    homepage,
+    stargazers_count: stargazers,
+    pushed_at: updated,
+    language,
+    license,
+    owner,
+  },
+  i,
+) =>
+  [
+    `<li data-id="${i}">`,
+    `<a href="${repoURL}" class="link ${valueNames[0]}">${name}</a>`,
+    `<p class="${valueNames[1]}">${description || '-'}</p>`,
+    `<p class="${
+      valueNames[4]
+    } timestamp" data-timestamp="${updated}">Last code update: ${getLastUpdate(
+      updated,
+    )}</p>`,
+    (homepage &&
+      `<a href="${mapHomePage(homepage)}" class="link ${
+        valueNames[2]
+      }">website</a>`) ||
+      '<p></p>',
+    `<p class="${
+      valueNames[3]
+    } timestamp" data-timestamp="${stargazers}">⭐️${stargazers}</p>`,
+    (language && `<p class="${valueNames[5]}">${language}</p>`) || '<p></p>',
+    (license &&
+      license.url !== null &&
+      `<a href="${license.url}" class="link ${valueNames[6]}">${mapLicense(
+        license.name,
+      )}</a>`) ||
+      '<p></p>',
+    owner &&
+      `<p>Made by </p><a href="${owner.html_url}" class="link ${
+        valueNames[7]
+      }">${owner.login}</a>`,
+    '</li>',
+  ].join('');
+
+async function processTable() {
+  try {
+    LOG.debug('Loading files...', { LATEST_FILENAME, tableTemplate });
+    const latestFilename = await fs.readFile(LATEST_FILENAME, 'utf8');
+    LOG.debug({ latestFilename });
+    const metaData = await fs.readJson(latestFilename, 'utf-8');
+
+    const template = await fs.readFile(tableTemplate, 'utf8');
+    const $ = cheerio.load(template);
+    const btn = valueNames.map(
+      v => `<button class="sort" data-sort="${v}">${v} </button>`,
+    );
+    $('#md').append(
+      [
+        `<div class="container">`,
+        `<div class="searchbar" ><input class="search" placeholder="Search" /></div>`,
+        `<div class="sortbtn" ><p>Sort by</p>${btn.join('')}</div>`,
+        `</div>`,
+        '<ul class="list">',
+        metaData.map(formatEntry).join(''),
+        '</ul>',
+      ].join(''),
+    );
+
+    LOG.debug('Writing table.html');
+    await fs.outputFile(tableDestination, $.html(), 'utf8');
+    LOG.debug('✅  DONE 👍');
+  } catch (err) {
+    handleFailure(err);
+  }
+}
+
+async function processIndex() {
   const converter = new showdown.Converter({
     omitExtraWLInCodeBlocks: true,
     simplifiedAutoLink: true,
@@ -41,58 +186,47 @@ const includeReadme = ({
   });
   // converter.setFlavor('github');
 
-  console.log('Loading files...');
-  const indexTemplate = fs.readFileSync(templateHTML, 'utf8');
-  const markdown = fs.readFileSync(md, 'utf8');
+  try {
+    LOG.debug('Loading files...', { indexTemplate, README });
+    const template = await fs.readFile(indexTemplate, 'utf8');
+    const markdown = await fs.readFile(README, 'utf8');
 
-  console.log('Merging files...');
-  const $ = cheerio.load(indexTemplate);
-  $('#md').append(converter.makeHtml(markdown));
-  console.log('Writing index.html');
-  fs.writeFileSync(dest, $.html(), 'utf8');
-  console.log('DONE 👍');
-};
+    LOG.debug('Merging files...');
+    const $ = cheerio.load(template);
 
-const bundle = (dest = destination) => {
-  console.log('');
-  console.log('Bundling with Parcel.js');
-  console.log('');
+    $('#md').append(converter.makeHtml(markdown));
 
-  new Parcel(dest, {
+    LOG.debug('Writing index.html');
+    await fs.outputFile(indexDestination, $.html(), 'utf8');
+    LOG.debug('DONE 👍');
+  } catch (err) {
+    handleFailure(err);
+  }
+}
+
+const bundle = () => {
+  LOG.debug('---');
+  LOG.debug('📦  Bundling with Parcel.js');
+  LOG.debug('---');
+
+  new Parcel(indexDestination, {
     name: 'build',
     publicURL: '/',
   })
     .bundle()
-    .then(() => {
+    .then(() =>
       // Creates a sitemap object given the input configuration with URLs
-      const sitemap = sm.createSitemap({
-        hostname: 'https://awesome-docker.netlify.com/',
-        cacheTime: 6000000, // 600 sec (10 min) cache purge period
-        urls: [
-          {
-            url: '/',
-            changefreq: 'daily',
-            priority: 0.8,
-            lastmodrealtime: true,
-            lastmodfile: 'dist/index.html',
-          },
-          {
-            url: '/table.html',
-            changefreq: 'weekly',
-            priority: 0.8,
-            lastmodrealtime: true,
-            lastmodfile: 'dist/table.html',
-          },
-        ],
-      });
-      fs.writeFileSync('dist/sitemap.xml', sitemap.toString());
-      // fs.copyFileSync('website/sitemap.xml', 'dist/sitemap.xml');
-    });
+      fs.outputFile(
+        'dist/sitemap.xml',
+        sm.createSitemap(sitemapOpts).toString(),
+      ),
+    );
 };
 
-const main = () => {
-  includeReadme();
-  bundle();
-};
+async function main() {
+  await processTable();
+  await processIndex();
+  await bundle();
+}
 
 main();