feat: support async route

Author: Lucifier129

packages/react-imvc-v3/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-imvc",
-  "version": "3.4.5",
+  "version": "3.5.0",
   "description": "An Isomorphic MVC Framework",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -28,7 +28,7 @@
     "pretest:coverage": "rimraf coverage playwright-report .nyc_output",
     "test:coverage": "playwright test",
     "project:start": "node --openssl-legacy-provider .\\bin\\scripts.js start --config .\\project\\imvc.config.ts",
-    "project:build": "node --openssl-legacy-provider .\\bin\\scripts.js build?inspect-brk --config .\\project\\imvc.config.ts",
+    "project:build": "node --openssl-legacy-provider .\\bin\\scripts.js build --config .\\project\\imvc.config.ts",
     "project:preview": "npx tsx --openssl-legacy-provider publish/start"
   },
   "files": [

packages/react-imvc-v3/project/routes/index.ts

@@ -1 +1,29 @@
+import express, { Router } from 'express'
+import http from 'http'
+
 export { default as my_router } from './my_router'
+
+const delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms))
+
+export const my_async_router = async (
+  app: express.Express,
+  server: http.Server
+) => {
+  console.log('my_async_router is running')
+  await delay(100)
+  console.log('my_async_router is done')
+}
+
+export const my_another_async_router = async (
+  app: express.Express,
+  server: http.Server
+) => {
+  console.log('my_another_async_router is running')
+  await delay(100)
+  console.log('my_another_async_router is done')
+}
+
+export const my_sync_router = (app: express.Express, server: http.Server) => {
+  console.log('my_sync_router is running')
+  console.log('my_sync_router is done')
+}

packages/react-imvc-v3/src/start/index.ts

@@ -23,6 +23,13 @@ declare global {
   }
 }
 
+export type Route = (
+  app: express.Express,
+  server: http.Server
+) => void | Promise<void>
+
+export type Routes = Record<string, Route>
+
 export default async function start(options: Options): Promise<Result> {
   let config = getConfig(options)
   let [app, pageRouter] = await Promise.all([
@@ -64,18 +71,6 @@ export default async function start(options: Options): Promise<Result> {
 
   let routePath = path.join(config.root, config.routes)
 
-  if (hasModuleFile(routePath)) {
-    // get server routes
-    let routes = require(routePath)
-    routes = routes.default || routes
-    Object.keys(routes).forEach((key) => {
-      let route = routes[key]
-      if (typeof route === 'function') {
-        route(app, server)
-      }
-    })
-  }
-
   // 添加 renderPage 方法，让自定义的 routes 里可以手动调用，走 IMVC 的渲染流程
   let addRenderPage: RequestHandler = (req, res, next) => {
     res.renderPage = pageRouter
@@ -113,6 +108,19 @@ export default async function start(options: Options): Promise<Result> {
   }
 
   app.use(addRenderPage as express.RequestHandler)
+
+  // get server routes
+  let routes = getRoutes(routePath)
+
+  await Promise.all(
+    Object.keys(routes).map(async (key) => {
+      let route = routes[key]
+      if (typeof route === 'function') {
+        await route(app, server)
+      }
+    })
+  )
+
   app.use(pageRouter)
   app.use(catch404)
   // will print stacktrace
@@ -193,10 +201,10 @@ function normalizePort(val: string | number): string | number | undefined {
   return void 0
 }
 
-function hasModuleFile(filename: string): boolean {
+const getRoutes = (filename: string): Routes => {
   try {
-    return !!require.resolve(filename)
+    return require(filename)
   } catch (_) {
-    return false
+    return {}
   }
 }