@lexho111/plainblog 0.7.2 → 0.7.4

package/Article.js

@@ -1,96 +1,88 @@
-export default class Article {
-  constructor(id, title, content, createdAt) {
-    this.id = id;
-    this.title = title;
-    this.content = content;
-    this.createdAt = new Date(createdAt).getTime();
-  }
-
-  static createNew(title, content, createdAt = new Date()) {
-    const id = this.getNextID(); // Your existing ID generator
-    //const createdAt = new Date();
-    return new Article(id, title, content, createdAt);
-  }
-
-  static nextID = 100;
-  static getNextID() {
-    // TODO fix use nextID from BlogTreeSearch!
-    this.nextID++;
-    return Math.floor(Math.random() * 100000000);
-  }
-
-  getContent() {
-    return this.content;
-  }
-
-  getContentVeryShort() {
-    if (!this.content) return "";
-    if (this.content.length < 50) return this.content;
-    let contentShort = this.content.substring(0, 50);
-    contentShort += "...";
-    return contentShort;
-  }
-
-  getContentShort() {
-    if (!this.content) return "";
-    if (this.content.length < 400) return this.content;
-    let contentShort = this.content.substring(0, 400);
-    contentShort += "...";
-    return contentShort;
-  }
-
-  /**
-   * Returns a JSON-serializable representation of the article.
-   * This method is automatically called by JSON.stringify().
-   */
-  toJSON() {
-    // Return a plain object with the desired properties
-    let date = new Date();
-    try {
-      date = new Date(this.createdAt).toISOString();
-    } catch (err) {
-      console.error(err);
-    }
-    return {
-      id: this.id,
-      title: this.title,
-      content: this.content,
-      createdAt: date,
-    };
-  }
-
-  /**
-   * Returns a JSON-serializable representation of the article.
-   * This method is automatically called by JSON.stringify().
-   */
-  json() {
-    return this.toJSON();
-  }
-
-  getFormattedDate() {
-    const date = new Date(this.createdAt);
-    const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, "0");
-    const day = String(date.getDate()).padStart(2, "0");
-    const hours = String(date.getHours()).padStart(2, "0");
-    const minutes = String(date.getMinutes()).padStart(2, "0");
-    return `${year}/${month}/${day} ${hours}:${minutes}`;
-  }
-
-  toHTML(loggedin = false) {
-    if (this.content == null) return "";
-    const moreButton = this.content.length > 400 ? `<a href="#">more</a>` : "";
-    const buttons = loggedin // prettier-ignore
-      ? `<div class="buttons"><div id="editButton${this.id}" class="btn edit" role="button" tabindex="0" data-action="edit" data-id="${this.id}">edit</div><div id="deleteButton${this.id}" class="btn delete" role="button" tabindex="0" data-action="delete" data-id="${this.id}">delete</div><div id="somethingelseButton${this.id}" class="btn light">something else</div></div>`
-      : "";
-    // prettier-ignore
-    return `<article data-id="${this.id}" data-date="${this.createdAt}">
+export default class Article {
+    constructor(id, title, content, createdAt) {
+        this.id = id;
+        this.title = title;
+        this.content = content;
+        this.createdAt = new Date(createdAt).getTime();
+    }
+    static createNew(title, content, createdAt = new Date()) {
+        const id = this.getNextID(); // Your existing ID generator
+        //const createdAt = new Date();
+        return new Article(id, title, content, createdAt);
+    }
+    static getNextID() {
+        // Generiert eine kollisionssichere ID basierend auf Zeitstempel + Zufall
+        // Passt in JS Safe Integer und SQLite Integer (64-bit)
+        return Date.now() * 1000 + Math.floor(Math.random() * 1000);
+    }
+    getContent() {
+        return this.content;
+    }
+    getContentVeryShort() {
+        if (!this.content)
+            return "";
+        if (this.content.length < 50)
+            return this.content;
+        let contentShort = this.content.substring(0, 50);
+        contentShort += "...";
+        return contentShort;
+    }
+    getContentShort() {
+        if (!this.content)
+            return "";
+        if (this.content.length < 400)
+            return this.content;
+        let contentShort = this.content.substring(0, 400);
+        contentShort += "...";
+        return contentShort;
+    }
+    /**
+     * Returns a JSON-serializable representation of the article.
+     * This method is automatically called by JSON.stringify().
+     */
+    toJSON() {
+        // Return a plain object with the desired properties
+        const date = !isNaN(this.createdAt)
+            ? new Date(this.createdAt).toISOString()
+            : new Date().toISOString();
+        return {
+            id: this.id,
+            title: this.title,
+            content: this.content,
+            createdAt: date,
+        };
+    }
+    /**
+     * Returns a JSON-serializable representation of the article.
+     * This method is automatically called by JSON.stringify().
+     */
+    json() {
+        return this.toJSON();
+    }
+    getFormattedDate() {
+        const date = new Date(this.createdAt);
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, "0");
+        const day = String(date.getDate()).padStart(2, "0");
+        const hours = String(date.getHours()).padStart(2, "0");
+        const minutes = String(date.getMinutes()).padStart(2, "0");
+        return `${year}/${month}/${day} ${hours}:${minutes}`;
+    }
+    toHTML(loggedin = false) {
+        if (this.content == null)
+            return "";
+        const moreButton = this.content.length > 400 ? `<a href="#">more</a>` : "";
+        const buttons = loggedin // prettier-ignore
+            ? `<div class="buttons"><div id="editButton${this.id}" class="btn edit" role="button" tabindex="0" data-action="edit" data-id="${this.id}">edit</div><div id="deleteButton${this.id}" class="btn delete" role="button" tabindex="0" data-action="delete" data-id="${this.id}">delete</div><div id="somethingelseButton${this.id}" class="btn light">something else</div></div>`
+            : "";
+        // prettier-ignore
+        return `<article data-id="${this.id}" data-date="${this.createdAt}">
     ${buttons}
         <h2>${this.title}</h2>
         <span class="datetime">${this.getFormattedDate()}</span>
         <p>${this.getContentShort()}</p>
         <div class="full-content" style="display: none;">${this.content}</div>
         ${moreButton}
-      </article>`;
-  }
-}
+      </article>`;
+    }
+}

