eleva 0.1.0-alpha → 1.0.0-alpha

package/dist/eleva.esm.js

@@ -0,0 +1,490 @@
+/**
+ * 🔒 TemplateEngine: Secure interpolation & dynamic attribute parsing.
+ *
+ * This class provides methods to parse template strings by replacing
+ * interpolation expressions with dynamic data values and to evaluate expressions
+ * within a given data context.
+ */
+class TemplateEngine {
+  /**
+   * Parses a template string and replaces interpolation expressions with corresponding values.
+   *
+   * @param {string} template - The template string containing expressions in the format {{ expression }}.
+   * @param {object} data - The data object to use for evaluating expressions.
+   * @returns {string} The resulting string with evaluated values.
+   */
+  static parse(template, data) {
+    return template.replace(/\{\{\s*(.*?)\s*\}\}/g, (_, expr) => {
+      const value = this.evaluate(expr, data);
+      return value === undefined ? "" : value;
+    });
+  }
+
+  /**
+   * Evaluates an expression using the provided data context.
+   *
+   * @param {string} expr - The JavaScript expression to evaluate.
+   * @param {object} data - The data context for evaluating the expression.
+   * @returns {*} The result of the evaluated expression, or an empty string if undefined or on error.
+   */
+  static evaluate(expr, data) {
+    try {
+      const keys = Object.keys(data);
+      const values = keys.map(k => data[k]);
+      const result = new Function(...keys, `return ${expr}`)(...values);
+      return result === undefined ? "" : result;
+    } catch (error) {
+      console.error(`Template evaluation error:`, {
+        expression: expr,
+        data,
+        error: error.message
+      });
+      return "";
+    }
+  }
+}
+
+/**
+ * ⚡ Signal: Fine-grained reactivity.
+ *
+ * A reactive data holder that notifies registered watchers when its value changes,
+ * allowing for fine-grained DOM patching rather than full re-renders.
+ */
+class Signal {
+  /**
+   * Creates a new Signal instance.
+   *
+   * @param {*} value - The initial value of the signal.
+   */
+  constructor(value) {
+    this._value = value;
+    this._watchers = new Set();
+  }
+
+  /**
+   * Gets the current value of the signal.
+   *
+   * @returns {*} The current value.
+   */
+  get value() {
+    return this._value;
+  }
+
+  /**
+   * Sets a new value for the signal and notifies all registered watchers if the value has changed.
+   *
+   * @param {*} newVal - The new value to set.
+   */
+  set value(newVal) {
+    if (newVal !== this._value) {
+      this._value = newVal;
+      this._watchers.forEach(fn => fn(newVal));
+    }
+  }
+
+  /**
+   * Registers a watcher function that will be called whenever the signal's value changes.
+   *
+   * @param {Function} fn - The callback function to invoke on value change.
+   * @returns {Function} A function to unsubscribe the watcher.
+   */
+  watch(fn) {
+    this._watchers.add(fn);
+    return () => this._watchers.delete(fn);
+  }
+}
+
+/**
+ * 🎙️ Emitter: Robust inter-component communication with event bubbling.
+ *
+ * Implements a basic publish-subscribe pattern for event handling,
+ * allowing components to communicate through custom events.
+ */
+class Emitter {
+  /**
+   * Creates a new Emitter instance.
+   */
+  constructor() {
+    /** @type {Object.<string, Function[]>} */
+    this.events = {};
+  }
+
+  /**
+   * Registers an event handler for the specified event.
+   *
+   * @param {string} event - The name of the event.
+   * @param {Function} handler - The function to call when the event is emitted.
+   */
+  on(event, handler) {
+    (this.events[event] || (this.events[event] = [])).push(handler);
+  }
+
+  /**
+   * Removes a previously registered event handler.
+   *
+   * @param {string} event - The name of the event.
+   * @param {Function} handler - The handler function to remove.
+   */
+  off(event, handler) {
+    if (this.events[event]) {
+      this.events[event] = this.events[event].filter(h => h !== handler);
+    }
+  }
+
+  /**
+   * Emits an event, invoking all handlers registered for that event.
+   *
+   * @param {string} event - The event name.
+   * @param {...*} args - Additional arguments to pass to the event handlers.
+   */
+  emit(event, ...args) {
+    (this.events[event] || []).forEach(handler => handler(...args));
+  }
+}
+
+/**
+ * 🎨 Renderer: Handles DOM patching, diffing, and attribute updates.
+ *
+ * Provides methods for efficient DOM updates by diffing the new and old DOM structures
+ * and applying only the necessary changes.
+ */
+class Renderer {
+  /**
+   * Patches the DOM of a container element with new HTML content.
+   *
+   * @param {HTMLElement} container - The container element to patch.
+   * @param {string} newHtml - The new HTML content to apply.
+   */
+  patchDOM(container, newHtml) {
+    const tempContainer = document.createElement("div");
+    tempContainer.innerHTML = newHtml;
+    this.diff(container, tempContainer);
+  }
+
+  /**
+   * Diffs two DOM trees (old and new) and applies updates to the old DOM.
+   *
+   * @param {HTMLElement} oldParent - The original DOM element.
+   * @param {HTMLElement} newParent - The new DOM element.
+   */
+  diff(oldParent, newParent) {
+    const oldNodes = Array.from(oldParent.childNodes);
+    const newNodes = Array.from(newParent.childNodes);
+    const max = Math.max(oldNodes.length, newNodes.length);
+    for (let i = 0; i < max; i++) {
+      const oldNode = oldNodes[i];
+      const newNode = newNodes[i];
+
+      // Append new nodes that don't exist in the old tree.
+      if (!oldNode && newNode) {
+        oldParent.appendChild(newNode.cloneNode(true));
+        continue;
+      }
+      // Remove old nodes not present in the new tree.
+      if (oldNode && !newNode) {
+        oldParent.removeChild(oldNode);
+        continue;
+      }
+
+      // For element nodes, compare keys if available.
+      if (oldNode.nodeType === Node.ELEMENT_NODE && newNode.nodeType === Node.ELEMENT_NODE) {
+        const oldKey = oldNode.getAttribute("key");
+        const newKey = newNode.getAttribute("key");
+        if (oldKey || newKey) {
+          if (oldKey !== newKey) {
+            oldParent.replaceChild(newNode.cloneNode(true), oldNode);
+            continue;
+          }
+        }
+      }
+
+      // Replace nodes if types or tag names differ.
+      if (oldNode.nodeType !== newNode.nodeType || oldNode.nodeName !== newNode.nodeName) {
+        oldParent.replaceChild(newNode.cloneNode(true), oldNode);
+        continue;
+      }
+      // For text nodes, update content if different.
+      if (oldNode.nodeType === Node.TEXT_NODE) {
+        if (oldNode.nodeValue !== newNode.nodeValue) {
+          oldNode.nodeValue = newNode.nodeValue;
+        }
+        continue;
+      }
+      // For element nodes, update attributes and then diff children.
+      if (oldNode.nodeType === Node.ELEMENT_NODE) {
+        this.updateAttributes(oldNode, newNode);
+        this.diff(oldNode, newNode);
+      }
+    }
+  }
+
+  /**
+   * Updates the attributes of an element to match those of a new element.
+   *
+   * @param {HTMLElement} oldEl - The element to update.
+   * @param {HTMLElement} newEl - The element providing the updated attributes.
+   */
+  updateAttributes(oldEl, newEl) {
+    const attributeToPropertyMap = {
+      value: "value",
+      checked: "checked",
+      selected: "selected",
+      disabled: "disabled"
+    };
+
+    // Remove old attributes that no longer exist.
+    Array.from(oldEl.attributes).forEach(attr => {
+      if (attr.name.startsWith("@")) return;
+      if (!newEl.hasAttribute(attr.name)) {
+        oldEl.removeAttribute(attr.name);
+      }
+    });
+    // Add or update attributes from newEl.
+    Array.from(newEl.attributes).forEach(attr => {
+      if (attr.name.startsWith("@")) return;
+      if (oldEl.getAttribute(attr.name) !== attr.value) {
+        oldEl.setAttribute(attr.name, attr.value);
+        if (attributeToPropertyMap[attr.name]) {
+          oldEl[attributeToPropertyMap[attr.name]] = attr.value;
+        } else if (attr.name in oldEl) {
+          oldEl[attr.name] = attr.value;
+        }
+      }
+    });
+  }
+}
+
+/**
+ * 🧩 Eleva Core: Signal-based component runtime framework with lifecycle, scoped styles, and plugins.
+ *
+ * The Eleva class is the core of the framework. It manages component registration,
+ * plugin integration, lifecycle hooks, event handling, and DOM rendering.
+ */
+class Eleva {
+  /**
+   * Creates a new Eleva instance.
+   *
+   * @param {string} name - The name of the Eleva instance.
+   * @param {object} [config={}] - Optional configuration for the instance.
+   */
+  constructor(name, config = {}) {
+    this.name = name;
+    this.config = config;
+    this._components = {};
+    this._plugins = [];
+    this._lifecycleHooks = ["onBeforeMount", "onMount", "onBeforeUpdate", "onUpdate", "onUnmount"];
+    this._isMounted = false;
+    this.emitter = new Emitter();
+    this.renderer = new Renderer();
+  }
+
+  /**
+   * Integrates a plugin with the Eleva framework.
+   *
+   * @param {object} [plugin] - The plugin object which should have an install function.
+   * @param {object} [options={}] - Optional options to pass to the plugin.
+   * @returns {Eleva} The Eleva instance (for chaining).
+   */
+  use(plugin, options = {}) {
+    if (typeof plugin.install === "function") {
+      plugin.install(this, options);
+    }
+    this._plugins.push(plugin);
+    return this;
+  }
+
+  /**
+   * Registers a component with the Eleva instance.
+   *
+   * @param {string} name - The name of the component.
+   * @param {object} definition - The component definition including setup, template, style, and children.
+   * @returns {Eleva} The Eleva instance (for chaining).
+   */
+  component(name, definition) {
+    this._components[name] = definition;
+    return this;
+  }
+
+  /**
+   * Mounts a registered component to a DOM element.
+   *
+   * @param {string|HTMLElement} selectorOrElement - A CSS selector string or DOM element where the component will be mounted.
+   * @param {string} compName - The name of the component to mount.
+   * @param {object} [props={}] - Optional properties to pass to the component.
+   * @returns {object|Promise<object>} An object representing the mounted component instance, or a Promise that resolves to it for asynchronous setups.
+   * @throws Will throw an error if the container or component is not found.
+   */
+  mount(selectorOrElement, compName, props = {}) {
+    const container = typeof selectorOrElement === "string" ? document.querySelector(selectorOrElement) : selectorOrElement;
+    if (!container) throw new Error(`Container not found: ${selectorOrElement}`);
+    const definition = this._components[compName];
+    if (!definition) throw new Error(`Component "${compName}" not registered.`);
+    const {
+      setup,
+      template,
+      style,
+      children
+    } = definition;
+    const context = {
+      props,
+      emit: this.emitter.emit.bind(this.emitter),
+      on: this.emitter.on.bind(this.emitter),
+      signal: v => new Signal(v),
+      ...this._prepareLifecycleHooks()
+    };
+
+    /**
+     * Processes the mounting of the component.
+     *
+     * @param {object} data - Data returned from the component's setup function.
+     * @returns {object} An object with the container, merged context data, and an unmount function.
+     */
+    const processMount = data => {
+      const mergedContext = {
+        ...context,
+        ...data
+      };
+      const watcherUnsubscribers = [];
+      const childInstances = [];
+      if (!this._isMounted) {
+        mergedContext.onBeforeMount && mergedContext.onBeforeMount();
+      } else {
+        mergedContext.onBeforeUpdate && mergedContext.onBeforeUpdate();
+      }
+
+      /**
+       * Renders the component by parsing the template, patching the DOM,
+       * processing events, injecting styles, and mounting child components.
+       */
+      const render = () => {
+        const newHtml = TemplateEngine.parse(template(mergedContext), mergedContext);
+        this.renderer.patchDOM(container, newHtml);
+        this._processEvents(container, mergedContext);
+        this._injectStyles(container, compName, style, mergedContext);
+        this._mountChildren(container, children, childInstances);
+        if (!this._isMounted) {
+          mergedContext.onMount && mergedContext.onMount();
+          this._isMounted = true;
+        } else {
+          mergedContext.onUpdate && mergedContext.onUpdate();
+        }
+      };
+      Object.values(data).forEach(val => {
+        if (val instanceof Signal) watcherUnsubscribers.push(val.watch(render));
+      });
+      render();
+      return {
+        container,
+        data: mergedContext,
+        /**
+         * Unmounts the component, cleaning up watchers, child components, and clearing the container.
+         */
+        unmount: () => {
+          watcherUnsubscribers.forEach(fn => fn());
+          childInstances.forEach(child => child.unmount());
+          mergedContext.onUnmount && mergedContext.onUnmount();
+          container.innerHTML = "";
+        }
+      };
+    };
+
+    // Handle asynchronous setup if needed.
+    const setupResult = setup(context);
+    if (setupResult && typeof setupResult.then === "function") {
+      return setupResult.then(data => processMount(data));
+    } else {
+      const data = setupResult || {};
+      return processMount(data);
+    }
+  }
+
+  /**
+   * Prepares default no-operation lifecycle hook functions.
+   *
+   * @returns {object} An object with keys for lifecycle hooks mapped to empty functions.
+   * @private
+   */
+  _prepareLifecycleHooks() {
+    return this._lifecycleHooks.reduce((acc, hook) => {
+      acc[hook] = () => {};
+      return acc;
+    }, {});
+  }
+
+  /**
+   * Processes DOM elements for event binding based on attributes starting with "@".
+   *
+   * @param {HTMLElement} container - The container element in which to search for events.
+   * @param {object} context - The current context containing event handler definitions.
+   * @private
+   */
+  _processEvents(container, context) {
+    container.querySelectorAll("*").forEach(el => {
+      [...el.attributes].forEach(({
+        name,
+        value
+      }) => {
+        if (name.startsWith("@")) {
+          const event = name.slice(1);
+          const handler = TemplateEngine.evaluate(value, context);
+          if (typeof handler === "function") {
+            el.addEventListener(event, handler);
+            el.removeAttribute(name);
+          }
+        }
+      });
+    });
+  }
+
+  /**
+   * Injects scoped styles into the component's container.
+   *
+   * @param {HTMLElement} container - The container element.
+   * @param {string} compName - The component name used to identify the style element.
+   * @param {Function} styleFn - A function that returns CSS styles as a string.
+   * @param {object} context - The current context for style interpolation.
+   * @private
+   */
+  _injectStyles(container, compName, styleFn, context) {
+    if (styleFn) {
+      let styleEl = container.querySelector(`style[data-eleva-style="${compName}"]`);
+      if (!styleEl) {
+        styleEl = document.createElement("style");
+        styleEl.setAttribute("data-eleva-style", compName);
+        container.appendChild(styleEl);
+      }
+      styleEl.textContent = TemplateEngine.parse(styleFn(context), context);
+    }
+  }
+
+  /**
+   * Mounts child components within the parent component's container.
+   *
+   * @param {HTMLElement} container - The parent container element.
+   * @param {object} children - An object mapping child component selectors to their definitions.
+   * @param {Array} childInstances - An array to store the mounted child component instances.
+   * @private
+   */
+  _mountChildren(container, children, childInstances) {
+    childInstances.forEach(child => child.unmount());
+    childInstances.length = 0;
+    Object.keys(children || {}).forEach(childName => {
+      container.querySelectorAll(childName).forEach(childEl => {
+        const props = {};
+        [...childEl.attributes].forEach(({
+          name,
+          value
+        }) => {
+          if (name.startsWith("eleva-prop-")) {
+            props[name.slice("eleva-prop-".length)] = value;
+          }
+        });
+        const instance = this.mount(childEl, childName, props);
+        childInstances.push(instance);
+      });
+    });
+  }
+}
+
+export { Eleva as default };
+//# sourceMappingURL=eleva.esm.js.map

