Thread by @tlakomy

Okay, I've managed to create this @sveltejs JIRA/Kanban board with Todo/In Progress/Done states with a single item moving through those on click.

I've been trying for quite some time and I don't think it's possible to fit it in a single tweet :(

Maybe someone will be able to 🤔

REPL can be found here:

svelte.dev/repl/d625d5572…

Script:

<script>
let t,d,o,q=1,w=2,r=3,a=[{k:1,l:0,s:q}],s=(a,q)=>a.filter(x=>x.s==q),u=(z,n)=>a[a.findIndex(h=>h.k==z)].s=n

$:{t=s(a,q),d=s(a,w),o=s(a,r)}

</script>

Markup:

T{#each t as {k,l}}<b on:click={()=>u(k,w)}>{l}</b>{/each}P{#each d as {k,l}}<b on:click={()=>u(k,r)}>{l}</b>{/each}D{#each o as {l}}<b>{l}</b>{/each}

It's currently ~300 characters, so we'd need to cut around 20 to fit it in a tweet.