package/Article.ts

@@ -0,0 +1,97 @@
+export default class Article {
+  id: number;
+  title: string;
+  content: string;
+  createdAt: number;
+
+  constructor(id: number, title: string, content: string, createdAt: string | number | Date) {
+    this.id = id;
+    this.title = title;
+    this.content = content;
+    this.createdAt = new Date(createdAt).getTime();
+  }
+
+  static createNew(title: string, content: string, createdAt: string | number | Date = new Date()): Article {
+    const id = this.getNextID(); // Your existing ID generator
+    //const createdAt = new Date();
+    return new Article(id, title, content, createdAt);
+  }
+
+  static getNextID(): number {
+    // Generiert eine kollisionssichere ID basierend auf Zeitstempel + Zufall
+    // Passt in JS Safe Integer und SQLite Integer (64-bit)
+    return Date.now() * 1000 + Math.floor(Math.random() * 1000);
+  }
+
+  getContent(): string {
+    return this.content;
+  }
+
+  getContentVeryShort(): string {
+    if (!this.content) return "";
+    if (this.content.length < 50) return this.content;
+    let contentShort = this.content.substring(0, 50);
+    contentShort += "...";
+    return contentShort;
+  }
+
+  getContentShort(): string {
+    if (!this.content) return "";
+    if (this.content.length < 400) return this.content;
+    let contentShort = this.content.substring(0, 400);
+    contentShort += "...";
+    return contentShort;
+  }
+
+  /**
+   * Returns a JSON-serializable representation of the article.
+   * This method is automatically called by JSON.stringify().
+   */
+  toJSON(): { id: number; title: string; content: string; createdAt: string } {
+    // Return a plain object with the desired properties
+    const date = !isNaN(this.createdAt)
+      ? new Date(this.createdAt).toISOString()
+      : new Date().toISOString();
+    return {
+      id: this.id,
+      title: this.title,
+      content: this.content,
+      createdAt: date,
+    };
+  }
+
+  /**
+   * Returns a JSON-serializable representation of the article.
+   * This method is automatically called by JSON.stringify().
+   */
+  json(): { id: number; title: string; content: string; createdAt: string } {
+    return this.toJSON();
+  }
+
+  getFormattedDate(): string {
+    const date = new Date(this.createdAt);
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const day = String(date.getDate()).padStart(2, "0");
+    const hours = String(date.getHours()).padStart(2, "0");
+    const minutes = String(date.getMinutes()).padStart(2, "0");
+    return `${year}/${month}/${day} ${hours}:${minutes}`;
+  }
+
+  toHTML(loggedin = false): string {
+    if (this.content == null) return "";
+    const moreButton = this.content.length > 400 ? `<a href="#">more</a>` : "";
+    const buttons = loggedin // prettier-ignore
+      ? `<div class="buttons"><div id="editButton${this.id}" class="btn edit" role="button" tabindex="0" data-action="edit" data-id="${this.id}">edit</div><div id="deleteButton${this.id}" class="btn delete" role="button" tabindex="0" data-action="delete" data-id="${this.id}">delete</div><div id="somethingelseButton${this.id}" class="btn light">something else</div></div>`
+      : "";
+    // prettier-ignore
+    return `<article data-id="${this.id}" data-date="${this.createdAt}">
+    ${buttons}
+        <h2>${this.title}</h2>
+        <span class="datetime">${this.getFormattedDate()}</span>
+        <p>${this.getContentShort()}</p>
+        <div class="full-content" style="display: none;">${this.content}</div>
+        ${moreButton}
+      </article>`;
+  }
+}