package/dist/eleva.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eleva.esm.js","sources":["../src/modules/TemplateEngine.js","../src/modules/Signal.js","../src/modules/Emitter.js","../src/modules/Renderer.js","../src/core/Eleva.js"],"sourcesContent":["\"use strict\";\n\n/**\n * 🔒 TemplateEngine: Secure interpolation & dynamic attribute parsing.\n *\n * This class provides methods to parse template strings by replacing\n * interpolation expressions with dynamic data values and to evaluate expressions\n * within a given data context.\n */\nexport class TemplateEngine {\n  /**\n   * Parses a template string and replaces interpolation expressions with corresponding values.\n   *\n   * @param {string} template - The template string containing expressions in the format {{ expression }}.\n   * @param {object} data - The data object to use for evaluating expressions.\n   * @returns {string} The resulting string with evaluated values.\n   */\n  static parse(template, data) {\n    return template.replace(/\\{\\{\\s*(.*?)\\s*\\}\\}/g, (_, expr) => {\n      const value = this.evaluate(expr, data);\n      return value === undefined ? \"\" : value;\n    });\n  }\n\n  /**\n   * Evaluates an expression using the provided data context.\n   *\n   * @param {string} expr - The JavaScript expression to evaluate.\n   * @param {object} data - The data context for evaluating the expression.\n   * @returns {*} The result of the evaluated expression, or an empty string if undefined or on error.\n   */\n  static evaluate(expr, data) {\n    try {\n      const keys = Object.keys(data);\n      const values = keys.map((k) => data[k]);\n      const result = new Function(...keys, `return ${expr}`)(...values);\n      return result === undefined ? \"\" : result;\n    } catch (error) {\n      console.error(`Template evaluation error:`, {\n        expression: expr,\n        data,\n        error: error.message,\n      });\n      return \"\";\n    }\n  }\n}\n","\"use strict\";\n\n/**\n * ⚡ Signal: Fine-grained reactivity.\n *\n * A reactive data holder that notifies registered watchers when its value changes,\n * allowing for fine-grained DOM patching rather than full re-renders.\n */\nexport class Signal {\n  /**\n   * Creates a new Signal instance.\n   *\n   * @param {*} value - The initial value of the signal.\n   */\n  constructor(value) {\n    this._value = value;\n    this._watchers = new Set();\n  }\n\n  /**\n   * Gets the current value of the signal.\n   *\n   * @returns {*} The current value.\n   */\n  get value() {\n    return this._value;\n  }\n\n  /**\n   * Sets a new value for the signal and notifies all registered watchers if the value has changed.\n   *\n   * @param {*} newVal - The new value to set.\n   */\n  set value(newVal) {\n    if (newVal !== this._value) {\n      this._value = newVal;\n      this._watchers.forEach((fn) => fn(newVal));\n    }\n  }\n\n  /**\n   * Registers a watcher function that will be called whenever the signal's value changes.\n   *\n   * @param {Function} fn - The callback function to invoke on value change.\n   * @returns {Function} A function to unsubscribe the watcher.\n   */\n  watch(fn) {\n    this._watchers.add(fn);\n    return () => this._watchers.delete(fn);\n  }\n}\n","\"use strict\";\n\n/**\n * 🎙️ Emitter: Robust inter-component communication with event bubbling.\n *\n * Implements a basic publish-subscribe pattern for event handling,\n * allowing components to communicate through custom events.\n */\nexport class Emitter {\n  /**\n   * Creates a new Emitter instance.\n   */\n  constructor() {\n    /** @type {Object.<string, Function[]>} */\n    this.events = {};\n  }\n\n  /**\n   * Registers an event handler for the specified event.\n   *\n   * @param {string} event - The name of the event.\n   * @param {Function} handler - The function to call when the event is emitted.\n   */\n  on(event, handler) {\n    (this.events[event] || (this.events[event] = [])).push(handler);\n  }\n\n  /**\n   * Removes a previously registered event handler.\n   *\n   * @param {string} event - The name of the event.\n   * @param {Function} handler - The handler function to remove.\n   */\n  off(event, handler) {\n    if (this.events[event]) {\n      this.events[event] = this.events[event].filter((h) => h !== handler);\n    }\n  }\n\n  /**\n   * Emits an event, invoking all handlers registered for that event.\n   *\n   * @param {string} event - The event name.\n   * @param {...*} args - Additional arguments to pass to the event handlers.\n   */\n  emit(event, ...args) {\n    (this.events[event] || []).forEach((handler) => handler(...args));\n  }\n}\n","\"use strict\";\n\n/**\n * 🎨 Renderer: Handles DOM patching, diffing, and attribute updates.\n *\n * Provides methods for efficient DOM updates by diffing the new and old DOM structures\n * and applying only the necessary changes.\n */\nexport class Renderer {\n  /**\n   * Patches the DOM of a container element with new HTML content.\n   *\n   * @param {HTMLElement} container - The container element to patch.\n   * @param {string} newHtml - The new HTML content to apply.\n   */\n  patchDOM(container, newHtml) {\n    const tempContainer = document.createElement(\"div\");\n    tempContainer.innerHTML = newHtml;\n    this.diff(container, tempContainer);\n  }\n\n  /**\n   * Diffs two DOM trees (old and new) and applies updates to the old DOM.\n   *\n   * @param {HTMLElement} oldParent - The original DOM element.\n   * @param {HTMLElement} newParent - The new DOM element.\n   */\n  diff(oldParent, newParent) {\n    const oldNodes = Array.from(oldParent.childNodes);\n    const newNodes = Array.from(newParent.childNodes);\n    const max = Math.max(oldNodes.length, newNodes.length);\n    for (let i = 0; i < max; i++) {\n      const oldNode = oldNodes[i];\n      const newNode = newNodes[i];\n\n      // Append new nodes that don't exist in the old tree.\n      if (!oldNode && newNode) {\n        oldParent.appendChild(newNode.cloneNode(true));\n        continue;\n      }\n      // Remove old nodes not present in the new tree.\n      if (oldNode && !newNode) {\n        oldParent.removeChild(oldNode);\n        continue;\n      }\n\n      // For element nodes, compare keys if available.\n      if (\n        oldNode.nodeType === Node.ELEMENT_NODE &&\n        newNode.nodeType === Node.ELEMENT_NODE\n      ) {\n        const oldKey = oldNode.getAttribute(\"key\");\n        const newKey = newNode.getAttribute(\"key\");\n        if (oldKey || newKey) {\n          if (oldKey !== newKey) {\n            oldParent.replaceChild(newNode.cloneNode(true), oldNode);\n            continue;\n          }\n        }\n      }\n\n      // Replace nodes if types or tag names differ.\n      if (\n        oldNode.nodeType !== newNode.nodeType ||\n        oldNode.nodeName !== newNode.nodeName\n      ) {\n        oldParent.replaceChild(newNode.cloneNode(true), oldNode);\n        continue;\n      }\n      // For text nodes, update content if different.\n      if (oldNode.nodeType === Node.TEXT_NODE) {\n        if (oldNode.nodeValue !== newNode.nodeValue) {\n          oldNode.nodeValue = newNode.nodeValue;\n        }\n        continue;\n      }\n      // For element nodes, update attributes and then diff children.\n      if (oldNode.nodeType === Node.ELEMENT_NODE) {\n        this.updateAttributes(oldNode, newNode);\n        this.diff(oldNode, newNode);\n      }\n    }\n  }\n\n  /**\n   * Updates the attributes of an element to match those of a new element.\n   *\n   * @param {HTMLElement} oldEl - The element to update.\n   * @param {HTMLElement} newEl - The element providing the updated attributes.\n   */\n  updateAttributes(oldEl, newEl) {\n    const attributeToPropertyMap = {\n      value: \"value\",\n      checked: \"checked\",\n      selected: \"selected\",\n      disabled: \"disabled\",\n    };\n\n    // Remove old attributes that no longer exist.\n    Array.from(oldEl.attributes).forEach((attr) => {\n      if (attr.name.startsWith(\"@\")) return;\n      if (!newEl.hasAttribute(attr.name)) {\n        oldEl.removeAttribute(attr.name);\n      }\n    });\n    // Add or update attributes from newEl.\n    Array.from(newEl.attributes).forEach((attr) => {\n      if (attr.name.startsWith(\"@\")) return;\n      if (oldEl.getAttribute(attr.name) !== attr.value) {\n        oldEl.setAttribute(attr.name, attr.value);\n        if (attributeToPropertyMap[attr.name]) {\n          oldEl[attributeToPropertyMap[attr.name]] = attr.value;\n        } else if (attr.name in oldEl) {\n          oldEl[attr.name] = attr.value;\n        }\n      }\n    });\n  }\n}\n","\"use strict\";\n\nimport { TemplateEngine } from \"../modules/TemplateEngine.js\";\nimport { Signal } from \"../modules/Signal.js\";\nimport { Emitter } from \"../modules/Emitter.js\";\nimport { Renderer } from \"../modules/Renderer.js\";\n\n/**\n * 🧩 Eleva Core: Signal-based component runtime framework with lifecycle, scoped styles, and plugins.\n *\n * The Eleva class is the core of the framework. It manages component registration,\n * plugin integration, lifecycle hooks, event handling, and DOM rendering.\n */\nexport class Eleva {\n  /**\n   * Creates a new Eleva instance.\n   *\n   * @param {string} name - The name of the Eleva instance.\n   * @param {object} [config={}] - Optional configuration for the instance.\n   */\n  constructor(name, config = {}) {\n    this.name = name;\n    this.config = config;\n    this._components = {};\n    this._plugins = [];\n    this._lifecycleHooks = [\n      \"onBeforeMount\",\n      \"onMount\",\n      \"onBeforeUpdate\",\n      \"onUpdate\",\n      \"onUnmount\",\n    ];\n    this._isMounted = false;\n    this.emitter = new Emitter();\n    this.renderer = new Renderer();\n  }\n\n  /**\n   * Integrates a plugin with the Eleva framework.\n   *\n   * @param {object} [plugin] - The plugin object which should have an install function.\n   * @param {object} [options={}] - Optional options to pass to the plugin.\n   * @returns {Eleva} The Eleva instance (for chaining).\n   */\n  use(plugin, options = {}) {\n    if (typeof plugin.install === \"function\") {\n      plugin.install(this, options);\n    }\n    this._plugins.push(plugin);\n    return this;\n  }\n\n  /**\n   * Registers a component with the Eleva instance.\n   *\n   * @param {string} name - The name of the component.\n   * @param {object} definition - The component definition including setup, template, style, and children.\n   * @returns {Eleva} The Eleva instance (for chaining).\n   */\n  component(name, definition) {\n    this._components[name] = definition;\n    return this;\n  }\n\n  /**\n   * Mounts a registered component to a DOM element.\n   *\n   * @param {string|HTMLElement} selectorOrElement - A CSS selector string or DOM element where the component will be mounted.\n   * @param {string} compName - The name of the component to mount.\n   * @param {object} [props={}] - Optional properties to pass to the component.\n   * @returns {object|Promise<object>} An object representing the mounted component instance, or a Promise that resolves to it for asynchronous setups.\n   * @throws Will throw an error if the container or component is not found.\n   */\n  mount(selectorOrElement, compName, props = {}) {\n    const container =\n      typeof selectorOrElement === \"string\"\n        ? document.querySelector(selectorOrElement)\n        : selectorOrElement;\n    if (!container)\n      throw new Error(`Container not found: ${selectorOrElement}`);\n\n    const definition = this._components[compName];\n    if (!definition) throw new Error(`Component \"${compName}\" not registered.`);\n\n    const { setup, template, style, children } = definition;\n    const context = {\n      props,\n      emit: this.emitter.emit.bind(this.emitter),\n      on: this.emitter.on.bind(this.emitter),\n      signal: (v) => new Signal(v),\n      ...this._prepareLifecycleHooks(),\n    };\n\n    /**\n     * Processes the mounting of the component.\n     *\n     * @param {object} data - Data returned from the component's setup function.\n     * @returns {object} An object with the container, merged context data, and an unmount function.\n     */\n    const processMount = (data) => {\n      const mergedContext = { ...context, ...data };\n      const watcherUnsubscribers = [];\n      const childInstances = [];\n\n      if (!this._isMounted) {\n        mergedContext.onBeforeMount && mergedContext.onBeforeMount();\n      } else {\n        mergedContext.onBeforeUpdate && mergedContext.onBeforeUpdate();\n      }\n\n      /**\n       * Renders the component by parsing the template, patching the DOM,\n       * processing events, injecting styles, and mounting child components.\n       */\n      const render = () => {\n        const newHtml = TemplateEngine.parse(\n          template(mergedContext),\n          mergedContext\n        );\n        this.renderer.patchDOM(container, newHtml);\n        this._processEvents(container, mergedContext);\n        this._injectStyles(container, compName, style, mergedContext);\n        this._mountChildren(container, children, childInstances);\n        if (!this._isMounted) {\n          mergedContext.onMount && mergedContext.onMount();\n          this._isMounted = true;\n        } else {\n          mergedContext.onUpdate && mergedContext.onUpdate();\n        }\n      };\n\n      Object.values(data).forEach((val) => {\n        if (val instanceof Signal) watcherUnsubscribers.push(val.watch(render));\n      });\n\n      render();\n\n      return {\n        container,\n        data: mergedContext,\n        /**\n         * Unmounts the component, cleaning up watchers, child components, and clearing the container.\n         */\n        unmount: () => {\n          watcherUnsubscribers.forEach((fn) => fn());\n          childInstances.forEach((child) => child.unmount());\n          mergedContext.onUnmount && mergedContext.onUnmount();\n          container.innerHTML = \"\";\n        },\n      };\n    };\n\n    // Handle asynchronous setup if needed.\n    const setupResult = setup(context);\n    if (setupResult && typeof setupResult.then === \"function\") {\n      return setupResult.then((data) => processMount(data));\n    } else {\n      const data = setupResult || {};\n      return processMount(data);\n    }\n  }\n\n  /**\n   * Prepares default no-operation lifecycle hook functions.\n   *\n   * @returns {object} An object with keys for lifecycle hooks mapped to empty functions.\n   * @private\n   */\n  _prepareLifecycleHooks() {\n    return this._lifecycleHooks.reduce((acc, hook) => {\n      acc[hook] = () => {};\n      return acc;\n    }, {});\n  }\n\n  /**\n   * Processes DOM elements for event binding based on attributes starting with \"@\".\n   *\n   * @param {HTMLElement} container - The container element in which to search for events.\n   * @param {object} context - The current context containing event handler definitions.\n   * @private\n   */\n  _processEvents(container, context) {\n    container.querySelectorAll(\"*\").forEach((el) => {\n      [...el.attributes].forEach(({ name, value }) => {\n        if (name.startsWith(\"@\")) {\n          const event = name.slice(1);\n          const handler = TemplateEngine.evaluate(value, context);\n          if (typeof handler === \"function\") {\n            el.addEventListener(event, handler);\n            el.removeAttribute(name);\n          }\n        }\n      });\n    });\n  }\n\n  /**\n   * Injects scoped styles into the component's container.\n   *\n   * @param {HTMLElement} container - The container element.\n   * @param {string} compName - The component name used to identify the style element.\n   * @param {Function} styleFn - A function that returns CSS styles as a string.\n   * @param {object} context - The current context for style interpolation.\n   * @private\n   */\n  _injectStyles(container, compName, styleFn, context) {\n    if (styleFn) {\n      let styleEl = container.querySelector(\n        `style[data-eleva-style=\"${compName}\"]`\n      );\n      if (!styleEl) {\n        styleEl = document.createElement(\"style\");\n        styleEl.setAttribute(\"data-eleva-style\", compName);\n        container.appendChild(styleEl);\n      }\n      styleEl.textContent = TemplateEngine.parse(styleFn(context), context);\n    }\n  }\n\n  /**\n   * Mounts child components within the parent component's container.\n   *\n   * @param {HTMLElement} container - The parent container element.\n   * @param {object} children - An object mapping child component selectors to their definitions.\n   * @param {Array} childInstances - An array to store the mounted child component instances.\n   * @private\n   */\n  _mountChildren(container, children, childInstances) {\n    childInstances.forEach((child) => child.unmount());\n    childInstances.length = 0;\n\n    Object.keys(children || {}).forEach((childName) => {\n      container.querySelectorAll(childName).forEach((childEl) => {\n        const props = {};\n        [...childEl.attributes].forEach(({ name, value }) => {\n          if (name.startsWith(\"eleva-prop-\")) {\n            props[name.slice(\"eleva-prop-\".length)] = value;\n          }\n        });\n        const instance = this.mount(childEl, childName, props);\n        childInstances.push(instance);\n      });\n    });\n  }\n}\n"],"names":["TemplateEngine","parse","template","data","replace","_","expr","value","evaluate","undefined","keys","Object","values","map","k","result","Function","error","console","expression","message","Signal","constructor","_value","_watchers","Set","newVal","forEach","fn","watch","add","delete","Emitter","events","on","event","handler","push","off","filter","h","emit","args","Renderer","patchDOM","container","newHtml","tempContainer","document","createElement","innerHTML","diff","oldParent","newParent","oldNodes","Array","from","childNodes","newNodes","max","Math","length","i","oldNode","newNode","appendChild","cloneNode","removeChild","nodeType","Node","ELEMENT_NODE","oldKey","getAttribute","newKey","replaceChild","nodeName","TEXT_NODE","nodeValue","updateAttributes","oldEl","newEl","attributeToPropertyMap","checked","selected","disabled","attributes","attr","name","startsWith","hasAttribute","removeAttribute","setAttribute","Eleva","config","_components","_plugins","_lifecycleHooks","_isMounted","emitter","renderer","use","plugin","options","install","component","definition","mount","selectorOrElement","compName","props","querySelector","Error","setup","style","children","context","bind","signal","v","_prepareLifecycleHooks","processMount","mergedContext","watcherUnsubscribers","childInstances","onBeforeMount","onBeforeUpdate","render","_processEvents","_injectStyles","_mountChildren","onMount","onUpdate","val","unmount","child","onUnmount","setupResult","then","reduce","acc","hook","querySelectorAll","el","slice","addEventListener","styleFn","styleEl","textContent","childName","childEl","instance"],"mappings":"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"}

