@lexho111/plainblog 0.4.2 → 0.5.0

package/blog.json

@@ -3,7 +3,93 @@
   "articles": [
     {
       "title": "hello",
-      "content": "hello world!"
+      "content": "hML`JfDS]ARPVAfsGdogseNVYPXTpZaJhKJkPoMTWA\\q[CkNsXYrUGyGHWTDZpByubZMf_Y\\bMELh[]afM^XMAFqvxuyWat^hqSBMIifvbTdHNOQP_rbwwlWnGvVbPi]jlTIixyAaaU_]ecJYTjr]FqLq`UY\\XoYqhmuY`rvWH]EZO`tBHZSan`mAuhnwpXgdRJtjtH[",
+      "createdAt": "2026-01-07T12:49:43.098Z"
+    },
+    {
+      "title": "hello",
+      "content": "HgcFKFWDMl]cxiCVVrgFddJaOQCSPF^KYkROxkLTmxSc^ZssZh`ENyOXZn_DtOQe^V_vbu^KRonZ]bGcqsP]FYMmY\\YLjWknhiUksXwIUsvtpfXqViiKJ`xcmScZRXfAdHshvFlEHvPXWOfZRRIDIOxAafPoMD[ZgVlFkl\\Uw]RfubZWQ]`IHIUOKea_RTO`KiZisSA[",
+      "createdAt": "2026-01-07T12:49:43.444Z"
+    },
+    {
+      "title": "Test Title from Jest",
+      "content": "This is the content of the test article.",
+      "createdAt": "2026-01-07T13:10:50.239Z"
+    },
+    {
+      "title": "hello",
+      "content": "_\\jAuGsYByS]q\\QsnlqT\\]]TEDDalywtlmwmBZRlL[vtFdGqB\\[dlVx]A^[IV`KjhWU`DW`oorGwUlBU_IMCYoymIFi[`FpXrJfUmLZTRhoisxhXIcWqmk\\SPMV^]dvCuL_Pu^EAcMvBfadWFbUuSxFkjh\\KQyLnNWWsP`agQQkmU\\TAaOvYZAO\\FGtstSbaCJPXRQTO",
+      "createdAt": "2026-01-07T13:10:57.249Z"
+    },
+    {
+      "title": "hello",
+      "content": "HRkfwNRL_r\\DF]tyVBM[AMIjfMoBbohiqUf_T^]LwiJo[duXB`mQiRmmTkbMSJxvvHccfbXsdmKMbuYmxo[JGkwfCpqXSbhKiZID[vouGhbnLZ[wjkFFgm]fOaZcxoWduI`TNvin]\\dXoGW]YtueqSYPRLmGJswvUnyPHhfLUtf`]QNfM]hcvqqZasrQZVcXYjAnJxRP",
+      "createdAt": "2026-01-07T13:10:57.357Z"
+    },
+    {
+      "title": "hello",
+      "content": "UI\\KBodT[CgUg]L^WJ`Tuafq`rS]n\\T_eMqmBQqJVQisfABj^msS]u\\OEoJ]D^CtwE`UY[UbOICHcYPjNqNQ[LlwlJGPOoppSrkaEmDh_tm]CrrPGbBSPxgQQIZ^efcmITQQaAgT_vx[GUepg]LDagmTmihHbOIqHAa_NmRsX_EjxeE]EKhnHwFm]vFUpJTPFiDNU^BE",
+      "createdAt": "2026-01-07T13:17:47.559Z"
+    },
+    {
+      "title": "hello",
+      "content": "aMDnSSZDIZjbfrMlOcjMB\\CPup[GfoqHkLWAi]V_Ctkt[ekYRqIaufps[]TOMcw\\ojbVpPNv`lTTH\\[jbOcJXU[_tBSCsZW\\akiWuRf^mZGGrFxAq^oAdZjHwmJBjt^_GUXnHdXfjSrifiqXdAAdo]EM`aBFpJvyVLnLOfqrqoPrAIhRwoPHRy^lRCLyaS^VXChowHCn",
+      "createdAt": "2026-01-07T13:17:47.681Z"
+    },
+    {
+      "title": "Test Title from Jest",
+      "content": "This is the content of the test article.",
+      "createdAt": "2026-01-07T13:18:50.764Z"
+    },
+    {
+      "title": "hello",
+      "content": "[vL^GSDHJjBq^qdTMyyMm`SGhZhvgXsyTp[kYNkiBDavKevpIkSlWQr`bJaWyH]Qa`LQMKisdHeRvTKm`dviPLkLcJCtWbGPaDnNhJtEcEQM^MmP[RYERk\\uYeXruvPmJMjdvsOxA`btQtTmtBlOvrHLANJhcYRTAXmwOjLhp_SgkhWsB_pcIUQbd^X`RIWAdqUBPVmk",
+      "createdAt": "2026-01-07T13:18:52.387Z"
+    },
+    {
+      "title": "hello",
+      "content": "jRaJYEUFnMoEcjrWFREUuIQEoCtLoEuJSxJapEGpdPvq[GyrOqdSLY`VDlqSMTh\\BgybfwxfQQ_QqKkh\\YcEHYpA^W[ttGyGjA[TdZHn]]yoPWnFyFHJfAUkxkSM[RkQVqxAg_AGoJahaoOsNnoSGx^uM\\smWlWVDGvRcWVW\\rI_[lKnZEifvdPwkCcBRLXKGw[aNedN",
+      "createdAt": "2026-01-07T13:18:52.971Z"
+    },
+    {
+      "title": "Test Title from Jest",
+      "content": "This is the content of the test article.",
+      "createdAt": "2026-01-07T13:22:54.227Z"
+    },
+    {
+      "title": "Test Title from Jest",
+      "content": "This is the content of the test article.",
+      "createdAt": "2026-01-07T13:23:08.140Z"
+    },
+    {
+      "title": "hello",
+      "content": "M_RFGy[auVjFYypv^FdPqesIlcBkg]uoeIwMNLM]TOcDWKw[CFpsPpQWxSAXAupUdVsaiGJgLgIeuJEwBMXk`VG\\OoXIxCERYs`hqGRYGTnP]ZIrOSoJk[MFAxfVjJNMyZycryoRWr\\bhCXlurxgKPFSsTYbhlqZmrqaiJyvXpFsbiLQx^LBcZi`VqZSbjc`TNF_\\Eex",
+      "createdAt": "2026-01-07T13:26:02.437Z"
+    },
+    {
+      "title": "hello",
+      "content": "\\uRyVjar]vDZKHqRqJbEJpZbdKCWmQOGToNFQAqWdJQxSwmKTAGXywMDF`D\\nBA_eJxmFV^XtTuSGNJZTFjYvYibQIlgZdV[YXZpujmuWBgKNNBjrGZLVC[QlRZOwBdY^QPom\\b^WIIkeawsGBaafELGmfmTaIikRhCnCV_SYKEwogtqdfhkMkJslllumPyeGKqe\\cca",
+      "createdAt": "2026-01-07T13:26:02.816Z"
+    },
+    {
+      "title": "Test Title from Jest",
+      "content": "This is the content of the test article.",
+      "createdAt": "2026-01-07T13:26:07.866Z"
+    },
+    {
+      "title": "hello",
+      "content": "UecpUr`PFkpfKJ^V^q[T_lTr\\uP\\WFwcFtZgrdoao[japNpDycoAgWyELuIZtQroKxXSYdI]LrDTQSGqegWjgArWk[[eYXpy_OchWDywkus`GLcdwwr[qHoLINIdUoB^C]JcLfacOEJtMZOeWjRNbGcv\\XCfSAXUKIVqkPwJbaRTjlpGBxCGXxnchUhRoePYoLE]fexb",
+      "createdAt": "2026-01-07T13:45:46.304Z"
+    },
+    {
+      "title": "hello",
+      "content": "ef[SK^DuSJrKOlieeJHPLLoGgS[ZO\\gk_dWggGZchFewEnwspxJlhCWQ\\aTEKlDj\\a\\xRj\\uJANSkNLwrnPoOxJ[h]CrLppVtoeCEWPXRpCcoNFU`YA\\RPK\\dk\\Jp^fbdmC`Hpuf[ZYExseoPRbAYAaIolQ_mkJKRfrKsthmsBtCZdeQiBhY\\XAodKo_rOeQvtfNtDQB",
+      "createdAt": "2026-01-07T13:45:46.469Z"
+    },
+    {
+      "title": "Test Title from Jest",
+      "content": "This is the content of the test article.",
+      "createdAt": "2026-01-07T13:45:47.311Z"
     }
   ]
 }

