elegance-js 2.1.7 → 2.1.10

package/dist/compile_docs.mjs

@@ -1,230 +1,14 @@
-// src/compile_docs.ts
-import { fileURLToPath as fileURLToPath2 } from "url";
-
-// 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) => {
-  return `\x1B[38;2;238;184;68m${text}`;
-};
-var bold = (text) => {
-  return `\x1B[1m${text}`;
-};
-var white = (text) => {
-  return `\x1B[38;2;255;247;229m${text}`;
-};
-var green = (text) => {
-  return `\x1B[38;2;65;224;108m${text}`;
-};
-var finishLog = (...text) => {
-  log.info(text.map((text2) => `${text2}\x1B[0m`).join(""));
-};
-var options = process.env.OPTIONS;
-var getAllSubdirectories = (dir, baseDir = dir) => {
-  let directories = [];
-  const items = fs.readdirSync(dir, { withFileTypes: true });
-  for (const item of items) {
-    if (item.isDirectory()) {
-      const fullPath = path.join(dir, item.name);
-      const relativePath = path.relative(baseDir, fullPath);
-      directories.push(relativePath);
-      directories = directories.concat(getAllSubdirectories(fullPath, baseDir));
-    }
-  }
-  return directories;
-};
-var child = void 0;
-var isBuilding = false;
-var runBuild = (filepath, DIST_DIR) => {
-  const optionsString = JSON.stringify(options);
-  if (isBuilding) {
-    return;
-  }
-  if (child !== void 0) {
-    child.removeAllListeners();
-    child.kill("SIGKILL");
-  }
-  child = child_process.spawn("node", [filepath], {
-    stdio: ["inherit", "inherit", "inherit", "ipc"],
-    env: { ...process.env, DIST_DIR, OPTIONS: optionsString, PACKAGE_PATH: packageDir }
-  });
-  child.on("error", () => {
-    log.error("Failed to start child process.");
-  });
-  child.on("exit", () => {
-    isBuilding = false;
-    log.info("Builder process complete");
-  });
-  child.on("message", (message) => {
-    const { data } = message;
-    if (data === "hard-reload") {
-      httpStream?.write(`data: hard-reload
-
-`);
-    } else if (data === "soft-reload") {
-      httpStream?.write(`data: reload
-
-`);
-    } else if (data === "compile-finish") {
-      isBuilding = false;
-      if (options.postCompile) {
-        finishLog(
-          white("Calling post-compile hook..")
-        );
-        options.postCompile();
-      }
-    }
-  });
-};
-var build = (DIST_DIR) => {
-  runBuild(builderPath, DIST_DIR);
-};
-var isTimedOut = false;
-var currentWatchers = [];
-var httpStream;
-var registerListener = async () => {
-  const server = http.createServer((req, res) => {
-    if (req.url === "/events") {
-      finishLog(white("Client listening for changes.."));
-      res.writeHead(200, {
-        "Content-Type": "text/event-stream",
-        "Cache-Control": "no-cache",
-        "Connection": "keep-alive",
-        "Transfer-Encoding": "chunked",
-        "X-Accel-Buffering": "no",
-        "Content-Encoding": "none",
-        "Access-Control-Allow-Origin": "*",
-        "Access-Control-Allow-Methods": "*",
-        "Access-Control-Allow-Headers": "*"
-      });
-      httpStream = res;
-      httpStream.write(`data: ping
-
-`);
-    } else {
-      res.writeHead(404, { "Content-Type": "text/plain" });
-      res.end("Not Found");
-    }
-  });
-  server.listen(options.hotReload.port, () => {
-    finishLog(bold(green("Hot-Reload server online!")));
-  });
-};
-var compile = async (props) => {
-  options = props;
-  setQuiet(options.quiet ?? false);
-  const watch = options.hotReload !== void 0;
-  const BUILD_FLAG = path.join(options.outputDirectory, "ELEGANCE_BUILD_FLAG");
-  if (!fs.existsSync(options.outputDirectory)) {
-    fs.mkdirSync(options.outputDirectory, { recursive: true });
-    fs.writeFileSync(
-      path.join(BUILD_FLAG),
-      "This file just marks this directory as one containing an Elegance Build.",
-      "utf-8"
-    );
-  } else {
-    if (!fs.existsSync(BUILD_FLAG)) {
-      throw `The output directory already exists, but is not an Elegance Build directory.`;
-    }
-  }
-  const DIST_DIR = path.join(props.outputDirectory, "dist");
-  if (!fs.existsSync(DIST_DIR)) {
-    fs.mkdirSync(DIST_DIR, { recursive: true });
-  }
-  if (watch) {
-    await registerListener();
-    for (const watcher of currentWatchers) {
-      watcher.close();
-    }
-    let extra = [];
-    if (options.hotReload?.extraWatchDirectories) {
-      const dirs = options.hotReload?.extraWatchDirectories ?? [];
-      if (dirs.length !== 0) {
-        for (const dir of dirs) {
-          const subdirs = getAllSubdirectories(dir).map((f) => path.join(dir, f));
-          extra.push(...subdirs);
-        }
-      }
-    }
-    const pagesSubDirs = getAllSubdirectories(options.pagesDirectory).map((f) => path.join(options.pagesDirectory, f));
-    const subdirectories = [...pagesSubDirs, options.pagesDirectory, ...extra];
-    finishLog(yellow("Hot-Reload Watching Subdirectories: "), ...subdirectories.join(", "));
-    const watcherFn = async () => {
-      if (isTimedOut) return;
-      isTimedOut = true;
-      process.stdout.write("\x1Bc");
-      setTimeout(async () => {
-        build(DIST_DIR);
-        isTimedOut = false;
-      }, 100);
-    };
-    for (const directory of subdirectories) {
-      const watcher = fs.watch(
-        directory,
-        {},
-        watcherFn
-      );
-      currentWatchers.push(watcher);
-    }
-  }
-  build(DIST_DIR);
-};
-
-// src/compile_docs.ts
+import { compile } from "./build";
 import { exec, execSync } from "child_process";
