feat: add preact-ssr-prepass

[aleksandrjet]

Changes

It is the double of MR#7569

I Added preact-ssr-prepass library to preact integraion. 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/framework-preact-lazy 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.

Reasons for the second attempt

I sent earlier MR#7569 with this fix. But this was declined by next reasons:

• Marvin from Preact team said, that this functional will be included in the current library preact-render-to-string for server rendering by default. But a lot of time has passed since that answer. A few new versions (and major ones) of preact-render-to-string were realized, but they did not include work with lazy components. Using of preact-ssr-prepass is still recommended in official documentation

• Also one of reasons was incorrect work with empty lazy components - Side effect of third argument of preact render #7868. While this was so, adding of preact-ssr-prepass would lead to some undocumented problems. But this problem was solved in astro@3. Empty lazy components now work correctly.

So, I think this MR has the right to a second try. It's been 6 months since the last discussion and lazy components still can't be rendered on the server.

[changeset-bot]

🦋 Changeset detected

Latest commit: 87c265a

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

[florian-lefebvre]

Suggested change

	Added preact-ssr-prepass library to the server code for rendering lazy components
	Allows rendering lazy components

[matthewp]

Can you update to fix the build? Also, instead of adding a new example can you just update the current Preact example to use a lazy component?

[aleksandrjet]

Can you update to fix the build? Also, instead of adding a new example can you just update the current Preact example to use a lazy component?

I fixed build and now it pass this stage and tests, but astro check was failed by other reason

[florian-lefebvre]

@aleksandrjet please update your branch with the latest main, it will fix the erroring check

[aleksandrjet]

please update your branch with the latest main, it will fix the erroring check

thanks! all checks have now passed

[bluwy]

Some tiny nits, but the code changes lgtm! There's a merge conflict, but should be resolve-able by running pnpm i while resolving the conflicts. pnpm is able to resolve the conflicts automatically.

[aleksandrjet]

should be resolve-able by running pnpm i

I got current changes and run pnpm i, it updated some packages

[bluwy]

Thanks! Looks great

[aleksandrjet]

@florian-lefebvre @bluwy could I do anything else with this PR?

[florian-lefebvre]

@sarah11918 I'd like your advice on the changeset. Also, do you think it's worth making a PR to the docs?

[aleksandrjet]

@sarah11918 I'd like your advice on the changeset. Also, do you think it's worth making a PR to the docs?

I found last Sarah's comment in previous MR - #7569 (review). It said that we don't need to update preact docs