Remix.run Logo
ErneX 4 days ago

His live set demo is pretty neat

https://youtu.be/3lOptjAeA2w

Repo: https://github.com/0b5vr/0mix

skrebbel 4 days ago | parent [-]

Just to clarify for readers who didn't read the interview, not a live set, it’s a 64kb demo that looks and feels like a recording of a livecoding competition. So “live set demo” is technically correct because it’s a “live set” themed demo. But it’s not actually a live set :-)

genezeta 4 days ago | parent | next [-]

I don't know why the sibling comment is dead (edit: was). I mean, it is a valid concern, if one doesn't know.

So, for slickytail and anyone who has the same question:

The code is actually compressed into a binary blob. You can see it if you just look at the source of https://0b5vr.com/0mix/0mix.html

A small script loads the blob and uncompresses it before running it through eval:

  fetch("#").then(t=>t.blob()).then(t=>new Response(t.slice(156).stream().pipeThrough(new DecompressionStream("deflate"))).text()).then(eval)
This is a common approach in browser demos and what is counted as "less than 64Kb" is that final html. A similar technique compresses it into a PNG.
slickytail 4 days ago | parent | prev [-]

In what sense is this 64KB? Clearly there's more than 64KB of code in the repo. And since it's typescript it's not like there's a binary that could be 64KB.

skrebbel 4 days ago | parent [-]

The html file with all assets and js bundled in is under 64kb.