react_phx

import { createElement } from "react";
import { ReactPhxProvider } from "./context";
import { ReactPhxErrorBoundary } from "./errorBoundary";
/**
 * Extract the six hook functions from a LiveView hook instance and bind them
 * so they can be passed as props to React components.
 */
export function getHookFunctions(hook) {
    return {
        pushEvent: hook.pushEvent.bind(hook),
        pushEventTo: hook.pushEventTo.bind(hook),
        handleEvent: hook.handleEvent.bind(hook),
        removeHandleEvent: hook.removeHandleEvent.bind(hook),
        upload: hook.upload.bind(hook),
        uploadTo: hook.uploadTo.bind(hook),
    };
}
/**
 * Wrap a component in the ReactPhxProvider, injecting the hook functions
 * into context and rendering the component with the given props and children.
 */
export function getComponentTree(Component, props, children) {
    const componentInstance = createElement(Component, props, ...children);
    const withBoundary = createElement(ReactPhxErrorBoundary, { componentName: Component.displayName || Component.name }, componentInstance);
    return createElement(ReactPhxProvider, {
        pushEvent: props.pushEvent,
        pushEventTo: props.pushEventTo,
        handleEvent: props.handleEvent,
        removeHandleEvent: props.removeHandleEvent,
        upload: props.upload,
        uploadTo: props.uploadTo,
        children: withBoundary,
    });
}