@lexho111/plainblog 0.4.1 → 0.4.2

package/Blog.js

@@ -13,7 +13,7 @@ import path from "path";
 import { fileURLToPath } from "url";
 import { exec } from "child_process";
 import { promisify } from "util";
-import { compileStyles } from "./build-styles.js";
+import { compileStyles, mergeStyles } from "./build-styles.js";
 
 const execPromise = promisify(exec);
 
@@ -536,7 +536,7 @@ export default class Blog {
 
     this.loadScripts();
 
-    const finalStyles = this.styles + this.compiledStyles;
+    const finalStyles = await mergeStyles(this.styles, this.compiledStyles);
     const html = formatHTML(data, this.scripts, finalStyles);
     if (validate(html)) return html;
     throw new Error("Error. Invalid HTML!");

package/build-styles.js

@@ -51,3 +51,21 @@ export async function compileStyles(fileData) {
     return "";
   }
 }
+
+export async function mergeStyles(...cssContents) {
+  try {
+    const combinedCss = cssContents.join("\n");
+
+    if (combinedCss) {
+      const plugins = [autoprefixer(), cssnano()];
+      const result = await postcss(plugins).process(combinedCss, {
+        from: undefined,
+      });
+      return result.css;
+    }
+    return "";
+  } catch (error) {
+    console.error("Merge failed:", error);
+    return "";
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lexho111/plainblog",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "A tool for creating and serving a minimalist, single-page blog.",
   "main": "index.js",
   "type": "module",