@lexho111/plainblog 0.5.23 → 0.5.25

package/Blog.js

@@ -456,7 +456,7 @@ export default class Blog {
     return new Promise((resolve, reject) => {
       const errorHandler = (err) => reject(err);
       this.#server.once("error", errorHandler);
-      this.#server.listen(port, "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

package/README.md

@@ -74,6 +74,21 @@ await blog.init(); // load data from database
 blog.startServer(8080);
 ```
 
+The API should respond to GET-Requests (*http://example.com:5432/blog*) with json like this:
+
+```
+{
+  "title": "My Remote Blog",
+  "articles": [
+    {
+      "title": "Welcome to the API Server",
+      "content": "This content is served from a separate API server.",
+      "createdAt": "2026-01-12T11:21:55.561Z"
+    }
+  ]
+}
+```
+
 ### provide custom style sheets
 
 ```

package/api-server.js

@@ -0,0 +1,70 @@
+import http from "http";
+
+const PORT = 5432;
+
+// In-memory data store
+const blogData = {
+  title: "My Remote Blog",
+  articles: [
+    {
+      title: "Welcome to the API Server",
+      content: "This content is served from a separate API server.",
+      createdAt: new Date().toISOString(),
+    },
+  ],
+};
+
+const server = http.createServer((req, res) => {
+  // Set CORS headers to allow requests from the blog application
+  res.setHeader("Access-Control-Allow-Origin", "*");
+  res.setHeader("Access-Control-Allow-Methods", "GET, POST, OPTIONS");
+  res.setHeader("Access-Control-Allow-Headers", "Content-Type");
+
+  // Handle preflight requests
+  if (req.method === "OPTIONS") {
+    res.writeHead(204);
+    res.end();
+    return;
+  }
+
+  const url = new URL(req.url, `http://${req.headers.host}`);
+
+  if (url.pathname === "/blog") {
+    if (req.method === "GET") {
+      res.writeHead(200, { "Content-Type": "application/json" });
+      res.end(JSON.stringify(blogData));
+    } else if (req.method === "POST") {
+      let body = "";
+      req.on("data", (chunk) => (body += chunk.toString()));
+      req.on("end", () => {
+        try {
+          const newArticle = JSON.parse(body);
+          if (!newArticle.createdAt) {
+            newArticle.createdAt = new Date().toISOString();
+          }
+          // Add the new article to the beginning of the list
+          blogData.articles.unshift(newArticle);
+
+          console.log("New article received:", newArticle.title);
+
+          res.writeHead(201, { "Content-Type": "application/json" });
+          res.end(JSON.stringify(newArticle));
+        } catch (error) {
+          console.error("Error parsing JSON:", error);
+          res.writeHead(400, { "Content-Type": "application/json" });
+          res.end(JSON.stringify({ error: "Invalid JSON" }));
+        }
+      });
+    } else {
+      res.writeHead(405); // Method Not Allowed
+      res.end();
+    }
+  } else {
+    res.writeHead(404); // Not Found
+    res.end();
+  }
+});
+
+server.listen(PORT, () => {
+  console.log(`API Server running at http://localhost:${PORT}/blog`);
+});

package/build-styles.js

@@ -56,7 +56,8 @@ async function runPostcss(css) {
         postcss = (await import("postcss")).default;
         autoprefixer = (await import("autoprefixer")).default;
         cssnano = (await import("cssnano")).default;
-      } catch (e) {
+      } catch (err) {
+        console.error(err);
         throw new Error("Missing optional dependencies");
       }
     } else {

package/model/PostgresAdapter.js

@@ -39,7 +39,8 @@ export default class PostgresAdapter extends SequelizeAdapter {
             stdio: "inherit",
           });
           pgPkg = await import("pg");
-        } catch (e) {
+        } catch (err) {
+          console.error(err);
           throw new Error("Missing optional dependencies");
         }
       }

package/model/SequelizeAdapter.js

@@ -37,7 +37,8 @@ export default class SequelizeAdapter {
             stdio: "inherit",
           });
           sequelizePkg = await import("sequelize");