package/dist/eleva.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).Eleva=t()}(this,(function(){"use strict";class e{static parse(e,t){return e.replace(/\{\{\s*(.*?)\s*\}\}/g,((e,n)=>{const o=this.evaluate(n,t);return void 0===o?"":o}))}static evaluate(e,t){try{const n=Object.keys(t),o=n.map((e=>t[e])),s=new Function(...n,`return ${e}`)(...o);return void 0===s?"":s}catch(n){return console.error("Template evaluation error:",{expression:e,data:t,error:n.message}),""}}}class t{constructor(e){this._value=e,this._watchers=new Set}get value(){return this._value}set value(e){e!==this._value&&(this._value=e,this._watchers.forEach((t=>t(e))))}watch(e){return this._watchers.add(e),()=>this._watchers.delete(e)}}class n{constructor(){this.events={}}on(e,t){(this.events[e]||(this.events[e]=[])).push(t)}off(e,t){this.events[e]&&(this.events[e]=this.events[e].filter((e=>e!==t)))}emit(e,...t){(this.events[e]||[]).forEach((e=>e(...t)))}}class o{patchDOM(e,t){const n=document.createElement("div");n.innerHTML=t,this.diff(e,n)}diff(e,t){const n=Array.from(e.childNodes),o=Array.from(t.childNodes),s=Math.max(n.length,o.length);for(let t=0;t<s;t++){const s=n[t],r=o[t];if(s||!r)if(!s||r){if(s.nodeType===Node.ELEMENT_NODE&&r.nodeType===Node.ELEMENT_NODE){const t=s.getAttribute("key"),n=r.getAttribute("key");if((t||n)&&t!==n){e.replaceChild(r.cloneNode(!0),s);continue}}s.nodeType===r.nodeType&&s.nodeName===r.nodeName?s.nodeType!==Node.TEXT_NODE?s.nodeType===Node.ELEMENT_NODE&&(this.updateAttributes(s,r),this.diff(s,r)):s.nodeValue!==r.nodeValue&&(s.nodeValue=r.nodeValue):e.replaceChild(r.cloneNode(!0),s)}else e.removeChild(s);else e.appendChild(r.cloneNode(!0))}}updateAttributes(e,t){const n={value:"value",checked:"checked",selected:"selected",disabled:"disabled"};Array.from(e.attributes).forEach((n=>{n.name.startsWith("@")||t.hasAttribute(n.name)||e.removeAttribute(n.name)})),Array.from(t.attributes).forEach((t=>{t.name.startsWith("@")||e.getAttribute(t.name)!==t.value&&(e.setAttribute(t.name,t.value),n[t.name]?e[n[t.name]]=t.value:t.name in e&&(e[t.name]=t.value))}))}}return class{constructor(e,t={}){this.name=e,this.config=t,this._components={},this._plugins=[],this._lifecycleHooks=["onBeforeMount","onMount","onBeforeUpdate","onUpdate","onUnmount"],this._isMounted=!1,this.emitter=new n,this.renderer=new o}use(e,t={}){return"function"==typeof e.install&&e.install(this,t),this._plugins.push(e),this}component(e,t){return this._components[e]=t,this}mount(n,o,s={}){const r="string"==typeof n?document.querySelector(n):n;if(!r)throw new Error(`Container not found: ${n}`);const i=this._components[o];if(!i)throw new Error(`Component "${o}" not registered.`);const{setup:a,template:c,style:u,children:l}=i,h={props:s,emit:this.emitter.emit.bind(this.emitter),on:this.emitter.on.bind(this.emitter),signal:e=>new t(e),...this._prepareLifecycleHooks()},d=n=>{const s={...h,...n},i=[],a=[];this._isMounted?s.onBeforeUpdate&&s.onBeforeUpdate():s.onBeforeMount&&s.onBeforeMount();const d=()=>{const t=e.parse(c(s),s);this.renderer.patchDOM(r,t),this._processEvents(r,s),this._injectStyles(r,o,u,s),this._mountChildren(r,l,a),this._isMounted?s.onUpdate&&s.onUpdate():(s.onMount&&s.onMount(),this._isMounted=!0)};return Object.values(n).forEach((e=>{e instanceof t&&i.push(e.watch(d))})),d(),{container:r,data:s,unmount:()=>{i.forEach((e=>e())),a.forEach((e=>e.unmount())),s.onUnmount&&s.onUnmount(),r.innerHTML=""}}},f=a(h);if(f&&"function"==typeof f.then)return f.then((e=>d(e)));return d(f||{})}_prepareLifecycleHooks(){return this._lifecycleHooks.reduce(((e,t)=>(e[t]=()=>{},e)),{})}_processEvents(t,n){t.querySelectorAll("*").forEach((t=>{[...t.attributes].forEach((({name:o,value:s})=>{if(o.startsWith("@")){const r=o.slice(1),i=e.evaluate(s,n);"function"==typeof i&&(t.addEventListener(r,i),t.removeAttribute(o))}}))}))}_injectStyles(t,n,o,s){if(o){let r=t.querySelector(`style[data-eleva-style="${n}"]`);r||(r=document.createElement("style"),r.setAttribute("data-eleva-style",n),t.appendChild(r)),r.textContent=e.parse(o(s),s)}}_mountChildren(e,t,n){n.forEach((e=>e.unmount())),n.length=0,Object.keys(t||{}).forEach((t=>{e.querySelectorAll(t).forEach((e=>{const o={};[...e.attributes].forEach((({name:e,value:t})=>{e.startsWith("eleva-prop-")&&(o[e.slice(11)]=t)}));const s=this.mount(e,t,o);n.push(s)}))}))}}}));
+//# sourceMappingURL=eleva.min.js.map

