123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
import React, { ComponentType } from 'https://esm.sh/react'import { hydrate, render } from 'https://esm.sh/react-dom'import { ALEPH, getModuleImportUrl } from './aleph.ts'import { Routing } from './router.ts'import type { Module, Route } from './types.ts'import { reModuleExt } from './util.ts'
export default async function bootstrap({    routes,    baseUrl,    defaultLocale,    locales,    preloadModules}: {    routes: Route[]    baseUrl: string    defaultLocale: string    locales: string[]    preloadModules: Module[]}) {    const { document } = window as any    const mainEl = document.querySelector('main')    const staticData: Record<string, any> = {}    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) {                await import(getModuleImportUrl(baseUrl, { id: dep.url.replace(reModuleExt, '.js'), hash: dep.hash }))            }        }        switch (mod.id) {            case '/data.js':                Object.assign(staticData, C)                break            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)
    const el = React.createElement(        ALEPH,        {            initial: {                routing,                url,                staticData,                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)}