npm - @lexho111/plainblog - Versions diffs - 0.2.6 → 0.2.8 - Mend

@lexho111/plainblog 0.2.6 → 0.2.8

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 (5) hide show

package/Blog.js +48 -18
package/Formatter.js +10 -3
package/README.md +3 -2
package/package.json +1 -1
package/plainblog - Verkn/303/274pfung.lnk +0 -0

package/Blog.js CHANGED Viewed

@@ -22,6 +22,8 @@ export default class Blog {
     this.styles = "";
     this.filename = null;
     this.#server = null;
+    this.#password = "admin";
+    this.styles = "body { font-family: Arial; }";
     this.database = {
       type: "sqlite",
@@ -37,8 +39,7 @@ export default class Blog {
     this.loadScripts();
-    if(this.styles.length == 0) { // no style override specified via index.js
-      this.styles = "body { font-family: Arial; }"; // apply default style
+    if(this.styles == "body { font-family: Arial; }") { // no style override specified via index.js
       this.loadStyles();
     }
     //console.log(styles)
@@ -62,7 +63,7 @@ export default class Blog {
     const __filename = fileURLToPath(import.meta.url);
     const __dirname = path.dirname(__filename);
     try {
-      this.styles = fs.readFileSync(
+      this.styles += fs.readFileSync(
       path.join(__dirname, "styles.min.css"), "utf-8");
     } catch(err) {
       console.error("no styles.min.css file found")
@@ -71,21 +72,44 @@ export default class Blog {
   // Private fields
   #server = null;
+  #password = null;
   #databaseModel;
   #isExternalAPI = false;
   #apiUrl = "";
+  #title = "";
   setTitle(title) {
-    this.title = title;
+    this.#title = title;
   }
-  addArticle(article) {
-    this.articles.push(article);
+  setPassword(password) {
+    this.#password = password;
   }
   setStyle(style) {
-    this.styles = style;
+    this.styles += style;
+  }
+  set title(t) {
+    this.#title = t;
+  }
+  get title() {
+    return this.#title;
+  }
+  set password(x) {
+    this.#password = x;
   }
+  set style(style) {
+    this.styles += style;
+  }
+  addArticle(article) {
+    this.articles.push(article);
+  }
   isAuthenticated(req) {
       if (!req.headers.cookie) return false;
       const params = new URLSearchParams(req.headers.cookie.replace(/; /g, "&"));
@@ -103,7 +127,7 @@ export default class Blog {
       const body = await firstValueFrom(body$);
       const params = new URLSearchParams(body);
-      if (params.get("password") === "admin") {
+      if (params.get("password") === this.#password) {
         const id = crypto.randomUUID();
         this.sessions.add(id);
         res.writeHead(303, {
@@ -113,9 +137,12 @@ export default class Blog {
         res.end();
       } else {
         res.writeHead(401, { "Content-Type": "text/html" });
-        res.end(`<style>${this.styles}</style><h1>Unauthorized</h1><p>Please enter the password.<form method="POST">
-            <input type="password" name="password" placeholder="Password" />
-            <button style="margin: 2px;">Login</button></form>`);
+        res.end(`<html><head><meta name="viewport" content="width=device-width, initial-scale=1.0"><style>${this.styles}</style></head>
+<body>
+<h1>Unauthorized</h1><p>Please enter the password.<form method="POST">
+<input type="password" name="password" placeholder="Password" />
+<button style="margin: 2px;">Login</button></form>
+</body></html>`);
       }
     }
@@ -147,11 +174,11 @@ export default class Blog {
       const dbTitle = await this.#databaseModel.getBlogTitle();
       const dbArticles = await this.#databaseModel.findAll();
       //console.log(`articles: ${JSON.stringify(dbarticles)}`)
-      this.reloadScriptsStylesOnGET = true;
+      this.reloadScriptsStylesOnGET = false;
       if(this.reloadScriptsStylesOnGET) console.log("reload scripts and styles on GET-Request");
       let title = "";
-      if (this.title.length > 0) title = this.title; // use blog title if set
-      else title = dbTitle;
+      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);
     }
@@ -214,9 +241,12 @@ export default class Blog {
       if (req.url === "/login") {
         if (req.method === "GET") {
           res.writeHead(200, { "Content-Type": "text/html" });
-          res.end(`<style>${this.styles}</style><h1>Login</h1><form method="POST">
-            <input type="password" name="password" placeholder="Password" />
-            <button style="margin: 2px;">Login</button></form>`);
+          res.end(`<html><head><meta name="viewport" content="width=device-width, initial-scale=1.0"><style>${this.styles}</style></head>
+<body>
+<h1>Login</h1><form method="POST">
+<input type="password" name="password" placeholder="Password" />
+<button style="margin: 2px;">Login</button></form>
+</body></html>`);
           return;
         } else if (req.method === "POST") {
           await this.handleLogin(req, res);
@@ -295,7 +325,7 @@ 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
-    this.setTitle(data.title);
+    this.title = data.title;
     // Assuming the API returns an array of objects with title and content
     if (data.articles && Array.isArray(data.articles)) {
       for (const articleData of data.articles) {

package/Formatter.js CHANGED Viewed

@@ -5,7 +5,12 @@ export function formatHTML(data, script, style) {
   const button = "";
   let form1 = "";
   if (data.loggedin) {
-    form1 = `<form action="/" method="POST">
+    form1 = `<!DOCTYPE html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <form action="/" method="POST">
         <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>
@@ -14,13 +19,15 @@ export function formatHTML(data, script, style) {
         ${script}
         </script>
       </form>
-      <hr>`;
+      <hr>
+      </body></html>`;
   }
   const form = form1;
   return `<!DOCTYPE html>
 <html lang="de">
   <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>${data.title}</title>
     <style>${style}</style>
   </head>
@@ -29,7 +36,7 @@ export function formatHTML(data, script, style) {
   ${data.login}
   </nav>
     <h1>${data.title}</h1>
-    <div style="width: 500px;">
+    <div style="max-width: 500px; width: 100%;">
     ${form}
       <section class="grid">
       ${data.articles.map((article) => article.toHTML()).join("")}

package/README.md CHANGED Viewed

@@ -14,8 +14,9 @@ npm install @lexho111/plainblog
 import Blog from "@lexho111/plainblog";
 const blog = new Blog();
-blog.setTitle("My Blog");
-blog.setStyle("body { font-family: Arial, sans-serif; } h1 { color: #333; }");
+blog.title = "My Blog";
+blog.style = "body { font-family: Arial, sans-serif; } h1 { color: #333; }";
+blog.password = "mypassword"
 blog.startServer(8080);
 ```

package/package.json CHANGED Viewed

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

package/plainblog - Verkn/303/274pfung.lnk ADDED Viewed

Binary file