diff options
Diffstat (limited to 'packages/integrations/solid/server.js')
| -rw-r--r-- | packages/integrations/solid/server.js | 29 |
1 files changed, 17 insertions, 12 deletions
diff --git a/packages/integrations/solid/server.js b/packages/integrations/solid/server.js index dc4f88227..92b614012 100644 --- a/packages/integrations/solid/server.js +++ b/packages/integrations/solid/server.js @@ -1,23 +1,28 @@ import { renderToString, ssr, createComponent } from 'solid-js/web'; +const slotName = str => str.trim().replace(/[-_]([a-z])/g, (_, w) => w.toUpperCase()); + function check(Component, props, children) { if (typeof Component !== 'function') return false; const { html } = renderToStaticMarkup(Component, props, children); return typeof html === 'string'; } -function renderToStaticMarkup(Component, props, children) { - const html = renderToString(() => - createComponent(Component, { - ...props, - // In Solid SSR mode, `ssr` creates the expected structure for `children`. - // In Solid client mode, `ssr` is just a stub. - children: children != null ? ssr(`<astro-fragment>${children}</astro-fragment>`) : children, - }) - ); - return { - html: html, - }; +function renderToStaticMarkup(Component, props, { default: children, ...slotted }) { + const slots = {}; + for (const [key, value] of Object.entries(slotted)) { + const name = slotName(key); + slots[name] = ssr(`<astro-slot name="${name}">${value}</astro-slot>`); + } + // Note: create newProps to avoid mutating `props` before they are serialized + const newProps = { + ...props, + ...slots, + // In Solid SSR mode, `ssr` creates the expected structure for `children`. + children: children != null ? ssr(`<astro-slot>${children}</astro-slot>`) : children, + } + const html = renderToString(() => createComponent(Component, newProps)); + return { html } } export default { |