npm - @lexho111/plainblog - Versions diffs - 0.5.27 → 0.6.0 - Mend

@lexho111/plainblog 0.5.27 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (65) hide show

package/Article.js +73 -4
package/Blog.js +348 -149
package/Formatter.js +5 -12
package/README.md +5 -1
package/{blog → blog_test_empty.db} +0 -0
package/blog_test_load.db +0 -0
package/build-scripts.js +54 -0
package/coverage/clover.xml +1043 -0
package/coverage/coverage-final.json +20 -0
package/coverage/lcov-report/base.css +224 -0
package/coverage/lcov-report/block-navigation.js +87 -0
package/coverage/lcov-report/favicon.png +0 -0
package/coverage/lcov-report/index.html +161 -0
package/coverage/lcov-report/package/Article.js.html +406 -0
package/coverage/lcov-report/package/Blog.js.html +2635 -0
package/coverage/lcov-report/package/Formatter.js.html +379 -0
package/coverage/lcov-report/package/build-scripts.js.html +247 -0
package/coverage/lcov-report/package/build-styles.js.html +367 -0
package/coverage/lcov-report/package/index.html +191 -0
package/coverage/lcov-report/package/model/APIModel.js.html +190 -0
package/coverage/lcov-report/package/model/ArrayList.js.html +382 -0
package/coverage/lcov-report/package/model/ArrayListHashMap.js.html +379 -0
package/coverage/lcov-report/package/model/BinarySearchTree.js.html +856 -0
package/coverage/lcov-report/package/model/BinarySearchTreeHashMap.js.html +346 -0
package/coverage/lcov-report/package/model/DataModel.js.html +307 -0
package/coverage/lcov-report/package/model/DatabaseModel.js.html +232 -0
package/coverage/lcov-report/package/model/FileAdapter.js.html +394 -0
package/coverage/lcov-report/package/model/FileList.js.html +244 -0
package/coverage/lcov-report/package/model/FileModel.js.html +358 -0
package/coverage/lcov-report/package/model/SequelizeAdapter.js.html +538 -0
package/coverage/lcov-report/package/model/SqliteAdapter.js.html +247 -0
package/coverage/lcov-report/package/model/datastructures/ArrayList.js.html +439 -0
package/coverage/lcov-report/package/model/datastructures/ArrayListHashMap.js.html +196 -0
package/coverage/lcov-report/package/model/datastructures/BinarySearchTree.js.html +913 -0
package/coverage/lcov-report/package/model/datastructures/BinarySearchTreeHashMap.js.html +346 -0
package/coverage/lcov-report/package/model/datastructures/FileList.js.html +244 -0
package/coverage/lcov-report/package/model/datastructures/index.html +176 -0
package/coverage/lcov-report/package/model/index.html +206 -0
package/coverage/lcov-report/package/utilities.js.html +511 -0
package/coverage/lcov-report/prettify.css +1 -0
package/coverage/lcov-report/prettify.js +2 -0
package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
package/coverage/lcov-report/sorter.js +210 -0
package/coverage/lcov.info +2063 -0
package/index.js +25 -1
package/model/DataModel.js +79 -0
package/model/DatabaseModel.js +20 -8
package/model/FileAdapter.js +43 -4
package/model/FileModel.js +47 -9
package/model/SequelizeAdapter.js +11 -3
package/model/datastructures/ArrayList.js +118 -0
package/model/datastructures/ArrayListHashMap.js +37 -0
package/model/datastructures/ArrayListHashMap.js.bk +90 -0
package/model/datastructures/BinarySearchTree.js +276 -0
package/model/datastructures/BinarySearchTreeHashMap.js +89 -0
package/model/datastructures/BinarySearchTreeTest.js +16 -0
package/model/datastructures/FileList.js +53 -0
package/package.json +11 -2
package/postinstall.js +89 -0
package/public/fetchData.js +0 -0
package/public/scripts.min.js +2 -1
package/public/styles.min.css +2 -2
package/src/fetchData.js +150 -30
package/src/styles.css +47 -0
package/utilities.js +142 -0

package/Blog.js CHANGED Viewed

@@ -2,16 +2,38 @@ import http from "http";
 import crypto from "node:crypto";
 import fs from "fs";
 import { URLSearchParams } from "url";