package/AssetManager.js

@@ -4,6 +4,7 @@ import path from "path";
 import { fileURLToPath } from "url";
 import { Worker } from "node:worker_threads";
 import { createDebug } from "./debug-loader.js";
+import { checkSourceCSS } from "./modules/csscompiler/csscompiler.js";
 
 const debug = createDebug("plainblog:AssetManager");
 const __filename = fileURLToPath(import.meta.url);
@@ -13,27 +14,30 @@ export default class AssetManager {
   constructor() {
     this.publicDir = path.join(process.cwd(), "public");
     this.reloadStylesOnGET = false;
-    this.stylesheetPath = null;
+    this._stylesheetPath = null;
     this.compilestyle = false;
-    this.styles = "";
-    this.compiledStyles = "";
-    this.stylesHash = "";
+    this._styles = "";
     this.scriptsHash = "";
   }
 
-  setStyle(style) {
-    this.styles += style;
+  set style(value) {
+    debug("set style %s", value);
+    this._styles += value;
     this.compilestyle = true;
   }
 
+  set stylesheetPath(value) {
+    debug(`set Stylesheet path: ${value}`);
+    this._stylesheetPath = value;
+  }
+
+  get stylesheetPath() {
+    return this._stylesheetPath;
+  }
+
   async init() {
-    // if there is a stylesheet path provided, process it
-    if (this.stylesheetPath != null && this.compilestyle) {
-      await this.processStylesheets(this.stylesheetPath);
-    }
-    if (!this.stylesheetPath) {
-      await this.processDefaultStyles();
-    }
+    debug("init");
+    await this.processStyles();
 
     // Process Scripts
     const srcScriptPath = path.join(__dirname, "src", "fetchData.js");
@@ -42,112 +46,35 @@ export default class AssetManager {
 
   async reload() {
     debug("reload");
-    if (this.stylesheetPath != null && this.compilestyle) {
-      await this.processStylesheets(this.stylesheetPath);
-    }
-    if (!this.stylesheetPath) {
-      await this.processDefaultStyles();
-    }
+    await this.processStyles();
     const srcScriptPath = path.join(__dirname, "src", "fetchData.js");
     await this.processScripts(srcScriptPath);
   }
 
-  async processDefaultStyles() {
-    // compile and merge hardcoded styles in "this.styles" with "src/styles.css"
-    const srcStylePath = path.join(__dirname, "src", "styles.css");
-    const publicStylePath = path.join(this.publicDir, "styles.min.css");
-
-    let publicHash = null;
-    let srcStyles = "";
-
-    await Promise.all([
-      fs.promises
-        .readFile(publicStylePath, "utf8")
-        .then((publicCSS) => {
-          const match = publicCSS.match(
-            /\/\* source-hash: ([a-f0-9]{64}) \*\//,
-          );
-          if (match) publicHash = match[1];
-        })
-        .catch((err) => {
-          if (err.code !== "ENOENT" && !err.message.includes("ENOENT"))
-            console.error(err);
-        }),
-      fs.promises
-        .readFile(srcStylePath, "utf8")
-        .then((content) => {
-          srcStyles = content;
-        })
-        .catch((err) => {
-          if (err.code !== "ENOENT" && !err.message.includes("ENOENT"))
-            console.error(err);
-        }),
-    ]);
-
-    const combinedStyles = srcStyles + "\n" + this.styles;
-    const srcHash = crypto
-      .createHash("sha256")
-      .update(combinedStyles)
-      .digest("hex");
-
-    if (srcHash !== publicHash) {
-      debug("Styles have changed. Recompiling in worker...");
-      const finalStyles = await this.runWorker("mergeStyles", [
-        srcStyles,
-        this.styles,
-      ]);
-
-      try {
-        await fs.promises.mkdir(path.dirname(publicStylePath), {
-          recursive: true,
-        });
-        await fs.promises.writeFile(
-          publicStylePath,
-          finalStyles + `\n/* source-hash: ${srcHash} */`,
+  async processStyles(compilerOptions = {}) {
+    let resolvedStylesheetPath = this.stylesheetPath;
+    if (resolvedStylesheetPath) {
+      if (Array.isArray(resolvedStylesheetPath)) {
+        resolvedStylesheetPath = resolvedStylesheetPath.map((p) =>
+          path.isAbsolute(p) ? p : path.resolve(process.cwd(), p),
         );
-      } catch (err) {
-        console.error("Failed to write styles to public folder:", err);
-      }
-    }
-  }
-
-  async processStylesheets(files) {
-    debug("process stylesheets");
-    const fileList = Array.isArray(files) ? files : [files];
-    const styleFiles = fileList.filter(
-      (f) =>
-        typeof f === "string" &&
-        (f.endsWith(".scss") || f.endsWith(".css")) &&
-        !f.endsWith(".min.css"),
-    );
-
-    if (styleFiles.length > 0) {
-      const fileData = await Promise.all(
-        styleFiles.sort().map(async (f) => {
-          const content = await fs.promises.readFile(f, "utf-8");
-          if (content == "") throw new Error("Invalid Filepath or empty file!");
-          return { path: f, content };
-        }),
-      );
-
-      const hash = crypto.createHash("sha256");
-      for (const file of fileData) hash.update(file.content);
-      const currentHash = hash.digest("hex");
-
-      if (currentHash !== this.stylesHash && this.compilestyle) {
-        console.log("style assets have changed. recompiling in worker...");
-        this.stylesHash = currentHash;
-        this.compiledStyles = await this.runWorker("styles", fileData);
-
-        await fs.promises.mkdir(this.publicDir, { recursive: true });
-        await fs.promises.writeFile(
-          path.join(this.publicDir, "styles.min.css"),
-          this.compiledStyles + `\n/* source-hash: ${currentHash} */`,
+      } else if (
+        typeof resolvedStylesheetPath === "string" &&
+        !path.isAbsolute(resolvedStylesheetPath)
+      ) {
+        resolvedStylesheetPath = path.resolve(
+          process.cwd(),
+          resolvedStylesheetPath,
         );
-      } else {
-        console.log("styles are up-to-date");
       }
     }
+    await checkSourceCSS({
+      stylesheetPath: resolvedStylesheetPath,
+      style: this._styles,
+      outputDir: this.publicDir,
+      outputPath: path.join(this.publicDir, "styles.min.css"),
+      ...compilerOptions,
+    });
   }
 
   async processScripts(files) {
@@ -184,14 +111,28 @@ export default class AssetManager {
       }
 
       if (currentHash !== this.scriptsHash) {
-        console.log("script assets have changed. recompiling in worker...");
-        this.scriptsHash = currentHash;
-        const compiledScripts = await this.runWorker("scripts", fileData);
+        console.log("script assets have changed. recompiling...");
+        let compiledScripts;
+        let success = false;
+        try {
+          compiledScripts = await this.runWorker("scripts", fileData);
+          success = true;
+          this.scriptsHash = currentHash;
+        } catch (e) {
+          console.warn(
+            "Script compilation failed (using fallback):",
+            e.message,
+          );
+          compiledScripts = fileData.map((f) => f.content).join(";\n");
+        }
 
         await fs.promises.mkdir(this.publicDir, { recursive: true });
+        const content = success
+          ? compiledScripts + `\n/* source-hash: ${currentHash} */`
+          : compiledScripts;
         await fs.promises.writeFile(
           path.join(this.publicDir, "scripts.min.js"),
-          compiledScripts + `\n/* source-hash: ${currentHash} */`,
+          content,
         );
       }
     }
@@ -205,11 +146,17 @@ export default class AssetManager {
           : { type, fileData: data };
 
       const worker = new Worker(
-        path.resolve(__dirname, "workers", "compiler-worker.js"),
+        path.resolve(
+          __dirname,
+          "modules",
+          "jscompiler",
+          "compile-js-worker.js",
+        ),
         { workerData },
       );
       worker.on("message", (msg) => {
         if (msg.status === "success") {
+          console.log("compilation complete: public/styles.min.css created");
           resolve(msg.result);
         } else {
           reject(new Error(msg.error));

package/Auth.js

@@ -16,14 +16,14 @@ export default class Auth {
     if (!req.headers.cookie) {
       const time_end = performance.now();
       const duration = time_end - time_start;
-      debug_perf("isAuthenticated took " + duration + "ms", duration);
+      debug_perf("isAuthenticated", duration);
       return false;
     }
     const match = req.headers.cookie.match(/(?:^|;\s*)session=([^;]*)/);
     const result = match ? this.sessions.has(match[1]) : false;
     const time_end = performance.now();
     const duration = time_end - time_start;
-    debug_perf("isAuthenticated took " + duration + "ms", duration);
+    debug_perf("isAuthenticated", duration);
     return result;
   }