(ssr) - create initial template for ssr plugin

[JoviDeCroock]

Currently facing a few Windows issues but slowly getting there, this is a WIP

This is the code from #169

[changeset-bot]

⚠️ No Changeset found

Latest commit: ed2003e

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

[github-actions]

Size Change: +10 B (0%)

Total Size: 690 kB

Filename	Size	Change
packages/wmr/wmr.cjs	657 kB	+10 B (0%)

ℹ️ View Unchanged

Filename	Size	Change
packages/wmr/demo/dist/about/index.html	657 B	0 B
packages/wmr/demo/dist/assets/Calendar.********.css	702 B	0 B
packages/wmr/demo/dist/assets/style.********.css	386 B	0 B
packages/wmr/demo/dist/chunks/class-fields.********.js	200 B	0 B
packages/wmr/demo/dist/chunks/compat.********.js	15.3 kB	0 B
packages/wmr/demo/dist/chunks/index.********.js	199 B	0 B
packages/wmr/demo/dist/chunks/prerender.********.js	2.45 kB	0 B
packages/wmr/demo/dist/class-fields/index.html	635 B	0 B
packages/wmr/demo/dist/compat/index.html	1.49 kB	0 B
packages/wmr/demo/dist/env/index.html	713 B	0 B
packages/wmr/demo/dist/error/index.html	646 B	0 B
packages/wmr/demo/dist/files/index.html	675 B	0 B
packages/wmr/demo/dist/index.********.js	7.07 kB	0 B
packages/wmr/demo/dist/index.html	703 B	0 B
packages/wmr/demo/dist/lazy-and-late/index.html	657 B	0 B

_{compressed-size-action}

[danielweck]

Is this necessary, given that hydrate is a wrapper that calls render if ! document.querySelector('script[type=isodata]')? (I suppose the answer is yes if script[type=isodata] isn't generated by the SSR method implemented in this PR, but in this case could this be clarified in a code comment, for the avoidance of doubt?)

Code reference:

wmr/packages/preact-iso/hydrate.js

Lines 8 to 15 in fe51b7e

	let isodata = document.querySelector('script[type=isodata]');
	// @ts-ignore-next
	parent = parent || (isodata && isodata.parentNode) || document.body;
	if (!initialized && isodata) {
	hydrativeRender(jsx, parent);
	} else {
	render(jsx, parent);
	}

The current documentation states:

https://github.com/preactjs/wmr/blob/main/packages/preact-iso/README.md#hydratejs

hydrate() is a thin wrapper around Preact's hydrate() method. It performs hydration when the HTML for the current page includes pre-rendered output from prerender(). It falls back to plain rendering in any other cases, which is useful if you're not pre-rendering during development. This method also checks to make sure its running in a browser context before attempting any rendering - if not, it does nothing.

[danielweck]

You will probably see this in PR #403 ( #403 (review) ) but just in case this goes under the radar for this PR #400, here it is again:

The typeof window !== 'undefined' browser check can be removed.

References:

wmr/packages/preact-iso/hydrate.js

Line 7 in fe51b7e

if (typeof window === 'undefined') return;

https://github.com/preactjs/wmr/blob/main/packages/preact-iso/README.md#hydratejs

This method also checks to make sure its running in a browser context before attempting any rendering - if not, it does nothing.