@lexho111/plainblog 0.0.11 → 0.0.12

package/Blog.js

@@ -1,5 +1,5 @@
 import http from "http";
-import fetch from "node-fetch";
+import fs from "fs";
 import { URLSearchParams } from "url";
 import { fromEvent, firstValueFrom } from "rxjs";
 import { map, scan, takeUntil, last, defaultIfEmpty } from "rxjs/operators";
@@ -8,12 +8,15 @@ import DatabaseModel from "./model/DatabaseModel.js";
 import { fetchData, postData } from "./model/APIModel.js";
 import { save as saveToFile, load as loadFromFile } from "./model/fileModel.js";
 import { formatHTML, formatMarkdown, validate } from "./Formatter.js";
+import pkg from "./package.json" with { type: "json" };;
+import path from "path";
+import { fileURLToPath } from "url";
 
 export default class Blog {
   constructor() {
     this.title = "";
     this.articles = [];
-    this.style = "body { font-family: Arial; }";
+    this.styles = "";
     this.filename = null;
     this.#server = null;
 
@@ -24,6 +27,43 @@ export default class Blog {
       host: "localhost",
       dbname: "blog",
     };
+
+    const version = pkg.version;
+    console.log(`version: ${version}`);
+
+    this.loadScripts();
+    
+    if(this.styles.length == 0) { // no style override specified via index.js
+      this.styles = "body { font-family: Arial; }"; // apply default style
+      this.loadStyles();
+    }
+    //console.log(styles)
+  }
+
+  loadScripts() {
+    const __filename = fileURLToPath(import.meta.url);
+    const __dirname = path.dirname(__filename);
+    this.scripts = "";
+    try {
+      console.log("load scripts")
+      this.scripts = fs.readFileSync(
+      path.join(__dirname, "scripts.min.js"),
+      "utf-8"
+    );
+    } catch(err) {
+      console.error("no scripts.min.js file found")
+    }
+  }
+
+  loadStyles() {
+    const __filename = fileURLToPath(import.meta.url);
+    const __dirname = path.dirname(__filename);
+    try {
+      this.styles = fs.readFileSync(
+      path.join(__dirname, "styles.min.css"), "utf-8");
+    } catch(err) {
+      console.error("no styles.min.css file found") 
+    } 
   }
 
   // Private fields
@@ -41,11 +81,19 @@ export default class Blog {
   }
 
   setStyle(style) {
-    this.style = style;
+    this.styles = style;
   }
 
   /** initializes database */
   async init() {
+    try {
+      this.styles = fs.readFileSync(
+        new URL("./styles.min.css", import.meta.url),
+        "utf-8"
+      );
+    } catch (err) {
+      console.error("Failed to load styles.min.css:", err);
+    }
     if (this.#isExternalAPI) {
       console.log("external API");
       await this.loadFromAPI();
@@ -126,6 +174,8 @@ export default class Blog {
       } else if (req.method === "GET" && req.url === "/") {
         // load articles
 
+        this.loadScripts(); this.loadStyles();
+
         const html = await this.toHTML(); // render this blog to HTML
         res.writeHead(200, { "Content-Type": "text/html; charset=UTF-8" });
         res.end(html);
@@ -199,8 +249,16 @@ export default class Blog {
   // controller
   /** everything that happens in /api  */
   async #jsonAPI(req, res) {
+    if(req.method === "GET") {
+    if(req.url === "/api" || req.url === "/api/") {
+      res.writeHead(200, { "Content-Type": "application/json" });
+      const data = {
+        title: this.title
+      }
+      res.end(JSON.stringify(data));
+    }
     // GET all blog data
-    if (req.method === "GET" && req.url === "/api") {
+    if (req.url === "/api/articles") {
       // controller
       res.writeHead(200, { "Content-Type": "application/json" });
       const dbArticles = await this.#databaseModel.findAll();
@@ -213,7 +271,7 @@ export default class Blog {
     }
 
     // POST a new article
-    else if (req.method === "POST" && req.url === "/api/articles") {
+  } else if (req.method === "POST" && req.url === "/api/articles") {
       let body = "";
       req.on("data", (chunk) => (body += chunk.toString()));
       req.on("end", async () => {
@@ -249,10 +307,10 @@ export default class Blog {
   toHTML() {
     const data = {
       title: this.title,
-      style: this.style,
       articles: this.articles,
     };
-    const html = formatHTML(data);
+    
+    const html = formatHTML(data, this.scripts, this.styles);
     if (validate(html)) return html;
     else throw new Error("Error. Invalid HTML!");
   }

package/Formatter.js

@@ -1,28 +1,13 @@
 /** format content to html */
-export function formatHTML(data) {
-  const script = `function generateRandomContent(length) {
-          let str = "";
-          const char = "A";
-          for (let i = 0; i < length; i++) {
-            const rnd = Math.random() * ("z".charCodeAt(0) - "A".charCodeAt(0)); // A z.charCodeAt(0)"
-            const char1 = String.fromCharCode(char.charCodeAt(0) + rnd);
-            str += char1;
-          }
-          return str;
-        }
-        function fillWithContent() { 
-          let title = document.getElementById("title");
-          let cont = document.getElementById("content");
-          cont.value = generateRandomContent(200);
-          title.value = generateRandomContent(50);
-        }`;
+export function formatHTML(data, script, style) {
+  //export function formatHTML(data) {
   const button = `<button type="button" onClick="fillWithContent();" style="margin: 4px;">generate random text</button>`;
   return `<!DOCTYPE html>
 <html lang="de">
   <head>
     <meta charset="UTF-8">
     <title>${data.title}</title>
-    <style>${data.style}</style>
+    <style>${style}</style>
   </head>
   <body>
     <h1>${data.title}</h1>
@@ -31,7 +16,7 @@ export function formatHTML(data) {
         <h3>Add a New Article</h3>
         <input type="text" id="title" name="title" placeholder="Article Title" required style="display: block; width: 300px; margin-bottom: 10px;">
         <textarea id="content" name="content" placeholder="Article Content" required style="display: block; width: 300px; height: 100px; margin-bottom: 10px;"></textarea>
-        <button type="submit">Add Article</button>
+        <button type="submit">Add Article</button>${button}
         <script>
         ${script}
         </script>

package/model/DatabaseModel.js

@@ -14,9 +14,11 @@ export default class DatabaseModel {
   constructor(options) {
     const databasetype = options.type; // the database type defines
     if (databasetype === "sqlite") {
+      // Use the full path for the database file from the options.
+      if (options.dbname) this.#dbname = options.dbname;
       this.#sequelize = new Sequelize({
         dialect: "sqlite",
-        storage: `./${this.#dbname}.db`,
+        storage: this.#dbname + ".db",
         logging: false,
       });
     } else if (databasetype === "postgres") {

package/package.json

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

package/scripts.min.js

@@ -0,0 +1,2 @@
+/*! gruntproject 2025-12-21 */
+function generateRandomContent(t){let n="";for(let e=0;e<t;e++){var o=Math.random()*("z".charCodeAt(0)-"A".charCodeAt(0)),o=String.fromCharCode("A".charCodeAt(0)+o);n+=o}return n}function fillWithContent(){var e=document.getElementById("title");document.getElementById("content").value=generateRandomContent(200),e.value=generateRandomContent(50)}

package/styles.min.css

@@ -0,0 +1 @@
+body{font-family:Courier;background-color:#d3d3d3}div{color:#000;width:500px}h1,h2,h3{font-weight:700}

package/test/server.test.js

@@ -11,7 +11,7 @@ import Blog from "../Blog.js";
  * blog.startServer(8080);
  */
 
-const PORT = 8080;
+const PORT = 8090;
 const apiBaseUrl = `http://localhost:${PORT}`;
 
 describe("server test", () => {