-        } catch (e) {
+        } catch (err) {
+          console.error(err);
           throw new Error("Missing optional dependencies");
         }
       } else {

package/model/SqliteAdapter.js

@@ -27,7 +27,8 @@ export default class SqliteAdapter extends SequelizeAdapter {
             stdio: "inherit",
           });
           sqlite3Pkg = await import("sqlite3");
-        } catch (e) {
+        } catch (err) {
+          console.error(err);
           throw new Error("Missing optional dependencies");
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lexho111/plainblog",
-  "version": "0.5.23",
+  "version": "0.5.25",
   "description": "A tool for creating and serving a minimalist, single-page blog.",
   "main": "index.js",
   "type": "module",
@@ -16,14 +16,21 @@
   ],
   "author": "lexho111",
   "license": "ISC",
-  "dependencies": {},
   "devDependencies": {
     "@eslint/js": "^9.39.2",
     "@types/node": "^25.0.3",
+    "autoprefixer": "^10.4.23",
+    "cssnano": "^7.1.2",
     "eslint": "^9.39.2",
     "eslint-plugin-jest": "^28.6.0",
     "globals": "^17.0.0",
     "jest": "^29.7.0",
-    "typescript": "^5.9.3"
+    "pg": "^8.16.3",
+    "pg-hstore": "^2.3.4",
+    "postcss": "^8.5.6",
+    "sequelize": "^6.37.7",
+    "sqlite3": "^5.1.7",
+    "typescript": "^5.9.3",
+    "w3c-css-validator": "^1.4.1"
   }
 }

package/public/print.min.css