package/dist/eleva.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eleva.min.js","sources":["../src/modules/TemplateEngine.js","../src/modules/Signal.js","../src/modules/Emitter.js","../src/modules/Renderer.js","../src/core/Eleva.js"],"sourcesContent":["\"use strict\";\n\n/**\n * 🔒 TemplateEngine: Secure interpolation & dynamic attribute parsing.\n *\n * This class provides methods to parse template strings by replacing\n * interpolation expressions with dynamic data values and to evaluate expressions\n * within a given data context.\n */\nexport class TemplateEngine {\n  /**\n   * Parses a template string and replaces interpolation expressions with corresponding values.\n   *\n   * @param {string} template - The template string containing expressions in the format {{ expression }}.\n   * @param {object} data - The data object to use for evaluating expressions.\n   * @returns {string} The resulting string with evaluated values.\n   */\n  static parse(template, data) {\n    return template.replace(/\\{\\{\\s*(.*?)\\s*\\}\\}/g, (_, expr) => {\n      const value = this.evaluate(expr, data);\n      return value === undefined ? \"\" : value;\n    });\n  }\n\n  /**\n   * Evaluates an expression using the provided data context.\n   *\n   * @param {string} expr - The JavaScript expression to evaluate.\n   * @param {object} data - The data context for evaluating the expression.\n   * @returns {*} The result of the evaluated expression, or an empty string if undefined or on error.\n   */\n  static evaluate(expr, data) {\n    try {\n      const keys = Object.keys(data);\n      const values = keys.map((k) => data[k]);\n      const result = new Function(...keys, `return ${expr}`)(...values);\n      return result === undefined ? \"\" : result;\n    } catch (error) {\n      console.error(`Template evaluation error:`, {\n        expression: expr,\n        data,\n        error: error.message,\n      });\n      return \"\";\n    }\n  }\n}\n","\"use strict\";\n\n/**\n * ⚡ Signal: Fine-grained reactivity.\n *\n * A reactive data holder that notifies registered watchers when its value changes,\n * allowing for fine-grained DOM patching rather than full re-renders.\n */\nexport class Signal {\n  /**\n   * Creates a new Signal instance.\n   *\n   * @param {*} value - The initial value of the signal.\n   */\n  constructor(value) {\n    this._value = value;\n    this._watchers = new Set();\n  }\n\n  /**\n   * Gets the current value of the signal.\n   *\n   * @returns {*} The current value.\n   */\n  get value() {\n    return this._value;\n  }\n\n  /**\n   * Sets a new value for the signal and notifies all registered watchers if the value has changed.\n   *\n   * @param {*} newVal - The new value to set.\n   */\n  set value(newVal) {\n    if (newVal !== this._value) {\n      this._value = newVal;\n      this._watchers.forEach((fn) => fn(newVal));\n    }\n  }\n\n  /**\n   * Registers a watcher function that will be called whenever the signal's value changes.\n   *\n   * @param {Function} fn - The callback function to invoke on value change.\n   * @returns {Function} A function to unsubscribe the watcher.\n   */\n  watch(fn) {\n    this._watchers.add(fn);\n    return () => this._watchers.delete(fn);\n  }\n}\n","\"use strict\";\n\n/**\n * 🎙️ Emitter: Robust inter-component communication with event bubbling.\n *\n * Implements a basic publish-subscribe pattern for event handling,\n * allowing components to communicate through custom events.\n */\nexport class Emitter {\n  /**\n   * Creates a new Emitter instance.\n   */\n  constructor() {\n    /** @type {Object.<string, Function[]>} */\n    this.events = {};\n  }\n\n  /**\n   * Registers an event handler for the specified event.\n   *\n   * @param {string} event - The name of the event.\n   * @param {Function} handler - The function to call when the event is emitted.\n   */\n  on(event, handler) {\n    (this.events[event] || (this.events[event] = [])).push(handler);\n  }\n\n  /**\n   * Removes a previously registered event handler.\n   *\n   * @param {string} event - The name of the event.\n   * @param {Function} handler - The handler function to remove.\n   */\n  off(event, handler) {\n    if (this.events[event]) {\n      this.events[event] = this.events[event].filter((h) => h !== handler);\n    }\n  }\n\n  /**\n   * Emits an event, invoking all handlers registered for that event.\n   *\n   * @param {string} event - The event name.\n   * @param {...*} args - Additional arguments to pass to the event handlers.\n   */\n  emit(event, ...args) {\n    (this.events[event] || []).forEach((handler) => handler(...args));\n  }\n}\n","\"use strict\";\n\n/**\n * 🎨 Renderer: Handles DOM patching, diffing, and attribute updates.\n *\n * Provides methods for efficient DOM updates by diffing the new and old DOM structures\n * and applying only the necessary changes.\n */\nexport class Renderer {\n  /**\n   * Patches the DOM of a container element with new HTML content.\n   *\n   * @param {HTMLElement} container - The container element to patch.\n   * @param {string} newHtml - The new HTML content to apply.\n   */\n  patchDOM(container, newHtml) {\n    const tempContainer = document.createElement(\"div\");\n    tempContainer.innerHTML = newHtml;\n    this.diff(container, tempContainer);\n  }\n\n  /**\n   * Diffs two DOM trees (old and new) and applies updates to the old DOM.\n   *\n   * @param {HTMLElement} oldParent - The original DOM element.\n   * @param {HTMLElement} newParent - The new DOM element.\n   */\n  diff(oldParent, newParent) {\n    const oldNodes = Array.from(oldParent.childNodes);\n    const newNodes = Array.from(newParent.childNodes);\n    const max = Math.max(oldNodes.length, newNodes.length);\n    for (let i = 0; i < max; i++) {\n      const oldNode = oldNodes[i];\n      const newNode = newNodes[i];\n\n      // Append new nodes that don't exist in the old tree.\n      if (!oldNode && newNode) {\n        oldParent.appendChild(newNode.cloneNode(true));\n        continue;\n      }\n      // Remove old nodes not present in the new tree.\n      if (oldNode && !newNode) {\n        oldParent.removeChild(oldNode);\n        continue;\n      }\n\n      // For element nodes, compare keys if available.\n      if (\n        oldNode.nodeType === Node.ELEMENT_NODE &&\n        newNode.nodeType === Node.ELEMENT_NODE\n      ) {\n        const oldKey = oldNode.getAttribute(\"key\");\n        const newKey = newNode.getAttribute(\"key\");\n        if (oldKey || newKey) {\n          if (oldKey !== newKey) {\n            oldParent.replaceChild(newNode.cloneNode(true), oldNode);\n            continue;\n          }\n        }\n      }\n\n      // Replace nodes if types or tag names differ.\n      if (\n        oldNode.nodeType !== newNode.nodeType ||\n        oldNode.nodeName !== newNode.nodeName\n      ) {\n        oldParent.replaceChild(newNode.cloneNode(true), oldNode);\n        continue;\n      }\n      // For text nodes, update content if different.\n      if (oldNode.nodeType === Node.TEXT_NODE) {\n        if (oldNode.nodeValue !== newNode.nodeValue) {\n          oldNode.nodeValue = newNode.nodeValue;\n        }\n        continue;\n      }\n      // For element nodes, update attributes and then diff children.\n      if (oldNode.nodeType === Node.ELEMENT_NODE) {\n        this.updateAttributes(oldNode, newNode);\n        this.diff(oldNode, newNode);\n      }\n    }\n  }\n\n  /**\n   * Updates the attributes of an element to match those of a new element.\n   *\n   * @param {HTMLElement} oldEl - The element to update.\n   * @param {HTMLElement} newEl - The element providing the updated attributes.\n   */\n  updateAttributes(oldEl, newEl) {\n    const attributeToPropertyMap = {\n      value: \"value\",\n      checked: \"checked\",\n      selected: \"selected\",\n      disabled: \"disabled\",\n    };\n\n    // Remove old attributes that no longer exist.\n    Array.from(oldEl.attributes).forEach((attr) => {\n      if (attr.name.startsWith(\"@\")) return;\n      if (!newEl.hasAttribute(attr.name)) {\n        oldEl.removeAttribute(attr.name);\n      }\n    });\n    // Add or update attributes from newEl.\n    Array.from(newEl.attributes).forEach((attr) => {\n      if (attr.name.startsWith(\"@\")) return;\n      if (oldEl.getAttribute(attr.name) !== attr.value) {\n        oldEl.setAttribute(attr.name, attr.value);\n        if (attributeToPropertyMap[attr.name]) {\n          oldEl[attributeToPropertyMap[attr.name]] = attr.value;\n        } else if (attr.name in oldEl) {\n          oldEl[attr.name] = attr.value;\n        }\n      }\n    });\n  }\n}\n","\"use strict\";\n\nimport { TemplateEngine } from \"../modules/TemplateEngine.js\";\nimport { Signal } from \"../modules/Signal.js\";\nimport { Emitter } from \"../modules/Emitter.js\";\nimport { Renderer } from \"../modules/Renderer.js\";\n\n/**\n * 🧩 Eleva Core: Signal-based component runtime framework with lifecycle, scoped styles, and plugins.\n *\n * The Eleva class is the core of the framework. It manages component registration,\n * plugin integration, lifecycle hooks, event handling, and DOM rendering.\n */\nexport class Eleva {\n  /**\n   * Creates a new Eleva instance.\n   *\n   * @param {string} name - The name of the Eleva instance.\n   * @param {object} [config={}] - Optional configuration for the instance.\n   */\n  constructor(name, config = {}) {\n    this.name = name;\n    this.config = config;\n    this._components = {};\n    this._plugins = [];\n    this._lifecycleHooks = [\n      \"onBeforeMount\",\n      \"onMount\",\n      \"onBeforeUpdate\",\n      \"onUpdate\",\n      \"onUnmount\",\n    ];\n    this._isMounted = false;\n    this.emitter = new Emitter();\n    this.renderer = new Renderer();\n  }\n\n  /**\n   * Integrates a plugin with the Eleva framework.\n   *\n   * @param {object} [plugin] - The plugin object which should have an install function.\n   * @param {object} [options={}] - Optional options to pass to the plugin.\n   * @returns {Eleva} The Eleva instance (for chaining).\n   */\n  use(plugin, options = {}) {\n    if (typeof plugin.install === \"function\") {\n      plugin.install(this, options);\n    }\n    this._plugins.push(plugin);\n    return this;\n  }\n\n  /**\n   * Registers a component with the Eleva instance.\n   *\n   * @param {string} name - The name of the component.\n   * @param {object} definition - The component definition including setup, template, style, and children.\n   * @returns {Eleva} The Eleva instance (for chaining).\n   */\n  component(name, definition) {\n    this._components[name] = definition;\n    return this;\n  }\n\n  /**\n   * Mounts a registered component to a DOM element.\n   *\n   * @param {string|HTMLElement} selectorOrElement - A CSS selector string or DOM element where the component will be mounted.\n   * @param {string} compName - The name of the component to mount.\n   * @param {object} [props={}] - Optional properties to pass to the component.\n   * @returns {object|Promise<object>} An object representing the mounted component instance, or a Promise that resolves to it for asynchronous setups.\n   * @throws Will throw an error if the container or component is not found.\n   */\n  mount(selectorOrElement, compName, props = {}) {\n    const container =\n      typeof selectorOrElement === \"string\"\n        ? document.querySelector(selectorOrElement)\n        : selectorOrElement;\n    if (!container)\n      throw new Error(`Container not found: ${selectorOrElement}`);\n\n    const definition = this._components[compName];\n    if (!definition) throw new Error(`Component \"${compName}\" not registered.`);\n\n    const { setup, template, style, children } = definition;\n    const context = {\n      props,\n      emit: this.emitter.emit.bind(this.emitter),\n      on: this.emitter.on.bind(this.emitter),\n      signal: (v) => new Signal(v),\n      ...this._prepareLifecycleHooks(),\n    };\n\n    /**\n     * Processes the mounting of the component.\n     *\n     * @param {object} data - Data returned from the component's setup function.\n     * @returns {object} An object with the container, merged context data, and an unmount function.\n     */\n    const processMount = (data) => {\n      const mergedContext = { ...context, ...data };\n      const watcherUnsubscribers = [];\n      const childInstances = [];\n\n      if (!this._isMounted) {\n        mergedContext.onBeforeMount && mergedContext.onBeforeMount();\n      } else {\n        mergedContext.onBeforeUpdate && mergedContext.onBeforeUpdate();\n      }\n\n      /**\n       * Renders the component by parsing the template, patching the DOM,\n       * processing events, injecting styles, and mounting child components.\n       */\n      const render = () => {\n        const newHtml = TemplateEngine.parse(\n          template(mergedContext),\n          mergedContext\n        );\n        this.renderer.patchDOM(container, newHtml);\n        this._processEvents(container, mergedContext);\n        this._injectStyles(container, compName, style, mergedContext);\n        this._mountChildren(container, children, childInstances);\n        if (!this._isMounted) {\n          mergedContext.onMount && mergedContext.onMount();\n          this._isMounted = true;\n        } else {\n          mergedContext.onUpdate && mergedContext.onUpdate();\n        }\n      };\n\n      Object.values(data).forEach((val) => {\n        if (val instanceof Signal) watcherUnsubscribers.push(val.watch(render));\n      });\n\n      render();\n\n      return {\n        container,\n        data: mergedContext,\n        /**\n         * Unmounts the component, cleaning up watchers, child components, and clearing the container.\n         */\n        unmount: () => {\n          watcherUnsubscribers.forEach((fn) => fn());\n          childInstances.forEach((child) => child.unmount());\n          mergedContext.onUnmount && mergedContext.onUnmount();\n          container.innerHTML = \"\";\n        },\n      };\n    };\n\n    // Handle asynchronous setup if needed.\n    const setupResult = setup(context);\n    if (setupResult && typeof setupResult.then === \"function\") {\n      return setupResult.then((data) => processMount(data));\n    } else {\n      const data = setupResult || {};\n      return processMount(data);\n    }\n  }\n\n  /**\n   * Prepares default no-operation lifecycle hook functions.\n   *\n   * @returns {object} An object with keys for lifecycle hooks mapped to empty functions.\n   * @private\n   */\n  _prepareLifecycleHooks() {\n    return this._lifecycleHooks.reduce((acc, hook) => {\n      acc[hook] = () => {};\n      return acc;\n    }, {});\n  }\n\n  /**\n   * Processes DOM elements for event binding based on attributes starting with \"@\".\n   *\n   * @param {HTMLElement} container - The container element in which to search for events.\n   * @param {object} context - The current context containing event handler definitions.\n   * @private\n   */\n  _processEvents(container, context) {\n    container.querySelectorAll(\"*\").forEach((el) => {\n      [...el.attributes].forEach(({ name, value }) => {\n        if (name.startsWith(\"@\")) {\n          const event = name.slice(1);\n          const handler = TemplateEngine.evaluate(value, context);\n          if (typeof handler === \"function\") {\n            el.addEventListener(event, handler);\n            el.removeAttribute(name);\n          }\n        }\n      });\n    });\n  }\n\n  /**\n   * Injects scoped styles into the component's container.\n   *\n   * @param {HTMLElement} container - The container element.\n   * @param {string} compName - The component name used to identify the style element.\n   * @param {Function} styleFn - A function that returns CSS styles as a string.\n   * @param {object} context - The current context for style interpolation.\n   * @private\n   */\n  _injectStyles(container, compName, styleFn, context) {\n    if (styleFn) {\n      let styleEl = container.querySelector(\n        `style[data-eleva-style=\"${compName}\"]`\n      );\n      if (!styleEl) {\n        styleEl = document.createElement(\"style\");\n        styleEl.setAttribute(\"data-eleva-style\", compName);\n        container.appendChild(styleEl);\n      }\n      styleEl.textContent = TemplateEngine.parse(styleFn(context), context);\n    }\n  }\n\n  /**\n   * Mounts child components within the parent component's container.\n   *\n   * @param {HTMLElement} container - The parent container element.\n   * @param {object} children - An object mapping child component selectors to their definitions.\n   * @param {Array} childInstances - An array to store the mounted child component instances.\n   * @private\n   */\n  _mountChildren(container, children, childInstances) {\n    childInstances.forEach((child) => child.unmount());\n    childInstances.length = 0;\n\n    Object.keys(children || {}).forEach((childName) => {\n      container.querySelectorAll(childName).forEach((childEl) => {\n        const props = {};\n        [...childEl.attributes].forEach(({ name, value }) => {\n          if (name.startsWith(\"eleva-prop-\")) {\n            props[name.slice(\"eleva-prop-\".length)] = value;\n          }\n        });\n        const instance = this.mount(childEl, childName, props);\n        childInstances.push(instance);\n      });\n    });\n  }\n}\n"],"names":["TemplateEngine","parse","template","data","replace","_","expr","value","this","evaluate","undefined","keys","Object","values","map","k","result","Function","error","console","expression","message","Signal","constructor","_value","_watchers","Set","newVal","forEach","fn","watch","add","delete","Emitter","events","on","event","handler","push","off","filter","h","emit","args","Renderer","patchDOM","container","newHtml","tempContainer","document","createElement","innerHTML","diff","oldParent","newParent","oldNodes","Array","from","childNodes","newNodes","max","Math","length","i","oldNode","newNode","nodeType","Node","ELEMENT_NODE","oldKey","getAttribute","newKey","replaceChild","cloneNode","nodeName","TEXT_NODE","updateAttributes","nodeValue","removeChild","appendChild","oldEl","newEl","attributeToPropertyMap","checked","selected","disabled","attributes","attr","name","startsWith","hasAttribute","removeAttribute","setAttribute","config","_components","_plugins","_lifecycleHooks","_isMounted","emitter","renderer","use","plugin","options","install","component","definition","mount","selectorOrElement","compName","props","querySelector","Error","setup","style","children","context","bind","signal","v","_prepareLifecycleHooks","processMount","mergedContext","watcherUnsubscribers","childInstances","onBeforeUpdate","onBeforeMount","render","_processEvents","_injectStyles","_mountChildren","onUpdate","onMount","val","unmount","child","onUnmount","setupResult","then","reduce","acc","hook","querySelectorAll","el","slice","addEventListener","styleFn","styleEl","textContent","childName","childEl","instance"],"mappings":"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"}