@deijose/nix-js 1.9.7 → 2.0.1
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/README.md +1 -0
- package/dist/lib/component.cjs +1 -1
- package/dist/lib/component.js +1 -1
- package/dist/lib/devtools.cjs +1 -0
- package/dist/lib/devtools.js +1 -0
- package/dist/lib/lifecycle.cjs +1 -1
- package/dist/lib/lifecycle.js +1 -1
- package/dist/lib/nix/devtools.d.ts +10 -0
- package/dist/lib/nix/lifecycle.d.ts +13 -0
- package/dist/lib/nix/reactivity.d.ts +5 -0
- package/dist/lib/nix/router.d.ts +15 -0
- package/dist/lib/nix/template/mount-helpers.d.ts +1 -1
- package/dist/lib/router.cjs +4 -4
- package/dist/lib/router.js +3 -3
- package/dist/lib/signals.cjs +1 -1
- package/dist/lib/signals.js +1 -1
- package/dist/lib/template2.cjs +1 -1
- package/dist/lib/template2.js +1 -1
- package/package.json +6 -1
package/README.md
CHANGED
|
@@ -36,6 +36,7 @@ import { html, repeat, transition } from "@deijose/nix-js/template";
|
|
|
36
36
|
import { mount } from "@deijose/nix-js/component";
|
|
37
37
|
import { NixComponent } from "@deijose/nix-js/lifecycle";
|
|
38
38
|
import { provide, inject, createInjectionKey } from "@deijose/nix-js/context";
|
|
39
|
+
import { enableDevTools } from "@deijose/nix-js/devtools";
|
|
39
40
|
```
|
|
40
41
|
|
|
41
42
|
This is optional: `import { ... } from "@deijose/nix-js"` remains fully supported.
|
package/dist/lib/component.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lifecycle.cjs"),t=require("./context.cjs"),n=require("./router.cjs");function r(t){let
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lifecycle.cjs"),t=require("./context.cjs"),n=require("./router.cjs");function r(t){let o="string"==typeof t?document.querySelector(t):t;if(!o)throw Error(`[Nix] mount: container not found: ${t}`);return o}function i(o,u,i){if(e.isNixComponent(o)){let c,p,l=r(u);e._debugComponentMountStart(o),t._pushComponentContext();try{i?.router&&t.provide(n.RouterKey,i.router);try{o.onInit?.()}catch(t){if(!o.onError)throw t;o.onError(t)}c=o.render()._render(l,null)}finally{e._debugComponentMountEnd(o),t._popComponentContext()}try{let t=o.onMount?.();"function"==typeof t&&(p=t)}catch(t){if(!o.onError)throw t;o.onError(t)}return{unmount(){try{o.onUnmount?.()}catch{}try{p?.()}catch{}c(),e._debugComponentUnmount(o)}}}if(!i?.router)return o.mount(u);let c,p=r(u);t._pushComponentContext();try{t.provide(n.RouterKey,i.router),c=o._render(p,null)}finally{t._popComponentContext()}return{unmount(){c()}}}exports.mount=i;
|
package/dist/lib/component.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{isNixComponent as
|
|
1
|
+
import{_debugComponentMountEnd as e,_debugComponentMountStart as t,_debugComponentUnmount as n,isNixComponent as r}from"./lifecycle.js";import{_popComponentContext as i,_pushComponentContext as a,provide as o}from"./context.js";import{RouterKey as s}from"./router.js";function c(o){let t="string"==typeof o?document.querySelector(o):o;if(!t)throw Error(`[Nix] mount: container not found: ${o}`);return t}function l(u,m,f){if(r(u)){let r,l,p=c(m);t(u),a();try{f?.router&&o(s,f.router);try{u.onInit?.()}catch(o){if(!u.onError)throw o;u.onError(o)}r=u.render()._render(p,null)}finally{e(u),i()}try{let o=u.onMount?.();"function"==typeof o&&(l=o)}catch(o){if(!u.onError)throw o;u.onError(o)}return{unmount(){try{u.onUnmount?.()}catch{}try{l?.()}catch{}r(),n(u)}}}if(!f?.router)return u.mount(m);let l,p=c(m);a();try{o(s,f.router),l=u._render(p,null)}finally{i()}return{unmount(){l()}}}export{l as mount};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./signals.cjs"),t=require("./lifecycle.cjs"),n=require("./router.cjs");var r={enabled:!1,activeTab:"signals",renderedTab:null,refreshId:null,root:null,panel:null,content:null,dispose:null,renderKeys:{signals:"",components:"",router:""},scrollMemo:{signals:{top:0,left:0},components:{top:0,left:0},router:{top:0,left:0}}},i=new Set,a=new WeakMap,o=1,s=new WeakMap,c=new Map,l=[],u=1;function d(e){return typeof WeakRef<"u"?new WeakRef(e):{deref:()=>e}}function f(e){return typeof WeakRef<"u"?new WeakRef(e):{deref:()=>e}}function p(e,t){let n=a.get(e);if(n)return n;let r=Date.now(),l={id:o++,createdAt:r,lastUpdated:r,history:[{at:r,value:t}]};return a.set(e,l),i.add(d(e)),l}function m(){let e=[];for(let t of Array.from(i)){let n=t.deref();if(!n){i.delete(t);continue}let o=a.get(n);if(!o)continue;let r=n._subs?.size??0;e.push({id:o.id,value:n.peek(),subscriberCount:r,createdAt:o.createdAt,lastUpdated:o.lastUpdated,history:o.history.slice()})}return e.sort((e,t)=>t.lastUpdated-e.lastUpdated),e}function h(e){let t=e._debugName;if(t&&t.trim())return t;let n=e.constructor;return n?.name&&n.name.trim()?n.name:"AnonymousComponent"}function g(e){let t=e._slots;return t instanceof Map?Array.from(t.keys()).map(e=>String(e)):[]}function _(e){let t={};for(let n of Object.keys(e)){if("__isNixComponent"===n||"children"===n||"_debugName"===n||n.startsWith("_"))continue;let o=e[n];"function"!=typeof o&&(t[n]=o)}return t}function v(e){if(!e)return[];if("*"===e)return["*"];let t=e.split("/").filter(Boolean),n=[],o="";for(let e of t)o+="/"+e,n.push(o);return n.length>0?n:["/"]}function y(){let e=[];for(let[t,n]of c){let o=n.ref.deref();o?(n.debugName=h(o),n.hasDefaultSlot=null!=o.children,n.slotNames=g(o),n.props=_(o),e.push({id:n.id,parentId:n.parentId,debugName:n.debugName,mountedAt:n.mountedAt,hasDefaultSlot:n.hasDefaultSlot,slotNames:[...n.slotNames],props:{...n.props}})):c.delete(t)}return e.sort((e,t)=>e.id-t.id),e}function b(e){let t=[e];for(;t.length>0;){let e=t.pop();for(let[n,o]of c)o.parentId===e&&t.push(n);c.delete(e)}}function x(){i.clear(),a=new WeakMap,o=1,s=new WeakMap,c.clear(),l.length=0,u=1}function S(e){if("string"==typeof e)return e;if("number"==typeof e||"boolean"==typeof e||null==e)return String(e);try{return JSON.stringify(e)}catch{return Object.prototype.toString.call(e)}}function C(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/\"/g,""").replace(/'/g,"'")}function w(e,t=90){let n=S(e);return n.length<=t?n:n.slice(0,t-1)+"…"}function T(e){if(!e)return"-";let t=Date.now()-e;return t<1e3?`${t}ms ago`:t<6e4?`${Math.floor(t/1e3)}s ago`:`${Math.floor(t/6e4)}m ago`}function E(e){let t=m(),n=`${t.length}:${t.map(e=>`${e.id}-${e.lastUpdated}-${e.subscriberCount}`).join("|")}`;if("signals"===r.renderedTab&&r.renderKeys.signals===n)return;r.renderKeys.signals=n,r.renderedTab="signals";let o=t.map(e=>{let t=S(e.value),n=w(e.value,120);return`<tr data-nix-devtools-signal-id="${e.id}">\n <td style="padding:6px 8px;white-space:nowrap;">${e.id}</td>\n <td style="padding:6px 8px;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace, SFMono-Regular, Menlo, monospace;" title="${C(t)}">${C(n)}</td>\n <td>${e.subscriberCount}</td>\n <td>${T(e.lastUpdated)}</td>\n </tr>`}).join("");e.innerHTML=`\n <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">\n <strong>Signals</strong>\n <span style="opacity:.8">${t.length} active</span>\n </div>\n <div data-nix-devtools-scroll="signals" style="max-height:260px;overflow:auto;overscroll-behavior:contain;border:1px solid #2f2f35;border-radius:8px;">\n <table style="width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed;">\n <thead>\n <tr style="background:#1f1f24;">\n <th style="text-align:left;padding:6px 8px;width:42px;">ID</th>\n <th style="text-align:left;padding:6px 8px;">Value</th>\n <th style="text-align:left;padding:6px 8px;width:50px;">Subs</th>\n <th style="text-align:left;padding:6px 8px;width:84px;">Updated</th>\n </tr>\n </thead>\n <tbody>${o}</tbody>\n </table>\n </div>\n <p style="margin:8px 0 0 0;font-size:11px;opacity:.75;">Click a row to log full history in console.</p>\n `;for(let n of e.querySelectorAll("tr[data-nix-devtools-signal-id]"))n.style.cursor="pointer",n.addEventListener("click",()=>{let e=Number(n.dataset.nixDevtoolsSignalId),o=t.find(t=>t.id===e);o&&(console.group(`[Nix DevTools] Signal #${o.id}`),console.log("Current value:",o.value),console.log("Subscribers:",o.subscriberCount),console.table(o.history.map(e=>({at:new Date(e.at).toISOString(),value:e.value}))),console.groupEnd())})}function D(e){let t=new Map,n=[];for(let n of e)t.set(n.id,{...n,children:[]});for(let e of t.values()){if(null==e.parentId){n.push(e);continue}let o=t.get(e.parentId);o?o.children.push(e):n.push(e)}return n}function O(e,t){let n=10+14*t,o=Object.keys(e.props).length>0?S(e.props):"{}",r=e.slotNames.length>0?e.slotNames.join(", "):"none";return`<div style="padding:6px 8px 6px ${n}px;border-bottom:1px solid #24242b;">\n <div><strong>${C(e.debugName)}</strong> <span style="opacity:.7">#${e.id}</span></div>\n <div style="font-size:11px;opacity:.8;">slots: ${r} | default-slot: ${e.hasDefaultSlot?"yes":"no"}</div>\n <div style="font-size:11px;opacity:.8;">props: ${C(w(o,180))}</div>\n </div>`+e.children.map(e=>O(e,t+1)).join("")}function k(e){let t=y(),n=`${t.length}:${t.map(e=>`${e.id}-${e.parentId}-${e.debugName}-${e.hasDefaultSlot}-${e.slotNames.join(",")}-${S(e.props)}`).join("|")}`;if("components"===r.renderedTab&&r.renderKeys.components===n)return;r.renderKeys.components=n,r.renderedTab="components";let o=D(t);e.innerHTML=`\n <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">\n <strong>Component Tree</strong>\n <span style="opacity:.8">${t.length} mounted</span>\n </div>\n <div data-nix-devtools-scroll="components" style="max-height:280px;overflow:auto;overscroll-behavior:contain;border:1px solid #2f2f35;border-radius:8px;">\n ${o.length>0?o.map(e=>O(e,0)).join(""):"<div style='padding:10px;opacity:.75'>No mounted components tracked. Enable devtools before your first mount() to capture initial tree.</div>"}\n </div>\n `}function A(e){let t=n._debugGetRouterInternal(),o=t?`${t.mode}|${t.base}|${t.currentPath}|${JSON.stringify(t.params)}|${JSON.stringify(t.query)}|${t.matchedPath}|${t.activeGuards.names.join(",")}`:"none";if("router"===r.renderedTab&&r.renderKeys.router===o)return;if(r.renderKeys.router=o,r.renderedTab="router",!t)return void(e.innerHTML='\n <strong>Router State</strong>\n <div style="margin-top:8px;opacity:.75">No active Nix router instance. Ensure your app uses createRouter()/RouterView from @deijose/nix-js/router.</div>\n ');let l=v(t.matchedPath);e.innerHTML=`\n <strong>Router State</strong>\n <div data-nix-devtools-scroll="router" style="margin-top:8px;font-size:12px;line-height:1.55;max-height:280px;overflow:auto;overscroll-behavior:contain;border:1px solid #2f2f35;border-radius:8px;padding:8px;">\n <div><b>mode</b>: ${t.mode}</div>\n <div><b>base</b>: ${t.base}</div>\n <div><b>current</b>: ${C(t.currentPath)}</div>\n <div><b>params</b>: ${C(S(t.params))}</div>\n <div><b>query</b>: ${C(S(t.query))}</div>\n <div><b>matched</b>: ${C(t.matchedPath??"none")}</div>\n <div><b>matched chain</b>: ${l.length>0?C(l.join(" -> ")):"none"}</div>\n <div><b>guards</b>: ${t.activeGuards.names.length>0?C(t.activeGuards.names.join(", ")):"none"}</div>\n </div>\n `}function j(e){if(!r.content)return;let t=r.content.querySelector(`[data-nix-devtools-scroll='${e}']`);t&&(r.scrollMemo[e]={top:t.scrollTop,left:t.scrollLeft})}function M(e){if(!r.content)return;let t=r.content.querySelector(`[data-nix-devtools-scroll='${e}']`);if(!t)return;let n=r.scrollMemo[e];t.scrollTop=n.top,t.scrollLeft=n.left,"1"!==t.dataset.nixDevtoolsScrollBound&&(t.addEventListener("scroll",()=>{r.scrollMemo[e]={top:t.scrollTop,left:t.scrollLeft}},{passive:!0}),t.dataset.nixDevtoolsScrollBound="1")}function N(e=!1){if(!r.content)return;let t=r.activeTab;return e||j(t),"signals"===r.activeTab?(E(r.content),void M("signals")):"components"===r.activeTab?(k(r.content),void M("components")):(A(r.content),void M("router"))}function P(){if(r.panel)for(let e of r.panel.querySelectorAll("button[data-nix-devtools-tab]")){let t=e.dataset.nixDevtoolsTab===r.activeTab;e.style.background=t?"#2d4c7a":"#1f1f24"}}function F(e){let t=document.createElement("div");t.setAttribute("data-nix-devtools-root",""),t.style.position="fixed",t.style.zIndex="2147483647",t.style.bottom="16px",t.style.right="bottom-right"===e.position?"16px":"auto",t.style.left="bottom-left"===e.position?"16px":"auto",t.style.fontFamily="ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif";let n=document.createElement("button");n.type="button",n.textContent="Nix DevTools",n.setAttribute("data-nix-devtools-button",""),n.style.background="#111827",n.style.color="#f9fafb",n.style.border="1px solid #374151",n.style.borderRadius="999px",n.style.padding="8px 12px",n.style.cursor="pointer",n.style.boxShadow="0 6px 18px rgba(0,0,0,.3)";let o=document.createElement("div");o.setAttribute("data-nix-devtools-panel",""),o.style.marginTop="8px",o.style.width="460px",o.style.maxWidth="min(92vw, 460px)",o.style.background="#15151b",o.style.color="#e5e7eb",o.style.border="1px solid #2f2f35",o.style.borderRadius="12px",o.style.padding="10px",o.style.display="none",o.style.boxShadow="0 14px 28px rgba(0,0,0,.35)";let l=document.createElement("div");l.style.display="flex",l.style.gap="6px",l.style.marginBottom="10px";let s=document.createElement("div");s.setAttribute("data-nix-devtools-content","");let a=(e,t)=>{let n=document.createElement("button");return n.type="button",n.textContent=t,n.setAttribute("data-nix-devtools-tab",e),n.style.border="1px solid #353543",n.style.borderRadius="8px",n.style.padding="6px 9px",n.style.background="#1f1f24",n.style.color="#d1d5db",n.style.cursor="pointer",n.addEventListener("click",()=>{r.activeTab=e,P(),N(!0)}),n};l.appendChild(a("signals","Signals")),l.appendChild(a("components","Components")),l.appendChild(a("router","Router")),n.addEventListener("click",()=>{o.style.display="none"===o.style.display?"block":"none","block"===o.style.display&&(P(),N(!0))}),o.appendChild(l),o.appendChild(s),t.appendChild(n),t.appendChild(o),document.body.appendChild(t),r.root=t,r.panel=o,r.content=s}function I(){r.enabled&&(r.enabled=!1,null!=r.refreshId&&(clearInterval(r.refreshId),r.refreshId=null),e._setSignalDebugHooks(null),t._setComponentDebugHooks(null),x(),r.root?.parentNode&&r.root.parentNode.removeChild(r.root),r.root=null,r.panel=null,r.content=null,r.dispose=null,r.renderedTab=null,r.renderKeys={signals:"",components:"",router:""},r.scrollMemo={signals:{top:0,left:0},components:{top:0,left:0},router:{top:0,left:0}})}function L(n={}){if(typeof document>"u")return{disable:()=>{}};if(r.enabled&&r.dispose)return{disable:r.dispose};let o=Math.max(100,n.refreshMs??350),a=Math.max(1,n.historyLimit??50),i=n.position??"bottom-right";r.enabled=!0,r.activeTab="signals",e._setSignalDebugHooks({onCreate(e,t){p(e,t)},onWrite(e,t){let n=p(e,t),o=Date.now();n.lastUpdated=o,n.history.push({at:o,value:t}),n.history.length>a&&n.history.splice(0,n.history.length-a)}}),t._setComponentDebugHooks({onMountStart(e){let t=s.get(e);t??(t=u++,s.set(e,t));let n=l.length>0?l[l.length-1]:null;c.set(t,{id:t,parentId:n,debugName:h(e),mountedAt:Date.now(),hasDefaultSlot:null!=e.children,slotNames:g(e),props:_(e),ref:f(e)}),l.push(t)},onMountEnd(e){let t=s.get(e);if(null==t)return;let n=c.get(t);if(n&&(n.debugName=h(e),n.hasDefaultSlot=null!=e.children,n.slotNames=g(e),n.props=_(e)),l[l.length-1]===t)return void l.pop();let o=l.lastIndexOf(t);o>=0&&l.splice(o,1)},onUnmount(e){let t=s.get(e);if(null==t)return;b(t);let n=l.lastIndexOf(t);n>=0&&l.splice(n,1)}}),F({position:i}),r.refreshId=setInterval(()=>{"block"===r.panel?.style.display&&N()},o),n.initiallyOpen&&r.panel&&(r.panel.style.display="block",P(),N(!0));let d=()=>I();return r.dispose=d,{disable:d}}exports.disableDevTools=I,exports.enableDevTools=L;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{_setSignalDebugHooks as e}from"./signals.js";import{_setComponentDebugHooks as t}from"./lifecycle.js";import{_debugGetRouterInternal as n}from"./router.js";var r={enabled:!1,activeTab:"signals",renderedTab:null,refreshId:null,root:null,panel:null,content:null,dispose:null,renderKeys:{signals:"",components:"",router:""},scrollMemo:{signals:{top:0,left:0},components:{top:0,left:0},router:{top:0,left:0}}},i=new Set,a=new WeakMap,o=1,s=new WeakMap,c=new Map,l=[],u=1;function d(e){return typeof WeakRef<"u"?new WeakRef(e):{deref:()=>e}}function f(e){return typeof WeakRef<"u"?new WeakRef(e):{deref:()=>e}}function p(e,t){let n=a.get(e);if(n)return n;let r=Date.now(),l={id:o++,createdAt:r,lastUpdated:r,history:[{at:r,value:t}]};return a.set(e,l),i.add(d(e)),l}function m(){let e=[];for(let t of Array.from(i)){let n=t.deref();if(!n){i.delete(t);continue}let o=a.get(n);if(!o)continue;let r=n._subs?.size??0;e.push({id:o.id,value:n.peek(),subscriberCount:r,createdAt:o.createdAt,lastUpdated:o.lastUpdated,history:o.history.slice()})}return e.sort((e,t)=>t.lastUpdated-e.lastUpdated),e}function h(e){let t=e._debugName;if(t&&t.trim())return t;let n=e.constructor;return n?.name&&n.name.trim()?n.name:"AnonymousComponent"}function g(e){let t=e._slots;return t instanceof Map?Array.from(t.keys()).map(e=>String(e)):[]}function _(e){let t={};for(let n of Object.keys(e)){if("__isNixComponent"===n||"children"===n||"_debugName"===n||n.startsWith("_"))continue;let o=e[n];"function"!=typeof o&&(t[n]=o)}return t}function v(e){if(!e)return[];if("*"===e)return["*"];let t=e.split("/").filter(Boolean),n=[],o="";for(let e of t)o+="/"+e,n.push(o);return n.length>0?n:["/"]}function y(){let e=[];for(let[t,n]of c){let o=n.ref.deref();o?(n.debugName=h(o),n.hasDefaultSlot=null!=o.children,n.slotNames=g(o),n.props=_(o),e.push({id:n.id,parentId:n.parentId,debugName:n.debugName,mountedAt:n.mountedAt,hasDefaultSlot:n.hasDefaultSlot,slotNames:[...n.slotNames],props:{...n.props}})):c.delete(t)}return e.sort((e,t)=>e.id-t.id),e}function b(e){let t=[e];for(;t.length>0;){let e=t.pop();for(let[n,o]of c)o.parentId===e&&t.push(n);c.delete(e)}}function x(){i.clear(),a=new WeakMap,o=1,s=new WeakMap,c.clear(),l.length=0,u=1}function S(e){if("string"==typeof e)return e;if("number"==typeof e||"boolean"==typeof e||null==e)return String(e);try{return JSON.stringify(e)}catch{return Object.prototype.toString.call(e)}}function C(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/\"/g,""").replace(/'/g,"'")}function w(e,t=90){let n=S(e);return n.length<=t?n:n.slice(0,t-1)+"…"}function T(e){if(!e)return"-";let t=Date.now()-e;return t<1e3?`${t}ms ago`:t<6e4?`${Math.floor(t/1e3)}s ago`:`${Math.floor(t/6e4)}m ago`}function E(e){let t=m(),n=`${t.length}:${t.map(e=>`${e.id}-${e.lastUpdated}-${e.subscriberCount}`).join("|")}`;if("signals"===r.renderedTab&&r.renderKeys.signals===n)return;r.renderKeys.signals=n,r.renderedTab="signals";let o=t.map(e=>{let t=S(e.value),n=w(e.value,120);return`<tr data-nix-devtools-signal-id="${e.id}">\n <td style="padding:6px 8px;white-space:nowrap;">${e.id}</td>\n <td style="padding:6px 8px;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace, SFMono-Regular, Menlo, monospace;" title="${C(t)}">${C(n)}</td>\n <td>${e.subscriberCount}</td>\n <td>${T(e.lastUpdated)}</td>\n </tr>`}).join("");e.innerHTML=`\n <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">\n <strong>Signals</strong>\n <span style="opacity:.8">${t.length} active</span>\n </div>\n <div data-nix-devtools-scroll="signals" style="max-height:260px;overflow:auto;overscroll-behavior:contain;border:1px solid #2f2f35;border-radius:8px;">\n <table style="width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed;">\n <thead>\n <tr style="background:#1f1f24;">\n <th style="text-align:left;padding:6px 8px;width:42px;">ID</th>\n <th style="text-align:left;padding:6px 8px;">Value</th>\n <th style="text-align:left;padding:6px 8px;width:50px;">Subs</th>\n <th style="text-align:left;padding:6px 8px;width:84px;">Updated</th>\n </tr>\n </thead>\n <tbody>${o}</tbody>\n </table>\n </div>\n <p style="margin:8px 0 0 0;font-size:11px;opacity:.75;">Click a row to log full history in console.</p>\n `;for(let n of e.querySelectorAll("tr[data-nix-devtools-signal-id]"))n.style.cursor="pointer",n.addEventListener("click",()=>{let e=Number(n.dataset.nixDevtoolsSignalId),o=t.find(t=>t.id===e);o&&(console.group(`[Nix DevTools] Signal #${o.id}`),console.log("Current value:",o.value),console.log("Subscribers:",o.subscriberCount),console.table(o.history.map(e=>({at:new Date(e.at).toISOString(),value:e.value}))),console.groupEnd())})}function D(e){let t=new Map,n=[];for(let n of e)t.set(n.id,{...n,children:[]});for(let e of t.values()){if(null==e.parentId){n.push(e);continue}let o=t.get(e.parentId);o?o.children.push(e):n.push(e)}return n}function O(e,t){let n=10+14*t,o=Object.keys(e.props).length>0?S(e.props):"{}",r=e.slotNames.length>0?e.slotNames.join(", "):"none";return`<div style="padding:6px 8px 6px ${n}px;border-bottom:1px solid #24242b;">\n <div><strong>${C(e.debugName)}</strong> <span style="opacity:.7">#${e.id}</span></div>\n <div style="font-size:11px;opacity:.8;">slots: ${r} | default-slot: ${e.hasDefaultSlot?"yes":"no"}</div>\n <div style="font-size:11px;opacity:.8;">props: ${C(w(o,180))}</div>\n </div>`+e.children.map(e=>O(e,t+1)).join("")}function k(e){let t=y(),n=`${t.length}:${t.map(e=>`${e.id}-${e.parentId}-${e.debugName}-${e.hasDefaultSlot}-${e.slotNames.join(",")}-${S(e.props)}`).join("|")}`;if("components"===r.renderedTab&&r.renderKeys.components===n)return;r.renderKeys.components=n,r.renderedTab="components";let o=D(t);e.innerHTML=`\n <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">\n <strong>Component Tree</strong>\n <span style="opacity:.8">${t.length} mounted</span>\n </div>\n <div data-nix-devtools-scroll="components" style="max-height:280px;overflow:auto;overscroll-behavior:contain;border:1px solid #2f2f35;border-radius:8px;">\n ${o.length>0?o.map(e=>O(e,0)).join(""):"<div style='padding:10px;opacity:.75'>No mounted components tracked. Enable devtools before your first mount() to capture initial tree.</div>"}\n </div>\n `}function A(e){let t=n(),o=t?`${t.mode}|${t.base}|${t.currentPath}|${JSON.stringify(t.params)}|${JSON.stringify(t.query)}|${t.matchedPath}|${t.activeGuards.names.join(",")}`:"none";if("router"===r.renderedTab&&r.renderKeys.router===o)return;if(r.renderKeys.router=o,r.renderedTab="router",!t)return void(e.innerHTML='\n <strong>Router State</strong>\n <div style="margin-top:8px;opacity:.75">No active Nix router instance. Ensure your app uses createRouter()/RouterView from @deijose/nix-js/router.</div>\n ');let l=v(t.matchedPath);e.innerHTML=`\n <strong>Router State</strong>\n <div data-nix-devtools-scroll="router" style="margin-top:8px;font-size:12px;line-height:1.55;max-height:280px;overflow:auto;overscroll-behavior:contain;border:1px solid #2f2f35;border-radius:8px;padding:8px;">\n <div><b>mode</b>: ${t.mode}</div>\n <div><b>base</b>: ${t.base}</div>\n <div><b>current</b>: ${C(t.currentPath)}</div>\n <div><b>params</b>: ${C(S(t.params))}</div>\n <div><b>query</b>: ${C(S(t.query))}</div>\n <div><b>matched</b>: ${C(t.matchedPath??"none")}</div>\n <div><b>matched chain</b>: ${l.length>0?C(l.join(" -> ")):"none"}</div>\n <div><b>guards</b>: ${t.activeGuards.names.length>0?C(t.activeGuards.names.join(", ")):"none"}</div>\n </div>\n `}function j(e){if(!r.content)return;let t=r.content.querySelector(`[data-nix-devtools-scroll='${e}']`);t&&(r.scrollMemo[e]={top:t.scrollTop,left:t.scrollLeft})}function M(e){if(!r.content)return;let t=r.content.querySelector(`[data-nix-devtools-scroll='${e}']`);if(!t)return;let n=r.scrollMemo[e];t.scrollTop=n.top,t.scrollLeft=n.left,"1"!==t.dataset.nixDevtoolsScrollBound&&(t.addEventListener("scroll",()=>{r.scrollMemo[e]={top:t.scrollTop,left:t.scrollLeft}},{passive:!0}),t.dataset.nixDevtoolsScrollBound="1")}function N(e=!1){if(!r.content)return;let t=r.activeTab;return e||j(t),"signals"===r.activeTab?(E(r.content),void M("signals")):"components"===r.activeTab?(k(r.content),void M("components")):(A(r.content),void M("router"))}function P(){if(r.panel)for(let e of r.panel.querySelectorAll("button[data-nix-devtools-tab]")){let t=e.dataset.nixDevtoolsTab===r.activeTab;e.style.background=t?"#2d4c7a":"#1f1f24"}}function F(e){let t=document.createElement("div");t.setAttribute("data-nix-devtools-root",""),t.style.position="fixed",t.style.zIndex="2147483647",t.style.bottom="16px",t.style.right="bottom-right"===e.position?"16px":"auto",t.style.left="bottom-left"===e.position?"16px":"auto",t.style.fontFamily="ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif";let n=document.createElement("button");n.type="button",n.textContent="Nix DevTools",n.setAttribute("data-nix-devtools-button",""),n.style.background="#111827",n.style.color="#f9fafb",n.style.border="1px solid #374151",n.style.borderRadius="999px",n.style.padding="8px 12px",n.style.cursor="pointer",n.style.boxShadow="0 6px 18px rgba(0,0,0,.3)";let o=document.createElement("div");o.setAttribute("data-nix-devtools-panel",""),o.style.marginTop="8px",o.style.width="460px",o.style.maxWidth="min(92vw, 460px)",o.style.background="#15151b",o.style.color="#e5e7eb",o.style.border="1px solid #2f2f35",o.style.borderRadius="12px",o.style.padding="10px",o.style.display="none",o.style.boxShadow="0 14px 28px rgba(0,0,0,.35)";let l=document.createElement("div");l.style.display="flex",l.style.gap="6px",l.style.marginBottom="10px";let s=document.createElement("div");s.setAttribute("data-nix-devtools-content","");let a=(e,t)=>{let n=document.createElement("button");return n.type="button",n.textContent=t,n.setAttribute("data-nix-devtools-tab",e),n.style.border="1px solid #353543",n.style.borderRadius="8px",n.style.padding="6px 9px",n.style.background="#1f1f24",n.style.color="#d1d5db",n.style.cursor="pointer",n.addEventListener("click",()=>{r.activeTab=e,P(),N(!0)}),n};l.appendChild(a("signals","Signals")),l.appendChild(a("components","Components")),l.appendChild(a("router","Router")),n.addEventListener("click",()=>{o.style.display="none"===o.style.display?"block":"none","block"===o.style.display&&(P(),N(!0))}),o.appendChild(l),o.appendChild(s),t.appendChild(n),t.appendChild(o),document.body.appendChild(t),r.root=t,r.panel=o,r.content=s}function I(){r.enabled&&(r.enabled=!1,null!=r.refreshId&&(clearInterval(r.refreshId),r.refreshId=null),e(null),t(null),x(),r.root?.parentNode&&r.root.parentNode.removeChild(r.root),r.root=null,r.panel=null,r.content=null,r.dispose=null,r.renderedTab=null,r.renderKeys={signals:"",components:"",router:""},r.scrollMemo={signals:{top:0,left:0},components:{top:0,left:0},router:{top:0,left:0}})}function L(n={}){if(typeof document>"u")return{disable:()=>{}};if(r.enabled&&r.dispose)return{disable:r.dispose};let o=Math.max(100,n.refreshMs??350),a=Math.max(1,n.historyLimit??50),i=n.position??"bottom-right";r.enabled=!0,r.activeTab="signals",e({onCreate(e,t){p(e,t)},onWrite(e,t){let n=p(e,t),o=Date.now();n.lastUpdated=o,n.history.push({at:o,value:t}),n.history.length>a&&n.history.splice(0,n.history.length-a)}}),t({onMountStart(e){let t=s.get(e);t??(t=u++,s.set(e,t));let n=l.length>0?l[l.length-1]:null;c.set(t,{id:t,parentId:n,debugName:h(e),mountedAt:Date.now(),hasDefaultSlot:null!=e.children,slotNames:g(e),props:_(e),ref:f(e)}),l.push(t)},onMountEnd(e){let t=s.get(e);if(null==t)return;let n=c.get(t);if(n&&(n.debugName=h(e),n.hasDefaultSlot=null!=e.children,n.slotNames=g(e),n.props=_(e)),l[l.length-1]===t)return void l.pop();let o=l.lastIndexOf(t);o>=0&&l.splice(o,1)},onUnmount(e){let t=s.get(e);if(null==t)return;b(t);let n=l.lastIndexOf(t);n>=0&&l.splice(n,1)}}),F({position:i}),r.refreshId=setInterval(()=>{"block"===r.panel?.style.display&&N()},o),n.initiallyOpen&&r.panel&&(r.panel.style.display="block",P(),N(!0));let d=()=>I();return r.dispose=d,{disable:d}}export{I as disableDevTools,L as enableDevTools};
|
package/dist/lib/lifecycle.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=class{__isNixComponent=!0;children;_slots=new Map;setChildren(t){return this.children=t,this}setSlot(t,
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=class{__isNixComponent=!0;children;_debugName;_slots=new Map;setChildren(t){return this.children=t,this}setSlot(t,n){return this._slots.set(t,n),this}slot(t){return this._slots.get(t)}setDebugName(t){return this._debugName=t,this}};function t(t){return"object"==typeof t&&!!t&&!0===t.__isNixComponent}var n=null;function r(t){n=t}function i(t){n?.onMountStart?.(t)}function a(t){n?.onMountEnd?.(t)}function o(t){n?.onUnmount?.(t)}exports.NixComponent=e,exports._debugComponentMountEnd=a,exports._debugComponentMountStart=i,exports._debugComponentUnmount=o,exports._setComponentDebugHooks=r,exports.isNixComponent=t;
|
package/dist/lib/lifecycle.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=class{__isNixComponent=!0;children;_slots=new Map;setChildren(
|
|
1
|
+
var e=class{__isNixComponent=!0;children;_debugName;_slots=new Map;setChildren(n){return this.children=n,this}setSlot(n,t){return this._slots.set(n,t),this}slot(n){return this._slots.get(n)}setDebugName(n){return this._debugName=n,this}};function t(n){return"object"==typeof n&&!!n&&!0===n.__isNixComponent}var n=null;function r(t){n=t}function i(t){n?.onMountStart?.(t)}function a(t){n?.onMountEnd?.(t)}function o(t){n?.onUnmount?.(t)}export{e as NixComponent,a as _debugComponentMountEnd,i as _debugComponentMountStart,o as _debugComponentUnmount,r as _setComponentDebugHooks,t as isNixComponent};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface DevToolsOptions {
|
|
2
|
+
refreshMs?: number;
|
|
3
|
+
historyLimit?: number;
|
|
4
|
+
initiallyOpen?: boolean;
|
|
5
|
+
position?: "bottom-right" | "bottom-left";
|
|
6
|
+
}
|
|
7
|
+
export declare function disableDevTools(): void;
|
|
8
|
+
export declare function enableDevTools(options?: DevToolsOptions): {
|
|
9
|
+
disable: () => void;
|
|
10
|
+
};
|
|
@@ -7,6 +7,8 @@ export declare abstract class NixComponent {
|
|
|
7
7
|
readonly __isNixComponent: true;
|
|
8
8
|
/** Default slot — child content injected by the parent. */
|
|
9
9
|
children?: NixChildren;
|
|
10
|
+
/** Optional label used by devtools. Falls back to class name. */
|
|
11
|
+
_debugName?: string;
|
|
10
12
|
/** @internal */
|
|
11
13
|
private _slots;
|
|
12
14
|
/** Sets the default slot content. Returns `this` for chaining. */
|
|
@@ -15,6 +17,8 @@ export declare abstract class NixComponent {
|
|
|
15
17
|
setSlot(name: string, content: NixChildren): this;
|
|
16
18
|
/** Returns content for a named slot. */
|
|
17
19
|
slot(name: string): NixChildren;
|
|
20
|
+
/** Sets an explicit devtools display name. Returns `this` for chaining. */
|
|
21
|
+
setDebugName(name: string): this;
|
|
18
22
|
/** Returns the component template. Called once on mount; updates happen via signals. */
|
|
19
23
|
abstract render(): NixTemplate;
|
|
20
24
|
/** Called before `render()` — no DOM yet. Errors are caught by `onError` if present. */
|
|
@@ -28,3 +32,12 @@ export declare abstract class NixComponent {
|
|
|
28
32
|
}
|
|
29
33
|
/** @internal */
|
|
30
34
|
export declare function isNixComponent(v: unknown): v is NixComponent;
|
|
35
|
+
export interface _ComponentDebugHooks {
|
|
36
|
+
onMountStart?: (inst: NixComponent) => void;
|
|
37
|
+
onMountEnd?: (inst: NixComponent) => void;
|
|
38
|
+
onUnmount?: (inst: NixComponent) => void;
|
|
39
|
+
}
|
|
40
|
+
export declare function _setComponentDebugHooks(hooks: _ComponentDebugHooks | null): void;
|
|
41
|
+
export declare function _debugComponentMountStart(inst: NixComponent): void;
|
|
42
|
+
export declare function _debugComponentMountEnd(inst: NixComponent): void;
|
|
43
|
+
export declare function _debugComponentUnmount(inst: NixComponent): void;
|
|
@@ -6,6 +6,11 @@
|
|
|
6
6
|
export declare function _pushErrorHandler(h: (err: unknown) => void): void;
|
|
7
7
|
/** @internal — Restore the previous error boundary handler. */
|
|
8
8
|
export declare function _popErrorHandler(): void;
|
|
9
|
+
export interface _SignalDebugHooks {
|
|
10
|
+
onCreate?: (signal: Signal<any>, initialValue: unknown) => void;
|
|
11
|
+
onWrite?: (signal: Signal<any>, value: unknown) => void;
|
|
12
|
+
}
|
|
13
|
+
export declare function _setSignalDebugHooks(hooks: _SignalDebugHooks | null): void;
|
|
9
14
|
/** @internal — notify buffer capacity, exposed for tests. */
|
|
10
15
|
export declare function _getNotifyBufSize(): number;
|
|
11
16
|
export declare class Signal<T> {
|
package/dist/lib/nix/router.d.ts
CHANGED
|
@@ -122,6 +122,19 @@ export interface Router {
|
|
|
122
122
|
}
|
|
123
123
|
/** DI key for router instances. Useful to mount multiple app trees with isolated routers. */
|
|
124
124
|
export declare const RouterKey: import("./context").InjectionKey<Router>;
|
|
125
|
+
export interface _RouterDebugInternal {
|
|
126
|
+
mode: RouterMode;
|
|
127
|
+
base: string;
|
|
128
|
+
currentPath: string;
|
|
129
|
+
params: Record<string, string>;
|
|
130
|
+
query: Record<string, string>;
|
|
131
|
+
matchedPath: string | null;
|
|
132
|
+
activeGuards: {
|
|
133
|
+
globalCount: number;
|
|
134
|
+
hasRouteGuard: boolean;
|
|
135
|
+
names: string[];
|
|
136
|
+
};
|
|
137
|
+
}
|
|
125
138
|
/**
|
|
126
139
|
* Creates the History API router and sets it as the active singleton.
|
|
127
140
|
* In production the server must serve `index.html` for all non-file routes.
|
|
@@ -137,6 +150,8 @@ export declare function useRouter(): Router;
|
|
|
137
150
|
* "A router already exists" warnings between test cases.
|
|
138
151
|
*/
|
|
139
152
|
export declare function _resetRouter(): void;
|
|
153
|
+
/** @internal — lightweight router state accessor for optional devtools modules. */
|
|
154
|
+
export declare function _debugGetRouterInternal(): _RouterDebugInternal | null;
|
|
140
155
|
/** Renders the matched route component at the given nesting `depth`. */
|
|
141
156
|
export declare class RouterView extends NixComponent {
|
|
142
157
|
private _depth;
|
package/dist/lib/router.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./signals.cjs"),t=require("./template2.cjs"),n=require("./lifecycle.cjs"),r=require("./context.cjs");var i=r.createInjectionKey("nix:router"),a=null,o=null,s="__nix_scroll";function c(){if(!a)throw Error("[Nix] No active router. Call createRouter() first.");return a}function l(){return{left:window.scrollX??window.pageXOffset??0,top:window.scrollY??window.pageYOffset??0}}function u(e){if(!e||"object"!=typeof e)return null;let t=e[s];if(!t||"object"!=typeof t)return null;let r=t.left,n=t.top;return"number"!=typeof r||"number"!=typeof n?null:{left:r,top:n}}function d(e,t){let r=e&&"object"==typeof e?{...e}:{};return r[s]={left:t.left,top:t.top},r}function f(e){let t={};return new URLSearchParams(e).forEach((e,r)=>{t[r]=e}),t}function p(e){let t=new URLSearchParams;for(let[r,n]of Object.entries(e))null!=n&&!1!==n&&t.set(r,String(n));let r=t.toString();return r?"?"+r:""}function m(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 h(e,t){return"*"===t?""===e?"*":e+"/*":(e+(t.startsWith("/")?t:"/"+t)).replace(/\/+/g,"/")||"/"}function g(e,t="",r=[]){let n=[];for(let
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./signals.cjs"),t=require("./template2.cjs"),n=require("./lifecycle.cjs"),r=require("./context.cjs");var i=r.createInjectionKey("nix:router"),a=null,o=null,s="__nix_scroll";function c(){if(!a)throw Error("[Nix] No active router. Call createRouter() first.");return a}function l(){return{left:window.scrollX??window.pageXOffset??0,top:window.scrollY??window.pageYOffset??0}}function u(e){if(!e||"object"!=typeof e)return null;let t=e[s];if(!t||"object"!=typeof t)return null;let r=t.left,n=t.top;return"number"!=typeof r||"number"!=typeof n?null:{left:r,top:n}}function d(e,t){let r=e&&"object"==typeof e?{...e}:{};return r[s]={left:t.left,top:t.top},r}function f(e){let t={};return new URLSearchParams(e).forEach((e,r)=>{t[r]=e}),t}function p(e){let t=new URLSearchParams;for(let[r,n]of Object.entries(e))null!=n&&!1!==n&&t.set(r,String(n));let r=t.toString();return r?"?"+r:""}function m(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 h(e,t){return"*"===t?""===e?"*":e+"/*":(e+(t.startsWith("/")?t:"/"+t)).replace(/\/+/g,"/")||"/"}function g(e,t="",r=[]){let n=[];for(let a of e){let e=h(t,a.path),o=[...r,a.component],l=m(e);n.push({fullPath:e,segments:l,chain:o,name:a.name,meta:a.meta,beforeEnter:a.beforeEnter,record:a}),a.children?.length&&n.push(...g(a.children,e,o))}return n}function _(e,t){let r=e.split("/").filter(Boolean),n=t.segments;if(1===n.length&&"wildcard"===n[0].kind)return{};let a=n.length>0&&"wildcard"===n[n.length-1].kind,o=a?n.slice(0,-1):n;if(a){if(r.length<o.length)return null}else if(r.length!==o.length)return null;let l={};for(let e=0;e<o.length;e++){let t=o[e];if("literal"===t.kind){if(r[e]!==t.value)return null}else if("param"===t.kind)try{l[t.name]=decodeURIComponent(r[e]??"")}catch{l[t.name]=r[e]??""}}return l}function v(e){return e.segments.reduce((e,t)=>"literal"===t.kind?e+2:"param"===t.kind?e+1:e,0)}function y(e,t){let r,n={},a=-1;for(let o of t){let t=_(e,o);if(null===t)continue;let l=v(o);l>a&&(r=o,n=t,a=l)}return r?{route:r,params:n}:void 0}function b(e){let t=e.trim();return t&&"/"!==t?(t.startsWith("/")||(t="/"+t),t.endsWith("/")&&(t=t.slice(0,-1)),t):""}function x(){if(typeof document>"u")return"";let e=document.querySelector("base");if(!e)return"";let t=e.getAttribute("href")||"";try{return b(new URL(t,window.location.origin).pathname)}catch{return b(t)}}function S(t,r){let n=null==r?.base?x():b(r.base),i=r?.mode??"history",s="hash"===i,c=r?.scrollBehavior,h=new Map,m=!1;function v(e){return e?e.startsWith("/")?e:"/"+e:"/"}function w(e){let t=v(e||"/");if(n&&t.startsWith(n)){let e=t.slice(n.length);return""===e?"/":v(e)}return t}function _(){return s?function(){let e=window.location.hash||"";if(e.startsWith("#")&&(e=e.slice(1)),!e)return{pathname:"/",search:""};e.startsWith("/")||(e="/"+e);let t=e.indexOf("?"),r=-1===t?e:e.slice(0,t),n=-1===t?"":e.slice(t);return{pathname:w(r),search:n}}():{pathname:w(window.location.pathname||"/"),search:window.location.search||""}}function E(e,t){let r=function(e){let t=v(e);return n?(n+t).replace(/\/+/g,"/")||"/":t}(e)+p(t);return s?"#"+r:r}function k(e,t){return v(e)+p(t)}let S=_(),R=S.pathname,j=f(S.search),q=g(t),W=new Map;for(let e of q)e.name&&(W.has(e.name)&&console.warn(`[Nix Router] Duplicate route name: "${e.name}"`),W.set(e.name,e));let $=y(R,q),C=e.signal(R),O=e.signal($?.params??{}),N=e.signal(j);function L(e){window.scrollTo(e.left,e.top)}function P(e,t,r){if(c){let n=c(e,t,r);if(!1===n||null==n)return;return void L(n)}L(r??{left:0,top:0})}s?h.set(k(R,j),l()):history.replaceState(d(history.state,l()),"");let M=[],T=[],U=0;function B(e,t,r,n,a){let o=[...M];r&&o.push(r);let l=++U;if(0===o.length)return void n();let i=0;!function r(u){if(l!==U)return;if(!1===u)return void a?.();if("string"==typeof u)return void(u===e?n():K(u));if(i>=o.length)return void n();let s=o[i++](e,t);s instanceof Promise?s.then(r):r(s)}(void 0)}let D=!1;function I(e,t){let r=e.indexOf("?"),n=v((-1===r?e:e.slice(0,r))||"/"),a=-1===r?{}:f(e.slice(r)),o=t?{...a,...t}:a,l={};for(let[e,t]of Object.entries(o))null!=t&&!1!==t&&(l[e]=String(t));return{pathname:n,stringQuery:l}}function A(e,t){return"string"==typeof e?I(e,t):I(function(e){let t=W.get(e.name);if(!t)throw Error(`[Nix Router] No route with name "${e.name}"`);return"/"+t.segments.map(t=>{if("literal"===t.kind)return t.value;if("wildcard"===t.kind)return"";let r=e.params?.[t.name];if(null==r)throw Error(`[Nix Router] Missing param "${t.name}" for route "${e.name}"`);return encodeURIComponent(String(r))}).filter(Boolean).join("/")}(e),{...e.query??{},...t??{}})}o&&=(o(),null);let G=(e,t,r,n)=>{let a=C.value,o={...N.value},l=y(e,q);B(e,a,l?.route.beforeEnter,()=>{O.value=l?.params??{},N.value=t,C.value=e,P(e,a,r);for(let t of T)try{t(e,a)}catch{}},()=>n(a,o))};if(s){let e=()=>{if(m)return void(m=!1);let e=_(),t=f(e.search),r=h.get(k(e.pathname,t))??null;G(e.pathname,t,r,(e,t)=>{m=!0,window.location.hash=E(e,t).slice(1),queueMicrotask(()=>{m=!1})})};window.addEventListener("hashchange",e),o=()=>window.removeEventListener("hashchange",e)}else{let e=e=>{let t=_(),r=f(t.search),n=u(e.state??history.state);G(t.pathname,r,n,(e,t)=>{history.pushState(d({},l()),"",E(e,t))})};window.addEventListener("popstate",e),o=()=>window.removeEventListener("popstate",e)}function Q(e,t,r,n,a,o){o||function(e,t){let r=l();s?h.set(k(e,t),r):history.replaceState(d(history.state,r),"")}(r,n),O.value=a?.params??{},N.value=t,C.value=e;let i=E(e,t);if(s)h.set(k(e,t),{left:0,top:0}),o?history.replaceState(history.state,"",i):(m=!0,window.location.hash=i.slice(1),queueMicrotask(()=>{m=!1}));else{let e=d({},{left:0,top:0});o?history.replaceState(e,"",i):history.pushState(e,"",i)}P(e,r,null);for(let t of T)try{t(e,r)}catch{}}function K(e,t){D=!0;let{pathname:r,stringQuery:n}=A(e,t),a=C.value,o={...N.value},l=y(r,q);B(r,a,l?.route.beforeEnter,()=>Q(r,n,a,o,l,!1))}let X={current:C,params:O,query:N,base:n||"/",navigate:K,replace:function(e,t){D=!0;let{pathname:r,stringQuery:n}=A(e,t),a=C.value,o={...N.value},l=y(r,q);B(r,a,l?.route.beforeEnter,()=>Q(r,n,a,o,l,!0))},back:function(){history.back()},forward:function(){history.forward()},go:function(e){history.go(e)},isActive:function(e,t=!0){let r=C.value;return t?r===e:r===e||r.startsWith(e.endsWith("/")?e:e+"/")},resolve:function(e){let t=y(e,q);return t?{matched:!0,params:t.params,route:t.route.record}:{matched:!1,params:{},route:void 0}},beforeEach:function(e){return M.push(e),()=>{let t=M.indexOf(e);-1!==t&&M.splice(t,1)}},afterEach:function(e){return T.push(e),()=>{let t=T.indexOf(e);-1!==t&&T.splice(t,1)}},routes:t,_flat:q,_guards:M,_base:n,_mode:i};return a&&console.warn("[Nix] A router already exists. The previous router is being replaced. Only one router instance should be active at a time."),a=X,queueMicrotask(()=>{D||B(R,"",y(R,q)?.route.beforeEnter,()=>{},()=>{let e=E("/",{});s?(h.set(k("/",{}),{left:0,top:0}),history.replaceState(history.state,"",e)):history.replaceState(d({},{left:0,top:0}),"",e);let t=y("/",q);C.value="/",O.value=t?.params??{},N.value={},P("/",R,null)})}),X}function C(){return r.inject(i)||c()}function w(){o&&=(o(),null),a=null}function T(){if(!a)return null;let e=a.current.value,t=y(e,a._flat),r=t?.route.beforeEnter,n=a._guards.map((e,t)=>e.name||`beforeEach#${t+1}`);return r&&n.push(r.name||"beforeEnter"),{mode:a._mode,base:a._base||"/",currentPath:e,params:{...a.params.value},query:{...a.query.value},matchedPath:t?.route.fullPath??null,activeGuards:{globalCount:a._guards.length,hasRouteGuard:!!r,names:n}}}var E=class extends n.NixComponent{_depth;constructor(e=0){super(),this._depth=e}render(){let e=this._depth;return t.l`<div class="router-view">${()=>{let r=C(),n=y(r.current.value,r._flat);return n?e>=n.route.chain.length?t.l`<span></span>`:n.route.chain[e]():t.l`<div style="color:#f87171;padding:16px 0">
|
|
2
2
|
404 — Route not found: <strong>${r.current.value}</strong>
|
|
3
|
-
</div>`}}</div>`}},
|
|
4
|
-
href=${"hash"===n._mode?"#"+
|
|
3
|
+
</div>`}}</div>`}},D=class extends n.NixComponent{_to;_label;constructor(e,t){super(),this._to=e,this._label=t}render(){let e=this._to,r=this._label,n=C(),a=e.startsWith("/")?e:"/"+e,o=(n._base?n._base+a:a).replace(/\/+/g,"/");return t.l`<a
|
|
4
|
+
href=${"hash"===n._mode?"#"+o:o}
|
|
5
5
|
style=${()=>n.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(),n.navigate(e)}}
|
|
7
|
-
>${r}</a>`}};exports.Link=
|
|
7
|
+
>${r}</a>`}};exports.Link=D,exports.RouterKey=i,exports.RouterView=E,exports._debugGetRouterInternal=T,exports._resetRouter=w,exports.createRouter=S,exports.useRouter=C;
|
package/dist/lib/router.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{signal as e}from"./signals.js";import{l as t}from"./template2.js";import{NixComponent as n}from"./lifecycle.js";import{createInjectionKey as r,inject as i}from"./context.js";var a=r("nix:router"),o=null,s=null,c="__nix_scroll";function l(){if(!o)throw Error("[Nix] No active router. Call createRouter() first.");return o}function u(){return{left:window.scrollX??window.pageXOffset??0,top:window.scrollY??window.pageYOffset??0}}function d(e){if(!e||"object"!=typeof e)return null;let t=e[c];if(!t||"object"!=typeof t)return null;let r=t.left,n=t.top;return"number"!=typeof r||"number"!=typeof n?null:{left:r,top:n}}function f(e,t){let r=e&&"object"==typeof e?{...e}:{};return r[c]={left:t.left,top:t.top},r}function p(e){let t={};return new URLSearchParams(e).forEach((e,r)=>{t[r]=e}),t}function m(e){let t=new URLSearchParams;for(let[r,n]of Object.entries(e))null!=n&&!1!==n&&t.set(r,String(n));let r=t.toString();return r?"?"+r:""}function h(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 g(e,t){return"*"===t?""===e?"*":e+"/*":(e+(t.startsWith("/")?t:"/"+t)).replace(/\/+/g,"/")||"/"}function _(e,t="",r=[]){let n=[];for(let o of e){let e=g(t,o.path),a=[...r,o.component],
|
|
1
|
+
import{signal as e}from"./signals.js";import{l as t}from"./template2.js";import{NixComponent as n}from"./lifecycle.js";import{createInjectionKey as r,inject as i}from"./context.js";var a=r("nix:router"),o=null,s=null,c="__nix_scroll";function l(){if(!o)throw Error("[Nix] No active router. Call createRouter() first.");return o}function u(){return{left:window.scrollX??window.pageXOffset??0,top:window.scrollY??window.pageYOffset??0}}function d(e){if(!e||"object"!=typeof e)return null;let t=e[c];if(!t||"object"!=typeof t)return null;let r=t.left,n=t.top;return"number"!=typeof r||"number"!=typeof n?null:{left:r,top:n}}function f(e,t){let r=e&&"object"==typeof e?{...e}:{};return r[c]={left:t.left,top:t.top},r}function p(e){let t={};return new URLSearchParams(e).forEach((e,r)=>{t[r]=e}),t}function m(e){let t=new URLSearchParams;for(let[r,n]of Object.entries(e))null!=n&&!1!==n&&t.set(r,String(n));let r=t.toString();return r?"?"+r:""}function h(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 g(e,t){return"*"===t?""===e?"*":e+"/*":(e+(t.startsWith("/")?t:"/"+t)).replace(/\/+/g,"/")||"/"}function _(e,t="",r=[]){let n=[];for(let o of e){let e=g(t,o.path),a=[...r,o.component],l=h(e);n.push({fullPath:e,segments:l,chain:a,name:o.name,meta:o.meta,beforeEnter:o.beforeEnter,record:o}),o.children?.length&&n.push(..._(o.children,e,a))}return n}function v(e,t){let r=e.split("/").filter(Boolean),n=t.segments;if(1===n.length&&"wildcard"===n[0].kind)return{};let o=n.length>0&&"wildcard"===n[n.length-1].kind,a=o?n.slice(0,-1):n;if(o){if(r.length<a.length)return null}else if(r.length!==a.length)return null;let l={};for(let e=0;e<a.length;e++){let t=a[e];if("literal"===t.kind){if(r[e]!==t.value)return null}else if("param"===t.kind)try{l[t.name]=decodeURIComponent(r[e]??"")}catch{l[t.name]=r[e]??""}}return l}function y(e){return e.segments.reduce((e,t)=>"literal"===t.kind?e+2:"param"===t.kind?e+1:e,0)}function b(e,t){let r,n={},o=-1;for(let a of t){let t=v(e,a);if(null===t)continue;let l=y(a);l>o&&(r=a,n=t,o=l)}return r?{route:r,params:n}:void 0}function x(e){let t=e.trim();return t&&"/"!==t?(t.startsWith("/")||(t="/"+t),t.endsWith("/")&&(t=t.slice(0,-1)),t):""}function S(){if(typeof document>"u")return"";let e=document.querySelector("base");if(!e)return"";let t=e.getAttribute("href")||"";try{return x(new URL(t,window.location.origin).pathname)}catch{return x(t)}}function C(t,r){let n=null==r?.base?S():x(r.base),a=r?.mode??"history",l="hash"===a,i=r?.scrollBehavior,c=new Map,h=!1;function g(e){return e?e.startsWith("/")?e:"/"+e:"/"}function v(e){let t=g(e||"/");if(n&&t.startsWith(n)){let e=t.slice(n.length);return""===e?"/":g(e)}return t}function w(){return l?function(){let e=window.location.hash||"";if(e.startsWith("#")&&(e=e.slice(1)),!e)return{pathname:"/",search:""};e.startsWith("/")||(e="/"+e);let t=e.indexOf("?"),r=-1===t?e:e.slice(0,t),n=-1===t?"":e.slice(t);return{pathname:v(r),search:n}}():{pathname:v(window.location.pathname||"/"),search:window.location.search||""}}function y(e,t){let r=function(e){let t=g(e);return n?(n+t).replace(/\/+/g,"/")||"/":t}(e)+m(t);return l?"#"+r:r}function E(e,t){return g(e)+m(t)}let k=w(),R=k.pathname,j=p(k.search),O=_(t),W=new Map;for(let e of O)e.name&&(W.has(e.name)&&console.warn(`[Nix Router] Duplicate route name: "${e.name}"`),W.set(e.name,e));let $=b(R,O),q=e(R),L=e($?.params??{}),N=e(j);function C(e){window.scrollTo(e.left,e.top)}function P(e,t,r){if(i){let n=i(e,t,r);if(!1===n||null==n)return;return void C(n)}C(r??{left:0,top:0})}l?c.set(E(R,j),u()):history.replaceState(f(history.state,u()),"");let M=[],U=[],B=0;function D(e,t,r,n,o){let a=[...M];r&&a.push(r);let l=++B;if(0===a.length)return void n();let i=0;!function r(u){if(l!==B)return;if(!1===u)return void o?.();if("string"==typeof u)return void(u===e?n():K(u));if(i>=a.length)return void n();let s=a[i++](e,t);s instanceof Promise?s.then(r):r(s)}(void 0)}let I=!1;function T(e,t){let r=e.indexOf("?"),n=g((-1===r?e:e.slice(0,r))||"/"),o=-1===r?{}:p(e.slice(r)),a=t?{...o,...t}:o,l={};for(let[e,t]of Object.entries(a))null!=t&&!1!==t&&(l[e]=String(t));return{pathname:n,stringQuery:l}}function A(e,t){return"string"==typeof e?T(e,t):T(function(e){let t=W.get(e.name);if(!t)throw Error(`[Nix Router] No route with name "${e.name}"`);return"/"+t.segments.map(t=>{if("literal"===t.kind)return t.value;if("wildcard"===t.kind)return"";let r=e.params?.[t.name];if(null==r)throw Error(`[Nix Router] Missing param "${t.name}" for route "${e.name}"`);return encodeURIComponent(String(r))}).filter(Boolean).join("/")}(e),{...e.query??{},...t??{}})}s&&=(s(),null);let G=(e,t,r,n)=>{let o=q.value,a={...N.value},l=b(e,O);D(e,o,l?.route.beforeEnter,()=>{L.value=l?.params??{},N.value=t,q.value=e,P(e,o,r);for(let t of U)try{t(e,o)}catch{}},()=>n(o,a))};if(l){let e=()=>{if(h)return void(h=!1);let e=w(),t=p(e.search),r=c.get(E(e.pathname,t))??null;G(e.pathname,t,r,(e,t)=>{h=!0,window.location.hash=y(e,t).slice(1),queueMicrotask(()=>{h=!1})})};window.addEventListener("hashchange",e),s=()=>window.removeEventListener("hashchange",e)}else{let e=e=>{let t=w(),r=p(t.search),n=d(e.state??history.state);G(t.pathname,r,n,(e,t)=>{history.pushState(f({},u()),"",y(e,t))})};window.addEventListener("popstate",e),s=()=>window.removeEventListener("popstate",e)}function Q(e,t,r,n,o,a){a||function(e,t){let r=u();l?c.set(E(e,t),r):history.replaceState(f(history.state,r),"")}(r,n),L.value=o?.params??{},N.value=t,q.value=e;let i=y(e,t);if(l)c.set(E(e,t),{left:0,top:0}),a?history.replaceState(history.state,"",i):(h=!0,window.location.hash=i.slice(1),queueMicrotask(()=>{h=!1}));else{let e=f({},{left:0,top:0});a?history.replaceState(e,"",i):history.pushState(e,"",i)}P(e,r,null);for(let t of U)try{t(e,r)}catch{}}function K(e,t){I=!0;let{pathname:r,stringQuery:n}=A(e,t),o=q.value,a={...N.value},l=b(r,O);D(r,o,l?.route.beforeEnter,()=>Q(r,n,o,a,l,!1))}let X={current:q,params:L,query:N,base:n||"/",navigate:K,replace:function(e,t){I=!0;let{pathname:r,stringQuery:n}=A(e,t),o=q.value,a={...N.value},l=b(r,O);D(r,o,l?.route.beforeEnter,()=>Q(r,n,o,a,l,!0))},back:function(){history.back()},forward:function(){history.forward()},go:function(e){history.go(e)},isActive:function(e,t=!0){let r=q.value;return t?r===e:r===e||r.startsWith(e.endsWith("/")?e:e+"/")},resolve:function(e){let t=b(e,O);return t?{matched:!0,params:t.params,route:t.route.record}:{matched:!1,params:{},route:void 0}},beforeEach:function(e){return M.push(e),()=>{let t=M.indexOf(e);-1!==t&&M.splice(t,1)}},afterEach:function(e){return U.push(e),()=>{let t=U.indexOf(e);-1!==t&&U.splice(t,1)}},routes:t,_flat:O,_guards:M,_base:n,_mode:a};return o&&console.warn("[Nix] A router already exists. The previous router is being replaced. Only one router instance should be active at a time."),o=X,queueMicrotask(()=>{I||D(R,"",b(R,O)?.route.beforeEnter,()=>{},()=>{let e=y("/",{});l?(c.set(E("/",{}),{left:0,top:0}),history.replaceState(history.state,"",e)):history.replaceState(f({},{left:0,top:0}),"",e);let t=b("/",O);q.value="/",L.value=t?.params??{},N.value={},P("/",R,null)})}),X}function w(){return i(a)||l()}function T(){s&&=(s(),null),o=null}function E(){if(!o)return null;let e=o.current.value,t=b(e,o._flat),r=t?.route.beforeEnter,n=o._guards.map((e,t)=>e.name||`beforeEach#${t+1}`);return r&&n.push(r.name||"beforeEnter"),{mode:o._mode,base:o._base||"/",currentPath:e,params:{...o.params.value},query:{...o.query.value},matchedPath:t?.route.fullPath??null,activeGuards:{globalCount:o._guards.length,hasRouteGuard:!!r,names:n}}}var D=class extends n{_depth;constructor(e=0){super(),this._depth=e}render(){let e=this._depth;return t`<div class="router-view">${()=>{let r=w(),n=b(r.current.value,r._flat);return n?e>=n.route.chain.length?t`<span></span>`:n.route.chain[e]():t`<div style="color:#f87171;padding:16px 0">
|
|
2
2
|
404 — Route not found: <strong>${r.current.value}</strong>
|
|
3
|
-
</div>`}}</div>`}},
|
|
3
|
+
</div>`}}</div>`}},O=class extends n{_to;_label;constructor(e,t){super(),this._to=e,this._label=t}render(){let e=this._to,r=this._label,n=w(),o=e.startsWith("/")?e:"/"+e,a=(n._base?n._base+o:o).replace(/\/+/g,"/");return t`<a
|
|
4
4
|
href=${"hash"===n._mode?"#"+a:a}
|
|
5
5
|
style=${()=>n.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(),n.navigate(e)}}
|
|
7
|
-
>${r}</a>`}};export{
|
|
7
|
+
>${r}</a>`}};export{O as Link,a as RouterKey,D as RouterView,E as _debugGetRouterInternal,T as _resetRouter,C as createRouter,w as useRouter};
|
package/dist/lib/signals.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var
|
|
1
|
+
function e(){return{ctxPool:[],ctxStack:[],activeEffect:null,activeDeps:null,activeErrorHandler:null,errorHandlerStack:[],batchLevel:0,pendingEffectsSet:new Set,pendingEffectsArr:[],effectDepth:0,notifyBuf:[],notifyBase:0,signalDebugHooks:null}}Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=Symbol.for("@deijose/nix-js/reactivity-state"),n=globalThis,r=(()=>{let r=n[t];if(r)return r;let l=e();return n[t]=l,l})();function i(e){r.errorHandlerStack.push(r.activeErrorHandler),r.activeErrorHandler=e}function a(){r.activeErrorHandler=r.errorHandlerStack.pop()??null}var o=100,s=64,c=16,l=32;function u(e){r.signalDebugHooks=e}function d(){return r.notifyBuf.length}var f=class{_value;_subs=new Set;constructor(e){this._value=e,r.signalDebugHooks?.onCreate?.(this,e)}get value(){return r.activeEffect&&(this._subs.add(r.activeEffect),r.activeDeps?.add(this)),this._value}set value(e){Object.is(this._value,e)||(this._value=e,r.signalDebugHooks?.onWrite?.(this,e),this._notify())}update(e){this.value=e(this._value)}peek(){return this._value}_removeSub(e){this._subs.delete(e)}_notify(){if(r.batchLevel>0){for(let e of this._subs)r.pendingEffectsSet.has(e)||(r.pendingEffectsSet.add(e),r.pendingEffectsArr.push(e));return}let e=r.notifyBase,t=0;for(let n of this._subs)r.notifyBuf[e+t++]=n;r.notifyBase=e+t;try{for(let n=0;n<t;n++){let t=r.notifyBuf[e+n];r.notifyBuf[e+n]=null,t?.()}}finally{r.notifyBase=e,0===e&&r.notifyBuf.length>s&&t<c&&(r.notifyBuf.length=l)}}dispose(){this._subs.clear()}};function p(e){return new f(e)}function m(e){let t,n=!1,l=new Set,f=new Set,i=r.activeErrorHandler,c=()=>{if(n)return;"function"==typeof t&&t();let s=l;l=f,f=s,f.clear();let a=r.ctxPool.length>0?r.ctxPool.pop():{effect:null,deps:null};if(a.effect=r.activeEffect,a.deps=r.activeDeps,r.ctxStack.push(a),r.activeEffect=c,r.activeDeps=f,r.effectDepth++,r.effectDepth>o){r.effectDepth=0;let e=r.ctxStack.pop();throw r.activeEffect=e.effect,r.activeDeps=e.deps,e.effect=null,e.deps=null,r.ctxPool.push(e),Error("[Nix] Maximum effect re-execution depth exceeded (possible infinite loop).")}try{t=e()}catch(e){if(!i)throw e;i(e)}finally{r.effectDepth--;let e=r.ctxStack.pop();r.activeEffect=e.effect,r.activeDeps=e.deps,e.effect=null,e.deps=null,r.ctxPool.push(e);for(let e of l)f.has(e)||e._removeSub(c)}};return c(),()=>{n=!0,"function"==typeof t&&t();for(let e of f)e._removeSub(c);f.clear(),l.clear()}}function h(e){let t=new f(void 0),r=null,n=!1,l=!1,o=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(t),"value");if(!o?.get||!o?.set)throw Error("[Nix] Internal error: Signal.value descriptor not found.");Object.defineProperty(t,"value",{get(){return n||l||(n=!0,_(()=>{r=m(()=>{t.value=e()})})),o.get.call(this)},set(e){o.set.call(this,e)},configurable:!0});let i=t.dispose;return t.dispose=()=>{l=!0,r?.(),r=null,i.call(t)},t}function g(e){r.batchLevel++;try{e()}finally{if(r.batchLevel--,0===r.batchLevel&&r.pendingEffectsArr.length>0){let e=r.pendingEffectsArr.length;for(let t=0;t<e;t++)r.pendingEffectsArr[t]();r.pendingEffectsArr.length=0,r.pendingEffectsSet.clear()}}}function _(e){let t=r.activeEffect,n=r.activeDeps;r.activeEffect=null,r.activeDeps=null;try{return e()}finally{r.activeEffect=t,r.activeDeps=n}}function v(e,t,r={}){let n,{immediate:l=!1,once:o=!1}=r,i=e instanceof f?()=>e.value:e,c=!0,s=!1,a=m(()=>{let e=i();if(c){if(c=!1,l&&!s){let r=e;_(()=>t(r,void 0)),o&&(s=!0,Promise.resolve().then(a))}n=e}else if(!s){let r=e,l=n;n=e,_(()=>t(r,l)),o&&(s=!0,Promise.resolve().then(a))}});return()=>{s=!0,a()}}function y(e){return e?Promise.resolve().then(e):Promise.resolve()}exports.Signal=f,exports._getNotifyBufSize=d,exports._popErrorHandler=a,exports._pushErrorHandler=i,exports._setSignalDebugHooks=u,exports.batch=g,exports.computed=h,exports.effect=m,exports.nextTick=y,exports.signal=p,exports.untrack=_,exports.watch=v;
|
package/dist/lib/signals.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
function e(){return{ctxPool:[],ctxStack:[],activeEffect:null,activeDeps:null,activeErrorHandler:null,errorHandlerStack:[],batchLevel:0,pendingEffectsSet:new Set,pendingEffectsArr:[],effectDepth:0,notifyBuf:[],notifyBase:0,signalDebugHooks:null}}var t=Symbol.for("@deijose/nix-js/reactivity-state"),n=globalThis,r=(()=>{let r=n[t];if(r)return r;let f=e();return n[t]=f,f})();function i(e){r.errorHandlerStack.push(r.activeErrorHandler),r.activeErrorHandler=e}function a(){r.activeErrorHandler=r.errorHandlerStack.pop()??null}var o=100,s=64,c=16,l=32;function u(e){r.signalDebugHooks=e}function d(){return r.notifyBuf.length}var f=class{_value;_subs=new Set;constructor(e){this._value=e,r.signalDebugHooks?.onCreate?.(this,e)}get value(){return r.activeEffect&&(this._subs.add(r.activeEffect),r.activeDeps?.add(this)),this._value}set value(e){Object.is(this._value,e)||(this._value=e,r.signalDebugHooks?.onWrite?.(this,e),this._notify())}update(e){this.value=e(this._value)}peek(){return this._value}_removeSub(e){this._subs.delete(e)}_notify(){if(r.batchLevel>0){for(let e of this._subs)r.pendingEffectsSet.has(e)||(r.pendingEffectsSet.add(e),r.pendingEffectsArr.push(e));return}let e=r.notifyBase,t=0;for(let n of this._subs)r.notifyBuf[e+t++]=n;r.notifyBase=e+t;try{for(let n=0;n<t;n++){let t=r.notifyBuf[e+n];r.notifyBuf[e+n]=null,t?.()}}finally{r.notifyBase=e,0===e&&r.notifyBuf.length>s&&t<c&&(r.notifyBuf.length=l)}}dispose(){this._subs.clear()}};function p(e){return new f(e)}function m(e){let t,n=!1,f=new Set,l=new Set,i=r.activeErrorHandler,c=()=>{if(n)return;"function"==typeof t&&t();let s=f;f=l,l=s,l.clear();let a=r.ctxPool.length>0?r.ctxPool.pop():{effect:null,deps:null};if(a.effect=r.activeEffect,a.deps=r.activeDeps,r.ctxStack.push(a),r.activeEffect=c,r.activeDeps=l,r.effectDepth++,r.effectDepth>o){r.effectDepth=0;let e=r.ctxStack.pop();throw r.activeEffect=e.effect,r.activeDeps=e.deps,e.effect=null,e.deps=null,r.ctxPool.push(e),Error("[Nix] Maximum effect re-execution depth exceeded (possible infinite loop).")}try{t=e()}catch(e){if(!i)throw e;i(e)}finally{r.effectDepth--;let e=r.ctxStack.pop();r.activeEffect=e.effect,r.activeDeps=e.deps,e.effect=null,e.deps=null,r.ctxPool.push(e);for(let e of f)l.has(e)||e._removeSub(c)}};return c(),()=>{n=!0,"function"==typeof t&&t();for(let e of l)e._removeSub(c);l.clear(),f.clear()}}function h(e){let t=new f(void 0),r=null,n=!1,l=!1,i=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(t),"value");if(!i?.get||!i?.set)throw Error("[Nix] Internal error: Signal.value descriptor not found.");Object.defineProperty(t,"value",{get(){return n||l||(n=!0,_(()=>{r=m(()=>{t.value=e()})})),i.get.call(this)},set(e){i.set.call(this,e)},configurable:!0});let c=t.dispose;return t.dispose=()=>{l=!0,r?.(),r=null,c.call(t)},t}function g(e){r.batchLevel++;try{e()}finally{if(r.batchLevel--,0===r.batchLevel&&r.pendingEffectsArr.length>0){let e=r.pendingEffectsArr.length;for(let t=0;t<e;t++)r.pendingEffectsArr[t]();r.pendingEffectsArr.length=0,r.pendingEffectsSet.clear()}}}function _(e){let t=r.activeEffect,n=r.activeDeps;r.activeEffect=null,r.activeDeps=null;try{return e()}finally{r.activeEffect=t,r.activeDeps=n}}function v(e,t,r={}){let n,{immediate:l=!1,once:i=!1}=r,c=e instanceof f?()=>e.value:e,o=!0,s=!1,a=m(()=>{let e=c();if(o){if(o=!1,l&&!s){let r=e;_(()=>t(r,void 0)),i&&(s=!0,Promise.resolve().then(a))}n=e}else if(!s){let r=e,f=n;n=e,_(()=>t(r,f)),i&&(s=!0,Promise.resolve().then(a))}});return()=>{s=!0,a()}}function y(e){return e?Promise.resolve().then(e):Promise.resolve()}export{f as Signal,d as _getNotifyBufSize,a as _popErrorHandler,i as _pushErrorHandler,u as _setSignalDebugHooks,g as batch,h as computed,m as effect,y as nextTick,p as signal,_ as untrack,v as watch};
|
package/dist/lib/template2.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./signals.cjs"),t=require("./lifecycle.cjs"),n=require("./context.cjs");function r(){return{el:null}}var i={SCOPE:"nix-scope",ERROR_BOUNDARY:"nix-eb",TRANSITION:"nix-t",KEYED_START:"nix-ks",KEYED_END:"nix-ke",KEYED_ZONE:"nix-kz"};function a(e){return"object"==typeof e&&!!e&&!0===e.__isNixTemplate}function o(e){return"object"==typeof e&&!!e&&!0===e.__isKeyedList}function s(e,t,r){let o,l;n._pushComponentContext();try{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}o=e.render()._render(t,r)}finally{n._popComponentContext()}try{let t=e.onMount?.();"function"==typeof t&&(l=t)}catch(t){if(!e.onError)throw t;e.onError(t)}return()=>{try{e.onUnmount?.()}catch{}try{l?.()}catch{}o()}}function c(e,t,r){let o,l;n._pushComponentContext();try{try{e.onInit?.()}catch{}o=e.render()._render(t,r)}finally{n._popComponentContext()}try{let t=e.onMount?.();"function"==typeof t&&(l=t)}catch{}return()=>{try{e.onUnmount?.()}catch{}try{l?.()}catch{}o()}}function l(e,t,r,o){let l,i;n._withComponentContext(o,()=>{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}l=e.render()._render(t,r)});try{let t=e.onMount?.();"function"==typeof t&&(i=t)}catch(t){if(!e.onError)throw t;e.onError(t)}return()=>{try{e.onUnmount?.()}catch{}try{i?.()}catch{}l()}}function u(e,t,r,o,l){let i,a;n._pushComponentContext();try{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}i=e.render()._render(t,r)}finally{n._popComponentContext()}o.push(()=>{try{let t=e.onMount?.();"function"==typeof t&&(a=t)}catch(t){if(!e.onError)throw t;e.onError(t)}}),l.push(()=>{try{e.onUnmount?.()}catch{}try{a?.()}catch{}i()})}function d(e,t,n){return{__isKeyedList:!0,items:e,keyFn:t,renderFn:n}}function f(e){let t,n,r,o,l,i=e.slice(),a=[0],u=e.length;for(t=0;t<u;t++){let u=e[t];if(0!==u){if(n=a[a.length-1],e[n]<u){i[t]=n,a.push(t);continue}for(r=0,o=a.length-1;r<o;)l=r+o>>1,e[a[l]]<u?r=l+1:o=l;u<e[a[r]]&&(r>0&&(i[t]=a[r-1]),a[r]=t)}}for(r=a.length,o=a[r-1];r-- >0;)a[r]=o,o=i[o];return a}var p=new Set,m=!1;function h(e){p.add(e),m||(m=!0,queueMicrotask(()=>{for(let e of p)try{e()}catch(e){console.error("[Nix.js] Error in DOM write task:",e)}p.clear(),m=!1}))}function g(r,i,c,d){if("function"!=typeof i){if(t.isNixComponent(i))u(i,r.parentNode,r,d,c);else if(a(i))c.push(i._render(r.parentNode,r));else if(Array.isArray(i))for(let e of i)t.isNixComponent(e)?u(e,r.parentNode,r,d,c):a(e)?e._render(r.parentNode,r):null!=e&&!1!==e&&r.parentNode.insertBefore(document.createTextNode(String(e)),r);else null!=i&&!1!==i&&r.parentNode.insertBefore(document.createTextNode(String(i)),r);return}let p=null,m=null,y=null,x=[],N=null,g=n._captureContextSnapshot(),v=!1,_="",b=!0,E=e.effect(()=>{let n=i();if("string"==typeof n||"number"==typeof n){_=String(n);let e=()=>{v=!1,m&&=(m(),null),p?p.nodeValue=_:(p=document.createTextNode(_),r.parentNode.insertBefore(p,r))};return void(b?(b=!1,e()):v||(v=!0,h(e)))}if(v=!1,b=!1,p&&=(p.parentNode?.removeChild(p),null),m&&=(m(),null),null!=n&&!1!==n)if(a(n))m=n._render(r.parentNode,r);else if(t.isNixComponent(n))m=l(n,r.parentNode,r,g);else if(o(n)){y||(y=new Map,N=document.createTextNode(""),r.parentNode.insertBefore(N,r));let o=r.parentNode,i=n.items.map((e,t)=>n.keyFn(e,t)),a=new Set(i),u=!1;if(y.size>0)for(let e of y.keys())if(a.has(e)){u=!0;break}if(!u){if(y.size>0){let e=document.createRange();e.setStartAfter(N),e.setEndBefore(r),e.deleteContents();for(let e of y.values())e.cleanup();y.clear()}if(i.length>0){let a=document.createDocumentFragment();e.batch(()=>{for(let e=0;e<i.length;e++){let r=i[e],o=n.items[e],u=document.createTextNode(""),c=document.createTextNode("");a.appendChild(u),a.appendChild(c);let s=n.renderFn(o,e),d=t.isNixComponent(s)?l(s,a,c,g):s._render(a,c);y?.set(r,{start:u,end:c,cleanup:d})}}),o.insertBefore(a,r)}return void(x=i)}let c=new Map;for(let e=0;e<i.length;e++)c.set(i[e],e);let s=new Int32Array(i.length),d=!1,p=0;for(let e=0;e<x.length;e++){let t=x[e],n=c.get(t);if(void 0===n){let e=y.get(t);e.cleanup();let n=e.start;for(;n;){let t=n===e.end?null:n.nextSibling;if(n.parentNode?.removeChild(n),!t)break;n=t}y.delete(t)}else s[n]=e+1,n>=p?p=n:d=!0}let m=d?f(s):[],h=m.length-1,v=r;for(let e=i.length-1;e>=0;e--){let r=i[e];if(0===s[e]){let i=n.items[e],a=document.createTextNode(""),u=document.createTextNode(""),c=document.createDocumentFragment();c.appendChild(a),c.appendChild(u);let s=n.renderFn(i,e),d=t.isNixComponent(s)?l(s,c,u,g):s._render(c,u);y.set(r,{start:a,end:u,cleanup:d}),o.insertBefore(c,v),v=a}else{let t=y.get(r);if(d)if(h<0||e!==m[h]){let e=t.start;for(;e;){let n=e===t.end?null:e.nextSibling;if(o.insertBefore(e,v),!n)break;e=n}}else h--;v=t.start}}x=i}else if(Array.isArray(n)){let e=[];for(let o of n)if(t.isNixComponent(o))e.push(s(o,r.parentNode,r));else if(a(o))e.push(o._render(r.parentNode,r));else if(null!=o&&!1!==o){let t=document.createTextNode(String(o));r.parentNode.insertBefore(t,r),e.push(()=>t.parentNode?.removeChild(t))}m=()=>e.forEach(e=>e())}else p=document.createTextNode(String(n)),r.parentNode.insertBefore(p,r)});c.push(()=>{if(E(),m&&=(m(),null),p&&=(p.parentNode?.removeChild(p),null),y){for(let e of y.values())e.cleanup();y=null,N=null}})}function _(e,t){t?"none"===e.style.display&&(e.style.display=""):"none"!==e.style.display&&(e.style.display="none")}function v(e){let t=e.lastIndexOf(">"),n=e.lastIndexOf("<");if(n<=t)return{type:"node"};let r=e.slice(n+1),o=r.lastIndexOf("=");if(-1===o)return{type:"node"};let l=r.endsWith('"')||r.endsWith("'")||'"'===r[r.length-1]||"'"===r[r.length-1],i=o-1;for(;i>=0&&/\S/.test(r[i]);)i--;i++;let a=r.slice(i,o);if("@"===a[0]){let e=a.slice(1).split(".");return{type:"event",eventName:e[0],modifiers:e.slice(1),hadOpenQuote:l}}return{type:"attr",attrName:a,hadOpenQuote:l}}var y={enter:"Enter",escape:"Escape",space:" ",tab:"Tab",delete:"Delete",backspace:"Backspace",up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight"},b=new Set(["click","dblclick","mousedown","mouseup","keydown","keyup","input","change","submit"]),x=new Set;function S(e,t,n){let r=e.target,o=e.stopPropagation,l=!1;for(e.stopPropagation=()=>{l=!0,o.call(e)};r&&r!==document;){let o=r[t];if(o){let t=r[n];if(t){if(t.includes("prevent")&&e.preventDefault(),t.includes("stop")&&e.stopPropagation(),t.includes("self")&&e.target!==r){r=r.parentNode;continue}if("key"in e){let n=e,o=!0;for(let e of t){let t=y[e];if(void 0!==t&&n.key!==t){o=!1;break}if(!t&&1===e.length&&n.key.toLowerCase()!==e){o=!1;break}}if(!o){r=r.parentNode;continue}}}if(o(e),l)break}r=r.parentNode}e.stopPropagation=o}var C=new Map;function w(t,n,r,o){let l=[],i=[],a=Array(n.length),u=-1;for(let e=0;e<n.length;e++)o[e]&&o[e].nodeIndex>u&&(u=o[e].nodeIndex);let c=Array(u+1);if(c[0]=t,u>0){let e,n=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_COMMENT),r=1;for(;r<=u&&(e=n.nextNode());)c[r++]=e}for(let e=0;e<n.length;e++){let t=o[e];a[e]=t?c[t.nodeIndex]:null}for(let t=0;t<n.length;t++){let u=n[t],c=r[t],s=o[t];if(!s)continue;let d=a[t];if("event"===u.type){let e=s.name,t=c,n=u.modifiers;if(!b.has(e)||n.includes("capture")||n.includes("once")){let r={once:n.includes("once"),capture:n.includes("capture"),passive:n.includes("passive")},o=e=>{n.includes("prevent")&&e.preventDefault(),n.includes("stop")&&e.stopPropagation(),(!n.includes("self")||e.target===e.currentTarget)&&t(e)};d.addEventListener(e,o,r),l.push(()=>d.removeEventListener(e,o,r))}else{if(!x.has(e)){let t=`__nix_${e}`,n=`__nix_${e}_mods`,r=e=>S(e,t,n);C.set(e,r),document.addEventListener(e,r),x.add(e)}let r=`__nix_${e}`,o=`__nix_${e}_mods`;d[r]=t,n.length>0&&(d[o]=n),l.push(()=>{d[r]=null,d[o]=null})}continue}if("attr"===u.type){let t=s.name,n=d;if("ref"===t){c.el=n,l.push(()=>{c.el=null});continue}if("show"===t||"hide"===t){let r=n,o=null;if("function"==typeof c){let n=!1,i=!1,a=!0,u=e.effect(()=>{i=!!c();let e=()=>{n=!1;let e="show"===t?i:!i;null===o&&(o=r.style.display||""),r.style.display=e?o:"none"};a?(a=!1,e()):n||(n=!0,h(e))});l.push(u)}else("show"===t?c:!c)||(r.style.display="none");continue}let r=("value"===t||"checked"===t||"selected"===t)&&t in n;if("function"==typeof c){let o,i=!1,a=!0,u=e.effect(()=>{o=c();let e=()=>{i=!1;let e=o;r?n[t]=e??"":null==e||!1===e?n.removeAttribute(t):n.setAttribute(t,String(e))};a?(a=!1,e()):i||(i=!0,h(e))});l.push(u)}else r?n[t]=c??"":null!=c&&!1!==c&&n.setAttribute(t,String(c));continue}let f=d;if(!f)continue;let p=document.createTextNode("");f.parentNode.replaceChild(p,f),g(p,c,l,i)}return{disposes:l,postMountHooks:i}}function T(e,t){let n=new Uint8Array(e.length),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;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;r+=l.slice(0,-t)+` data-nix-a-${o}="${e.attrName}"`,e.hadOpenQuote&&(n[o+1]=1)}}else r+=l}return r}var E=new WeakMap;function D(e,...t){let n=E.get(e);if(!n){let t=[],r="";for(let n=0;n<e.length-1;n++)r+=e[n],t.push(v(r)),r+="__nix__";let o=document.createElement("template");o.innerHTML=T(e,t);let l,i=Array(t.length).fill(null),a=o.content,u=document.createTreeWalker(a,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_COMMENT),c=0;for(;l=u.nextNode();)if(c++,8===l.nodeType){let e=l.nodeValue;if(e&&e.startsWith("nix-")){let t=parseInt(e.slice(4),10);isNaN(t)||(i[t]={nodeIndex:c})}}else if(1===l.nodeType){let e=l,t=Array.from(e.attributes);for(let n=0;n<t.length;n++){let r=t[n],o=r.name;if(o.startsWith("data-nix-e-")){let t=parseInt(o.slice(11),10);isNaN(t)||(i[t]={nodeIndex:c,name:r.value},e.removeAttribute(o));continue}if(o.startsWith("data-nix-a-")){let t=parseInt(o.slice(11),10);isNaN(t)||(i[t]={nodeIndex:c,name:r.value},e.removeAttribute(o))}}}n={contexts:t,tpl:o,pathMap:i},E.set(e,n)}let{contexts:r,tpl:o,pathMap:l}=n;function i(e,n){let i=o.content.cloneNode(!0),{disposes:a,postMountHooks:u}=w(i,r,t,l),c=document.createTextNode(""),s=document.createTextNode("");return e.insertBefore(c,n),e.insertBefore(i,n),e.insertBefore(s,n),u.forEach(e=>e()),()=>{for(let e=a.length-1;e>=0;e--)a[e]();let e=c.nextSibling;for(;e&&e!==s;){let t=e.nextSibling;e.parentNode?.removeChild(e),e=t}c.parentNode?.removeChild(c),s.parentNode?.removeChild(s)}}return{__isNixTemplate:!0,_render:i,mount(e){let t="string"==typeof e?document.querySelector(e):e;if(!t)throw Error(`[Nix] mount: contenedor no encontrado: ${e}`);let n=i(t,null);return{unmount(){n()}}}}}function O(e){let t=e.name??"nix";return{enterFrom:e.enterFrom??`${t}-enter-from`,enterActive:e.enterActive??`${t}-enter-active`,enterTo:e.enterTo??`${t}-enter-to`,leaveFrom:e.leaveFrom??`${t}-leave-from`,leaveActive:e.leaveActive??`${t}-leave-active`,leaveTo:e.leaveTo??`${t}-leave-to`}}function k(e){return Math.max(0,...e.split(",").map(e=>parseFloat(e.trim())||0))}function A(e,t=0){return new Promise(n=>{let r=getComputedStyle(e),o=1e3*Math.max(k(r.transitionDuration||"0"),k(r.animationDuration||"0")),l=o>0?o+100:t;if(l<=0)return void n();let i,a=t=>{t.target===e&&(clearTimeout(i),e.removeEventListener("transitionend",a),e.removeEventListener("animationend",a),n())};e.addEventListener("transitionend",a),e.addEventListener("animationend",a),i=setTimeout(()=>{e.removeEventListener("transitionend",a),e.removeEventListener("animationend",a),n()},l)})}function j(n,r={}){let o=O(r);return{__isNixTemplate:!0,mount(e){let t="string"==typeof e?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(l,a){let u=document.createComment(i.TRANSITION);l.insertBefore(u,a);let s=null,d=null,f=0,p=!0,m=()=>{let e=u.nextSibling;for(;e&&e!==a;){if(e.nodeType===Node.ELEMENT_NODE)return e;e=e.nextSibling}return null};function h(e){return t.isNixComponent(e)?c(e,l,a):e._render(l,a)}let y=(e,t=!1)=>{f++,d&&=(d(),null),s=h(e);let n=m();if(n&&(!p||r.appear)&&!t){let e=f;(async()=>{r.onBeforeEnter?.(n),n.classList.add(o.enterFrom,o.enterActive),n.getBoundingClientRect(),await new Promise(e=>requestAnimationFrame(()=>e())),f===e&&(n.classList.remove(o.enterFrom),n.classList.add(o.enterTo),await A(n,r.duration),f===e&&(n.classList.remove(o.enterActive,o.enterTo),r.onAfterEnter?.(n)))})().catch(()=>{})}p=!1},x=()=>{let e=s;s=null;let t=m();if(!t)return void e?.();let n=++f;d=e??null,(async()=>{r.onBeforeLeave?.(t),t.classList.add(o.leaveFrom,o.leaveActive),t.getBoundingClientRect(),await new Promise(e=>requestAnimationFrame(()=>e())),f===n&&(t.classList.remove(o.leaveFrom),t.classList.add(o.leaveTo),await A(t,r.duration),f===n&&(t.classList.remove(o.leaveActive,o.leaveTo),r.onAfterLeave?.(t),d?.(),d=null))})().catch(()=>{})},N=null;if("function"!=typeof n||t.isNixComponent(n))y(n);else{let t=n,r=null;N=e.effect(()=>{let e=t(),n=null===r,o=null===e;n&&!o?y(e):!n&&o?x():!n&&!o&&(f++,d?.(),d=null,s?.(),s=null,y(e,!0)),r=e}),p=!1}return()=>{f++,N?.(),s?.(),d?.(),s=null,d=null,u.remove()}}}}function M(){return{__isPortalOutlet:!0,_container:null}}function N(e){return{__isNixTemplate:!0,mount(e){let t="string"==typeof e?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(t,n){let r=document.createElement("div");return r.setAttribute("data-nix-outlet",""),e._container=r,t.insertBefore(r,n),()=>{e._container=null,r.remove()}}}}function P(e,n=document.body){return{__isNixTemplate:!0,mount(e){let t="string"==typeof e?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(r,o){let l;return l="string"==typeof n?document.querySelector(n)??document.body:n instanceof Element?n:"__isPortalOutlet"in n?n._container??document.body:n.el??document.body,t.isNixComponent(e)?s(e,l,null):e._render(l,null)}}}var F=n.createInjectionKey("nix:portal-outlet");function I(e){n.provide(F,e)}function L(){return n.inject(F)}function R(r,o){return{__isNixTemplate:!0,mount(e){let t="string"==typeof e?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(l,a){let u=document.createComment(i.ERROR_BOUNDARY);l.insertBefore(u,a);let s,d=null,f=!1,p=!1,m=!1,h=e=>{let n=u.parentNode,r="function"!=typeof o||t.isNixComponent(o)?o:o(e);d=t.isNixComponent(r)?c(r,n,a):r._render(n,a)};e._pushErrorHandler(e=>{f||(f=!0,p?(d?.(),d=null,h(e)):(s=e,m=!0))});try{if(t.isNixComponent(r)){n._pushComponentContext();try{try{r.onInit?.()}catch(e){if(!r.onError)throw e;r.onError(e)}d=r.render()._render(l,a)}finally{n._popComponentContext()}if(!f)try{let e=r.onMount?.(),t=d;d=()=>{try{r.onUnmount?.()}catch{}if("function"==typeof e)try{e()}catch{}t?.()}}catch(e){if(!r.onError)throw e;r.onError(e)}}else d=r._render(l,a)}catch(e){f=!0,d?.(),d=null,s=e,m=!0}finally{e._popErrorHandler(),p=!0}return m&&(d?.(),d=null,h(s)),()=>{d?.(),u.remove()}}}}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return _}});
|
|
1
|
+
const e=require("./signals.cjs"),t=require("./lifecycle.cjs"),n=require("./context.cjs");function r(){return{el:null}}var i={SCOPE:"nix-scope",ERROR_BOUNDARY:"nix-eb",TRANSITION:"nix-t",KEYED_START:"nix-ks",KEYED_END:"nix-ke",KEYED_ZONE:"nix-kz"};function a(e){return"object"==typeof e&&!!e&&!0===e.__isNixTemplate}function o(e){return"object"==typeof e&&!!e&&!0===e.__isKeyedList}function s(e,r,o){let l,i;t._debugComponentMountStart(e),n._pushComponentContext();try{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}l=e.render()._render(r,o)}finally{t._debugComponentMountEnd(e),n._popComponentContext()}try{let t=e.onMount?.();"function"==typeof t&&(i=t)}catch(t){if(!e.onError)throw t;e.onError(t)}return()=>{try{e.onUnmount?.()}catch{}try{i?.()}catch{}l(),t._debugComponentUnmount(e)}}function c(e,r,o){let l,i;t._debugComponentMountStart(e),n._pushComponentContext();try{try{e.onInit?.()}catch{}l=e.render()._render(r,o)}finally{t._debugComponentMountEnd(e),n._popComponentContext()}try{let t=e.onMount?.();"function"==typeof t&&(i=t)}catch{}return()=>{try{e.onUnmount?.()}catch{}try{i?.()}catch{}l(),t._debugComponentUnmount(e)}}function l(e,r,o,l){let i,u;t._debugComponentMountStart(e);try{n._withComponentContext(l,()=>{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}i=e.render()._render(r,o)})}finally{t._debugComponentMountEnd(e)}try{let t=e.onMount?.();"function"==typeof t&&(u=t)}catch(t){if(!e.onError)throw t;e.onError(t)}return()=>{try{e.onUnmount?.()}catch{}try{u?.()}catch{}i(),t._debugComponentUnmount(e)}}function u(e,r,o,l,i){let u,a;t._debugComponentMountStart(e),n._pushComponentContext();try{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}u=e.render()._render(r,o)}finally{t._debugComponentMountEnd(e),n._popComponentContext()}l.push(()=>{try{let t=e.onMount?.();"function"==typeof t&&(a=t)}catch(t){if(!e.onError)throw t;e.onError(t)}}),i.push(()=>{try{e.onUnmount?.()}catch{}try{a?.()}catch{}u(),t._debugComponentUnmount(e)})}function d(e,t,n){return{__isKeyedList:!0,items:e,keyFn:t,renderFn:n}}function f(e){let t,n,r,o,l,i=e.slice(),u=[0],a=e.length;for(t=0;t<a;t++){let a=e[t];if(0!==a){if(n=u[u.length-1],e[n]<a){i[t]=n,u.push(t);continue}for(r=0,o=u.length-1;r<o;)l=r+o>>1,e[u[l]]<a?r=l+1:o=l;a<e[u[r]]&&(r>0&&(i[t]=u[r-1]),u[r]=t)}}for(r=u.length,o=u[r-1];r-- >0;)u[r]=o,o=i[o];return u}var p=new Set,m=!1;function h(e){p.add(e),m||(m=!0,queueMicrotask(()=>{for(let e of p)try{e()}catch(e){console.error("[Nix.js] Error in DOM write task:",e)}p.clear(),m=!1}))}function g(r,i,c,d){if("function"!=typeof i){if(t.isNixComponent(i))u(i,r.parentNode,r,d,c);else if(a(i))c.push(i._render(r.parentNode,r));else if(Array.isArray(i))for(let e of i)t.isNixComponent(e)?u(e,r.parentNode,r,d,c):a(e)?e._render(r.parentNode,r):null!=e&&!1!==e&&r.parentNode.insertBefore(document.createTextNode(String(e)),r);else null!=i&&!1!==i&&r.parentNode.insertBefore(document.createTextNode(String(i)),r);return}let p=null,m=null,y=null,x=[],g=null,_=n._captureContextSnapshot(),N=!1,v="",b=!0,E=e.effect(()=>{let n=i();if("string"==typeof n||"number"==typeof n){v=String(n);let e=()=>{N=!1,m&&=(m(),null),p?p.nodeValue=v:(p=document.createTextNode(v),r.parentNode.insertBefore(p,r))};return void(b?(b=!1,e()):N||(N=!0,h(e)))}if(N=!1,b=!1,p&&=(p.parentNode?.removeChild(p),null),m&&=(m(),null),null!=n&&!1!==n)if(a(n))m=n._render(r.parentNode,r);else if(t.isNixComponent(n))m=l(n,r.parentNode,r,_);else if(o(n)){y||(y=new Map,g=document.createTextNode(""),r.parentNode.insertBefore(g,r));let o=r.parentNode,i=n.items.map((e,t)=>n.keyFn(e,t)),u=new Set(i),a=!1;if(y.size>0)for(let e of y.keys())if(u.has(e)){a=!0;break}if(!a){if(y.size>0){let e=document.createRange();e.setStartAfter(g),e.setEndBefore(r),e.deleteContents();for(let e of y.values())e.cleanup();y.clear()}if(i.length>0){let u=document.createDocumentFragment();e.batch(()=>{for(let e=0;e<i.length;e++){let r=i[e],o=n.items[e],a=document.createTextNode(""),c=document.createTextNode("");u.appendChild(a),u.appendChild(c);let s=n.renderFn(o,e),d=t.isNixComponent(s)?l(s,u,c,_):s._render(u,c);y?.set(r,{start:a,end:c,cleanup:d})}}),o.insertBefore(u,r)}return void(x=i)}let c=new Map;for(let e=0;e<i.length;e++)c.set(i[e],e);let s=new Int32Array(i.length),d=!1,p=0;for(let e=0;e<x.length;e++){let t=x[e],n=c.get(t);if(void 0===n){let e=y.get(t);e.cleanup();let n=e.start;for(;n;){let t=n===e.end?null:n.nextSibling;if(n.parentNode?.removeChild(n),!t)break;n=t}y.delete(t)}else s[n]=e+1,n>=p?p=n:d=!0}let m=d?f(s):[],h=m.length-1,N=r;for(let e=i.length-1;e>=0;e--){let r=i[e];if(0===s[e]){let i=n.items[e],u=document.createTextNode(""),a=document.createTextNode(""),c=document.createDocumentFragment();c.appendChild(u),c.appendChild(a);let s=n.renderFn(i,e),d=t.isNixComponent(s)?l(s,c,a,_):s._render(c,a);y.set(r,{start:u,end:a,cleanup:d}),o.insertBefore(c,N),N=u}else{let t=y.get(r);if(d)if(h<0||e!==m[h]){let e=t.start;for(;e;){let n=e===t.end?null:e.nextSibling;if(o.insertBefore(e,N),!n)break;e=n}}else h--;N=t.start}}x=i}else if(Array.isArray(n)){let e=[];for(let o of n)if(t.isNixComponent(o))e.push(s(o,r.parentNode,r));else if(a(o))e.push(o._render(r.parentNode,r));else if(null!=o&&!1!==o){let t=document.createTextNode(String(o));r.parentNode.insertBefore(t,r),e.push(()=>t.parentNode?.removeChild(t))}m=()=>e.forEach(e=>e())}else p=document.createTextNode(String(n)),r.parentNode.insertBefore(p,r)});c.push(()=>{if(E(),m&&=(m(),null),p&&=(p.parentNode?.removeChild(p),null),y){for(let e of y.values())e.cleanup();y=null,g=null}})}function _(e,t){t?"none"===e.style.display&&(e.style.display=""):"none"!==e.style.display&&(e.style.display="none")}function v(e){let t=e.lastIndexOf(">"),n=e.lastIndexOf("<");if(n<=t)return{type:"node"};let r=e.slice(n+1),o=r.lastIndexOf("=");if(-1===o)return{type:"node"};let l=r.endsWith('"')||r.endsWith("'")||'"'===r[r.length-1]||"'"===r[r.length-1],i=o-1;for(;i>=0&&/\S/.test(r[i]);)i--;i++;let u=r.slice(i,o);if("@"===u[0]){let e=u.slice(1).split(".");return{type:"event",eventName:e[0],modifiers:e.slice(1),hadOpenQuote:l}}return{type:"attr",attrName:u,hadOpenQuote:l}}var y={enter:"Enter",escape:"Escape",space:" ",tab:"Tab",delete:"Delete",backspace:"Backspace",up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight"},b=new Set(["click","dblclick","mousedown","mouseup","keydown","keyup","input","change","submit"]),x=new Set;function S(e,t,n){let r=e.target,o=e.stopPropagation,l=!1;for(e.stopPropagation=()=>{l=!0,o.call(e)};r&&r!==document;){let o=r[t];if(o){let t=r[n];if(t){if(t.includes("prevent")&&e.preventDefault(),t.includes("stop")&&e.stopPropagation(),t.includes("self")&&e.target!==r){r=r.parentNode;continue}if("key"in e){let n=e,o=!0;for(let e of t){let t=y[e];if(void 0!==t&&n.key!==t){o=!1;break}if(!t&&1===e.length&&n.key.toLowerCase()!==e){o=!1;break}}if(!o){r=r.parentNode;continue}}}if(o(e),l)break}r=r.parentNode}e.stopPropagation=o}var C=new Map;function w(t,n,r,o){let l=[],i=[],u=Array(n.length),a=-1;for(let e=0;e<n.length;e++)o[e]&&o[e].nodeIndex>a&&(a=o[e].nodeIndex);let c=Array(a+1);if(c[0]=t,a>0){let e,n=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_COMMENT),r=1;for(;r<=a&&(e=n.nextNode());)c[r++]=e}for(let e=0;e<n.length;e++){let t=o[e];u[e]=t?c[t.nodeIndex]:null}for(let t=0;t<n.length;t++){let a=n[t],c=r[t],s=o[t];if(!s)continue;let d=u[t];if("event"===a.type){let e=s.name,t=c,n=a.modifiers;if(!b.has(e)||n.includes("capture")||n.includes("once")){let r={once:n.includes("once"),capture:n.includes("capture"),passive:n.includes("passive")},o=e=>{n.includes("prevent")&&e.preventDefault(),n.includes("stop")&&e.stopPropagation(),(!n.includes("self")||e.target===e.currentTarget)&&t(e)};d.addEventListener(e,o,r),l.push(()=>d.removeEventListener(e,o,r))}else{if(!x.has(e)){let t=`__nix_${e}`,n=`__nix_${e}_mods`,r=e=>S(e,t,n);C.set(e,r),document.addEventListener(e,r),x.add(e)}let r=`__nix_${e}`,o=`__nix_${e}_mods`;d[r]=t,n.length>0&&(d[o]=n),l.push(()=>{d[r]=null,d[o]=null})}continue}if("attr"===a.type){let t=s.name,n=d;if("ref"===t){c.el=n,l.push(()=>{c.el=null});continue}if("show"===t||"hide"===t){let r=n,o=null;if("function"==typeof c){let n=!1,i=!1,u=!0,a=e.effect(()=>{i=!!c();let e=()=>{n=!1;let e="show"===t?i:!i;null===o&&(o=r.style.display||""),r.style.display=e?o:"none"};u?(u=!1,e()):n||(n=!0,h(e))});l.push(a)}else("show"===t?c:!c)||(r.style.display="none");continue}let r=("value"===t||"checked"===t||"selected"===t)&&t in n;if("function"==typeof c){let o,i=!1,u=!0,a=e.effect(()=>{o=c();let e=()=>{i=!1;let e=o;r?n[t]=e??"":null==e||!1===e?n.removeAttribute(t):n.setAttribute(t,String(e))};u?(u=!1,e()):i||(i=!0,h(e))});l.push(a)}else r?n[t]=c??"":null!=c&&!1!==c&&n.setAttribute(t,String(c));continue}let f=d;if(!f)continue;let p=document.createTextNode("");f.parentNode.replaceChild(p,f),g(p,c,l,i)}return{disposes:l,postMountHooks:i}}function T(e,t){let n=new Uint8Array(e.length),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;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;r+=l.slice(0,-t)+` data-nix-a-${o}="${e.attrName}"`,e.hadOpenQuote&&(n[o+1]=1)}}else r+=l}return r}var E=new WeakMap;function D(e,...t){let n=E.get(e);if(!n){let t=[],r="";for(let n=0;n<e.length-1;n++)r+=e[n],t.push(v(r)),r+="__nix__";let o=document.createElement("template");o.innerHTML=T(e,t);let l,i=Array(t.length).fill(null),u=o.content,a=document.createTreeWalker(u,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_COMMENT),c=0;for(;l=a.nextNode();)if(c++,8===l.nodeType){let e=l.nodeValue;if(e&&e.startsWith("nix-")){let t=parseInt(e.slice(4),10);isNaN(t)||(i[t]={nodeIndex:c})}}else if(1===l.nodeType){let e=l,t=Array.from(e.attributes);for(let n=0;n<t.length;n++){let r=t[n],o=r.name;if(o.startsWith("data-nix-e-")){let t=parseInt(o.slice(11),10);isNaN(t)||(i[t]={nodeIndex:c,name:r.value},e.removeAttribute(o));continue}if(o.startsWith("data-nix-a-")){let t=parseInt(o.slice(11),10);isNaN(t)||(i[t]={nodeIndex:c,name:r.value},e.removeAttribute(o))}}}n={contexts:t,tpl:o,pathMap:i},E.set(e,n)}let{contexts:r,tpl:o,pathMap:l}=n;function i(e,n){let i=o.content.cloneNode(!0),{disposes:u,postMountHooks:a}=w(i,r,t,l),c=document.createTextNode(""),s=document.createTextNode("");return e.insertBefore(c,n),e.insertBefore(i,n),e.insertBefore(s,n),a.forEach(e=>e()),()=>{for(let e=u.length-1;e>=0;e--)u[e]();let e=c.nextSibling;for(;e&&e!==s;){let t=e.nextSibling;e.parentNode?.removeChild(e),e=t}c.parentNode?.removeChild(c),s.parentNode?.removeChild(s)}}return{__isNixTemplate:!0,_render:i,mount(e){let t="string"==typeof e?document.querySelector(e):e;if(!t)throw Error(`[Nix] mount: contenedor no encontrado: ${e}`);let n=i(t,null);return{unmount(){n()}}}}}function O(e){let t=e.name??"nix";return{enterFrom:e.enterFrom??`${t}-enter-from`,enterActive:e.enterActive??`${t}-enter-active`,enterTo:e.enterTo??`${t}-enter-to`,leaveFrom:e.leaveFrom??`${t}-leave-from`,leaveActive:e.leaveActive??`${t}-leave-active`,leaveTo:e.leaveTo??`${t}-leave-to`}}function k(e){return Math.max(0,...e.split(",").map(e=>parseFloat(e.trim())||0))}function A(e,t=0){return new Promise(n=>{let r=getComputedStyle(e),o=1e3*Math.max(k(r.transitionDuration||"0"),k(r.animationDuration||"0")),l=o>0?o+100:t;if(l<=0)return void n();let i,u=t=>{t.target===e&&(clearTimeout(i),e.removeEventListener("transitionend",u),e.removeEventListener("animationend",u),n())};e.addEventListener("transitionend",u),e.addEventListener("animationend",u),i=setTimeout(()=>{e.removeEventListener("transitionend",u),e.removeEventListener("animationend",u),n()},l)})}function j(n,r={}){let o=O(r);return{__isNixTemplate:!0,mount(e){let t="string"==typeof e?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(l,u){let a=document.createComment(i.TRANSITION);l.insertBefore(a,u);let s=null,d=null,f=0,p=!0,m=()=>{let e=a.nextSibling;for(;e&&e!==u;){if(e.nodeType===Node.ELEMENT_NODE)return e;e=e.nextSibling}return null};function y(e){return t.isNixComponent(e)?c(e,l,u):e._render(l,u)}let h=(e,t=!1)=>{f++,d&&=(d(),null),s=y(e);let n=m();if(n&&(!p||r.appear)&&!t){let e=f;(async()=>{r.onBeforeEnter?.(n),n.classList.add(o.enterFrom,o.enterActive),n.getBoundingClientRect(),await new Promise(e=>requestAnimationFrame(()=>e())),f===e&&(n.classList.remove(o.enterFrom),n.classList.add(o.enterTo),await A(n,r.duration),f===e&&(n.classList.remove(o.enterActive,o.enterTo),r.onAfterEnter?.(n)))})().catch(()=>{})}p=!1},x=()=>{let e=s;s=null;let t=m();if(!t)return void e?.();let n=++f;d=e??null,(async()=>{r.onBeforeLeave?.(t),t.classList.add(o.leaveFrom,o.leaveActive),t.getBoundingClientRect(),await new Promise(e=>requestAnimationFrame(()=>e())),f===n&&(t.classList.remove(o.leaveFrom),t.classList.add(o.leaveTo),await A(t,r.duration),f===n&&(t.classList.remove(o.leaveActive,o.leaveTo),r.onAfterLeave?.(t),d?.(),d=null))})().catch(()=>{})},g=null;if("function"!=typeof n||t.isNixComponent(n))h(n);else{let t=n,r=null;g=e.effect(()=>{let e=t(),n=null===r,o=null===e;n&&!o?h(e):!n&&o?x():!n&&!o&&(f++,d?.(),d=null,s?.(),s=null,h(e,!0)),r=e}),p=!1}return()=>{f++,g?.(),s?.(),d?.(),s=null,d=null,a.remove()}}}}function M(){return{__isPortalOutlet:!0,_container:null}}function N(e){return{__isNixTemplate:!0,mount(e){let t="string"==typeof e?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(t,n){let r=document.createElement("div");return r.setAttribute("data-nix-outlet",""),e._container=r,t.insertBefore(r,n),()=>{e._container=null,r.remove()}}}}function P(e,n=document.body){return{__isNixTemplate:!0,mount(e){let t="string"==typeof e?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(r,o){let l;return l="string"==typeof n?document.querySelector(n)??document.body:n instanceof Element?n:"__isPortalOutlet"in n?n._container??document.body:n.el??document.body,t.isNixComponent(e)?s(e,l,null):e._render(l,null)}}}var F=n.createInjectionKey("nix:portal-outlet");function I(e){n.provide(F,e)}function L(){return n.inject(F)}function R(r,o){return{__isNixTemplate:!0,mount(e){let t="string"==typeof e?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(l,u){let a=document.createComment(i.ERROR_BOUNDARY);l.insertBefore(a,u);let s,d=null,f=!1,p=!1,m=!1,y=e=>{let n=a.parentNode,r="function"!=typeof o||t.isNixComponent(o)?o:o(e);d=t.isNixComponent(r)?c(r,n,u):r._render(n,u)};e._pushErrorHandler(e=>{f||(f=!0,p?(d?.(),d=null,y(e)):(s=e,m=!0))});try{if(t.isNixComponent(r)){n._pushComponentContext();try{try{r.onInit?.()}catch(e){if(!r.onError)throw e;r.onError(e)}d=r.render()._render(l,u)}finally{n._popComponentContext()}if(!f)try{let e=r.onMount?.(),t=d;d=()=>{try{r.onUnmount?.()}catch{}if("function"==typeof e)try{e()}catch{}t?.()}}catch(e){if(!r.onError)throw e;r.onError(e)}}else d=r._render(l,u)}catch(e){f=!0,d?.(),d=null,s=e,m=!0}finally{e._popErrorHandler(),p=!0}return m&&(d?.(),d=null,y(s)),()=>{d?.(),a.remove()}}}}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return _}});
|
package/dist/lib/template2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_popErrorHandler as e,_pushErrorHandler as t,batch as n,effect as r}from"./signals.js";import{isNixComponent as i}from"./lifecycle.js";import{_captureContextSnapshot as a,_popComponentContext as o,_pushComponentContext as s,_withComponentContext as c,createInjectionKey as l,inject as u,provide as d}from"./context.js";function f(){return{el:null}}var p={SCOPE:"nix-scope",ERROR_BOUNDARY:"nix-eb",TRANSITION:"nix-t",KEYED_START:"nix-ks",KEYED_END:"nix-ke",KEYED_ZONE:"nix-kz"};function m(e){return"object"==typeof e&&!!e&&!0===e.__isNixTemplate}function h(e){return"object"==typeof e&&!!e&&!0===e.__isKeyedList}function g(e,t,n){let r,l;s();try{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}r=e.render()._render(t,n)}finally{o()}try{let t=e.onMount?.();"function"==typeof t&&(l=t)}catch(t){if(!e.onError)throw t;e.onError(t)}return()=>{try{e.onUnmount?.()}catch{}try{l?.()}catch{}r()}}function _(e,t,n){let r,l;s();try{try{e.onInit?.()}catch{}r=e.render()._render(t,n)}finally{o()}try{let t=e.onMount?.();"function"==typeof t&&(l=t)}catch{}return()=>{try{e.onUnmount?.()}catch{}try{l?.()}catch{}r()}}function v(e,t,n,r){let o,l;c(r,()=>{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}o=e.render()._render(t,n)});try{let t=e.onMount?.();"function"==typeof t&&(l=t)}catch(t){if(!e.onError)throw t;e.onError(t)}return()=>{try{e.onUnmount?.()}catch{}try{l?.()}catch{}o()}}function y(e,t,n,r,l){let i,a;s();try{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}i=e.render()._render(t,n)}finally{o()}r.push(()=>{try{let t=e.onMount?.();"function"==typeof t&&(a=t)}catch(t){if(!e.onError)throw t;e.onError(t)}}),l.push(()=>{try{e.onUnmount?.()}catch{}try{a?.()}catch{}i()})}function b(e,t,n){return{__isKeyedList:!0,items:e,keyFn:t,renderFn:n}}function x(e){let t,n,r,o,l,i=e.slice(),a=[0],u=e.length;for(t=0;t<u;t++){let u=e[t];if(0!==u){if(n=a[a.length-1],e[n]<u){i[t]=n,a.push(t);continue}for(r=0,o=a.length-1;r<o;)l=r+o>>1,e[a[l]]<u?r=l+1:o=l;u<e[a[r]]&&(r>0&&(i[t]=a[r-1]),a[r]=t)}}for(r=a.length,o=a[r-1];r-- >0;)a[r]=o,o=i[o];return a}var S=new Set,C=!1;function w(e){S.add(e),C||(C=!0,queueMicrotask(()=>{for(let e of S)try{e()}catch(e){console.error("[Nix.js] Error in DOM write task:",e)}S.clear(),C=!1}))}function T(e,t,o,l){if("function"!=typeof t){if(i(t))y(t,e.parentNode,e,l,o);else if(m(t))o.push(t._render(e.parentNode,e));else if(Array.isArray(t))for(let n of t)i(n)?y(n,e.parentNode,e,l,o):m(n)?n._render(e.parentNode,e):null!=n&&!1!==n&&e.parentNode.insertBefore(document.createTextNode(String(n)),e);else null!=t&&!1!==t&&e.parentNode.insertBefore(document.createTextNode(String(t)),e);return}let u=null,s=null,c=null,d=[],f=null,p=a(),N=!1,_="",E=!0,T=r(()=>{let r=t();if("string"==typeof r||"number"==typeof r){_=String(r);let t=()=>{N=!1,s&&=(s(),null),u?u.nodeValue=_:(u=document.createTextNode(_),e.parentNode.insertBefore(u,e))};return void(E?(E=!1,t()):N||(N=!0,w(t)))}if(N=!1,E=!1,u&&=(u.parentNode?.removeChild(u),null),s&&=(s(),null),null!=r&&!1!==r)if(m(r))s=r._render(e.parentNode,e);else if(i(r))s=v(r,e.parentNode,e,p);else if(h(r)){c||(c=new Map,f=document.createTextNode(""),e.parentNode.insertBefore(f,e));let t=e.parentNode,o=r.items.map((e,t)=>r.keyFn(e,t)),l=new Set(o),a=!1;if(c.size>0)for(let e of c.keys())if(l.has(e)){a=!0;break}if(!a){if(c.size>0){let t=document.createRange();t.setStartAfter(f),t.setEndBefore(e),t.deleteContents();for(let e of c.values())e.cleanup();c.clear()}if(o.length>0){let l=document.createDocumentFragment();n(()=>{for(let e=0;e<o.length;e++){let t=o[e],n=r.items[e],a=document.createTextNode(""),u=document.createTextNode("");l.appendChild(a),l.appendChild(u);let s=r.renderFn(n,e),d=i(s)?v(s,l,u,p):s._render(l,u);c?.set(t,{start:a,end:u,cleanup:d})}}),t.insertBefore(l,e)}return void(d=o)}let u=new Map;for(let e=0;e<o.length;e++)u.set(o[e],e);let s=new Int32Array(o.length),m=!1,h=0;for(let e=0;e<d.length;e++){let t=d[e],n=u.get(t);if(void 0===n){let e=c.get(t);e.cleanup();let n=e.start;for(;n;){let t=n===e.end?null:n.nextSibling;if(n.parentNode?.removeChild(n),!t)break;n=t}c.delete(t)}else s[n]=e+1,n>=h?h=n:m=!0}let y=m?x(s):[],N=y.length-1,_=e;for(let e=o.length-1;e>=0;e--){let n=o[e];if(0===s[e]){let o=r.items[e],l=document.createTextNode(""),a=document.createTextNode(""),u=document.createDocumentFragment();u.appendChild(l),u.appendChild(a);let s=r.renderFn(o,e),d=i(s)?v(s,u,a,p):s._render(u,a);c.set(n,{start:l,end:a,cleanup:d}),t.insertBefore(u,_),_=l}else{let r=c.get(n);if(m)if(N<0||e!==y[N]){let e=r.start;for(;e;){let n=e===r.end?null:e.nextSibling;if(t.insertBefore(e,_),!n)break;e=n}}else N--;_=r.start}}d=o}else if(Array.isArray(r)){let t=[];for(let n of r)if(i(n))t.push(g(n,e.parentNode,e));else if(m(n))t.push(n._render(e.parentNode,e));else if(null!=n&&!1!==n){let r=document.createTextNode(String(n));e.parentNode.insertBefore(r,e),t.push(()=>r.parentNode?.removeChild(r))}s=()=>t.forEach(e=>e())}else u=document.createTextNode(String(r)),e.parentNode.insertBefore(u,e)});o.push(()=>{if(T(),s&&=(s(),null),u&&=(u.parentNode?.removeChild(u),null),c){for(let e of c.values())e.cleanup();c=null,f=null}})}function E(e,t){t?"none"===e.style.display&&(e.style.display=""):"none"!==e.style.display&&(e.style.display="none")}function D(e){let t=e.lastIndexOf(">"),n=e.lastIndexOf("<");if(n<=t)return{type:"node"};let r=e.slice(n+1),o=r.lastIndexOf("=");if(-1===o)return{type:"node"};let l=r.endsWith('"')||r.endsWith("'")||'"'===r[r.length-1]||"'"===r[r.length-1],i=o-1;for(;i>=0&&/\S/.test(r[i]);)i--;i++;let a=r.slice(i,o);if("@"===a[0]){let e=a.slice(1).split(".");return{type:"event",eventName:e[0],modifiers:e.slice(1),hadOpenQuote:l}}return{type:"attr",attrName:a,hadOpenQuote:l}}var O={enter:"Enter",escape:"Escape",space:" ",tab:"Tab",delete:"Delete",backspace:"Backspace",up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight"},k=new Set(["click","dblclick","mousedown","mouseup","keydown","keyup","input","change","submit"]),A=new Set;function j(e,t,n){let r=e.target,o=e.stopPropagation,l=!1;for(e.stopPropagation=()=>{l=!0,o.call(e)};r&&r!==document;){let o=r[t];if(o){let t=r[n];if(t){if(t.includes("prevent")&&e.preventDefault(),t.includes("stop")&&e.stopPropagation(),t.includes("self")&&e.target!==r){r=r.parentNode;continue}if("key"in e){let n=e,o=!0;for(let e of t){let t=O[e];if(void 0!==t&&n.key!==t){o=!1;break}if(!t&&1===e.length&&n.key.toLowerCase()!==e){o=!1;break}}if(!o){r=r.parentNode;continue}}}if(o(e),l)break}r=r.parentNode}e.stopPropagation=o}var M=new Map;function N(e,t,n,o){let l=[],i=[],a=Array(t.length),u=-1;for(let e=0;e<t.length;e++)o[e]&&o[e].nodeIndex>u&&(u=o[e].nodeIndex);let s=Array(u+1);if(s[0]=e,u>0){let t,n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_COMMENT),r=1;for(;r<=u&&(t=n.nextNode());)s[r++]=t}for(let e=0;e<t.length;e++){let t=o[e];a[e]=t?s[t.nodeIndex]:null}for(let e=0;e<t.length;e++){let u=t[e],s=n[e],c=o[e];if(!c)continue;let d=a[e];if("event"===u.type){let e=c.name,t=s,n=u.modifiers;if(!k.has(e)||n.includes("capture")||n.includes("once")){let r={once:n.includes("once"),capture:n.includes("capture"),passive:n.includes("passive")},o=e=>{n.includes("prevent")&&e.preventDefault(),n.includes("stop")&&e.stopPropagation(),(!n.includes("self")||e.target===e.currentTarget)&&t(e)};d.addEventListener(e,o,r),l.push(()=>d.removeEventListener(e,o,r))}else{if(!A.has(e)){let t=`__nix_${e}`,n=`__nix_${e}_mods`,r=e=>j(e,t,n);M.set(e,r),document.addEventListener(e,r),A.add(e)}let r=`__nix_${e}`,o=`__nix_${e}_mods`;d[r]=t,n.length>0&&(d[o]=n),l.push(()=>{d[r]=null,d[o]=null})}continue}if("attr"===u.type){let e=c.name,t=d;if("ref"===e){s.el=t,l.push(()=>{s.el=null});continue}if("show"===e||"hide"===e){let n=t,o=null;if("function"==typeof s){let t=!1,i=!1,a=!0,u=r(()=>{i=!!s();let r=()=>{t=!1;let r="show"===e?i:!i;null===o&&(o=n.style.display||""),n.style.display=r?o:"none"};a?(a=!1,r()):t||(t=!0,w(r))});l.push(u)}else("show"===e?s:!s)||(n.style.display="none");continue}let n=("value"===e||"checked"===e||"selected"===e)&&e in t;if("function"==typeof s){let o,i=!1,a=!0,u=r(()=>{o=s();let r=()=>{i=!1;let r=o;n?t[e]=r??"":null==r||!1===r?t.removeAttribute(e):t.setAttribute(e,String(r))};a?(a=!1,r()):i||(i=!0,w(r))});l.push(u)}else n?t[e]=s??"":null!=s&&!1!==s&&t.setAttribute(e,String(s));continue}let f=d;if(!f)continue;let p=document.createTextNode("");f.parentNode.replaceChild(p,f),T(p,s,l,i)}return{disposes:l,postMountHooks:i}}function P(e,t){let n=new Uint8Array(e.length),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;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;r+=l.slice(0,-t)+` data-nix-a-${o}="${e.attrName}"`,e.hadOpenQuote&&(n[o+1]=1)}}else r+=l}return r}var F=new WeakMap;function I(e,...t){let n=F.get(e);if(!n){let t=[],r="";for(let n=0;n<e.length-1;n++)r+=e[n],t.push(D(r)),r+="__nix__";let o=document.createElement("template");o.innerHTML=P(e,t);let l,i=Array(t.length).fill(null),a=o.content,u=document.createTreeWalker(a,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_COMMENT),s=0;for(;l=u.nextNode();)if(s++,8===l.nodeType){let e=l.nodeValue;if(e&&e.startsWith("nix-")){let t=parseInt(e.slice(4),10);isNaN(t)||(i[t]={nodeIndex:s})}}else if(1===l.nodeType){let e=l,t=Array.from(e.attributes);for(let n=0;n<t.length;n++){let r=t[n],o=r.name;if(o.startsWith("data-nix-e-")){let t=parseInt(o.slice(11),10);isNaN(t)||(i[t]={nodeIndex:s,name:r.value},e.removeAttribute(o));continue}if(o.startsWith("data-nix-a-")){let t=parseInt(o.slice(11),10);isNaN(t)||(i[t]={nodeIndex:s,name:r.value},e.removeAttribute(o))}}}n={contexts:t,tpl:o,pathMap:i},F.set(e,n)}let{contexts:r,tpl:o,pathMap:l}=n;function i(e,n){let i=o.content.cloneNode(!0),{disposes:a,postMountHooks:u}=N(i,r,t,l),s=document.createTextNode(""),c=document.createTextNode("");return e.insertBefore(s,n),e.insertBefore(i,n),e.insertBefore(c,n),u.forEach(e=>e()),()=>{for(let e=a.length-1;e>=0;e--)a[e]();let e=s.nextSibling;for(;e&&e!==c;){let t=e.nextSibling;e.parentNode?.removeChild(e),e=t}s.parentNode?.removeChild(s),c.parentNode?.removeChild(c)}}return{__isNixTemplate:!0,_render:i,mount(e){let t="string"==typeof e?document.querySelector(e):e;if(!t)throw Error(`[Nix] mount: contenedor no encontrado: ${e}`);let n=i(t,null);return{unmount(){n()}}}}}function L(e){let t=e.name??"nix";return{enterFrom:e.enterFrom??`${t}-enter-from`,enterActive:e.enterActive??`${t}-enter-active`,enterTo:e.enterTo??`${t}-enter-to`,leaveFrom:e.leaveFrom??`${t}-leave-from`,leaveActive:e.leaveActive??`${t}-leave-active`,leaveTo:e.leaveTo??`${t}-leave-to`}}function R(e){return Math.max(0,...e.split(",").map(e=>parseFloat(e.trim())||0))}function z(e,t=0){return new Promise(n=>{let r=getComputedStyle(e),o=1e3*Math.max(R(r.transitionDuration||"0"),R(r.animationDuration||"0")),l=o>0?o+100:t;if(l<=0)return void n();let i,a=t=>{t.target===e&&(clearTimeout(i),e.removeEventListener("transitionend",a),e.removeEventListener("animationend",a),n())};e.addEventListener("transitionend",a),e.addEventListener("animationend",a),i=setTimeout(()=>{e.removeEventListener("transitionend",a),e.removeEventListener("animationend",a),n()},l)})}function B(e,t={}){let n=L(t);return{__isNixTemplate:!0,mount(e){let t="string"==typeof e?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(o,l){let a=document.createComment(p.TRANSITION);o.insertBefore(a,l);let u=null,s=null,c=0,d=!0,f=()=>{let e=a.nextSibling;for(;e&&e!==l;){if(e.nodeType===Node.ELEMENT_NODE)return e;e=e.nextSibling}return null};function m(e){return i(e)?_(e,o,l):e._render(o,l)}let h=(e,r=!1)=>{c++,s&&=(s(),null),u=m(e);let o=f();if(o&&(!d||t.appear)&&!r){let e=c;(async()=>{t.onBeforeEnter?.(o),o.classList.add(n.enterFrom,n.enterActive),o.getBoundingClientRect(),await new Promise(e=>requestAnimationFrame(()=>e())),c===e&&(o.classList.remove(n.enterFrom),o.classList.add(n.enterTo),await z(o,t.duration),c===e&&(o.classList.remove(n.enterActive,n.enterTo),t.onAfterEnter?.(o)))})().catch(()=>{})}d=!1},y=()=>{let e=u;u=null;let r=f();if(!r)return void e?.();let o=++c;s=e??null,(async()=>{t.onBeforeLeave?.(r),r.classList.add(n.leaveFrom,n.leaveActive),r.getBoundingClientRect(),await new Promise(e=>requestAnimationFrame(()=>e())),c===o&&(r.classList.remove(n.leaveFrom),r.classList.add(n.leaveTo),await z(r,t.duration),c===o&&(r.classList.remove(n.leaveActive,n.leaveTo),t.onAfterLeave?.(r),s?.(),s=null))})().catch(()=>{})},v=null;if("function"!=typeof e||i(e))h(e);else{let t=e,n=null;v=r(()=>{let e=t(),r=null===n,o=null===e;r&&!o?h(e):!r&&o?y():!r&&!o&&(c++,s?.(),s=null,u?.(),u=null,h(e,!0)),n=e}),d=!1}return()=>{c++,v?.(),u?.(),s?.(),u=null,s=null,a.remove()}}}}function V(){return{__isPortalOutlet:!0,_container:null}}function H(e){return{__isNixTemplate:!0,mount(e){let t="string"==typeof e?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(t,n){let r=document.createElement("div");return r.setAttribute("data-nix-outlet",""),e._container=r,t.insertBefore(r,n),()=>{e._container=null,r.remove()}}}}function U(e,t=document.body){return{__isNixTemplate:!0,mount(e){let t="string"==typeof e?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(n,r){let o;return o="string"==typeof t?document.querySelector(t)??document.body:t instanceof Element?t:"__isPortalOutlet"in t?t._container??document.body:t.el??document.body,i(e)?g(e,o,null):e._render(o,null)}}}var W=l("nix:portal-outlet");function G(e){d(W,e)}function K(){return u(W)}function q(n,r){return{__isNixTemplate:!0,mount(e){let t="string"==typeof e?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(l,a){let u=document.createComment(p.ERROR_BOUNDARY);l.insertBefore(u,a);let c,d=null,f=!1,m=!1,h=!1,y=e=>{let t=u.parentNode,n="function"!=typeof r||i(r)?r:r(e);d=i(n)?_(n,t,a):n._render(t,a)};t(e=>{f||(f=!0,m?(d?.(),d=null,y(e)):(c=e,h=!0))});try{if(i(n)){s();try{try{n.onInit?.()}catch(e){if(!n.onError)throw e;n.onError(e)}d=n.render()._render(l,a)}finally{o()}if(!f)try{let e=n.onMount?.(),t=d;d=()=>{try{n.onUnmount?.()}catch{}if("function"==typeof e)try{e()}catch{}t?.()}}catch(e){if(!n.onError)throw e;n.onError(e)}}else d=n._render(l,a)}catch(e){f=!0,d?.(),d=null,c=e,h=!0}finally{e(),m=!0}return h&&(d?.(),d=null,y(c)),()=>{d?.(),u.remove()}}}}export{H as a,P as c,b as d,p as f,f as h,U as i,I as l,m,V as n,G as o,h as p,K as r,B as s,q as t,E as u};
|
|
1
|
+
import{_popErrorHandler as e,_pushErrorHandler as t,batch as n,effect as r}from"./signals.js";import{_debugComponentMountEnd as i,_debugComponentMountStart as a,_debugComponentUnmount as o,isNixComponent as s}from"./lifecycle.js";import{_captureContextSnapshot as c,_popComponentContext as l,_pushComponentContext as u,_withComponentContext as d,createInjectionKey as f,inject as p,provide as m}from"./context.js";function h(){return{el:null}}var g={SCOPE:"nix-scope",ERROR_BOUNDARY:"nix-eb",TRANSITION:"nix-t",KEYED_START:"nix-ks",KEYED_END:"nix-ke",KEYED_ZONE:"nix-kz"};function _(e){return"object"==typeof e&&!!e&&!0===e.__isNixTemplate}function v(e){return"object"==typeof e&&!!e&&!0===e.__isKeyedList}function y(e,t,n){let r,s;a(e),u();try{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}r=e.render()._render(t,n)}finally{i(e),l()}try{let t=e.onMount?.();"function"==typeof t&&(s=t)}catch(t){if(!e.onError)throw t;e.onError(t)}return()=>{try{e.onUnmount?.()}catch{}try{s?.()}catch{}r(),o(e)}}function b(e,t,n){let r,s;a(e),u();try{try{e.onInit?.()}catch{}r=e.render()._render(t,n)}finally{i(e),l()}try{let t=e.onMount?.();"function"==typeof t&&(s=t)}catch{}return()=>{try{e.onUnmount?.()}catch{}try{s?.()}catch{}r(),o(e)}}function x(e,t,n,r){let l,u;a(e);try{d(r,()=>{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}l=e.render()._render(t,n)})}finally{i(e)}try{let t=e.onMount?.();"function"==typeof t&&(u=t)}catch(t){if(!e.onError)throw t;e.onError(t)}return()=>{try{e.onUnmount?.()}catch{}try{u?.()}catch{}l(),o(e)}}function S(e,t,n,r,s){let c,d;a(e),u();try{try{e.onInit?.()}catch(t){if(!e.onError)throw t;e.onError(t)}c=e.render()._render(t,n)}finally{i(e),l()}r.push(()=>{try{let t=e.onMount?.();"function"==typeof t&&(d=t)}catch(t){if(!e.onError)throw t;e.onError(t)}}),s.push(()=>{try{e.onUnmount?.()}catch{}try{d?.()}catch{}c(),o(e)})}function C(e,t,n){return{__isKeyedList:!0,items:e,keyFn:t,renderFn:n}}function w(e){let t,n,r,o,l,i=e.slice(),a=[0],u=e.length;for(t=0;t<u;t++){let u=e[t];if(0!==u){if(n=a[a.length-1],e[n]<u){i[t]=n,a.push(t);continue}for(r=0,o=a.length-1;r<o;)l=r+o>>1,e[a[l]]<u?r=l+1:o=l;u<e[a[r]]&&(r>0&&(i[t]=a[r-1]),a[r]=t)}}for(r=a.length,o=a[r-1];r-- >0;)a[r]=o,o=i[o];return a}var T=new Set,E=!1;function D(e){T.add(e),E||(E=!0,queueMicrotask(()=>{for(let e of T)try{e()}catch(e){console.error("[Nix.js] Error in DOM write task:",e)}T.clear(),E=!1}))}function O(e,t,o,l){if("function"!=typeof t){if(s(t))S(t,e.parentNode,e,l,o);else if(_(t))o.push(t._render(e.parentNode,e));else if(Array.isArray(t))for(let n of t)s(n)?S(n,e.parentNode,e,l,o):_(n)?n._render(e.parentNode,e):null!=n&&!1!==n&&e.parentNode.insertBefore(document.createTextNode(String(n)),e);else null!=t&&!1!==t&&e.parentNode.insertBefore(document.createTextNode(String(t)),e);return}let i=null,a=null,u=null,d=[],f=null,p=c(),m=!1,h="",N=!0,g=r(()=>{let r=t();if("string"==typeof r||"number"==typeof r){h=String(r);let t=()=>{m=!1,a&&=(a(),null),i?i.nodeValue=h:(i=document.createTextNode(h),e.parentNode.insertBefore(i,e))};return void(N?(N=!1,t()):m||(m=!0,D(t)))}if(m=!1,N=!1,i&&=(i.parentNode?.removeChild(i),null),a&&=(a(),null),null!=r&&!1!==r)if(_(r))a=r._render(e.parentNode,e);else if(s(r))a=x(r,e.parentNode,e,p);else if(v(r)){u||(u=new Map,f=document.createTextNode(""),e.parentNode.insertBefore(f,e));let t=e.parentNode,o=r.items.map((e,t)=>r.keyFn(e,t)),l=new Set(o),i=!1;if(u.size>0)for(let e of u.keys())if(l.has(e)){i=!0;break}if(!i){if(u.size>0){let t=document.createRange();t.setStartAfter(f),t.setEndBefore(e),t.deleteContents();for(let e of u.values())e.cleanup();u.clear()}if(o.length>0){let l=document.createDocumentFragment();n(()=>{for(let e=0;e<o.length;e++){let t=o[e],n=r.items[e],i=document.createTextNode(""),a=document.createTextNode("");l.appendChild(i),l.appendChild(a);let c=r.renderFn(n,e),d=s(c)?x(c,l,a,p):c._render(l,a);u?.set(t,{start:i,end:a,cleanup:d})}}),t.insertBefore(l,e)}return void(d=o)}let a=new Map;for(let e=0;e<o.length;e++)a.set(o[e],e);let c=new Int32Array(o.length),m=!1,h=0;for(let e=0;e<d.length;e++){let t=d[e],n=a.get(t);if(void 0===n){let e=u.get(t);e.cleanup();let n=e.start;for(;n;){let t=n===e.end?null:n.nextSibling;if(n.parentNode?.removeChild(n),!t)break;n=t}u.delete(t)}else c[n]=e+1,n>=h?h=n:m=!0}let y=m?w(c):[],v=y.length-1,_=e;for(let e=o.length-1;e>=0;e--){let n=o[e];if(0===c[e]){let o=r.items[e],l=document.createTextNode(""),i=document.createTextNode(""),a=document.createDocumentFragment();a.appendChild(l),a.appendChild(i);let c=r.renderFn(o,e),d=s(c)?x(c,a,i,p):c._render(a,i);u.set(n,{start:l,end:i,cleanup:d}),t.insertBefore(a,_),_=l}else{let r=u.get(n);if(m)if(v<0||e!==y[v]){let e=r.start;for(;e;){let n=e===r.end?null:e.nextSibling;if(t.insertBefore(e,_),!n)break;e=n}}else v--;_=r.start}}d=o}else if(Array.isArray(r)){let t=[];for(let n of r)if(s(n))t.push(y(n,e.parentNode,e));else if(_(n))t.push(n._render(e.parentNode,e));else if(null!=n&&!1!==n){let r=document.createTextNode(String(n));e.parentNode.insertBefore(r,e),t.push(()=>r.parentNode?.removeChild(r))}a=()=>t.forEach(e=>e())}else i=document.createTextNode(String(r)),e.parentNode.insertBefore(i,e)});o.push(()=>{if(g(),a&&=(a(),null),i&&=(i.parentNode?.removeChild(i),null),u){for(let e of u.values())e.cleanup();u=null,f=null}})}function k(e,t){t?"none"===e.style.display&&(e.style.display=""):"none"!==e.style.display&&(e.style.display="none")}function A(e){let t=e.lastIndexOf(">"),n=e.lastIndexOf("<");if(n<=t)return{type:"node"};let r=e.slice(n+1),o=r.lastIndexOf("=");if(-1===o)return{type:"node"};let l=r.endsWith('"')||r.endsWith("'")||'"'===r[r.length-1]||"'"===r[r.length-1],i=o-1;for(;i>=0&&/\S/.test(r[i]);)i--;i++;let a=r.slice(i,o);if("@"===a[0]){let e=a.slice(1).split(".");return{type:"event",eventName:e[0],modifiers:e.slice(1),hadOpenQuote:l}}return{type:"attr",attrName:a,hadOpenQuote:l}}var j={enter:"Enter",escape:"Escape",space:" ",tab:"Tab",delete:"Delete",backspace:"Backspace",up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight"},M=new Set(["click","dblclick","mousedown","mouseup","keydown","keyup","input","change","submit"]),N=new Set;function P(e,t,n){let r=e.target,o=e.stopPropagation,l=!1;for(e.stopPropagation=()=>{l=!0,o.call(e)};r&&r!==document;){let o=r[t];if(o){let t=r[n];if(t){if(t.includes("prevent")&&e.preventDefault(),t.includes("stop")&&e.stopPropagation(),t.includes("self")&&e.target!==r){r=r.parentNode;continue}if("key"in e){let n=e,o=!0;for(let e of t){let t=j[e];if(void 0!==t&&n.key!==t){o=!1;break}if(!t&&1===e.length&&n.key.toLowerCase()!==e){o=!1;break}}if(!o){r=r.parentNode;continue}}}if(o(e),l)break}r=r.parentNode}e.stopPropagation=o}var F=new Map;function I(e,t,n,o){let l=[],i=[],a=Array(t.length),u=-1;for(let e=0;e<t.length;e++)o[e]&&o[e].nodeIndex>u&&(u=o[e].nodeIndex);let s=Array(u+1);if(s[0]=e,u>0){let t,n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_COMMENT),r=1;for(;r<=u&&(t=n.nextNode());)s[r++]=t}for(let e=0;e<t.length;e++){let t=o[e];a[e]=t?s[t.nodeIndex]:null}for(let e=0;e<t.length;e++){let u=t[e],s=n[e],c=o[e];if(!c)continue;let d=a[e];if("event"===u.type){let e=c.name,t=s,n=u.modifiers;if(!M.has(e)||n.includes("capture")||n.includes("once")){let r={once:n.includes("once"),capture:n.includes("capture"),passive:n.includes("passive")},o=e=>{n.includes("prevent")&&e.preventDefault(),n.includes("stop")&&e.stopPropagation(),(!n.includes("self")||e.target===e.currentTarget)&&t(e)};d.addEventListener(e,o,r),l.push(()=>d.removeEventListener(e,o,r))}else{if(!N.has(e)){let t=`__nix_${e}`,n=`__nix_${e}_mods`,r=e=>P(e,t,n);F.set(e,r),document.addEventListener(e,r),N.add(e)}let r=`__nix_${e}`,o=`__nix_${e}_mods`;d[r]=t,n.length>0&&(d[o]=n),l.push(()=>{d[r]=null,d[o]=null})}continue}if("attr"===u.type){let e=c.name,t=d;if("ref"===e){s.el=t,l.push(()=>{s.el=null});continue}if("show"===e||"hide"===e){let n=t,o=null;if("function"==typeof s){let t=!1,i=!1,a=!0,u=r(()=>{i=!!s();let r=()=>{t=!1;let r="show"===e?i:!i;null===o&&(o=n.style.display||""),n.style.display=r?o:"none"};a?(a=!1,r()):t||(t=!0,D(r))});l.push(u)}else("show"===e?s:!s)||(n.style.display="none");continue}let n=("value"===e||"checked"===e||"selected"===e)&&e in t;if("function"==typeof s){let o,i=!1,a=!0,u=r(()=>{o=s();let r=()=>{i=!1;let r=o;n?t[e]=r??"":null==r||!1===r?t.removeAttribute(e):t.setAttribute(e,String(r))};a?(a=!1,r()):i||(i=!0,D(r))});l.push(u)}else n?t[e]=s??"":null!=s&&!1!==s&&t.setAttribute(e,String(s));continue}let f=d;if(!f)continue;let p=document.createTextNode("");f.parentNode.replaceChild(p,f),O(p,s,l,i)}return{disposes:l,postMountHooks:i}}function L(e,t){let n=new Uint8Array(e.length),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;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;r+=l.slice(0,-t)+` data-nix-a-${o}="${e.attrName}"`,e.hadOpenQuote&&(n[o+1]=1)}}else r+=l}return r}var R=new WeakMap;function z(e,...t){let n=R.get(e);if(!n){let t=[],r="";for(let n=0;n<e.length-1;n++)r+=e[n],t.push(A(r)),r+="__nix__";let o=document.createElement("template");o.innerHTML=L(e,t);let l,i=Array(t.length).fill(null),a=o.content,u=document.createTreeWalker(a,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_COMMENT),s=0;for(;l=u.nextNode();)if(s++,8===l.nodeType){let e=l.nodeValue;if(e&&e.startsWith("nix-")){let t=parseInt(e.slice(4),10);isNaN(t)||(i[t]={nodeIndex:s})}}else if(1===l.nodeType){let e=l,t=Array.from(e.attributes);for(let n=0;n<t.length;n++){let r=t[n],o=r.name;if(o.startsWith("data-nix-e-")){let t=parseInt(o.slice(11),10);isNaN(t)||(i[t]={nodeIndex:s,name:r.value},e.removeAttribute(o));continue}if(o.startsWith("data-nix-a-")){let t=parseInt(o.slice(11),10);isNaN(t)||(i[t]={nodeIndex:s,name:r.value},e.removeAttribute(o))}}}n={contexts:t,tpl:o,pathMap:i},R.set(e,n)}let{contexts:r,tpl:o,pathMap:l}=n;function i(e,n){let i=o.content.cloneNode(!0),{disposes:a,postMountHooks:u}=I(i,r,t,l),s=document.createTextNode(""),c=document.createTextNode("");return e.insertBefore(s,n),e.insertBefore(i,n),e.insertBefore(c,n),u.forEach(e=>e()),()=>{for(let e=a.length-1;e>=0;e--)a[e]();let e=s.nextSibling;for(;e&&e!==c;){let t=e.nextSibling;e.parentNode?.removeChild(e),e=t}s.parentNode?.removeChild(s),c.parentNode?.removeChild(c)}}return{__isNixTemplate:!0,_render:i,mount(e){let t="string"==typeof e?document.querySelector(e):e;if(!t)throw Error(`[Nix] mount: contenedor no encontrado: ${e}`);let n=i(t,null);return{unmount(){n()}}}}}function B(e){let t=e.name??"nix";return{enterFrom:e.enterFrom??`${t}-enter-from`,enterActive:e.enterActive??`${t}-enter-active`,enterTo:e.enterTo??`${t}-enter-to`,leaveFrom:e.leaveFrom??`${t}-leave-from`,leaveActive:e.leaveActive??`${t}-leave-active`,leaveTo:e.leaveTo??`${t}-leave-to`}}function V(e){return Math.max(0,...e.split(",").map(e=>parseFloat(e.trim())||0))}function H(e,t=0){return new Promise(n=>{let r=getComputedStyle(e),o=1e3*Math.max(V(r.transitionDuration||"0"),V(r.animationDuration||"0")),l=o>0?o+100:t;if(l<=0)return void n();let i,a=t=>{t.target===e&&(clearTimeout(i),e.removeEventListener("transitionend",a),e.removeEventListener("animationend",a),n())};e.addEventListener("transitionend",a),e.addEventListener("animationend",a),i=setTimeout(()=>{e.removeEventListener("transitionend",a),e.removeEventListener("animationend",a),n()},l)})}function U(e,t={}){let n=B(t);return{__isNixTemplate:!0,mount(e){let t="string"==typeof e?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(o,l){let i=document.createComment(g.TRANSITION);o.insertBefore(i,l);let a=null,u=null,c=0,d=!0,f=()=>{let e=i.nextSibling;for(;e&&e!==l;){if(e.nodeType===Node.ELEMENT_NODE)return e;e=e.nextSibling}return null};function p(e){return s(e)?b(e,o,l):e._render(o,l)}let m=(e,r=!1)=>{c++,u&&=(u(),null),a=p(e);let o=f();if(o&&(!d||t.appear)&&!r){let e=c;(async()=>{t.onBeforeEnter?.(o),o.classList.add(n.enterFrom,n.enterActive),o.getBoundingClientRect(),await new Promise(e=>requestAnimationFrame(()=>e())),c===e&&(o.classList.remove(n.enterFrom),o.classList.add(n.enterTo),await H(o,t.duration),c===e&&(o.classList.remove(n.enterActive,n.enterTo),t.onAfterEnter?.(o)))})().catch(()=>{})}d=!1},h=()=>{let e=a;a=null;let r=f();if(!r)return void e?.();let o=++c;u=e??null,(async()=>{t.onBeforeLeave?.(r),r.classList.add(n.leaveFrom,n.leaveActive),r.getBoundingClientRect(),await new Promise(e=>requestAnimationFrame(()=>e())),c===o&&(r.classList.remove(n.leaveFrom),r.classList.add(n.leaveTo),await H(r,t.duration),c===o&&(r.classList.remove(n.leaveActive,n.leaveTo),t.onAfterLeave?.(r),u?.(),u=null))})().catch(()=>{})},y=null;if("function"!=typeof e||s(e))m(e);else{let t=e,n=null;y=r(()=>{let e=t(),r=null===n,o=null===e;r&&!o?m(e):!r&&o?h():!r&&!o&&(c++,u?.(),u=null,a?.(),a=null,m(e,!0)),n=e}),d=!1}return()=>{c++,y?.(),a?.(),u?.(),a=null,u=null,i.remove()}}}}function W(){return{__isPortalOutlet:!0,_container:null}}function G(e){return{__isNixTemplate:!0,mount(e){let t="string"==typeof e?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(t,n){let r=document.createElement("div");return r.setAttribute("data-nix-outlet",""),e._container=r,t.insertBefore(r,n),()=>{e._container=null,r.remove()}}}}function K(e,t=document.body){return{__isNixTemplate:!0,mount(e){let t="string"==typeof e?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(n,r){let o;return o="string"==typeof t?document.querySelector(t)??document.body:t instanceof Element?t:"__isPortalOutlet"in t?t._container??document.body:t.el??document.body,s(e)?y(e,o,null):e._render(o,null)}}}var q=f("nix:portal-outlet");function J(e){m(q,e)}function Y(){return p(q)}function X(n,r){return{__isNixTemplate:!0,mount(e){let t="string"==typeof e?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(o,i){let a=document.createComment(g.ERROR_BOUNDARY);o.insertBefore(a,i);let c,d=null,f=!1,p=!1,m=!1,h=e=>{let t=a.parentNode,n="function"!=typeof r||s(r)?r:r(e);d=s(n)?b(n,t,i):n._render(t,i)};t(e=>{f||(f=!0,p?(d?.(),d=null,h(e)):(c=e,m=!0))});try{if(s(n)){u();try{try{n.onInit?.()}catch(e){if(!n.onError)throw e;n.onError(e)}d=n.render()._render(o,i)}finally{l()}if(!f)try{let e=n.onMount?.(),t=d;d=()=>{try{n.onUnmount?.()}catch{}if("function"==typeof e)try{e()}catch{}t?.()}}catch(e){if(!n.onError)throw e;n.onError(e)}}else d=n._render(o,i)}catch(e){f=!0,d?.(),d=null,c=e,m=!0}finally{e(),p=!0}return m&&(d?.(),d=null,h(c)),()=>{d?.(),a.remove()}}}}export{G as a,L as c,C as d,g as f,h,K as i,z as l,_ as m,W as n,J as o,v as p,Y as r,U as s,X as t,k as u};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deijose/nix-js",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.1",
|
|
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
|
"author": "Deiver Vasquez",
|
|
@@ -70,6 +70,11 @@
|
|
|
70
70
|
"types": "./dist/lib/nix/lifecycle.d.ts",
|
|
71
71
|
"import": "./dist/lib/lifecycle.js",
|
|
72
72
|
"require": "./dist/lib/lifecycle.cjs"
|
|
73
|
+
},
|
|
74
|
+
"./devtools": {
|
|
75
|
+
"types": "./dist/lib/nix/devtools.d.ts",
|
|
76
|
+
"import": "./dist/lib/devtools.js",
|
|
77
|
+
"require": "./dist/lib/devtools.cjs"
|
|
73
78
|
}
|
|
74
79
|
},
|
|
75
80
|
"main": "./dist/lib/nix-js.cjs",
|