@lexho111/plainblog 0.5.24 → 0.5.25

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.24",
+  "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/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 */