💡 RFC: Compiler API about astro HOT 12 CLOSED

If we can get even just a single-file Astro compiler working in the browser, then I'm definitely going to start pushing for a browser REPL for public launch :)

from astro.

Would be nice if you can either take the file system as an object input or take a callback to retrieve files.

If we pull this off, you can embed components.studio as a REPL and walkthroughs.dev will also work.

from astro.

I think it's doable. At the moment the biggest issue is that we compile dependencies (both static and client dynamic) into URLs that only the Astro runtime understands. But I think it's probably possible to leave those alone. I'll take a crack at the idea this week, maybe in a branch, and see what you think.

from astro.

That would be very cool 👍

from astro.

I'd love to support an in-browser compiler, but a lot of how Astro works requires file system access. For example, if you import a React component, we need to load that component and render it to HTML.

In some ways, it would be like trying to deliver an in-browser compiler for Next.js.

from astro.

I don't think the compiler portion of Astro requires file system access. We don't render React/etc. components to HTML until execution. An Astro file compiles to a JavaScript module. That module contains imports to other modules (including framework components). If the runtime can resolve a bare specifier then it should be able to handle a compiled Astro file (I think I haven't looked deeply enough to confirm this).

from astro.

from astro.

https://play.astro.build could be very cool -- akin to https://play.tailwindcss.com

from astro.

https://play.astro.build could be very cool -- akin to https://play.tailwindcss.com

I'm a big fan of Svelte's REPL as well. It's even tied in to GitHub so you can save sessions as gists

from astro.

stackblitz webcontainers and next.js live look like very promising solutions concerning this feature request, although both of them will not satisfy all the requirements of astro right now.

from astro.

We've made some huge progress on this front! Will keep this issue open until all of this lands as stable, but...

https://github.com/snowpackjs/astro-compiler-next will be a stand-alone package published as @astrojs/compiler and https://astro.build/play is running it in the browser!

from astro.

Awesome work @natemoo-re !!!

I feel like this is safe to close now, with work continuing in the https://github.com/snowpackjs/astro-compiler-next repo. We'll keep making improvements to the API as we get closer to v1.0. Cheers yall! 🥳

from astro.