feat: add routes into useRuntimeContext (#7130)

Author: zllkjc

.changeset/smooth-lions-pay.md

@@ -0,0 +1,6 @@
+---
+'@modern-js/runtime': patch
+---
+
+feat: when use convention routes, useRuntimeContext will return routes field, which is the routes of the current app
+feat: 当前应用为约定式路由时，useRuntimeContext 支持返回 routes 字段，表示当前应用的完整路由表

packages/runtime/plugin-runtime/src/core/context/runtime.ts

@@ -1,4 +1,5 @@
 import type { StaticHandlerContext } from '@modern-js/runtime-utils/remix-router';
+import type { RouteObject } from '@modern-js/runtime-utils/router';
 import { ROUTE_MANIFEST } from '@modern-js/utils/universal/constants';
 import { createContext } from 'react';
 import type { RouteManifest } from '../../router/runtime/types';
@@ -30,14 +31,15 @@ export const RuntimeReactContext = createContext<RuntimeContext>({} as any);
 export const ServerRouterContext = createContext({} as any);
 
 // TODO: We should export this context to user as RuntimeContext, use in `init` function
-export interface TRuntimeContext extends Partial<BaseRuntimeContext> {
+export interface TRuntimeContext {
   initialData?: Record<string, unknown>;
   isBrowser: boolean;
   context: TSSRContext;
   /** @deprecated use context.request field instead */
   request?: SSRServerContext['request'];
   /** @deprecated use context.response field instead */
   response?: SSRServerContext['response'];
+  routes?: RouteObject[];
   [key: string]: any;
 }
 

packages/runtime/plugin-runtime/src/router/runtime/plugin.node.tsx

@@ -8,7 +8,10 @@ import {
   createStaticRouter,
 } from '@modern-js/runtime-utils/node/router';
 import { createStaticHandler } from '@modern-js/runtime-utils/remix-router';
-import { createRoutesFromElements } from '@modern-js/runtime-utils/router';
+import {
+  type RouteObject,
+  createRoutesFromElements,
+} from '@modern-js/runtime-utils/router';
 import { time } from '@modern-js/runtime-utils/time';
 import { LOADER_REPORTER_NAME } from '@modern-js/utils/universal/constants';
 import type React from 'react';
@@ -89,7 +92,7 @@ export const routerPlugin = (
 
         await hooks.onBeforeCreateRoutes.call(context);
 
-        let routes = createRoutes
+        let routes: RouteObject[] = createRoutes
           ? createRoutes()
           : createRoutesFromElements(
               renderRoutes({
@@ -153,7 +156,12 @@ export const routerPlugin = (
         context.remixRouter = router;
 
         // private api, pass to React Component in `wrapRoot`
-        context.routes = routes;
+        Object.defineProperty(context, 'routes', {
+          get() {
+            return routes;
+          },
+          enumerable: true,
+        });
       });
 
       api.wrapRoot(App => {

packages/runtime/plugin-runtime/src/router/runtime/plugin.tsx

@@ -86,6 +86,7 @@ export const routerPlugin = (
           get() {
             return routes;
           },
+          enumerable: true,
         });
       });
       api.wrapRoot(App => {