Added preact-prepass-render to @astrojs/preact

[aleksandrjet]

Changes

Added preact-ssr-prepass library to preact integraiont. This library allow to use lazy components in preact code. Without this i get unknown error in SSR.

While execute SSR preact-ssr-prepass will wait to load all dynamic imports so that preact-render-to-string can use they. More details about preact-ssr-prepass

Testing

Added examples/lazy-preact and preact-lazy-component.test with lazy loading of component.

Docs

I don't think that it needs documentation, because i expected that Suspense and lazy functions will work.

It does not affect the current api, but it can slow build execution of preact components, because preact-ssr-prepass will add extra pass of tree. This pass will wait for all dynamic imports to be loaded, even if they don't exist in the code.

[changeset-bot]

🦋 Changeset detected

Latest commit: 8059151

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[sarah11918]

Agreed that I don't think the Preact integration README needs updating for this, as it was never explicitly stated that you couldn't do this before, and we're just adding some functionality under the hood.

[aleksandrjet]

do I need to do something else? I see that not all checks passed, but I can't restart them

[natemoo-re]

do I need to do something else? I see that not all checks passed, but I can't restart them

No worries @aleksandrjet, we just have a couple of flaky CI tests that we're trying to track down! We're working through our backlog of PRs right now, hoping to give this a proper review soon!

[natemoo-re]

Also I reached out to Marvin on Twitter about this one to check if preact-ssr-prepass is still the official recommendation from the Preact team. Hopefully it is!

https://twitter.com/n_moore/status/1678825870364930050

[matthewp]

@natemoo-re did you ever hear back about this?