npm - @lexho111/plainblog - Versions diffs - 0.1.1 → 0.1.2 - Mend

@lexho111/plainblog 0.1.1 → 0.1.2

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

package/Blog.js CHANGED Viewed

@@ -1,6 +1,8 @@
 import http from "http";
 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";
@@ -165,7 +167,8 @@ export default class Blog {
       } else if (req.method === "GET" && req.url === "/") {
         // load articles
-        //this.loadScripts(); this.loadStyles();
+        // reload styles and scripts on (every) request
+        this.loadScripts(); this.loadStyles();
         const html = await this.toHTML(); // render this blog to HTML
         res.writeHead(200, { "Content-Type": "text/html; charset=UTF-8" });
@@ -290,19 +293,58 @@ export default class Blog {
       title: this.title,
       articles: this.articles,
     };
-    const markdown = formatMarkdown(data);
-    console.log(markdown);
+    //const markdown = formatMarkdown(data);
+    return new Promise((resolve, reject) => {
+    let markdownResult = "";
+      pipeline(
+        Readable.from([data]),
+        new MapTransform((chunk) => formatMarkdown(chunk, this.scripts, this.styles)),
+        new Writable({
+          write(chunk, encoding, callback) {
+            markdownResult += chunk.toString();
+            callback();
+          },
+        }),
+        (err) => {
+          if (err) reject(err);
+          else {
+            console.log(markdownResult)
+            resolve(markdownResult);
+          }
+        }
+      );
+    });
   }
   /** render this blog content to valid html */
-  toHTML() {
+  async toHTML() {
     const data = {
       title: this.title,
       articles: this.articles,
     };
-    const html = formatHTML(data, this.scripts, this.styles);
-    if (validate(html)) return html;
-    else throw new Error("Error. Invalid HTML!");
+    return new Promise((resolve, reject) => {
+      let htmlResult = "";
+      pipeline(
+        Readable.from([data]),
+        new MapTransform((chunk) => formatHTML(chunk, this.scripts, this.styles)),
+        new MapTransform((chunk) => {
+              const html = chunk.toString();
+              if (validate(html)) return html;
+              throw new Error("Error. Invalid HTML!");
+            }),
+        new Writable({
+          write(chunk, encoding, callback) {
+            htmlResult += chunk.toString();
+            callback();
+          },
+        }),
+        (err) => {
+          if (err) reject(err);
+          else resolve(htmlResult);
+        }
+      );
+    });
   }
 }

package/Formatter.js CHANGED Viewed

@@ -1,7 +1,8 @@
 /** format content to html */
 export function formatHTML(data, script, style) {
   //export function formatHTML(data) {
-  const button = `<button type="button" onClick="fillWithContent();" style="margin: 4px;">generate random text</button>`;
+  //const button = `<button type="button" onClick="fillWithContent();" style="margin: 4px;">generate random text</button>`;
+  const button = "";
   return `<!DOCTYPE html>
 <html lang="de">
   <head>
@@ -22,15 +23,17 @@ export function formatHTML(data, script, style) {
         </script>
       </form>
       <hr>
+      <section class="grid">
       ${data.articles
         .map(
           (article) => `
-      <article style="overflow-wrap: break-word;">
+      <article>
         <h2>${article.title}</h2>
         <p>${article.getContentShort()}</p>
       </article>`
         )
         .join("")}
+        <section
     </div>
   </body>
 </html>`;

package/package.json CHANGED Viewed

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

package/scripts.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
-/*! gruntproject 2025-12-21 */
+/*! gruntproject 2025-12-22 */
 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/scripts123.min.js ADDED Viewed

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

package/streams.js ADDED Viewed

@@ -0,0 +1,17 @@
+import { Transform } from "stream";
+export class MapTransform extends Transform {
+  constructor(fn) {
+    super({
+      objectMode: true,
+      transform: (chunk, encoding, callback) => {
+        try {
+          // Call the mapping function with the chunk
+          callback(null, fn(chunk));
+        } catch (err) {
+          callback(err);
+        }
+      },
+    });
+  }
+}

package/styles.min.css CHANGED Viewed

@@ -1 +1,2 @@
-body{font-family:Courier;background-color:#d3d3d3}div{color:#000;width:500px}h1,h2,h3{font-weight:700}
+.alert{border:1px solid rgba(198,83,140,.88)}.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}body{background-color:orange;font-family:Arial}
+/*# sourceMappingURL=styles.min.css.map */

package/styles.min.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["styles-compiled.css","styles.css"],"names":[],"mappings":"AAAA,OACA,qCACA,CAEA,MAIA,mBAAA,CAHA,YAAA,CAEA,UAAA,CADA,yBAGA,CACA,cAEA,mBAAA,CACA,iBAAA,CACA,WAAA,CACA,wBAAA,CAJA,cAKA,CChBA,KACA,uBAAA,CACA,iBACA","file":"styles.min.css","sourcesContent":[".alert {\n border: 1px solid rgba(198, 83, 140, 0.88);\n}\n\n.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}","body {\n background-color: orange;\n font-family: Arial;\n}\n"]}

package/test/server.test.js CHANGED Viewed

@@ -74,6 +74,6 @@ describe("server test", () => {
     const responseData = await response.json();
     expect(responseData).toEqual(newArticle);
-    expect(blog.toHTML()).toContain(newArticle.content); // does blog contain my new article?
+    expect(await blog.toHTML()).toContain(newArticle.content); // does blog contain my new article?
   });
 });