@deijose/nix-js 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/nix-js.cjs +5 -6
- package/dist/lib/nix-js.js +8 -751
- package/package.json +8 -13
package/dist/lib/nix-js.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
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(i){let a,o=new Set,s=()=>{typeof a==`function`&&a(),o.forEach(e=>e._removeSub(s)),o=new Set,t.push(e),r.push(n),e=s,n=o;try{a=i()}finally{e=t.pop()||null,n=r.pop()||null}};return s(),()=>{typeof a==`function`&&a(),o.forEach(e=>e._removeSub(s)),o.clear()}}function l(e){let t=new o(void 0);return c(()=>{t.value=e()}),t}function u(e){i++;try{e()}finally{if(i--,i===0){let e=[...a];a.clear(),e.forEach(e=>e())}}}function d(t){let r=e,i=n;e=null,n=null;try{return t()}finally{e=r,n=i}}function f(e,t,n={}){let{immediate:r=!1,once:i=!1}=n,a=e instanceof o?()=>e.value:e,s,l=!0,u=!1,f=c(()=>{let e=a();if(l){if(l=!1,r&&!u){let n=e;d(()=>t(n,void 0)),i&&(u=!0,Promise.resolve().then(f))}s=e;return}if(!u){let n=e,r=s;s=e,d(()=>t(n,r)),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 typeof e==`object`&&!!e&&e.__isNixComponent===!0}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),i=r.match(/@([\w:.-]+)=["']?$/);if(i){let e=i[1].split(`.`);return{type:`event`,eventName:e[0],modifiers:e.slice(1),hadOpenQuote:i[0].endsWith(`"`)||i[0].endsWith(`'`)}}let a=r.match(/([\w:.-]+)=["']?$/);return a?{type:`attr`,attrName:a[1],hadOpenQuote:a[0].endsWith(`"`)||a[0].endsWith(`'`)}:{type:`node`}}function D(e,t){let n=Array(e.length).fill(0),r=``;for(let i=0;i<e.length;i++){let a=e[i];if(n[i]===1&&(a[0]===`"`||a[0]===`'`)&&(a=a.slice(1)),i<t.length){let e=t[i];if(e.type===`node`)r+=a+`<!--nix-${i}-->`;else if(e.type===`event`){let t=`@${e.modifiers.length?`${e.eventName}.${e.modifiers.join(`.`)}`:e.eventName}=`.length+(e.hadOpenQuote?1:0);r+=a.slice(0,-t)+` data-nix-e-${i}="${e.eventName}"`,e.hadOpenQuote&&(n[i+1]=1)}else{let t=`${e.attrName}=`.length+(e.hadOpenQuote?1:0);r+=a.slice(0,-t)+` data-nix-a-${i}="${e.attrName}"`,e.hadOpenQuote&&(n[i+1]=1)}}else r+=a}return r}function O(e){return typeof e==`object`&&!!e&&e.__isNixTemplate===!0}function k(e){return typeof e==`object`&&!!e&&e.__isKeyedList===!0}function A(e){let t=new Map,n=document.createTreeWalker(e,NodeFilter.SHOW_COMMENT),r;for(;r=n.nextNode();){let e=r,n=e.nodeValue?.match(/^nix-(\d+)$/);n&&t.set(parseInt(n[1]),e)}return t}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+)$/);if(n){t.set(parseInt(n[1]),{el:e,type:`event`,name:r.value}),e.removeAttribute(r.name);continue}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=[],i=[],a=A(e),o=j(e);for(let e=0;e<t.length;e++){let s=t[e],l=n[e];if(s.type===`event`){let t=o.get(e);if(!t)continue;let{el:n,name:i}=t,a=l,c=s.modifiers,u={};c.includes(`once`)&&(u.once=!0),c.includes(`capture`)&&(u.capture=!0),c.includes(`passive`)&&(u.passive=!0);let d={enter:`Enter`,escape:`Escape`,space:` `,tab:`Tab`,delete:`Delete`,backspace:`Backspace`,up:`ArrowUp`,down:`ArrowDown`,left:`ArrowLeft`,right:`ArrowRight`},f=e=>{if(c.includes(`prevent`)&&e.preventDefault(),c.includes(`stop`)&&e.stopPropagation(),!(c.includes(`self`)&&e.target!==e.currentTarget)){if(`key`in e){let t=e;for(let e of c){let n=d[e];if(n!==void 0&&t.key!==n||!d[e]&&e.length===1&&t.key.toLowerCase()!==e)return}}a(e)}};n.addEventListener(i,f,u),r.push(()=>n.removeEventListener(i,f,u));continue}if(s.type===`attr`){let t=o.get(e);if(!t)continue;let{el:n,name:i}=t;if(i===`ref`){l.el=n,r.push(()=>{l.el=null});continue}if(typeof l==`function`){let e=c(()=>{let e=l();e==null||e===!1?n.removeAttribute(i):n.setAttribute(i,String(e))});r.push(e)}else l!=null&&l!==!1&&n.setAttribute(i,String(l));continue}let u=a.get(e);if(!u)continue;if(typeof l!=`function`){if(h(l)){let e=l;y();let t;try{try{e.onInit?.()}catch(t){if(e.onError)e.onError(t);else throw t}t=e.render()._render(u.parentNode,u)}finally{b()}let n;i.push(()=>{try{let t=e.onMount?.();typeof t==`function`&&(n=t)}catch(t){if(e.onError)e.onError(t);else throw t}}),r.push(()=>{try{e.onUnmount?.()}catch{}try{n?.()}catch{}t()})}else if(O(l))l._render(u.parentNode,u);else if(Array.isArray(l))for(let e of l)if(h(e)){let t;y();try{try{e.onInit?.()}catch(t){if(e.onError)e.onError(t);else throw t}t=e.render()._render(u.parentNode,u)}finally{b()}let n;i.push(()=>{try{let t=e.onMount?.();typeof t==`function`&&(n=t)}catch(t){if(e.onError)e.onError(t);else throw t}}),r.push(()=>{try{e.onUnmount?.()}catch{}try{n?.()}catch{}t()})}else O(e)?e._render(u.parentNode,u):e!=null&&e!==!1&&u.parentNode.insertBefore(document.createTextNode(String(e)),u);else l!=null&&l!==!1&&u.parentNode.insertBefore(document.createTextNode(String(l)),u);continue}let d=null,f=null,p=null,m=v(),g=c(()=>{let e=l();if(typeof e==`string`||typeof e==`number`){f&&=(f(),null),d?d.nodeValue=String(e):(d=document.createTextNode(String(e)),u.parentNode.insertBefore(d,u));return}if(d&&=(d.parentNode?.removeChild(d),null),f&&=(f(),null),!(e==null||e===!1))if(O(e))f=e._render(u.parentNode,u);else if(h(e)){let t=e,n;x(m,()=>{try{t.onInit?.()}catch(e){if(t.onError)t.onError(e);else throw e}n=t.render()._render(u.parentNode,u)});let r;try{let e=t.onMount?.();typeof e==`function`&&(r=e)}catch(e){if(t.onError)t.onError(e);else throw e}f=()=>{try{t.onUnmount?.()}catch{}try{r?.()}catch{}n()}}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 i=u;for(let r=n.length-1;r>=0;r--){let a=n[r],o=e.items[r];if(p.has(a)){let e=p.get(a);if(e.end.nextSibling!==i){let n=[],r=e.start;for(;n.push(r),r!==e.end;)r=r.nextSibling;for(let e of n)t.insertBefore(e,i)}i=e.start}else{let n=document.createComment(`nix-ke`),s=document.createComment(`nix-ks`);t.insertBefore(n,i),t.insertBefore(s,n);let c,l=e.renderFn(o,r);if(h(l)){let e;x(m,()=>{try{l.onInit?.()}catch(e){if(l.onError)l.onError(e);else throw e}e=l.render()._render(t,n)});let r;try{let e=l.onMount?.();typeof e==`function`&&(r=e)}catch(e){if(l.onError)l.onError(e);else throw e}c=()=>{try{l.onUnmount?.()}catch{}try{r?.()}catch{}e()}}else c=l._render(t,n);p.set(a,{start:s,end:n,cleanup:c}),i=s}}}else if(Array.isArray(e)){let t=[];for(let n of e)if(h(n)){try{n.onInit?.()}catch(e){if(n.onError)n.onError(e);else throw e}let e=n.render()._render(u.parentNode,u),r;try{let e=n.onMount?.();typeof e==`function`&&(r=e)}catch(e){if(n.onError)n.onError(e);else throw e}t.push(()=>{try{n.onUnmount?.()}catch{}try{r?.()}catch{}e()})}else if(O(n))t.push(n._render(u.parentNode,u));else if(n!=null&&n!==!1){let e=document.createTextNode(String(n));u.parentNode.insertBefore(e,u),t.push(()=>e.parentNode?.removeChild(e))}f=()=>t.forEach(e=>e())}else d=document.createTextNode(String(e)),u.parentNode.insertBefore(d,u)});r.push(()=>{if(g(),f&&=(f(),null),d&&=(d.parentNode?.removeChild(d),null),p){for(let e of p.values())e.cleanup();p=null}})}return{disposes:r,postMountHooks:i}}function N(e,...t){let n=[],r=``;for(let t=0;t<e.length-1;t++){r+=e[t];let i=E(r);n.push(i),r+=`__nix__`}let i=D(e,n);function a(e,r){let a=document.createElement(`template`);a.innerHTML=i;let o=a.content,{disposes:s,postMountHooks:c}=M(o,n,t),l=document.createComment(`nix-scope`);e.insertBefore(l,r);let u=o.firstChild;for(;u;){let t=u.nextSibling;e.insertBefore(u,r),u=t}return c.forEach(e=>e()),()=>{s.forEach(e=>e());let e=l.nextSibling;for(;e&&e!==r;){let t=e.nextSibling;e.parentNode?.removeChild(e),e=t}l.parentNode?.removeChild(l)}}return{__isNixTemplate:!0,_render:a,mount(e){let t=typeof e==`string`?document.querySelector(e):e;if(!t)throw Error(`[Nix] mount: contenedor no encontrado: ${e}`);let n=a(t,null);return{unmount(){n()}}}}}function P(e,t){if(h(e)){let n=typeof t==`string`?document.querySelector(t):t;if(!n)throw Error(`[Nix] mount: contenedor no encontrado: ${t}`);y();let r;try{try{e.onInit?.()}catch(t){if(e.onError)e.onError(t);else throw t}r=e.render()._render(n,null)}finally{b()}let i;try{let t=e.onMount?.();typeof t==`function`&&(i=t)}catch(t){if(e.onError)e.onError(t);else throw t}return{unmount(){try{e.onUnmount?.()}catch{}try{i?.()}catch{}r()}}}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;function i(){for(let t of Object.keys(e))n[t].value=e[t]}let a=Object.assign(Object.create(null),r,{$reset:i});if(t){let e=t(r);Object.assign(a,e)}return a}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))r!=null&&r!==!1&&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 i of e){let e=V(t,i.path),a=[...n,i.component],o=B(e);r.push({fullPath:e,segments:o,chain:a}),i.children?.length&&r.push(...H(i.children,e,a))}return r}function U(e,t){let n=e.split(`/`).filter(Boolean),r=t.segments;if(r.length===1&&r[0].kind===`wildcard`)return{};let i=r.length>0&&r[r.length-1].kind===`wildcard`,a=i?r.slice(0,-1):r;if(i){if(n.length<a.length)return null}else if(n.length!==a.length)return null;let o={};for(let e=0;e<a.length;e++){let t=a[e];if(t.kind===`literal`){if(n[e]!==t.value)return null}else t.kind===`param`&&(o[t.name]=decodeURIComponent(n[e]??``))}return o}function W(e){return e.segments.reduce((e,t)=>t.kind===`literal`?e+2:t.kind===`param`?e+1:e,0)}function G(e,t){let n,r={},i=-1;for(let a of t){let t=U(e,a);if(t===null)continue;let o=W(a);o>i&&(n=a,r=t,i=o)}return n?{route:n,params:r}:void 0}function K(e){function t(){return window.location.pathname||`/`}let n=t(),r=H(e),i=G(n,r),a=s(n),o=s(i?.params??{}),c=s(R(window.location.search));window.addEventListener(`popstate`,()=>{let e=t();o.value=G(e,r)?.params??{},c.value=R(window.location.search),a.value=e});function l(e,t){let n=e.indexOf(`?`),i=n===-1?e:e.slice(0,n),s=n===-1?{}:R(e.slice(n)),l=t?{...s,...t}:s,u={};for(let[e,t]of Object.entries(l))t!=null&&t!==!1&&(u[e]=String(t));o.value=G(i,r)?.params??{},c.value=u,a.value=i;let d=i+z(u);history.pushState(null,``,d)}let u={current:a,params:o,query:c,navigate:l,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">
|
|
1
|
+
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">
|
|
2
2
|
404 — Ruta no encontrada: <strong>${t.current.value}</strong>
|
|
3
3
|
</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
|
|
4
4
|
href=${e}
|
|
5
|
-
style=${()=>L().current.value===e
|
|
5
|
+
style=${()=>L().current.value===e?"color:#38bdf8;font-weight:700;text-decoration:none;cursor:pointer;padding:4px 10px;border-radius:4px;background:#0c2a3a":"color:#a3a3a3;text-decoration:none;cursor:pointer;padding:4px 10px;border-radius:4px"}
|
|
6
6
|
@click=${t=>{t.preventDefault(),L().navigate(e)}}
|
|
7
|
-
>${this._label}</a>`}};function X(e,t,n={}){let{fallback:r,errorFallback:
|
|
7
|
+
>${this._label}</a>`}};function X(e,t,n={}){let{fallback:r,errorFallback:o,resetOnRefresh:l=!1}=n,i=r??N`
|
|
8
8
|
<span style="color:#52525b;font-size:13px;display:inline-flex;align-items:center;gap:6px">
|
|
9
9
|
<span class="nix-spinner" style="
|
|
10
10
|
display:inline-block;width:14px;height:14px;border-radius:50%;
|
|
@@ -14,9 +14,8 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=null,t=
|
|
|
14
14
|
Cargando…
|
|
15
15
|
</span>
|
|
16
16
|
<style>@keyframes nix-spin{to{transform:rotate(360deg)}}</style>
|
|
17
|
-
`,
|
|
17
|
+
`,a=o??(e=>N`
|
|
18
18
|
<span style="color:#f87171;font-size:13px">
|
|
19
19
|
⚠ ${e instanceof Error?e.message:String(e)}
|
|
20
20
|
</span>
|
|
21
|
-
`);class
|
|
22
|
-
//# sourceMappingURL=nix-js.cjs.map
|
|
21
|
+
`);return new class extends m{_state=s({status:"pending"});onMount(){this._run()}_run(){(l||"pending"===this._state.value.status)&&(this._state.value={status:"pending"}),e().then(e=>{this._state.value={status:"resolved",data:e}},e=>{this._state.value={status:"error",error:e}})}render(){return N`<div class="nix-suspense" style="display:contents">${()=>{let e=this._state.value;return"pending"===e.status?i:"error"===e.status?a(e.error):t(e.data)}}</div>`}}}function Z(e,t){let n=null;return()=>n?new n:X(async()=>(n=(await e()).default,n),e=>new e,{fallback:t})}exports.Link=Y,exports.NixComponent=m,exports.RouterView=J,exports.Signal=o,exports.batch=u,exports.computed=l,exports.createInjectionKey=g,exports.createRouter=K,exports.createStore=F,exports.effect=c,exports.html=N,exports.inject=C,exports.lazy=Z,exports.mount=P,exports.nextTick=p,exports.provide=S,exports.ref=w,exports.repeat=T,exports.signal=s,exports.suspend=X,exports.untrack=d,exports.useRouter=q,exports.watch=f;
|
package/dist/lib/nix-js.js
CHANGED
|
@@ -1,719 +1,10 @@
|
|
|
1
|
-
var e = null, t = [], n = null, r = [], i = 0, a = new Set(), o = class {
|
|
2
|
-
_value;
|
|
3
|
-
_subs = new Set();
|
|
4
|
-
constructor(e) {
|
|
5
|
-
this._value = e;
|
|
6
|
-
}
|
|
7
|
-
get value() {
|
|
8
|
-
return e && (this._subs.add(e), n?.add(this)), this._value;
|
|
9
|
-
}
|
|
10
|
-
set value(e) {
|
|
11
|
-
Object.is(this._value, e) || (this._value = e, this._notify());
|
|
12
|
-
}
|
|
13
|
-
update(e) {
|
|
14
|
-
this.value = e(this._value);
|
|
15
|
-
}
|
|
16
|
-
peek() {
|
|
17
|
-
return this._value;
|
|
18
|
-
}
|
|
19
|
-
_removeSub(e) {
|
|
20
|
-
this._subs.delete(e);
|
|
21
|
-
}
|
|
22
|
-
_notify() {
|
|
23
|
-
let e = [...this._subs];
|
|
24
|
-
i > 0 ? e.forEach((e) => a.add(e)) : e.forEach((e) => e());
|
|
25
|
-
}
|
|
26
|
-
dispose() {
|
|
27
|
-
this._subs.clear();
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
function s(e) {
|
|
31
|
-
return new o(e);
|
|
32
|
-
}
|
|
33
|
-
function c(i) {
|
|
34
|
-
let a, o = new Set(), s = () => {
|
|
35
|
-
typeof a == "function" && a(), o.forEach((e) => e._removeSub(s)), o = new Set(), t.push(e), r.push(n), e = s, n = o;
|
|
36
|
-
try {
|
|
37
|
-
a = i();
|
|
38
|
-
} finally {
|
|
39
|
-
e = t.pop() || null, n = r.pop() || null;
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
return s(), () => {
|
|
43
|
-
typeof a == "function" && a(), o.forEach((e) => e._removeSub(s)), o.clear();
|
|
44
|
-
};
|
|
45
|
-
}
|
|
46
|
-
function l(e) {
|
|
47
|
-
let t = new o(void 0);
|
|
48
|
-
return c(() => {
|
|
49
|
-
t.value = e();
|
|
50
|
-
}), t;
|
|
51
|
-
}
|
|
52
|
-
function u(e) {
|
|
53
|
-
i++;
|
|
54
|
-
try {
|
|
55
|
-
e();
|
|
56
|
-
} finally {
|
|
57
|
-
if (i--, i === 0) {
|
|
58
|
-
let e = [...a];
|
|
59
|
-
a.clear(), e.forEach((e) => e());
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
function d(t) {
|
|
64
|
-
let r = e, i = n;
|
|
65
|
-
e = null, n = null;
|
|
66
|
-
try {
|
|
67
|
-
return t();
|
|
68
|
-
} finally {
|
|
69
|
-
e = r, n = i;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
function f(e, t, n = {}) {
|
|
73
|
-
let { immediate: r = !1, once: i = !1 } = n, a = e instanceof o ? () => e.value : e, s, l = !0, u = !1, f = c(() => {
|
|
74
|
-
let e = a();
|
|
75
|
-
if (l) {
|
|
76
|
-
if (l = !1, r && !u) {
|
|
77
|
-
let n = e;
|
|
78
|
-
d(() => t(n, void 0)), i && (u = !0, Promise.resolve().then(f));
|
|
79
|
-
}
|
|
80
|
-
s = e;
|
|
81
|
-
return;
|
|
82
|
-
}
|
|
83
|
-
if (!u) {
|
|
84
|
-
let n = e, r = s;
|
|
85
|
-
s = e, d(() => t(n, r)), i && (u = !0, Promise.resolve().then(f));
|
|
86
|
-
}
|
|
87
|
-
});
|
|
88
|
-
return () => {
|
|
89
|
-
u = !0, f();
|
|
90
|
-
};
|
|
91
|
-
}
|
|
92
|
-
function p(e) {
|
|
93
|
-
return e ? Promise.resolve().then(e) : Promise.resolve();
|
|
94
|
-
}
|
|
95
|
-
var m = class {
|
|
96
|
-
__isNixComponent = !0;
|
|
97
|
-
};
|
|
98
|
-
function h(e) {
|
|
99
|
-
return typeof e == "object" && !!e && e.__isNixComponent === !0;
|
|
100
|
-
}
|
|
101
|
-
function g(e) {
|
|
102
|
-
return Symbol(e);
|
|
103
|
-
}
|
|
104
|
-
var _ = [];
|
|
105
|
-
function v() {
|
|
106
|
-
return [..._];
|
|
107
|
-
}
|
|
108
|
-
function y() {
|
|
109
|
-
_.push(new Map());
|
|
110
|
-
}
|
|
111
|
-
function b() {
|
|
112
|
-
_.pop();
|
|
113
|
-
}
|
|
114
|
-
function x(e, t) {
|
|
115
|
-
let n = _.splice(0);
|
|
116
|
-
e.forEach((e) => _.push(e)), _.push(new Map());
|
|
117
|
-
try {
|
|
118
|
-
return t();
|
|
119
|
-
} finally {
|
|
120
|
-
_.splice(0), n.forEach((e) => _.push(e));
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
function S(e, t) {
|
|
124
|
-
let n = _[_.length - 1];
|
|
125
|
-
if (!n) throw Error("[Nix] provide() debe llamarse dentro de onInit() de un NixComponent.");
|
|
126
|
-
n.set(e, t);
|
|
127
|
-
}
|
|
128
|
-
function C(e) {
|
|
129
|
-
for (let t = _.length - 1; t >= 0; t--) if (_[t].has(e)) return _[t].get(e);
|
|
130
|
-
}
|
|
131
|
-
function w() {
|
|
132
|
-
return { el: null };
|
|
133
|
-
}
|
|
134
|
-
function T(e, t, n) {
|
|
135
|
-
return {
|
|
136
|
-
__isKeyedList: !0,
|
|
137
|
-
items: e,
|
|
138
|
-
keyFn: t,
|
|
139
|
-
renderFn: n
|
|
140
|
-
};
|
|
141
|
-
}
|
|
142
|
-
function E(e) {
|
|
143
|
-
let t = e.lastIndexOf(">"), n = e.lastIndexOf("<");
|
|
144
|
-
if (n <= t) return { type: "node" };
|
|
145
|
-
let r = e.slice(n + 1), i = r.match(/@([\w:.-]+)=["']?$/);
|
|
146
|
-
if (i) {
|
|
147
|
-
let e = i[1].split(".");
|
|
148
|
-
return {
|
|
149
|
-
type: "event",
|
|
150
|
-
eventName: e[0],
|
|
151
|
-
modifiers: e.slice(1),
|
|
152
|
-
hadOpenQuote: i[0].endsWith("\"") || i[0].endsWith("'")
|
|
153
|
-
};
|
|
154
|
-
}
|
|
155
|
-
let a = r.match(/([\w:.-]+)=["']?$/);
|
|
156
|
-
return a ? {
|
|
157
|
-
type: "attr",
|
|
158
|
-
attrName: a[1],
|
|
159
|
-
hadOpenQuote: a[0].endsWith("\"") || a[0].endsWith("'")
|
|
160
|
-
} : { type: "node" };
|
|
161
|
-
}
|
|
162
|
-
function D(e, t) {
|
|
163
|
-
let n = Array(e.length).fill(0), r = "";
|
|
164
|
-
for (let i = 0; i < e.length; i++) {
|
|
165
|
-
let a = e[i];
|
|
166
|
-
if (n[i] === 1 && (a[0] === "\"" || a[0] === "'") && (a = a.slice(1)), i < t.length) {
|
|
167
|
-
let e = t[i];
|
|
168
|
-
if (e.type === "node") r += a + `<!--nix-${i}-->`;
|
|
169
|
-
else if (e.type === "event") {
|
|
170
|
-
let t = `@${e.modifiers.length ? `${e.eventName}.${e.modifiers.join(".")}` : e.eventName}=`.length + (e.hadOpenQuote ? 1 : 0);
|
|
171
|
-
r += a.slice(0, -t) + ` data-nix-e-${i}="${e.eventName}"`, e.hadOpenQuote && (n[i + 1] = 1);
|
|
172
|
-
} else {
|
|
173
|
-
let t = `${e.attrName}=`.length + (e.hadOpenQuote ? 1 : 0);
|
|
174
|
-
r += a.slice(0, -t) + ` data-nix-a-${i}="${e.attrName}"`, e.hadOpenQuote && (n[i + 1] = 1);
|
|
175
|
-
}
|
|
176
|
-
} else r += a;
|
|
177
|
-
}
|
|
178
|
-
return r;
|
|
179
|
-
}
|
|
180
|
-
function O(e) {
|
|
181
|
-
return typeof e == "object" && !!e && e.__isNixTemplate === !0;
|
|
182
|
-
}
|
|
183
|
-
function k(e) {
|
|
184
|
-
return typeof e == "object" && !!e && e.__isKeyedList === !0;
|
|
185
|
-
}
|
|
186
|
-
function A(e) {
|
|
187
|
-
let t = new Map(), n = document.createTreeWalker(e, NodeFilter.SHOW_COMMENT), r;
|
|
188
|
-
for (; r = n.nextNode();) {
|
|
189
|
-
let e = r, n = e.nodeValue?.match(/^nix-(\d+)$/);
|
|
190
|
-
n && t.set(parseInt(n[1]), e);
|
|
191
|
-
}
|
|
192
|
-
return t;
|
|
193
|
-
}
|
|
194
|
-
function j(e) {
|
|
195
|
-
let t = new Map();
|
|
196
|
-
return e.querySelectorAll("*").forEach((e) => {
|
|
197
|
-
let n = Array.from(e.attributes);
|
|
198
|
-
for (let r of n) {
|
|
199
|
-
let n = r.name.match(/^data-nix-e-(\d+)$/);
|
|
200
|
-
if (n) {
|
|
201
|
-
t.set(parseInt(n[1]), {
|
|
202
|
-
el: e,
|
|
203
|
-
type: "event",
|
|
204
|
-
name: r.value
|
|
205
|
-
}), e.removeAttribute(r.name);
|
|
206
|
-
continue;
|
|
207
|
-
}
|
|
208
|
-
n = r.name.match(/^data-nix-a-(\d+)$/), n && (t.set(parseInt(n[1]), {
|
|
209
|
-
el: e,
|
|
210
|
-
type: "attr",
|
|
211
|
-
name: r.value
|
|
212
|
-
}), e.removeAttribute(r.name));
|
|
213
|
-
}
|
|
214
|
-
}), t;
|
|
215
|
-
}
|
|
216
|
-
function M(e, t, n) {
|
|
217
|
-
let r = [], i = [], a = A(e), o = j(e);
|
|
218
|
-
for (let e = 0; e < t.length; e++) {
|
|
219
|
-
let s = t[e], l = n[e];
|
|
220
|
-
if (s.type === "event") {
|
|
221
|
-
let t = o.get(e);
|
|
222
|
-
if (!t) continue;
|
|
223
|
-
let { el: n, name: i } = t, a = l, c = s.modifiers, u = {};
|
|
224
|
-
c.includes("once") && (u.once = !0), c.includes("capture") && (u.capture = !0), c.includes("passive") && (u.passive = !0);
|
|
225
|
-
let d = {
|
|
226
|
-
enter: "Enter",
|
|
227
|
-
escape: "Escape",
|
|
228
|
-
space: " ",
|
|
229
|
-
tab: "Tab",
|
|
230
|
-
delete: "Delete",
|
|
231
|
-
backspace: "Backspace",
|
|
232
|
-
up: "ArrowUp",
|
|
233
|
-
down: "ArrowDown",
|
|
234
|
-
left: "ArrowLeft",
|
|
235
|
-
right: "ArrowRight"
|
|
236
|
-
}, f = (e) => {
|
|
237
|
-
if (c.includes("prevent") && e.preventDefault(), c.includes("stop") && e.stopPropagation(), !(c.includes("self") && e.target !== e.currentTarget)) {
|
|
238
|
-
if ("key" in e) {
|
|
239
|
-
let t = e;
|
|
240
|
-
for (let e of c) {
|
|
241
|
-
let n = d[e];
|
|
242
|
-
if (n !== void 0 && t.key !== n || !d[e] && e.length === 1 && t.key.toLowerCase() !== e) return;
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
|
-
a(e);
|
|
246
|
-
}
|
|
247
|
-
};
|
|
248
|
-
n.addEventListener(i, f, u), r.push(() => n.removeEventListener(i, f, u));
|
|
249
|
-
continue;
|
|
250
|
-
}
|
|
251
|
-
if (s.type === "attr") {
|
|
252
|
-
let t = o.get(e);
|
|
253
|
-
if (!t) continue;
|
|
254
|
-
let { el: n, name: i } = t;
|
|
255
|
-
if (i === "ref") {
|
|
256
|
-
l.el = n, r.push(() => {
|
|
257
|
-
l.el = null;
|
|
258
|
-
});
|
|
259
|
-
continue;
|
|
260
|
-
}
|
|
261
|
-
if (typeof l == "function") {
|
|
262
|
-
let e = c(() => {
|
|
263
|
-
let e = l();
|
|
264
|
-
e == null || e === !1 ? n.removeAttribute(i) : n.setAttribute(i, String(e));
|
|
265
|
-
});
|
|
266
|
-
r.push(e);
|
|
267
|
-
} else l != null && l !== !1 && n.setAttribute(i, String(l));
|
|
268
|
-
continue;
|
|
269
|
-
}
|
|
270
|
-
let u = a.get(e);
|
|
271
|
-
if (!u) continue;
|
|
272
|
-
if (typeof l != "function") {
|
|
273
|
-
if (h(l)) {
|
|
274
|
-
let e = l;
|
|
275
|
-
y();
|
|
276
|
-
let t;
|
|
277
|
-
try {
|
|
278
|
-
try {
|
|
279
|
-
e.onInit?.();
|
|
280
|
-
} catch (t) {
|
|
281
|
-
if (e.onError) e.onError(t);
|
|
282
|
-
else throw t;
|
|
283
|
-
}
|
|
284
|
-
t = e.render()._render(u.parentNode, u);
|
|
285
|
-
} finally {
|
|
286
|
-
b();
|
|
287
|
-
}
|
|
288
|
-
let n;
|
|
289
|
-
i.push(() => {
|
|
290
|
-
try {
|
|
291
|
-
let t = e.onMount?.();
|
|
292
|
-
typeof t == "function" && (n = t);
|
|
293
|
-
} catch (t) {
|
|
294
|
-
if (e.onError) e.onError(t);
|
|
295
|
-
else throw t;
|
|
296
|
-
}
|
|
297
|
-
}), r.push(() => {
|
|
298
|
-
try {
|
|
299
|
-
e.onUnmount?.();
|
|
300
|
-
} catch {}
|
|
301
|
-
try {
|
|
302
|
-
n?.();
|
|
303
|
-
} catch {}
|
|
304
|
-
t();
|
|
305
|
-
});
|
|
306
|
-
} else if (O(l)) l._render(u.parentNode, u);
|
|
307
|
-
else if (Array.isArray(l)) for (let e of l) if (h(e)) {
|
|
308
|
-
let t;
|
|
309
|
-
y();
|
|
310
|
-
try {
|
|
311
|
-
try {
|
|
312
|
-
e.onInit?.();
|
|
313
|
-
} catch (t) {
|
|
314
|
-
if (e.onError) e.onError(t);
|
|
315
|
-
else throw t;
|
|
316
|
-
}
|
|
317
|
-
t = e.render()._render(u.parentNode, u);
|
|
318
|
-
} finally {
|
|
319
|
-
b();
|
|
320
|
-
}
|
|
321
|
-
let n;
|
|
322
|
-
i.push(() => {
|
|
323
|
-
try {
|
|
324
|
-
let t = e.onMount?.();
|
|
325
|
-
typeof t == "function" && (n = t);
|
|
326
|
-
} catch (t) {
|
|
327
|
-
if (e.onError) e.onError(t);
|
|
328
|
-
else throw t;
|
|
329
|
-
}
|
|
330
|
-
}), r.push(() => {
|
|
331
|
-
try {
|
|
332
|
-
e.onUnmount?.();
|
|
333
|
-
} catch {}
|
|
334
|
-
try {
|
|
335
|
-
n?.();
|
|
336
|
-
} catch {}
|
|
337
|
-
t();
|
|
338
|
-
});
|
|
339
|
-
} else O(e) ? e._render(u.parentNode, u) : e != null && e !== !1 && u.parentNode.insertBefore(document.createTextNode(String(e)), u);
|
|
340
|
-
else l != null && l !== !1 && u.parentNode.insertBefore(document.createTextNode(String(l)), u);
|
|
341
|
-
continue;
|
|
342
|
-
}
|
|
343
|
-
let d = null, f = null, p = null, m = v(), g = c(() => {
|
|
344
|
-
let e = l();
|
|
345
|
-
if (typeof e == "string" || typeof e == "number") {
|
|
346
|
-
f &&= (f(), null), d ? d.nodeValue = String(e) : (d = document.createTextNode(String(e)), u.parentNode.insertBefore(d, u));
|
|
347
|
-
return;
|
|
348
|
-
}
|
|
349
|
-
if (d &&= (d.parentNode?.removeChild(d), null), f &&= (f(), null), !(e == null || e === !1)) if (O(e)) f = e._render(u.parentNode, u);
|
|
350
|
-
else if (h(e)) {
|
|
351
|
-
let t = e, n;
|
|
352
|
-
x(m, () => {
|
|
353
|
-
try {
|
|
354
|
-
t.onInit?.();
|
|
355
|
-
} catch (e) {
|
|
356
|
-
if (t.onError) t.onError(e);
|
|
357
|
-
else throw e;
|
|
358
|
-
}
|
|
359
|
-
n = t.render()._render(u.parentNode, u);
|
|
360
|
-
});
|
|
361
|
-
let r;
|
|
362
|
-
try {
|
|
363
|
-
let e = t.onMount?.();
|
|
364
|
-
typeof e == "function" && (r = e);
|
|
365
|
-
} catch (e) {
|
|
366
|
-
if (t.onError) t.onError(e);
|
|
367
|
-
else throw e;
|
|
368
|
-
}
|
|
369
|
-
f = () => {
|
|
370
|
-
try {
|
|
371
|
-
t.onUnmount?.();
|
|
372
|
-
} catch {}
|
|
373
|
-
try {
|
|
374
|
-
r?.();
|
|
375
|
-
} catch {}
|
|
376
|
-
n();
|
|
377
|
-
};
|
|
378
|
-
} else if (k(e)) {
|
|
379
|
-
p ||= new Map();
|
|
380
|
-
let t = u.parentNode, n = e.items.map((t, n) => e.keyFn(t, n)), r = new Set(n);
|
|
381
|
-
for (let [e, n] of p) if (!r.has(e)) {
|
|
382
|
-
n.cleanup();
|
|
383
|
-
let r = n.start;
|
|
384
|
-
for (; r !== n.end;) {
|
|
385
|
-
let e = r.nextSibling;
|
|
386
|
-
t.removeChild(r), r = e;
|
|
387
|
-
}
|
|
388
|
-
t.removeChild(n.end), p.delete(e);
|
|
389
|
-
}
|
|
390
|
-
let i = u;
|
|
391
|
-
for (let r = n.length - 1; r >= 0; r--) {
|
|
392
|
-
let a = n[r], o = e.items[r];
|
|
393
|
-
if (p.has(a)) {
|
|
394
|
-
let e = p.get(a);
|
|
395
|
-
if (e.end.nextSibling !== i) {
|
|
396
|
-
let n = [], r = e.start;
|
|
397
|
-
for (; n.push(r), r !== e.end;) r = r.nextSibling;
|
|
398
|
-
for (let e of n) t.insertBefore(e, i);
|
|
399
|
-
}
|
|
400
|
-
i = e.start;
|
|
401
|
-
} else {
|
|
402
|
-
let n = document.createComment("nix-ke"), s = document.createComment("nix-ks");
|
|
403
|
-
t.insertBefore(n, i), t.insertBefore(s, n);
|
|
404
|
-
let c, l = e.renderFn(o, r);
|
|
405
|
-
if (h(l)) {
|
|
406
|
-
let e;
|
|
407
|
-
x(m, () => {
|
|
408
|
-
try {
|
|
409
|
-
l.onInit?.();
|
|
410
|
-
} catch (e) {
|
|
411
|
-
if (l.onError) l.onError(e);
|
|
412
|
-
else throw e;
|
|
413
|
-
}
|
|
414
|
-
e = l.render()._render(t, n);
|
|
415
|
-
});
|
|
416
|
-
let r;
|
|
417
|
-
try {
|
|
418
|
-
let e = l.onMount?.();
|
|
419
|
-
typeof e == "function" && (r = e);
|
|
420
|
-
} catch (e) {
|
|
421
|
-
if (l.onError) l.onError(e);
|
|
422
|
-
else throw e;
|
|
423
|
-
}
|
|
424
|
-
c = () => {
|
|
425
|
-
try {
|
|
426
|
-
l.onUnmount?.();
|
|
427
|
-
} catch {}
|
|
428
|
-
try {
|
|
429
|
-
r?.();
|
|
430
|
-
} catch {}
|
|
431
|
-
e();
|
|
432
|
-
};
|
|
433
|
-
} else c = l._render(t, n);
|
|
434
|
-
p.set(a, {
|
|
435
|
-
start: s,
|
|
436
|
-
end: n,
|
|
437
|
-
cleanup: c
|
|
438
|
-
}), i = s;
|
|
439
|
-
}
|
|
440
|
-
}
|
|
441
|
-
} else if (Array.isArray(e)) {
|
|
442
|
-
let t = [];
|
|
443
|
-
for (let n of e) if (h(n)) {
|
|
444
|
-
try {
|
|
445
|
-
n.onInit?.();
|
|
446
|
-
} catch (e) {
|
|
447
|
-
if (n.onError) n.onError(e);
|
|
448
|
-
else throw e;
|
|
449
|
-
}
|
|
450
|
-
let e = n.render()._render(u.parentNode, u), r;
|
|
451
|
-
try {
|
|
452
|
-
let e = n.onMount?.();
|
|
453
|
-
typeof e == "function" && (r = e);
|
|
454
|
-
} catch (e) {
|
|
455
|
-
if (n.onError) n.onError(e);
|
|
456
|
-
else throw e;
|
|
457
|
-
}
|
|
458
|
-
t.push(() => {
|
|
459
|
-
try {
|
|
460
|
-
n.onUnmount?.();
|
|
461
|
-
} catch {}
|
|
462
|
-
try {
|
|
463
|
-
r?.();
|
|
464
|
-
} catch {}
|
|
465
|
-
e();
|
|
466
|
-
});
|
|
467
|
-
} else if (O(n)) t.push(n._render(u.parentNode, u));
|
|
468
|
-
else if (n != null && n !== !1) {
|
|
469
|
-
let e = document.createTextNode(String(n));
|
|
470
|
-
u.parentNode.insertBefore(e, u), t.push(() => e.parentNode?.removeChild(e));
|
|
471
|
-
}
|
|
472
|
-
f = () => t.forEach((e) => e());
|
|
473
|
-
} else d = document.createTextNode(String(e)), u.parentNode.insertBefore(d, u);
|
|
474
|
-
});
|
|
475
|
-
r.push(() => {
|
|
476
|
-
if (g(), f &&= (f(), null), d &&= (d.parentNode?.removeChild(d), null), p) {
|
|
477
|
-
for (let e of p.values()) e.cleanup();
|
|
478
|
-
p = null;
|
|
479
|
-
}
|
|
480
|
-
});
|
|
481
|
-
}
|
|
482
|
-
return {
|
|
483
|
-
disposes: r,
|
|
484
|
-
postMountHooks: i
|
|
485
|
-
};
|
|
486
|
-
}
|
|
487
|
-
function N(e, ...t) {
|
|
488
|
-
let n = [], r = "";
|
|
489
|
-
for (let t = 0; t < e.length - 1; t++) {
|
|
490
|
-
r += e[t];
|
|
491
|
-
let i = E(r);
|
|
492
|
-
n.push(i), r += "__nix__";
|
|
493
|
-
}
|
|
494
|
-
let i = D(e, n);
|
|
495
|
-
function a(e, r) {
|
|
496
|
-
let a = document.createElement("template");
|
|
497
|
-
a.innerHTML = i;
|
|
498
|
-
let o = a.content, { disposes: s, postMountHooks: c } = M(o, n, t), l = document.createComment("nix-scope");
|
|
499
|
-
e.insertBefore(l, r);
|
|
500
|
-
let u = o.firstChild;
|
|
501
|
-
for (; u;) {
|
|
502
|
-
let t = u.nextSibling;
|
|
503
|
-
e.insertBefore(u, r), u = t;
|
|
504
|
-
}
|
|
505
|
-
return c.forEach((e) => e()), () => {
|
|
506
|
-
s.forEach((e) => e());
|
|
507
|
-
let e = l.nextSibling;
|
|
508
|
-
for (; e && e !== r;) {
|
|
509
|
-
let t = e.nextSibling;
|
|
510
|
-
e.parentNode?.removeChild(e), e = t;
|
|
511
|
-
}
|
|
512
|
-
l.parentNode?.removeChild(l);
|
|
513
|
-
};
|
|
514
|
-
}
|
|
515
|
-
return {
|
|
516
|
-
__isNixTemplate: !0,
|
|
517
|
-
_render: a,
|
|
518
|
-
mount(e) {
|
|
519
|
-
let t = typeof e == "string" ? document.querySelector(e) : e;
|
|
520
|
-
if (!t) throw Error(`[Nix] mount: contenedor no encontrado: ${e}`);
|
|
521
|
-
let n = a(t, null);
|
|
522
|
-
return { unmount() {
|
|
523
|
-
n();
|
|
524
|
-
} };
|
|
525
|
-
}
|
|
526
|
-
};
|
|
527
|
-
}
|
|
528
|
-
function P(e, t) {
|
|
529
|
-
if (h(e)) {
|
|
530
|
-
let n = typeof t == "string" ? document.querySelector(t) : t;
|
|
531
|
-
if (!n) throw Error(`[Nix] mount: contenedor no encontrado: ${t}`);
|
|
532
|
-
y();
|
|
533
|
-
let r;
|
|
534
|
-
try {
|
|
535
|
-
try {
|
|
536
|
-
e.onInit?.();
|
|
537
|
-
} catch (t) {
|
|
538
|
-
if (e.onError) e.onError(t);
|
|
539
|
-
else throw t;
|
|
540
|
-
}
|
|
541
|
-
r = e.render()._render(n, null);
|
|
542
|
-
} finally {
|
|
543
|
-
b();
|
|
544
|
-
}
|
|
545
|
-
let i;
|
|
546
|
-
try {
|
|
547
|
-
let t = e.onMount?.();
|
|
548
|
-
typeof t == "function" && (i = t);
|
|
549
|
-
} catch (t) {
|
|
550
|
-
if (e.onError) e.onError(t);
|
|
551
|
-
else throw t;
|
|
552
|
-
}
|
|
553
|
-
return { unmount() {
|
|
554
|
-
try {
|
|
555
|
-
e.onUnmount?.();
|
|
556
|
-
} catch {}
|
|
557
|
-
try {
|
|
558
|
-
i?.();
|
|
559
|
-
} catch {}
|
|
560
|
-
r();
|
|
561
|
-
} };
|
|
562
|
-
}
|
|
563
|
-
return e.mount(t);
|
|
564
|
-
}
|
|
565
|
-
function F(e, t) {
|
|
566
|
-
let n = {};
|
|
567
|
-
for (let t of Object.keys(e)) n[t] = s(e[t]);
|
|
568
|
-
let r = n;
|
|
569
|
-
function i() {
|
|
570
|
-
for (let t of Object.keys(e)) n[t].value = e[t];
|
|
571
|
-
}
|
|
572
|
-
let a = Object.assign(Object.create(null), r, { $reset: i });
|
|
573
|
-
if (t) {
|
|
574
|
-
let e = t(r);
|
|
575
|
-
Object.assign(a, e);
|
|
576
|
-
}
|
|
577
|
-
return a;
|
|
578
|
-
}
|
|
579
|
-
var I = null;
|
|
580
|
-
function L() {
|
|
581
|
-
if (!I) throw Error("[Nix] No hay router activo. Llama a createRouter() antes.");
|
|
582
|
-
return I;
|
|
583
|
-
}
|
|
584
|
-
function R(e) {
|
|
585
|
-
let t = {};
|
|
586
|
-
return new URLSearchParams(e).forEach((e, n) => {
|
|
587
|
-
t[n] = e;
|
|
588
|
-
}), t;
|
|
589
|
-
}
|
|
590
|
-
function z(e) {
|
|
591
|
-
let t = new URLSearchParams();
|
|
592
|
-
for (let [n, r] of Object.entries(e)) r != null && r !== !1 && t.set(n, String(r));
|
|
593
|
-
let n = t.toString();
|
|
594
|
-
return n ? "?" + n : "";
|
|
595
|
-
}
|
|
596
|
-
function B(e) {
|
|
597
|
-
return e === "*" ? [{ kind: "wildcard" }] : e.split("/").filter(Boolean).map((e) => e === "*" ? { kind: "wildcard" } : e.startsWith(":") ? {
|
|
598
|
-
kind: "param",
|
|
599
|
-
name: e.slice(1)
|
|
600
|
-
} : {
|
|
601
|
-
kind: "literal",
|
|
602
|
-
value: e
|
|
603
|
-
});
|
|
604
|
-
}
|
|
605
|
-
function V(e, t) {
|
|
606
|
-
return t === "*" ? e === "" ? "*" : e + "/*" : (e + (t.startsWith("/") ? t : "/" + t)).replace(/\/+/g, "/") || "/";
|
|
607
|
-
}
|
|
608
|
-
function H(e, t = "", n = []) {
|
|
609
|
-
let r = [];
|
|
610
|
-
for (let i of e) {
|
|
611
|
-
let e = V(t, i.path), a = [...n, i.component], o = B(e);
|
|
612
|
-
r.push({
|
|
613
|
-
fullPath: e,
|
|
614
|
-
segments: o,
|
|
615
|
-
chain: a
|
|
616
|
-
}), i.children?.length && r.push(...H(i.children, e, a));
|
|
617
|
-
}
|
|
618
|
-
return r;
|
|
619
|
-
}
|
|
620
|
-
function U(e, t) {
|
|
621
|
-
let n = e.split("/").filter(Boolean), r = t.segments;
|
|
622
|
-
if (r.length === 1 && r[0].kind === "wildcard") return {};
|
|
623
|
-
let i = r.length > 0 && r[r.length - 1].kind === "wildcard", a = i ? r.slice(0, -1) : r;
|
|
624
|
-
if (i) {
|
|
625
|
-
if (n.length < a.length) return null;
|
|
626
|
-
} else if (n.length !== a.length) return null;
|
|
627
|
-
let o = {};
|
|
628
|
-
for (let e = 0; e < a.length; e++) {
|
|
629
|
-
let t = a[e];
|
|
630
|
-
if (t.kind === "literal") {
|
|
631
|
-
if (n[e] !== t.value) return null;
|
|
632
|
-
} else t.kind === "param" && (o[t.name] = decodeURIComponent(n[e] ?? ""));
|
|
633
|
-
}
|
|
634
|
-
return o;
|
|
635
|
-
}
|
|
636
|
-
function W(e) {
|
|
637
|
-
return e.segments.reduce((e, t) => t.kind === "literal" ? e + 2 : t.kind === "param" ? e + 1 : e, 0);
|
|
638
|
-
}
|
|
639
|
-
function G(e, t) {
|
|
640
|
-
let n, r = {}, i = -1;
|
|
641
|
-
for (let a of t) {
|
|
642
|
-
let t = U(e, a);
|
|
643
|
-
if (t === null) continue;
|
|
644
|
-
let o = W(a);
|
|
645
|
-
o > i && (n = a, r = t, i = o);
|
|
646
|
-
}
|
|
647
|
-
return n ? {
|
|
648
|
-
route: n,
|
|
649
|
-
params: r
|
|
650
|
-
} : void 0;
|
|
651
|
-
}
|
|
652
|
-
function K(e) {
|
|
653
|
-
function t() {
|
|
654
|
-
return window.location.pathname || "/";
|
|
655
|
-
}
|
|
656
|
-
let n = t(), r = H(e), i = G(n, r), a = s(n), o = s(i?.params ?? {}), c = s(R(window.location.search));
|
|
657
|
-
window.addEventListener("popstate", () => {
|
|
658
|
-
let e = t();
|
|
659
|
-
o.value = G(e, r)?.params ?? {}, c.value = R(window.location.search), a.value = e;
|
|
660
|
-
});
|
|
661
|
-
function l(e, t) {
|
|
662
|
-
let n = e.indexOf("?"), i = n === -1 ? e : e.slice(0, n), s = n === -1 ? {} : R(e.slice(n)), l = t ? {
|
|
663
|
-
...s,
|
|
664
|
-
...t
|
|
665
|
-
} : s, u = {};
|
|
666
|
-
for (let [e, t] of Object.entries(l)) t != null && t !== !1 && (u[e] = String(t));
|
|
667
|
-
o.value = G(i, r)?.params ?? {}, c.value = u, a.value = i;
|
|
668
|
-
let d = i + z(u);
|
|
669
|
-
history.pushState(null, "", d);
|
|
670
|
-
}
|
|
671
|
-
let u = {
|
|
672
|
-
current: a,
|
|
673
|
-
params: o,
|
|
674
|
-
query: c,
|
|
675
|
-
navigate: l,
|
|
676
|
-
routes: e,
|
|
677
|
-
_flat: r
|
|
678
|
-
};
|
|
679
|
-
return I = u, u;
|
|
680
|
-
}
|
|
681
|
-
function q() {
|
|
682
|
-
return L();
|
|
683
|
-
}
|
|
684
|
-
var J = class extends m {
|
|
685
|
-
_depth;
|
|
686
|
-
constructor(e = 0) {
|
|
687
|
-
super(), this._depth = e;
|
|
688
|
-
}
|
|
689
|
-
render() {
|
|
690
|
-
let e = this._depth;
|
|
691
|
-
return N`<div class="router-view">${() => {
|
|
692
|
-
let t = L(), n = G(t.current.value, t._flat);
|
|
693
|
-
return n ? e >= n.route.chain.length ? N`<span></span>` : n.route.chain[e]() : N`<div style="color:#f87171;padding:16px 0">
|
|
1
|
+
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">
|
|
694
2
|
404 — Ruta no encontrada: <strong>${t.current.value}</strong>
|
|
695
|
-
</div
|
|
696
|
-
}}</div>`;
|
|
697
|
-
}
|
|
698
|
-
}, Y = class extends m {
|
|
699
|
-
_to;
|
|
700
|
-
_label;
|
|
701
|
-
constructor(e, t) {
|
|
702
|
-
super(), this._to = e, this._label = t;
|
|
703
|
-
}
|
|
704
|
-
render() {
|
|
705
|
-
let e = this._to;
|
|
706
|
-
return N`<a
|
|
3
|
+
</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
|
|
707
4
|
href=${e}
|
|
708
|
-
style=${()
|
|
709
|
-
@click=${
|
|
710
|
-
|
|
711
|
-
}}
|
|
712
|
-
>${this._label}</a>`;
|
|
713
|
-
}
|
|
714
|
-
};
|
|
715
|
-
function X(e, t, n = {}) {
|
|
716
|
-
let { fallback: r, errorFallback: i, resetOnRefresh: a = !1 } = n, o = r ?? N`
|
|
5
|
+
style=${()=>L().current.value===e?"color:#38bdf8;font-weight:700;text-decoration:none;cursor:pointer;padding:4px 10px;border-radius:4px;background:#0c2a3a":"color:#a3a3a3;text-decoration:none;cursor:pointer;padding:4px 10px;border-radius:4px"}
|
|
6
|
+
@click=${t=>{t.preventDefault(),L().navigate(e)}}
|
|
7
|
+
>${this._label}</a>`}};function X(e,t,n={}){let{fallback:r,errorFallback:o,resetOnRefresh:l=!1}=n,i=r??N`
|
|
717
8
|
<span style="color:#52525b;font-size:13px;display:inline-flex;align-items:center;gap:6px">
|
|
718
9
|
<span class="nix-spinner" style="
|
|
719
10
|
display:inline-block;width:14px;height:14px;border-radius:50%;
|
|
@@ -723,42 +14,8 @@ function X(e, t, n = {}) {
|
|
|
723
14
|
Cargando…
|
|
724
15
|
</span>
|
|
725
16
|
<style>@keyframes nix-spin{to{transform:rotate(360deg)}}</style>
|
|
726
|
-
`,
|
|
17
|
+
`,a=o??(e=>N`
|
|
727
18
|
<span style="color:#f87171;font-size:13px">
|
|
728
|
-
⚠ ${e instanceof Error
|
|
19
|
+
⚠ ${e instanceof Error?e.message:String(e)}
|
|
729
20
|
</span>
|
|
730
|
-
`);
|
|
731
|
-
class l extends m {
|
|
732
|
-
_state = s({ status: "pending" });
|
|
733
|
-
onMount() {
|
|
734
|
-
this._run();
|
|
735
|
-
}
|
|
736
|
-
_run() {
|
|
737
|
-
(a || this._state.value.status === "pending") && (this._state.value = { status: "pending" }), e().then((e) => {
|
|
738
|
-
this._state.value = {
|
|
739
|
-
status: "resolved",
|
|
740
|
-
data: e
|
|
741
|
-
};
|
|
742
|
-
}, (e) => {
|
|
743
|
-
this._state.value = {
|
|
744
|
-
status: "error",
|
|
745
|
-
error: e
|
|
746
|
-
};
|
|
747
|
-
});
|
|
748
|
-
}
|
|
749
|
-
render() {
|
|
750
|
-
return N`<div class="nix-suspense" style="display:contents">${() => {
|
|
751
|
-
let e = this._state.value;
|
|
752
|
-
return e.status === "pending" ? o : e.status === "error" ? c(e.error) : t(e.data);
|
|
753
|
-
}}</div>`;
|
|
754
|
-
}
|
|
755
|
-
}
|
|
756
|
-
return new l();
|
|
757
|
-
}
|
|
758
|
-
function Z(e, t) {
|
|
759
|
-
let n = null;
|
|
760
|
-
return () => n ? new n() : X(async () => (n = (await e()).default, n), (e) => new e(), { fallback: t });
|
|
761
|
-
}
|
|
762
|
-
export { Y as Link, m as NixComponent, J as RouterView, o as Signal, u as batch, l as computed, g as createInjectionKey, K as createRouter, F as createStore, c as effect, N as html, C as inject, Z as lazy, P as mount, p as nextTick, S as provide, w as ref, T as repeat, s as signal, X as suspend, d as untrack, q as useRouter, f as watch };
|
|
763
|
-
|
|
764
|
-
//# sourceMappingURL=nix-js.js.map
|
|
21
|
+
`);return new class extends m{_state=s({status:"pending"});onMount(){this._run()}_run(){(l||"pending"===this._state.value.status)&&(this._state.value={status:"pending"}),e().then(e=>{this._state.value={status:"resolved",data:e}},e=>{this._state.value={status:"error",error:e}})}render(){return N`<div class="nix-suspense" style="display:contents">${()=>{let e=this._state.value;return"pending"===e.status?i:"error"===e.status?a(e.error):t(e.data)}}</div>`}}}function Z(e,t){let n=null;return()=>n?new n:X(async()=>(n=(await e()).default,n),e=>new e,{fallback:t})}export{Y as Link,m as NixComponent,J as RouterView,o as Signal,u as batch,l as computed,g as createInjectionKey,K as createRouter,F as createStore,c as effect,N as html,C as inject,Z as lazy,P as mount,p as nextTick,S as provide,w as ref,T as repeat,s as signal,X as suspend,d as untrack,q as useRouter,f as watch};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deijose/nix-js",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "A lightweight, fully reactive micro-framework — no virtual DOM, no compiler, just signals and tagged templates.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
"no-vdom",
|
|
15
15
|
"frontend"
|
|
16
16
|
],
|
|
17
|
-
|
|
18
17
|
"exports": {
|
|
19
18
|
".": {
|
|
20
19
|
"import": {
|
|
@@ -27,30 +26,26 @@
|
|
|
27
26
|
}
|
|
28
27
|
}
|
|
29
28
|
},
|
|
30
|
-
"main":
|
|
29
|
+
"main": "./dist/lib/nix-js.cjs",
|
|
31
30
|
"module": "./dist/lib/nix-js.js",
|
|
32
|
-
"types":
|
|
33
|
-
|
|
31
|
+
"types": "./dist/lib/index.d.ts",
|
|
34
32
|
"files": [
|
|
35
33
|
"dist/lib",
|
|
36
34
|
"!dist/lib/*.map"
|
|
37
35
|
],
|
|
38
|
-
|
|
39
36
|
"sideEffects": false,
|
|
40
|
-
|
|
41
37
|
"engines": {
|
|
42
38
|
"node": ">=18.0.0"
|
|
43
39
|
},
|
|
44
|
-
|
|
45
40
|
"scripts": {
|
|
46
|
-
"dev":
|
|
47
|
-
"build":
|
|
48
|
-
"preview":
|
|
49
|
-
"build:lib": "vite build --config vite.lib.config.ts && tsc --project tsconfig.lib.json",
|
|
41
|
+
"dev": "vite",
|
|
42
|
+
"build": "tsc && vite build",
|
|
43
|
+
"preview": "vite preview",
|
|
44
|
+
"build:lib": "vite build --config vite.lib.config.ts && tsc --project tsconfig.lib.json && terser dist/lib/nix-js.js -c -m -o dist/lib/nix-js.js && terser dist/lib/nix-js.cjs -c -m -o dist/lib/nix-js.cjs",
|
|
50
45
|
"typecheck": "tsc --noEmit"
|
|
51
46
|
},
|
|
52
|
-
|
|
53
47
|
"devDependencies": {
|
|
48
|
+
"terser": "^5.46.0",
|
|
54
49
|
"typescript": "~5.9.3",
|
|
55
50
|
"vite": "^8.0.0-beta.13"
|
|
56
51
|
},
|