@nil-/xit 0.4.13 → 0.4.15

package/assets/bundler.js

@@ -14,7 +14,7 @@ import Component from "${e.replace(/\\/g,"/")}";
 export const action = (target, context) => {
     const ref = mount(Component, { target, context });
     return { destroy: () => unmount(ref) };
-};`,ml=new Map,uS=/^(@[^/]*\/[^/]*)(?:\/(.*))?$/s,DS=/^([^/]*)(?:\/(.*))?$/s,dS=async(e,A)=>{if(A!=null){const t=new URL(A);return new URL(e,t).href}return e},Fn=async(e,A)=>e.endsWith("..")?(await fetch(new URL(`${e}/index.js`,A),{method:"HEAD"})).url:e.endsWith("/")?(await fetch(new URL(`${e}index.js`,A),{method:"HEAD"})).url:(await fetch(new URL(e,A),{method:"HEAD"})).url,pS=async e=>{const A=await fetch(e);if(A.ok)return JSON.parse(await A.text())},wS=async(e,A)=>{const[t,g,I=""]=e.split(e.startsWith("@")?uS:DS),Q=g=="@nil-/xit"?`${A}/${g}@0.4.13`:`${A}/${g}`,C=`${Q}/package.json`;if(ml.has(C))return{...ml.get(C),rest:I};const i=await pS(C);if(i!=null)return ml.set(C,{base:Q,json:i}),{base:Q,json:i,rest:I}},fS=(e,A)=>({input:t=>({resolved:t}),hook:async(t,g)=>{if(t.startsWith(Xd))return t;if(t.startsWith(".")){if(g!=null&&g.startsWith(Jn))return await dS(t,g);if(g!=null&&g.startsWith(uI))return`${uI}${await Fn(t,g.slice(uI.length))}`}if(t.startsWith("$")){const Q=t.indexOf("/"),C=t.slice(1,Q);return C in A?`${Jn}${A[C]}${t.slice(Q)}`:null}if(t.startsWith("https://"))return null;const I=await wS(t,e);if(I!=null){const Q=lS(I.json,I.rest,{browser:!0,conditions:["svelte","production"]});if(Q!=null){if(Array.isArray(Q)&&Q.length>0)return`${uI}${await Fn(`${I.base}/${Q[0]}`)}`;if(typeof Q=="string")return`${uI}${await Fn(`${I.base}/${Q}`)}`}else{const C=cS(I.json);if(C!=null)return`${uI}${await Fn(`${I.base}/${C}`)}`}}throw"unknown file, should be unreachable"}});function ZA(e,A,t){const g=t._;let I=!1;function Q(i,{next:B,state:s}){B(s)}function C(i,B,s){if(I||!i.type)return;let a;const n={},o={path:B,state:s,next:(f=s)=>{B.push(i);for(const d in i){if(d==="type")continue;const l=i[d];if(l&&typeof l=="object")if(Array.isArray(l)){const c={};l.forEach((h,w)=>{if(h&&typeof h=="object"){const N=C(h,B,f);N&&(c[w]=N)}}),Object.keys(c).length>0&&(n[d]=l.map((h,w)=>c[w]??h))}else{const c=C(l,B,f);c&&(n[d]=c)}}if(B.pop(),Object.keys(n).length>0)return zd(i,n)},stop:()=>{I=!0},visit:(f,d=s)=>{B.push(i);const l=C(f,B,d)??f;return B.pop(),l}};let D=t[i.type]??Q;if(g){let f;a=g(i,{...o,next:(d=s)=>(s=d,f=D(i,{...o,state:d}),f)}),!a&&f&&(a=f)}else a=D(i,o);if(a||Object.keys(n).length>0&&(a=zd(i,n)),a)return a}return C(e,[],A)??e}function zd(e,A){const t={},g=Object.getOwnPropertyDescriptors(e);for(const I in g)Object.defineProperty(t,I,g[I]);for(const I in A)t[I]=A[I];return t}const KQ=/\s/,Nl=/\s+/,Sn=/^\r?\n/,yS=/^\s/,TC=/^[ \t\r\n]+/,$d=/\s$/,_Q=/[ \t\r\n]+$/,PQ=/[^ \t\r\n]/,Ap=/[ \t\n\r\f]+/g,kS=/^[ \t\n\r\f]+$/,ep=/[^\n]/g,tp=/^[a-zA-Z_$][a-zA-Z_$0-9]*$/,GS=/(^[^a-zA-Z_$]|[^a-zA-Z0-9_$])/g,mS=/^[aeiou]/,NS=/^h[1-6]$/,MS=/(^[0-9-.])|[\^$@%&#?!|()[\]{}^*+~;]/,Ln=/[\u202a\u202b\u202c\u202d\u202e\u2066\u2067\u2068\u2069]+/g,Ml=1,Yn=2,RS=4,JS=8,FS=16,SS=1,LS=2,YS=4,US=8,bS=16,qS=1,vS=2,xS=4,HS=1,gp=2,KS=4,_S=8,PS="[",TS="[!",jS="]",OS=1,Ip=2,Qp="http://www.w3.org/2000/svg",Cp="http://www.w3.org/1998/Math/MathML",ZS=["state_snapshot_uncloneable","binding_property_non_reactive","hydration_attribute_changed","hydration_html_changed","ownership_invalid_binding","ownership_invalid_mutation"];function Un(e,A){if(A.length===0)return null;const g=new $S(A).get(e);return g&&g[0][0]>.7?g[0][1]:null}const Rl=2,Jl=3;function VS(e,A){if(e===null&&A===null)throw"Trying to compare two null values";return e===null||A===null?0:(e=String(e),A=String(A),1-WS(e,A)/Math.max(e.length,A.length))}function WS(e,A){const t=[];let g=0,I=0;for(let Q=0;Q<=A.length;Q++)for(let C=0;C<=e.length;C++)Q&&C?e.charAt(C-1)===A.charAt(Q-1)?I=g:I=Math.min(t[C],t[C-1],g)+1:I=Q+C,g=t[C],t[C]=I;return t.pop()}const XS=/[^\w, ]+/;function zS(e,A=2){const t="-"+e.toLowerCase().replace(XS,"")+"-",g=A-t.length,I=[];if(g>0)for(let Q=0;Q<g;++Q)e+="-";for(let Q=0;Q<t.length-A+1;++Q)I.push(t.slice(Q,Q+A));return I}function ip(e,A=2){const t={},g=zS(e,A);let I=0;for(I;I<g.length;++I)g[I]in t?t[g[I]]+=1:t[g[I]]=1;return t}function Bp(e,A){return A[0]-e[0]}class $S{constructor(A){nA(this,"exact_set",{});nA(this,"match_dict",{});nA(this,"items",{});for(let t=Rl;t<Jl+1;++t)this.items[t]=[];for(let t=0;t<A.length;++t)this.add(A[t])}add(A){if(A.toLowerCase()in this.exact_set)return!1;let g=Rl;for(g;g<Jl+1;++g)this._add(A,g)}_add(A,t){const g=A.toLowerCase(),I=this.items[t]||[],Q=I.length;I.push(0);const C=ip(g,t);let i=0,B,s;for(B in C)s=C[B],i+=Math.pow(s,2),B in this.match_dict?this.match_dict[B].push([Q,s]):this.match_dict[B]=[[Q,s]];const a=Math.sqrt(i);I[Q]=[a,g],this.items[t]=I,this.exact_set[g]=A}get(A){const t=A.toLowerCase(),g=this.exact_set[t];if(g)return[[1,g]];for(let I=Jl;I>=Rl;--I){const Q=this.__get(A,I);if(Q.length>0)return Q}return null}__get(A,t){const g=A.toLowerCase(),I={},Q=ip(g,t),C=this.items[t];let i=0,B,s,a,n,o;for(B in Q)if(s=Q[B],i+=Math.pow(s,2),B in this.match_dict)for(a=0;a<this.match_dict[B].length;++a)n=this.match_dict[B][a][0],o=this.match_dict[B][a][1],n in I?I[n]+=s*o:I[n]=s*o;const D=Math.sqrt(i);let f=[],d;for(const h in I)d=I[h],f.push([d/(D*C[h][0]),C[h][1]]);f.sort(Bp);let l=[];const c=Math.min(50,f.length);for(let h=0;h<c;++h)l.push([VS(f[h][1],g),f[h][1]]);f=l,f.sort(Bp),l=[];for(let h=0;h<f.length;++h)f[h][0]===f[0][0]&&l.push([f[h][0],this.exact_set[f[h][1]]]);return l}}function AL(e,A){return e.start<=A&&A<e.end}function sp(e,A={}){const{offsetLine:t=0,offsetColumn:g=0}=A;let I=0;const Q=e.split(`
+};`,ml=new Map,uS=/^(@[^/]*\/[^/]*)(?:\/(.*))?$/s,DS=/^([^/]*)(?:\/(.*))?$/s,dS=async(e,A)=>{if(A!=null){const t=new URL(A);return new URL(e,t).href}return e},Fn=async(e,A)=>e.endsWith("..")?(await fetch(new URL(`${e}/index.js`,A),{method:"HEAD"})).url:e.endsWith("/")?(await fetch(new URL(`${e}index.js`,A),{method:"HEAD"})).url:(await fetch(new URL(e,A),{method:"HEAD"})).url,pS=async e=>{const A=await fetch(e);if(A.ok)return JSON.parse(await A.text())},wS=async(e,A)=>{const[t,g,I=""]=e.split(e.startsWith("@")?uS:DS),Q=g=="@nil-/xit"?`${A}/${g}@0.4.15`:`${A}/${g}`,C=`${Q}/package.json`;if(ml.has(C))return{...ml.get(C),rest:I};const i=await pS(C);if(i!=null)return ml.set(C,{base:Q,json:i}),{base:Q,json:i,rest:I}},fS=(e,A)=>({input:t=>({resolved:t}),hook:async(t,g)=>{if(t.startsWith(Xd))return t;if(t.startsWith(".")){if(g!=null&&g.startsWith(Jn))return await dS(t,g);if(g!=null&&g.startsWith(uI))return`${uI}${await Fn(t,g.slice(uI.length))}`}if(t.startsWith("$")){const Q=t.indexOf("/"),C=t.slice(1,Q);return C in A?`${Jn}${A[C]}${t.slice(Q)}`:null}if(t.startsWith("https://"))return null;const I=await wS(t,e);if(I!=null){const Q=lS(I.json,I.rest,{browser:!0,conditions:["svelte","production"]});if(Q!=null){if(Array.isArray(Q)&&Q.length>0)return`${uI}${await Fn(`${I.base}/${Q[0]}`)}`;if(typeof Q=="string")return`${uI}${await Fn(`${I.base}/${Q}`)}`}else{const C=cS(I.json);if(C!=null)return`${uI}${await Fn(`${I.base}/${C}`)}`}}throw"unknown file, should be unreachable"}});function ZA(e,A,t){const g=t._;let I=!1;function Q(i,{next:B,state:s}){B(s)}function C(i,B,s){if(I||!i.type)return;let a;const n={},o={path:B,state:s,next:(f=s)=>{B.push(i);for(const d in i){if(d==="type")continue;const l=i[d];if(l&&typeof l=="object")if(Array.isArray(l)){const c={};l.forEach((h,w)=>{if(h&&typeof h=="object"){const N=C(h,B,f);N&&(c[w]=N)}}),Object.keys(c).length>0&&(n[d]=l.map((h,w)=>c[w]??h))}else{const c=C(l,B,f);c&&(n[d]=c)}}if(B.pop(),Object.keys(n).length>0)return zd(i,n)},stop:()=>{I=!0},visit:(f,d=s)=>{B.push(i);const l=C(f,B,d)??f;return B.pop(),l}};let D=t[i.type]??Q;if(g){let f;a=g(i,{...o,next:(d=s)=>(s=d,f=D(i,{...o,state:d}),f)}),!a&&f&&(a=f)}else a=D(i,o);if(a||Object.keys(n).length>0&&(a=zd(i,n)),a)return a}return C(e,[],A)??e}function zd(e,A){const t={},g=Object.getOwnPropertyDescriptors(e);for(const I in g)Object.defineProperty(t,I,g[I]);for(const I in A)t[I]=A[I];return t}const KQ=/\s/,Nl=/\s+/,Sn=/^\r?\n/,yS=/^\s/,TC=/^[ \t\r\n]+/,$d=/\s$/,_Q=/[ \t\r\n]+$/,PQ=/[^ \t\r\n]/,Ap=/[ \t\n\r\f]+/g,kS=/^[ \t\n\r\f]+$/,ep=/[^\n]/g,tp=/^[a-zA-Z_$][a-zA-Z_$0-9]*$/,GS=/(^[^a-zA-Z_$]|[^a-zA-Z0-9_$])/g,mS=/^[aeiou]/,NS=/^h[1-6]$/,MS=/(^[0-9-.])|[\^$@%&#?!|()[\]{}^*+~;]/,Ln=/[\u202a\u202b\u202c\u202d\u202e\u2066\u2067\u2068\u2069]+/g,Ml=1,Yn=2,RS=4,JS=8,FS=16,SS=1,LS=2,YS=4,US=8,bS=16,qS=1,vS=2,xS=4,HS=1,gp=2,KS=4,_S=8,PS="[",TS="[!",jS="]",OS=1,Ip=2,Qp="http://www.w3.org/2000/svg",Cp="http://www.w3.org/1998/Math/MathML",ZS=["state_snapshot_uncloneable","binding_property_non_reactive","hydration_attribute_changed","hydration_html_changed","ownership_invalid_binding","ownership_invalid_mutation"];function Un(e,A){if(A.length===0)return null;const g=new $S(A).get(e);return g&&g[0][0]>.7?g[0][1]:null}const Rl=2,Jl=3;function VS(e,A){if(e===null&&A===null)throw"Trying to compare two null values";return e===null||A===null?0:(e=String(e),A=String(A),1-WS(e,A)/Math.max(e.length,A.length))}function WS(e,A){const t=[];let g=0,I=0;for(let Q=0;Q<=A.length;Q++)for(let C=0;C<=e.length;C++)Q&&C?e.charAt(C-1)===A.charAt(Q-1)?I=g:I=Math.min(t[C],t[C-1],g)+1:I=Q+C,g=t[C],t[C]=I;return t.pop()}const XS=/[^\w, ]+/;function zS(e,A=2){const t="-"+e.toLowerCase().replace(XS,"")+"-",g=A-t.length,I=[];if(g>0)for(let Q=0;Q<g;++Q)e+="-";for(let Q=0;Q<t.length-A+1;++Q)I.push(t.slice(Q,Q+A));return I}function ip(e,A=2){const t={},g=zS(e,A);let I=0;for(I;I<g.length;++I)g[I]in t?t[g[I]]+=1:t[g[I]]=1;return t}function Bp(e,A){return A[0]-e[0]}class $S{constructor(A){nA(this,"exact_set",{});nA(this,"match_dict",{});nA(this,"items",{});for(let t=Rl;t<Jl+1;++t)this.items[t]=[];for(let t=0;t<A.length;++t)this.add(A[t])}add(A){if(A.toLowerCase()in this.exact_set)return!1;let g=Rl;for(g;g<Jl+1;++g)this._add(A,g)}_add(A,t){const g=A.toLowerCase(),I=this.items[t]||[],Q=I.length;I.push(0);const C=ip(g,t);let i=0,B,s;for(B in C)s=C[B],i+=Math.pow(s,2),B in this.match_dict?this.match_dict[B].push([Q,s]):this.match_dict[B]=[[Q,s]];const a=Math.sqrt(i);I[Q]=[a,g],this.items[t]=I,this.exact_set[g]=A}get(A){const t=A.toLowerCase(),g=this.exact_set[t];if(g)return[[1,g]];for(let I=Jl;I>=Rl;--I){const Q=this.__get(A,I);if(Q.length>0)return Q}return null}__get(A,t){const g=A.toLowerCase(),I={},Q=ip(g,t),C=this.items[t];let i=0,B,s,a,n,o;for(B in Q)if(s=Q[B],i+=Math.pow(s,2),B in this.match_dict)for(a=0;a<this.match_dict[B].length;++a)n=this.match_dict[B][a][0],o=this.match_dict[B][a][1],n in I?I[n]+=s*o:I[n]=s*o;const D=Math.sqrt(i);let f=[],d;for(const h in I)d=I[h],f.push([d/(D*C[h][0]),C[h][1]]);f.sort(Bp);let l=[];const c=Math.min(50,f.length);for(let h=0;h<c;++h)l.push([VS(f[h][1],g),f[h][1]]);f=l,f.sort(Bp),l=[];for(let h=0;h<f.length;++h)f[h][0]===f[0][0]&&l.push([f[h][0],this.exact_set[f[h][1]]]);return l}}function AL(e,A){return e.start<=A&&A<e.end}function sp(e,A={}){const{offsetLine:t=0,offsetColumn:g=0}=A;let I=0;const Q=e.split(`
 `).map((B,s)=>{const a=I+B.length+1,n={start:I,end:a,line:s};return I=a,n});let C=0;function i(B,s){if(typeof B=="string"&&(B=e.indexOf(B,s??0)),B===-1)return;let a=Q[C];const n=B>=a.end?1:-1;for(;a;){if(AL(a,B))return{line:t+a.line,column:g+B-a.start,character:B};C+=n,a=Q[C]}}return i}const eL=/\r/g;function tL(e){e=e.replace(eL,"");let A=5381,t=e.length;for(;t--;)A=(A<<5)-A^e.charCodeAt(t);return(A>>>0).toString(36)}const gL=["area","base","br","col","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"];function jC(e){return gL.includes(e)||e.toLowerCase()==="!doctype"}const IL=["arguments","await","break","case","catch","class","const","continue","debugger","default","delete","do","else","enum","eval","export","extends","false","finally","for","function","if","implements","import","in","instanceof","interface","let","new","null","package","private","protected","public","return","static","super","switch","this","throw","true","try","typeof","var","void","while","with","yield"];function Ep(e){return IL.includes(e)}function ap(e){return e.endsWith("capture")&&e!=="gotpointercapture"&&e!=="lostpointercapture"}const QL=["beforeinput","click","change","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"];function op(e){return QL.includes(e)}const np=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","inert","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected","webkitdirectory","defer","disablepictureinpicture","disableremoteplayback"];function Fl(e){return np.includes(e)}const CL={formnovalidate:"formNoValidate",ismap:"isMap",nomodule:"noModule",playsinline:"playsInline",readonly:"readOnly",defaultvalue:"defaultValue",defaultchecked:"defaultChecked",srcobject:"srcObject",novalidate:"noValidate",allowfullscreen:"allowFullscreen",disablepictureinpicture:"disablePictureInPicture",disableremoteplayback:"disableRemotePlayback"};function iL(e){return e=e.toLowerCase(),CL[e]??e}const BL=[...np,"formNoValidate","isMap","noModule","playsInline","readOnly","value","volume","defaultValue","defaultChecked","srcObject","noValidate","allowFullscreen","disablePictureInPicture","disableRemotePlayback"];function sL(e){return BL.includes(e)}const EL=["autofocus","muted","defaultValue","defaultChecked"];function Sl(e){return EL.includes(e)}const aL=["touchstart","touchmove"];function oL(e){return aL.includes(e)}const nL=["textContent","innerHTML","innerText"];function Ll(e){return nL.includes(e)}const rL=["body","embed","iframe","img","link","object","script","style","track"];function bn(e){return rL.includes(e)}const cL=["altGlyph","altGlyphDef","altGlyphItem","animate","animateColor","animateMotion","animateTransform","circle","clipPath","color-profile","cursor","defs","desc","discard","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","font","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignObject","g","glyph","glyphRef","hatch","hatchpath","hkern","image","line","linearGradient","marker","mask","mesh","meshgradient","meshpatch","meshrow","metadata","missing-glyph","mpath","path","pattern","polygon","polyline","radialGradient","rect","set","solidcolor","stop","svg","switch","symbol","text","textPath","tref","tspan","unknown","use","view","vkern"];function Yl(e){return cL.includes(e)}const lL=["annotation","annotation-xml","maction","math","merror","mfrac","mi","mmultiscripts","mn","mo","mover","mpadded","mphantom","mprescripts","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msubsup","msup","mtable","mtd","mtext","mtr","munder","munderover","semantics"];function rp(e){return lL.includes(e)}const cp=["$state","$state.raw","$derived","$derived.by"],hL=[...cp,"$state.snapshot","$props","$props.id","$bindable","$effect","$effect.pre","$effect.tracking","$effect.root","$inspect","$inspect().with","$inspect.trace","$host"];function DI(e){return hL.includes(e)}function uL(e){return cp.includes(e)}function DL(e){return e==null?void 0:e.replace(/\//g,"/​")}let TQ=[],xt,qn,MA,Gt=sp("",{offsetLine:1});function lp(e){const A=Gt(e.start);return`${DL(xt)}:${A==null?void 0:A.line}:${A.column}`}let hp,ZI=[],vn=new Map;function dL(e){const A=new Set([...ZI.at(-1)||[],...e]);ZI.push(A)}function pL(){ZI.pop()}function up(e=()=>!0){hp=e}function vg(e,A){var t;return MA&&!!((t=vn.get(e))!=null&&t.some(g=>g.has(A)))}function Dp(e,A){var g;qn=e;const t=(g=A.rootDir)==null?void 0:g.replace(/\\/g,"/");xt=A.filename.replace(/\\/g,"/"),MA=!!A.dev,typeof t=="string"&&xt.startsWith(t)&&(xt=xt.replace(t,"").replace(/^[/\\]/,"")),Gt=sp(qn,{offsetLine:1}),TQ=[],ZI=[],vn.clear()}const wL=/^\t+/;function Ul(e){return e.replace(wL,A=>A.split("	").join("  "))}function fL(e,A,t){const g=e.split(`
 `),I=Math.max(0,A-2),Q=Math.min(A+3,g.length),C=String(Q+1).length;return g.slice(I,Q).map((i,B)=>{const s=I+B===A,a=String(B+I+1).padStart(C," ");if(s){const n=" ".repeat(C+2+Ul(i.slice(0,t)).length)+"^";return`${a}: ${Ul(i)}
 ${n}`}return`${a}: ${Ul(i)}`}).join(`

