jcc-express-mvc 1.0.5 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jcc-express-mvc",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "express mvc structure",
   "main": "index.js",
   "scripts": {

package/src/index.js

@@ -1,7 +1,7 @@
 const App = require("./app");
 const { authenticated, protectedApi } = require("./Auth/protectedRoute");
 const Auth = require("./Auth");
-
+const template = require("./templating-engine");
 const {
   bcrypt,
   getApiController,
@@ -39,4 +39,5 @@ module.exports = {
   apiAuthenticated: protectedApi,
   Auth,
   getDbCli,
+  template: template,
 };

package/src/templating-engine/index.js

@@ -0,0 +1,143 @@
+const fs = require("fs");
+const Util = require("./utils");
+const rootPath = require("app-root-path").path;
+
+const regex = new RegExp(
+  /{{\s*(?<param>[a-zA-Z0-9_.-]+)\S*}}|(?<loop>@foreach\((?<loopvariable>[a-zA-Z0-9_-]+) in (?<loopData>[a-zA-Z0-9._-]+)\))(?<loopBody>([\s\S\t\n\r]+?))(?<loopEnd>@endforeach)|(?<ifcon>@if\((?<ifData>[a-zA-Z0-9._-]+)\))(?<ifBody>([\s\S]+?))(?<else>(?:@else(?<elseBody>([\s\S]+?))))(?<endIf>@endif)|(?<include>@include\((?<includePath>['"]([^'"]+)['"])\))/
+);
+
+// console.log(rootPath);
+
+class Template {
+  #extendsRegex = /(?<extend>@extends\((?<extendPath>['"]([^'"]+)['"])\))/;
+  #loopRegex = /@foreach\(/;
+  constructor() {
+    this.option = {};
+  }
+
+  #readFile(path) {
+    const resolvePath = path.replace(/\./g, "/").replace(/\"/g, "");
+    return fs
+      .readFileSync(`${rootPath}/views/${resolvePath}.blade.html`)
+      .toString();
+  }
+  #accessNestedProperty(obj, propertyString) {
+    if (!propertyString) return "";
+    const properties = propertyString.split(".");
+    let currentObj = obj;
+    for (const property of properties) {
+      if (currentObj && currentObj.hasOwnProperty(property)) {
+        currentObj = currentObj[property];
+      } else {
+        return "";
+      }
+    }
+
+    return currentObj;
+  }
+
+  #handleVariable(content, match) {
+    const variableName = match.groups.param;
+    const variableValue = this.#accessNestedProperty(this.option, variableName);
+    const newContent = content.replace(/{{\s*([^}]+)\s*}}/, variableValue);
+    return this.#parser(newContent);
+  }
+
+  #handleLoop(content, match) {
+    let result = "";
+    const res = this.#accessNestedProperty(this.option, match?.groups.loopData);
+
+    if (Array.isArray(res)) {
+      result = res
+        .map((item) => {
+          this.option[match.groups.loopvariable] = { ...item };
+          const itemTemplate = match.groups.loopBody;
+          if (this.#loopRegex.test(itemTemplate)) {
+            return this.#parser(itemTemplate + "@endforeach");
+          }
+          return this.#parser(itemTemplate);
+        })
+        .join("");
+    }
+    const { afterMatch, beforMatch } = Util.content(content, match);
+    const afterListResult = this.#parser(afterMatch);
+    const finalResult = beforMatch + result + afterListResult;
+    return finalResult.replace(/@endforeach/gm, "");
+  }
+
+  #handleCondition(content, match) {
+    let result = "";
+    const value = this.#accessNestedProperty(
+      this.option,
+      match?.groups?.ifData
+    );
+    if (value) {
+      result = this.#parser(match.groups?.ifBody);
+    } else {
+      if (match?.groups?.elseBody) {
+        result = this.#parser(match.groups?.elseBody);
+      }
+    }
+    const { beforMatch, afterMatch } = Util.content(content, match);
+    return beforMatch + result + this.#parser(afterMatch);
+  }
+
+  #extends(content) {
+    const match = content.match(this.#extendsRegex);
+    if (!match) return content;
+    const layoutPath = match.groups?.extendPath;
+    const { beforMatch, afterMatch } = Util.content(content, match);
+    if (layoutPath) {
+      const newContent = beforMatch + afterMatch;
+      const layout = Util.layout(newContent, this.#readFile(layoutPath));
+      return layout;
+    }
+    return content;
+  }
+
+  #includes(content, match) {
+    const includePath = match?.groups?.includePath;
+    if (includePath) {
+      const includeContent = this.#readFile(`${includePath}`);
+      const { afterMatch, beforMatch } = Util.content(content, match);
+      const remainStr = this.#parser(afterMatch);
+      return beforMatch + includeContent + remainStr;
+    }
+    return content;
+  }
+
+  #parser(content) {
+    // console.log({ content });
+    const match = content.match(regex);
+    if (!match) return content;
+
+    if (match[0].startsWith("@include")) {
+      return this.#includes(content, match);
+    }
+    if (match[0].startsWith("@foreach")) {
+      return this.#handleLoop(content, match);
+    }
+    if (match[0].startsWith("@if")) {
+      return this.#handleCondition(content, match);
+    }
+    return this.#handleVariable(content, match);
+  }
+
+  #compiler(content) {
+    const newContent = this.#extends(content);
+    const finalContent = this.#parser(newContent);
+    return finalContent
+      .replace(/(\{\{\-\-)/g, "<!--")
+      .replace(/(\-\-\}\})/g, "-->");
+  }
+
+  render(filePath, locals, callback) {
+    fs.readFile(filePath, "utf-8", (err, content) => {
+      if (err) return callback(err);
+      this.option = locals;
+      return callback(null, this.#compiler(content));
+    });
+  }
+}
+
+module.exports = new Template();

