@lexho111/plainblog 0.3.4 → 0.3.5

package/Blog.js

@@ -509,7 +509,7 @@ export default class Blog {
         this.#stylesHash = currentHash;
         
         // Compile styles using the standalone script
-        this.compiledStyles = await compileStyles();
+        this.compiledStyles = await compileStyles(fileData);
         
         await fs.promises.writeFile(
           path.join(__dirname, "styles.min.css"),

package/build-styles.js

@@ -1,5 +1,6 @@
 import { promises as fs } from "fs";
 import path from "path";
+import { pathToFileURL } from "url";
 import * as sass from "sass";
 import postcss from "postcss";
 import autoprefixer from "autoprefixer";
@@ -20,28 +21,47 @@ async function getFiles(dir) {
   return Array.prototype.concat(...files);
 }
 
-export async function compileStyles() {
+export async function compileStyles(fileData) {
   try {
-    const allFiles = await getFiles(srcDir);
+    let combinedCss = "";
 
-    // Filter for .scss files and exclude partials (files starting with _)
-    // Sort them to ensure consistent concatenation order
-    const scssFiles = allFiles
-      .filter((f) => f.endsWith(".scss") && !path.basename(f).startsWith("_"))
-      .sort();
+    if (fileData) {
+      const scssFiles = fileData.filter(
+        (f) =>
+          f.path.endsWith(".scss") && !path.basename(f.path).startsWith("_")
+      );
 
-    let combinedCss = "";
+      for (const file of scssFiles) {
+        try {
+          const result = sass.compileString(file.content.toString(), {
+            loadPaths: [srcDir],
+            style: "expanded",
+            url: pathToFileURL(file.path),
+          });
+          combinedCss += result.css + "\n";
+        } catch (err) {
+          console.error(
+            `Error compiling ${path.basename(file.path)}:`,
+            err.message
+          );
+        }
+      }
+    } else {
+      const allFiles = await getFiles(srcDir);
+      const scssFiles = allFiles
+        .filter((f) => f.endsWith(".scss") && !path.basename(f).startsWith("_"))
+        .sort();
 
-    // 1. Compile Sass
-    for (const file of scssFiles) {
-      try {
-        const result = sass.compile(file, {
-          loadPaths: [srcDir],
-          style: "expanded",
-        });
-        combinedCss += result.css + "\n";
-      } catch (err) {
-        console.error(`Error compiling ${path.basename(file)}:`, err.message);
+      for (const file of scssFiles) {
+        try {
+          const result = sass.compile(file, {
+            loadPaths: [srcDir],
+            style: "expanded",
+          });
+          combinedCss += result.css + "\n";
+        } catch (err) {
+          console.error(`Error compiling ${path.basename(file)}:`, err.message);
+        }
       }
     }
 

package/package.json

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