package/components/loaders/Helpers.d.ts

@@ -21,12 +21,12 @@ interface ToWritableType {
         type: infer T extends keyof MapType;
     } ? Writable<MapType[T]> : never;
 }
-interface ExtractItem {
+interface ExtractValue {
     output: this extends {
         mask: infer Mask extends {
             output: any;
         };
-        item: {
+        value: {
             readonly key: infer Key extends string;
             readonly type: infer Type;
         };
@@ -36,27 +36,27 @@ interface ExtractItem {
         })["output"];
     } : never;
 }
-interface ExtractItems {
+interface ExtractValues {
     output: this extends {
         mask: infer Mask;
-        items: infer Items;
-    } ? Items extends readonly [infer F, ...infer Rest] ? (ExtractItem & {
-        item: F;
+        values: infer Values;
+    } ? Values extends readonly [infer F, ...infer Rest] ? (ExtractValue & {
+        value: F;
         mask: Mask;
-    })["output"] & (ExtractItems & {
-        items: Rest;
+    })["output"] & (ExtractValues & {
+        values: Rest;
         mask: Mask;
-    })["output"] : Items extends readonly [] ? {} : never : never;
+    })["output"] : Values extends readonly [] ? {} : never : never;
 }
 interface ExtractFrames {
     output: this extends {
         mask: infer Mask;
         frames: infer Frames;
     } ? Frames extends readonly [infer F extends {
-        items: any;
+        values: any;
     }, ...infer Rest] ? [
-        Prettify<(ExtractItems & {
-            items: F["items"];
+        Prettify<(ExtractValues & {
+            values: F["values"];
             mask: Mask;
         })["output"]>,
         ...(ExtractFrames & {
@@ -65,7 +65,7 @@ interface ExtractFrames {
         })["output"]
     ] : Frames extends readonly [] ? [] : never : never;
 }
-type ItemDetail<T extends keyof MapType> = T extends "json" ? {
+type ValueDetail<T extends keyof MapType> = T extends "json" ? {
     key: string;
     type: T;
     default: MapType[T];
@@ -79,7 +79,7 @@ type ItemDetail<T extends keyof MapType> = T extends "json" ? {
 export type FrameDetails = {
     readonly id: string;
     readonly tag?: string;
-    readonly items: readonly ItemDetail<keyof MapType>[];
+    readonly values: readonly ValueDetail<keyof MapType>[];
 };
 export type ReactiveFrames<T> = (ExtractFrames & {
     frames: T;

package/components/loaders/Reactive.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-    import type { FrameDetails, ReactiveFrames, Prettify } from "./Helpers";
+    import type { FrameDetails, ReactiveFrames } from "./Helpers";
 </script>
 
 <script lang="ts" generics="const T extends readonly FrameDetails[]">
@@ -10,7 +10,7 @@
 
     type Props = {
         frames: T;
-        loaded_data?: Snippet<[ReactiveFrames<T>]>;
+        loaded_data: Snippet<[ReactiveFrames<T>]>;
     };
 
     const { frames, loaded_data }: Props = $props();
@@ -24,26 +24,22 @@
         const frame_data = await load_frame_data(frame.id, frame.tag);
         if (unmounted) {
             frame_data.unsub();
-        } else {
-            unsubs.push(frame_data.unsub);
-            for (const item of frame.items) {
-                if (item.type == "boolean") {
-                    data[index][item.key] = frame_data.values.boolean(item.key, item.default);
-                } else if (item.type == "double") {
-                    data[index][item.key] = frame_data.values.double(item.key, item.default);
-                } else if (item.type == "number") {
-                    data[index][item.key] = frame_data.values.number(item.key, item.default);
-                } else if (item.type == "string") {
-                    data[index][item.key] = frame_data.values.string(item.key, item.default);
-                } else if (item.type == "buffer") {
-                    data[index][item.key] = frame_data.values.buffer(item.key, item.default);
-                } else if (item.type == "json") {
-                    data[index][item.key] = frame_data.values.json(
-                        item.key,
-                        item.default,
-                        item.codec
-                    );
-                }
+            return;
+        }
+        unsubs.push(frame_data.unsub);
+        for (const value of frame.values) {
+            if (value.type == "boolean") {
+                data[index][value.key] = frame_data.values.boolean(value.key, value.default);
+            } else if (value.type == "double") {
+                data[index][value.key] = frame_data.values.double(value.key, value.default);
+            } else if (value.type == "number") {
+                data[index][value.key] = frame_data.values.number(value.key, value.default);
+            } else if (value.type == "string") {
+                data[index][value.key] = frame_data.values.string(value.key, value.default);
+            } else if (value.type == "buffer") {
+                data[index][value.key] = frame_data.values.buffer(value.key, value.default);
+            } else if (value.type == "json") {
+                data[index][value.key] = frame_data.values.json(value.key, value.default, value.codec);
             }
         }
     };

package/components/loaders/ReadOnly.svelte

@@ -10,7 +10,7 @@
 
     type Props = {
         frames: T;
-        loaded_data?: Snippet<[ReadOnlyFrames<T>]>;
+        loaded_data: Snippet<[ReadOnlyFrames<T>]>;
     };
 
     const { frames, loaded_data }: Props = $props();
@@ -24,47 +24,47 @@
         const frame_data = await load_frame_data(frame.id, frame.tag);
         if (unmounted) {
             frame_data.unsub();
-        } else {
-            unsubs.push(frame_data.unsub);
-            for (const item of frame.items) {
-                const { key } = item;
-                if (item.type == "boolean") {
-                    unsubs.push(
-                        frame_data.values
-                            .boolean(item.key, item.default)
-                            .subscribe((v) => (data[index][key] = v))
-                    );
-                } else if (item.type == "double") {
-                    unsubs.push(
-                        frame_data.values
-                            .double(item.key, item.default)
-                            .subscribe((v) => (data[index][key] = v))
-                    );
-                } else if (item.type == "number") {
-                    unsubs.push(
-                        frame_data.values
-                            .number(item.key, item.default)
-                            .subscribe((v) => (data[index][key] = v))
-                    );
-                } else if (item.type == "string") {
-                    unsubs.push(
-                        frame_data.values
-                            .string(item.key, item.default)
-                            .subscribe((v) => (data[index][key] = v))
-                    );
-                } else if (item.type == "buffer") {
-                    unsubs.push(
-                        frame_data.values
-                            .buffer(item.key, item.default)
-                            .subscribe((v) => (data[index] = v))
-                    );
-                } else if (item.type == "json") {
-                    unsubs.push(
-                        frame_data.values
-                            .json(item.key, item.default, item.codec)
-                            .subscribe((v) => (data[index][key] = v))
-                    );
-                }
+            return;
+        }
+        unsubs.push(frame_data.unsub);
+        for (const value of frame.values) {
+            const { key } = value;
+            if (value.type == "boolean") {
+                unsubs.push(
+                    frame_data.values
+                        .boolean(value.key, value.default)
+                        .subscribe((v) => (data[index][key] = v))
+                );
+            } else if (value.type == "double") {
+                unsubs.push(
+                    frame_data.values
+                        .double(value.key, value.default)
+                        .subscribe((v) => (data[index][key] = v))
+                );
+            } else if (value.type == "number") {
+                unsubs.push(
+                    frame_data.values
+                        .number(value.key, value.default)
+                        .subscribe((v) => (data[index][key] = v))
+                );
+            } else if (value.type == "string") {
+                unsubs.push(
+                    frame_data.values
+                        .string(value.key, value.default)
+                        .subscribe((v) => (data[index][key] = v))
+                );
+            } else if (value.type == "buffer") {
+                unsubs.push(
+                    frame_data.values
+                        .buffer(value.key, value.default)
+                        .subscribe((v) => (data[index] = v))
+                );
+            } else if (value.type == "json") {
+                unsubs.push(
+                    frame_data.values
+                        .json(value.key, value.default, value.codec)
+                        .subscribe((v) => (data[index][key] = v))
+                );
             }
         }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nil-/xit",
-  "version": "0.4.13",
+  "version": "0.4.15",
   "peerDependencies": {
     "svelte": "^5.7.1"
   },

package/test/Frame.svelte

@@ -1,16 +1,16 @@
 <script lang="ts">
-    import { xit, type CoDec, type Action  } from "..";
+    import { xit, type CoDec, type Action } from "..";
     import { get } from "svelte/store";
 
     import type { Snippet } from "svelte";
 
-    type ActionItem = { name: string; action: Action<HTMLElement> };
+    type ActionItem = {
+        name: string;
+        action: Action<HTMLElement>;
+        url: (tag: string) => string;
+    };
 
-    let {
-        decoder,
-        selected = -1,
-        load
-    }: {
+    type Props = {
         decoder: CoDec<any>["decode"];
         selected?: number;
         load: Snippet<
@@ -22,7 +22,9 @@
                 }
             ]
         >;
-    } = $props();
+    };
+
+    let { decoder, selected = $bindable(-1), load }: Props = $props();
 
     let { signals, values, load_frame_data, load_frame_ui } = xit();
 
@@ -44,11 +46,19 @@
                         }
                         if (mark === "T") {
                             return load_frame_ui(frame_id, tag).then((f) => {
-                                return { name: frame_id, action: f };
+                                return {
+                                    name: frame_id,
+                                    action: f,
+                                    url: (tag) => `/?frame=${frame_id}&tag=${tag}`
+                                } satisfies ActionItem;
                             });
                         } else if (mark === "U") {
                             return load_frame_ui(frame_id).then((f) => {
-                                return { name: frame_id, action: f };
+                                return {
+                                    name: frame_id,
+                                    action: f,
+                                    url: (tag) => `/?frame=${frame_id}`
+                                } satisfies ActionItem;
                             });
                         }
                     })
@@ -64,10 +74,15 @@
         decode: decoder,
         encode: () => new Uint8Array()
     });
+
+    if ($tags.length > 0) {
+        selected = 0;
+    }
+
     const finalize = signals.string("finalize");
 
-    let a_inputs = $state([] as { name: string; action: Action<HTMLElement> }[]);
-    let a_outputs = $state([] as { name: string; action: Action<HTMLElement> }[]);
+    let a_inputs = $state([] as ActionItem[]);
+    let a_outputs = $state([] as ActionItem[]);
     let title = $derived(selected > $tags.length ? "" : $tags[selected]);
     const update = async (v: number) => {
         a_inputs = [];

package/test/Frame.svelte.d.ts

@@ -3,8 +3,9 @@ import type { Snippet } from "svelte";
 type ActionItem = {
     name: string;
     action: Action<HTMLElement>;
+    url: (tag: string) => string;
 };
-type $$ComponentProps = {
+type Props = {
     decoder: CoDec<any>["decode"];
     selected?: number;
     load: Snippet<[
@@ -15,6 +16,6 @@ type $$ComponentProps = {
         }
     ]>;
 };
-declare const Frame: import("svelte").Component<$$ComponentProps, {}, "">;
+declare const Frame: import("svelte").Component<Props, {}, "selected">;
 type Frame = ReturnType<typeof Frame>;
 export default Frame;

package/test/Main.svelte

@@ -7,22 +7,17 @@
 
     import { config } from "$xit/config.js";
 
-    let { children }: { children?: Snippet<[string]> } = $props();
+    type Props = {
+        children?: Snippet<[string]>,
+        input: Snippet<[{name: string; url: string;}]>
+    };
+
+    let { children, input }: Props = $props();
 
     let selected = $state(-1);
 </script>
 
-{#snippet combo(tags: string[])}
-    <div class="combo">
-        <select bind:value={selected}>
-            {#each tags as id, i}
-                <option value={i}>{id}</option>
-            {/each}
-        </select>
-    </div>
-{/snippet}
-
-<TestFrame decoder={config.codec.decode} {selected}>
+<TestFrame decoder={config.codec.decode} bind:selected>
     {#snippet load({ tags, inputs, outputs })}
         <Scrollable>
             <Split vertical offset={200}>
@@ -36,11 +31,25 @@
                     </Scrollable>
                 {/snippet}
                 {#snippet side_b()}
-                    {@render combo(tags)}
+                    <div class="combo">
+                        <select bind:value={selected}>
+                            {#each tags as id, i}
+                                <option value={i}>{id}</option>
+                            {/each}
+                        </select>
+                    </div>
+                    {#if 0 <= selected && selected < tags.length }
                     {@render children?.(tags[selected])}
-                    {#each inputs as { name }}
-                        <a href={`/?frame=${name}&tag=${tags[selected]}`} target="_blank">{name}</a>
-                    {/each}
+                        <div style="display: flex; flex-direction: column;">
+                            {#each inputs as { name, url }}
+                                {#if input != null}
+                                    {@render input({ name, url: url(tags[selected]) })}
+                                {:else}
+                                    <a href={url(tags[selected])} target="_blank">{name}</a>
+                                {/if}
+                            {/each}
+                        </div>
+                    {/if}
                 {/snippet}
             </Split>
         </Scrollable>

package/test/Main.svelte.d.ts

@@ -1,7 +1,11 @@
 import type { Snippet } from "svelte";
-type $$ComponentProps = {
+type Props = {
     children?: Snippet<[string]>;
+    input: Snippet<[{
+        name: string;
+        url: string;
+    }]>;
 };
-declare const Main: import("svelte").Component<$$ComponentProps, {}, "">;
+declare const Main: import("svelte").Component<Props, {}, "">;
 type Main = ReturnType<typeof Main>;
 export default Main;