@lexho111/plainblog 0.3.4 → 0.3.6

package/Blog.js

@@ -125,7 +125,7 @@ export default class Blog {
     this.styles += style;
   }
 
-  set assets(files) {
+  set stylesheetPath(files) {
     this.assetFiles = files;
   }
 
@@ -201,6 +201,10 @@ export default class Blog {
       const dbTitle = await this.#databaseModel.getBlogTitle();
       const dbArticles = await this.#databaseModel.findAll();
       //console.log(`articles: ${JSON.stringify(dbarticles)}`)
+      if(dbArticles.length == 0) {
+        dbArticles.push(new Article("Sample Entry #1", "Prow scuttle parrel provost Sail ho shrouds spirits boom mizzenmast yardarm. Pinnace holystone mizzenmast quarter crow's nest nipperkin grog yardarm hempen halter furl. Swab barque interloper chantey doubloon starboard grog black jack gangway rutters.", new Date()));
+        dbArticles.push(new Article("Sample Entry #2", "Deadlights jack lad schooner scallywag dance the hempen jig carouser broadside cable strike colors. Bring a spring upon her cable holystone blow the man down spanker Shiver me timbers to go on account lookout wherry doubloon chase. Belay yo-ho-ho keelhaul squiffy black spot yardarm spyglass sheet transom heave to.", new Date())); 
+      }
       this.reloadScriptsStylesOnGET = false;
       if(this.reloadScriptsStylesOnGET) console.log("reload scripts and styles on GET-Request");
       let title = "";
@@ -478,10 +482,13 @@ export default class Blog {
    * @param {string[]} files - Array of file paths to process.
    */
   async processAssets(files) {
+    // Normalize input to array (handles string or array)
+    const fileList = Array.isArray(files) ? files : [files];
+
     const __filename = fileURLToPath(import.meta.url);
     const __dirname = path.dirname(__filename);
-    const styleFiles = files.filter(
-      (f) => (f.endsWith(".scss") || f.endsWith(".css")) && !f.endsWith(".min.css")
+    const styleFiles = fileList.filter(
+      (f) => typeof f === "string" && (f.endsWith(".scss") || f.endsWith(".css")) && !f.endsWith(".min.css")
     );
     //const scriptFiles = files.filter((f) => f.endsWith(".js") && !f.endsWith(".min.js"));
 
@@ -509,7 +516,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/README.md

@@ -63,7 +63,7 @@ const blog = new Blog();
 blog.title = "My Blog";
 blog.style = "body { font-family: Arial, sans-serif; } h1 { color: #333; }";
 blog.password = "mypassword";
-blog.assets = ["my-assets/styles.scss","my-assets/scripts123.js"];
+blog.stylesheetPath = ["my-assets/styles.scss"];
 
 blog.startServer(8080);
 ```

package/blog.json

@@ -0,0 +1,9 @@
+{
+  "title": "",
+  "articles": [
+    {
+      "title": "hello",
+      "content": "hello world!"
+    }
+  ]
+}

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.6",
   "description": "A tool for creating and serving a minimalist, single-page blog.",
   "main": "index.js",
   "type": "module",

package/styles.min.css

@@ -1,2 +1,2 @@
-.grid{border:0 solid #000;display:grid;gap:.25rem;grid-template-columns:1fr}.grid article{border:0 solid #ccc;border-radius:4px;min-width:0;overflow-wrap:break-word;padding:.25rem}h1{color:#7f0000}nav a{color:#3b40c1;font-size:20px;text-decoration:underline}nav a:visited{color:#3b40c1;text-decoration-color:#3b40c1}
-/* source-hash: 91ab1d754238759404d2b8becfe52372f6f7b9c0f136b8b125c69faadeacd9d7 */
+.grid{border:0 solid #000;display:grid;gap:.25rem;grid-template-columns:1fr}.grid article{border:0 solid #ccc;border-radius:4px;min-width:0;overflow-wrap:break-word;padding:.25rem}h1{color:blue}nav a{color:#3b40c1;font-size:20px;text-decoration:underline}nav a:visited{color:#3b40c1;text-decoration-color:#3b40c1}
+/* source-hash: 2883123eb5327954a734dbf32eae2082e8448c15170daa28704ce7b8882036d5 */

package/package/scripts123.min.js

@@ -1 +0,0 @@
-function test(){console.log("123")}

package/package/styles.min.css

@@ -1,2 +0,0 @@
-.grid{border:0 solid #000;display:grid;gap:.25rem;grid-template-columns:1fr}.grid article{border:0 solid #ccc;border-radius:4px;min-width:0;overflow-wrap:break-word;padding:.25rem}.grid article h1{color:red}nav a:visited{color:#3b40c1;text-decoration-color:#3b40c1}body{background-color:#fdfdfd;font-family:Arial}nav a{color:#3b40c1;font-size:20px;text-decoration:underline}.datetime{color:#434343;font-style:italic}h2{margin:0 0 5px}p{margin-top:10px}span{margin:0}
-/*# sourceMappingURL=styles.min.css.map */

package/package/styles.min.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["styles-compiled.css","styles.css"],"names":[],"mappings":"AAAA,MAIA,mBAAA,CAHA,YAAA,CAEA,UAAA,CADA,yBAGA,CACA,cAEA,mBAAA,CACA,iBAAA,CACA,WAAA,CACA,wBAAA,CAJA,cAKA,CACA,iBACA,SACA,CAOA,cACA,aAAA,CACA,6BACA,CCzBA,KACA,wBAAA,CACA,iBACA,CAEA,MAEA,aAAA,CACA,cAAA,CAFA,yBAGA,CAEA,UAEA,aAAA,CADA,iBAEA,CAEA,GAEA,cACA,CAEA,EACA,eACA,CAEA,KACA,QACA","file":"styles.min.css","sourcesContent":[".grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 0.25rem;\n  border: 0px solid black;\n}\n.grid article {\n  padding: 0.25rem;\n  border: 0px solid #ccc;\n  border-radius: 4px;\n  min-width: 0; /* Allow grid items to shrink */\n  overflow-wrap: break-word; /* Break long words */\n}\n.grid article h1 {\n  color: red;\n}\n\nnav a {\n  text-decoration: underline;\n  color: rgb(59, 64, 193);\n  font-size: 20px;\n}\nnav a:visited {\n  color: rgb(59, 64, 193);\n  text-decoration-color: rgb(59, 64, 193);\n}","body {\n  background-color: rgb(253, 253, 253);\n  font-family: Arial;\n}\n\nnav a {\n  text-decoration: underline;\n  color: rgb(59, 64, 193);\n  font-size: 20px;\n}\n\n.datetime {\n  font-style: italic;\n  color: rgb(67, 67, 67);\n}\n\nh2 {\n  margin: 0;\n  margin-bottom: 5px;\n}\n\np {\n  margin-top: 10px;\n}\n\nspan {\n  margin: 0;\n}\n"]}