From 49d4da046d3762a555a95223230a99d44d3c5b8c Mon Sep 17 00:00:00 2001
From: Andy Lindsay <andydlindsay@gmail.com>
Date: Tue, 6 Jun 2023 16:06:48 -0700
Subject: [PATCH 1/3] adds sass compile function

---
 lib/compile-sass.js    | 24 ++++++++++++++++++++++++
 lib/sass-middleware.js | 26 --------------------------
 nodemon.json           |  3 +++
 server.js              | 12 +++---------
 4 files changed, 30 insertions(+), 35 deletions(-)
 create mode 100644 lib/compile-sass.js
 delete mode 100644 lib/sass-middleware.js
 create mode 100644 nodemon.json

diff --git a/lib/compile-sass.js b/lib/compile-sass.js
new file mode 100644
index 00000000..80d44ff8
--- /dev/null
+++ b/lib/compile-sass.js
@@ -0,0 +1,24 @@
+const sass = require("sass");
+const fs = require("fs");
+
+const compileSass = () => {
+  const sassFilenames = fs.readdirSync("./styles");
+
+  for (const filename of sassFilenames) {
+    const cssFilename = filename.replace(".scss", ".css");
+
+    try {
+      const rendered = sass.renderSync({
+        file: `./styles/${filename}`,
+        debug: true,
+        outputStyle: "expanded",
+      });
+
+      fs.writeFileSync(`./public/styles/${cssFilename}`, rendered.css.toString());
+    } catch (err) {
+      console.log(`\n 🙈🚨 UNABLE TO GENERATE CSS FROM SASS FILE: ${filename}  🚨🙈 \n ERROR: ${err} \n`);
+    }
+  }
+};
+
+module.exports = compileSass;
diff --git a/lib/sass-middleware.js b/lib/sass-middleware.js
deleted file mode 100644
index ab629f4b..00000000
--- a/lib/sass-middleware.js
+++ /dev/null
@@ -1,26 +0,0 @@
-const sass = require('sass')
-const fs = require('fs')
-
-const sassMiddleware = (options) => {
-  return (req, res, next) => {
-    const cssFilename = req.path.replace(/\.[^/.]+$/, '')
-    const { source, destination, isSass } = options
-    const extension = isSass ? 'sass' : 'scss'
-
-    try {
-      const rendered = sass.renderSync({
-        file: `${source}${cssFilename}.${extension}`,
-        outFile: `${destination}${cssFilename}.css`,
-        debug: true,
-        outputStyle: 'expanded'
-      })
-      fs.writeFileSync(`${destination}${cssFilename}.css`, rendered.css.toString())
-    } catch (e) {
-      console.log(`\n 🙈🚨 UNABLE TO GENERATE CSS FROM SASS FILE: ${cssFilename.substring(1)}.${extension}  🚨🙈 \n 
-      ERROR: ${e} \n`)
-    }
-    
-    next()
-  }
-}
-module.exports = sassMiddleware
\ No newline at end of file
diff --git a/nodemon.json b/nodemon.json
new file mode 100644
index 00000000..0e95927d
--- /dev/null
+++ b/nodemon.json
@@ -0,0 +1,3 @@
+{
+  "ext": "html,css,js,scss,ejs"
+}
diff --git a/server.js b/server.js
index e2067545..98cff08c 100644
--- a/server.js
+++ b/server.js
@@ -1,8 +1,10 @@
 // load .env data into process.env
 require('dotenv').config();
 
+// compile SCSS files on server start/restart
+require('./lib/compile-sass')();
+
 // Web server config
-const sassMiddleware = require('./lib/sass-middleware');
 const express = require('express');
 const morgan = require('morgan');
 
@@ -16,14 +18,6 @@ app.set('view engine', 'ejs');
 //         The :status token will be colored red for server error codes, yellow for client error codes, cyan for redirection codes, and uncolored for all other codes.
 app.use(morgan('dev'));
 app.use(express.urlencoded({ extended: true }));
-app.use(
-  '/styles',
-  sassMiddleware({
-    source: __dirname + '/styles',
-    destination: __dirname + '/public/styles',
-    isSass: false, // false => scss, true => sass
-  })
-);
 app.use(express.static('public'));
 
 // Separated Routes for each Resource

From 7a969381352d54de03ab73a873671f4806b1fb0b Mon Sep 17 00:00:00 2001
From: Andy Lindsay <andydlindsay@gmail.com>
Date: Wed, 14 Jun 2023 12:53:54 -0700
Subject: [PATCH 2/3] testing

---
 lib/compile-sass.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/lib/compile-sass.js b/lib/compile-sass.js
index 80d44ff8..f9de279a 100644
--- a/lib/compile-sass.js
+++ b/lib/compile-sass.js
@@ -1,6 +1,8 @@
 const sass = require("sass");
 const fs = require("fs");
 
+// comment comment
+
 const compileSass = () => {
   const sassFilenames = fs.readdirSync("./styles");
 

From f4e001fc2a23937b8252e4d410f63045334da464 Mon Sep 17 00:00:00 2001
From: Andy Lindsay <andydlindsay@gmail.com>
Date: Wed, 14 Jun 2023 13:07:00 -0700
Subject: [PATCH 3/3] removes test code

---
 lib/compile-sass.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/lib/compile-sass.js b/lib/compile-sass.js
index f9de279a..80d44ff8 100644
--- a/lib/compile-sass.js
+++ b/lib/compile-sass.js
@@ -1,8 +1,6 @@
 const sass = require("sass");
 const fs = require("fs");
 
-// comment comment
-
 const compileSass = () => {
   const sassFilenames = fs.readdirSync("./styles");