fix: lifeCycle events and router plugin

Author: 1ncounter

.gitignore

@@ -13,7 +13,6 @@ pnpm-lock.yaml
 deploy-space/packages
 deploy-space/.env
 
-
 # IDE
 .vscode
 .idea

packages/react-renderer/src/api/app.tsx

@@ -1,7 +1,7 @@
 import { createRenderer, type AppOptions } from '@alilc/lowcode-renderer-core';
 import { type ComponentType } from 'react';
 import { type Root, createRoot } from 'react-dom/client';
-import { ApplicationView, RendererContext, extension } from '../app';
+import { ApplicationView, RendererContext, boosts } from '../app';
 
 export interface ReactAppOptions extends AppOptions {
   faultComponent?: ComponentType<any>;
@@ -17,7 +17,7 @@ export const createApp = async (options: ReactAppOptions) => {
     // }
 
     // extends boosts
-    extension.install(boostsManager);
+    boostsManager.extend(boosts.toExpose());
 
     let root: Root | undefined;
 

packages/react-renderer/src/api/component.tsx

@@ -1,6 +1,6 @@
 import { createRenderer, type AppOptions } from '@alilc/lowcode-renderer-core';
 import { FunctionComponent } from 'react';
-import { type LowCodeComponentProps, createComponentBySchema } from '../runtime/component';
+import { type LowCodeComponentProps, createComponentBySchema } from '../runtime/schema';
 import { RendererContext } from '../app/context';
 
 interface Render {

packages/react-renderer/src/app/extension.ts renamed to packages/react-renderer/src/app/boosts.ts

@@ -1,4 +1,4 @@
-import { type Plugin, type IBoostsService } from '@alilc/lowcode-renderer-core';
+import { type Plugin } from '@alilc/lowcode-renderer-core';
 import { type ComponentType, type PropsWithChildren } from 'react';
 
 export type WrapperComponent = ComponentType<PropsWithChildren<any>>;
@@ -9,13 +9,13 @@ export interface OutletProps {
 
 export type Outlet = ComponentType<OutletProps>;
 
-export interface ReactRendererExtensionApi {
+export interface ReactRendererBoostsApi {
   addAppWrapper(appWrapper: WrapperComponent): void;
 
   setOutlet(outlet: Outlet): void;
 }
 
-class ReactRendererExtension {
+class ReactRendererBoosts {
   private wrappers: WrapperComponent[] = [];
 
   private outlet: Outlet | null = null;
@@ -28,7 +28,7 @@ class ReactRendererExtension {
     return this.outlet;
   }
 
-  toExpose(): ReactRendererExtensionApi {
+  toExpose(): ReactRendererBoostsApi {
     return {
       addAppWrapper: (appWrapper) => {
         if (appWrapper) this.wrappers.push(appWrapper);
@@ -38,14 +38,10 @@ class ReactRendererExtension {
       },
     };
   }
-
-  install(boostsService: IBoostsService) {
-    boostsService.extend(this.toExpose());
-  }
 }
 
-export const extension = new ReactRendererExtension();
+export const boosts = new ReactRendererBoosts();
 
-export function defineRendererPlugin(plugin: Plugin<ReactRendererExtensionApi>) {
+export function defineRendererPlugin(plugin: Plugin<ReactRendererBoostsApi>) {
   return plugin;
 }

packages/react-renderer/src/app/index.ts

@@ -1,3 +1,3 @@
 export * from './context';
-export * from './extension';
+export * from './boosts';
 export * from './view';

packages/react-renderer/src/app/view.tsx

@@ -1,12 +1,12 @@
 import { useRenderContext } from './context';
-import { getComponentByName } from '../runtime/component';
-import { extension } from './extension';
+import { getComponentByName } from '../runtime/schema';
+import { boosts } from './boosts';
 
 export function ApplicationView() {
   const renderContext = useRenderContext();
   const { schema } = renderContext;
-  const appWrappers = extension.getAppWrappers();
-  const Outlet = extension.getOutlet();
+  const appWrappers = boosts.getAppWrappers();
+  const Outlet = boosts.getOutlet();
 
   if (!Outlet) return null;
 

packages/react-renderer/src/index.ts

@@ -5,4 +5,4 @@ export * from './router';
 
 export type { Spec, ProCodeComponent, LowCodeComponent } from '@alilc/lowcode-shared';
 export type { PackageLoader, CodeScope, Plugin } from '@alilc/lowcode-renderer-core';
-export type { RendererExtends } from './app/extension';
+export type { ReactRendererBoostsApi } from './app/boosts';

packages/react-renderer/src/router/index.ts

@@ -1,2 +1,3 @@
 export * from './context';
 export * from './plugin';
+export type * from '@alilc/lowcode-renderer-router';

packages/react-renderer/src/router/plugin.ts

@@ -1,4 +1,4 @@
-import { defineRendererPlugin } from '../app/extension';
+import { defineRendererPlugin } from '../app/boosts';
 import { LifecyclePhase } from '@alilc/lowcode-renderer-core';
 import { createRouter, type RouterOptions } from '@alilc/lowcode-renderer-router';
 import { createRouterView } from './routerView';
@@ -29,13 +29,14 @@ export const routerPlugin = defineRendererPlugin({
     const router = createRouter(routerConfig);
 
     boosts.codeRuntime.getScope().set('router', router);
+    boosts.temporaryUse('router', router);
 
     const RouterView = createRouterView(router);
 
     boosts.addAppWrapper(RouterView);
     boosts.setOutlet(RouteOutlet);
 
-    whenLifeCylePhaseChange(LifecyclePhase.Ready).then(() => {
+    whenLifeCylePhaseChange(LifecyclePhase.AfterInitPackageLoad).then(() => {
       return router.isReady();
     });
   },

packages/react-renderer/src/router/route.tsx

@@ -1,8 +1,8 @@
 import { useMemo } from 'react';
 import { useRenderContext } from '../app/context';
-import { OutletProps } from '../app/extension';
+import { OutletProps } from '../app/boosts';
 import { useRouteLocation } from './context';
-import { createComponentBySchema } from '../runtime/component';
+import { createComponentBySchema } from '../runtime/schema';
 
 export function RouteOutlet(props: OutletProps) {
   const context = useRenderContext();