unspaghettit 0.2.0 → 0.4.0

package/build/client/_app/immutable/nodes/4.D1bxCSiM.js

@@ -0,0 +1,3 @@
+import{$ as e,A as t,E as n,F as r,G as i,I as a,J as o,L as s,N as c,Q as l,R as ee,U as u,V as te,W as d,X as f,Y as p,Z as m,_t as h,c as g,ct as ne,et as _,g as v,h as y,j as b,k as x,l as S,lt as re,m as ie,mt as C,pt as w,r as ae,rt as T,s as oe,tt as E,u as se,x as ce,z as D}from"../chunks/BPl9BITm.js";import{n as le}from"../chunks/ByaoVvNB.js";import"../chunks/xihTtKlq.js";import{H as ue,K as O,Q as de,gt as k,t as fe,vt as pe,yt as me}from"../chunks/D64sGJRN.js";import"../chunks/Da59TXPe.js";import{t as A}from"../chunks/BjxqhpPG.js";import{t as he}from"../chunks/CwzIdrQR.js";import{t as j}from"../chunks/CuGlh1c2.js";import{t as ge}from"../chunks/wXIHzLMQ2.js";import{t as _e}from"../chunks/DNaA4QRO2.js";import{t as M}from"../chunks/DtblIi6X2.js";import{t as N}from"../chunks/BQ9GodWX2.js";import{t as ve}from"../chunks/BANF9BhQ2.js";var P=h({load:()=>F}),F=()=>{throw M(307,`/projects`)},I=c(`<form class="grid gap-3 rounded-xl border border-cyan-100 bg-cyan-50/40 p-4 md:grid-cols-[1fr_1.4fr_auto] md:items-end"><div><label for="feature-name" class="mb-1.5 block text-xs font-medium text-slate-700">Feature name</label> <input id="feature-name" type="text" placeholder="e.g. Restaurant booking" class="h-10 w-full rounded-md border border-cyan-100 bg-white px-3 text-sm outline-none focus:border-brand-700 focus:ring-2 focus:ring-brand-100" required=""/></div> <div><label for="feature-desc" class="mb-1.5 block text-xs font-medium text-slate-700">Description</label> <input id="feature-desc" type="text" placeholder="What is this feature about?" class="h-10 w-full rounded-md border border-cyan-100 bg-white px-3 text-sm outline-none focus:border-brand-700 focus:ring-2 focus:ring-brand-100" required=""/></div> <button type="submit" class="h-10 rounded-md bg-brand-800 px-4 text-sm font-medium text-white hover:bg-brand-900 disabled:cursor-not-allowed disabled:opacity-50"> </button></form>`);function ye(e,n){re(n,!0);let r=E(``),a=E(``),o=E(!1),s=E(null);i(()=>{D(s)&&te().then(()=>D(s)?.focus())});async function c(e){if(e.preventDefault(),!D(o)&&D(r).trim().length!==0&&D(a).trim().length!==0){_(o,!0);try{await n.onSubmit(D(r).trim(),D(a).trim()),_(r,``),_(a,``)}finally{_(o,!1)}}}var u=I(),p=f(u),m=l(f(p),2);S(m),oe(m,e=>_(s,e),()=>D(s)),C(p);var h=l(p,2),v=l(f(h),2);S(v),C(h);var y=l(h,2),x=f(y,!0);C(y),C(u),d(e=>{y.disabled=e,t(x,D(o)?`Creating...`:`New feature`)},[()=>D(o)||D(r).trim().length===0||D(a).trim().length===0]),ee(`submit`,u,c),g(m,()=>D(r),e=>_(r,e)),g(v,()=>D(a),e=>_(a,e)),b(e,u),ne()}var be=c(`<button type="button" class="h-8 rounded-md px-2 text-xs font-medium text-slate-500 hover:bg-slate-50 hover:text-slate-900">Clear</button>`),xe=c(`<option> </option>`),Se=c(`<div class="absolute right-0 z-20 mt-2 w-56 rounded-lg border border-hairline bg-white p-1 shadow-lg"><button type="button" class="flex w-full items-start rounded-md px-3 py-2 text-left text-sm text-slate-700 hover:bg-slate-50 disabled:opacity-50"><span><span class="block font-medium"> </span> <span class="block text-xs text-slate-500">Add bundled example specs.</span></span></button></div>`),Ce=c(`<div class="rounded-lg border border-dashed border-hairline bg-white p-8 text-center text-sm text-slate-500">Loading features...</div>`),we=c(`<div class="rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700"> </div>`),Te=c(`<div class="space-y-3"><p>No features yet.</p> <p class="text-xs">Features live inside projects. Start by opening or creating a project.</p> <div class="flex flex-wrap justify-center gap-2"><a href="/projects" class="rounded-md bg-slate-900 px-4 py-2 text-sm font-medium text-white">Go to projects</a> <button type="button" class="rounded-md border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700"> </button></div></div>`),Ee=c(`<div class="rounded-lg border border-dashed border-hairline bg-white p-8 text-center text-sm text-slate-500"><!></div>`),De=c(`<li><!></li>`),Oe=c(`<ul class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3"></ul>`),ke=c(`<div class="fixed inset-0 z-40 flex items-start justify-center bg-slate-950/30 px-4 py-24 backdrop-blur-sm" role="presentation"><div class="w-full max-w-3xl rounded-xl border border-hairline bg-white shadow-xl" role="dialog" aria-modal="true" aria-labelledby="new-feature-title"><header class="flex items-start justify-between gap-4 border-b border-hairline px-5 py-4"><div><h2 id="new-feature-title" class="text-base font-semibold text-slate-950">New feature</h2> <p class="mt-1 text-sm text-slate-500">Start a behavior model from a blank specification.</p></div> <button type="button" class="rounded-md px-2 py-1 text-sm text-slate-500 hover:bg-slate-100 hover:text-slate-900" aria-label="Close">x</button></header> <div class="p-5"><!></div></div></div>`),Ae=c(`<div class="mx-auto max-w-7xl px-4 py-8 sm:px-6"><header class="mb-6 border-b border-slate-200 pb-6"><div class="grid gap-6 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-end"><div class="max-w-3xl"><div><p class="text-xs font-semibold uppercase tracking-wide text-brand-700">Behavior models</p> <h1 class="mt-2 text-4xl font-semibold tracking-tight text-slate-950">Features</h1> <p class="mt-2 max-w-2xl text-sm leading-6 text-slate-600">Describe what software does as surfaces, actions, states, rules, effects, and events.</p></div></div> <div class="grid grid-cols-2 gap-3 sm:grid-cols-4 lg:w-[42rem]"><div class="rounded-xl border border-slate-200 bg-white p-4 shadow-sm shadow-slate-950/5"><p class="text-xs font-medium uppercase tracking-wide text-brand-700">Models</p> <p class="mt-2 text-2xl font-semibold text-slate-950"> </p> <p class="mt-1 text-xs text-slate-500"> </p></div> <div class="rounded-xl border border-slate-200 bg-white p-4 shadow-sm shadow-slate-950/5"><p class="text-xs font-medium uppercase tracking-wide text-violet-700">Surfaces</p> <p class="mt-2 text-2xl font-semibold text-slate-950"> </p> <p class="mt-1 text-xs text-slate-500">Across models</p></div> <div class="rounded-xl border border-slate-200 bg-white p-4 shadow-sm shadow-slate-950/5"><p class="text-xs font-medium uppercase tracking-wide text-amber-700">Actions</p> <p class="mt-2 text-2xl font-semibold text-slate-950"> </p> <p class="mt-1 text-xs text-slate-500">Actions</p></div> <div class="rounded-xl border border-slate-200 bg-white p-4 shadow-sm shadow-slate-950/5"><p class="text-xs font-medium uppercase tracking-wide text-emerald-700">Maturity</p> <p class="mt-2 text-2xl font-semibold text-slate-950"> </p> <p class="mt-1 text-xs text-slate-500">Average</p></div></div></div> <div class="mt-6 flex flex-col gap-3 rounded-xl border border-slate-200 bg-white p-3 shadow-sm shadow-slate-950/5 lg:flex-row lg:items-center lg:justify-between"><div class="flex min-w-0 items-center rounded-lg border border-hairline bg-white p-1 lg:flex-1"><label for="feature-search" class="sr-only">Search features</label> <input id="feature-search" type="search" placeholder="Search features..." class="h-9 w-full min-w-0 rounded-md border-0 bg-transparent px-3 text-sm outline-none placeholder:text-slate-400"/> <!></div> <div class="flex flex-col gap-2 sm:flex-row sm:items-center"><label class="flex h-10 items-center gap-2 rounded-lg border border-hairline bg-white px-3 text-sm text-slate-600"><span class="text-xs font-medium">Project</span> <select class="bg-transparent text-sm font-medium text-slate-800 outline-none"><option>All</option><option>Unassigned</option><!></select></label> <!> <label class="flex h-10 items-center gap-2 rounded-lg border border-hairline bg-white px-3 text-sm text-slate-600"><span class="text-xs font-medium">Sort</span> <select class="bg-transparent text-sm font-medium text-slate-800 outline-none"><option>Updated</option><option>Name</option><option>Maturity</option></select></label> <div class="relative"><button type="button" class="inline-flex h-10 items-center gap-2 rounded-lg border border-hairline bg-white px-3 text-sm font-medium text-slate-700 hover:bg-slate-50">More <span class="text-xs text-slate-400" aria-hidden="true">v</span></button> <!></div> <a href="/projects" class="inline-flex h-10 items-center justify-center gap-2 rounded-md bg-slate-900 px-4 text-sm font-medium text-white hover:bg-slate-800" title="New features are created from a project"><span class="text-base leading-none" aria-hidden="true">+</span> New feature</a></div></div></header> <section aria-labelledby="features-list-title"><div class="mb-3 flex flex-col gap-1 sm:flex-row sm:items-end sm:justify-between"><div><h2 id="features-list-title" class="text-base font-semibold text-slate-950">Behavior models</h2> <p class="text-sm text-slate-500">Open an feature to edit surfaces, rules, effects, and scenarios.</p></div> <p class="text-xs text-slate-500"> </p></div> <!></section></div> <!> <!>`,1);function L(a,c){re(c,!0),ae(()=>{j.refresh(),A.refresh(),he.refresh()});async function te(e,t){await le(`/features/${await j.create(e,t)}`)}async function h(e){await me({title:`Delete "${j.summaries.find(t=>String(t.id)===String(e))?.name??`this feature`}"?`,message:`Its surfaces, actions, rules, and scenarios will be removed. Any project that references it keeps the link, but the feature itself is gone. This cannot be undone.`,confirmLabel:`Delete feature`,tone:`danger`})&&await j.remove(e)}let M=E(!1),P=E(``),F=E(!1),I=E(!1),L=E(`updated`),R=E(null),z=E(`all`),B=E(`all`),V=E(!1),H=E(e(new Map));async function je(e){if(D(H).has(e))return;let t=await(await fe()).useCases.getProject(e),n=new Map(D(H));n.set(e,new Set(t?.featureIds.map(String)??[])),_(H,n,!0)}async function Me(){let e=await fe(),t=await Promise.all(A.summaries.map(async t=>{let n=await e.useCases.getProject(t.id);return[String(t.id),new Set(n?.featureIds.map(String)??[])]}));_(H,new Map(t),!0)}i(()=>{if(D(z)!==`all`){if(D(z)===`unassigned`){Me();return}je(D(z))}});let Ne=T(()=>j.summaries.reduce((e,t)=>e+t.surfaceCount,0)),Pe=T(()=>j.summaries.reduce((e,t)=>e+t.actionCount,0)),Fe=T(()=>j.summaries.length===0?0:Math.round(j.summaries.reduce((e,t)=>e+t.maturityPercentage,0)/j.summaries.length)),U=T(()=>{let e=[];for(let t of j.summaries)for(let n of t.tags??[])e.push(n);return e});i(()=>{he.registerTypes(D(U).map(e=>e.type))});let Ie=T(()=>[...new Set(D(U).map(e=>ue(e.type)))].sort((e,t)=>e.localeCompare(t)));i(()=>{if(!D(I))return;let e=e=>{D(R)?.contains(e.target)||_(I,!1)};return window.addEventListener(`pointerdown`,e,!0),()=>window.removeEventListener(`pointerdown`,e,!0)});function Le(e){e.key===`Escape`&&(_(I,!1),_(F,!1))}let W=T(()=>{let e=D(P).trim().toLowerCase(),t=t=>e.length===0||t.name.toLowerCase().includes(e)||(t.description??``).toLowerCase().includes(e),n=e=>{if(D(z)===`all`)return!0;if(D(z)===`unassigned`){for(let t of D(H).values())if(t.has(e))return!1;return!0}return D(H).get(D(z))?.has(e)??!1};return j.summaries.filter(e=>t(e)&&n(String(e.id))&&Re(e,D(B))).sort((e,t)=>D(L)===`name`?e.name.localeCompare(t.name):D(L)===`maturity`?t.maturityPercentage-e.maturityPercentage:new Date(t.updatedAt).getTime()-new Date(e.updatedAt).getTime())});function Re(e,t){let n=e.tags??[];if(t===`all`)return!0;if(t===`untagged`)return n.length===0;let r=O(t);return n.some(e=>O(e)===r)}function ze(e){return j.summaries.filter(t=>Re(t,e)).length}async function Be(){if(!D(M)){_(M,!0);try{let e=await j.loadSamples(),t=e.addedProjects.length+e.addedFeatures.length>0,n=e.skippedProjects.length+e.skippedFeatures.length>0;if(!t&&!n)await k({title:`Nothing to load`,message:`No samples are bundled in this build.`,tone:`warning`});else if(!t)await k({title:`Already available`,message:N(e,`skipped`)+`
+
+Delete them and load again to restore from the sample.`,tone:`info`});else if(e.addedProjects.length>0){let t=e.addedProjects.length,n=e.addedFeatures.length,r=t===1?`project`:`projects`,i=n>0?`Added ${t} ${r} and ${n} ${n===1?`feature`:`features`}.`:`Added ${t} ${r}.`,a=e.addedFeatures.map(e=>e.name).join(` · `),o=await pe({title:`Samples loaded`,message:i,options:e.addedProjects.map(e=>({id:e.id,label:`Open ${e.name}`,description:a||void 0})),cancelLabel:`Close`,tone:`success`});o&&await le(`/projects/${o}`)}else await k({title:`Samples loaded`,message:N(e,`added`)+(n?`\n\nAlready present:\n${N(e,`skipped`)}`:``),tone:`success`})}finally{_(M,!1)}}}var Ve=Ae();ee(`keydown`,p,Le),ce(`1d0dgro`,e=>{u(()=>{o.title=`Features / Unspaghettit`})});var G=m(Ve),K=f(G),q=f(K),He=l(f(q),2),J=f(He),Y=l(f(J),2),Ue=f(Y,!0);C(Y);var We=l(Y,2),Ge=f(We);C(We),C(J);var X=l(J,2),Ke=l(f(X),2),qe=f(Ke,!0);C(Ke),w(2),C(X);var Z=l(X,2),Je=l(f(Z),2),Ye=f(Je,!0);C(Je),w(2),C(Z);var Xe=l(Z,2),Ze=l(f(Xe),2),Qe=f(Ze);C(Ze),w(2),C(Xe),C(He),C(q);var $e=l(q,2),et=f($e),tt=l(f(et),2);S(tt);var nt=l(tt,2),rt=e=>{var t=be();s(`click`,t,()=>_(P,``)),b(e,t)},it=T(()=>D(P).trim().length>0);x(nt,e=>{D(it)&&e(rt)}),C(et);var at=l(et,2),ot=f(at),Q=l(f(ot),2),st=f(Q);st.value=st.__value=`all`;var ct=l(st);ct.value=ct.__value=`unassigned`,n(l(ct),17,()=>A.summaries,e=>e.id,(e,n)=>{var r=xe(),i=f(r,!0);C(r);var a={};d(()=>{t(i,D(n).name),a!==(a=D(n).id)&&(r.value=(r.__value=D(n).id)??``)}),b(e,r)}),C(Q);var lt;y(Q),C(ot);var ut=l(ot,2);ge(ut,{get tags(){return D(U)},get value(){return D(B)},onChange:e=>_(B,e,!0),onManage:()=>_(V,!0),countLabel:ze});var dt=l(ut,2),ft=l(f(dt),2),pt=f(ft);pt.value=pt.__value=`updated`;var mt=l(pt);mt.value=mt.__value=`name`;var ht=l(mt);ht.value=ht.__value=`maturity`,C(ft),C(dt);var gt=l(dt,2),_t=f(gt),vt=l(_t,2),yt=e=>{var n=Se(),r=f(n),i=f(r),a=f(i),o=f(a,!0);C(a),w(2),C(i),C(r),C(n),d(()=>{r.disabled=D(M),t(o,D(M)?`Loading samples...`:`Load sample project`)}),s(`click`,r,()=>{_(I,!1),Be()}),b(e,n)};x(vt,e=>{D(I)&&e(yt)}),C(gt),oe(gt,e=>_(R,e),()=>D(R)),w(2),C(at),C($e),C(K);var bt=l(K,2),$=f(bt),xt=l(f($),2),St=f(xt);C(xt),C($);var Ct=l($,2),wt=e=>{b(e,Ce())},Tt=e=>{var n=we(),r=f(n,!0);C(n),d(()=>t(r,j.error)),b(e,n)},Et=e=>{var n=Ee(),i=f(n),a=e=>{var n=Te(),r=l(f(n),4),i=l(f(r),2),a=f(i,!0);C(i),C(r),C(n),d(()=>{i.disabled=D(M),t(a,D(M)?`Loading...`:`Load sample project`)}),s(`click`,i,Be),b(e,n)},o=e=>{b(e,r(`No features match your search.`))};x(i,e=>{j.summaries.length===0?e(a):e(o,-1)}),C(n),b(e,n)},Dt=e=>{var t=Oe();n(t,21,()=>D(W),e=>e.id,(e,t)=>{var n=De();ve(f(n),{get summary(){return D(t)},get tagTypeOptions(){return D(Ie)},onAddTag:(e,n)=>j.addTag(String(D(t).id),{type:e,value:n}),onRemoveTag:async(e,n)=>{await j.removeTag(String(D(t).id),{type:e,value:n}),D(B)!==`all`&&D(B)!==`untagged`&&O(D(B))===O({type:e,value:n})&&_(B,`all`)},onDelete:()=>h(D(t).id)}),C(n),b(e,n)}),C(t),b(e,t)};x(Ct,e=>{j.loading?e(wt):j.error?e(Tt,1):D(W).length===0?e(Et,2):e(Dt,-1)}),C(bt),C(G);var Ot=l(G,2),kt=e=>{var t=ke(),n=f(t),r=f(n),i=l(f(r),2);C(r);var a=l(r,2);ye(f(a),{onSubmit:te}),C(a),C(n),C(t),s(`click`,t,e=>{e.currentTarget===e.target&&_(F,!1)}),s(`click`,i,()=>_(F,!1)),b(e,t)};x(Ot,e=>{D(F)&&e(kt)}),_e(l(Ot,2),{get open(){return D(V)},get tags(){return D(U)},onClose:()=>_(V,!1),onRenamed:()=>j.refreshSilent()}),d(()=>{t(Ue,D(W).length),t(Ge,`${j.summaries.length??``} total`),t(qe,D(Ne)),t(Ye,D(Pe)),t(Qe,`${D(Fe)??``}%`),lt!==(lt=D(z))&&(Q.value=(Q.__value=D(z))??``,v(Q,D(z))),se(_t,`aria-expanded`,D(I)),t(St,`${D(W).length??``} shown`)}),g(tt,()=>D(P),e=>_(P,e)),s(`change`,Q,e=>{let t=e.currentTarget.value;_(z,t===`all`||t===`unassigned`?t:de(t),!0)}),ie(ft,()=>D(L),e=>_(L,e)),s(`click`,_t,()=>_(I,!D(I))),b(a,Ve),ne()}a([`click`,`change`]);export{L as component,P as universal};