From 310797c92ab77b003ee47f57e230e7babef47d16 Mon Sep 17 00:00:00 2001
From: Thomas Cazade <cazade.thomas@gmail.com>
Date: Mon, 7 Sep 2020 09:32:59 +0200
Subject: [PATCH] Write paper.css to docs assets, use logger function

---
 build/build.js | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/build/build.js b/build/build.js
index 88cced9..89ff828 100644
--- a/build/build.js
+++ b/build/build.js
@@ -1,3 +1,4 @@
+const fs = require('fs');
 const path = require('path');
 const sass = require('sass');
 const chalk = require('chalk');
@@ -7,32 +8,42 @@ const postcss = require('postcss');
 const cssnano = require('cssnano');
 const autoprefixer = require('autoprefixer');
 
+function log(...args) {
+  return console.log('📦', chalk.cyan(...args));
+}
+
 async function build() {
   const entrypoint = path.resolve(__dirname, '../src/styles.scss');
+  const paperDocsPath = path.resolve(__dirname, '../docs/static/assets/paper.css');
 
-  console.log('📦', chalk.cyan('Starting PaperCSS build...'));
-  console.log('📦', chalk.cyan('Cleaning dist/ folder...'));
+  log('Starting PaperCSS build...');
+  log('Cleaning "dist/, docs/static/assets/paper.css" folder...');
 
   rimraf.sync('dist', { disableGlob: true });
+  fs.unlinkSync(paperDocsPath);
 
-  console.log('📦', chalk.cyan('Compiling SCSS to CSS, entrypoint:', entrypoint));
+  log('Compiling SCSS to CSS, entrypoint:', entrypoint);
 
   const compiledCSS = sass.renderSync({ file: entrypoint });
 
-  console.log('📦', chalk.cyan('Applying autoprefixer and cssnano...'));
+  log('Processing CSS: autoprefixer...');
 
   const autoprefixedCSS = await postcss([autoprefixer]).process(compiledCSS.css, { from: undefined });
+
+  log('Processing CSS: cssnano...');
+
   const minifiedCSS = await postcss([cssnano]).process(autoprefixedCSS.css, { from: undefined });
 
-  const paperpath = path.resolve(__dirname, '../dist/paper.css');
+  const paperPath = path.resolve(__dirname, '../dist/paper.css');
   const paperminpath = path.resolve(__dirname, '../dist/paper.min.css');
 
-  console.log('📦', chalk.cyan('Writing paper.css and paper.min.css files...'));
+  log('Writing paper.css and paper.min.css files to dist/ and docs/ folders...');
 
-  write(paperpath, autoprefixedCSS.css);
+  write(paperPath, autoprefixedCSS.css);
   write(paperminpath, minifiedCSS.css);
+  write(paperDocsPath, autoprefixedCSS.css);
 
-  console.log('📦', chalk.cyan('Build done!'));
+  log('Build done!');
 }
 
 build();