@@ -1,2 +1 @@
-*{font-size:.9rem}body{background-color:#fff;color:#000}h1{font:italic small-caps 700 2.5em/2.3em Verdana,sans-serif;letter-spacing:.1em;margin:0;padding:0}#wrapper{max-width:600px;width:100%}.grid{border:2px solid #d3d3d3;display:grid;gap:.25rem;grid-template-columns:1fr}.grid article h2{color:primary;margin-bottom:2px}.grid article{border:0 solid #ccc;border-radius:4px;min-width:0;overflow-wrap:break-word;padding:.25rem}.grid article .datetime{font-style:italic;margin:0}.grid article p{margin-bottom:0;margin-top:10px}.grid article a,.grid article a:link a:visited{color:#000}h1{color:primary}nav a{color:#3c3c3c;font-size:20px;text-decoration:underline}nav a[href*=login]{display:none}nav a:visited{color:#3c3c3c;text-decoration-color:#3c3c3c}
-/*# sourceMappingURL=print-compiled.css.map */
+*{font-size:.5rem}body{background-color:#fff;color:#000}h1{font:italic small-caps 700 2.5em/2.3em Verdana,sans-serif;letter-spacing:.1em;margin:0;padding:0}#wrapper{max-width:600px;width:100%}.grid{display:grid;grid-template-columns:1fr;grid-gap:.25rem;border:2px solid #d3d3d3;gap:.25rem}.grid article{border:0 solid #ccc;border-radius:4px;min-width:0;padding:.25rem;word-wrap:break-word}.grid article h2{color:#000;margin-bottom:2px}.grid article .datetime{font-style:italic;margin:0}.grid article p{margin-bottom:0;margin-top:10px}.grid article a,.grid article a:link a:visited,h1{color:#000}nav a{color:#3c3c3c;font-size:20px;-webkit-text-decoration:underline;text-decoration:underline}nav a[href*=login]{display:none}nav a:visited{color:#3c3c3c;text-decoration-color:#3c3c3c}

package/public/styles.min.css

@@ -1 +1,2 @@
-body{font-family:Arial}.grid{border:0 solid #000;display:grid;grid-gap:.25rem;gap:.25rem;grid-template-columns:1fr}.grid article{border:0 solid #ccc;border-radius:4px;min-width:0;word-wrap:break-word;padding:.25rem}.grid article h2{color:#353535;margin-bottom:5px}.grid article .datetime{color:#757575;margin:0}.grid article p{margin-bottom:0;margin-top:10px}article a,article a:visited,h1{color:#696969}nav a{color:#3b40c1;font-size:20px;-webkit-text-decoration:underline;text-decoration:underline}nav a:visited{color:#3b40c1;text-decoration-color:#3b40c1}#wrapper{max-width:500px;width:100%}@media screen and (max-width:1000px){*{font-size:4vw}#wrapper{box-sizing:border-box;max-width:100%;padding:0 10px;width:100%}}
+body{font-family:Arial;font-family:Arial,sans-serif}h1{color:#333}.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 h2{color:#353535;margin-bottom:5px}.grid article .datetime{color:#757575;margin:0}.grid article p{margin-bottom:0;margin-top:10px}article a,article a:visited,h1{color:#696969}nav a{color:#3b40c1;font-size:20px;text-decoration:underline}nav a:visited{color:#3b40c1;text-decoration-color:#3b40c1}#wrapper{max-width:500px;width:100%}@media screen and (max-width:1000px){*{font-size:4vw}#wrapper{box-sizing:border-box;max-width:100%;padding:0 10px;width:100%}}
+/* source-hash: a07f631befba4b6bc703f8709f5ef455faafeff4e5f00b62f835576eea7fb529 */

package/src/print.css

@@ -0,0 +1,71 @@
+* {
+  font-size: 0.5rem; /* Forces every single element to this size */
+}
+
+body {
+  color: black;
+  background-color: white;
+}
+
+h1 {
+  font: italic small-caps bold 2.5em/2.3em Verdana, sans-serif;
+  margin: 0;
+  padding: 0;
+  letter-spacing: 0.1em;
+}
+
+#wrapper {
+  max-width: 600px;
+  width: 100%;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 0.25rem;
+  border: 2px solid lightgray;
+}
+.grid article {
+  padding: 0.25rem;
+  border: 0px solid #ccc;
+  border-radius: 4px;
+  min-width: 0; /* Allow grid items to shrink */
+  overflow-wrap: break-word; /* Break long words */
+}
+.grid article h2 {
+  color: black;
+  margin-bottom: 2px;
+}
+.grid article .datetime {
+  margin: 0;
+  font-style: italic;
+}
+.grid article p {
+  margin-top: 10px;
+  margin-bottom: 0;
+}
+.grid article a {
+  color: black;
+}
+.grid article a:link a:visited {
+  color: black;
+}
+
+h1 {
+  color: black;
+}
+
+nav a {
+  text-decoration: underline;
+  color: rgb(60, 60, 60);
+  font-size: 20px;
+}
+nav a[href*=login] {
+  display: none;
+}
+nav a:visited {
+  color: rgb(60, 60, 60);
+  text-decoration-color: rgb(60, 60, 60);
+}
+
+/*# sourceMappingURL=print.css.map */

package/src/print.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["print.scss"],"names":[],"mappings":"AAKA;EACE;;;AAIF;EACE,OAXQ;EAYR,kBATW;;;AAYb;EAAK;EACL;EAAW;EACX;;;AAGA;EACE;EAAkB;;;AAGpB;EACE;EACA;EACA;EACA;;AAEA;EAIE;EACA;EACA;EACA;EACA;;AAPA;EAAK,OA/BC;EAgCN;;AAOA;EACI;EACA;;AAEJ;EACI;EACF;;AAEF;EACI;;AAEJ;EACI;;;AAKR;EACE,OAzDQ;;;AA6DR;EACE;EACA,OA7DE;EA8DF;;AAGF;EACE;;AAGF;EACE,OAtEE;EAuEF,uBAvEE","file":"print.css"}

package/src/print.scss

@@ -29,7 +29,7 @@ letter-spacing: 0.1em;
   border: 2px solid lightgray;
 
   article {
-    h2 { color: primary; 
+    h2 { color: $primary; 
     margin-bottom: 2px;
     }
     padding: 0.25rem;
@@ -55,7 +55,7 @@ letter-spacing: 0.1em;
 }
 
 h1 {
-  color: primary;
+  color: $primary;
 }
 
 nav {