+import process from "node:process";
+import path from "path";
+import { fileURLToPath } from "url";
+import pkg from "./package.json" with { type: "json" };
+import createDebug from "debug";
 import Article from "./Article.js";
 import DatabaseModel from "./model/DatabaseModel.js";
 import { fetchData, postData } from "./model/APIModel.js";
 import { formatHTML, header, formatMarkdown, validate } from "./Formatter.js"; // import pkg from "./package.json" with { type: "json" };
-import path from "path";
-import { fileURLToPath } from "url";
 import { compileStyles, mergeStyles } from "./build-styles.js";
-import pkg from "./package.json" with { type: "json" };
+import { compileScripts } from "./build-scripts.js";
+import FileAdapter from "./model/FileAdapter.js";
+import { table, log } from "./utilities.js";
+import DataModel from "./model/DataModel.js";
+import ArrayList from "./model/datastructures/ArrayList.js";
+import ArrayListHashMap from "./model/datastructures/ArrayListHashMap.js";
+import { BinarySearchTreeHashMap } from "./model/datastructures/BinarySearchTreeHashMap.js";
+import FileList from "./model/datastructures/FileList.js";
+// Initialize the debugger with a specific namespace
+const debug = createDebug("plainblog:Blog");
 export default class Blog {
+  #makeDataModel() {
+    return new BinarySearchTreeHashMap();
+  }
+  setDataModel(datamodel) {
+    this.#articles = datamodel;
+  }
   constructor() {
     this.database = {
       type: "file",
@@ -21,7 +43,7 @@ export default class Blog {
       dbname: "articles.txt", // x
     };
     this.#title = "";
-    this.#articles = [];
+    this.#articles = new DataModel(this.#makeDataModel());
     this.#server = null;
     this.#password = "admin";
     this.#styles = "body { font-family: Arial; }";
@@ -47,7 +69,7 @@ export default class Blog {
     const json = {
       version: this.#version,
       title: this.#title,
-      articles: this.#articles,
+      articles: this.#articles.getAllArticles(),
       server: serverInfo,
       compiledStyles: this.compiledStyles,
       sessions: this.sessions,
@@ -57,7 +79,7 @@ export default class Blog {
       reloadStylesOnGET: this.reloadStylesOnGET,
     };
-    return JSON.parse(JSON.stringify(json));
+    return JSON.parse(JSON.stringify(json)); // make json read-only
   }
   // Private fields
@@ -71,7 +93,7 @@ export default class Blog {
   #articles = [];
   #styles = "";
   #stylesHash = "";
-  //#scriptsHash = "";
+  #scriptsHash = "";
   #stylesheetPath = "";
   compilestyle = false;
   #initPromise = null;
@@ -111,7 +133,10 @@ export default class Blog {
    */
   setDatabaseAdapter(adapter) {
     if (!this.#databaseModel) {
-      this.#databaseModel = new DatabaseModel(this.database);
+      if (this.database.type === "file") {
+        const adapter = new FileAdapter(this.database);
+        this.#databaseModel = new DatabaseModel(adapter);
+      }
     }
     this.#databaseModel.setDatabaseAdapter(adapter);
   }
@@ -136,7 +161,7 @@ export default class Blog {
   }
   addArticle(article) {
-    this.#articles.push(article);
+    this.#articles.insert(article);
   }
   #isAuthenticated(req) {
@@ -146,6 +171,7 @@ export default class Blog {
   }
   async #handleLogin(req, res) {
+    debug("handle login");
     const body = await new Promise((resolve, reject) => {
       let data = "";
       req.on("data", (chunk) => (data += chunk.toString()));
@@ -166,17 +192,18 @@ export default class Blog {
       res.writeHead(401, { "Content-Type": "text/html" });
       res.end(`${header("My Blog")}
 <body>
-<h1>Unauthorized</h1><p>Please enter the password.<form method="POST">
+<h1>Unauthorized</h1><div class="box"><p>Please enter the password.<form method="POST">
 <input type="password" name="password" placeholder="Password" />
-<button style="margin: 2px;">Login</button></form>
+<button style="margin: 2px;">Login</button></form></div>
 </body></html>`);
     }
   }
   #handleLogout(req, res) {
+    debug("handle logout");
     if (req.headers.cookie) {
       const params = new URLSearchParams(
-        req.headers.cookie.replace(/; /g, "&")
+        req.headers.cookie.replace(/; /g, "&"),
       );
       const sessionId = params.get("session");
       if (this.sessions.has(sessionId)) {
@@ -194,105 +221,134 @@ export default class Blog {
   async init() {
     if (this.#initPromise) return this.#initPromise;
     this.#initPromise = (async () => {
-    //this.loadStyles();
-    //this.loadScripts();
-    // if there is a stylesheet path provided, process it
-    if (this.#stylesheetPath != null && this.compilestyle) {
-      // read file from stylesheet path, compare checksums and write to public/styles.min.css
-      await this.#processStylesheets(this.#stylesheetPath);
-    }
-    if (!this.#stylesheetPath) {
-      // this.#styles
-      // src/styles.css
-      // compile and merge hardcoded styles in "this.#styles" with "src/styles.css" and write to file "styles.min.css"
-      // which will be imported by webbrowser via '<link rel="stylesheet" href="styles.min.css"...'
+      //this.loadStyles();
+      //this.loadScripts();
+      // if there is a stylesheet path provided, process it
+      if (this.#stylesheetPath != null && this.compilestyle) {
+        // read file from stylesheet path, compare checksums and write to public/styles.min.css
+        await this.#processStylesheets(this.#stylesheetPath);
+      }
+      if (!this.#stylesheetPath) {
+        // this.#styles
+        // src/styles.css
+        // compile and merge hardcoded styles in "this.#styles" with "src/styles.css" and write to file "styles.min.css"
+        // which will be imported by webbrowser via '<link rel="stylesheet" href="styles.min.css"...'
+        const __filename = fileURLToPath(import.meta.url);
+        const __dirname = path.dirname(__filename);
+        const srcStylePath = path.join(__dirname, "src", "styles.css");
+        const publicStylePath = path.join(
+          process.cwd(),
+          "public",
+          "styles.min.css",
+        );
+        let publicHash = null;
+        let srcStyles = "";
+        await Promise.all([
+          fs.promises
+            .readFile(publicStylePath, "utf8")
+            .then((publicCSS) => {
+              const match = publicCSS.match(
+                /\/\* source-hash: ([a-f0-9]{64}) \*\//,
+              );
+              if (match) publicHash = match[1];
+            })
+            .catch((err) => console.error(err)), // public/styles.min.css doesn't exist, will be created.
+          fs.promises
+            .readFile(srcStylePath, "utf8")
+            .then((content) => {
+              srcStyles = content;
+            })
+            .catch((err) => {
+              if (err.code !== "ENOENT") console.error(err);
+            }), // ignore if src/styles.css doesn't exist
+        ]);
+        const combinedStyles = this.#styles + srcStyles;
+        const srcHash = crypto
+          .createHash("sha256")
+          .update(combinedStyles)
+          .digest("hex");
+        if (srcHash !== publicHash && this.compilestyle) {
+          console.log("Styles have changed. Recompiling...");
+          const finalStyles = await mergeStyles(this.#styles, srcStyles);
+          try {
+            await fs.promises.mkdir(path.dirname(publicStylePath), {
+              recursive: true,
+            });
+            await fs.promises.writeFile(
+              publicStylePath,
+              finalStyles + `\n/* source-hash: ${srcHash} */`,
+            );
+          } catch (err) {
+            console.error("Failed to write styles to public folder:", err);
+          }
+        }
+      }
+      // Process Scripts
       const __filename = fileURLToPath(import.meta.url);
       const __dirname = path.dirname(__filename);
-      const srcStylePath = path.join(__dirname, "src", "styles.css");
-      const publicStylePath = path.join(__dirname, "public", "styles.min.css");
-      let publicHash = null;
-      let srcStyles = "";
-      await Promise.all([
-        fs.promises
-          .readFile(publicStylePath, "utf8")
-          .then((publicCSS) => {
-            const match = publicCSS.match(
-              /\/\* source-hash: ([a-f0-9]{64}) \*\//
-            );
-            if (match) publicHash = match[1];
-          })
-          .catch((err) => console.error(err)), // public/styles.min.css doesn't exist, will be created.
-        fs.promises
-          .readFile(srcStylePath, "utf8")
-          .then((content) => {
-            srcStyles = content;
-          })
-          .catch((err) => console.error(err)), // ignore if src/styles.css doesn't exist
-      ]);
-      const combinedStyles = this.#styles + srcStyles;
-      const srcHash = crypto
-        .createHash("sha256")
-        .update(combinedStyles)
-        .digest("hex");
+      const srcScriptPath = path.join(__dirname, "src", "fetchData.js");
+      await this.#processScripts(srcScriptPath);
-      if (srcHash !== publicHash && this.compilestyle) {
-        console.log("Styles have changed. Recompiling...");
-        const finalStyles = await mergeStyles(this.#styles, srcStyles);
-        try {
-          //await fs.promises.mkdir(path.dirname(publicStylePath), { recursive: true });
-          await fs.promises.writeFile(
-            publicStylePath,
-            finalStyles + `\n/* source-hash: ${srcHash} */`
+      if (this.#isExternalAPI) {
+        console.log("external API");
+        await this.#loadFromAPI();
+      } else {
+        console.log(`database: ${this.database.type}`);
+        if (!this.#databaseModel) {
+          if (this.database.type === "file") {
+            const adapter = new FileAdapter(this.database);
+            this.#databaseModel = new DatabaseModel(adapter);
+          }
+        }
+        console.log(`connected to database`);
+        await this.#databaseModel.initialize();
+        this.#articles.setDatabase(this.#databaseModel);
+        const [dbTitle, dbArticles] = await Promise.all([
+          this.#databaseModel.getBlogTitle(),
+          this.#databaseModel.findAll(),
+        ]);
+        debug("dbArticles.size(): %d", dbArticles.length);
+        //log(filename, "dbArticles.size(): " + dbArticles.length);
+        //log(filename, "dbArticles.size(): " + dbArticles.length, "Blog.js");
+        debug("all articles in Blog after loading from db");
+        // Displays a beautiful table in the console
+        //table(dbArticles)
+        if (dbArticles.length == 0) {
+          dbArticles.push(
+            new Article(
+              1,
+              "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(
+              2,
+              "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(),
+            ),
           );
-        } catch (err) {
-          console.error("Failed to write styles to public folder:", err);
         }
+        if (this.reloadStylesOnGET)
+          console.log("reload scripts and styles on GET-Request");
+        let title = "";
+        if (this.#title != null && this.#title.length > 0)
+          title = this.#title; // use blog title if set
+        else title = dbTitle; // use title from the database
+        const responseData = { title: title, articles: dbArticles };
+        this.#applyBlogData(responseData);
       }
-    }
-    if (this.#isExternalAPI) {
-      console.log("external API");
-      await this.#loadFromAPI();
-    } else {
-      console.log(`database: ${this.database.type}`);
-      if (!this.#databaseModel) {
-        this.#databaseModel = new DatabaseModel(this.database);
-      }
-      console.log(`connected to database`);
-      await this.#databaseModel.initialize();
-      const [dbTitle, dbArticles] = await Promise.all([
-        this.#databaseModel.getBlogTitle(),
-        this.#databaseModel.findAll(),
-      ]);
-      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()
-          )
-        );
-      }
-      if (this.reloadStylesOnGET)
-        console.log("reload scripts and styles on GET-Request");
-      let title = "";
-      if (this.#title != null && this.#title.length > 0)
-        title = this.#title; // use blog title if set
-      else title = dbTitle; // use title from the database
-      const responseData = { title: title, articles: dbArticles };
-      this.#applyBlogData(responseData);
-    }
     })();
     return this.#initPromise;
   }
@@ -322,12 +378,10 @@ export default class Blog {
           promises.push(postData(this.#apiUrl, newArticleData));
         await Promise.all(promises);
         // Add the article to the local list for immediate display
-        this.#articles.unshift(new Article(title, content, new Date()));
+        this.#articles.insert(Article.createNew(title, content));
         // remove sample entries
-        this.#articles = this.#articles.filter(
-          (art) =>
-            art.title !== "Sample Entry #1" && art.title !== "Sample Entry #2"
-        );
+        this.#articles.remove(1); // "Sample Entry #1"
+        this.#articles.remove(2); // "Sample Entry #2"
       } catch (error) {
         console.error("Failed to post new article to API:", error);
       }
@@ -343,6 +397,7 @@ export default class Blog {
     await this.init();
     const server = http.createServer(async (req, res) => {
+      //debug("query %s", req.url);
       // API routes
       if (req.url.startsWith("/api")) {
         await this.#jsonAPI(req, res);
@@ -355,9 +410,9 @@ export default class Blog {
           res.writeHead(200, { "Content-Type": "text/html" });
           res.end(`${header("My Blog")}
 <body>
-<h1>Login</h1><form method="POST">
+<h1>Login</h1><div class="box"><form method="POST">
 <input type="password" name="password" placeholder="Password" />
-<button style="margin: 2px;">Login</button></form>
+<button style="margin: 2px;">Login</button></form></div>
 </body></html>`);
           return;
         } else if (req.method === "POST") {
@@ -387,6 +442,10 @@ export default class Blog {
           if (this.#stylesheetPath != null && this.compilestyle) {
             await this.#processStylesheets(this.#stylesheetPath);
           }
+          const __filename = fileURLToPath(import.meta.url);
+          const __dirname = path.dirname(__filename);
+          const srcScriptPath = path.join(__dirname, "src", "fetchData.js");
+          await this.#processScripts(srcScriptPath);
         }
         let loggedin = false;
@@ -410,12 +469,10 @@ export default class Blog {
       } else {
         // Try to serve static files from public folder
         try {
-          const __filename = fileURLToPath(import.meta.url);
-          const __dirname = path.dirname(__filename);
-          const publicDir = path.join(__dirname, "public");
+          const publicDir = path.join(process.cwd(), "public");
           const parsedUrl = new URL(
             req.url,
-            `http://${req.headers.host || "localhost"}`
+            `http://${req.headers.host || "localhost"}`,
           );
           const filePath = path.join(publicDir, parsedUrl.pathname);
@@ -441,8 +498,11 @@ export default class Blog {
             }
           }
         } catch (err) {
-          console.error(err);
-          // Continue to 404
+          // ENOENT (file not found) is expected, leading to a 404.
+          // Only log other, unexpected errors.
+          if (err.code !== "ENOENT") {
+            console.error(err);
+          }
         }
         // Error 404
@@ -456,7 +516,8 @@ export default class Blog {
     return new Promise((resolve, reject) => {
       const errorHandler = (err) => reject(err);
       this.#server.once("error", errorHandler);
-      this.#server.listen(port, "0.0.0.0", () => { // <-- for docker 0.0.0.0, localhost 127.0.0.1
+      this.#server.listen(port, "0.0.0.0", () => {
+        // <-- for docker 0.0.0.0, localhost 127.0.0.1
         this.#server.removeListener("error", errorHandler);
         console.log(`server running at http://localhost:${port}/`);
         resolve(); // Resolve the promise when the server is listening
@@ -482,18 +543,42 @@ export default class Blog {
   /** Populates the blog's title and articles from a data object. */
   #applyBlogData(data) {
-    this.#articles = []; // Clear existing articles before loading new ones
+    debug("applyBlogData");
+    if (this.#articles.storage.clear) {
+      this.#articles.storage.clear();
+    } else {
+      //this.#articles.setDataModel(this.#makeDataModel()); // Fallback if clear() isn't implemented
+    }
     this.#title = data.title;
     // Assuming data contains a title and an array of articles with title and content
-    if (data.articles && Array.isArray(data.articles)) {
-      for (const articleData of data.articles) {
-        const article = new Article(
-          articleData.title,
-          articleData.content,
-          articleData.createdAt
-        );
-        article.id = articleData.id; // TODO x
-        this.addArticle(article);
+    if (this.#articles && data.articles && Array.isArray(data.articles)) {
+      if (this.#articles.getStorageName().includes("BinarySearchTree")) {
+        debug("using special insert method for BST");
+        const insertBalanced = (start, end) => {
+          if (start > end) return;
+          const mid = Math.floor((start + end) / 2);
+          const articleData = data.articles[mid];
+          const article = new Article(
+            articleData.id,
+            articleData.title,
+            articleData.content,
+            articleData.createdAt,
+          );
+          this.addArticle(article);
+          insertBalanced(start, mid - 1);
+          insertBalanced(mid + 1, end);
+        };
+        insertBalanced(0, data.articles.length - 1);
+      } else {
+        for (const articleData of data.articles) {
+          const article = new Article(
+            articleData.id,
+            articleData.title,
+            articleData.content,
+            articleData.createdAt,
+          );
+          this.addArticle(article);
+        }
       }
     }
   }
@@ -519,22 +604,31 @@ export default class Blog {
         };
         res.end(JSON.stringify(data));
       }
+      // Search
+      if (url.searchParams.has("q")) {
+        const query = url.searchParams.get("q");
+        res.writeHead(200, { "Content-Type": "application/json" });
+        const results = this.#articles.search(query);
+        res.end(JSON.stringify({ articles: results }));
+        return;
+      }
       // GET all blog data
       if (pathname === "/api/articles") {
         // Use 'offset' param as startId (filter) to get items starting at ID
-        const pStartID = parseInt(url.searchParams.get("startID"));
-        const startID = !isNaN(pStartID) ? pStartID : null;
-        const pEndID = parseInt(url.searchParams.get("endID"));
-        const endID = !isNaN(pEndID) ? pEndID : null;
-        const limit = parseInt(url.searchParams.get("limit")) || 10;
+        const pLimit = parseInt(url.searchParams.get("limit"));
+        const limit = !isNaN(pLimit) ? pLimit : null;
+        const start = url.searchParams.get("startdate");
+        const end = url.searchParams.get("enddate");
+        //const parsedStart = parseDateParam(qStartdate);
+        //const parsedEnd = parseDateParam(qEnddate, true);
+        //const effectiveStart = parsedStart !== null ? parsedStart : startID;
+        //const effectiveEnd = parsedEnd !== null ? parsedEnd : endID;
         // controller
         res.writeHead(200, { "Content-Type": "application/json" });
-        const dbArticles = await this.#databaseModel.findAll(
-          limit,
-          0,
-          startID,
-          endID
-        );
+        const dbArticles = await this.#articles.findAll(start, end, limit);
         const responseData = {
           title: this.title, // Keep the title from the original constant
           articles: dbArticles,
@@ -561,6 +655,40 @@ export default class Blog {
       // extern
       res.writeHead(201, { "Content-Type": "application/json" });
       res.end(JSON.stringify(newArticle));
+    } else if (req.method === "DELETE" && pathname === "/api/articles") {
+      if (!this.#isAuthenticated(req)) {
+        res.writeHead(403, { "Content-Type": "application/json" });
+        res.end(JSON.stringify({ error: "Forbidden" }));
+        return;
+      }
+      const id = url.searchParams.get("id");
+      if (id) {
+        this.#articles.remove(parseInt(id));
+        if (this.#databaseModel) {
+          await this.#databaseModel.remove(parseInt(id));
+        }
+        res.writeHead(200, { "Content-Type": "application/json" });
+        res.end(JSON.stringify({ status: "deleted", id }));
+      }
+    } else if (req.method === "PUT" && pathname === "/api/articles") {
+      if (!this.#isAuthenticated(req)) {
+        res.writeHead(403, { "Content-Type": "application/json" });
+        res.end(JSON.stringify({ error: "Forbidden" }));
+        return;
+      }
+      const id = url.searchParams.get("id");
+      const body = await new Promise((resolve) => {
+        let data = "";
+        req.on("data", (chunk) => (data += chunk));
+        req.on("end", () => resolve(data));
+      });
+      const { title, content } = JSON.parse(body);
+      this.#articles.update(parseInt(id), title, content);
+      if (this.#databaseModel) {
+        await this.#databaseModel.update(parseInt(id), { title, content });
+      }
+      res.writeHead(200, { "Content-Type": "application/json" });
+      res.end(JSON.stringify({ status: "updated", id }));
     }
   }
@@ -574,7 +702,7 @@ export default class Blog {
   print() {
     const data = {
       title: this.title,
-      articles: this.#articles,
+      articles: this.#articles.getAllArticles(),
     };
     const markdown = formatMarkdown(data);
     console.log(markdown);
@@ -582,9 +710,13 @@ export default class Blog {
   /** render this blog content to valid html */
   async toHTML(loggedin) {
+    const articles = this.#articles.getAllArticles();
+    const articles_after = articles.slice(0, 50);
+    // prettier-ignore
+    debug("slice articles from %d to %d", articles.length, articles_after.length);
     const data = {
       title: this.title,
-      articles: this.#articles,
+      articles: articles_after,
       loggedin,
       login: "",
     };
@@ -592,6 +724,12 @@ export default class Blog {
     if (loggedin) data.login = `<a href="/logout">logout</a>`;
     else data.login = `<a href="/login">login</a>`;
+    //debug("typeof data: %o", typeof data);
+    //debug("typeof data.articles: %o", typeof data.articles);
+    //debug("typeof data.articles: %O", data.articles);
+    const article = data.articles[0];
+    debug("first article: ");
+    debug("%d %s %s", article.id, article.title, article.getContentVeryShort());
     const html = formatHTML(data);
     if (validate(html)) return html;
     throw new Error("Error. Invalid HTML!");
@@ -612,7 +750,7 @@ export default class Blog {
       (f) =>
         typeof f === "string" &&
         (f.endsWith(".scss") || f.endsWith(".css")) &&
-        !f.endsWith(".min.css")
+        !f.endsWith(".min.css"),
     );
     //const scriptFiles = files.filter((f) => f.endsWith(".js") && !f.endsWith(".min.js"));
@@ -624,7 +762,7 @@ export default class Blog {
           const content = await fs.promises.readFile(f, "utf-8");
           if (content == "") throw new Error("Invalid Filepath or empty file!");
           return { path: f, content };
-        })
+        }),
       );
       // compute hash
@@ -633,9 +771,9 @@ export default class Blog {
         .update(
           fileData
             .map((f) =>
-              crypto.createHash("sha256").update(f.content).digest("hex")
+              crypto.createHash("sha256").update(f.content).digest("hex"),
             )
-            .join("")
+            .join(""),
         )
         .digest("hex");
@@ -648,17 +786,78 @@ export default class Blog {
         this.compiledStyles = await compileStyles(fileData);
         // generate a file
-        const __filename = fileURLToPath(import.meta.url);
-        const __dirname = path.dirname(__filename);
-        const publicDir = path.join(__dirname, "public");
+        const publicDir = path.join(process.cwd(), "public");
+        await fs.promises.mkdir(publicDir, { recursive: true });
         await fs.promises.writeFile(
           path.join(publicDir, "styles.min.css"),
-          this.compiledStyles + `\n/* source-hash: ${currentHash} */`
+          this.compiledStyles + `\n/* source-hash: ${currentHash} */`,
         );
       } else {
         console.log("styles are up-to-date");
       }
     }
   }
+  /**
+   * read files, compare checksums, compile and write to public/scripts.min.js
+   * @param {string|string[]} files - File path(s) to process.
+   */
+  async #processScripts(files) {
+    // Normalize input to array
+    const fileList = Array.isArray(files) ? files : [files];
+    const scriptFiles = fileList.filter(
+      (f) =>
+        typeof f === "string" && f.endsWith(".js") && !f.endsWith(".min.js"),
+    );
+    if (scriptFiles.length > 0) {
+      const fileData = await Promise.all(
+        scriptFiles.map(async (f) => {
+          const content = await fs.promises.readFile(f, "utf-8");
+          if (content == "") throw new Error("Invalid Filepath or empty file!");
+          return { path: f, content };
+        }),
+      );
+      const currentHash = crypto
+        .createHash("sha256")
+        .update(
+          fileData
+            .map((f) =>
+              crypto.createHash("sha256").update(f.content).digest("hex"),
+            )
+            .join(""),
+        )
+        .digest("hex");
+      if (!this.#scriptsHash) {
+        try {
+          const publicDir = path.join(process.cwd(), "public");
+          const existing = await fs.promises.readFile(
+            path.join(publicDir, "scripts.min.js"),
+            "utf-8",
+          );
+          const match = existing.match(/\/\* source-hash: ([a-f0-9]{64}) \*\//);
+          if (match) this.#scriptsHash = match[1];
+        } catch (err) {
+          // ignore
+        }
+      }
+      if (currentHash !== this.#scriptsHash) {
+        console.log("Script assets have changed. Recompiling...");
+        this.#scriptsHash = currentHash;
+        const compiledScripts = await compileScripts(fileData);
+        const publicDir = path.join(process.cwd(), "public");
+        await fs.promises.mkdir(publicDir, { recursive: true });
+        await fs.promises.writeFile(
+          path.join(publicDir, "scripts.min.js"),
+          compiledScripts + `\n/* source-hash: ${currentHash} */`,
+        );
+      }
+    }
+  }
 }