2022-04-06 14:42:01 -05:00
|
|
|
import { sharedConfig } from 'solid-js';
|
2022-05-31 11:29:36 -05:00
|
|
|
import { hydrate, render, createComponent } from 'solid-js/web';
|
2022-03-18 17:35:45 -05:00
|
|
|
|
2022-05-31 11:47:13 -05:00
|
|
|
export default (element) =>
|
2022-06-23 10:10:54 -05:00
|
|
|
(Component, props, slotted, { client }) => {
|
2022-05-31 11:47:13 -05:00
|
|
|
// Prepare global object expected by Solid's hydration logic
|
|
|
|
if (!window._$HY) {
|
|
|
|
window._$HY = { events: [], completed: new WeakSet(), r: {} };
|
|
|
|
}
|
|
|
|
if (!element.hasAttribute('ssr')) return;
|
2022-05-31 11:29:36 -05:00
|
|
|
|
2022-05-31 11:47:13 -05:00
|
|
|
const fn = client === 'only' ? render : hydrate;
|
|
|
|
|
2022-06-23 10:10:54 -05:00
|
|
|
let _slots = {};
|
|
|
|
if (Object.keys(slotted).length > 0) {
|
|
|
|
// hydrating
|
|
|
|
if (sharedConfig.context) {
|
|
|
|
element.querySelectorAll('astro-slot').forEach((slot) => {
|
|
|
|
_slots[slot.getAttribute('name') || 'default'] = slot.cloneNode(true);
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
for (const [key, value] of Object.entries(slotted)) {
|
|
|
|
_slots[key] = document.createElement('astro-slot');
|
|
|
|
if (key !== 'default') _slots[key].setAttribute('name', key);
|
|
|
|
_slots[key].innerHTML = value;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const { default: children, ...slots } = _slots;
|
|
|
|
|
2022-05-31 11:47:13 -05:00
|
|
|
fn(
|
|
|
|
() =>
|
|
|
|
createComponent(Component, {
|
|
|
|
...props,
|
2022-06-23 10:10:54 -05:00
|
|
|
...slots,
|
|
|
|
children
|
2022-05-31 11:47:13 -05:00
|
|
|
}),
|
|
|
|
element
|
|
|
|
);
|
|
|
|
};
|