xote 4.16.0 → 4.16.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/dist/xote.cjs +8 -8
- package/dist/xote.mjs +1055 -1006
- package/dist/xote.umd.js +9 -9
- package/package.json +1 -1
- package/src/Xote.res.mjs +1 -1
- package/src/Xote__Component.res +55 -1
- package/src/Xote__Component.res.mjs +61 -2
- package/src/Xote__Hydration.res.mjs +1 -1
- package/src/Xote__JSX.res.mjs +1 -1
- package/src/Xote__Router.res.mjs +1 -1
package/dist/xote.umd.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
(function(A,
|
|
2
|
-
`),
|
|
1
|
+
(function(A,te){typeof exports=="object"&&typeof module<"u"?te(exports):typeof define=="function"&&define.amd?define(["exports"],te):(A=typeof globalThis<"u"?globalThis:A||self,te(A.xote={}))})(this,(function(A){"use strict";let te={contents:0};function Ee(){return te.contents=te.contents+1|0,te.contents}function Ze(){return{first:void 0,last:void 0,version:0,compute:void 0,firstDep:void 0,lastDep:void 0,flags:0,level:0}}function rn(e){return{first:void 0,last:void 0,version:0,compute:e,firstDep:void 0,lastDep:void 0,flags:1,level:0}}function ln(e,t,n,r,i){return{id:e,kind:t,run:n,firstDep:void 0,lastDep:void 0,flags:1,level:0,name:r,backingSubs:i}}function et(e){e.flags=e.flags&-2}function un(e){return(e.flags&2)!==0}function on(e){e.flags=e.flags|2}function dn(e){e.flags=e.flags&-3}function tt(e){return(e.flags&1)!==0}function an(e){e.flags=e.flags|1}function je(e){e.flags=e.flags&-2}function cn(e){e.flags=e.flags&-3}function we(e){return e.compute!==void 0}function nt(e,t){return{subs:e,observer:t,nextDep:void 0,prevDep:void 0,nextSub:void 0,prevSub:void 0}}function ke(e,t){t.prevSub=e.last,t.nextSub=void 0;let n=e.last;n!==void 0?n.nextSub=t:e.first=t,e.last=t}function rt(e,t){t.prevDep=e.lastDep,t.nextDep=void 0;let n=e.lastDep;n!==void 0?n.nextDep=t:e.firstDep=t,e.lastDep=t}function lt(e){let t=e.subs,n=e.prevSub;n!==void 0?n.nextSub=e.nextSub:t.first=e.nextSub;let r=e.nextSub;r!==void 0?r.prevSub=e.prevSub:t.last=e.prevSub,e.prevSub=void 0,e.nextSub=void 0}function it(e){let t=e.firstDep;for(;t!==void 0;){let n=t;if(n!==void 0){let r=n.nextDep;lt(n),t=r}}e.firstDep=void 0,e.lastDep=void 0}function Fe(e){let t=e.firstDep;for(;t!==void 0;){let n=t;if(n!==void 0){let r=n.nextDep;lt(n),t=r}}e.firstDep=void 0,e.lastDep=void 0}function ut(e,t){t.prevDep=e.lastDep,t.nextDep=void 0;let n=e.lastDep;n!==void 0?n.nextDep=t:e.firstDep=t,e.lastDep=t}function ne(e){return e===void 0?{BS_PRIVATE_NESTED_SOME_NONE:0}:e!==null&&e.BS_PRIVATE_NESTED_SOME_NONE!==void 0?{BS_PRIVATE_NESTED_SOME_NONE:e.BS_PRIVATE_NESTED_SOME_NONE+1|0}:e}function Ie(e){if(e!=null)return ne(e)}function g(e){if(e===null||e.BS_PRIVATE_NESTED_SOME_NONE===void 0)return e;let t=e.BS_PRIVATE_NESTED_SOME_NONE;if(t!==0)return{BS_PRIVATE_NESTED_SOME_NONE:t-1|0}}function sn(e,t){if(e!==void 0)return ne(t(g(e)))}function V(e,t){return e!==void 0?g(e):t}function Ne(e){return e!==void 0}let x={contents:void 0},F={contents:void 0},Y=[],re=[],q={contents:!1},Te=[],ot=(function(e){e.length=0});function fn(e){if(!un(e)){on(e),Y.push(e);return}}function pn(e,t){if(e.firstDep===void 0){let l={subs:t,observer:e,nextDep:void 0,prevDep:void 0,nextSub:void 0,prevSub:void 0};return ut(e,l),ke(t,l)}let n=!1,r=e.firstDep;for(;r!==void 0&&!n;){let l=r;l!==void 0&&(l.subs===t?n=!0:r=l.nextDep)}if(n)return;let i={subs:t,observer:e,nextDep:void 0,prevDep:void 0,nextSub:void 0,prevSub:void 0};ut(e,i),ke(t,i)}function mn(e,t){if(e.firstDep===void 0){let l=nt(t,e);return rt(e,l),ke(t,l)}let n=!1,r=e.firstDep;for(;r!==void 0&&!n;){let l=r;l!==void 0&&(l.subs===t?n=!0:r=l.nextDep)}if(n)return;let i=nt(t,e);rt(e,i),ke(t,i)}function hn(e){let t=x.contents;if(t!==void 0)return pn(t,e);let n=F.contents;if(n!==void 0)return mn(n,e)}function gn(e,t){return e.level-t.level|0}function Sn(e,t){return e.level-t.level|0}function dt(e){let t=0,n=e.firstDep;for(;n!==void 0;){let r=n;r!==void 0&&(we(r.subs)&&r.subs.level>t&&(t=r.subs.level),n=r.nextDep)}return t+1|0}function at(e){let t=0,n=e.firstDep;for(;n!==void 0;){let r=n;r!==void 0&&(we(r.subs)&&r.subs.level>t&&(t=r.subs.level),n=r.nextDep)}return t+1|0}function _n(e){let t=e.level;Fe(e),cn(e);let n=x.contents;x.contents=e;try{let r=e.compute;r!==void 0&&r(),je(e),x.contents=n}catch(r){throw x.contents=n,r}if(t===0){e.level=dt(e);return}}function yn(e){let t=e.level;it(e),dn(e);let n=F.contents;F.contents=e;try{e.run(),et(e),F.contents=n}catch(r){throw F.contents=n,r}if(t===0){e.level=at(e);return}}function ct(){q.contents=!0;try{for(;Y.length!==0||re.length!==0;){if(re.length!==0){re.sort(Sn);let e=re.slice();ot(re),e.forEach(_n)}if(Y.length!==0){Y.sort(gn);let e=Y.slice();ot(Y),e.forEach(yn)}}q.contents=!1;return}catch(e){throw q.contents=!1,e}}function bn(e){for(Te.push(e);Te.length!==0;){let t=Te.pop();if(t!==void 0){let n=t.first;for(;n!==void 0;){let r=n;if(r!==void 0){let i=r.observer;we(i)?tt(i)||(an(i),Te.push(i)):fn(r.observer),n=r.nextSub}}}}if((Y.length!==0||re.length!==0)&&!q.contents)return ct()}function st(e){if(!(we(e)&&tt(e)))return;let t=e.level;Fe(e);let n=x.contents;x.contents=e;try{let r=e.compute;r!==void 0&&r(),je(e),x.contents=n}catch(r){throw x.contents=n,r}if(t===0){e.level=dt(e);return}}function En(e){let t=q.contents;q.contents=!0;try{let n=e();return t||(q.contents=!1,(Y.length!==0||re.length!==0)&&ct()),n}catch(n){throw t||(q.contents=!1),n}}function wn(e){let t=x.contents,n=F.contents;x.contents=void 0,F.contents=void 0;try{let r=e();return x.contents=t,F.contents=n,r}catch(r){throw x.contents=t,F.contents=n,r}}function kn(e,t,n){return{id:Ee(),value:e,equals:V(n,(i,l)=>i===l),name:t,subs:Ze()}}function Tn(e,t){return{id:Ee(),value:e,equals:(r,i)=>!1,name:t,subs:Ze()}}function vn(e){return st(e.subs),hn(e.subs),e.value}function $n(e){return st(e.subs),e.value}function ft(e,t){let n;try{n=!e.equals(e.value,t)}catch{n=!0}if(n)return e.value=t,e.subs.version=e.subs.version+1|0,bn(e.subs)}function Cn(e,t){ft(e,t(e.value))}const An=Object.freeze(Object.defineProperty({__proto__:null,Core:void 0,Id:void 0,Scheduler:void 0,batch:En,get:vn,make:kn,makeForComputed:Tn,peek:$n,set:ft,untrack:wn,update:Cn},Symbol.toStringTag,{value:"Module"}));function xn(e,t){let n=Ee(),r={contents:void 0},l=ln(n,"Effect",()=>{let S=r.contents;S!==void 0&&S(),r.contents=e()},t,void 0),u=F.contents;F.contents=l;try{l.run(),et(l),F.contents=u}catch(S){throw F.contents=u,S}l.level=at(l);let d={contents:!1};return{dispose:()=>{if(d.contents)return;d.contents=!0;let S=r.contents;S!==void 0&&S(),it(l)}}}const On=Object.freeze(Object.defineProperty({__proto__:null,Core:void 0,Id:void 0,Scheduler:void 0,run:xn},Symbol.toStringTag,{value:"Module"}));function Dn(e,t){let n=Ee(),r={contents:void 0},l=rn(()=>{r.contents.value=e()}),u=x.contents;x.contents=l;let d=e();x.contents=u;let s={id:n,value:d,equals:(S,O)=>!1,name:t,subs:l};return r.contents=s,je(l),s}function Pn(e){Fe(e.subs)}const Rn=Object.freeze(Object.defineProperty({__proto__:null,Core:void 0,Id:void 0,Scheduler:void 0,Signal:void 0,dispose:Pn,make:Dn},Symbol.toStringTag,{value:"Module"}));let o=An,j=Rn,v=On;function U(e){return e.replaceAll("&","&").replaceAll("<","<").replaceAll(">",">").replaceAll('"',""").replaceAll("'","'")}let Le=["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"];function Mn(e){return Le.includes(e)}let pt={escape:U,voidElements:Le,isVoidElement:Mn},mt="<!--$-->",ht="<!--/$-->",gt="<!--#-->",St="<!--/#-->",_t="<!--kl-->",yt="<!--/kl-->";function bt(e){return"<!--k:"+e+"-->"}let Et="<!--/k-->",wt="<!--lc-->",kt="<!--/lc-->",jn={signalTextStart:mt,signalTextEnd:ht,signalFragmentStart:gt,signalFragmentEnd:St,keyedListStart:_t,keyedListEnd:yt,keyedItemStart:bt,keyedItemEnd:Et,lazyComponentStart:wt,lazyComponentEnd:kt};function Tt(e){let t=e[1],n=e[0],r;switch(t.TAG){case"Static":r=t._0;break;case"SignalValue":r=o.peek(t._0);break;case"Compute":r=t._0();break}switch(n){case"aria-expanded":case"aria-hidden":case"aria-selected":case"checked":case"disabled":case"multiple":case"readonly":case"required":break;default:return n+'="'+U(r)+'"'}return r==="true"?n:""}function vt(e){let t=e.map(Tt).filter(n=>n!=="");return t.length!==0?" "+t.join(" "):""}let Fn={renderAttr:Tt,renderAttrs:vt};function J(e){switch(e.TAG){case"Element":let t=e.tag,n=vt(e.attrs);if(Le.includes(t))return"<"+t+n+" />";let r=e.children.map(J).join("");return"<"+t+n+">"+r+"</"+t+">";case"Text":return U(e._0);case"SignalText":let i=o.peek(e._0);return mt+U(i)+ht;case"Fragment":return e._0.map(J).join("");case"SignalFragment":let u=o.peek(e._0).map(J).join("");return gt+u+St;case"LazyComponent":let d=e._0();return wt+J(d)+kt;case"KeyedList":let s=e.renderItem,S=e.keyFn,L=o.peek(e.signal).map(G=>{let D=S(G),$=J(s(G));return bt(D)+$+Et}).join("");return _t+L+yt}}function $t(e,t){return J(e())}function In(e,t,n){let r=t!==void 0?t:"root",i=e(),l=J(i);return"<!--xote-root:"+r+"-->"+l+"<!--/xote-root-->"}function Ct(e){return"<script"+(e!==void 0?' nonce="'+U(e)+'"':"")+">window.__XOTE_HYDRATED__=false;<\/script>"}function Nn(e,t,n,r,i,l,u){let d=e!==void 0?e:"",s=t!==void 0?t:"",S=n!==void 0?n:[],O=r!==void 0?r:[],L=i!==void 0?i:"",G=$t(u),D=Ct(l),$=O.map(B=>'<link rel="stylesheet" href="'+U(B)+'" />').join(`
|
|
2
|
+
`),H=S.map(B=>{let W=l!==void 0?' nonce="'+U(l)+'"':"";return'<script type="module" src="'+U(B)+'"'+W+"><\/script>"}).join(`
|
|
3
3
|
`);return`<!DOCTYPE html>
|
|
4
4
|
<html>
|
|
5
5
|
<head>
|
|
6
6
|
<meta charset="UTF-8" />
|
|
7
7
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
8
|
-
|
|
8
|
+
`+$+`
|
|
9
9
|
`+d+`
|
|
10
10
|
</head>
|
|
11
|
-
<body`+(
|
|
12
|
-
<div id="root">`+
|
|
13
|
-
`+
|
|
14
|
-
`+
|
|
15
|
-
`+
|
|
11
|
+
<body`+(s!==""?" "+s:"")+`>
|
|
12
|
+
<div id="root">`+G+`</div>
|
|
13
|
+
`+L+`
|
|
14
|
+
`+D+`
|
|
15
|
+
`+H+`
|
|
16
16
|
</body>
|
|
17
|
-
</html>`}const Fn=Object.freeze(Object.defineProperty({__proto__:null,Attributes:Rn,Component:void 0,Html:st,Markers:Pn,generateHydrationScript:vt,renderDocument:jn,renderNodeToString:U,renderToString:Tt,renderToStringWithRoot:Mn},Symbol.toStringTag,{value:"Module"}));function $t(e,t){let n=e.length,r=new Array(n),l=0;for(let i=0;i<n;++i){let u=e[i],d=t(u);d!==void 0&&(r[l]=g(d),l=l+1|0)}return r.length=l,r}function In(e,t){let n=0;for(;;){let r=n;if(r===e.length)return;let l=t(e[r]);if(l!==void 0)return l;n=r+1|0}}function Ct(e){return $t(e.split("/"),t=>{if(t!=="")return t.startsWith(":")?{TAG:"Param",_0:t.slice(1)}:{TAG:"Static",_0:t}})}function At(e,t){let n=t.split("/").filter(i=>i!=="");if(e.length!==n.length)return"NoMatch";let r={};return e.every((i,u)=>{let d=n[u];return i.TAG==="Static"?d===i._0:(r[i._0]=d,!0)})?{TAG:"Match",_0:r}:"NoMatch"}function Ie(e,t){return At(Ct(e),t)}const Ln=Object.freeze(Object.defineProperty({__proto__:null,match:Ie,matchPath:At,parsePattern:Ct},Symbol.toStringTag,{value:"Module"}));function Le(e,t){delete e[t]}function fe(e,t,n){switch(t){case"checked":e.checked=n==="true";return;case"disabled":e.disabled=n==="true";return;case"aria-expanded":case"aria-hidden":case"aria-selected":case"multiple":case"readonly":case"required":break;case"value":e.value=n;return;default:e.setAttribute(t,n);return}n==="true"?e.setAttribute(t,""):e.removeAttribute(t)}let pe={setAttrOrProp:fe},Te={contents:void 0};function Nn(){return{disposers:[],computeds:[]}}function ie(e,t){let n=Te.contents;Te.contents=e;let r=t();return Te.contents=n,r}function ue(e,t){e.disposers.push(t)}function xt(e){e.disposers.forEach(t=>t.dispose()),e.computeds.forEach(t=>R.dispose(t))}function oe(e,t){e.__xote_owner__=t}function Dt(e){return je(e.__xote_owner__)}let s={currentOwner:Te,createOwner:Nn,runWithOwner:ie,addDisposer:ue,disposeOwner:xt,setOwner:oe,getOwner:Dt};function Ot(e,t){return[e,{TAG:"Static",_0:t}]}function Pt(e,t){return[e,{TAG:"SignalValue",_0:t}]}function Rt(e,t){return[e,{TAG:"Compute",_0:t}]}let Gn={$$static:Ot,signal:Pt,computed:Rt};function me(e){let t=Dt(e);t!==void 0&&xt(t),Array.from(e.childNodes||[]).forEach(me)}function X(e){switch(e.TAG){case"Element":let t=e.children,n=e.events,r=e.attrs,l=document.createElement(e.tag),i={disposers:[],computeds:[]};return oe(l,i),ie(i,()=>{r.forEach(c=>{let m=c[1],E=c[0];switch(m.TAG){case"Static":return fe(l,E,m._0);case"SignalValue":let k=m._0;fe(l,E,o.peek(k));let C=T.run(()=>{fe(l,E,o.get(k))},void 0);return ue(i,C);case"Compute":let V=m._0,p=T.run(()=>{fe(l,E,V())},void 0);return ue(i,p)}}),n.forEach(c=>{l.addEventListener(c[0],c[1])}),t.forEach(c=>{let m=X(c);l.appendChild(m)})}),l;case"Text":return document.createTextNode(e._0);case"SignalText":let u=e._0,d=document.createTextNode(o.peek(u)),f={disposers:[],computeds:[]};return oe(d,f),ie(f,()=>{let c=T.run(()=>{d.textContent=o.get(u)},void 0);ue(f,c)}),d;case"Fragment":let _=document.createDocumentFragment();return e._0.forEach(c=>{let m=X(c);_.appendChild(m)}),_;case"SignalFragment":let O=e._0,P={disposers:[],computeds:[]},D=document.createElement("div");return D.setAttribute("style","display: contents"),oe(D,P),ie(P,()=>{let c=T.run(()=>{let m=o.get(O);Array.from(D.childNodes||[]).forEach(me),D.innerHTML="",m.forEach(k=>{let C=X(k);D.appendChild(C)})},void 0);ue(P,c)}),D;case"LazyComponent":let z={disposers:[],computeds:[]},v=ie(z,e._0),B=X(v);return oe(B,z),B;case"KeyedList":let L=e.renderItem,G=e.keyFn,M=e.signal,W={disposers:[],computeds:[]},ce=document.createComment(" keyed-list-start "),w=document.createComment(" keyed-list-end ");oe(ce,W);let y={},h=()=>{let c=w.parentNode;if(c==null)return;let m=o.get(M),E={};m.forEach(a=>{E[G(a)]=a});let k=[];Object.keys(y).forEach(a=>{if(E[a]===void 0){k.push(a);return}}),k.forEach(a=>{let b=y[a];if(b!==void 0){me(b.element),b.element.remove(),Le(y,a);return}});let C=[],V={};m.forEach(a=>{let b=G(a),se=y[b];if(se!==void 0){if(se.item!==a){V[b]=!0;let Ue=L(a),Pe=X(Ue),Qt={key:b,item:a,element:Pe};C.push(Qt),y[b]=Qt;return}C.push(se);return}let qe=L(a),De=X(qe),Oe={key:b,item:a,element:De};C.push(Oe),y[b]=Oe});let p={contents:ce.nextSibling};C.forEach(a=>{let b=p.contents;if(b==null){c.insertBefore(a.element,w);return}if(b===w){c.insertBefore(a.element,w);return}if(b===a.element){p.contents=b.nextSibling;return}H(V[a.key],!1)?(me(b),c.replaceChild(a.element,b),p.contents=a.element.nextSibling):(c.insertBefore(a.element,b),p.contents=a.element.nextSibling)})},S=document.createDocumentFragment();return S.appendChild(ce),o.peek(M).forEach(c=>{let m=G(c),E=L(c),k=X(E),C={key:m,item:c,element:k};y[m]=C,S.appendChild(k)}),S.appendChild(w),ie(W,()=>{let c=T.run(()=>{h()},void 0);ue(W,c)}),S}}let J={disposeElement:me,render:X};function zn(e){return{TAG:"Text",_0:e}}function Bn(e){return{TAG:"SignalText",_0:R.make(e,void 0)}}function Wn(e){return{TAG:"SignalText",_0:R.make(e,void 0)}}function Hn(e){return{TAG:"SignalText",_0:R.make(()=>e().toString(),void 0)}}function Xn(e){return{TAG:"SignalText",_0:R.make(()=>e().toString(),void 0)}}function Vn(e){return{TAG:"Text",_0:e.toString()}}function Kn(e){return{TAG:"Text",_0:e.toString()}}function Yn(e){return{TAG:"Fragment",_0:e}}function Ne(e){return{TAG:"SignalFragment",_0:e}}function qn(e,t){return{TAG:"SignalFragment",_0:R.make(()=>o.get(e).map(t),void 0)}}function Un(e,t,n){return{TAG:"KeyedList",signal:e,keyFn:t,renderItem:n}}function N(e,t,n,r,l){let i=t!==void 0?t:[].map(f=>f),u=n!==void 0?n:[].map(f=>f),d=r!==void 0?r:[].map(f=>f);return{TAG:"Element",tag:e,attrs:i,events:u,children:d}}function Jn(e,t,n,r){return N("div",e,t,n)}function Qn(e,t,n,r){return N("span",e,t,n)}function Zn(e,t,n,r){return N("button",e,t,n)}function er(e,t,n){return N("input",e,t,void 0)}function tr(e,t,n,r){return N("h1",e,t,n)}function nr(e,t,n,r){return N("h2",e,t,n)}function rr(e,t,n,r){return N("h3",e,t,n)}function lr(e,t,n,r){return N("p",e,t,n)}function ir(e,t,n,r){return N("ul",e,t,n)}function ur(e,t,n,r){return N("li",e,t,n)}function Ge(e,t,n,r){return N("a",e,t,n)}function or(){return{TAG:"Text",_0:""}}function Mt(e,t){let n=X(e);t.appendChild(n)}function dr(e,t){let n=document.getElementById(t);if(n==null){console.error("Container element not found: "+t);return}else return Mt(e,n)}let he=Ot,ze=Pt,jt=Rt;const ar=Object.freeze(Object.defineProperty({__proto__:null,$$null:or,Attributes:Gn,DOM:pe,Reactivity:s,Render:J,a:Ge,attr:he,button:Zn,computedAttr:jt,div:Jn,element:N,float:Kn,fragment:Yn,h1:tr,h2:nr,h3:rr,input:er,int:Vn,keyedList:Un,li:ur,list:qn,mount:Mt,mountById:dr,p:lr,reactiveFloat:Xn,reactiveInt:Hn,reactiveString:Wn,signalAttr:ze,signalFragment:Ne,span:Qn,text:zn,textSignal:Bn,ul:ir},Symbol.toStringTag,{value:"Module"}));function cr(){return Symbol.for("xote.router.state")}function F(){let e=globalThis[Symbol.for("xote.router.state")];if(e!==void 0)return e;let t={location:o.make({pathname:"/",search:"",hash:""},void 0,void 0),basePath:{contents:"/"},initialized:!1,popStateHandler:void 0};return globalThis[Symbol.for("xote.router.state")]=t,t}function sr(){return F().location}function fr(){return F().basePath}function re(e){if(!F().initialized)return console.warn("[Xote Router] "+e+" called before Router.init(). Make sure to call Router.init() at your app entry point. This may cause incorrect routing behavior.")}function Be(e){if(e===""||e==="/")return"/";let t=e.startsWith("/")?e:"/"+e;return t.endsWith("/")?t.slice(0,t.length-1|0):t}function Ft(e){let t=F().basePath.contents;return t==="/"?e:e===t?"/":e.startsWith(t+"/")?e.slice(t.length):e}function ge(e){let t=F().basePath.contents;return t==="/"?e:e==="/"?t:t+e}function It(){let e=window.scrollX||window.pageXOffset||0,t=window.scrollY||window.pageYOffset||0;return[e,t]}function ve(e,t){window.scrollTo(e,t)}function Lt(e,t){return{scrollX:e,scrollY:t}}function We(){return{}}function Nt(e){let t=e&&e.scrollX,n=e&&e.scrollY;if(t!=null&&n!=null)return[t,n]}function Gt(){let e=It(),t=Lt(e[0],e[1]),n=window.location.href;window.history.replaceState(t,"",n)}function He(){let e=window.location.pathname;return{pathname:Ft(e),search:window.location.search,hash:window.location.hash}}function pr(e,t){let n=e!==void 0?e:"/",r=F(),l=Be(n);if(r.basePath.contents=l,o.set(r.location,He()),r.initialized)return;let i=u=>{o.set(F().location,He());let d=window["history.state"];if(d==null)return;let f=Nt(d);if(f!==void 0)return ve(f[0],f[1])};r.popStateHandler=i,window.addEventListener("popstate",i),r.initialized=!0}function mr(e,t,n,r,l){let i=e!==void 0?e:"/",u=t!==void 0?t:"/",d=n!==void 0?n:"",f=r!==void 0?r:"",_=F(),O=Be(i);_.basePath.contents=O,o.set(_.location,{pathname:u,search:d,hash:f}),_.initialized=!0}function Xe(e,t,n,r){let l=t!==void 0?t:"",i=n!==void 0?n:"";re("Router.push()"),Gt();let u={pathname:e,search:l,hash:i},f=ge(e)+l+i;window.history.pushState(We(),"",f),o.set(F().location,u),ve(0,0)}function hr(e,t,n,r){let l=t!==void 0?t:"",i=n!==void 0?n:"";re("Router.replace()");let u={pathname:e,search:l,hash:i},f=ge(e)+l+i;window.history.replaceState(We(),"",f),o.set(F().location,u),ve(0,0)}function gr(e,t){return re("Router.route()"),Ne(R.make(()=>{let n=o.get(F().location),r=Ie(e,n.pathname);return typeof r!="object"?[]:[t(r._0)]},void 0))}function Sr(e){return re("Router.routes()"),Ne(R.make(()=>{let t=o.get(F().location),n=In(e,r=>{let l=Ie(r.pattern,t.pathname);if(typeof l=="object")return r.render(l._0)});return n!==void 0?[n]:[]},void 0))}function _r(e,t,n,r){let l=t!==void 0?t:[],i=n!==void 0?n:[];re("Router.link()");let u=d=>{d.preventDefault(),Xe(e,void 0,void 0)};return Ge(l.concat([he("href",ge(e))]),[["click",u]],i)}function zt(e){return e&&typeof e=="object"&&"TAG"in e&&(e.TAG==="Static"||e.TAG==="Reactive")}function de(e,t){return zt(t)?t.TAG==="Reactive"?ze(e,t._0):he(e,t._0):typeof t=="function"?jt(e,t):typeof t=="object"?ze(e,t):he(e,t)}function Bt(e){let t=[],n=e.class;n!==void 0&&t.push(de("class",g(n)));let r=e.id;r!==void 0&&t.push(de("id",g(r)));let l=e.style;l!==void 0&&t.push(de("style",g(l)));let i=e.target;i!==void 0&&t.push(de("target",g(i)));let u=e["aria-label"];return u!==void 0&&t.push(de("aria-label",g(u))),t}function Wt(e){let t=e.children;return t!==void 0?t.TAG==="Fragment"?t._0:[t]:[]}function $e(e){re("Router.Link");let t=n=>{n.preventDefault(),Xe(e.to,void 0,void 0);let r=e.onClick;if(r!==void 0)return r(n)};return Ge(Bt(e).concat([he("href",ge(e.to))]),[["click",t]],Wt(e))}function Ht(e,t,n){return $e(e)}const yr=Object.freeze(Object.defineProperty({__proto__:null,Component:void 0,Link:{ReactiveProp:void 0,isReactiveProp:zt,convertAttrValue:de,propsToAttrs:Bt,getChildren:Wt,make:$e,jsx:$e,jsxs:$e,jsxKeyed:Ht,jsxsKeyed:Ht},Route:void 0,addBasePath:ge,basePath:fr,emptyHistoryState:We,getCurrentLocation:He,getGlobalState:F,getScrollFromState:Nt,getScrollPosition:It,getSymbolKey:cr,init:pr,initSSR:mr,link:_r,location:sr,makeHistoryState:Lt,normalizeBasePath:Be,push:Xe,replace:hr,route:gr,routes:Sr,saveScrollPosition:Gt,scrollTo:ve,stripBasePath:Ft,warnIfNotInitialized:re},Symbol.toStringTag,{value:"Module"}));function br(e){if(typeof e=="boolean")return e}function Er(e){if(e===null)return null}function wr(e){if(typeof e=="string")return e}function kr(e){if(typeof e=="number")return e}function Tr(e){if(typeof e=="object"&&e!==null&&!Array.isArray(e))return e}function vr(e){if(Array.isArray(e))return e}let le={bool:br,$$null:Er,string:wr,float:kr,object:Tr,array:vr},Se=typeof document>"u",Ce=!Se;function $r(e){if(Se)return te(e())}function Cr(e){if(Ce)return te(e())}function Xt(e,t){return Se?e():t()}const Ar=Object.freeze(Object.defineProperty({__proto__:null,isClient:Ce,isServer:Se,match:Xt,onClient:Cr,onServer:$r},Symbol.toStringTag,{value:"Module"}));function xr(e){return e}function Dr(e){let t=le.float(e);if(t!==void 0)return t|0}let Or={encode:xr,decode:Dr};function Pr(e){return e}function Rr(e){return le.float(e)}let Mr={encode:Pr,decode:Rr};function jr(e){return e}function Fr(e){return le.string(e)}let Ir={encode:jr,decode:Fr};function Lr(e){return e}function Nr(e){return le.bool(e)}let Gr={encode:Lr,decode:Nr};function zr(e){return{encode:t=>t.map(e.encode),decode:t=>{let n=le.array(t);if(n===void 0)return;let r=$t(n,e.decode);if(r.length===n.length)return r}}}function Br(e){return{encode:t=>t!==void 0?e.encode(g(t)):null,decode:t=>dn(le.$$null(t))?te(void 0):on(e.decode(t),n=>te(n))}}function Wr(e,t){return{encode:n=>[e.encode(n[0]),t.encode(n[1])],decode:n=>{let r=Array.isArray(n)?n:void 0;if(r===void 0||r.length!==2)return;let l=r[0],i=r[1],u=e.decode(l),d=t.decode(i);if(u!==void 0&&d!==void 0)return[g(u),g(d)]}}}function Hr(e,t,n){return{encode:r=>[e.encode(r[0]),t.encode(r[1]),n.encode(r[2])],decode:r=>{let l=Array.isArray(r)?r:void 0;if(l===void 0||l.length!==3)return;let i=l[0],u=l[1],d=l[2],f=e.decode(i),_=t.decode(u),O=n.decode(d);if(f!==void 0&&_!==void 0&&O!==void 0)return[g(f),g(_),g(O)]}}}function Xr(e){return{encode:t=>{let n={};return Object.entries(t).forEach(r=>{n[r[0]]=e.encode(r[1])}),n},decode:t=>{let n=le.object(t);if(n===void 0)return;let r={},l={contents:!0};if(Object.entries(n).forEach(i=>{let u=e.decode(i[1]);u!==void 0?r[i[0]]=g(u):l.contents=!1}),l.contents)return r}}}function Vr(e,t){return{encode:e,decode:t}}let Kr={int:Or,float:Mr,string:Ir,bool:Gr,array:zr,option:Br,tuple2:Wr,tuple3:Hr,dict:Xr,make:Vr},_e={};function Vt(e,t,n){if(Se){_e[e]=n.encode(o.peek(t));return}}function Yr(){Object.keys(_e).forEach(e=>{Le(_e,e)})}function Kt(e){return e.replaceAll("<\/script>","<\\/script>").replaceAll("<!--","<\\!--")}function qr(e){let t=H(JSON.stringify(_e),"{}"),n=Kt(t);return"<script"+(e!==void 0?' nonce="'+st.escape(e)+'"':"")+">window.__XOTE_STATE__="+n+";<\/script>"}function Yt(){return Ce?window.__XOTE_STATE__||{}:{}}function qt(e,t,n){if(!Ce)return;let l=Yt()[e];if(l===void 0)return;let i=n.decode(l);if(i!==void 0)return o.set(t,g(i))}function Ut(e,t,n){Xt(()=>Vt(e,t,n),()=>qt(e,t,n))}function Ur(e,t,n){let r=o.make(t,void 0,void 0);return Ut(e,r,n),r}const Jr=Object.freeze(Object.defineProperty({__proto__:null,Codec:Kr,clear:Yr,escapeForScript:Kt,generateScript:qr,getClientState:Yt,make:Ur,register:Vt,registry:_e,restore:qt,sync:Ut},Symbol.toStringTag,{value:"Module"}));let Ve={};function Qr(e){let t=Ve[e];if(t!==void 0){let n=t+1|0;return Ve[e]=n,e+("/"+n)}return Ve[e]=1,e}function Zr(e){return Array.from(e.childNodes||[])}function ye(e,t){if(e.nodeType!==8)return!1;let n=e.nodeValue;return n==null?!1:n===t}function Ae(e,t){if(e.nodeType!==8)return!1;let n=e.nodeValue;return n==null?!1:n.startsWith(t)}function Ke(e){if(e.nodeType!==8)return;let t=e.nodeValue;if(t!=null&&t.startsWith("k:"))return t.slice(2)}function ae(e){return{current:je(e.firstChild),parent:e}}function el(e){return e.current}function I(e){let t=e.current;return t!==void 0&&(e.current=je(g(t).nextSibling)),t}function Q(e,t){return(()=>{for(;;){let r=e.current;if(r===void 0)return;let l=g(r);if(ye(l,t))return I(e),te(l);I(e)}})()}function xe(e,t){let n=[];return(()=>{for(;;){let l=e.current;if(l===void 0)return;let i=g(l);if(ye(i,t)){I(e);return}n.push(i),I(e)}})(),n}let tl={elementNode:1,textNode:3,commentNode:8,getChildNodes:Zr,isMarker:ye,isMarkerPrefix:Ae,extractKey:Ke,make:ae,peek:el,next:I,skipUntilMarker:Q,collectUntilMarker:xe},nl=Qr("Xote__Hydration.HydrationMismatch");function Ye(e){console.warn("[Xote Hydration] "+e)}function rl(e,t){for(;;){let n=e;switch(n.TAG){case"Element":let r=n.children,l=n.events,i=n.attrs,u=s.createOwner();return s.setOwner(t,u),s.runWithOwner(u,()=>{i.forEach(y=>{let h=y[1],S=y[0];switch(h.TAG){case"Static":return;case"SignalValue":let $=h._0,c=T.run(()=>{pe.setAttrOrProp(t,S,o.get($))},void 0);return s.addDisposer(u,c);case"Compute":let m=h._0,E=T.run(()=>{pe.setAttrOrProp(t,S,m())},void 0);return s.addDisposer(u,E)}}),l.forEach(y=>{t.addEventListener(y[0],y[1])});let w=ae(t);r.forEach(y=>Z(y,w))});case"Text":return;case"SignalText":let d=n._0,f=s.createOwner();return s.setOwner(t,f),s.runWithOwner(f,()=>{let w=T.run(()=>{t.textContent=o.get(d)},void 0);s.addDisposer(f,w)});case"Fragment":let _=ae(t);n._0.forEach(w=>Z(w,_));return;case"SignalFragment":let O=n._0,P=s.createOwner();return s.setOwner(t,P),s.runWithOwner(P,()=>{let w=T.run(()=>{let y=o.get(O);Array.from(t.childNodes||[]).forEach(S=>s.disposeOwner(H(s.getOwner(S),s.createOwner()))),t.innerHTML="",y.forEach(S=>{let $=J.render(S);t.appendChild($)})},void 0);s.addDisposer(P,w)});case"LazyComponent":let D=s.createOwner(),z=s.runWithOwner(D,n._0);s.setOwner(t,D),e=z;continue;case"KeyedList":let v=n.renderItem,B=n.keyFn,L=n.signal,G=s.createOwner();s.setOwner(t,G);let M={},W=ae(t);return Q(W,"kl"),(()=>{for(;;){let w=W.current;if(w===void 0)return;let y=g(w);if(!Ae(y,"k:"))if(ye(y,"/kl")){I(W);return}else return;let h=H(Ke(y),"");I(W);let $=xe(W,"/k").find(c=>c.nodeType===1);if($!==void 0){let c=o.peek(L),m=H(c.find(E=>B(E)===h),{});M[h]={key:h,item:m,element:g($)}}}})(),s.runWithOwner(G,()=>{let w=document.createComment(" keyed-list-start "),y=document.createComment(" keyed-list-end "),h=t.firstChild;h==null?t.appendChild(w):t.insertBefore(w,h),t.appendChild(y);let S=()=>{let c=o.get(L),m={};c.forEach(p=>{m[B(p)]=p});let E=[];Object.keys(M).forEach(p=>{if(m[p]===void 0){E.push(p);return}}),E.forEach(p=>{let a=M[p];if(a!==void 0){J.disposeElement(a.element),a.element.remove(),Le(M,p);return}});let k=[],C={};c.forEach(p=>{let a=B(p),b=M[a];if(b!==void 0){if(b.item!==p){C[a]=!0;let Oe=v(p),Ue=J.render(Oe),Pe={key:a,item:p,element:Ue};k.push(Pe),M[a]=Pe;return}k.push(b);return}let se=v(p),qe=J.render(se),De={key:a,item:p,element:qe};k.push(De),M[a]=De});let V={contents:w.nextSibling};k.forEach(p=>{let a=V.contents;if(a==null){t.insertBefore(p.element,y);return}if(a===y){t.insertBefore(p.element,y);return}if(a===p.element){V.contents=a.nextSibling;return}H(C[p.key],!1)?(J.disposeElement(a),t.replaceChild(p.element,a),V.contents=p.element.nextSibling):(t.insertBefore(p.element,a),V.contents=p.element.nextSibling)})},$=T.run(()=>{S()},void 0);s.addDisposer(G,$)})}}}function Z(e,t){switch(e.TAG){case"Element":let n=e.children,r=e.events,l=e.attrs,i=I(t);if(i===void 0)return Ye("Missing DOM element for Element node");let u=g(i),d=s.createOwner();return s.setOwner(u,d),s.runWithOwner(d,()=>{l.forEach(S=>{let $=S[1],c=S[0];switch($.TAG){case"Static":return;case"SignalValue":let m=$._0,E=T.run(()=>{pe.setAttrOrProp(u,c,o.get(m))},void 0);return s.addDisposer(d,E);case"Compute":let k=$._0,C=T.run(()=>{pe.setAttrOrProp(u,c,k())},void 0);return s.addDisposer(d,C)}}),r.forEach(S=>{u.addEventListener(S[0],S[1])});let h=ae(u);n.forEach(S=>Z(S,h))});case"Text":I(t);return;case"SignalText":let f=e._0;Q(t,"$");let _=I(t);if(_===void 0)return Ye("Missing text node for SignalText");let O=g(_),P=s.createOwner();s.setOwner(O,P),s.runWithOwner(P,()=>{let h=T.run(()=>{O.textContent=o.get(f)},void 0);s.addDisposer(P,h)}),Q(t,"/$");return;case"Fragment":e._0.forEach(h=>Z(h,t));return;case"SignalFragment":let D=e._0;Q(t,"#");let z=xe(t,"/#"),v=document.createElement("div");v.setAttribute("style","display: contents");let B=z[0],L=B!==void 0?B.parentNode:void 0;z.forEach(h=>{v.appendChild(h)});let G=t.current;if(L!==void 0){let h=g(L);G!==void 0?h.insertBefore(v,g(G)):h.appendChild(v)}let M=s.createOwner();return s.setOwner(v,M),s.runWithOwner(M,()=>{let h=T.run(()=>{let S=o.get(D);Array.from(v.childNodes||[]).forEach(J.disposeElement),v.innerHTML="",S.forEach(c=>{let m=J.render(c);v.appendChild(m)})},void 0);s.addDisposer(M,h)});case"LazyComponent":Q(t,"lc");let W=e._0();Z(W,t),Q(t,"/lc");return;case"KeyedList":let ce=e.keyFn,w=e.signal;return Q(t,"kl"),(()=>{for(;;){let h=t.current;if(h===void 0)return;let S=g(h);if(!Ae(S,"k:"))if(ye(S,"/kl")){I(t);return}else return;let $=H(Ke(S),"");I(t);let m=xe(t,"/k").find(E=>E.nodeType===1);if(m!==void 0){let E=o.peek(w),k=H(E.find(C=>ce(C)===$),{});g(m)}}})()}}function Jt(e,t,n){let r=n!==void 0?n:{},l=e(),i=ae(t),u=i.current;u!==void 0&&Ae(g(u),"xote-root:")&&I(i),Z(l,i),window.__XOTE_HYDRATED__=!0;let d=r.onHydrated;if(d!==void 0)return d()}function ll(e,t,n){let r=n!==void 0?n:{},l=document.getElementById(t);if(l==null){console.error("[Xote Hydration] Container element not found: "+t);return}else return Jt(e,l,r)}const il=Object.freeze(Object.defineProperty({__proto__:null,Component:void 0,DOM:void 0,DOMWalker:tl,HydrationMismatch:nl,Reactivity:void 0,hydrate:Jt,hydrateById:ll,hydrateNode:rl,hydrateNodeWithWalker:Z,logHydrationWarning:Ye},Symbol.toStringTag,{value:"Module"}));function ul(e){return e.TAG==="Reactive"?o.get(e._0):e._0}function ol(e){return{TAG:"Static",_0:e}}function dl(e){return{TAG:"Reactive",_0:e}}const al=Object.freeze(Object.defineProperty({__proto__:null,$$static:ol,get:ul,reactive:dl},Symbol.toStringTag,{value:"Module"}));let cl=o.Id,sl=o.Scheduler,fl=o.Core,pl=o.make,ml=o.makeForComputed,hl=o.get,gl=o.peek,Sl=o.set,_l=o.update,yl=o.batch,bl=o.untrack,El={Id:cl,Scheduler:sl,Core:fl,make:pl,makeForComputed:ml,get:hl,peek:gl,set:Sl,update:_l,batch:yl,untrack:bl},wl=R.Id,kl=R.Signal,Tl=R.Core,vl=R.Scheduler,$l=R.make,Cl=R.dispose,Al={Id:wl,Signal:kl,Core:Tl,Scheduler:vl,make:$l,dispose:Cl},xl=T.Id,Dl=T.Core,Ol=T.Scheduler,Pl=T.run,Rl={Id:xl,Core:Dl,Scheduler:Ol,run:Pl},Ml=ar,jl=Ln,Fl=yr,Il=al,Ll=Fn,Nl=Ar,Gl=Jr,zl=il;A.Component=Ml,A.Computed=Al,A.Effect=Rl,A.Hydration=zl,A.ReactiveProp=Il,A.Route=jl,A.Router=Fl,A.SSR=Ll,A.SSRContext=Nl,A.SSRState=Gl,A.Signal=El,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}));
|
|
17
|
+
</html>`}const Ln=Object.freeze(Object.defineProperty({__proto__:null,Attributes:Fn,Component:void 0,Html:pt,Markers:jn,generateHydrationScript:Ct,renderDocument:Nn,renderNodeToString:J,renderToString:$t,renderToStringWithRoot:In},Symbol.toStringTag,{value:"Module"}));function At(e,t){let n=e.length,r=new Array(n),i=0;for(let l=0;l<n;++l){let u=e[l],d=t(u);d!==void 0&&(r[i]=g(d),i=i+1|0)}return r.length=i,r}function Gn(e,t){let n=0;for(;;){let r=n;if(r===e.length)return;let i=t(e[r]);if(i!==void 0)return i;n=r+1|0}}function xt(e){return At(e.split("/"),t=>{if(t!=="")return t.startsWith(":")?{TAG:"Param",_0:t.slice(1)}:{TAG:"Static",_0:t}})}function Ot(e,t){let n=t.split("/").filter(l=>l!=="");if(e.length!==n.length)return"NoMatch";let r={};return e.every((l,u)=>{let d=n[u];return l.TAG==="Static"?d===l._0:(r[l._0]=d,!0)})?{TAG:"Match",_0:r}:"NoMatch"}function Ge(e,t){return Ot(xt(e),t)}const zn=Object.freeze(Object.defineProperty({__proto__:null,match:Ge,matchPath:Ot,parsePattern:xt},Symbol.toStringTag,{value:"Module"}));function ze(e,t){delete e[t]}let Dt="http://www.w3.org/2000/svg",Pt=["svg","path","circle","ellipse","line","polygon","polyline","rect","g","defs","clipPath","mask","pattern","marker","symbol","use","text","tspan","image","foreignObject","linearGradient","radialGradient","stop","filter","feBlend","feColorMatrix","feComposite","feFlood","feGaussianBlur","feMerge","feMergeNode","feOffset","animate","animateTransform","desc","title","metadata"],ve={};Pt.forEach(e=>{ve[e]=!0});function Bn(e){return Ne(ve[e])}function pe(e,t,n){switch(t){case"checked":e.checked=n==="true";return;case"disabled":e.disabled=n==="true";return;case"aria-expanded":case"aria-hidden":case"aria-selected":case"multiple":case"readonly":case"required":break;case"value":e.value=n;return;default:e.setAttribute(t,n);return}n==="true"?e.setAttribute(t,""):e.removeAttribute(t)}let me={setAttrOrProp:pe},$e={contents:void 0};function Wn(){return{disposers:[],computeds:[]}}function ue(e,t){let n=$e.contents;$e.contents=e;let r=t();return $e.contents=n,r}function oe(e,t){e.disposers.push(t)}function Rt(e){e.disposers.forEach(t=>t.dispose()),e.computeds.forEach(t=>j.dispose(t))}function de(e,t){e.__xote_owner__=t}function Mt(e){return Ie(e.__xote_owner__)}let c={currentOwner:$e,createOwner:Wn,runWithOwner:ue,addDisposer:oe,disposeOwner:Rt,setOwner:de,getOwner:Mt};function jt(e,t){return[e,{TAG:"Static",_0:t}]}function Ft(e,t){return[e,{TAG:"SignalValue",_0:t}]}function It(e,t){return[e,{TAG:"Compute",_0:t}]}let Hn={$$static:jt,signal:Ft,computed:It};function he(e){let t=Mt(e);t!==void 0&&Rt(t),Array.from(e.childNodes||[]).forEach(he)}function K(e){switch(e.TAG){case"Element":let t=e.children,n=e.events,r=e.attrs,i=e.tag,l=Ne(ve[i])?document.createElementNS(Dt,i):document.createElement(i),u={disposers:[],computeds:[]};return de(l,u),ue(u,()=>{r.forEach(a=>{let p=a[1],T=a[0];switch(p.TAG){case"Static":return pe(l,T,p._0);case"SignalValue":let C=p._0;pe(l,T,o.peek(C));let M=v.run(()=>{pe(l,T,o.get(C))},void 0);return oe(u,M);case"Compute":let m=p._0,_=v.run(()=>{pe(l,T,m())},void 0);return oe(u,_)}}),n.forEach(a=>{l.addEventListener(a[0],a[1])}),t.forEach(a=>{let p=K(a);l.appendChild(p)})}),l;case"Text":return document.createTextNode(e._0);case"SignalText":let d=e._0,s=document.createTextNode(o.peek(d)),S={disposers:[],computeds:[]};return de(s,S),ue(S,()=>{let a=v.run(()=>{s.textContent=o.get(d)},void 0);oe(S,a)}),s;case"Fragment":let O=document.createDocumentFragment();return e._0.forEach(a=>{let p=K(a);O.appendChild(p)}),O;case"SignalFragment":let L=e._0,G={disposers:[],computeds:[]},D=document.createElement("div");return D.setAttribute("style","display: contents"),de(D,G),ue(G,()=>{let a=v.run(()=>{let p=o.get(L);Array.from(D.childNodes||[]).forEach(he),D.innerHTML="",p.forEach(C=>{let M=K(C);D.appendChild(M)})},void 0);oe(G,a)}),D;case"LazyComponent":let $={disposers:[],computeds:[]},H=ue($,e._0),B=K(H);return de(B,$),B;case"KeyedList":let W=e.renderItem,P=e.keyFn,X=e.signal,se={disposers:[],computeds:[]},k=document.createComment(" keyed-list-start "),y=document.createComment(" keyed-list-end ");de(k,se);let f={},b=()=>{let a=y.parentNode;if(a==null)return;let p=o.get(X),T={};p.forEach(h=>{T[P(h)]=h});let C=[];Object.keys(f).forEach(h=>{if(T[h]===void 0){C.push(h);return}}),C.forEach(h=>{let w=f[h];if(w!==void 0){he(w.element),w.element.remove(),ze(f,h);return}});let M=[],m={};p.forEach(h=>{let w=P(h),fe=f[w];if(fe!==void 0){if(fe.item!==h){m[w]=!0;let Me=W(h),Kl=K(Me),nn={key:w,item:h,element:Kl};M.push(nn),f[w]=nn;return}M.push(fe);return}let Pe=W(h),Qe=K(Pe),Re={key:w,item:h,element:Qe};M.push(Re),f[w]=Re});let _={contents:k.nextSibling};M.forEach(h=>{let w=_.contents;if(w==null){a.insertBefore(h.element,y);return}if(w===y){a.insertBefore(h.element,y);return}if(w===h.element){_.contents=w.nextSibling;return}V(m[h.key],!1)?(he(w),a.replaceChild(h.element,w),_.contents=h.element.nextSibling):(a.insertBefore(h.element,w),_.contents=h.element.nextSibling)})},E=document.createDocumentFragment();return E.appendChild(k),o.peek(X).forEach(a=>{let p=P(a),T=W(a),C=K(T),M={key:p,item:a,element:C};f[p]=M,E.appendChild(C)}),E.appendChild(y),ue(se,()=>{let a=v.run(()=>{b()},void 0);oe(se,a)}),E}}let Q={disposeElement:he,render:K};function Xn(e){return{TAG:"Text",_0:e}}function Vn(e){return{TAG:"SignalText",_0:j.make(e,void 0)}}function Kn(e){return{TAG:"SignalText",_0:j.make(e,void 0)}}function Yn(e){return{TAG:"SignalText",_0:j.make(()=>e().toString(),void 0)}}function qn(e){return{TAG:"SignalText",_0:j.make(()=>e().toString(),void 0)}}function Un(e){return{TAG:"Text",_0:e.toString()}}function Jn(e){return{TAG:"Text",_0:e.toString()}}function Qn(e){return{TAG:"Fragment",_0:e}}function Be(e){return{TAG:"SignalFragment",_0:e}}function Zn(e,t){return{TAG:"SignalFragment",_0:j.make(()=>o.get(e).map(t),void 0)}}function er(e,t,n){return{TAG:"KeyedList",signal:e,keyFn:t,renderItem:n}}function z(e,t,n,r,i){let l=t!==void 0?t:[].map(s=>s),u=n!==void 0?n:[].map(s=>s),d=r!==void 0?r:[].map(s=>s);return{TAG:"Element",tag:e,attrs:l,events:u,children:d}}function tr(e,t,n,r){return z("div",e,t,n)}function nr(e,t,n,r){return z("span",e,t,n)}function rr(e,t,n,r){return z("button",e,t,n)}function lr(e,t,n){return z("input",e,t,void 0)}function ir(e,t,n,r){return z("h1",e,t,n)}function ur(e,t,n,r){return z("h2",e,t,n)}function or(e,t,n,r){return z("h3",e,t,n)}function dr(e,t,n,r){return z("p",e,t,n)}function ar(e,t,n,r){return z("ul",e,t,n)}function cr(e,t,n,r){return z("li",e,t,n)}function We(e,t,n,r){return z("a",e,t,n)}function sr(){return{TAG:"Text",_0:""}}function Nt(e,t){let n=K(e);t.appendChild(n)}function fr(e,t){let n=document.getElementById(t);if(n==null){console.error("Container element not found: "+t);return}else return Nt(e,n)}let pr=ve,ge=jt,He=Ft,Lt=It;const mr=Object.freeze(Object.defineProperty({__proto__:null,$$null:sr,Attributes:Hn,DOM:me,Reactivity:c,Render:Q,a:We,attr:ge,button:rr,computedAttr:Lt,div:tr,element:z,float:Jn,fragment:Qn,h1:ir,h2:ur,h3:or,input:lr,int:Un,isSvgTag:Bn,keyedList:er,li:cr,list:Zn,mount:Nt,mountById:fr,p:dr,reactiveFloat:qn,reactiveInt:Yn,reactiveString:Kn,signalAttr:He,signalFragment:Be,span:nr,svgNamespace:Dt,svgTagSet:pr,svgTags:Pt,text:Xn,textSignal:Vn,ul:ar},Symbol.toStringTag,{value:"Module"}));function hr(){return Symbol.for("xote.router.state")}function I(){let e=globalThis[Symbol.for("xote.router.state")];if(e!==void 0)return e;let t={location:o.make({pathname:"/",search:"",hash:""},void 0,void 0),basePath:{contents:"/"},initialized:!1,popStateHandler:void 0};return globalThis[Symbol.for("xote.router.state")]=t,t}function gr(){return I().location}function Sr(){return I().basePath}function le(e){if(!I().initialized)return console.warn("[Xote Router] "+e+" called before Router.init(). Make sure to call Router.init() at your app entry point. This may cause incorrect routing behavior.")}function Xe(e){if(e===""||e==="/")return"/";let t=e.startsWith("/")?e:"/"+e;return t.endsWith("/")?t.slice(0,t.length-1|0):t}function Gt(e){let t=I().basePath.contents;return t==="/"?e:e===t?"/":e.startsWith(t+"/")?e.slice(t.length):e}function Se(e){let t=I().basePath.contents;return t==="/"?e:e==="/"?t:t+e}function zt(){let e=window.scrollX||window.pageXOffset||0,t=window.scrollY||window.pageYOffset||0;return[e,t]}function Ce(e,t){window.scrollTo(e,t)}function Bt(e,t){return{scrollX:e,scrollY:t}}function Ve(){return{}}function Wt(e){let t=e&&e.scrollX,n=e&&e.scrollY;if(t!=null&&n!=null)return[t,n]}function Ht(){let e=zt(),t=Bt(e[0],e[1]),n=window.location.href;window.history.replaceState(t,"",n)}function Ke(){let e=window.location.pathname;return{pathname:Gt(e),search:window.location.search,hash:window.location.hash}}function _r(e,t){let n=e!==void 0?e:"/",r=I(),i=Xe(n);if(r.basePath.contents=i,o.set(r.location,Ke()),r.initialized)return;let l=u=>{o.set(I().location,Ke());let d=window["history.state"];if(d==null)return;let s=Wt(d);if(s!==void 0)return Ce(s[0],s[1])};r.popStateHandler=l,window.addEventListener("popstate",l),r.initialized=!0}function yr(e,t,n,r,i){let l=e!==void 0?e:"/",u=t!==void 0?t:"/",d=n!==void 0?n:"",s=r!==void 0?r:"",S=I(),O=Xe(l);S.basePath.contents=O,o.set(S.location,{pathname:u,search:d,hash:s}),S.initialized=!0}function Ye(e,t,n,r){let i=t!==void 0?t:"",l=n!==void 0?n:"";le("Router.push()"),Ht();let u={pathname:e,search:i,hash:l},s=Se(e)+i+l;window.history.pushState(Ve(),"",s),o.set(I().location,u),Ce(0,0)}function br(e,t,n,r){let i=t!==void 0?t:"",l=n!==void 0?n:"";le("Router.replace()");let u={pathname:e,search:i,hash:l},s=Se(e)+i+l;window.history.replaceState(Ve(),"",s),o.set(I().location,u),Ce(0,0)}function Er(e,t){return le("Router.route()"),Be(j.make(()=>{let n=o.get(I().location),r=Ge(e,n.pathname);return typeof r!="object"?[]:[t(r._0)]},void 0))}function wr(e){return le("Router.routes()"),Be(j.make(()=>{let t=o.get(I().location),n=Gn(e,r=>{let i=Ge(r.pattern,t.pathname);if(typeof i=="object")return r.render(i._0)});return n!==void 0?[n]:[]},void 0))}function kr(e,t,n,r){let i=t!==void 0?t:[],l=n!==void 0?n:[];le("Router.link()");let u=d=>{d.preventDefault(),Ye(e,void 0,void 0)};return We(i.concat([ge("href",Se(e))]),[["click",u]],l)}function Xt(e){return e&&typeof e=="object"&&"TAG"in e&&(e.TAG==="Static"||e.TAG==="Reactive")}function ae(e,t){return Xt(t)?t.TAG==="Reactive"?He(e,t._0):ge(e,t._0):typeof t=="function"?Lt(e,t):typeof t=="object"?He(e,t):ge(e,t)}function Vt(e){let t=[],n=e.class;n!==void 0&&t.push(ae("class",g(n)));let r=e.id;r!==void 0&&t.push(ae("id",g(r)));let i=e.style;i!==void 0&&t.push(ae("style",g(i)));let l=e.target;l!==void 0&&t.push(ae("target",g(l)));let u=e["aria-label"];return u!==void 0&&t.push(ae("aria-label",g(u))),t}function Kt(e){let t=e.children;return t!==void 0?t.TAG==="Fragment"?t._0:[t]:[]}function Ae(e){le("Router.Link");let t=n=>{n.preventDefault(),Ye(e.to,void 0,void 0);let r=e.onClick;if(r!==void 0)return r(n)};return We(Vt(e).concat([ge("href",Se(e.to))]),[["click",t]],Kt(e))}function Yt(e,t,n){return Ae(e)}const Tr=Object.freeze(Object.defineProperty({__proto__:null,Component:void 0,Link:{ReactiveProp:void 0,isReactiveProp:Xt,convertAttrValue:ae,propsToAttrs:Vt,getChildren:Kt,make:Ae,jsx:Ae,jsxs:Ae,jsxKeyed:Yt,jsxsKeyed:Yt},Route:void 0,addBasePath:Se,basePath:Sr,emptyHistoryState:Ve,getCurrentLocation:Ke,getGlobalState:I,getScrollFromState:Wt,getScrollPosition:zt,getSymbolKey:hr,init:_r,initSSR:yr,link:kr,location:gr,makeHistoryState:Bt,normalizeBasePath:Xe,push:Ye,replace:br,route:Er,routes:wr,saveScrollPosition:Ht,scrollTo:Ce,stripBasePath:Gt,warnIfNotInitialized:le},Symbol.toStringTag,{value:"Module"}));function vr(e){if(typeof e=="boolean")return e}function $r(e){if(e===null)return null}function Cr(e){if(typeof e=="string")return e}function Ar(e){if(typeof e=="number")return e}function xr(e){if(typeof e=="object"&&e!==null&&!Array.isArray(e))return e}function Or(e){if(Array.isArray(e))return e}let ie={bool:vr,$$null:$r,string:Cr,float:Ar,object:xr,array:Or},_e=typeof document>"u",xe=!_e;function Dr(e){if(_e)return ne(e())}function Pr(e){if(xe)return ne(e())}function qt(e,t){return _e?e():t()}const Rr=Object.freeze(Object.defineProperty({__proto__:null,isClient:xe,isServer:_e,match:qt,onClient:Pr,onServer:Dr},Symbol.toStringTag,{value:"Module"}));function Mr(e){return e}function jr(e){let t=ie.float(e);if(t!==void 0)return t|0}let Fr={encode:Mr,decode:jr};function Ir(e){return e}function Nr(e){return ie.float(e)}let Lr={encode:Ir,decode:Nr};function Gr(e){return e}function zr(e){return ie.string(e)}let Br={encode:Gr,decode:zr};function Wr(e){return e}function Hr(e){return ie.bool(e)}let Xr={encode:Wr,decode:Hr};function Vr(e){return{encode:t=>t.map(e.encode),decode:t=>{let n=ie.array(t);if(n===void 0)return;let r=At(n,e.decode);if(r.length===n.length)return r}}}function Kr(e){return{encode:t=>t!==void 0?e.encode(g(t)):null,decode:t=>Ne(ie.$$null(t))?ne(void 0):sn(e.decode(t),n=>ne(n))}}function Yr(e,t){return{encode:n=>[e.encode(n[0]),t.encode(n[1])],decode:n=>{let r=Array.isArray(n)?n:void 0;if(r===void 0||r.length!==2)return;let i=r[0],l=r[1],u=e.decode(i),d=t.decode(l);if(u!==void 0&&d!==void 0)return[g(u),g(d)]}}}function qr(e,t,n){return{encode:r=>[e.encode(r[0]),t.encode(r[1]),n.encode(r[2])],decode:r=>{let i=Array.isArray(r)?r:void 0;if(i===void 0||i.length!==3)return;let l=i[0],u=i[1],d=i[2],s=e.decode(l),S=t.decode(u),O=n.decode(d);if(s!==void 0&&S!==void 0&&O!==void 0)return[g(s),g(S),g(O)]}}}function Ur(e){return{encode:t=>{let n={};return Object.entries(t).forEach(r=>{n[r[0]]=e.encode(r[1])}),n},decode:t=>{let n=ie.object(t);if(n===void 0)return;let r={},i={contents:!0};if(Object.entries(n).forEach(l=>{let u=e.decode(l[1]);u!==void 0?r[l[0]]=g(u):i.contents=!1}),i.contents)return r}}}function Jr(e,t){return{encode:e,decode:t}}let Qr={int:Fr,float:Lr,string:Br,bool:Xr,array:Vr,option:Kr,tuple2:Yr,tuple3:qr,dict:Ur,make:Jr},ye={};function Ut(e,t,n){if(_e){ye[e]=n.encode(o.peek(t));return}}function Zr(){Object.keys(ye).forEach(e=>{ze(ye,e)})}function Jt(e){return e.replaceAll("<\/script>","<\\/script>").replaceAll("<!--","<\\!--")}function el(e){let t=V(JSON.stringify(ye),"{}"),n=Jt(t);return"<script"+(e!==void 0?' nonce="'+pt.escape(e)+'"':"")+">window.__XOTE_STATE__="+n+";<\/script>"}function Qt(){return xe?window.__XOTE_STATE__||{}:{}}function Zt(e,t,n){if(!xe)return;let i=Qt()[e];if(i===void 0)return;let l=n.decode(i);if(l!==void 0)return o.set(t,g(l))}function en(e,t,n){qt(()=>Ut(e,t,n),()=>Zt(e,t,n))}function tl(e,t,n){let r=o.make(t,void 0,void 0);return en(e,r,n),r}const nl=Object.freeze(Object.defineProperty({__proto__:null,Codec:Qr,clear:Zr,escapeForScript:Jt,generateScript:el,getClientState:Qt,make:tl,register:Ut,registry:ye,restore:Zt,sync:en},Symbol.toStringTag,{value:"Module"}));let qe={};function rl(e){let t=qe[e];if(t!==void 0){let n=t+1|0;return qe[e]=n,e+("/"+n)}return qe[e]=1,e}function ll(e){return Array.from(e.childNodes||[])}function be(e,t){if(e.nodeType!==8)return!1;let n=e.nodeValue;return n==null?!1:n===t}function Oe(e,t){if(e.nodeType!==8)return!1;let n=e.nodeValue;return n==null?!1:n.startsWith(t)}function Ue(e){if(e.nodeType!==8)return;let t=e.nodeValue;if(t!=null&&t.startsWith("k:"))return t.slice(2)}function ce(e){return{current:Ie(e.firstChild),parent:e}}function il(e){return e.current}function N(e){let t=e.current;return t!==void 0&&(e.current=Ie(g(t).nextSibling)),t}function Z(e,t){return(()=>{for(;;){let r=e.current;if(r===void 0)return;let i=g(r);if(be(i,t))return N(e),ne(i);N(e)}})()}function De(e,t){let n=[];return(()=>{for(;;){let i=e.current;if(i===void 0)return;let l=g(i);if(be(l,t)){N(e);return}n.push(l),N(e)}})(),n}let ul={elementNode:1,textNode:3,commentNode:8,getChildNodes:ll,isMarker:be,isMarkerPrefix:Oe,extractKey:Ue,make:ce,peek:il,next:N,skipUntilMarker:Z,collectUntilMarker:De},ol=rl("Xote__Hydration.HydrationMismatch");function Je(e){console.warn("[Xote Hydration] "+e)}function dl(e,t){for(;;){let n=e;switch(n.TAG){case"Element":let r=n.children,i=n.events,l=n.attrs,u=c.createOwner();return c.setOwner(t,u),c.runWithOwner(u,()=>{l.forEach(y=>{let f=y[1],b=y[0];switch(f.TAG){case"Static":return;case"SignalValue":let E=f._0,R=v.run(()=>{me.setAttrOrProp(t,b,o.get(E))},void 0);return c.addDisposer(u,R);case"Compute":let a=f._0,p=v.run(()=>{me.setAttrOrProp(t,b,a())},void 0);return c.addDisposer(u,p)}}),i.forEach(y=>{t.addEventListener(y[0],y[1])});let k=ce(t);r.forEach(y=>ee(y,k))});case"Text":return;case"SignalText":let d=n._0,s=c.createOwner();return c.setOwner(t,s),c.runWithOwner(s,()=>{let k=v.run(()=>{t.textContent=o.get(d)},void 0);c.addDisposer(s,k)});case"Fragment":let S=ce(t);n._0.forEach(k=>ee(k,S));return;case"SignalFragment":let O=n._0,L=c.createOwner();return c.setOwner(t,L),c.runWithOwner(L,()=>{let k=v.run(()=>{let y=o.get(O);Array.from(t.childNodes||[]).forEach(b=>c.disposeOwner(V(c.getOwner(b),c.createOwner()))),t.innerHTML="",y.forEach(b=>{let E=Q.render(b);t.appendChild(E)})},void 0);c.addDisposer(L,k)});case"LazyComponent":let G=c.createOwner(),D=c.runWithOwner(G,n._0);c.setOwner(t,G),e=D;continue;case"KeyedList":let $=n.renderItem,H=n.keyFn,B=n.signal,W=c.createOwner();c.setOwner(t,W);let P={},X=ce(t);return Z(X,"kl"),(()=>{for(;;){let k=X.current;if(k===void 0)return;let y=g(k);if(!Oe(y,"k:"))if(be(y,"/kl")){N(X);return}else return;let f=V(Ue(y),"");N(X);let E=De(X,"/k").find(R=>R.nodeType===1);if(E!==void 0){let R=o.peek(B),a=V(R.find(p=>H(p)===f),{});P[f]={key:f,item:a,element:g(E)}}}})(),c.runWithOwner(W,()=>{let k=document.createComment(" keyed-list-start "),y=document.createComment(" keyed-list-end "),f=t.firstChild;f==null?t.appendChild(k):t.insertBefore(k,f),t.appendChild(y);let b=()=>{let R=o.get(B),a={};R.forEach(m=>{a[H(m)]=m});let p=[];Object.keys(P).forEach(m=>{if(a[m]===void 0){p.push(m);return}}),p.forEach(m=>{let _=P[m];if(_!==void 0){Q.disposeElement(_.element),_.element.remove(),ze(P,m);return}});let T=[],C={};R.forEach(m=>{let _=H(m),h=P[_];if(h!==void 0){if(h.item!==m){C[_]=!0;let Qe=$(m),Re=Q.render(Qe),Me={key:_,item:m,element:Re};T.push(Me),P[_]=Me;return}T.push(h);return}let w=$(m),fe=Q.render(w),Pe={key:_,item:m,element:fe};T.push(Pe),P[_]=Pe});let M={contents:k.nextSibling};T.forEach(m=>{let _=M.contents;if(_==null){t.insertBefore(m.element,y);return}if(_===y){t.insertBefore(m.element,y);return}if(_===m.element){M.contents=_.nextSibling;return}V(C[m.key],!1)?(Q.disposeElement(_),t.replaceChild(m.element,_),M.contents=m.element.nextSibling):(t.insertBefore(m.element,_),M.contents=m.element.nextSibling)})},E=v.run(()=>{b()},void 0);c.addDisposer(W,E)})}}}function ee(e,t){switch(e.TAG){case"Element":let n=e.children,r=e.events,i=e.attrs,l=N(t);if(l===void 0)return Je("Missing DOM element for Element node");let u=g(l),d=c.createOwner();return c.setOwner(u,d),c.runWithOwner(d,()=>{i.forEach(b=>{let E=b[1],R=b[0];switch(E.TAG){case"Static":return;case"SignalValue":let a=E._0,p=v.run(()=>{me.setAttrOrProp(u,R,o.get(a))},void 0);return c.addDisposer(d,p);case"Compute":let T=E._0,C=v.run(()=>{me.setAttrOrProp(u,R,T())},void 0);return c.addDisposer(d,C)}}),r.forEach(b=>{u.addEventListener(b[0],b[1])});let f=ce(u);n.forEach(b=>ee(b,f))});case"Text":N(t);return;case"SignalText":let s=e._0;Z(t,"$");let S=N(t);if(S===void 0)return Je("Missing text node for SignalText");let O=g(S),L=c.createOwner();c.setOwner(O,L),c.runWithOwner(L,()=>{let f=v.run(()=>{O.textContent=o.get(s)},void 0);c.addDisposer(L,f)}),Z(t,"/$");return;case"Fragment":e._0.forEach(f=>ee(f,t));return;case"SignalFragment":let G=e._0;Z(t,"#");let D=De(t,"/#"),$=document.createElement("div");$.setAttribute("style","display: contents");let H=D[0],B=H!==void 0?H.parentNode:void 0;D.forEach(f=>{$.appendChild(f)});let W=t.current;if(B!==void 0){let f=g(B);W!==void 0?f.insertBefore($,g(W)):f.appendChild($)}let P=c.createOwner();return c.setOwner($,P),c.runWithOwner(P,()=>{let f=v.run(()=>{let b=o.get(G);Array.from($.childNodes||[]).forEach(Q.disposeElement),$.innerHTML="",b.forEach(R=>{let a=Q.render(R);$.appendChild(a)})},void 0);c.addDisposer(P,f)});case"LazyComponent":Z(t,"lc");let X=e._0();ee(X,t),Z(t,"/lc");return;case"KeyedList":let se=e.keyFn,k=e.signal;return Z(t,"kl"),(()=>{for(;;){let f=t.current;if(f===void 0)return;let b=g(f);if(!Oe(b,"k:"))if(be(b,"/kl")){N(t);return}else return;let E=V(Ue(b),"");N(t);let a=De(t,"/k").find(p=>p.nodeType===1);if(a!==void 0){let p=o.peek(k),T=V(p.find(C=>se(C)===E),{});g(a)}}})()}}function tn(e,t,n){let r=n!==void 0?n:{},i=e(),l=ce(t),u=l.current;u!==void 0&&Oe(g(u),"xote-root:")&&N(l),ee(i,l),window.__XOTE_HYDRATED__=!0;let d=r.onHydrated;if(d!==void 0)return d()}function al(e,t,n){let r=n!==void 0?n:{},i=document.getElementById(t);if(i==null){console.error("[Xote Hydration] Container element not found: "+t);return}else return tn(e,i,r)}const cl=Object.freeze(Object.defineProperty({__proto__:null,Component:void 0,DOM:void 0,DOMWalker:ul,HydrationMismatch:ol,Reactivity:void 0,hydrate:tn,hydrateById:al,hydrateNode:dl,hydrateNodeWithWalker:ee,logHydrationWarning:Je},Symbol.toStringTag,{value:"Module"}));function sl(e){return e.TAG==="Reactive"?o.get(e._0):e._0}function fl(e){return{TAG:"Static",_0:e}}function pl(e){return{TAG:"Reactive",_0:e}}const ml=Object.freeze(Object.defineProperty({__proto__:null,$$static:fl,get:sl,reactive:pl},Symbol.toStringTag,{value:"Module"}));let hl=o.Id,gl=o.Scheduler,Sl=o.Core,_l=o.make,yl=o.makeForComputed,bl=o.get,El=o.peek,wl=o.set,kl=o.update,Tl=o.batch,vl=o.untrack,$l={Id:hl,Scheduler:gl,Core:Sl,make:_l,makeForComputed:yl,get:bl,peek:El,set:wl,update:kl,batch:Tl,untrack:vl},Cl=j.Id,Al=j.Signal,xl=j.Core,Ol=j.Scheduler,Dl=j.make,Pl=j.dispose,Rl={Id:Cl,Signal:Al,Core:xl,Scheduler:Ol,make:Dl,dispose:Pl},Ml=v.Id,jl=v.Core,Fl=v.Scheduler,Il=v.run,Nl={Id:Ml,Core:jl,Scheduler:Fl,run:Il},Ll=mr,Gl=zn,zl=Tr,Bl=ml,Wl=Ln,Hl=Rr,Xl=nl,Vl=cl;A.Component=Ll,A.Computed=Rl,A.Effect=Nl,A.Hydration=Vl,A.ReactiveProp=Bl,A.Route=Gl,A.Router=zl,A.SSR=Wl,A.SSRContext=Hl,A.SSRState=Xl,A.Signal=$l,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}));
|
package/package.json
CHANGED
package/src/Xote.res.mjs
CHANGED
package/src/Xote__Component.res
CHANGED
|
@@ -4,6 +4,56 @@ open Signals
|
|
|
4
4
|
* DOM Bindings
|
|
5
5
|
* ============================================================================ */
|
|
6
6
|
|
|
7
|
+
let svgNamespace = "http://www.w3.org/2000/svg"
|
|
8
|
+
|
|
9
|
+
let svgTags = [
|
|
10
|
+
"svg",
|
|
11
|
+
"path",
|
|
12
|
+
"circle",
|
|
13
|
+
"ellipse",
|
|
14
|
+
"line",
|
|
15
|
+
"polygon",
|
|
16
|
+
"polyline",
|
|
17
|
+
"rect",
|
|
18
|
+
"g",
|
|
19
|
+
"defs",
|
|
20
|
+
"clipPath",
|
|
21
|
+
"mask",
|
|
22
|
+
"pattern",
|
|
23
|
+
"marker",
|
|
24
|
+
"symbol",
|
|
25
|
+
"use",
|
|
26
|
+
"text",
|
|
27
|
+
"tspan",
|
|
28
|
+
"image",
|
|
29
|
+
"foreignObject",
|
|
30
|
+
"linearGradient",
|
|
31
|
+
"radialGradient",
|
|
32
|
+
"stop",
|
|
33
|
+
"filter",
|
|
34
|
+
"feBlend",
|
|
35
|
+
"feColorMatrix",
|
|
36
|
+
"feComposite",
|
|
37
|
+
"feFlood",
|
|
38
|
+
"feGaussianBlur",
|
|
39
|
+
"feMerge",
|
|
40
|
+
"feMergeNode",
|
|
41
|
+
"feOffset",
|
|
42
|
+
"animate",
|
|
43
|
+
"animateTransform",
|
|
44
|
+
"desc",
|
|
45
|
+
"title",
|
|
46
|
+
"metadata",
|
|
47
|
+
]
|
|
48
|
+
|
|
49
|
+
let svgTagSet: Dict.t<bool> = {
|
|
50
|
+
let d = Dict.make()
|
|
51
|
+
svgTags->Array.forEach(tag => d->Dict.set(tag, true))
|
|
52
|
+
d
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
let isSvgTag = (tag: string): bool => svgTagSet->Dict.get(tag)->Option.isSome
|
|
56
|
+
|
|
7
57
|
module DOM = {
|
|
8
58
|
/* Creation */
|
|
9
59
|
@val @scope("document") external createElement: string => Dom.element = "createElement"
|
|
@@ -250,7 +300,11 @@ module Render = {
|
|
|
250
300
|
}
|
|
251
301
|
|
|
252
302
|
| Element({tag, attrs, events, children}) => {
|
|
253
|
-
let el =
|
|
303
|
+
let el = if isSvgTag(tag) {
|
|
304
|
+
DOM.createElementNS(svgNamespace, tag)
|
|
305
|
+
} else {
|
|
306
|
+
DOM.createElement(tag)
|
|
307
|
+
}
|
|
254
308
|
let owner = createOwner()
|
|
255
309
|
setOwner(el, owner)
|
|
256
310
|
|
|
@@ -5,6 +5,58 @@ import * as Stdlib_Dict from "@rescript/runtime/lib/es6/Stdlib_Dict.js";
|
|
|
5
5
|
import * as Stdlib_Option from "@rescript/runtime/lib/es6/Stdlib_Option.js";
|
|
6
6
|
import * as Primitive_option from "@rescript/runtime/lib/es6/Primitive_option.js";
|
|
7
7
|
|
|
8
|
+
let svgNamespace = "http://www.w3.org/2000/svg";
|
|
9
|
+
|
|
10
|
+
let svgTags = [
|
|
11
|
+
"svg",
|
|
12
|
+
"path",
|
|
13
|
+
"circle",
|
|
14
|
+
"ellipse",
|
|
15
|
+
"line",
|
|
16
|
+
"polygon",
|
|
17
|
+
"polyline",
|
|
18
|
+
"rect",
|
|
19
|
+
"g",
|
|
20
|
+
"defs",
|
|
21
|
+
"clipPath",
|
|
22
|
+
"mask",
|
|
23
|
+
"pattern",
|
|
24
|
+
"marker",
|
|
25
|
+
"symbol",
|
|
26
|
+
"use",
|
|
27
|
+
"text",
|
|
28
|
+
"tspan",
|
|
29
|
+
"image",
|
|
30
|
+
"foreignObject",
|
|
31
|
+
"linearGradient",
|
|
32
|
+
"radialGradient",
|
|
33
|
+
"stop",
|
|
34
|
+
"filter",
|
|
35
|
+
"feBlend",
|
|
36
|
+
"feColorMatrix",
|
|
37
|
+
"feComposite",
|
|
38
|
+
"feFlood",
|
|
39
|
+
"feGaussianBlur",
|
|
40
|
+
"feMerge",
|
|
41
|
+
"feMergeNode",
|
|
42
|
+
"feOffset",
|
|
43
|
+
"animate",
|
|
44
|
+
"animateTransform",
|
|
45
|
+
"desc",
|
|
46
|
+
"title",
|
|
47
|
+
"metadata"
|
|
48
|
+
];
|
|
49
|
+
|
|
50
|
+
let d = {};
|
|
51
|
+
|
|
52
|
+
svgTags.forEach(tag => {
|
|
53
|
+
d[tag] = true;
|
|
54
|
+
});
|
|
55
|
+
|
|
56
|
+
function isSvgTag(tag) {
|
|
57
|
+
return Stdlib_Option.isSome(d[tag]);
|
|
58
|
+
}
|
|
59
|
+
|
|
8
60
|
function setAttrOrProp(el, key, value) {
|
|
9
61
|
switch (key) {
|
|
10
62
|
case "checked" :
|
|
@@ -135,7 +187,8 @@ function render(node) {
|
|
|
135
187
|
let children = node.children;
|
|
136
188
|
let events = node.events;
|
|
137
189
|
let attrs = node.attrs;
|
|
138
|
-
let
|
|
190
|
+
let tag = node.tag;
|
|
191
|
+
let el = Stdlib_Option.isSome(d[tag]) ? document.createElementNS(svgNamespace, tag) : document.createElement(tag);
|
|
139
192
|
let owner = {
|
|
140
193
|
disposers: [],
|
|
141
194
|
computeds: []
|
|
@@ -523,6 +576,8 @@ function mountById(node, containerId) {
|
|
|
523
576
|
}
|
|
524
577
|
}
|
|
525
578
|
|
|
579
|
+
let svgTagSet = d;
|
|
580
|
+
|
|
526
581
|
let attr = $$static;
|
|
527
582
|
|
|
528
583
|
let signalAttr = signal;
|
|
@@ -530,6 +585,10 @@ let signalAttr = signal;
|
|
|
530
585
|
let computedAttr = computed;
|
|
531
586
|
|
|
532
587
|
export {
|
|
588
|
+
svgNamespace,
|
|
589
|
+
svgTags,
|
|
590
|
+
svgTagSet,
|
|
591
|
+
isSvgTag,
|
|
533
592
|
DOM,
|
|
534
593
|
Reactivity,
|
|
535
594
|
Attributes,
|
|
@@ -564,4 +623,4 @@ export {
|
|
|
564
623
|
mount,
|
|
565
624
|
mountById,
|
|
566
625
|
}
|
|
567
|
-
/*
|
|
626
|
+
/* Not a pure module */
|
package/src/Xote__JSX.res.mjs
CHANGED
package/src/Xote__Router.res.mjs
CHANGED