@lexho111/plainblog 0.3.3 → 0.3.5

package/Blog.js

@@ -2,10 +2,7 @@ import http from "http";
 import crypto from "crypto";
 import fs from "fs";
 import { URLSearchParams } from "url";
-import { Readable, Transform, Writable, pipeline } from "stream";
 import { MapTransform } from "./streams.js";
-import { fromEvent, firstValueFrom } from "rxjs";
-import { map, scan, takeUntil, last, defaultIfEmpty } from "rxjs/operators";
 import Article from "./Article.js";
 import DatabaseModel from "./model/DatabaseModel.js";
 import { fetchData, postData } from "./model/APIModel.js";
@@ -16,8 +13,7 @@ import path from "path";
 import { fileURLToPath } from "url";
 import { exec } from "child_process";
 import { promisify } from "util";
-import Vinyl from "vinyl";
-import { compileStyles, compileScripts } from "./gulp_frontend/gulpfile.js";
+import { compileStyles } from "./build-styles.js";
 
 const execPromise = promisify(exec);
 
@@ -144,14 +140,12 @@ export default class Blog {
     }
   
     async handleLogin(req, res) {
-      const body$ = fromEvent(req, "data").pipe(
-        map((chunk) => chunk.toString()),
-        scan((acc, chunk) => acc + chunk, ""),
-        takeUntil(fromEvent(req, "end")),
-        last(),
-        defaultIfEmpty("")
-      );
-      const body = await firstValueFrom(body$);
+      const body = await new Promise((resolve, reject) => {
+        let data = "";
+        req.on("data", (chunk) => (data += chunk.toString()));
+        req.on("end", () => resolve(data));
+        req.on("error", reject);
+      });
       const params = new URLSearchParams(body);
   
       if (params.get("password") === this.#password) {
@@ -219,22 +213,12 @@ export default class Blog {
 
   /** post a blog article */
   async postArticle(req, res) {
-    // OLD CODE
-    /*let body = "";
-    req.on("data", (chunk) => {
-      body += chunk.toString();
-    });*/
-    // NEW CODE
-    // Create a stream of the body string
-    const body$ = fromEvent(req, "data").pipe(
-      map((chunk) => chunk.toString()),
-      scan((acc, chunk) => acc + chunk, ""), // Accumulate chunks
-      takeUntil(fromEvent(req, "end")), // Stop when 'end' emits
-      last(), // Emit only the final full string
-      defaultIfEmpty("") // Handle empty bodies
-    );
-
-    const body = await firstValueFrom(body$);
+    const body = await new Promise((resolve, reject) => {
+      let data = "";
+      req.on("data", (chunk) => (data += chunk.toString()));
+      req.on("end", () => resolve(data));
+      req.on("error", reject);
+    });
 
     //req.on("end", async () => {
     const params = new URLSearchParams(body);
@@ -523,20 +507,10 @@ export default class Blog {
       if (currentHash !== this.#stylesHash) {
         console.log("Style assets have changed. Recompiling...");
         this.#stylesHash = currentHash;
-
-        const vinyls = fileData.map(
-          (f) =>
-            new Vinyl({
-              cwd: process.cwd(),
-              base: path.dirname(f.path),
-              path: f.path,
-              contents: f.content,
-            })
-        );
-
-        const stream = Readable.from(vinyls);
-        const outputStream = compileStyles(stream);
-        this.compiledStyles = await this.#streamToString(outputStream);
+        
+        // Compile styles using the standalone script
+        this.compiledStyles = await compileStyles(fileData);
+        
         await fs.promises.writeFile(
           path.join(__dirname, "styles.min.css"),
           this.compiledStyles + `\n/* source-hash: ${currentHash} */`
@@ -547,17 +521,6 @@ export default class Blog {
     }
   }
 
-  #streamToString(stream) {
-    return new Promise((resolve, reject) => {
-      let data = "";
-      stream.on("data", (file) => {
-        if (file.contents) data += file.contents.toString();
-      });
-      stream.on("end", () => resolve(data));
-      stream.on("error", reject);
-    });
-  }
-
   async #findAssetFiles() {
     const __filename = fileURLToPath(import.meta.url);
     const __dirname = path.dirname(__filename);

package/build-styles.js

@@ -0,0 +1,81 @@
+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";
+import cssnano from "cssnano";
+
+// Configuration
+const srcDir = path.join("gulp_frontend", "src");
+
+// Helper to find files recursively
+async function getFiles(dir) {
+  const dirents = await fs.readdir(dir, { withFileTypes: true });
+  const files = await Promise.all(
+    dirents.map((dirent) => {
+      const res = path.resolve(dir, dirent.name);
+      return dirent.isDirectory() ? getFiles(res) : res;
+    })
+  );
+  return Array.prototype.concat(...files);
+}
+
+export async function compileStyles(fileData) {
+  try {
+    let combinedCss = "";
+
+    if (fileData) {
+      const scssFiles = fileData.filter(
+        (f) =>
+          f.path.endsWith(".scss") && !path.basename(f.path).startsWith("_")
+      );
+
+      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();
+
+      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);
+        }
+      }
+    }
+
+    // 2. PostCSS (Autoprefixer + CSSNano)
+    if (combinedCss) {
+      const plugins = [autoprefixer(), cssnano()];
+      const result = await postcss(plugins).process(combinedCss, {
+        from: undefined,
+      });
+      return result.css;
+    }
+    return "";
+  } catch (error) {
+    console.error("Build failed:", error);
+    return "";
+  }
+}

package/gulp_frontend/package.json

@@ -15,14 +15,7 @@
     "@babel/preset-env": "^7.28.5",
     "autoprefixer": "^10.4.23",
     "cssnano": "^7.1.2",
-    "gulp": "^5.0.1",
-    "gulp-babel": "^8.0.0",
-    "gulp-concat": "^2.6.1",
-    "gulp-postcss": "^10.0.0",
-    "gulp-rename": "^2.1.0",
-    "gulp-sass": "^6.0.1",
-    "gulp-sourcemaps": "^3.0.0",
-    "gulp-uglify": "^3.0.2",
+    "postcss": "^8.4.35",
     "sass": "^1.97.1"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lexho111/plainblog",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "A tool for creating and serving a minimalist, single-page blog.",
   "main": "index.js",
   "type": "module",
@@ -19,22 +19,11 @@
     "node-fetch": "^3.3.2",
     "pg": "^8.16.3",
     "pg-hstore": "^2.3.4",
-    "rxjs": "^7.8.2",
     "sequelize": "^6.37.7",
     "sqlite3": "^5.1.7",
-    "vinyl": "^3.0.1",
-    "@babel/core": "^7.28.5",
-    "@babel/preset-env": "^7.28.5",
     "autoprefixer": "^10.4.23",
     "cssnano": "^7.1.2",
-    "gulp": "^5.0.1",
-    "gulp-babel": "^8.0.0",
-    "gulp-concat": "^2.6.1",
-    "gulp-postcss": "^10.0.0",
-    "gulp-rename": "^2.1.0",
-    "gulp-sass": "^6.0.1",
-    "gulp-sourcemaps": "^3.0.0",
-    "gulp-uglify": "^3.0.2",
+    "postcss": "^8.4.35",
     "sass": "^1.97.1"
   },
   "devDependencies": {