@deijose/nix-js 0.1.4 → 0.2.0

package/README.md

@@ -129,7 +129,7 @@ function ThemedCard() {
 
 For the complete API reference, guides, and all features (async/lazy, lifecycle hooks, event modifiers, keyed lists, query params, nested routes, and more):
 
-**→ [Full documentation on GitHub](https://github.com/deijose/nix-js)**
+**→ [Full documentation on GitHub](https://github.com/DeijoseDevelop/nix-js)**
 
 ## License
 

package/dist/lib/nix/index.d.ts

@@ -4,6 +4,7 @@ export { html, repeat, ref } from "./template";
 export type { NixTemplate, NixMountHandle, KeyedList, NixRef } from "./template";
 export { mount } from "./component";
 export { NixComponent } from "./lifecycle";
+export type { NixChildren } from "./lifecycle";
 export { createStore } from "./store";
 export type { Store, StoreSignals } from "./store";
 export { createRouter, RouterView, Link, useRouter } from "./router";

package/dist/lib/nix/lifecycle.d.ts

@@ -1,4 +1,9 @@
 import type { NixTemplate } from "./template";
+/**
+ * Tipos válidos para pasar como children a un componente.
+ * Acepta un template, un componente, arrays de ellos, o nada.
+ */
+export type NixChildren = NixTemplate | NixComponent | Array<NixTemplate | NixComponent> | null | undefined;
 /**
  * Clase base para componentes con lifecycle.
  *
@@ -23,6 +28,55 @@ import type { NixTemplate } from "./template";
 export declare abstract class NixComponent {
     /** @internal – marca que identifica instancias NixComponent en el engine. */
     readonly __isNixComponent: true;
+    /**
+     * Slot por defecto — contenido hijo que el componente padre inyecta.
+     *
+     * Úsalo en `render()` como cualquier valor interpolado:
+     * ```typescript
+     * render() {
+     *   return html`<div class="card">${this.children}</div>`;
+     * }
+     * ```
+     * Se puede asignar directamente o con el método fluido `setChildren()`.
+     */
+    children?: NixChildren;
+    /** @internal */
+    private _slots;
+    /**
+     * Asigna el slot por defecto. Versión fluida de `this.children = content`.
+     * @returns `this` para encadenar con `setSlot()`.
+     *
+     * @example
+     *   html`${new Card().setChildren(html`<p>Body</p>`)}`
+     */
+    setChildren(content: NixChildren): this;
+    /**
+     * Asigna un slot con nombre. El componente lo lee con `this.slot(name)`.
+     * @returns `this` para encadenar.
+     *
+     * @example
+     *   new Card()
+     *     .setSlot("header", html`<h1>Título</h1>`)
+     *     .setSlot("footer", html`<small>Footer</small>`)
+     *     .setChildren(html`<p>Cuerpo</p>`)
+     */
+    setSlot(name: string, content: NixChildren): this;
+    /**
+     * Obtiene el contenido de un slot con nombre.
+     * Úsalo dentro de `render()`:
+     * ```typescript
+     * render() {
+     *   return html`
+     *     <div>
+     *       <header>${this.slot("header")}</header>
+     *       <main>${this.children}</main>
+     *       <footer>${this.slot("footer")}</footer>
+     *     </div>
+     *   `;
+     * }
+     * ```
+     */
+    slot(name: string): NixChildren;
     /**
      * Debe implementarse: retorna el template del componente.
      * Se llama UNA sola vez al montar — las actualizaciones ocurren por signals.

package/dist/lib/nix-js.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=null,t=[],n=null,r=[],i=0,a=new Set,o=class{_value;_subs=new Set;constructor(e){this._value=e}get value(){return e&&(this._subs.add(e),n?.add(this)),this._value}set value(e){Object.is(this._value,e)||(this._value=e,this._notify())}update(e){this.value=e(this._value)}peek(){return this._value}_removeSub(e){this._subs.delete(e)}_notify(){let e=[...this._subs];i>0?e.forEach(e=>a.add(e)):e.forEach(e=>e())}dispose(){this._subs.clear()}};function s(e){return new o(e)}function c(o){let l,i=new Set,a=()=>{"function"==typeof l&&l(),i.forEach(e=>e._removeSub(a)),i=new Set,t.push(e),r.push(n),e=a,n=i;try{l=o()}finally{e=t.pop()||null,n=r.pop()||null}};return a(),()=>{"function"==typeof l&&l(),i.forEach(e=>e._removeSub(a)),i.clear()}}function l(e){let t=new o(void 0);return c(()=>{t.value=e()}),t}function u(e){i++;try{e()}finally{if(0===--i){let e=[...a];a.clear(),e.forEach(e=>e())}}}function d(t){let r=e,o=n;e=null,n=null;try{return t()}finally{e=r,n=o}}function f(e,t,n={}){let r,{immediate:l=!1,once:i=!1}=n,a=e instanceof o?()=>e.value:e,s=!0,u=!1,f=c(()=>{let e=a();if(s){if(s=!1,l&&!u){let n=e;d(()=>t(n,void 0)),i&&(u=!0,Promise.resolve().then(f))}r=e}else if(!u){let n=e,o=r;r=e,d(()=>t(n,o)),i&&(u=!0,Promise.resolve().then(f))}});return()=>{u=!0,f()}}function p(e){return e?Promise.resolve().then(e):Promise.resolve()}var m=class{__isNixComponent=!0};function h(e){return"object"==typeof e&&!!e&&!0===e.__isNixComponent}function g(e){return Symbol(e)}var _=[];function v(){return[..._]}function y(){_.push(new Map)}function b(){_.pop()}function x(e,t){let n=_.splice(0);e.forEach(e=>_.push(e)),_.push(new Map);try{return t()}finally{_.splice(0),n.forEach(e=>_.push(e))}}function S(e,t){let n=_[_.length-1];if(!n)throw Error("[Nix] provide() debe llamarse dentro de onInit() de un NixComponent.");n.set(e,t)}function C(e){for(let t=_.length-1;t>=0;t--)if(_[t].has(e))return _[t].get(e)}function w(){return{el:null}}function T(e,t,n){return{__isKeyedList:!0,items:e,keyFn:t,renderFn:n}}function E(e){let t=e.lastIndexOf(">"),n=e.lastIndexOf("<");if(n<=t)return{type:"node"};let r=e.slice(n+1),o=r.match(/@([\w:.-]+)=["']?$/);if(o){let e=o[1].split(".");return{type:"event",eventName:e[0],modifiers:e.slice(1),hadOpenQuote:o[0].endsWith('"')||o[0].endsWith("'")}}let l=r.match(/([\w:.-]+)=["']?$/);return l?{type:"attr",attrName:l[1],hadOpenQuote:l[0].endsWith('"')||l[0].endsWith("'")}:{type:"node"}}function D(e,t){let n=Array(e.length).fill(0),r="";for(let o=0;o<e.length;o++){let l=e[o];if(1===n[o]&&('"'===l[0]||"'"===l[0])&&(l=l.slice(1)),o<t.length){let e=t[o];if("node"===e.type)r+=l+`\x3c!--nix-${o}--\x3e`;else if("event"===e.type){let t=`@${e.modifiers.length?`${e.eventName}.${e.modifiers.join(".")}`:e.eventName}=`.length+(e.hadOpenQuote?1:0);r+=l.slice(0,-t)+` data-nix-e-${o}="${e.eventName}"`,e.hadOpenQuote&&(n[o+1]=1)}else{let t=`${e.attrName}=`.length+(e.hadOpenQuote?1:0);r+=l.slice(0,-t)+` data-nix-a-${o}="${e.attrName}"`,e.hadOpenQuote&&(n[o+1]=1)}}else r+=l}return r}function O(e){return"object"==typeof e&&!!e&&!0===e.__isNixTemplate}function k(e){return"object"==typeof e&&!!e&&!0===e.__isKeyedList}function A(e){let t,n=new Map,r=document.createTreeWalker(e,NodeFilter.SHOW_COMMENT);for(;t=r.nextNode();){let e=t,r=e.nodeValue?.match(/^nix-(\d+)$/);r&&n.set(parseInt(r[1]),e)}return n}function j(e){let t=new Map;return e.querySelectorAll("*").forEach(e=>{let n=Array.from(e.attributes);for(let r of n){let n=r.name.match(/^data-nix-e-(\d+)$/);n?(t.set(parseInt(n[1]),{el:e,type:"event",name:r.value}),e.removeAttribute(r.name)):(n=r.name.match(/^data-nix-a-(\d+)$/),n&&(t.set(parseInt(n[1]),{el:e,type:"attr",name:r.value}),e.removeAttribute(r.name)))}}),t}function M(e,t,n){let r=[],o=[],l=A(e),i=j(e);for(let e=0;e<t.length;e++){let a=t[e],s=n[e];if("event"===a.type){let t=i.get(e);if(!t)continue;let{el:n,name:o}=t,l=s,u=a.modifiers,c={};u.includes("once")&&(c.once=!0),u.includes("capture")&&(c.capture=!0),u.includes("passive")&&(c.passive=!0);let f={enter:"Enter",escape:"Escape",space:" ",tab:"Tab",delete:"Delete",backspace:"Backspace",up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight"},d=e=>{if(u.includes("prevent")&&e.preventDefault(),u.includes("stop")&&e.stopPropagation(),!u.includes("self")||e.target===e.currentTarget){if("key"in e){let t=e;for(let e of u){let n=f[e];if(void 0!==n&&t.key!==n||!f[e]&&1===e.length&&t.key.toLowerCase()!==e)return}}l(e)}};n.addEventListener(o,d,c),r.push(()=>n.removeEventListener(o,d,c));continue}if("attr"===a.type){let t=i.get(e);if(!t)continue;let{el:n,name:o}=t;if("ref"===o){s.el=n,r.push(()=>{s.el=null});continue}if("function"==typeof s){let e=c(()=>{let e=s();null==e||!1===e?n.removeAttribute(o):n.setAttribute(o,String(e))});r.push(e)}else null!=s&&!1!==s&&n.setAttribute(o,String(s));continue}let u=l.get(e);if(!u)continue;if("function"!=typeof s){if(h(s)){let e,n,l=s;y();try{try{l.onInit?.()}catch(t){if(!l.onError)throw t;l.onError(t)}e=l.render()._render(u.parentNode,u)}finally{b()}o.push(()=>{try{let e=l.onMount?.();"function"==typeof e&&(n=e)}catch(e){if(!l.onError)throw e;l.onError(e)}}),r.push(()=>{try{l.onUnmount?.()}catch{}try{n?.()}catch{}e()})}else if(O(s))s._render(u.parentNode,u);else if(Array.isArray(s))for(let e of s)if(h(e)){let n,l;y();try{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}n=e.render()._render(u.parentNode,u)}finally{b()}o.push(()=>{try{let t=e.onMount?.();"function"==typeof t&&(l=t)}catch(t){if(!e.onError)throw t;e.onError(t)}}),r.push(()=>{try{e.onUnmount?.()}catch{}try{l?.()}catch{}n()})}else O(e)?e._render(u.parentNode,u):null!=e&&!1!==e&&u.parentNode.insertBefore(document.createTextNode(String(e)),u);else null!=s&&!1!==s&&u.parentNode.insertBefore(document.createTextNode(String(s)),u);continue}let f=null,d=null,p=null,m=v(),g=c(()=>{let e=s();if("string"==typeof e||"number"==typeof e)return d&&=(d(),null),void(f?f.nodeValue=String(e):(f=document.createTextNode(String(e)),u.parentNode.insertBefore(f,u)));if(f&&=(f.parentNode?.removeChild(f),null),d&&=(d(),null),null!=e&&!1!==e)if(O(e))d=e._render(u.parentNode,u);else if(h(e)){let t,n,r=e;x(m,()=>{try{r.onInit?.()}catch(e){if(!r.onError)throw e;r.onError(e)}t=r.render()._render(u.parentNode,u)});try{let e=r.onMount?.();"function"==typeof e&&(n=e)}catch(e){if(!r.onError)throw e;r.onError(e)}d=()=>{try{r.onUnmount?.()}catch{}try{n?.()}catch{}t()}}else if(k(e)){p||=new Map;let t=u.parentNode,n=e.items.map((t,n)=>e.keyFn(t,n)),r=new Set(n);for(let[e,n]of p)if(!r.has(e)){n.cleanup();let r=n.start;for(;r!==n.end;){let e=r.nextSibling;t.removeChild(r),r=e}t.removeChild(n.end),p.delete(e)}let o=u;for(let r=n.length-1;r>=0;r--){let l=n[r],i=e.items[r];if(p.has(l)){let e=p.get(l);if(e.end.nextSibling!==o){let n=[],r=e.start;for(;n.push(r),r!==e.end;)r=r.nextSibling;for(let e of n)t.insertBefore(e,o)}o=e.start}else{let n=document.createComment("nix-ke"),a=document.createComment("nix-ks");t.insertBefore(n,o),t.insertBefore(a,n);let s,u=e.renderFn(i,r);if(h(u)){let r,o;x(m,()=>{try{u.onInit?.()}catch(e){if(!u.onError)throw e;u.onError(e)}r=u.render()._render(t,n)});try{let e=u.onMount?.();"function"==typeof e&&(o=e)}catch(e){if(!u.onError)throw e;u.onError(e)}s=()=>{try{u.onUnmount?.()}catch{}try{o?.()}catch{}r()}}else s=u._render(t,n);p.set(l,{start:a,end:n,cleanup:s}),o=a}}}else if(Array.isArray(e)){let t=[];for(let n of e)if(h(n)){try{n.onInit?.()}catch(e){if(!n.onError)throw e;n.onError(e)}let r,o=n.render()._render(u.parentNode,u);try{let e=n.onMount?.();"function"==typeof e&&(r=e)}catch(e){if(!n.onError)throw e;n.onError(e)}t.push(()=>{try{n.onUnmount?.()}catch{}try{r?.()}catch{}o()})}else if(O(n))t.push(n._render(u.parentNode,u));else if(null!=n&&!1!==n){let e=document.createTextNode(String(n));u.parentNode.insertBefore(e,u),t.push(()=>e.parentNode?.removeChild(e))}d=()=>t.forEach(e=>e())}else f=document.createTextNode(String(e)),u.parentNode.insertBefore(f,u)});r.push(()=>{if(g(),d&&=(d(),null),f&&=(f.parentNode?.removeChild(f),null),p){for(let e of p.values())e.cleanup();p=null}})}return{disposes:r,postMountHooks:o}}function N(e,...t){let n=[],r="";for(let t=0;t<e.length-1;t++){r+=e[t];let o=E(r);n.push(o),r+="__nix__"}let o=D(e,n);function l(e,r){let l=document.createElement("template");l.innerHTML=o;let i=l.content,{disposes:a,postMountHooks:s}=M(i,n,t),u=document.createComment("nix-scope");e.insertBefore(u,r);let c=i.firstChild;for(;c;){let t=c.nextSibling;e.insertBefore(c,r),c=t}return s.forEach(e=>e()),()=>{a.forEach(e=>e());let e=u.nextSibling;for(;e&&e!==r;){let t=e.nextSibling;e.parentNode?.removeChild(e),e=t}u.parentNode?.removeChild(u)}}return{__isNixTemplate:!0,_render:l,mount(e){let t="string"==typeof e?document.querySelector(e):e;if(!t)throw Error(`[Nix] mount: contenedor no encontrado: ${e}`);let n=l(t,null);return{unmount(){n()}}}}}function P(e,t){if(h(e)){let n,r,o="string"==typeof t?document.querySelector(t):t;if(!o)throw Error(`[Nix] mount: contenedor no encontrado: ${t}`);y();try{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}n=e.render()._render(o,null)}finally{b()}try{let t=e.onMount?.();"function"==typeof t&&(r=t)}catch(t){if(!e.onError)throw t;e.onError(t)}return{unmount(){try{e.onUnmount?.()}catch{}try{r?.()}catch{}n()}}}return e.mount(t)}function F(e,t){let n={};for(let t of Object.keys(e))n[t]=s(e[t]);let r=n;let o=Object.assign(Object.create(null),r,{$reset:function(){for(let t of Object.keys(e))n[t].value=e[t]}});if(t){let e=t(r);Object.assign(o,e)}return o}var I=null;function L(){if(!I)throw Error("[Nix] No hay router activo. Llama a createRouter() antes.");return I}function R(e){let t={};return new URLSearchParams(e).forEach((e,n)=>{t[n]=e}),t}function z(e){let t=new URLSearchParams;for(let[n,r]of Object.entries(e))null!=r&&!1!==r&&t.set(n,String(r));let n=t.toString();return n?"?"+n:""}function B(e){return"*"===e?[{kind:"wildcard"}]:e.split("/").filter(Boolean).map(e=>"*"===e?{kind:"wildcard"}:e.startsWith(":")?{kind:"param",name:e.slice(1)}:{kind:"literal",value:e})}function V(e,t){return"*"===t?""===e?"*":e+"/*":(e+(t.startsWith("/")?t:"/"+t)).replace(/\/+/g,"/")||"/"}function H(e,t="",n=[]){let r=[];for(let o of e){let e=V(t,o.path),l=[...n,o.component],i=B(e);r.push({fullPath:e,segments:i,chain:l}),o.children?.length&&r.push(...H(o.children,e,l))}return r}function U(e,t){let n=e.split("/").filter(Boolean),r=t.segments;if(1===r.length&&"wildcard"===r[0].kind)return{};let o=r.length>0&&"wildcard"===r[r.length-1].kind,l=o?r.slice(0,-1):r;if(o){if(n.length<l.length)return null}else if(n.length!==l.length)return null;let i={};for(let e=0;e<l.length;e++){let t=l[e];if("literal"===t.kind){if(n[e]!==t.value)return null}else"param"===t.kind&&(i[t.name]=decodeURIComponent(n[e]??""))}return i}function W(e){return e.segments.reduce((e,t)=>"literal"===t.kind?e+2:"param"===t.kind?e+1:e,0)}function G(e,t){let n,r={},o=-1;for(let l of t){let t=U(e,l);if(null===t)continue;let i=W(l);i>o&&(n=l,r=t,o=i)}return n?{route:n,params:r}:void 0}function K(e){function t(){return window.location.pathname||"/"}let n=t(),r=H(e),o=G(n,r),l=s(n),i=s(o?.params??{}),a=s(R(window.location.search));window.addEventListener("popstate",()=>{let e=t();i.value=G(e,r)?.params??{},a.value=R(window.location.search),l.value=e});let u={current:l,params:i,query:a,navigate:function(e,t){let n=e.indexOf("?"),o=-1===n?e:e.slice(0,n),s=-1===n?{}:R(e.slice(n)),u=t?{...s,...t}:s,c={};for(let[e,t]of Object.entries(u))null!=t&&!1!==t&&(c[e]=String(t));i.value=G(o,r)?.params??{},a.value=c,l.value=o;let f=o+z(c);history.pushState(null,"",f)},routes:e,_flat:r};return I=u,u}function q(){return L()}var J=class extends m{_depth;constructor(e=0){super(),this._depth=e}render(){let e=this._depth;return N`<div class="router-view">${()=>{let t=L(),n=G(t.current.value,t._flat);return n?e>=n.route.chain.length?N`<span></span>`:n.route.chain[e]():N`<div style="color:#f87171;padding:16px 0">
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=null,t=[],n=null,r=[],i=0,a=new Set,o=class{_value;_subs=new Set;constructor(e){this._value=e}get value(){return e&&(this._subs.add(e),n?.add(this)),this._value}set value(e){Object.is(this._value,e)||(this._value=e,this._notify())}update(e){this.value=e(this._value)}peek(){return this._value}_removeSub(e){this._subs.delete(e)}_notify(){let e=[...this._subs];i>0?e.forEach(e=>a.add(e)):e.forEach(e=>e())}dispose(){this._subs.clear()}};function s(e){return new o(e)}function c(o){let l,i=new Set,a=()=>{"function"==typeof l&&l(),i.forEach(e=>e._removeSub(a)),i=new Set,t.push(e),r.push(n),e=a,n=i;try{l=o()}finally{e=t.pop()||null,n=r.pop()||null}};return a(),()=>{"function"==typeof l&&l(),i.forEach(e=>e._removeSub(a)),i.clear()}}function l(e){let t=new o(void 0);return c(()=>{t.value=e()}),t}function u(e){i++;try{e()}finally{if(0===--i){let e=[...a];a.clear(),e.forEach(e=>e())}}}function d(t){let r=e,o=n;e=null,n=null;try{return t()}finally{e=r,n=o}}function f(e,t,n={}){let r,{immediate:l=!1,once:i=!1}=n,a=e instanceof o?()=>e.value:e,s=!0,u=!1,f=c(()=>{let e=a();if(s){if(s=!1,l&&!u){let n=e;d(()=>t(n,void 0)),i&&(u=!0,Promise.resolve().then(f))}r=e}else if(!u){let n=e,o=r;r=e,d(()=>t(n,o)),i&&(u=!0,Promise.resolve().then(f))}});return()=>{u=!0,f()}}function p(e){return e?Promise.resolve().then(e):Promise.resolve()}var m=class{__isNixComponent=!0;children;_slots=new Map;setChildren(e){return this.children=e,this}setSlot(e,t){return this._slots.set(e,t),this}slot(e){return this._slots.get(e)}};function h(e){return"object"==typeof e&&!!e&&!0===e.__isNixComponent}function g(e){return Symbol(e)}var _=[];function v(){return[..._]}function y(){_.push(new Map)}function b(){_.pop()}function x(e,t){let n=_.splice(0);e.forEach(e=>_.push(e)),_.push(new Map);try{return t()}finally{_.splice(0),n.forEach(e=>_.push(e))}}function S(e,t){let n=_[_.length-1];if(!n)throw Error("[Nix] provide() debe llamarse dentro de onInit() de un NixComponent.");n.set(e,t)}function C(e){for(let t=_.length-1;t>=0;t--)if(_[t].has(e))return _[t].get(e)}function w(){return{el:null}}function T(e,t,n){return{__isKeyedList:!0,items:e,keyFn:t,renderFn:n}}function E(e){let t=e.lastIndexOf(">"),n=e.lastIndexOf("<");if(n<=t)return{type:"node"};let r=e.slice(n+1),o=r.match(/@([\w:.-]+)=["']?$/);if(o){let e=o[1].split(".");return{type:"event",eventName:e[0],modifiers:e.slice(1),hadOpenQuote:o[0].endsWith('"')||o[0].endsWith("'")}}let l=r.match(/([\w:.-]+)=["']?$/);return l?{type:"attr",attrName:l[1],hadOpenQuote:l[0].endsWith('"')||l[0].endsWith("'")}:{type:"node"}}function D(e,t){let n=Array(e.length).fill(0),r="";for(let o=0;o<e.length;o++){let l=e[o];if(1===n[o]&&('"'===l[0]||"'"===l[0])&&(l=l.slice(1)),o<t.length){let e=t[o];if("node"===e.type)r+=l+`\x3c!--nix-${o}--\x3e`;else if("event"===e.type){let t=`@${e.modifiers.length?`${e.eventName}.${e.modifiers.join(".")}`:e.eventName}=`.length+(e.hadOpenQuote?1:0);r+=l.slice(0,-t)+` data-nix-e-${o}="${e.eventName}"`,e.hadOpenQuote&&(n[o+1]=1)}else{let t=`${e.attrName}=`.length+(e.hadOpenQuote?1:0);r+=l.slice(0,-t)+` data-nix-a-${o}="${e.attrName}"`,e.hadOpenQuote&&(n[o+1]=1)}}else r+=l}return r}function O(e){return"object"==typeof e&&!!e&&!0===e.__isNixTemplate}function k(e){return"object"==typeof e&&!!e&&!0===e.__isKeyedList}function A(e){let t,n=new Map,r=document.createTreeWalker(e,NodeFilter.SHOW_COMMENT);for(;t=r.nextNode();){let e=t,r=e.nodeValue?.match(/^nix-(\d+)$/);r&&n.set(parseInt(r[1]),e)}return n}function j(e){let t=new Map;return e.querySelectorAll("*").forEach(e=>{let n=Array.from(e.attributes);for(let r of n){let n=r.name.match(/^data-nix-e-(\d+)$/);n?(t.set(parseInt(n[1]),{el:e,type:"event",name:r.value}),e.removeAttribute(r.name)):(n=r.name.match(/^data-nix-a-(\d+)$/),n&&(t.set(parseInt(n[1]),{el:e,type:"attr",name:r.value}),e.removeAttribute(r.name)))}}),t}function M(e,t,n){let r=[],o=[],l=A(e),i=j(e);for(let e=0;e<t.length;e++){let a=t[e],s=n[e];if("event"===a.type){let t=i.get(e);if(!t)continue;let{el:n,name:o}=t,l=s,u=a.modifiers,c={};u.includes("once")&&(c.once=!0),u.includes("capture")&&(c.capture=!0),u.includes("passive")&&(c.passive=!0);let f={enter:"Enter",escape:"Escape",space:" ",tab:"Tab",delete:"Delete",backspace:"Backspace",up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight"},d=e=>{if(u.includes("prevent")&&e.preventDefault(),u.includes("stop")&&e.stopPropagation(),!u.includes("self")||e.target===e.currentTarget){if("key"in e){let t=e;for(let e of u){let n=f[e];if(void 0!==n&&t.key!==n||!f[e]&&1===e.length&&t.key.toLowerCase()!==e)return}}l(e)}};n.addEventListener(o,d,c),r.push(()=>n.removeEventListener(o,d,c));continue}if("attr"===a.type){let t=i.get(e);if(!t)continue;let{el:n,name:o}=t;if("ref"===o){s.el=n,r.push(()=>{s.el=null});continue}if("function"==typeof s){let e=c(()=>{let e=s();null==e||!1===e?n.removeAttribute(o):n.setAttribute(o,String(e))});r.push(e)}else null!=s&&!1!==s&&n.setAttribute(o,String(s));continue}let u=l.get(e);if(!u)continue;if("function"!=typeof s){if(h(s)){let e,n,l=s;y();try{try{l.onInit?.()}catch(t){if(!l.onError)throw t;l.onError(t)}e=l.render()._render(u.parentNode,u)}finally{b()}o.push(()=>{try{let e=l.onMount?.();"function"==typeof e&&(n=e)}catch(e){if(!l.onError)throw e;l.onError(e)}}),r.push(()=>{try{l.onUnmount?.()}catch{}try{n?.()}catch{}e()})}else if(O(s))s._render(u.parentNode,u);else if(Array.isArray(s))for(let e of s)if(h(e)){let n,l;y();try{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}n=e.render()._render(u.parentNode,u)}finally{b()}o.push(()=>{try{let t=e.onMount?.();"function"==typeof t&&(l=t)}catch(t){if(!e.onError)throw t;e.onError(t)}}),r.push(()=>{try{e.onUnmount?.()}catch{}try{l?.()}catch{}n()})}else O(e)?e._render(u.parentNode,u):null!=e&&!1!==e&&u.parentNode.insertBefore(document.createTextNode(String(e)),u);else null!=s&&!1!==s&&u.parentNode.insertBefore(document.createTextNode(String(s)),u);continue}let f=null,d=null,p=null,m=v(),g=c(()=>{let e=s();if("string"==typeof e||"number"==typeof e)return d&&=(d(),null),void(f?f.nodeValue=String(e):(f=document.createTextNode(String(e)),u.parentNode.insertBefore(f,u)));if(f&&=(f.parentNode?.removeChild(f),null),d&&=(d(),null),null!=e&&!1!==e)if(O(e))d=e._render(u.parentNode,u);else if(h(e)){let t,n,r=e;x(m,()=>{try{r.onInit?.()}catch(e){if(!r.onError)throw e;r.onError(e)}t=r.render()._render(u.parentNode,u)});try{let e=r.onMount?.();"function"==typeof e&&(n=e)}catch(e){if(!r.onError)throw e;r.onError(e)}d=()=>{try{r.onUnmount?.()}catch{}try{n?.()}catch{}t()}}else if(k(e)){p||=new Map;let t=u.parentNode,n=e.items.map((t,n)=>e.keyFn(t,n)),r=new Set(n);for(let[e,n]of p)if(!r.has(e)){n.cleanup();let r=n.start;for(;r!==n.end;){let e=r.nextSibling;t.removeChild(r),r=e}t.removeChild(n.end),p.delete(e)}let o=u;for(let r=n.length-1;r>=0;r--){let l=n[r],i=e.items[r];if(p.has(l)){let e=p.get(l);if(e.end.nextSibling!==o){let n=[],r=e.start;for(;n.push(r),r!==e.end;)r=r.nextSibling;for(let e of n)t.insertBefore(e,o)}o=e.start}else{let n=document.createComment("nix-ke"),a=document.createComment("nix-ks");t.insertBefore(n,o),t.insertBefore(a,n);let s,u=e.renderFn(i,r);if(h(u)){let r,o;x(m,()=>{try{u.onInit?.()}catch(e){if(!u.onError)throw e;u.onError(e)}r=u.render()._render(t,n)});try{let e=u.onMount?.();"function"==typeof e&&(o=e)}catch(e){if(!u.onError)throw e;u.onError(e)}s=()=>{try{u.onUnmount?.()}catch{}try{o?.()}catch{}r()}}else s=u._render(t,n);p.set(l,{start:a,end:n,cleanup:s}),o=a}}}else if(Array.isArray(e)){let t=[];for(let n of e)if(h(n)){try{n.onInit?.()}catch(e){if(!n.onError)throw e;n.onError(e)}let r,o=n.render()._render(u.parentNode,u);try{let e=n.onMount?.();"function"==typeof e&&(r=e)}catch(e){if(!n.onError)throw e;n.onError(e)}t.push(()=>{try{n.onUnmount?.()}catch{}try{r?.()}catch{}o()})}else if(O(n))t.push(n._render(u.parentNode,u));else if(null!=n&&!1!==n){let e=document.createTextNode(String(n));u.parentNode.insertBefore(e,u),t.push(()=>e.parentNode?.removeChild(e))}d=()=>t.forEach(e=>e())}else f=document.createTextNode(String(e)),u.parentNode.insertBefore(f,u)});r.push(()=>{if(g(),d&&=(d(),null),f&&=(f.parentNode?.removeChild(f),null),p){for(let e of p.values())e.cleanup();p=null}})}return{disposes:r,postMountHooks:o}}function N(e,...t){let n=[],r="";for(let t=0;t<e.length-1;t++){r+=e[t];let o=E(r);n.push(o),r+="__nix__"}let o=D(e,n);function l(e,r){let l=document.createElement("template");l.innerHTML=o;let i=l.content,{disposes:a,postMountHooks:s}=M(i,n,t),u=document.createComment("nix-scope");e.insertBefore(u,r);let c=i.firstChild;for(;c;){let t=c.nextSibling;e.insertBefore(c,r),c=t}return s.forEach(e=>e()),()=>{a.forEach(e=>e());let e=u.nextSibling;for(;e&&e!==r;){let t=e.nextSibling;e.parentNode?.removeChild(e),e=t}u.parentNode?.removeChild(u)}}return{__isNixTemplate:!0,_render:l,mount(e){let t="string"==typeof e?document.querySelector(e):e;if(!t)throw Error(`[Nix] mount: contenedor no encontrado: ${e}`);let n=l(t,null);return{unmount(){n()}}}}}function P(e,t){if(h(e)){let n,r,o="string"==typeof t?document.querySelector(t):t;if(!o)throw Error(`[Nix] mount: contenedor no encontrado: ${t}`);y();try{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}n=e.render()._render(o,null)}finally{b()}try{let t=e.onMount?.();"function"==typeof t&&(r=t)}catch(t){if(!e.onError)throw t;e.onError(t)}return{unmount(){try{e.onUnmount?.()}catch{}try{r?.()}catch{}n()}}}return e.mount(t)}function F(e,t){let n={};for(let t of Object.keys(e))n[t]=s(e[t]);let r=n;let o=Object.assign(Object.create(null),r,{$reset:function(){for(let t of Object.keys(e))n[t].value=e[t]}});if(t){let e=t(r);Object.assign(o,e)}return o}var I=null;function L(){if(!I)throw Error("[Nix] No hay router activo. Llama a createRouter() antes.");return I}function R(e){let t={};return new URLSearchParams(e).forEach((e,n)=>{t[n]=e}),t}function z(e){let t=new URLSearchParams;for(let[n,r]of Object.entries(e))null!=r&&!1!==r&&t.set(n,String(r));let n=t.toString();return n?"?"+n:""}function B(e){return"*"===e?[{kind:"wildcard"}]:e.split("/").filter(Boolean).map(e=>"*"===e?{kind:"wildcard"}:e.startsWith(":")?{kind:"param",name:e.slice(1)}:{kind:"literal",value:e})}function V(e,t){return"*"===t?""===e?"*":e+"/*":(e+(t.startsWith("/")?t:"/"+t)).replace(/\/+/g,"/")||"/"}function H(e,t="",n=[]){let r=[];for(let o of e){let e=V(t,o.path),l=[...n,o.component],i=B(e);r.push({fullPath:e,segments:i,chain:l}),o.children?.length&&r.push(...H(o.children,e,l))}return r}function U(e,t){let n=e.split("/").filter(Boolean),r=t.segments;if(1===r.length&&"wildcard"===r[0].kind)return{};let o=r.length>0&&"wildcard"===r[r.length-1].kind,l=o?r.slice(0,-1):r;if(o){if(n.length<l.length)return null}else if(n.length!==l.length)return null;let i={};for(let e=0;e<l.length;e++){let t=l[e];if("literal"===t.kind){if(n[e]!==t.value)return null}else"param"===t.kind&&(i[t.name]=decodeURIComponent(n[e]??""))}return i}function W(e){return e.segments.reduce((e,t)=>"literal"===t.kind?e+2:"param"===t.kind?e+1:e,0)}function G(e,t){let n,r={},o=-1;for(let l of t){let t=U(e,l);if(null===t)continue;let i=W(l);i>o&&(n=l,r=t,o=i)}return n?{route:n,params:r}:void 0}function K(e){function t(){return window.location.pathname||"/"}let n=t(),r=H(e),o=G(n,r),l=s(n),i=s(o?.params??{}),a=s(R(window.location.search));window.addEventListener("popstate",()=>{let e=t();i.value=G(e,r)?.params??{},a.value=R(window.location.search),l.value=e});let u={current:l,params:i,query:a,navigate:function(e,t){let n=e.indexOf("?"),o=-1===n?e:e.slice(0,n),s=-1===n?{}:R(e.slice(n)),u=t?{...s,...t}:s,c={};for(let[e,t]of Object.entries(u))null!=t&&!1!==t&&(c[e]=String(t));i.value=G(o,r)?.params??{},a.value=c,l.value=o;let f=o+z(c);history.pushState(null,"",f)},routes:e,_flat:r};return I=u,u}function q(){return L()}var J=class extends m{_depth;constructor(e=0){super(),this._depth=e}render(){let e=this._depth;return N`<div class="router-view">${()=>{let t=L(),n=G(t.current.value,t._flat);return n?e>=n.route.chain.length?N`<span></span>`:n.route.chain[e]():N`<div style="color:#f87171;padding:16px 0">
           404 — Ruta no encontrada: <strong>${t.current.value}</strong>
         </div>`}}</div>`}},Y=class extends m{_to;_label;constructor(e,t){super(),this._to=e,this._label=t}render(){let e=this._to;return N`<a
       href=${e}

package/dist/lib/nix-js.js

@@ -1,4 +1,4 @@
-var e=null,t=[],n=null,r=[],i=0,a=new Set,o=class{_value;_subs=new Set;constructor(e){this._value=e}get value(){return e&&(this._subs.add(e),n?.add(this)),this._value}set value(e){Object.is(this._value,e)||(this._value=e,this._notify())}update(e){this.value=e(this._value)}peek(){return this._value}_removeSub(e){this._subs.delete(e)}_notify(){let e=[...this._subs];i>0?e.forEach(e=>a.add(e)):e.forEach(e=>e())}dispose(){this._subs.clear()}};function s(e){return new o(e)}function c(o){let l,i=new Set,a=()=>{"function"==typeof l&&l(),i.forEach(e=>e._removeSub(a)),i=new Set,t.push(e),r.push(n),e=a,n=i;try{l=o()}finally{e=t.pop()||null,n=r.pop()||null}};return a(),()=>{"function"==typeof l&&l(),i.forEach(e=>e._removeSub(a)),i.clear()}}function l(e){let t=new o(void 0);return c(()=>{t.value=e()}),t}function u(e){i++;try{e()}finally{if(0===--i){let e=[...a];a.clear(),e.forEach(e=>e())}}}function d(t){let r=e,o=n;e=null,n=null;try{return t()}finally{e=r,n=o}}function f(e,t,n={}){let r,{immediate:l=!1,once:i=!1}=n,a=e instanceof o?()=>e.value:e,s=!0,u=!1,f=c(()=>{let e=a();if(s){if(s=!1,l&&!u){let n=e;d(()=>t(n,void 0)),i&&(u=!0,Promise.resolve().then(f))}r=e}else if(!u){let n=e,o=r;r=e,d(()=>t(n,o)),i&&(u=!0,Promise.resolve().then(f))}});return()=>{u=!0,f()}}function p(e){return e?Promise.resolve().then(e):Promise.resolve()}var m=class{__isNixComponent=!0};function h(e){return"object"==typeof e&&!!e&&!0===e.__isNixComponent}function g(e){return Symbol(e)}var _=[];function v(){return[..._]}function y(){_.push(new Map)}function b(){_.pop()}function x(e,t){let n=_.splice(0);e.forEach(e=>_.push(e)),_.push(new Map);try{return t()}finally{_.splice(0),n.forEach(e=>_.push(e))}}function S(e,t){let n=_[_.length-1];if(!n)throw Error("[Nix] provide() debe llamarse dentro de onInit() de un NixComponent.");n.set(e,t)}function C(e){for(let t=_.length-1;t>=0;t--)if(_[t].has(e))return _[t].get(e)}function w(){return{el:null}}function T(e,t,n){return{__isKeyedList:!0,items:e,keyFn:t,renderFn:n}}function E(e){let t=e.lastIndexOf(">"),n=e.lastIndexOf("<");if(n<=t)return{type:"node"};let r=e.slice(n+1),o=r.match(/@([\w:.-]+)=["']?$/);if(o){let e=o[1].split(".");return{type:"event",eventName:e[0],modifiers:e.slice(1),hadOpenQuote:o[0].endsWith('"')||o[0].endsWith("'")}}let l=r.match(/([\w:.-]+)=["']?$/);return l?{type:"attr",attrName:l[1],hadOpenQuote:l[0].endsWith('"')||l[0].endsWith("'")}:{type:"node"}}function D(e,t){let n=Array(e.length).fill(0),r="";for(let o=0;o<e.length;o++){let l=e[o];if(1===n[o]&&('"'===l[0]||"'"===l[0])&&(l=l.slice(1)),o<t.length){let e=t[o];if("node"===e.type)r+=l+`\x3c!--nix-${o}--\x3e`;else if("event"===e.type){let t=`@${e.modifiers.length?`${e.eventName}.${e.modifiers.join(".")}`:e.eventName}=`.length+(e.hadOpenQuote?1:0);r+=l.slice(0,-t)+` data-nix-e-${o}="${e.eventName}"`,e.hadOpenQuote&&(n[o+1]=1)}else{let t=`${e.attrName}=`.length+(e.hadOpenQuote?1:0);r+=l.slice(0,-t)+` data-nix-a-${o}="${e.attrName}"`,e.hadOpenQuote&&(n[o+1]=1)}}else r+=l}return r}function O(e){return"object"==typeof e&&!!e&&!0===e.__isNixTemplate}function k(e){return"object"==typeof e&&!!e&&!0===e.__isKeyedList}function A(e){let t,n=new Map,r=document.createTreeWalker(e,NodeFilter.SHOW_COMMENT);for(;t=r.nextNode();){let e=t,r=e.nodeValue?.match(/^nix-(\d+)$/);r&&n.set(parseInt(r[1]),e)}return n}function j(e){let t=new Map;return e.querySelectorAll("*").forEach(e=>{let n=Array.from(e.attributes);for(let r of n){let n=r.name.match(/^data-nix-e-(\d+)$/);n?(t.set(parseInt(n[1]),{el:e,type:"event",name:r.value}),e.removeAttribute(r.name)):(n=r.name.match(/^data-nix-a-(\d+)$/),n&&(t.set(parseInt(n[1]),{el:e,type:"attr",name:r.value}),e.removeAttribute(r.name)))}}),t}function M(e,t,n){let r=[],o=[],l=A(e),i=j(e);for(let e=0;e<t.length;e++){let a=t[e],s=n[e];if("event"===a.type){let t=i.get(e);if(!t)continue;let{el:n,name:o}=t,l=s,u=a.modifiers,c={};u.includes("once")&&(c.once=!0),u.includes("capture")&&(c.capture=!0),u.includes("passive")&&(c.passive=!0);let f={enter:"Enter",escape:"Escape",space:" ",tab:"Tab",delete:"Delete",backspace:"Backspace",up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight"},d=e=>{if(u.includes("prevent")&&e.preventDefault(),u.includes("stop")&&e.stopPropagation(),!u.includes("self")||e.target===e.currentTarget){if("key"in e){let t=e;for(let e of u){let n=f[e];if(void 0!==n&&t.key!==n||!f[e]&&1===e.length&&t.key.toLowerCase()!==e)return}}l(e)}};n.addEventListener(o,d,c),r.push(()=>n.removeEventListener(o,d,c));continue}if("attr"===a.type){let t=i.get(e);if(!t)continue;let{el:n,name:o}=t;if("ref"===o){s.el=n,r.push(()=>{s.el=null});continue}if("function"==typeof s){let e=c(()=>{let e=s();null==e||!1===e?n.removeAttribute(o):n.setAttribute(o,String(e))});r.push(e)}else null!=s&&!1!==s&&n.setAttribute(o,String(s));continue}let u=l.get(e);if(!u)continue;if("function"!=typeof s){if(h(s)){let e,n,l=s;y();try{try{l.onInit?.()}catch(t){if(!l.onError)throw t;l.onError(t)}e=l.render()._render(u.parentNode,u)}finally{b()}o.push(()=>{try{let e=l.onMount?.();"function"==typeof e&&(n=e)}catch(e){if(!l.onError)throw e;l.onError(e)}}),r.push(()=>{try{l.onUnmount?.()}catch{}try{n?.()}catch{}e()})}else if(O(s))s._render(u.parentNode,u);else if(Array.isArray(s))for(let e of s)if(h(e)){let n,l;y();try{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}n=e.render()._render(u.parentNode,u)}finally{b()}o.push(()=>{try{let t=e.onMount?.();"function"==typeof t&&(l=t)}catch(t){if(!e.onError)throw t;e.onError(t)}}),r.push(()=>{try{e.onUnmount?.()}catch{}try{l?.()}catch{}n()})}else O(e)?e._render(u.parentNode,u):null!=e&&!1!==e&&u.parentNode.insertBefore(document.createTextNode(String(e)),u);else null!=s&&!1!==s&&u.parentNode.insertBefore(document.createTextNode(String(s)),u);continue}let f=null,d=null,p=null,m=v(),g=c(()=>{let e=s();if("string"==typeof e||"number"==typeof e)return d&&=(d(),null),void(f?f.nodeValue=String(e):(f=document.createTextNode(String(e)),u.parentNode.insertBefore(f,u)));if(f&&=(f.parentNode?.removeChild(f),null),d&&=(d(),null),null!=e&&!1!==e)if(O(e))d=e._render(u.parentNode,u);else if(h(e)){let t,n,r=e;x(m,()=>{try{r.onInit?.()}catch(e){if(!r.onError)throw e;r.onError(e)}t=r.render()._render(u.parentNode,u)});try{let e=r.onMount?.();"function"==typeof e&&(n=e)}catch(e){if(!r.onError)throw e;r.onError(e)}d=()=>{try{r.onUnmount?.()}catch{}try{n?.()}catch{}t()}}else if(k(e)){p||=new Map;let t=u.parentNode,n=e.items.map((t,n)=>e.keyFn(t,n)),r=new Set(n);for(let[e,n]of p)if(!r.has(e)){n.cleanup();let r=n.start;for(;r!==n.end;){let e=r.nextSibling;t.removeChild(r),r=e}t.removeChild(n.end),p.delete(e)}let o=u;for(let r=n.length-1;r>=0;r--){let l=n[r],i=e.items[r];if(p.has(l)){let e=p.get(l);if(e.end.nextSibling!==o){let n=[],r=e.start;for(;n.push(r),r!==e.end;)r=r.nextSibling;for(let e of n)t.insertBefore(e,o)}o=e.start}else{let n=document.createComment("nix-ke"),a=document.createComment("nix-ks");t.insertBefore(n,o),t.insertBefore(a,n);let s,u=e.renderFn(i,r);if(h(u)){let r,o;x(m,()=>{try{u.onInit?.()}catch(e){if(!u.onError)throw e;u.onError(e)}r=u.render()._render(t,n)});try{let e=u.onMount?.();"function"==typeof e&&(o=e)}catch(e){if(!u.onError)throw e;u.onError(e)}s=()=>{try{u.onUnmount?.()}catch{}try{o?.()}catch{}r()}}else s=u._render(t,n);p.set(l,{start:a,end:n,cleanup:s}),o=a}}}else if(Array.isArray(e)){let t=[];for(let n of e)if(h(n)){try{n.onInit?.()}catch(e){if(!n.onError)throw e;n.onError(e)}let r,o=n.render()._render(u.parentNode,u);try{let e=n.onMount?.();"function"==typeof e&&(r=e)}catch(e){if(!n.onError)throw e;n.onError(e)}t.push(()=>{try{n.onUnmount?.()}catch{}try{r?.()}catch{}o()})}else if(O(n))t.push(n._render(u.parentNode,u));else if(null!=n&&!1!==n){let e=document.createTextNode(String(n));u.parentNode.insertBefore(e,u),t.push(()=>e.parentNode?.removeChild(e))}d=()=>t.forEach(e=>e())}else f=document.createTextNode(String(e)),u.parentNode.insertBefore(f,u)});r.push(()=>{if(g(),d&&=(d(),null),f&&=(f.parentNode?.removeChild(f),null),p){for(let e of p.values())e.cleanup();p=null}})}return{disposes:r,postMountHooks:o}}function N(e,...t){let n=[],r="";for(let t=0;t<e.length-1;t++){r+=e[t];let o=E(r);n.push(o),r+="__nix__"}let o=D(e,n);function l(e,r){let l=document.createElement("template");l.innerHTML=o;let i=l.content,{disposes:a,postMountHooks:s}=M(i,n,t),u=document.createComment("nix-scope");e.insertBefore(u,r);let c=i.firstChild;for(;c;){let t=c.nextSibling;e.insertBefore(c,r),c=t}return s.forEach(e=>e()),()=>{a.forEach(e=>e());let e=u.nextSibling;for(;e&&e!==r;){let t=e.nextSibling;e.parentNode?.removeChild(e),e=t}u.parentNode?.removeChild(u)}}return{__isNixTemplate:!0,_render:l,mount(e){let t="string"==typeof e?document.querySelector(e):e;if(!t)throw Error(`[Nix] mount: contenedor no encontrado: ${e}`);let n=l(t,null);return{unmount(){n()}}}}}function P(e,t){if(h(e)){let n,r,o="string"==typeof t?document.querySelector(t):t;if(!o)throw Error(`[Nix] mount: contenedor no encontrado: ${t}`);y();try{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}n=e.render()._render(o,null)}finally{b()}try{let t=e.onMount?.();"function"==typeof t&&(r=t)}catch(t){if(!e.onError)throw t;e.onError(t)}return{unmount(){try{e.onUnmount?.()}catch{}try{r?.()}catch{}n()}}}return e.mount(t)}function F(e,t){let n={};for(let t of Object.keys(e))n[t]=s(e[t]);let r=n;let o=Object.assign(Object.create(null),r,{$reset:function(){for(let t of Object.keys(e))n[t].value=e[t]}});if(t){let e=t(r);Object.assign(o,e)}return o}var I=null;function L(){if(!I)throw Error("[Nix] No hay router activo. Llama a createRouter() antes.");return I}function R(e){let t={};return new URLSearchParams(e).forEach((e,n)=>{t[n]=e}),t}function z(e){let t=new URLSearchParams;for(let[n,r]of Object.entries(e))null!=r&&!1!==r&&t.set(n,String(r));let n=t.toString();return n?"?"+n:""}function B(e){return"*"===e?[{kind:"wildcard"}]:e.split("/").filter(Boolean).map(e=>"*"===e?{kind:"wildcard"}:e.startsWith(":")?{kind:"param",name:e.slice(1)}:{kind:"literal",value:e})}function V(e,t){return"*"===t?""===e?"*":e+"/*":(e+(t.startsWith("/")?t:"/"+t)).replace(/\/+/g,"/")||"/"}function H(e,t="",n=[]){let r=[];for(let o of e){let e=V(t,o.path),l=[...n,o.component],i=B(e);r.push({fullPath:e,segments:i,chain:l}),o.children?.length&&r.push(...H(o.children,e,l))}return r}function U(e,t){let n=e.split("/").filter(Boolean),r=t.segments;if(1===r.length&&"wildcard"===r[0].kind)return{};let o=r.length>0&&"wildcard"===r[r.length-1].kind,l=o?r.slice(0,-1):r;if(o){if(n.length<l.length)return null}else if(n.length!==l.length)return null;let i={};for(let e=0;e<l.length;e++){let t=l[e];if("literal"===t.kind){if(n[e]!==t.value)return null}else"param"===t.kind&&(i[t.name]=decodeURIComponent(n[e]??""))}return i}function W(e){return e.segments.reduce((e,t)=>"literal"===t.kind?e+2:"param"===t.kind?e+1:e,0)}function G(e,t){let n,r={},o=-1;for(let l of t){let t=U(e,l);if(null===t)continue;let i=W(l);i>o&&(n=l,r=t,o=i)}return n?{route:n,params:r}:void 0}function K(e){function t(){return window.location.pathname||"/"}let n=t(),r=H(e),o=G(n,r),l=s(n),i=s(o?.params??{}),a=s(R(window.location.search));window.addEventListener("popstate",()=>{let e=t();i.value=G(e,r)?.params??{},a.value=R(window.location.search),l.value=e});let u={current:l,params:i,query:a,navigate:function(e,t){let n=e.indexOf("?"),o=-1===n?e:e.slice(0,n),s=-1===n?{}:R(e.slice(n)),u=t?{...s,...t}:s,c={};for(let[e,t]of Object.entries(u))null!=t&&!1!==t&&(c[e]=String(t));i.value=G(o,r)?.params??{},a.value=c,l.value=o;let f=o+z(c);history.pushState(null,"",f)},routes:e,_flat:r};return I=u,u}function q(){return L()}var J=class extends m{_depth;constructor(e=0){super(),this._depth=e}render(){let e=this._depth;return N`<div class="router-view">${()=>{let t=L(),n=G(t.current.value,t._flat);return n?e>=n.route.chain.length?N`<span></span>`:n.route.chain[e]():N`<div style="color:#f87171;padding:16px 0">
+var e=null,t=[],n=null,r=[],i=0,a=new Set,o=class{_value;_subs=new Set;constructor(e){this._value=e}get value(){return e&&(this._subs.add(e),n?.add(this)),this._value}set value(e){Object.is(this._value,e)||(this._value=e,this._notify())}update(e){this.value=e(this._value)}peek(){return this._value}_removeSub(e){this._subs.delete(e)}_notify(){let e=[...this._subs];i>0?e.forEach(e=>a.add(e)):e.forEach(e=>e())}dispose(){this._subs.clear()}};function s(e){return new o(e)}function c(o){let l,i=new Set,a=()=>{"function"==typeof l&&l(),i.forEach(e=>e._removeSub(a)),i=new Set,t.push(e),r.push(n),e=a,n=i;try{l=o()}finally{e=t.pop()||null,n=r.pop()||null}};return a(),()=>{"function"==typeof l&&l(),i.forEach(e=>e._removeSub(a)),i.clear()}}function l(e){let t=new o(void 0);return c(()=>{t.value=e()}),t}function u(e){i++;try{e()}finally{if(0===--i){let e=[...a];a.clear(),e.forEach(e=>e())}}}function d(t){let r=e,o=n;e=null,n=null;try{return t()}finally{e=r,n=o}}function f(e,t,n={}){let r,{immediate:l=!1,once:i=!1}=n,a=e instanceof o?()=>e.value:e,s=!0,u=!1,f=c(()=>{let e=a();if(s){if(s=!1,l&&!u){let n=e;d(()=>t(n,void 0)),i&&(u=!0,Promise.resolve().then(f))}r=e}else if(!u){let n=e,o=r;r=e,d(()=>t(n,o)),i&&(u=!0,Promise.resolve().then(f))}});return()=>{u=!0,f()}}function p(e){return e?Promise.resolve().then(e):Promise.resolve()}var m=class{__isNixComponent=!0;children;_slots=new Map;setChildren(e){return this.children=e,this}setSlot(e,t){return this._slots.set(e,t),this}slot(e){return this._slots.get(e)}};function h(e){return"object"==typeof e&&!!e&&!0===e.__isNixComponent}function g(e){return Symbol(e)}var _=[];function v(){return[..._]}function y(){_.push(new Map)}function b(){_.pop()}function x(e,t){let n=_.splice(0);e.forEach(e=>_.push(e)),_.push(new Map);try{return t()}finally{_.splice(0),n.forEach(e=>_.push(e))}}function S(e,t){let n=_[_.length-1];if(!n)throw Error("[Nix] provide() debe llamarse dentro de onInit() de un NixComponent.");n.set(e,t)}function C(e){for(let t=_.length-1;t>=0;t--)if(_[t].has(e))return _[t].get(e)}function w(){return{el:null}}function T(e,t,n){return{__isKeyedList:!0,items:e,keyFn:t,renderFn:n}}function E(e){let t=e.lastIndexOf(">"),n=e.lastIndexOf("<");if(n<=t)return{type:"node"};let r=e.slice(n+1),o=r.match(/@([\w:.-]+)=["']?$/);if(o){let e=o[1].split(".");return{type:"event",eventName:e[0],modifiers:e.slice(1),hadOpenQuote:o[0].endsWith('"')||o[0].endsWith("'")}}let l=r.match(/([\w:.-]+)=["']?$/);return l?{type:"attr",attrName:l[1],hadOpenQuote:l[0].endsWith('"')||l[0].endsWith("'")}:{type:"node"}}function D(e,t){let n=Array(e.length).fill(0),r="";for(let o=0;o<e.length;o++){let l=e[o];if(1===n[o]&&('"'===l[0]||"'"===l[0])&&(l=l.slice(1)),o<t.length){let e=t[o];if("node"===e.type)r+=l+`\x3c!--nix-${o}--\x3e`;else if("event"===e.type){let t=`@${e.modifiers.length?`${e.eventName}.${e.modifiers.join(".")}`:e.eventName}=`.length+(e.hadOpenQuote?1:0);r+=l.slice(0,-t)+` data-nix-e-${o}="${e.eventName}"`,e.hadOpenQuote&&(n[o+1]=1)}else{let t=`${e.attrName}=`.length+(e.hadOpenQuote?1:0);r+=l.slice(0,-t)+` data-nix-a-${o}="${e.attrName}"`,e.hadOpenQuote&&(n[o+1]=1)}}else r+=l}return r}function O(e){return"object"==typeof e&&!!e&&!0===e.__isNixTemplate}function k(e){return"object"==typeof e&&!!e&&!0===e.__isKeyedList}function A(e){let t,n=new Map,r=document.createTreeWalker(e,NodeFilter.SHOW_COMMENT);for(;t=r.nextNode();){let e=t,r=e.nodeValue?.match(/^nix-(\d+)$/);r&&n.set(parseInt(r[1]),e)}return n}function j(e){let t=new Map;return e.querySelectorAll("*").forEach(e=>{let n=Array.from(e.attributes);for(let r of n){let n=r.name.match(/^data-nix-e-(\d+)$/);n?(t.set(parseInt(n[1]),{el:e,type:"event",name:r.value}),e.removeAttribute(r.name)):(n=r.name.match(/^data-nix-a-(\d+)$/),n&&(t.set(parseInt(n[1]),{el:e,type:"attr",name:r.value}),e.removeAttribute(r.name)))}}),t}function M(e,t,n){let r=[],o=[],l=A(e),i=j(e);for(let e=0;e<t.length;e++){let a=t[e],s=n[e];if("event"===a.type){let t=i.get(e);if(!t)continue;let{el:n,name:o}=t,l=s,u=a.modifiers,c={};u.includes("once")&&(c.once=!0),u.includes("capture")&&(c.capture=!0),u.includes("passive")&&(c.passive=!0);let f={enter:"Enter",escape:"Escape",space:" ",tab:"Tab",delete:"Delete",backspace:"Backspace",up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight"},d=e=>{if(u.includes("prevent")&&e.preventDefault(),u.includes("stop")&&e.stopPropagation(),!u.includes("self")||e.target===e.currentTarget){if("key"in e){let t=e;for(let e of u){let n=f[e];if(void 0!==n&&t.key!==n||!f[e]&&1===e.length&&t.key.toLowerCase()!==e)return}}l(e)}};n.addEventListener(o,d,c),r.push(()=>n.removeEventListener(o,d,c));continue}if("attr"===a.type){let t=i.get(e);if(!t)continue;let{el:n,name:o}=t;if("ref"===o){s.el=n,r.push(()=>{s.el=null});continue}if("function"==typeof s){let e=c(()=>{let e=s();null==e||!1===e?n.removeAttribute(o):n.setAttribute(o,String(e))});r.push(e)}else null!=s&&!1!==s&&n.setAttribute(o,String(s));continue}let u=l.get(e);if(!u)continue;if("function"!=typeof s){if(h(s)){let e,n,l=s;y();try{try{l.onInit?.()}catch(t){if(!l.onError)throw t;l.onError(t)}e=l.render()._render(u.parentNode,u)}finally{b()}o.push(()=>{try{let e=l.onMount?.();"function"==typeof e&&(n=e)}catch(e){if(!l.onError)throw e;l.onError(e)}}),r.push(()=>{try{l.onUnmount?.()}catch{}try{n?.()}catch{}e()})}else if(O(s))s._render(u.parentNode,u);else if(Array.isArray(s))for(let e of s)if(h(e)){let n,l;y();try{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}n=e.render()._render(u.parentNode,u)}finally{b()}o.push(()=>{try{let t=e.onMount?.();"function"==typeof t&&(l=t)}catch(t){if(!e.onError)throw t;e.onError(t)}}),r.push(()=>{try{e.onUnmount?.()}catch{}try{l?.()}catch{}n()})}else O(e)?e._render(u.parentNode,u):null!=e&&!1!==e&&u.parentNode.insertBefore(document.createTextNode(String(e)),u);else null!=s&&!1!==s&&u.parentNode.insertBefore(document.createTextNode(String(s)),u);continue}let f=null,d=null,p=null,m=v(),g=c(()=>{let e=s();if("string"==typeof e||"number"==typeof e)return d&&=(d(),null),void(f?f.nodeValue=String(e):(f=document.createTextNode(String(e)),u.parentNode.insertBefore(f,u)));if(f&&=(f.parentNode?.removeChild(f),null),d&&=(d(),null),null!=e&&!1!==e)if(O(e))d=e._render(u.parentNode,u);else if(h(e)){let t,n,r=e;x(m,()=>{try{r.onInit?.()}catch(e){if(!r.onError)throw e;r.onError(e)}t=r.render()._render(u.parentNode,u)});try{let e=r.onMount?.();"function"==typeof e&&(n=e)}catch(e){if(!r.onError)throw e;r.onError(e)}d=()=>{try{r.onUnmount?.()}catch{}try{n?.()}catch{}t()}}else if(k(e)){p||=new Map;let t=u.parentNode,n=e.items.map((t,n)=>e.keyFn(t,n)),r=new Set(n);for(let[e,n]of p)if(!r.has(e)){n.cleanup();let r=n.start;for(;r!==n.end;){let e=r.nextSibling;t.removeChild(r),r=e}t.removeChild(n.end),p.delete(e)}let o=u;for(let r=n.length-1;r>=0;r--){let l=n[r],i=e.items[r];if(p.has(l)){let e=p.get(l);if(e.end.nextSibling!==o){let n=[],r=e.start;for(;n.push(r),r!==e.end;)r=r.nextSibling;for(let e of n)t.insertBefore(e,o)}o=e.start}else{let n=document.createComment("nix-ke"),a=document.createComment("nix-ks");t.insertBefore(n,o),t.insertBefore(a,n);let s,u=e.renderFn(i,r);if(h(u)){let r,o;x(m,()=>{try{u.onInit?.()}catch(e){if(!u.onError)throw e;u.onError(e)}r=u.render()._render(t,n)});try{let e=u.onMount?.();"function"==typeof e&&(o=e)}catch(e){if(!u.onError)throw e;u.onError(e)}s=()=>{try{u.onUnmount?.()}catch{}try{o?.()}catch{}r()}}else s=u._render(t,n);p.set(l,{start:a,end:n,cleanup:s}),o=a}}}else if(Array.isArray(e)){let t=[];for(let n of e)if(h(n)){try{n.onInit?.()}catch(e){if(!n.onError)throw e;n.onError(e)}let r,o=n.render()._render(u.parentNode,u);try{let e=n.onMount?.();"function"==typeof e&&(r=e)}catch(e){if(!n.onError)throw e;n.onError(e)}t.push(()=>{try{n.onUnmount?.()}catch{}try{r?.()}catch{}o()})}else if(O(n))t.push(n._render(u.parentNode,u));else if(null!=n&&!1!==n){let e=document.createTextNode(String(n));u.parentNode.insertBefore(e,u),t.push(()=>e.parentNode?.removeChild(e))}d=()=>t.forEach(e=>e())}else f=document.createTextNode(String(e)),u.parentNode.insertBefore(f,u)});r.push(()=>{if(g(),d&&=(d(),null),f&&=(f.parentNode?.removeChild(f),null),p){for(let e of p.values())e.cleanup();p=null}})}return{disposes:r,postMountHooks:o}}function N(e,...t){let n=[],r="";for(let t=0;t<e.length-1;t++){r+=e[t];let o=E(r);n.push(o),r+="__nix__"}let o=D(e,n);function l(e,r){let l=document.createElement("template");l.innerHTML=o;let i=l.content,{disposes:a,postMountHooks:s}=M(i,n,t),u=document.createComment("nix-scope");e.insertBefore(u,r);let c=i.firstChild;for(;c;){let t=c.nextSibling;e.insertBefore(c,r),c=t}return s.forEach(e=>e()),()=>{a.forEach(e=>e());let e=u.nextSibling;for(;e&&e!==r;){let t=e.nextSibling;e.parentNode?.removeChild(e),e=t}u.parentNode?.removeChild(u)}}return{__isNixTemplate:!0,_render:l,mount(e){let t="string"==typeof e?document.querySelector(e):e;if(!t)throw Error(`[Nix] mount: contenedor no encontrado: ${e}`);let n=l(t,null);return{unmount(){n()}}}}}function P(e,t){if(h(e)){let n,r,o="string"==typeof t?document.querySelector(t):t;if(!o)throw Error(`[Nix] mount: contenedor no encontrado: ${t}`);y();try{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}n=e.render()._render(o,null)}finally{b()}try{let t=e.onMount?.();"function"==typeof t&&(r=t)}catch(t){if(!e.onError)throw t;e.onError(t)}return{unmount(){try{e.onUnmount?.()}catch{}try{r?.()}catch{}n()}}}return e.mount(t)}function F(e,t){let n={};for(let t of Object.keys(e))n[t]=s(e[t]);let r=n;let o=Object.assign(Object.create(null),r,{$reset:function(){for(let t of Object.keys(e))n[t].value=e[t]}});if(t){let e=t(r);Object.assign(o,e)}return o}var I=null;function L(){if(!I)throw Error("[Nix] No hay router activo. Llama a createRouter() antes.");return I}function R(e){let t={};return new URLSearchParams(e).forEach((e,n)=>{t[n]=e}),t}function z(e){let t=new URLSearchParams;for(let[n,r]of Object.entries(e))null!=r&&!1!==r&&t.set(n,String(r));let n=t.toString();return n?"?"+n:""}function B(e){return"*"===e?[{kind:"wildcard"}]:e.split("/").filter(Boolean).map(e=>"*"===e?{kind:"wildcard"}:e.startsWith(":")?{kind:"param",name:e.slice(1)}:{kind:"literal",value:e})}function V(e,t){return"*"===t?""===e?"*":e+"/*":(e+(t.startsWith("/")?t:"/"+t)).replace(/\/+/g,"/")||"/"}function H(e,t="",n=[]){let r=[];for(let o of e){let e=V(t,o.path),l=[...n,o.component],i=B(e);r.push({fullPath:e,segments:i,chain:l}),o.children?.length&&r.push(...H(o.children,e,l))}return r}function U(e,t){let n=e.split("/").filter(Boolean),r=t.segments;if(1===r.length&&"wildcard"===r[0].kind)return{};let o=r.length>0&&"wildcard"===r[r.length-1].kind,l=o?r.slice(0,-1):r;if(o){if(n.length<l.length)return null}else if(n.length!==l.length)return null;let i={};for(let e=0;e<l.length;e++){let t=l[e];if("literal"===t.kind){if(n[e]!==t.value)return null}else"param"===t.kind&&(i[t.name]=decodeURIComponent(n[e]??""))}return i}function W(e){return e.segments.reduce((e,t)=>"literal"===t.kind?e+2:"param"===t.kind?e+1:e,0)}function G(e,t){let n,r={},o=-1;for(let l of t){let t=U(e,l);if(null===t)continue;let i=W(l);i>o&&(n=l,r=t,o=i)}return n?{route:n,params:r}:void 0}function K(e){function t(){return window.location.pathname||"/"}let n=t(),r=H(e),o=G(n,r),l=s(n),i=s(o?.params??{}),a=s(R(window.location.search));window.addEventListener("popstate",()=>{let e=t();i.value=G(e,r)?.params??{},a.value=R(window.location.search),l.value=e});let u={current:l,params:i,query:a,navigate:function(e,t){let n=e.indexOf("?"),o=-1===n?e:e.slice(0,n),s=-1===n?{}:R(e.slice(n)),u=t?{...s,...t}:s,c={};for(let[e,t]of Object.entries(u))null!=t&&!1!==t&&(c[e]=String(t));i.value=G(o,r)?.params??{},a.value=c,l.value=o;let f=o+z(c);history.pushState(null,"",f)},routes:e,_flat:r};return I=u,u}function q(){return L()}var J=class extends m{_depth;constructor(e=0){super(),this._depth=e}render(){let e=this._depth;return N`<div class="router-view">${()=>{let t=L(),n=G(t.current.value,t._flat);return n?e>=n.route.chain.length?N`<span></span>`:n.route.chain[e]():N`<div style="color:#f87171;padding:16px 0">
           404 — Ruta no encontrada: <strong>${t.current.value}</strong>
         </div>`}}</div>`}},Y=class extends m{_to;_label;constructor(e,t){super(),this._to=e,this._label=t}render(){let e=this._to;return N`<a
       href=${e}

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@deijose/nix-js",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "description": "A lightweight, fully reactive micro-framework — no virtual DOM, no compiler, just signals and tagged templates.",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/DeijoseDevelop/nix-js.git"
+  },
   "type": "module",
   "keywords": [
     "reactive",