Create interactive guide and provide a playground to try Brisa online

[aralroca]

Probably I need to add a service worker with Bun in web assembly. I need to investigate first

[aralroca]

I see that it is possible to transform Bun to wasm and load it in the browser (we would do it from a service worker):

https://twitter.com/jarredsumner/status/1498203999161311234

I don't know how Jarred created the wasm, maybe with https://github.com/AssemblyScript/assemblyscript ?

[aralroca]

Another solution (quite ugly) is opening up a docker container in the backend of the website which then uses WebSockets to execute the code. display the output to you in the Terminal. That's what Codedamn does according to them.

[aralroca]

Example with node: https://stackblitz.com/edit/stackblitz-webcontainer-api-starter-2rd6kp?file=README.md

[aralroca]

To start with we could make it possible to play with the web components. To translate JS to compiled code, maybe we could bring the meriyah and astring along with the plugin directly into a worker.

[aralroca]

To finish this task we can do different PRs to:

•  [playground] Fix type-safe inside the Playground
•  [playground] Allow resizing of playground sections
•  [playground] Allow Server Components (needs to expose the Brisa API for that)
• [playground] Add an interactive guide to follow with the playground

CC: @enzonotario if you see that you can help in any of these, it will be very welcome. I will now create the tasks separately and let this be the Epic.

[aralroca]

Just an idea: add Linux VM? https://github.com/nadchif/in-browser-virtual-machine

[enzonotario]

@aralroca it seems good! do you mean to have it to allows to install a Project and run commands?

If so, I think another alternative for that would be WebContainers, that TutorialKit uses below.

[aralroca]

@aralroca it seems good! do you mean to have it to allows to install a Project and run commands?

If so, I think another alternative for that would be WebContainers, that TutorialKit uses below.

It may be fine. The free layer has 25,000 API sessions per month. I don't know if it will be a little or a lot; I would have to study it. We could consider using this option when we have sponsors.