mirror of
https://github.com/withastro/astro.git
synced 2024-12-23 21:53:55 -05:00
3daaf510ea
* Start of streaming * New lockfile * Base should be Uint8Arrays * Remove the ability to throw from a component * Add a warning when returning a Response from a non-page component * Adds a changeset
1,005 B
1,005 B
| astro |
|---|
| patch |
Support for streaming responses
Astro supports streaming in its templates. Any time Astro encounters an async boundary it will stream out HTML that occurs before it. For example:
---
import LoadTodos from '../components/LoadTodos.astro';
---
<html>
<head>
<title>App</title>
</head>
<body>
<LoadTodos />
</body>
</html>
In this arbtrary example Astro will streaming out the <head> section and everything else until it encounters <LoadTodos /> and then stop. LoadTodos, which is also an Astro component will stream its contents as well; stopping and waiting at any other asynchronous components.
As part of this Astro also now supports async iterables within its templates. This means you can do this:
<ul>
{(async function * () {
for(const number of numbers) {
await wait(1000);
yield <li>Number: {number}</li>
yield '\n'
}
})()}
</ul>
Which will stream out <li>s one at a time, waiting a second between each.