From e8db8b2275626b8889d969749a21876d87f9df1c Mon Sep 17 00:00:00 2001
From: Josh Moore <josh.moore+gpg@jmoore.dev>
Date: Fri, 7 Jul 2023 00:34:05 -0600
Subject: [PATCH] feat: set up CSS compilation

---
 src2/app.ts        | 14 ++++++++++++++
 tailwind.config.js |  2 +-
 tailwind2.css      |  9 +++++++++
 3 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 tailwind2.css

diff --git a/src2/app.ts b/src2/app.ts
index e3c0a02..5e75e4b 100644
--- a/src2/app.ts
+++ b/src2/app.ts
@@ -1,6 +1,8 @@
 import express, { Request, Response, NextFunction, RequestHandler, json as BodyParserJson } from 'express';
 import fs from 'fs-extra';
 import { path, isProd } from '@tycrek/joint';
+import { epcss } from '@tycrek/express-postcss';
+import tailwindcss from 'tailwindcss';
 import { log } from './log';
 import { ServerConfiguration } from 'ass';
 
@@ -63,6 +65,18 @@ async function main() {
     app.use(BodyParserJson());
     app.use(assMetaMiddleware(serverConfig.port, serverConfig.proxied));
 
+    // CSS
+    app.use('/.css', epcss({
+        cssPath: path.join('tailwind2.css'),
+        plugins: [
+            tailwindcss,
+            (await import('autoprefixer')).default(),
+            (await import('cssnano')).default(),
+            (await import('@tinycreek/postcss-font-magician')).default(),
+        ],
+        warn: (warning: Error) => log.warn('PostCSS', warning.toString())
+    }));
+
     app.get('/.ass.host', (req, res) => res.send(req.ass.host));
 
     // Routing
diff --git a/tailwind.config.js b/tailwind.config.js
index 81e6b34..7ca753f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -40,7 +40,7 @@ module.exports = {
 	plugins: [
 		//require('tailwindcss-textshadow')
 	],
-	content: ['./views/**/*.pug'],
+	content: ['./views2/**/*.pug'],
 	theme: {
 		extend: {
 			fontFamily: {
diff --git a/tailwind2.css b/tailwind2.css
new file mode 100644
index 0000000..3e0eb4d
--- /dev/null
+++ b/tailwind2.css
@@ -0,0 +1,9 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {}
+
+@layer components {}
+
+@layer utilities {}
\ No newline at end of file