Enable hydration of pre-rendered Svelte custom elements

[patricknelson]

Facilitates SSR of Svelte-based web components (custom elements) using the light DOM via a new hydratable option which will include special markers to slots. These markers allow svelte-retag to recover slots from a pre-rendered Svelte web component which then in turn allows it to initialize the provided/embedded Svelte component and make it interactive again on the client-side.

Note: While this allows pre-rendering of the component, it doesn't restore complete state unless that state is already encoded in via the custom element attributes or light DOM slots (both named and default slots).

• [x] Complete slot hydration functionality
• [x] Add unit tests
• [x] Bump version
• [x] Setup demo of hydration: https://svelte-retag-obsspb53o-patricknelson.vercel.app/hydratable.html
• [x] Finish local visual regression testing
• [x] Release

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
svelte-retag	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 26, 2023 3:22am