package/build-styles.js

@@ -3,7 +3,7 @@ import { pathToFileURL } from "url";
 import * as sass from "sass";
 import postcss from "postcss";
 import autoprefixer from "autoprefixer";
-import cssnano from "cssnano";
+//import cssnano from "cssnano";
 
 // array of files or a single file
 export async function compileStyles(fileData) {
@@ -39,7 +39,7 @@ export async function compileStyles(fileData) {
 
     // 2. PostCSS (Autoprefixer + CSSNano)
     if (combinedCss) {
-      const plugins = [autoprefixer(), cssnano()];
+      const plugins = [autoprefixer()];
       const result = await postcss(plugins).process(combinedCss, {
         from: undefined,
       });
@@ -57,7 +57,7 @@ export async function mergeStyles(...cssContents) {
     const combinedCss = cssContents.join("\n");
 
     if (combinedCss) {
-      const plugins = [autoprefixer(), cssnano()];
+      const plugins = [autoprefixer()];
       const result = await postcss(plugins).process(combinedCss, {
         from: undefined,
       });

package/model/DatabaseModel2.js

@@ -0,0 +1,86 @@
+import { save as saveToFile, load as loadFromFile } from "./fileModel.js";
+
+export default class DatabaseModel {
+  filename = "blog.json";
+
+  //new DatabaseModel(this.database);
+  constructor(options) {}
+
+  async initialize() {}
+
+  async getBlogTitle() {
+    let blogTitle = "";
+    try {
+      await loadFromFile(this.filename, (title) => {
+        blogTitle = title;
+      });
+    } catch (err) {
+      console.error(err);
+    }
+    return blogTitle;
+  }
+
+  //findAll();
+  //save(newArticleData);
+  async save(newArticle) {
+    if (!newArticle.createdAt) {
+      newArticle.createdAt = new Date().toISOString();
+    }
+
+    let blogTitle = "";
+    let articles = [];
+    try {
+      await loadFromFile(this.filename, (t, a) => {
+        blogTitle = t;
+        articles = a || [];
+      });
+    } catch (err) {
+      console.error(err);
+    }
+
+    articles.push(newArticle);
+    saveToFile(this.filename, { title: blogTitle, articles });
+  }
+
+  //updateBlogTitle(this.title);
+  async updateBlogTitle(newTitle) {
+    let articles = [];
+    try {
+      await loadFromFile(this.filename, (t, a) => {
+        //blogTitle = t;
+        articles = a || [];
+      });
+    } catch (err) {
+      console.error(err);
+    }
+    saveToFile(this.filename, { title: newTitle, articles });
+  }
+
+  //findAll(limit, 0, startID, endID);
+  async findAll(
+    limit = 4,
+    offset = 0,
+    startId = null,
+    endId = null,
+    order = "DESC"
+  ) {
+    let dbArticles = [];
+    try {
+      await loadFromFile(this.filename, (title, articles) => {
+        if (Array.isArray(articles)) {
+          // Sort by createdAt
+          articles.sort((a, b) => {
+            const dateA = new Date(a.createdAt || 0);
+            const dateB = new Date(b.createdAt || 0);
+            return order === "DESC" ? dateB - dateA : dateA - dateB;
+          });
+          // Apply pagination
+          dbArticles = articles.slice(offset, offset + limit);
+        }
+      });
+    } catch (err) {
+      console.error(err);
+    }
+    return dbArticles;
+  }
+}

package/model/fileModel.js

@@ -17,9 +17,19 @@ export async function save(filename, data) {
 
 /** load blog content from file */
 export async function load(filename, f) {
-  const data = await fs.readFile(filename, "utf8");
-  const jsonData = JSON.parse(data);
-  const title = jsonData.title;
-  const articles = jsonData.articles;
-  f(title, articles);
+  try {
+    const data = await fs.readFile(filename, "utf8");
+    const jsonData = JSON.parse(data);
+    const title = jsonData.title;
+    const articles = jsonData.articles;
+    f(title, articles);
+  } catch (err) {
+    if (err.code === "ENOENT") {
+      const defaultData = { title: "Blog", articles: [] };
+      await save(filename, defaultData);
+      f(defaultData.title, defaultData.articles);
+    } else {
+      throw err;
+    }
+  }
 }

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@lexho111/plainblog",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "description": "A tool for creating and serving a minimalist, single-page blog.",
   "main": "index.js",
   "type": "module",
   "scripts": {
+    "dev": "node index.js",
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
     "lint": "eslint ."
   },
@@ -17,19 +18,20 @@
   "license": "ISC",
   "dependencies": {
     "autoprefixer": "^10.4.23",
-    "cssnano": "^7.1.2",
-    "node-fetch": "^3.3.2",
-    "pg": "^8.16.3",
-    "pg-hstore": "^2.3.4",
+    "child_process": "^1.0.2",
+    "crypto": "^1.0.1",
+    "fs": "^0.0.1-security",
+    "http": "^0.0.1-security",
+    "path": "^0.12.7",
     "postcss": "^8.4.35",
     "sass": "^1.97.1",
-    "sequelize": "^6.37.7",
-    "sqlite3": "^5.1.7"
+    "url": "^0.11.4",
+    "util": "^0.12.5"
   },
   "devDependencies": {
+    "dom-parser": "^1.1.5",
     "eslint": "^9.8.0",
     "eslint-plugin-jest": "^28.6.0",
-    "jest": "^29.7.0",
-    "dom-parser": "^1.1.5"
+    "jest": "^29.7.0"
   }
 }

package/public/print.min.css

@@ -0,0 +1,2 @@
+*{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 */

package/{scripts.min.js → public/scripts.min.js}

@@ -1 +1 @@
-function _createForOfIteratorHelper(e,t){var r,n,o,a,i="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(i)return o=!(n=!0),{s:function(){i=i.call(e)},n:function(){var e=i.next();return n=e.done,e},e:function(e){o=!0,r=e},f:function(){try{n||null==i.return||i.return()}finally{if(o)throw r}}};if(Array.isArray(e)||(i=_unsupportedIterableToArray(e))||t&&e&&"number"==typeof e.length)return i&&(e=i),a=0,{s:t=function(){},n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function _regenerator(){var g,e="function"==typeof Symbol?Symbol:{},t=e.iterator||"@@iterator",r=e.toStringTag||"@@toStringTag";function n(e,t,r,n){var o,a,i,c,l,u,f,s,d,t=t&&t.prototype instanceof h?t:h,t=Object.create(t.prototype);return _regeneratorDefine2(t,"_invoke",(o=e,a=r,f=n||[],s=!1,d={p:u=0,n:0,v:g,a:p,f:p.bind(g,4),d:function(e,t){return i=e,c=0,l=g,d.n=t,y}},function(e,t,r){if(1<u)throw TypeError("Generator is already running");for(s&&1===t&&p(t,r),c=t,l=r;(m=c<2?g:l)||!s;){i||(c?c<3?(1<c&&(d.n=-1),p(c,l)):d.n=l:d.v=l);try{if(u=2,i){if(m=i[e=c?e:"next"]){if(!(m=m.call(i,l)))throw TypeError("iterator result is not an object");if(!m.done)return m;l=m.value,c<2&&(c=0)}else 1===c&&(m=i.return)&&m.call(i),c<2&&(l=TypeError("The iterator does not provide a '"+e+"' method"),c=1);i=g}else if((m=(s=d.n<0)?l:o.call(a,d))!==y)break}catch(e){i=g,c=1,l=e}finally{u=1}}return{value:m,done:s}}),!0),t;function p(e,t){for(c=e,l=t,m=0;!s&&u&&!r&&m<f.length;m++){var r,n=f[m],o=d.p,a=n[2];3<e?(r=a===t)&&(l=n[(c=n[4])?5:c=3],n[4]=n[5]=g):n[0]<=o&&((r=e<2&&o<n[1])?(c=0,d.v=t,d.n=n[1]):o<a&&(r=e<3||n[0]>t||a<t)&&(n[4]=e,n[5]=t,d.n=a,c=0))}if(r||1<e)return y;throw s=!0,t}}var y={};function h(){}function o(){}function a(){}var m=Object.getPrototypeOf,e=[][t]?m(m([][t]())):(_regeneratorDefine2(m={},t,function(){return this}),m),i=a.prototype=h.prototype=Object.create(e);function c(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,a):(e.__proto__=a,_regeneratorDefine2(e,r,"GeneratorFunction")),e.prototype=Object.create(i),e}return _regeneratorDefine2(i,"constructor",o.prototype=a),_regeneratorDefine2(a,"constructor",o),_regeneratorDefine2(a,r,o.displayName="GeneratorFunction"),_regeneratorDefine2(i),_regeneratorDefine2(i,r,"Generator"),_regeneratorDefine2(i,t,function(){return this}),_regeneratorDefine2(i,"toString",function(){return"[object Generator]"}),(_regenerator=function(){return{w:n,m:c}})()}function _regeneratorDefine2(e,t,r,n){var a=Object.defineProperty;try{a({},"",{})}catch(e){a=0}(_regeneratorDefine2=function(e,t,r,n){function o(t,r){_regeneratorDefine2(e,t,function(e){return this._invoke(t,r,e)})}t?a?a(e,t,{value:r,enumerable:!n,configurable:!n,writable:!n}):e[t]=r:(o("next",0),o("throw",1),o("return",2))})(e,t,r,n)}function asyncGeneratorStep(e,t,r,n,o,a,i){try{var c=e[a](i),l=c.value}catch(e){return void r(e)}c.done?t(l):Promise.resolve(l).then(n,o)}function _asyncToGenerator(c){return function(){var e=this,i=arguments;return new Promise(function(t,r){var n=c.apply(e,i);function o(e){asyncGeneratorStep(n,t,r,o,a,"next",e)}function a(e){asyncGeneratorStep(n,t,r,o,a,"throw",e)}o(void 0)})}}var isLoading=!1;function handleScroll(){return _handleScroll.apply(this,arguments)}function _handleScroll(){return(_handleScroll=_asyncToGenerator(_regenerator().m(function e(){return _regenerator().w(function(e){for(;;)switch(e.n){case 0:if(isLoading)return e.a(2);e.n=1;break;case 1:if(document.documentElement.scrollHeight-window.innerHeight-window.scrollY<100)return e.n=2,loadMore();e.n=2;break;case 2:return e.a(2)}},e)}))).apply(this,arguments)}function loadMore(){return _loadMore.apply(this,arguments)}function _loadMore(){return(_loadMore=_asyncToGenerator(_regenerator().m(function e(){var t,r,n,o,a,i,c,l;return _regenerator().w(function(e){for(;;)switch(e.p=e.n){case 0:if(console.log("load more"),t=document.getElementById("articles"),t=t.querySelectorAll("article"),t=t[t.length-1],console.log("lastArticle",t),t){e.n=1;break}return e.a(2);case 1:if(r=parseInt(t.getAttribute("data-id")),console.log("lastId ".concat(r)),isNaN(r))return e.a(2);e.n=2;break;case 2:if((n=r-1)<1)return console.log("nextId < 1 ".concat(n<1)),window.removeEventListener("scroll",handleScroll),e.a(2);e.n=3;break;case 3:return isLoading=!0,o="/api/articles?startID=".concat(n,"&limit=5"),console.log("load more ".concat(o)),e.p=4,e.n=5,fetch(o);case 5:if((o=e.v).ok)return e.n=6,o.json();e.n=7;break;case 6:if((l=e.v).articles&&0<l.articles.length){a=_createForOfIteratorHelper(l.articles);try{for(a.s();!(i=a.n()).done;)fillWithContent((c=i.value).title,c.content,c.createdAt,c.id)}catch(e){a.e(e)}finally{a.f()}}case 7:e.n=9;break;case 8:e.p=8,l=e.v,console.error("Failed to load articles:",l);case 9:isLoading=!1;case 10:return e.a(2)}},e,null,[[4,8]])}))).apply(this,arguments)}function getFormattedDate(e){var t=e.getFullYear(),r=String(e.getMonth()+1).padStart(2,"0"),n=String(e.getDate()).padStart(2,"0"),o=String(e.getHours()).padStart(2,"0"),e=String(e.getMinutes()).padStart(2,"0");return"".concat(t,"/").concat(r,"/").concat(n," ").concat(o,":").concat(e)}function fillWithContent(e,t,r,n){var o=document.createElement("article"),n=(n&&o.setAttribute("data-id",n),document.createElement("h2")),a=document.createElement("span"),i=document.createElement("p");n.textContent=e,a.textContent=getFormattedDate(new Date(r)),i.textContent=t,o.appendChild(n),o.appendChild(a),o.appendChild(i),document.getElementById("articles").appendChild(o)}function test(){console.log("123")}document.addEventListener("DOMContentLoaded",function(){window.addEventListener("scroll",handleScroll)});
+function _createForOfIteratorHelper(e,t){var r,n,o,a,i="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(i)return o=!(n=!0),{s:function(){i=i.call(e)},n:function(){var e=i.next();return n=e.done,e},e:function(e){o=!0,r=e},f:function(){try{n||null==i.return||i.return()}finally{if(o)throw r}}};if(Array.isArray(e)||(i=_unsupportedIterableToArray(e))||t&&e&&"number"==typeof e.length)return i&&(e=i),a=0,{s:t=function(){},n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function _regenerator(){var g,e="function"==typeof Symbol?Symbol:{},t=e.iterator||"@@iterator",r=e.toStringTag||"@@toStringTag";function n(e,t,r,n){var o,a,i,c,l,u,f,s,d,t=t&&t.prototype instanceof h?t:h,t=Object.create(t.prototype);return _regeneratorDefine2(t,"_invoke",(o=e,a=r,f=n||[],s=!1,d={p:u=0,n:0,v:g,a:p,f:p.bind(g,4),d:function(e,t){return i=e,c=0,l=g,d.n=t,y}},function(e,t,r){if(1<u)throw TypeError("Generator is already running");for(s&&1===t&&p(t,r),c=t,l=r;(m=c<2?g:l)||!s;){i||(c?c<3?(1<c&&(d.n=-1),p(c,l)):d.n=l:d.v=l);try{if(u=2,i){if(m=i[e=c?e:"next"]){if(!(m=m.call(i,l)))throw TypeError("iterator result is not an object");if(!m.done)return m;l=m.value,c<2&&(c=0)}else 1===c&&(m=i.return)&&m.call(i),c<2&&(l=TypeError("The iterator does not provide a '"+e+"' method"),c=1);i=g}else if((m=(s=d.n<0)?l:o.call(a,d))!==y)break}catch(e){i=g,c=1,l=e}finally{u=1}}return{value:m,done:s}}),!0),t;function p(e,t){for(c=e,l=t,m=0;!s&&u&&!r&&m<f.length;m++){var r,n=f[m],o=d.p,a=n[2];3<e?(r=a===t)&&(l=n[(c=n[4])?5:c=3],n[4]=n[5]=g):n[0]<=o&&((r=e<2&&o<n[1])?(c=0,d.v=t,d.n=n[1]):o<a&&(r=e<3||n[0]>t||a<t)&&(n[4]=e,n[5]=t,d.n=a,c=0))}if(r||1<e)return y;throw s=!0,t}}var y={};function h(){}function o(){}function a(){}var m=Object.getPrototypeOf,e=[][t]?m(m([][t]())):(_regeneratorDefine2(m={},t,function(){return this}),m),i=a.prototype=h.prototype=Object.create(e);function c(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,a):(e.__proto__=a,_regeneratorDefine2(e,r,"GeneratorFunction")),e.prototype=Object.create(i),e}return _regeneratorDefine2(i,"constructor",o.prototype=a),_regeneratorDefine2(a,"constructor",o),_regeneratorDefine2(a,r,o.displayName="GeneratorFunction"),_regeneratorDefine2(i),_regeneratorDefine2(i,r,"Generator"),_regeneratorDefine2(i,t,function(){return this}),_regeneratorDefine2(i,"toString",function(){return"[object Generator]"}),(_regenerator=function(){return{w:n,m:c}})()}function _regeneratorDefine2(e,t,r,n){var a=Object.defineProperty;try{a({},"",{})}catch(e){a=0}(_regeneratorDefine2=function(e,t,r,n){function o(t,r){_regeneratorDefine2(e,t,function(e){return this._invoke(t,r,e)})}t?a?a(e,t,{value:r,enumerable:!n,configurable:!n,writable:!n}):e[t]=r:(o("next",0),o("throw",1),o("return",2))})(e,t,r,n)}function asyncGeneratorStep(e,t,r,n,o,a,i){try{var c=e[a](i),l=c.value}catch(e){return void r(e)}c.done?t(l):Promise.resolve(l).then(n,o)}function _asyncToGenerator(c){return function(){var e=this,i=arguments;return new Promise(function(t,r){var n=c.apply(e,i);function o(e){asyncGeneratorStep(n,t,r,o,a,"next",e)}function a(e){asyncGeneratorStep(n,t,r,o,a,"throw",e)}o(void 0)})}}var isLoading=!1;function handleScroll(){return _handleScroll.apply(this,arguments)}function _handleScroll(){return(_handleScroll=_asyncToGenerator(_regenerator().m(function e(){var t,r;return _regenerator().w(function(e){for(;;)switch(e.n){case 0:if(isLoading)return e.a(2);e.n=1;break;case 1:if(t=window.scrollY||document.documentElement.scrollTop||document.body.scrollTop,r=window.innerHeight||document.documentElement.clientHeight,(document.documentElement.scrollHeight||document.body.scrollHeight)-t-r<100)return e.n=2,loadMore();e.n=2;break;case 2:return e.a(2)}},e)}))).apply(this,arguments)}function loadMore(){return _loadMore.apply(this,arguments)}function _loadMore(){return(_loadMore=_asyncToGenerator(_regenerator().m(function e(){var t,r,n,o,a,i,c,l,u;return _regenerator().w(function(e){for(;;)switch(e.p=e.n){case 0:if(console.log("load more"),t=document.getElementById("articles"),t=t.querySelectorAll("article"),t=t[t.length-1],console.log("lastArticle",t),t){e.n=1;break}return e.a(2);case 1:if(r=parseInt(t.getAttribute("data-id")),console.log("lastId ".concat(r)),isNaN(r))return e.a(2);e.n=2;break;case 2:if((n=r-1)<1)return console.log("nextId < 1 ".concat(n<1)),window.removeEventListener("scroll",handleScroll),e.a(2);e.n=3;break;case 3:return o=!(isLoading=!0),a="/api/articles?startID=".concat(n,"&limit=5"),console.log("load more ".concat(a)),e.p=4,e.n=5,fetch(a);case 5:if((a=e.v).ok)return e.n=6,a.json();e.n=7;break;case 6:if((u=e.v).articles&&0<u.articles.length){i=_createForOfIteratorHelper(u.articles);try{for(i.s();!(c=i.n()).done;)fillWithContent((l=c.value).title,l.content,l.createdAt,l.id)}catch(e){i.e(e)}finally{i.f()}o=!0}case 7:e.n=9;break;case 8:e.p=8,u=e.v,console.error("Failed to load articles:",u);case 9:isLoading=!1,o&&handleScroll();case 10:return e.a(2)}},e,null,[[4,8]])}))).apply(this,arguments)}function getFormattedDate(e){var t=e.getFullYear(),r=String(e.getMonth()+1).padStart(2,"0"),n=String(e.getDate()).padStart(2,"0"),o=String(e.getHours()).padStart(2,"0"),e=String(e.getMinutes()).padStart(2,"0");return"".concat(t,"/").concat(r,"/").concat(n," ").concat(o,":").concat(e)}function fillWithContent(e,t,r,n){var o=document.createElement("article"),n=(n&&o.setAttribute("data-id",n),document.createElement("h2")),a=document.createElement("span"),i=document.createElement("p");n.textContent=e,a.textContent=getFormattedDate(new Date(r)),i.textContent=t,o.appendChild(n),o.appendChild(a),o.appendChild(i),document.getElementById("articles").appendChild(o)}function test(){console.log("123")}document.addEventListener("DOMContentLoaded",function(){window.addEventListener("scroll",handleScroll,{passive:!0}),handleScroll()});

package/public/styles.min.css

@@ -0,0 +1,68 @@
+body { font-family: Arial; } .grid {
+  border: 0 solid #000;
+  display: grid;
+  gap: 0.25rem;
+  grid-template-columns: 1fr;
+}
+.grid article {
+  border: 0 solid #ccc;
+  border-radius: 4px;
+  min-width: 0;
+  overflow-wrap: break-word;
+  padding: 0.25rem;
+}
+.grid article h2 {
+  color: rgb(53, 53, 53);
+  margin-bottom: 5px;
+}
+
+.grid article .datetime {
+  margin: 0;
+  color: rgb(117, 117, 117);
+}
+
+.grid article p {
+  margin-top: 10px;
+  margin-bottom: 0;
+}
+
+article a {
+  color: rgb(105, 105, 105);
+}
+
+article a:visited {
+  color: rgb(105, 105, 105);
+}
+
+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%;
+}
+
+/* Mobile Layout (screens smaller than 1000px) */
+@media screen and (max-width: 1000px) {
+  * {
+    font-size: 4vw;
+  }
+  #wrapper {
+    max-width: 100%;
+    width: 100%;
+    padding: 0 10px; /* Prevents text from touching the edges */
+    box-sizing: border-box;
+  }
+}
+
+/* source-hash: bcb6644ec5b5c6f9685c9ad6c14ee551a6f908b8a2c372d3294e2d2e80d17fb7 */

package/src/print.scss

@@ -0,0 +1,76 @@
+$primary: black;
+$secondary: black;
+$nav: rgb(60, 60, 60);
+$background: white;
+
+* {
+  font-size: 0.5rem; /* Forces every single element to this size */
+}
+
+
+body {
+  color: $primary;
+  background-color: $background;
+}
+
+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;
+
+  article {
+    h2 { color: primary; 
+    margin-bottom: 2px;
+    }
+    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 */
+    .datetime {
+        margin: 0;
+        font-style: italic;
+    }
+    p {
+        margin-top: 10px;
+      margin-bottom: 0;
+    }
+    a {
+        color: black;
+    }
+    a:link a:visited {
+        color: black;
+    }
+  }
+}
+
+h1 {
+  color: primary;
+}
+
+nav {
+  a {
+    text-decoration: underline;
+    color: $nav;
+    font-size: 20px;
+  }
+
+  a[href*="login"] {
+    display: none;
+  }
+
+  a:visited {
+    color: $nav;
+    text-decoration-color: $nav;
+  }
+}

package/src/styles.css

@@ -46,3 +46,21 @@ nav a:visited {
   color: #3b40c1;
   text-decoration-color: #3b40c1;
 }
+
+#wrapper {
+  max-width: 500px;
+  width: 100%;
+}
+
+/* Mobile Layout (screens smaller than 1000px) */
+@media screen and (max-width: 1000px) {
+  * {
+    font-size: 4vw;
+  }
+  #wrapper {
+    max-width: 100%;
+    width: 100%;
+    padding: 0 10px; /* Prevents text from touching the edges */
+    box-sizing: border-box;
+  }
+}

package/test/blog.test.js

@@ -1,3 +1,6 @@
+import path from "path";
+import { fileURLToPath } from "url";
+import fs from "node:fs";
 import Blog from "../Blog.js";
 import Article from "../Article.js";
 import { jest } from "@jest/globals";
@@ -48,17 +51,31 @@ describe("test blog", () => {
     expect(html).toContain("<article");
     expect(myblog.articles.length).toBe(size);
   });
+  const __filename = fileURLToPath(import.meta.url);
+  const __dirname = path.dirname(__filename);
+  const publicDir = path.join(__dirname, "../public");
   test("set style", async () => {
-    const myblog = new Blog();
     const styles = [
-      "body { font-family: Courier; }",
-      "body { background-color: black; color: white; }",
-      "body { font-size: 1.2em; }",
+      {
+        style: "body { font-family: Courier; }",
+        expected: "font-family: Courier",
+      },
+      {
+        style: "body{ background-color:black; color:white; }",
+        expected: "background-color:black; color:white",
+      },
+      { style: "body{ font-size: 1.2em; }", expected: "font-size: 1.2em" },
     ];
     for (const style of styles) {
-      myblog.setStyle(style);
-      const html = await myblog.toHTML();
-      expect(html).toContain(style);
+      const cssPath = path.join(publicDir, "styles.min.css");
+      if (fs.existsSync(cssPath)) {
+        await fs.promises.unlink(cssPath);
+      }
+      const myblog = new Blog();
+      myblog.setStyle(style.style);
+      await myblog.init();
+      const publicCSS = await fs.promises.readFile(cssPath, "utf8");
+      expect(publicCSS).toContain(style.expected);
     }
   });
   test("print method logs title and articles to console", async () => {

package/test/model.test.js

@@ -2,6 +2,7 @@ import Blog from "../Blog.js";
 import Article from "../Article.js";
 import { fetchData, postData } from "../model/APIModel.js";
 import { server } from "./simpleServer.js";
+import { load as loadFromFile } from "../model/fileModel.js";
 
 function generateRandomContent(length) {
   let str = "";
@@ -26,18 +27,19 @@ describe("File Model test", () => {
     const article = new Article("hello", content);
     blog.addArticle(article);
 
-    await blog.load("blog.json");
-
-    expect(await blog.toHTML()).toContain(content);
-    expect(blog).toBeDefined();
+    await loadFromFile("blog.json", async (title) => {
+      expect(await blog.toHTML()).toContain(content);
+      expect(blog).toBeDefined();
+    });
   });
 });
 
 describe("API Model test", () => {
-  beforeAll(() => {
+  beforeAll((done) => {
     const port = 8081;
     server.listen(port, () => {
       console.log(`Simple server running at http://localhost:${port}/`);
+      done();
     });
   });
   afterAll(() => {

package/test/server.test.js

@@ -104,7 +104,8 @@ describe("server test", () => {
 
     expect(response.status).toBe(201);
     const responseData = await response.json();
-    expect(responseData).toEqual(newArticle);
+    expect(responseData.title).toEqual(newArticle.title);
+    expect(responseData.content).toEqual(newArticle.content);
 
     expect(await blog.toHTML()).toContain(newArticle.content); // does blog contain my new article?
   });