refactor!: replace createApp with createRoot

Author: Daydreamer-riri

README.md

@@ -31,7 +31,7 @@ Static-site generation for React on Vite.
 import { ViteReactSSG } from 'vite-react-ssg'
 import routes from './App.tsx'
 
-export const createApp = ViteReactSSG(
+export const createRoot = ViteReactSSG(
   // react-router-dom data routes
   { routes },
   // function to have custom setups

examples/multiple-pages/src/main.tsx

@@ -2,9 +2,4 @@ import { ViteReactSSG } from 'vite-react-ssg'
 import { routes } from './App.js'
 import './index.css'
 
-export const createApp = ViteReactSSG({ routes })
-
-// export const createApp = ViteReactSSG(
-//   <App />,
-//   routes,
-// )
+export const createRoot = ViteReactSSG({ routes })

src/client/index.tsx

@@ -20,7 +20,7 @@ export function ViteReactSSG(
 
   const isClient = typeof window !== 'undefined'
 
-  async function createApp(client = false, routePath?: string) {
+  async function createRoot(client = false, routePath?: string) {
     const browserRouter = client ? createBrowserRouter(routerOptions.routes) : undefined
 
     const appRenderCallbacks: Function[] = []
@@ -69,7 +69,7 @@ export function ViteReactSSG(
       const container = typeof rootContainer === 'string'
         ? document.querySelector(rootContainer)!
         : rootContainer
-      const { router } = await createApp(true)
+      const { router } = await createRoot(true)
       hydrateRoot(container, (
         <HelmetProvider>
           <SiteMetadataDefaults />
@@ -79,7 +79,7 @@ export function ViteReactSSG(
     })()
   }
 
-  return createApp
+  return createRoot
 }
 
 export { default as Head } from './components/Head'

src/node/build.ts

@@ -17,7 +17,7 @@ import { renderPreloadLinks } from './preload-links'
 
 export type Manifest = Record<string, string[]>
 
-export type CreateAppFactory = (client: boolean, routePath?: string) => Promise<ViteReactSSGContext<true> | ViteReactSSGContext<false>>
+export type CreateRootFactory = (client: boolean, routePath?: string) => Promise<ViteReactSSGContext<true> | ViteReactSSGContext<false>>
 
 function DefaultIncludedRoutes(paths: string[], _routes: Readonly<RouteRecord[]>) {
   // ignore dynamic routes
@@ -104,11 +104,11 @@ export async function build(ssgOptions: Partial<ViteReactSSGOptions> = {}, viteC
 
   const _require = createRequire(import.meta.url)
 
-  const { createApp, includedRoutes: serverEntryIncludedRoutes }: { createApp: CreateAppFactory; includedRoutes: ViteReactSSGOptions['includedRoutes'] } = format === 'esm'
+  const { createRoot, includedRoutes: serverEntryIncludedRoutes }: { createRoot: CreateRootFactory; includedRoutes: ViteReactSSGOptions['includedRoutes'] } = format === 'esm'
     ? await import(serverEntry)
     : _require(serverEntry)
   const includedRoutes = serverEntryIncludedRoutes || configIncludedRoutes
-  const { routes } = await createApp(false)
+  const { routes } = await createRoot(false)
 
   let routesPaths = includeAllRoutes
     ? routesToPaths(routes)
@@ -132,7 +132,7 @@ export async function build(ssgOptions: Partial<ViteReactSSGOptions> = {}, viteC
     console.log('🚀 ~ file: build.ts:132 ~ build ~ routesPaths:', routesPaths)
     queue.add(async () => {
       try {
-        const appCtx = await createApp(false, route) as ViteReactSSGContext<true>
+        const appCtx = await createRoot(false, route) as ViteReactSSGContext<true>
         const { app: innerApp, routes, initialState, triggerOnSSRAppRendered, transformState = serializeState } = appCtx
 
         const transformedIndexHTML = (await onBeforePageRender?.(route, indexHTML, appCtx))