12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
import React, { ComponentType, ReactElement } from 'https://esm.sh/react'import { renderToString } from 'https://esm.sh/react-dom/server'import { RouterContext } from './context.ts'import { AsyncUseDenoError, E400MissingDefaultExportAsComponent, E404Page, ErrorBoundary } from './error.ts'import events from './events.ts'import { createPageProps } from './routing.ts'import type { RouterURL } from './types.ts'import util from './util.ts'
export { renderHead } from './head.ts'
export async function renderPage(    url: RouterURL,    App: ComponentType<any> | undefined,    E404: ComponentType | undefined,    pageComponentTree: { id: string, Component?: any }[]) {    let el: ReactElement    let html: string    const pageProps = createPageProps(pageComponentTree)    if (App) {        if (util.isLikelyReactComponent(App)) {            el = React.createElement(App, pageProps)        } else {            el = React.createElement(                E400MissingDefaultExportAsComponent,                { name: 'Custom App' }            )        }    } else {        if (pageProps.Page == null) {            if (E404) {                if (util.isLikelyReactComponent(E404)) {                    el = React.createElement(E404)                } else {                    el = React.createElement(                        E400MissingDefaultExportAsComponent,                        { name: 'Custom 404' }                    )                }            } else {                el = React.createElement(E404Page)            }        } else {            el = React.createElement(pageProps.Page, pageProps.pageProps)        }    }    const data: Record<string, any> = {}    const useDenEvent = `useDeno://${url.pathname + '?' + url.query.toString()}`    const useDenoAsyncCalls: Array<Promise<any>> = []    const orginFetch = window.fetch    events.on(useDenEvent, (id: string, ret: any, async: boolean) => {        if (async) {            useDenoAsyncCalls.push(ret)        } else {            data[id] = ret        }    })    Object.assign(window, {        _useDenoAsyncData: {},        fetch: (input: Request | URL | string, init?: RequestInit) => {            console.log(`[ renderer ] fetch '${input}' ...`)            return orginFetch(input, init)        }    })    while (true) {        try {            if (useDenoAsyncCalls.length > 0) {                const iter = [...useDenoAsyncCalls]                useDenoAsyncCalls.splice(0, useDenoAsyncCalls.length)                await Promise.all(iter)            }            html = renderToString(                React.createElement(                    ErrorBoundary,                    null,                    React.createElement(                        RouterContext.Provider,                        { value: url },                        el                    )                )            )            break        } catch (error) {            if (error instanceof AsyncUseDenoError) {                continue            }            Object.assign(window, { _useDenoAsyncData: null, fetch: orginFetch })            throw error        }    }    Object.assign(window, { _useDenoAsyncData: null, fetch: orginFetch })    events.removeAllListeners(useDenEvent)    return [html, data]}