hydro-js-integrations/dist/astro/server.js

Integrations for Vite and Astro and more TBC

import { renderToString, getLibrary } from "../server";
const { setGlobalSchedule, html, render } = await getLibrary();
setGlobalSchedule(false);
async function check(Component) {
    const inside = Component.toString();
    return (typeof Component === "string" ||
        (typeof Component === "function" &&
            (inside.includes("h") ||
                inside.includes("html`") ||
                inside.includes("html$"))));
}
async function renderToStaticMarkup(Component, props, { default: children, ...slotted }, metadata) {
    const needsHydrate = metadata?.astroStaticSlot ? !!metadata.hydrate : true;
    const tagName = needsHydrate ? "astro-slot" : "astro-static-slot";
    const slots = [];
    for (const [key, value] of Object.entries(slotted)) {
        const name = slotName(key);
        slots.push(html `<${tagName} name="${name}">${value}</${tagName}>`);
    }
    let node = typeof Component === "function"
        ? Component({
            ...props,
            ...(children ? { children: html `${String(children)}` } : {}),
        })
        : html `<${Component} ${props}>${children ? String(children) : ""}</${Component}>`;
    if (isTextNode(node)) {
        const fragment = new DocumentFragment();
        fragment.append(node);
        node = fragment;
    }
    node.append(...slots);
    const wrapper = html `<div>${node}</div>`;
    const unmount = render(wrapper);
    const nodeHTML = renderToString(wrapper);
    unmount();
    return { html: nodeHTML };
}
function slotName(str) {
    return str.trim().replace(/[-_]([a-z])/g, (_, w) => w.toUpperCase());
}
function isTextNode(node) {
    return node.splitText !== undefined;
}
const renderer = {
    name: "hydro-js",
    check,
    renderToStaticMarkup,
    supportsAstroStaticSlot: false,
};
export default renderer;