react_phx

import { createElement } from "react";
import { renderToString } from "react-dom/server";
import { getComponentTree } from "./utils";
import { resolveComponent } from "./hooks";
function getChildren(slots) {
    if (!slots?.default) {
        return [];
    }
    return [
        createElement("div", {
            dangerouslySetInnerHTML: { __html: slots.default.trim() },
        }),
    ];
}
/**
 * Create a server-side render function for the given component input.
 *
 * Supports the same three input shapes as `getHooks()`:
 * 1. Static object: `getRender({ Counter, Chart })`
 * 2. Async loader functions: `getRender({ Counter: () => import("./Counter") })`
 * 3. Resolve function: `getRender((name) => import("./components/" + name))`
 *
 * @param input — a component map (static or lazy) or a resolve function
 * @returns an async render function that accepts (name, props, slots) and returns HTML
 */
export function getRender(input) {
    return async function render(name, props, slots) {
        const Component = await resolveComponent(input, name);
        const children = getChildren(slots);
        // Build a no-op HookProps for SSR context (server has no live connection)
        const noop = () => { };
        const hookProps = {
            pushEvent: noop,
            pushEventTo: noop,
            handleEvent: noop,
            removeHandleEvent: noop,
            upload: noop,
            uploadTo: noop,
        };
        const fullProps = { ...props, ...hookProps };
        const tree = getComponentTree(Component, fullProps, children);
        return renderToString(tree);
    };
}