eleva 1.2.14-beta → 1.2.15-beta

package/package.json

@@ -1,29 +1,104 @@
 {
   "name": "eleva",
-  "version": "1.2.14-beta",
+  "version": "1.2.15-beta",
   "description": "A minimalist and lightweight, pure vanilla JavaScript frontend runtime framework.",
   "type": "module",
-  "main": "dist/eleva.cjs.js",
-  "module": "dist/eleva.esm.js",
-  "umd": "dist/eleva.umd.js",
-  "browser": "dist/eleva.min.js",
-  "unpkg": "dist/eleva.min.js",
-  "types": "dist/eleva.d.ts",
+  "private": false,
+  "license": "MIT",
+  "author": {
+    "name": "Tarek Raafat",
+    "email": "tarek.m.raafat@gmail.com",
+    "url": "https://www.tarekraafat.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TarekRaafat/eleva.git"
+  },
+  "homepage": "https://elevajs.com",
+  "bugs": {
+    "url": "https://github.com/TarekRaafat/eleva/issues",
+    "email": "tarek.m.raafat@gmail.com"
+  },
+  "readme": "https://github.com/TarekRaafat/eleva#readme",
+  "main": "./dist/eleva.cjs.js",
+  "module": "./dist/eleva.esm.js",
+  "browser": "./dist/eleva.umd.min.js",
+  "types": "./dist/eleva.d.ts",
+  "unpkg": "./dist/eleva.umd.min.js",
+  "jsdelivr": "./dist/eleva.umd.min.js",
   "exports": {
     ".": {
       "types": "./dist/eleva.d.ts",
-      "node": "./dist/eleva.cjs.js",
+      "import": "./dist/eleva.esm.js",
       "require": "./dist/eleva.cjs.js",
+      "node": "./dist/eleva.cjs.js",
+      "browser": "./dist/eleva.umd.min.js",
+      "default": "./dist/eleva.umd.min.js"
+    },
+    "./esm": {
+      "types": "./dist/eleva.d.ts",
       "import": "./dist/eleva.esm.js",
-      "browser": "./dist/eleva.min.js",
-      "umd": "./dist/eleva.umd.js",
-      "default": "./dist/eleva.esm.js"
-    }
+      "require": "./dist/eleva.esm.js",
+      "browser": "./dist/eleva.umd.min.js"
+    },
+    "./cjs": {
+      "types": "./dist/eleva.d.ts",
+      "require": "./dist/eleva.cjs.js"
+    },
+    "./umd": {
+      "types": "./dist/eleva.d.ts",
+      "import": "./dist/eleva.umd.js",
+      "browser": "./dist/eleva.umd.js"
+    },
+    "./browser": {
+      "types": "./dist/eleva.d.ts",
+      "import": "./dist/eleva.umd.min.js",
+      "browser": "./dist/eleva.umd.min.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "types",
+    "src"
+  ],
+  "directories": {
+    "doc": "docs",
+    "example": "examples",
+    "test": "test",
+    "dist": "dist",
+    "src": "src",
+    "types": "types"
+  },
+  "sideEffects": false,
+  "devDependencies": {
+    "@babel/core": "^7.26.10",
+    "@babel/preset-env": "^7.26.9",
+    "@codecov/rollup-plugin": "^1.9.0",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-terser": "^0.4.4",
+    "babel-jest": "^29.7.0",
+    "eslint": "^9.0.0",
+    "eslint-plugin-prettier": "^5.2.5",
+    "husky": "^9.1.7",
+    "jest": "^29.6.1",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-html-reporters": "^3.1.7",
+    "jest-watch-typeahead": "^2.2.2",
+    "jsdoc": "^4.0.4",
+    "lint-staged": "^15.5.0",
+    "prettier": "^3.5.3",
+    "rimraf": "^6.0.1",
+    "rollup": "^4.34.8",
+    "rollup-plugin-dts": "^6.1.1",
+    "typescript": "^5.1.6",
+    "vitepress": "^1.6.3"
   },
   "scripts": {
     "dev": "rollup -c -w",
     "build": "rollup -c",
-    "build:types": "tsc --emitDeclarationOnly",
+    "build:types": "tsc",
     "build:types:bundle": "rollup -c rollup.dts.config.js",
     "build:all": "npm run clean && npm run build && npm run build:types && npm run build:types:bundle",
     "docs:dev": "vitepress dev docs",
@@ -48,7 +123,6 @@
     "codecov": "npx codecov",
     "lint": "eslint src/**/*.js",
     "format": "npx prettier \"src/**/*\" \"types/**/*\" --write",
-    "size": "size-limit",
     "clean": "rimraf dist types",
     "prepublishOnly": "npm run format && npm run lint && npm run test:source:coverage && npm run build:all",
     "prepare": "npm run build:all"
@@ -56,31 +130,16 @@
   "engines": {
     "node": ">=16.0.0"
   },
-  "devDependencies": {
-    "@babel/core": "^7.26.10",
-    "@babel/preset-env": "^7.26.9",
-    "@codecov/rollup-plugin": "^1.9.0",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^28.0.2",
-    "@rollup/plugin-node-resolve": "^16.0.0",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@size-limit/preset-app": "^11.2.0",
-    "babel-jest": "^29.7.0",
-    "eslint": "^9.0.0",
-    "eslint-plugin-prettier": "^5.2.5",
-    "husky": "^9.1.7",
-    "jest": "^29.6.1",
-    "jest-environment-jsdom": "^29.7.0",
-    "jest-html-reporters": "^3.1.7",
-    "jest-watch-typeahead": "^2.2.2",
-    "jsdoc": "^4.0.4",
-    "lint-staged": "^15.5.0",
-    "prettier": "^3.5.3",
-    "rimraf": "^6.0.1",
-    "rollup": "^4.34.8",
-    "rollup-plugin-dts": "^6.1.1",
-    "typescript": "^5.1.6",
-    "vitepress": "^1.6.3"
+  "browserslist": [
+    "> 0.25%",
+    "last 2 versions",
+    "not dead",
+    "not op_mini all",
+    "not ie 11"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   },
   "lint-staged": {
     "src/**/*.{js,ts}": [
@@ -140,35 +199,6 @@
     "web development tools",
     "micro frontends"
   ],
-  "author": {
-    "name": "Tarek Raafat",
-    "email": "tarek.m.raafat@gmail.com",
-    "url": "https://www.tarekraafat.com"
-  },
-  "license": "MIT",
-  "homepage": "https://elevajs.com",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/TarekRaafat/eleva.git"
-  },
-  "bugs": {
-    "url": "https://github.com/TarekRaafat/eleva/issues",
-    "email": "tarek.m.raafat@gmail.com"
-  },
-  "directories": {
-    "doc": "docs",
-    "example": "examples",
-    "test": "test",
-    "dist": "dist",
-    "src": "src",
-    "types": "types"
-  },
-  "files": [
-    "dist",
-    "types",
-    "src"
-  ],
-  "sideEffects": false,
   "funding": [
     {
       "type": "github",
@@ -178,12 +208,5 @@
       "type": "buymeacoffee",
       "url": "https://www.buymeacoffee.com/tarekraafat"
     }
-  ],
-  "browserslist": [
-    "> 0.25%",
-    "last 2 versions",
-    "not dead",
-    "not op_mini all",
-    "not ie 11"
   ]
 }

package/src/core/Eleva.js

@@ -177,7 +177,7 @@ export class Eleva {
     const context = {
       props,
       emitter: this.emitter,
-      /** @type {(v: any) => Signal} */
+      /** @type {(v: any) => Signal<any>} */
       signal: (v) => new this.signal(v),
       ...this._prepareLifecycleHooks(),
     };
@@ -191,7 +191,7 @@ export class Eleva {
      * 4. Managing component lifecycle
      *
      * @param {Object<string, any>} data - Data returned from the component's setup function
-     * @returns {MountResult} An object containing:
+     * @returns {Promise<MountResult>} An object containing:
      *   - container: The mounted component's container element
      *   - data: The component's reactive state and context
      *   - unmount: Function to clean up and unmount the component
@@ -301,14 +301,17 @@ export class Eleva {
       const attrs = el.attributes;
       for (let i = 0; i < attrs.length; i++) {
         const attr = attrs[i];
-        if (attr.name.startsWith("@")) {
-          const event = attr.name.slice(1);
-          const handler = TemplateEngine.evaluate(attr.value, context);
-          if (typeof handler === "function") {
-            el.addEventListener(event, handler);
-            el.removeAttribute(attr.name);
-            cleanupListeners.push(() => el.removeEventListener(event, handler));
-          }
+
+        if (!attr.name.startsWith("@")) continue;
+
+        const event = attr.name.slice(1);
+        const handlerName = attr.value;
+        const handler =
+          context[handlerName] || TemplateEngine.evaluate(handlerName, context);
+        if (typeof handler === "function") {
+          el.addEventListener(event, handler);
+          el.removeAttribute(attr.name);
+          cleanupListeners.push(() => el.removeEventListener(event, handler));
         }
       }
     }
@@ -353,6 +356,7 @@ export class Eleva {
    * // Returns: { name: "John", age: "25" }
    */
   _extractProps(element, prefix) {
+    /** @type {Record<string, string>} */
     const props = {};
     for (const { name, value } of element.attributes) {
       if (name.startsWith(prefix)) {
@@ -362,41 +366,6 @@ export class Eleva {
     return props;
   }
 
-  /**
-   * Mounts a single component instance to a container element.
-   * This method handles the actual mounting of a component with its props.
-   *
-   * @private
-   * @param {HTMLElement} container - The container element to mount the component to
-   * @param {string|ComponentDefinition} component - The component to mount, either as a name or definition
-   * @param {Object<string, any>} props - The props to pass to the component
-   * @returns {Promise<MountResult>} A promise that resolves to the mounted component instance
-   * @throws {Error} If the container is not a valid HTMLElement
-   */
-  async _mountComponentInstance(container, component, props) {
-    if (!(container instanceof HTMLElement)) return null;
-    return await this.mount(container, component, props);
-  }
-
-  /**
-   * Mounts components found by a selector in the container.
-   * This method handles mounting multiple instances of the same component type.
-   *
-   * @private
-   * @param {HTMLElement} container - The container to search for components
-   * @param {string} selector - The CSS selector to find components
-   * @param {string|ComponentDefinition} component - The component to mount
-   * @param {Array<MountResult>} instances - Array to store the mounted component instances
-   * @returns {Promise<void>}
-   */
-  async _mountComponentsBySelector(container, selector, component, instances) {
-    for (const el of container.querySelectorAll(selector)) {
-      const props = this._extractProps(el, ":");
-      const instance = await this._mountComponentInstance(el, component, props);
-      if (instance) instances.push(instance);
-    }
-  }
-
   /**
    * Mounts all components within the parent component's container.
    * This method handles mounting of explicitly defined children components.
@@ -419,20 +388,20 @@ export class Eleva {
    * };
    */
   async _mountComponents(container, children, childInstances) {
+    if (!children) return;
+
     // Clean up existing instances
     for (const child of childInstances) child.unmount();
     childInstances.length = 0;
 
     // Mount explicitly defined children components
-    if (children) {
-      for (const [selector, component] of Object.entries(children)) {
-        if (!selector) continue;
-        await this._mountComponentsBySelector(
-          container,
-          selector,
-          component,
-          childInstances
-        );
+    for (const [selector, component] of Object.entries(children)) {
+      if (!selector) continue;
+      for (const el of container.querySelectorAll(selector)) {
+        if (!(el instanceof HTMLElement)) continue;
+        const props = this._extractProps(el, ":");
+        const instance = await this.mount(el, component, props);
+        if (instance) childInstances.push(instance);
       }
     }
   }

package/src/modules/Emitter.js

@@ -29,7 +29,7 @@ export class Emitter {
    * @public
    * @param {string} event - The name of the event to listen for.
    * @param {function(any): void} handler - The callback function to invoke when the event occurs.
-   * @returns {function(): boolean} A function to unsubscribe the event handler.
+   * @returns {function(): void} A function to unsubscribe the event handler.
    * @example
    * const unsubscribe = emitter.on('user:login', (user) => console.log(user));
    * // Later...

package/src/modules/Renderer.js

@@ -13,16 +13,25 @@
  * renderer.patchDOM(container, newHtml);
  */
 export class Renderer {
+  /**
+   * Creates a new Renderer instance with a reusable temporary container for parsing HTML.
+   * @public
+   */
+  constructor() {
+    /** @private {HTMLElement} Reusable temporary container for parsing new HTML */
+    this._tempContainer = document.createElement("div");
+  }
+
   /**
    * Patches the DOM of a container element with new HTML content.
-   * This method efficiently updates the DOM by comparing the new content with the existing
-   * content and applying only the necessary changes.
+   * Efficiently updates the DOM by parsing new HTML into a reusable container
+   * and applying only the necessary changes.
    *
    * @public
    * @param {HTMLElement} container - The container element to patch.
    * @param {string} newHtml - The new HTML content to apply.
    * @returns {void}
-   * @throws {Error} If container is not an HTMLElement or newHtml is not a string.
+   * @throws {Error} If container is not an HTMLElement, newHtml is not a string, or patching fails.
    */
   patchDOM(container, newHtml) {
     if (!(container instanceof HTMLElement)) {
@@ -32,10 +41,14 @@ export class Renderer {
       throw new Error("newHtml must be a string");
     }
 
-    const temp = document.createElement("div");
-    temp.innerHTML = newHtml;
-    this._diff(container, temp);
-    temp.innerHTML = "";
+    try {
+      // Directly set new HTML, replacing any existing content
+      this._tempContainer.innerHTML = newHtml;
+
+      this._diff(container, this._tempContainer);
+    } catch {
+      throw new Error("Failed to patch DOM");
+    }
   }
 
   /**
@@ -47,16 +60,8 @@ export class Renderer {
    * @param {HTMLElement} oldParent - The original DOM element.
    * @param {HTMLElement} newParent - The new DOM element.
    * @returns {void}
-   * @throws {Error} If either parent is not an HTMLElement.
    */
   _diff(oldParent, newParent) {
-    if (
-      !(oldParent instanceof HTMLElement) ||
-      !(newParent instanceof HTMLElement)
-    ) {
-      throw new Error("Both parents must be HTMLElements");
-    }
-
     if (oldParent.isEqualNode(newParent)) return;
 
     const oldChildren = oldParent.childNodes;
@@ -67,8 +72,6 @@ export class Renderer {
       const oldNode = oldChildren[i];
       const newNode = newChildren[i];
 
-      if (!oldNode && !newNode) continue;
-
       if (!oldNode && newNode) {
         oldParent.appendChild(newNode.cloneNode(true));
         continue;
@@ -115,13 +118,8 @@ export class Renderer {
    * @param {HTMLElement} oldEl - The element to update.
    * @param {HTMLElement} newEl - The element providing the updated attributes.
    * @returns {void}
-   * @throws {Error} If either element is not an HTMLElement.
    */
   _updateAttributes(oldEl, newEl) {
-    if (!(oldEl instanceof HTMLElement) || !(newEl instanceof HTMLElement)) {
-      throw new Error("Both elements must be HTMLElements");
-    }
-
     const oldAttrs = oldEl.attributes;
     const newAttrs = newEl.attributes;
 

package/src/modules/Signal.js

@@ -10,6 +10,7 @@
  * const count = new Signal(0);
  * count.watch((value) => console.log(`Count changed to: ${value}`));
  * count.value = 1; // Logs: "Count changed to: 1"
+ * @template T
  */
 export class Signal {
   /**

package/types/core/Eleva.d.ts

@@ -170,30 +170,6 @@ export class Eleva {
      * // Returns: { name: "John", age: "25" }
      */
     private _extractProps;
-    /**
-     * Mounts a single component instance to a container element.
-     * This method handles the actual mounting of a component with its props.
-     *
-     * @private
-     * @param {HTMLElement} container - The container element to mount the component to
-     * @param {string|ComponentDefinition} component - The component to mount, either as a name or definition
-     * @param {Object<string, any>} props - The props to pass to the component
-     * @returns {Promise<MountResult>} A promise that resolves to the mounted component instance
-     * @throws {Error} If the container is not a valid HTMLElement
-     */
-    private _mountComponentInstance;
-    /**
-     * Mounts components found by a selector in the container.
-     * This method handles mounting multiple instances of the same component type.
-     *
-     * @private
-     * @param {HTMLElement} container - The container to search for components
-     * @param {string} selector - The CSS selector to find components
-     * @param {string|ComponentDefinition} component - The component to mount
-     * @param {Array<MountResult>} instances - Array to store the mounted component instances
-     * @returns {Promise<void>}
-     */
-    private _mountComponentsBySelector;
     /**
      * Mounts all components within the parent component's container.
      * This method handles mounting of explicitly defined children components.

package/types/core/Eleva.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Eleva.d.ts","sourceRoot":"","sources":["../../src/core/Eleva.js"],"names":[],"mappings":"AAOA;;;;;;;;;;GAUG;AAEH;;;;;;GAMG;AAEH;;;;;;;;GAQG;AAEH;;;;;;;;;;;;;GAaG;AACH;IACE;;;;;;;OAOG;IACH,kBAJW,MAAM;;OA8BhB;IAzBC,0EAA0E;IAC1E,oBAAgB;IAChB,yFAAyF;IACzF;;MAAoB;IACpB,oFAAoF;IACpF,wBAA4B;IAC5B,+FAA+F;IAC/F,6BAAoB;IACpB,wFAAwF;IACxF,0BAA8B;IAE9B,gGAAgG;IAChG,oBAA4B;IAC5B,2FAA2F;IAC3F,iBAAyB;IACzB,gFAAgF;IAChF,wBAMC;IACD,oFAAoF;IACpF,mBAAuB;IAGzB;;;;;;;;;;;OAWG;IACH,mBANW,WAAW;;QAET,KAAK,CASjB;IAED;;;;;;;;;;;;;;OAcG;IACH,uBAVW,MAAM,cACN,mBAAmB,GACjB,KAAK,CAYjB;IAED;;;;;;;;;;;;;;;;;;OAkBG;IACH,wBAdW,WAAW,YACX,MAAM,GAAC,mBAAmB;;QAExB,OAAO,CAAC,WAAW,CAAC,CAoIhC;IAED;;;;;;;OAOG;IACH,+BAOC;IAED;;;;;;;;;OASG;IACH,uBAiBC;IAED;;;;;;;;;;OAUG;IACH,sBAYC;IAED;;;;;;;;;;;;OAYG;IACH,sBAQC;IAED;;;;;;;;;;OAUG;IACH,gCAGC;IAED;;;;;;;;;;OAUG;IACH,mCAMC;IAED;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,yBAiBC;CACF;;;;;;;UA7a4C,CAAC;YAAO,MAAM,GAAE,GAAG;KAAC,GAAC,OAAO,CAAC;YAAO,MAAM,GAAE,GAAG;KAAC,CAAC,CAAC;;;;cAEjF,CAAS,IAAmB,EAAnB;YAAO,MAAM,GAAE,GAAG;KAAC,KAAG,MAAM;;;;;;UAEN,MAAM;;;;;;;;;;;;aAQrC,CAAS,IAAK,EAAL,KAAK,EAAE,IAAmB,EAAnB;YAAO,MAAM,GAAE,GAAG;KAAC,KAAG,IAAI;;;;UAE1C,MAAM;;;;;;eAMN,WAAW;;;;;;;;;;aAIX,MAAY,IAAI;;wBA7BN,uBAAuB;uBADxB,sBAAsB;yBAEpB,wBAAwB"}
+{"version":3,"file":"Eleva.d.ts","sourceRoot":"","sources":["../../src/core/Eleva.js"],"names":[],"mappings":"AAOA;;;;;;;;;;GAUG;AAEH;;;;;;GAMG;AAEH;;;;;;;;GAQG;AAEH;;;;;;;;;;;;;GAaG;AACH;IACE;;;;;;;OAOG;IACH,kBAJW,MAAM;;OA8BhB;IAzBC,0EAA0E;IAC1E,oBAAgB;IAChB,yFAAyF;IACzF;;MAAoB;IACpB,oFAAoF;IACpF,wBAA4B;IAC5B,+FAA+F;IAC/F,6BAAoB;IACpB,wFAAwF;IACxF,0BAA8B;IAE9B,gGAAgG;IAChG,oBAA4B;IAC5B,2FAA2F;IAC3F,iBAAyB;IACzB,gFAAgF;IAChF,wBAMC;IACD,oFAAoF;IACpF,mBAAuB;IAGzB;;;;;;;;;;;OAWG;IACH,mBANW,WAAW;;QAET,KAAK,CASjB;IAED;;;;;;;;;;;;;;OAcG;IACH,uBAVW,MAAM,cACN,mBAAmB,GACjB,KAAK,CAYjB;IAED;;;;;;;;;;;;;;;;;;OAkBG;IACH,wBAdW,WAAW,YACX,MAAM,GAAC,mBAAmB;;QAExB,OAAO,CAAC,WAAW,CAAC,CAoIhC;IAED;;;;;;;OAOG;IACH,+BAOC;IAED;;;;;;;;;OASG;IACH,uBAoBC;IAED;;;;;;;;;;OAUG;IACH,sBAYC;IAED;;;;;;;;;;;;OAYG;IACH,sBASC;IAED;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,yBAiBC;CACF;;;;;;;UA9Y4C,CAAC;YAAO,MAAM,GAAE,GAAG;KAAC,GAAC,OAAO,CAAC;YAAO,MAAM,GAAE,GAAG;KAAC,CAAC,CAAC;;;;cAEjF,CAAS,IAAmB,EAAnB;YAAO,MAAM,GAAE,GAAG;KAAC,KAAG,MAAM;;;;;;UAEN,MAAM;;;;;;;;;;;;aAQrC,CAAS,IAAK,EAAL,KAAK,EAAE,IAAmB,EAAnB;YAAO,MAAM,GAAE,GAAG;KAAC,KAAG,IAAI;;;;UAE1C,MAAM;;;;;;eAMN,WAAW;;;;;;;;;;aAIX,MAAY,IAAI;;wBA7BN,uBAAuB;uBADxB,sBAAsB;yBAEpB,wBAAwB"}

package/types/modules/Emitter.d.ts

@@ -19,13 +19,13 @@ export class Emitter {
      * @public
      * @param {string} event - The name of the event to listen for.
      * @param {function(any): void} handler - The callback function to invoke when the event occurs.
-     * @returns {function(): boolean} A function to unsubscribe the event handler.
+     * @returns {function(): void} A function to unsubscribe the event handler.
      * @example
      * const unsubscribe = emitter.on('user:login', (user) => console.log(user));
      * // Later...
      * unsubscribe(); // Stops listening for the event
      */
-    public on(event: string, handler: (arg0: any) => void): () => boolean;
+    public on(event: string, handler: (arg0: any) => void): () => void;
     /**
      * Removes an event handler for the specified event name.
      * If no handler is provided, all handlers for the event are removed.

package/types/modules/Emitter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Emitter.d.ts","sourceRoot":"","sources":["../../src/modules/Emitter.js"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH;IAOI,gHAAgH;IAChH,gBAAwB;IAG1B;;;;;;;;;;;;OAYG;IACH,iBARW,MAAM,WACN,CAAS,IAAG,EAAH,GAAG,KAAG,IAAI,GACjB,MAAY,OAAO,CAW/B;IAED;;;;;;;;OAQG;IACH,kBAJW,MAAM,YACN,CAAS,IAAG,EAAH,GAAG,KAAG,IAAI,GACjB,IAAI,CAYhB;IAED;;;;;;;;OAQG;IACH,mBAJW,MAAM,WACH,GAAG,EAAA,GACJ,IAAI,CAKhB;CACF"}
+{"version":3,"file":"Emitter.d.ts","sourceRoot":"","sources":["../../src/modules/Emitter.js"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH;IAOI,gHAAgH;IAChH,gBAAwB;IAG1B;;;;;;;;;;;;OAYG;IACH,iBARW,MAAM,WACN,CAAS,IAAG,EAAH,GAAG,KAAG,IAAI,GACjB,MAAY,IAAI,CAW5B;IAED;;;;;;;;OAQG;IACH,kBAJW,MAAM,YACN,CAAS,IAAG,EAAH,GAAG,KAAG,IAAI,GACjB,IAAI,CAYhB;IAED;;;;;;;;OAQG;IACH,mBAJW,MAAM,WACH,GAAG,EAAA,GACJ,IAAI,CAKhB;CACF"}

package/types/modules/Renderer.d.ts

@@ -11,16 +11,18 @@
  * renderer.patchDOM(container, newHtml);
  */
 export class Renderer {
+    /** @private {HTMLElement} Reusable temporary container for parsing new HTML */
+    private _tempContainer;
     /**
      * Patches the DOM of a container element with new HTML content.
-     * This method efficiently updates the DOM by comparing the new content with the existing
-     * content and applying only the necessary changes.
+     * Efficiently updates the DOM by parsing new HTML into a reusable container
+     * and applying only the necessary changes.
      *
      * @public
      * @param {HTMLElement} container - The container element to patch.
      * @param {string} newHtml - The new HTML content to apply.
      * @returns {void}
-     * @throws {Error} If container is not an HTMLElement or newHtml is not a string.
+     * @throws {Error} If container is not an HTMLElement, newHtml is not a string, or patching fails.
      */
     public patchDOM(container: HTMLElement, newHtml: string): void;
     /**
@@ -32,7 +34,6 @@ export class Renderer {
      * @param {HTMLElement} oldParent - The original DOM element.
      * @param {HTMLElement} newParent - The new DOM element.
      * @returns {void}
-     * @throws {Error} If either parent is not an HTMLElement.
      */
     private _diff;
     /**
@@ -43,7 +44,6 @@ export class Renderer {
      * @param {HTMLElement} oldEl - The element to update.
      * @param {HTMLElement} newEl - The element providing the updated attributes.
      * @returns {void}
-     * @throws {Error} If either element is not an HTMLElement.
      */
     private _updateAttributes;
 }

package/types/modules/Renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../src/modules/Renderer.js"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH;IACE;;;;;;;;;;OAUG;IACH,2BALW,WAAW,WACX,MAAM,GACJ,IAAI,CAehB;IAED;;;;;;;;;;OAUG;IACH,cAwDC;IAED;;;;;;;;;OASG;IACH,0BAqDC;CACF"}
+{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../src/modules/Renderer.js"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH;IAMI,+EAA+E;IAC/E,uBAAmD;IAGrD;;;;;;;;;;OAUG;IACH,2BALW,WAAW,WACX,MAAM,GACJ,IAAI,CAmBhB;IAED;;;;;;;;;OASG;IACH,cA+CC;IAED;;;;;;;;OAQG;IACH,0BAiDC;CACF"}

package/types/modules/Signal.d.ts

@@ -8,8 +8,9 @@
  * const count = new Signal(0);
  * count.watch((value) => console.log(`Count changed to: ${value}`));
  * count.value = 1; // Logs: "Count changed to: 1"
+ * @template T
  */
-export class Signal {
+export class Signal<T> {
     /**
      * Creates a new Signal instance with the specified initial value.
      *

package/types/modules/Signal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Signal.d.ts","sourceRoot":"","sources":["../../src/modules/Signal.js"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH;IACE;;;;;OAKG;IACH,mBAFW,GAAC,EASX;IANC,6GAA6G;IAC7G,eAAmB;IACnB,sIAAsI;IACtI,kBAA0B;IAC1B,sHAAsH;IACtH,iBAAqB;IAavB;;;;;;;OAOG;IACH,yBAHW,CAAC,EAQX;IAvBD;;;;;OAKG;IACH,oBAFa,CAAC,CAIb;IAiBD;;;;;;;;;;;OAWG;IACH,iBAPW,CAAS,IAAC,EAAD,CAAC,KAAG,IAAI,GACf,MAAY,OAAO,CAS/B;IAED;;;;;;;OAOG;IACH,gBAQC;CACF"}
+{"version":3,"file":"Signal.d.ts","sourceRoot":"","sources":["../../src/modules/Signal.js"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,oBAFa,CAAC;IAGZ;;;;;OAKG;IACH,mBAFW,GAAC,EASX;IANC,6GAA6G;IAC7G,eAAmB;IACnB,sIAAsI;IACtI,kBAA0B;IAC1B,sHAAsH;IACtH,iBAAqB;IAavB;;;;;;;OAOG;IACH,yBAHW,CAAC,EAQX;IAvBD;;;;;OAKG;IACH,oBAFa,CAAC,CAIb;IAiBD;;;;;;;;;;;OAWG;IACH,iBAPW,CAAS,IAAC,EAAD,CAAC,KAAG,IAAI,GACf,MAAY,OAAO,CAS/B;IAED;;;;;;;OAOG;IACH,gBAQC;CACF"}

package/dist/eleva.min.js

@@ -1,3 +0,0 @@
-/*! Eleva v1.2.14-beta | MIT License | https://elevajs.com */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Eleva=e()}(this,(function(){"use strict";class t{static expressionPattern=/\{\{\s*(.*?)\s*\}\}/g;static parse(t,e){return"string"!=typeof t?t:t.replace(this.expressionPattern,((t,n)=>this.evaluate(n,e)))}static evaluate(t,e){if("string"!=typeof t)return t;try{return new Function("data",`with(data) { return ${t}; }`)(e)}catch{return""}}}class e{constructor(t){this._value=t,this._watchers=new Set,this._pending=!1}get value(){return this._value}set value(t){this._value!==t&&(this._value=t,this._notify())}watch(t){return this._watchers.add(t),()=>this._watchers.delete(t)}_notify(){this._pending||(this._pending=!0,queueMicrotask((()=>{this._watchers.forEach((t=>t(this._value))),this._pending=!1})))}}class n{constructor(){this._events=new Map}on(t,e){return this._events.has(t)||this._events.set(t,new Set),this._events.get(t).add(e),()=>this.off(t,e)}off(t,e){if(this._events.has(t))if(e){const n=this._events.get(t);n.delete(e),0===n.size&&this._events.delete(t)}else this._events.delete(t)}emit(t,...e){this._events.has(t)&&this._events.get(t).forEach((t=>t(...e)))}}class o{patchDOM(t,e){if(!(t instanceof HTMLElement))throw new Error("Container must be an HTMLElement");if("string"!=typeof e)throw new Error("newHtml must be a string");const n=document.createElement("div");n.innerHTML=e,this._diff(t,n),n.innerHTML=""}_diff(t,e){if(!(t instanceof HTMLElement&&e instanceof HTMLElement))throw new Error("Both parents must be HTMLElements");if(t.isEqualNode(e))return;const n=t.childNodes,o=e.childNodes,s=Math.max(n.length,o.length);for(let e=0;e<s;e++){const s=n[e],i=o[e];if(!s&&!i)continue;if(!s&&i){t.appendChild(i.cloneNode(!0));continue}if(s&&!i){t.removeChild(s);continue}if(s.nodeType===i.nodeType&&s.nodeName===i.nodeName)if(s.nodeType===Node.ELEMENT_NODE){const e=s.getAttribute("key"),n=i.getAttribute("key");if(e!==n&&(e||n)){t.replaceChild(i.cloneNode(!0),s);continue}this._updateAttributes(s,i),this._diff(s,i)}else s.nodeType===Node.TEXT_NODE&&s.nodeValue!==i.nodeValue&&(s.nodeValue=i.nodeValue);else t.replaceChild(i.cloneNode(!0),s)}}_updateAttributes(t,e){if(!(t instanceof HTMLElement&&e instanceof HTMLElement))throw new Error("Both elements must be HTMLElements");const n=t.attributes,o=e.attributes;for(const{name:o}of n)e.hasAttribute(o)||t.removeAttribute(o);for(const e of o){const{name:n,value:o}=e;if(!n.startsWith("@")&&t.getAttribute(n)!==o)if(t.setAttribute(n,o),n.startsWith("aria-")){t["aria"+n.slice(5).replace(/-([a-z])/g,((t,e)=>e.toUpperCase()))]=o}else if(n.startsWith("data-"))t.dataset[n.slice(5)]=o;else{const e=n.replace(/-([a-z])/g,((t,e)=>e.toUpperCase()));if(e in t){const n=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(t),e),s="boolean"==typeof t[e]||n?.get&&"boolean"==typeof n.get.call(t);t[e]=s?"false"!==o&&(""===o||o===e||"true"===o):o}}}}}return class{constructor(t,s={}){this.name=t,this.config=s,this.emitter=new n,this.signal=e,this.renderer=new o,this._components=new Map,this._plugins=new Map,this._lifecycleHooks=["onBeforeMount","onMount","onBeforeUpdate","onUpdate","onUnmount"],this._isMounted=!1}use(t,e={}){return t.install(this,e),this._plugins.set(t.name,t),this}component(t,e){return this._components.set(t,e),this}async mount(n,o,s={}){if(!n)throw new Error(`Container not found: ${n}`);const i="string"==typeof o?this._components.get(o):o;if(!i)throw new Error(`Component "${o}" not registered.`);if("function"!=typeof i.template)throw new Error("Component template must be a function");const{setup:r,template:a,style:c,children:l}=i,u={props:s,emitter:this.emitter,signal:t=>new this.signal(t),...this._prepareLifecycleHooks()},f="function"==typeof r?await r(u):{};return await(async s=>{const i={...u,...s},r=[],f=[],h=[];this._isMounted?i.onBeforeUpdate&&i.onBeforeUpdate():i.onBeforeMount&&i.onBeforeMount();const p=async()=>{const e=t.parse(a(i),i);this.renderer.patchDOM(n,e),this._processEvents(n,i,h),this._injectStyles(n,o,c,i),await this._mountComponents(n,l,f),this._isMounted?i.onUpdate&&i.onUpdate():(i.onMount&&i.onMount(),this._isMounted=!0)};for(const t of Object.values(s))t instanceof e&&r.push(t.watch(p));return await p(),{container:n,data:i,unmount:()=>{for(const t of r)t();for(const t of h)t();for(const t of f)t.unmount();i.onUnmount&&i.onUnmount(),n.innerHTML=""}}})(f)}_prepareLifecycleHooks(){const t={};for(const e of this._lifecycleHooks)t[e]=()=>{};return t}_processEvents(e,n,o){const s=e.querySelectorAll("*");for(const e of s){const s=e.attributes;for(let i=0;i<s.length;i++){const r=s[i];if(r.name.startsWith("@")){const s=r.name.slice(1),i=t.evaluate(r.value,n);"function"==typeof i&&(e.addEventListener(s,i),e.removeAttribute(r.name),o.push((()=>e.removeEventListener(s,i))))}}}}_injectStyles(e,n,o,s){if(!o)return;let i=e.querySelector(`style[data-eleva-style="${n}"]`);i||(i=document.createElement("style"),i.setAttribute("data-eleva-style",n),e.appendChild(i)),i.textContent=t.parse(o(s),s)}_extractProps(t,e){const n={};for(const{name:o,value:s}of t.attributes)o.startsWith(e)&&(n[o.replace(e,"")]=s);return n}async _mountComponentInstance(t,e,n){return t instanceof HTMLElement?await this.mount(t,e,n):null}async _mountComponentsBySelector(t,e,n,o){for(const s of t.querySelectorAll(e)){const t=this._extractProps(s,":"),e=await this._mountComponentInstance(s,n,t);e&&o.push(e)}}async _mountComponents(t,e,n){for(const t of n)t.unmount();if(n.length=0,e)for(const[o,s]of Object.entries(e))o&&await this._mountComponentsBySelector(t,o,s,n)}}}));
-//# sourceMappingURL=eleva.min.js.map