package/src/templating-engine/utils.js

@@ -0,0 +1,64 @@
+const sectionRegex =
+  /@section\((?<sectionValue>['"]([^'"]+)['"])\)(?<sectionBody>([\s\S\t\n\r]+?))(?<sectionEnd>@endsection)|@section\((?<placeholder>[\s\S]+?)\)/;
+class Util {
+  static content(content, match) {
+    const beforMatch = content.substring(0, match.index);
+    const afterMatch = content.substring(match.index + match[0].length);
+    return { afterMatch, beforMatch };
+  }
+  static htmlspecialchars(str) {
+    let map = {
+      "&": "&amp;",
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#x27;",
+      "/": "&#x2F;",
+    };
+    return str.replace(/[&<>"'/]/g, function (m) {
+      return map[m];
+    });
+  }
+
+  static layout(content, layoutContent) {
+    const match = content.match(sectionRegex);
+    if (!match) return layoutContent;
+    const sectionContent = match?.groups?.sectionValue;
+    const placeholder = match?.groups?.placeholder;
+    if (placeholder) {
+      const item = placeholder.split(",");
+      if (item.length === 2) {
+        const newLayout = layoutContent.replace(
+          `@yield(${item[0]})`,
+          item[1].replace(/\"/g, "")
+        );
+        const { beforMatch, afterMatch } = Util.content(content, match);
+        return Util.layout(beforMatch + afterMatch, newLayout);
+      }
+    }
+    if (sectionContent) {
+      const newLayout = layoutContent.replace(
+        `@yield(${sectionContent})`,
+        match?.groups?.sectionBody
+      );
+      const { beforMatch, afterMatch } = Util.content(content, match);
+      return Util.layout(beforMatch + afterMatch, newLayout);
+    }
+    return layoutContent;
+  }
+
+  static strToObject(str) {
+    let result = [];
+    if (!str) return [];
+
+    const items = str.split(".");
+    if (items.length == 1) return items;
+    if (items.length == 2) {
+      return items;
+    }
+
+    return result;
+  }
+}
+
+module.exports = Util;