-import path2 from "path";
-var __dirname2 = path2.dirname(fileURLToPath2(import.meta.url));
-var PAGES_DIR = path2.join(__dirname2, "../src/docs");
-var PUBLIC_DIR = path2.join(__dirname2, "../src/docs/public");
-var OUTPUT_DIR = path2.join(__dirname2, "../docs");
-var environmentArg = process.argv.find((arg) => arg.startsWith("--environment"));
+import path from "path";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const PAGES_DIR = path.join(__dirname, "../src/docs");
+const PUBLIC_DIR = path.join(__dirname, "../src/docs/public");
+const OUTPUT_DIR = path.join(__dirname, "../docs");
+let environmentArg = process.argv.find((arg) => arg.startsWith("--environment"));
 if (!environmentArg) environmentArg = "--environment='production'";
-var environment = environmentArg.split("=")[1];
+const environment = environmentArg.split("=")[1];
 console.log(`Environment: ${environment}`);
 compile({
   pagesDirectory: PAGES_DIR,

package/dist/components/Link.mjs

@@ -1,52 +1,4 @@
-// src/server/loadHook.ts
-var loadHook = (deps, fn, bind) => {
-  const stringFn = fn.toString();
-  const depsArray = (deps || []).map((dep) => ({
-    id: dep.id,
-    bind: dep.bind
-  }));
-  let dependencyString = "[";
-  for (const dep of depsArray) {
-    dependencyString += `{id:${dep.id}`;
-    if (dep.bind) dependencyString += `,bind:${dep.bind}`;
-    dependencyString += `},`;
-  }
-  dependencyString += "]";
-  const isAsync = fn.constructor.name === "AsyncFunction";
-  const wrapperFn = isAsync ? `async (state) => await (${stringFn})(state, ...state.getAll(${dependencyString}))` : `(state) => (${stringFn})(state, ...state.getAll(${dependencyString}))`;
-  globalThis.__SERVER_CURRENT_LOADHOOKS__.push({
-    fn: wrapperFn,
-    bind: bind || ""
-  });
-};
-
-// src/server/state.ts
-if (!globalThis.__SERVER_CURRENT_STATE_ID__) {
-  globalThis.__SERVER_CURRENT_STATE_ID__ = 1;
-}
-var eventListener = (dependencies, eventListener2) => {
-  const deps = dependencies.map((dep) => ({ id: dep.id, bind: dep.bind }));
-  let dependencyString = "[";
-  for (const dep of deps) {
-    dependencyString += `{id:${dep.id}`;
-    if (dep.bind) dependencyString += `,bind:${dep.bind}`;
-    dependencyString += `},`;
-  }
-  dependencyString += "]";
-  const value = {
-    id: __SERVER_CURRENT_STATE_ID__ += 1,
-    type: 1 /* STATE */,
-    value: new Function(
-      "state",
-      "event",
-      `(${eventListener2.toString()})(event, ...state.getAll(${dependencyString}))`
-    )
-  };
-  globalThis.__SERVER_CURRENT_STATE__.push(value);
-  return value;
-};
-
-// src/components/Link.ts
+import { loadHook, eventListener } from "../index";
 loadHook(
   [],
   () => {
@@ -78,7 +30,7 @@ loadHook(
     };
   }
 );
-var navigate = eventListener(
+const navigate = eventListener(
   [],
   (event) => {
     const target = new URL(event.currentTarget.href);
@@ -93,7 +45,7 @@ var navigate = eventListener(
     client2.navigateLocally(target.href);
   }
 );
-var Link = (options, ...children) => {
+const Link = (options, ...children) => {
   if (!options.href) {
     throw `Link elements must have a HREF attribute set.`;
   }

package/dist/global.d.ts

@@ -35,8 +35,10 @@ declare global {
     };
     /** The type for API Endpoints in route.ts files. */
     type Endpoint = (req: IncomingMessage, res: ServerResponse) => Promise<void>;
+    /** Assign any key any value, within the middleware function, and the data will be passed to the pages affected by the middleware. */
+    type MiddlewareData = Record<string, any>;
     /** The type for middleware functions in middleware.ts files. */
-    type Middleware = (req: IncomingMessage, res: ServerResponse, next: () => void) => Promise<void>;
+    type Middleware = (req: IncomingMessage, res: ServerResponse, next: () => void, data: MiddlewareData) => Promise<void>;
     /** On dynamic pages, the requestHook, if present, shall be called by the server, before serving the page. */
     type RequestHook = (req: IncomingMessage, res: ServerResponse) => Promise<boolean>;
     /** The type for const layout in layout.ts files. */
@@ -46,6 +48,7 @@ declare global {
     /** Parameters that get passed into Page */
     type PageProps = {
         pageName: string;
+        middlewareData: MiddlewareData;
     };
     /** Internal use only. */
     type PageInformation = {

package/dist/helpers/ObjectAttributeType.mjs

@@ -1,4 +1,3 @@
-// src/helpers/ObjectAttributeType.ts
 var ObjectAttributeType = /* @__PURE__ */ ((ObjectAttributeType2) => {
   ObjectAttributeType2[ObjectAttributeType2["GENERIC"] = 0] = "GENERIC";
   ObjectAttributeType2[ObjectAttributeType2["STATE"] = 1] = "STATE";

package/dist/helpers/camelToKebab.mjs

@@ -1,5 +1,4 @@
-// src/helpers/camelToKebab.ts
-var camelToKebabCase = (input) => {
+const camelToKebabCase = (input) => {
   return input.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 };
 export {

package/dist/index.mjs

@@ -1,215 +1,3 @@
-// src/internal/deprecate.ts
-var ShowDeprecationWarning = (msg) => {
-  console.warn("\x1B[31m", msg, "\x1B[0m");
-  console.trace("Stack Trace:");
-};
-
-// src/server/loadHook.ts
-var resetLoadHooks = () => globalThis.__SERVER_CURRENT_LOADHOOKS__ = [];
-var getLoadHooks = () => globalThis.__SERVER_CURRENT_LOADHOOKS__;
-var loadHook = (deps, fn, bind) => {
-  const stringFn = fn.toString();
-  const depsArray = (deps || []).map((dep) => ({
-    id: dep.id,
-    bind: dep.bind
-  }));
-  let dependencyString = "[";
-  for (const dep of depsArray) {
-    dependencyString += `{id:${dep.id}`;
-    if (dep.bind) dependencyString += `,bind:${dep.bind}`;
-    dependencyString += `},`;
-  }
-  dependencyString += "]";
-  const isAsync = fn.constructor.name === "AsyncFunction";
-  const wrapperFn = isAsync ? `async (state) => await (${stringFn})(state, ...state.getAll(${dependencyString}))` : `(state) => (${stringFn})(state, ...state.getAll(${dependencyString}))`;
-  globalThis.__SERVER_CURRENT_LOADHOOKS__.push({
-    fn: wrapperFn,
-    bind: bind || ""
-  });
-};
-var createLoadHook = (options) => {
-  ShowDeprecationWarning("WARNING: createLoadHook() is a deprecated function. Use loadHook() from elegance-js/loadHook instead.");
-  const stringFn = options.fn.toString();
-  const deps = (options.deps || []).map((dep) => ({
-    id: dep.id,
-    bind: dep.bind
-  }));
-  let dependencyString = "[";
-  for (const dep of deps) {
-    dependencyString += `{id:${dep.id}`;
-    if (dep.bind) dependencyString += `,bind:${dep.bind}`;
-    dependencyString += `},`;
-  }
-  dependencyString += "]";
-  const isAsync = options.fn.constructor.name === "AsyncFunction";
-  const wrapperFn = isAsync ? `async (state) => await (${stringFn})(state, ...state.getAll(${dependencyString}))` : `(state) => (${stringFn})(state, ...state.getAll(${dependencyString}))`;
-  globalThis.__SERVER_CURRENT_LOADHOOKS__.push({
-    fn: wrapperFn,
-    bind: options.bind || ""
-  });
-};
-
-// src/server/state.ts
-if (!globalThis.__SERVER_CURRENT_STATE_ID__) {
-  globalThis.__SERVER_CURRENT_STATE_ID__ = 1;
-}
-var state = (value, options) => {
-  const serverStateEntry = {
-    id: __SERVER_CURRENT_STATE_ID__ += 1,
-    value,
-    type: 1 /* STATE */
-  };
-  globalThis.__SERVER_CURRENT_STATE__.push(serverStateEntry);
-  if (Array.isArray(value)) {
-    serverStateEntry.reactiveMap = reactiveMap;
-  }
-  return serverStateEntry;
-};
-var reactiveMap = function(template, deps) {
-  const subject = this;
-  const dependencies = state(deps || []);
-  const templateFn = state(template);
-  loadHook(
-    [subject, templateFn, dependencies],
-    (state2, subject2, templateFn2, dependencies2) => {
-      const el = document.querySelector(
-        `[map-id="${subject2.id}"]`
-      );
-      if (!el) {
-        console.error(`Couldn't find map tag with map-id=${subject2.id}`);
-        return;
-      }
-      const parentElement = el.parentElement;
-      const nextSibling = el.nextSibling;
-      el.remove();
-      const value = subject2.value;
-      const deps2 = state2.getAll(dependencies2.value.map((dep) => ({ id: dep.id, bind: dep.bind })));
-      const attributes = [];
-      const currentlyWatched = [];
-      const createElements = () => {
-        for (let i = 0; i < value.length; i += 1) {
-          const htmlElement = client.renderRecursively(templateFn2.value(value[i], i, ...deps2), attributes);
-          htmlElement.setAttribute("map-id", subject2.id.toString());
-          const elementKey = ((i - 1) * -1).toString();
-          htmlElement.setAttribute("key", elementKey);
-          for (const attribute of attributes) {
-            let values = {};
-            const type = attribute.type;
-            switch (type) {
-              case 2 /* OBSERVER */: {
-                const { field, subjects, updateCallback } = attribute;
-                for (const reference of subjects) {
-                  const subject3 = state2.get(reference.id, reference.bind);
-                  const updateFunction = (value2) => {
-                    values[subject3.id] = value2;
-                    try {
-                      const newValue = updateCallback(...Object.values(values));
-                      let attribute2 = field === "class" ? "className" : field;
-                      htmlElement[attribute2] = newValue;
-                    } catch (e) {
-                      console.error(e);
-                      return;
-                    }
-                  };
-                  updateFunction(subject3.value);
-                  state2.observe(subject3, updateFunction, elementKey);
-                  currentlyWatched.push({
-                    key: elementKey,
-                    subject: subject3
-                  });
-                }
-                break;
-              }
-              case 1 /* STATE */: {
-                const { field, element, subjects, eventListener: eventListener2 } = attribute;
-                const lc = field.toLowerCase();
-                const fn = (event) => {
-                  eventListener2(event, ...subjects);
-                };
-                element[lc] = fn;
-                break;
-              }
-            }
-          }
-          parentElement.insertBefore(htmlElement, nextSibling);
-          attributes.splice(0, attributes.length);
-        }
-      };
-      const removeOldElements = () => {
-        const list = Array.from(document.querySelectorAll(`[map-id="${subject2.id}"]`));
-        for (const el2 of list) {
-          el2.remove();
-        }
-        for (const watched of currentlyWatched) {
-          state2.unobserve(watched.subject, watched.key);
-        }
-        currentlyWatched.splice(0, currentlyWatched.length);
-      };
-      createElements();
-      const uniqueId = `${Date.now()}`;
-      state2.observe(subject2, (value2) => {
-        removeOldElements();
-        createElements();
-      }, uniqueId);
-    }
-  );
-  return globalThis.template({
-    "map-id": subject.id
-  });
-};
-var eventListener = (dependencies, eventListener2) => {
-  const deps = dependencies.map((dep) => ({ id: dep.id, bind: dep.bind }));
-  let dependencyString = "[";
-  for (const dep of deps) {
-    dependencyString += `{id:${dep.id}`;
-    if (dep.bind) dependencyString += `,bind:${dep.bind}`;
-    dependencyString += `},`;
-  }
-  dependencyString += "]";
-  const value = {
-    id: __SERVER_CURRENT_STATE_ID__ += 1,
-    type: 1 /* STATE */,
-    value: new Function(
-      "state",
-      "event",
-      `(${eventListener2.toString()})(event, ...state.getAll(${dependencyString}))`
-    )
-  };
-  globalThis.__SERVER_CURRENT_STATE__.push(value);
-  return value;
-};
-var initializeState = () => globalThis.__SERVER_CURRENT_STATE__ = [];
-var getState = () => {
-  return globalThis.__SERVER_CURRENT_STATE__;
-};
-var initializeObjectAttributes = () => globalThis.__SERVER_CURRENT_OBJECT_ATTRIBUTES__ = [];
-var getObjectAttributes = () => {
-  return globalThis.__SERVER_CURRENT_OBJECT_ATTRIBUTES__;
-};
-
-// src/server/observe.ts
-var observe = (refs, update) => {
-  const returnValue = {
-    type: 2 /* OBSERVER */,
-    initialValues: refs.map((ref) => ref.value),
-    update,
-    refs: refs.map((ref) => ({
-      id: ref.id,
-      bind: ref.bind
-    }))
-  };
-  return returnValue;
-};
-export {
-  createLoadHook,
-  eventListener,
-  getLoadHooks,
-  getObjectAttributes,
-  getState,
-  initializeObjectAttributes,
-  initializeState,
-  loadHook,
-  observe,
-  resetLoadHooks,
-  state
-};
+export * from "./server/state";
+export * from "./server/loadHook";
+export * from "./server/observe";

package/dist/internal/deprecate.mjs

@@ -1,5 +1,4 @@
-// src/internal/deprecate.ts
-var ShowDeprecationWarning = (msg) => {
+const ShowDeprecationWarning = (msg) => {
   console.warn("\x1B[31m", msg, "\x1B[0m");
   console.trace("Stack Trace:");
 };

package/dist/log.mjs

@@ -1,5 +1,4 @@
-// src/log.ts
-var quiet = false;
+let quiet = false;
 function setQuiet(value) {
   quiet = value;
 }
@@ -28,7 +27,7 @@ function logWarn(...args) {
 function logError(...args) {
   console.error(`Elegance.JS: ${getTimestamp()} ${color("[ERROR]:", 31)}`, ...args);
 }
-var log = {
+const log = {
   info: logInfo,
   warn: logWarn,
   error: logError

package/dist/page_compiler.d.ts

@@ -1,7 +1,5 @@
 import type { IncomingMessage, ServerResponse } from "http";
-export declare const PAGE_MAP: Map<string, PageInformation>;
-export declare const LAYOUT_MAP: Map<string, LayoutInformation>;
 export declare const processPageElements: (element: Child, objectAttributes: Array<any>, recursionLevel: number, stack?: any[]) => Child;
-export declare const buildDynamicPage: (DIST_DIR: string, directory: string, pageInfo: PageInformation, req: IncomingMessage, res: ServerResponse) => Promise<false | {
+export declare const buildDynamicPage: (DIST_DIR: string, directory: string, pageInfo: PageInformation, req: IncomingMessage, res: ServerResponse, middlewareData: MiddlewareData) => Promise<false | {
     resultHTML: any;
 }>;