12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
import React, { ComponentType } from 'https://esm.sh/react'import { hydrate, render } from 'https://esm.sh/react-dom'import { ALEPH, getModuleImportUrl } from './aleph.ts'import { Route, RouteModule, Routing } from './routing.ts'import { reModuleExt, reStyleModuleExt } from './util.ts'
export default async function bootstrap({    routes,    baseUrl,    defaultLocale,    locales,    preloadModules}: {    routes: Route[]    baseUrl: string    defaultLocale: string    locales: string[]    preloadModules: RouteModule[]}) {    const { document } = window as any    const mainEl = document.querySelector('main')    const ssrDataEl = document.querySelector('#ssr-data')    const components: Record<string, ComponentType> = {}    const routing = new Routing(routes, baseUrl, defaultLocale, locales)    const [url, pageModuleTree] = routing.createRouter()    const pageComponentTree: { id: string, Component?: ComponentType }[] = pageModuleTree.map(({ id }) => ({ id }))    const imports = [...preloadModules, ...pageModuleTree].map(async mod => {        const { default: C } = await import(getModuleImportUrl(baseUrl, mod))        if (mod.asyncDeps) {            // import async dependencies            for (const dep of mod.asyncDeps.filter(({ url }) => reStyleModuleExt.test(url))) {                await import(getModuleImportUrl(baseUrl, { id: dep.url.replace(reModuleExt, '.js'), hash: dep.hash }))            }        }        switch (mod.id) {            case '/app.js':                components['App'] = C                break            case '/404.js':                components['E404'] = C                break            default:                const pc = pageComponentTree.find(pc => pc.id === mod.id)                if (pc) {                    pc.Component = C                }                break        }    })    await Promise.all(imports)
    if (ssrDataEl) {        const ssrData = JSON.parse(ssrDataEl.innerText)        for (const key in ssrData) {            Object.assign(window, { [`useDeno://${url.pathname}?${url.query.toString()}#${key}`]: ssrData[key] })        }    }
    const el = React.createElement(        ALEPH,        {            initial: {                routing,                url,                components,                pageComponentTree,            }        }    )    if (mainEl.childElementCount > 0) {        hydrate(el, mainEl)    } else {        render(el, mainEl)    }
    // remove ssr head elements, set a timmer to avoid the tab title flash    setTimeout(() => {        Array.from(document.head.children).forEach((el: any) => {            if (el.hasAttribute('ssr')) {                document.head.removeChild(el)            }        })    }, 0)}