elegance-js 2.1.7 → 2.1.10

package/dist/build.d.ts

@@ -1,3 +1,5 @@
+export declare let PAGE_MAP: Map<any, any>;
+export declare let LAYOUT_MAP: Map<any, any>;
 type CompilationOptions = {
     postCompile?: () => any;
     preCompile?: () => any;

package/dist/build.mjs

@@ -1,68 +1,33 @@
-// src/build.ts
 import fs from "fs";
 import path from "path";
 import { fileURLToPath } from "url";
 import child_process from "node:child_process";
 import http from "http";
-
-// src/log.ts
-var quiet = false;
-function setQuiet(value) {
-  quiet = value;
-}
-function getTimestamp() {
-  const now = /* @__PURE__ */ new Date();
-  return now.toLocaleString(void 0, {
-    year: "2-digit",
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-    second: "2-digit"
-  });
-}
-function color(text, code) {
-  return `\x1B[${code}m${text}\x1B[0m`;
-}
-function logInfo(...args) {
-  if (quiet) return;
-  console.info(`Elegance.JS: ${getTimestamp()} ${color("[INFO]:", 34)}`, ...args);
-}
-function logWarn(...args) {
-  if (quiet) return;
-  console.warn(`Elegance.JS: ${getTimestamp()} ${color("[WARN]:", 33)}`, ...args);
-}
-function logError(...args) {
-  console.error(`Elegance.JS: ${getTimestamp()} ${color("[ERROR]:", 31)}`, ...args);
-}
-var log = {
-  info: logInfo,
-  warn: logWarn,
-  error: logError
-};
-
-// src/build.ts
-var __filename = fileURLToPath(import.meta.url);
-var __dirname = path.dirname(__filename);
-var packageDir = path.resolve(__dirname, "..");
-var builderPath = path.resolve(packageDir, "./dist/page_compiler.mjs");
-var yellow = (text) => {
+import { startServer } from "./server/server";
+import { log, setQuiet } from "./log";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const packageDir = path.resolve(__dirname, "..");
+const builderPath = path.resolve(packageDir, "./dist/page_compiler.mjs");
+const yellow = (text) => {
   return `\x1B[38;2;238;184;68m${text}`;
 };
-var bold = (text) => {
+const bold = (text) => {
   return `\x1B[1m${text}`;
 };
-var white = (text) => {
+const white = (text) => {
   return `\x1B[38;2;255;247;229m${text}`;
 };
-var green = (text) => {
+const green = (text) => {
   return `\x1B[38;2;65;224;108m${text}`;
 };
-var finishLog = (...text) => {
+const finishLog = (...text) => {
   log.info(text.map((text2) => `${text2}\x1B[0m`).join(""));
 };
-var options = process.env.OPTIONS;
-var getAllSubdirectories = (dir, baseDir = dir) => {
+let PAGE_MAP = /* @__PURE__ */ new Map();
+let LAYOUT_MAP = /* @__PURE__ */ new Map();
+let options = process.env.OPTIONS;
+const getAllSubdirectories = (dir, baseDir = dir) => {
   let directories = [];
   const items = fs.readdirSync(dir, { withFileTypes: true });
   for (const item of items) {
@@ -75,9 +40,9 @@ var getAllSubdirectories = (dir, baseDir = dir) => {
   }
   return directories;
 };
-var child = void 0;
-var isBuilding = false;
-var runBuild = (filepath, DIST_DIR) => {
+let child = void 0;
+let isBuilding = false;
+const runBuild = (filepath, DIST_DIR) => {
   const optionsString = JSON.stringify(options);
   if (isBuilding) {
     return;
@@ -88,8 +53,16 @@ var runBuild = (filepath, DIST_DIR) => {
   }
   child = child_process.spawn("node", [filepath], {
     stdio: ["inherit", "inherit", "inherit", "ipc"],
-    env: { ...process.env, DIST_DIR, OPTIONS: optionsString, PACKAGE_PATH: packageDir }
+    env: {
+      ...process.env,
+      DIST_DIR,
+      OPTIONS: optionsString,
+      PACKAGE_PATH: packageDir,
+      DO_BUILD: "true"
+    }
   });
+  process.env.OPTIONS = optionsString;
+  process.env.DIST_DIR = DIST_DIR;
   child.on("error", () => {
     log.error("Failed to start child process.");
   });
@@ -115,16 +88,20 @@ var runBuild = (filepath, DIST_DIR) => {
         );
         options.postCompile();
       }
+    } else if (data === "set-pages-and-layouts") {
+      const { pageMap, layoutMap } = JSON.parse(message.content);
+      PAGE_MAP = new Map(pageMap);
+      LAYOUT_MAP = new Map(layoutMap);
     }
   });
 };
-var build = (DIST_DIR) => {
+const build = (DIST_DIR) => {
   runBuild(builderPath, DIST_DIR);
 };
-var isTimedOut = false;
-var currentWatchers = [];
-var httpStream;
-var registerListener = async () => {
+let isTimedOut = false;
+const currentWatchers = [];
+let httpStream;
+const registerListener = async () => {
   const server = http.createServer((req, res) => {
     if (req.url === "/events") {
       finishLog(white("Client listening for changes.."));
@@ -152,7 +129,7 @@ var registerListener = async () => {
     finishLog(bold(green("Hot-Reload server online!")));
   });
 };
-var compile = async (props) => {
+const compile = async (props) => {
   options = props;
   setQuiet(options.quiet ?? false);
   const watch = options.hotReload !== void 0;
@@ -173,6 +150,16 @@ var compile = async (props) => {
   if (!fs.existsSync(DIST_DIR)) {
     fs.mkdirSync(DIST_DIR, { recursive: true });
   }
+  if (options.server != void 0 && options.server.runServer == true) {
+    startServer({
+      root: options.server.root ?? DIST_DIR,
+      environment: options.environment,
+      port: options.server.port ?? 3e3,
+      host: options.server.host ?? "localhost",
+      DIST_DIR,
+      pagesDirectory: options.pagesDirectory
+    });
+  }
   if (watch) {
     await registerListener();
     for (const watcher of currentWatchers) {
@@ -212,5 +199,7 @@ var compile = async (props) => {
   build(DIST_DIR);
 };
 export {
+  LAYOUT_MAP,
+  PAGE_MAP,
   compile
 };

package/dist/client/client.mjs

@@ -1,160 +1,21 @@
-// src/shared/serverElements.ts
-var createBuildableElement = (tag) => {
-  return (options, ...children) => ({
-    tag,
-    options: options || {},
-    children
-  });
-};
-var createChildrenlessBuildableElement = (tag) => {
-  return (options) => ({
-    tag,
-    options: options || {},
-    children: null
-  });
-};
-var childrenlessElementTags = [
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "link",
-  "meta",
-  "source",
-  "track",
-  "path",
-  "rect"
-];
-var elementTags = [
-  "a",
-  "address",
-  "article",
-  "aside",
-  "audio",
-  "blockquote",
-  "body",
-  "button",
-  "canvas",
-  "caption",
-  "colgroup",
-  "data",
-  "datalist",
-  "dd",
-  "del",
-  "details",
-  "dialog",
-  "div",
-  "dl",
-  "dt",
-  "fieldset",
-  "figcaption",
-  "figure",
-  "footer",
-  "form",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "head",
-  "header",
-  "hgroup",
-  "html",
-  "iframe",
-  "ins",
-  "label",
-  "legend",
-  "li",
-  "main",
-  "map",
-  "meter",
-  "nav",
-  "noscript",
-  "object",
-  "ol",
-  "optgroup",
-  "option",
-  "output",
-  "p",
-  "picture",
-  "pre",
-  "progress",
-  "q",
-  "section",
-  "select",
-  "summary",
-  "table",
-  "tbody",
-  "td",
-  "template",
-  "textarea",
-  "tfoot",
-  "th",
-  "thead",
-  "time",
-  "tr",
-  "ul",
-  "video",
-  "span",
-  "script",
-  "abbr",
-  "b",
-  "bdi",
-  "bdo",
-  "cite",
-  "code",
-  "dfn",
-  "em",
-  "i",
-  "kbd",
-  "mark",
-  "rp",
-  "rt",
-  "ruby",
-  "s",
-  "samp",
-  "small",
-  "strong",
-  "sub",
-  "sup",
-  "u",
-  "wbr",
-  "title",
-  "svg"
-];
-var elements = {};
-var childrenlessElements = {};
-for (const element of elementTags) {
-  elements[element] = createBuildableElement(element);
-}
-for (const element of childrenlessElementTags) {
-  childrenlessElements[element] = createChildrenlessBuildableElement(element);
-}
-var allElements = {
-  ...elements,
-  ...childrenlessElements
-};
-
-// src/shared/bindServerElements.ts
-Object.assign(globalThis, elements);
-Object.assign(globalThis, childrenlessElements);
-
-// src/client/client.ts
+import "../shared/bindServerElements";
+import { ObjectAttributeType } from "../helpers/ObjectAttributeType";
 console.log("Elegance.JS is loading..");
-var pd = {};
-var ld = {};
+let pd = {};
+let ld = {};
+var BindLevel = /* @__PURE__ */ ((BindLevel2) => {
+  BindLevel2[BindLevel2["STRICT"] = 1] = "STRICT";
+  BindLevel2[BindLevel2["SCOPED"] = 2] = "SCOPED";
+  return BindLevel2;
+})(BindLevel || {});
+;
 Object.assign(window, {
   observe: (subjects, updateCallback) => {
     return {
       subjects,
       updateCallback,
       isAttribute: true,
-      type: 2 /* OBSERVER */
+      type: ObjectAttributeType.OBSERVER
     };
   },
   eventListener: (subjects, eventListener) => {
@@ -162,22 +23,32 @@ Object.assign(window, {
       subjects,
       eventListener,
       isAttribute: true,
-      type: 1 /* STATE */
+      type: ObjectAttributeType.STATE
     };
   }
 });
-var domParser = new DOMParser();
-var xmlSerializer = new XMLSerializer();
-var pageStringCache = /* @__PURE__ */ new Map();
-var loc = window.location;
-var doc = document;
-var cleanupProcedures = [];
-var sanitizePathname = (pn) => {
+const domParser = new DOMParser();
+const xmlSerializer = new XMLSerializer();
+const pageStringCache = /* @__PURE__ */ new Map();
+const loc = window.location;
+const doc = document;
+let cleanupProcedures = [];
+const sanitizePathname = (pn) => {
   if (!pn.endsWith("/") || pn === "/") return pn;
   return pn.slice(0, -1);
 };
-var currentPage = sanitizePathname(loc.pathname);
-var createStateManager = (subjects, bindLevel) => {
+let currentPage = sanitizePathname(loc.pathname);
+function getAllPaths(pathname) {
+  const sanitized = pathname.endsWith("/") && pathname !== "/" ? pathname.slice(0, -1) : pathname;
+  const parts = sanitized.split("/").filter(Boolean);
+  const subpaths = [
+    "/",
+    ...parts.map((_, i) => "/" + parts.slice(0, i + 1).join("/"))
+  ];
+  if (sanitized === "/") return ["/"];
+  return subpaths;
+}
+const createStateManager = (subjects, bindLevel) => {
   const state = {
     subjects: subjects.map((subject) => {
       const s = {
@@ -233,7 +104,7 @@ var createStateManager = (subjects, bindLevel) => {
   };
   return state;
 };
-var initPageData = (data, currentPage2, previousPage, bindLevel) => {
+const initPageData = (data, currentPage2, previousPage, bindLevel) => {
   if (!data) {
     console.error("Data for page " + currentPage2 + " is null.");
     return;
@@ -330,7 +201,7 @@ var initPageData = (data, currentPage2, previousPage, bindLevel) => {
     }
   }
 };
-var loadPage = async (previousPage = null) => {
+const loadPage = async (previousPage = null) => {
   const fixedUrl = new URL(loc.href);
   fixedUrl.pathname = sanitizePathname(fixedUrl.pathname);
   const pathname = fixedUrl.pathname;
@@ -375,7 +246,7 @@ var loadPage = async (previousPage = null) => {
     cleanupProcedures
   );
 };
-var fetchPage = async (targetURL) => {
+const fetchPage = async (targetURL) => {
   const pathname = sanitizePathname(targetURL.pathname);
   if (pageStringCache.has(pathname)) {
     return domParser.parseFromString(pageStringCache.get(pathname), "text/html");
@@ -416,7 +287,7 @@ var fetchPage = async (targetURL) => {
   pageStringCache.set(pathname, xmlSerializer.serializeToString(newDOM));
   return newDOM;
 };
-var navigateLocally = async (target, pushState = true) => {
+const navigateLocally = async (target, pushState = true) => {
   const targetURL = new URL(target);
   const pathname = sanitizePathname(targetURL.pathname);
   console.log(
@@ -500,7 +371,7 @@ window.onpopstate = async (event) => {
   await navigateLocally(target.location.href, false);
   history.replaceState(null, "", target.location.href);
 };
-var renderRecursively = (element, attributes) => {
+const renderRecursively = (element, attributes) => {
   if (typeof element === "boolean") {
     return null;
   }

package/dist/client/processPageElements.mjs

@@ -1,6 +1,6 @@
-// src/client/processPageElements.ts
-var elementKey = 0;
-var processOptionAsObjectAttribute = (element, optionName, optionValue, objectAttributes) => {
+import { ObjectAttributeType } from "../helpers/ObjectAttributeType";
+let elementKey = 0;
+const processOptionAsObjectAttribute = (element, optionName, optionValue, objectAttributes) => {
   const lcOptionName = optionName.toLowerCase();
   const options = element.options;
   let key = options.key;
@@ -14,7 +14,7 @@ var processOptionAsObjectAttribute = (element, optionName, optionValue, objectAt
   }
   let optionFinal = lcOptionName;
   switch (optionValue.type) {
-    case 1 /* STATE */:
+    case ObjectAttributeType.STATE:
       const SOA = optionValue;
       if (typeof SOA.value === "function") {
         delete options[optionName];
@@ -28,7 +28,7 @@ var processOptionAsObjectAttribute = (element, optionName, optionValue, objectAt
         options[lcOptionName] = SOA.value;
       }
       break;
-    case 2 /* OBSERVER */:
+    case ObjectAttributeType.OBSERVER:
       const OOA = optionValue;
       const firstValue = OOA.update(...OOA.initialValues);
       if (lcOptionName === "innertext" || lcOptionName === "innerhtml") {
@@ -40,13 +40,13 @@ var processOptionAsObjectAttribute = (element, optionName, optionValue, objectAt
       }
       optionFinal = optionName;
       break;
-    case 4 /* REFERENCE */:
+    case ObjectAttributeType.REFERENCE:
       options["ref"] = optionValue.value;
       break;
   }
   objectAttributes.push({ ...optionValue, key, attribute: optionFinal });
 };
-var processPageElements = (element, objectAttributes, parent) => {
+const processPageElements = (element, objectAttributes, parent) => {
   if (typeof element === "boolean" || typeof element === "number" || Array.isArray(element)) return element;
   if (typeof element === "string") {
     return element;

package/dist/client/render.mjs

@@ -1,5 +1,4 @@
-// src/client/render.ts
-var renderRecursively = (element) => {
+const renderRecursively = (element) => {
   if (typeof element === "boolean") {
     return null;
   }

package/dist/client/watcher.mjs

@@ -1,5 +1,4 @@
-// src/client/watcher.ts
-var eventSource = new EventSource(`http://localhost:${watchServerPort}/events`);
+const eventSource = new EventSource(`http://localhost:${watchServerPort}/events`);
 eventSource.onerror = async () => {
 };
 eventSource.onmessage = async (event) => {