From ba56af786769cb771a5c3cf1308787dc6254dd68 Mon Sep 17 00:00:00 2001
From: Matt DeCamp <matt@mattdecamp.com>
Date: Sun, 4 Jun 2023 11:29:30 -0400
Subject: [PATCH] =?UTF-8?q?=E2=86=AA=EF=B8=8F=20New=20packages,=20server?=
 =?UTF-8?q?=20options,=20passthrough,=20and=20filter?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

➕ main.css passthrough
➕ cleanCSS package
➕ setServerOptions
➕ cssmin filter
---
 .eleventy.js | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/.eleventy.js b/.eleventy.js
index 1dc4e44..1d89a1a 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -1,18 +1,33 @@
 // const { DateTime } = require("luxon");
 const pluginRss = require("@11ty/eleventy-plugin-rss");
 const svgSprite = require("eleventy-plugin-svg-sprite");
-const dateFilter = require('./src/filters/dateFilter.js');
+const dateFilter = require("./src/filters/dateFilter.js");
+const cleanCSS = require("clean-css");
 
 module.exports = function (config) {
+
+  config.setServerOptions({
+    // Whether the live reload snippet is used
+    liveReload: true,
+    port: 3456,
+    watch: ["dist/**/*.css"],
+    showAllHosts: true,
+  });
   // PASSTHROUGHS
   config.addPassthroughCopy("src/assets/images/");
+  config.addPassthroughCopy("src/assets/styles/main.css");
 
   // LAYOUTS //
   config.addLayoutAlias("base", "layouts/base.njk");
   config.addLayoutAlias("post", "layouts/post.njk");
 
   // FILTERS //
-  config.addFilter('dateFilter', dateFilter);
+  // date filter
+  config.addFilter("dateFilter", dateFilter);
+  // clean and inline CSS
+  config.addFilter("cssmin", function (code) {
+    return new cleanCSS({}).minify(code).styles;
+  });
 
   // TRANSFORMS //
   // minify HTML