fix: fix renderer some bugs

Author: 1ncounter

packages/core/package.json

@@ -34,13 +34,7 @@
   },
   "dependencies": {
     "@alilc/lowcode-shared": "workspace:*",
-    "@alilc/lowcode-types": "workspace:*",
-    "@alilc/lowcode-utils": "workspace:*",
-    "@formatjs/intl": "^2.10.1",
-    "lodash-es": "^4.17.21",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "events": "^3.3.0"
+    "lodash-es": "^4.17.21"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
@@ -49,8 +43,6 @@
   },
   "peerDependencies": {
     "@alilc/lowcode-shared": "workspace:*",
-    "@alilc/lowcode-types": "workspace:*",
-    "@alilc/lowcode-utils": "workspace:*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

packages/core/src/index.ts

@@ -1,4 +1,2 @@
 export * from './preference';
 export * from './hotkey';
-export * from './intl';
-export * from './instantiation';

packages/core/src/intl.ts

@@ -1,22 +1,12 @@
-import { createRenderer, type AppOptions } from '@alilc/lowcode-renderer-core';
-import { type ComponentType } from 'react';
+import { createRenderer } from '@alilc/lowcode-renderer-core';
 import { type Root, createRoot } from 'react-dom/client';
-import { ApplicationView, RendererContext, boosts } from '../app';
-
-export interface ReactAppOptions extends AppOptions {
-  faultComponent?: ComponentType<any>;
-}
+import { type ReactAppOptions, RendererContext } from './context';
+import { ApplicationView, boosts } from '../app';
 
 export const createApp = async (options: ReactAppOptions) => {
   return createRenderer(async (context) => {
     const { schema, boostsManager } = context;
 
-    // set config
-    // if (options.faultComponent) {
-    //   context.config.set('faultComponent', options.faultComponent);
-    // }
-
-    // extends boosts
     boostsManager.extend(boosts.toExpose());
 
     let root: Root | undefined;
@@ -27,10 +17,11 @@ export const createApp = async (options: ReactAppOptions) => {
 
         const defaultId = schema.get('config')?.targetRootID ?? 'app';
         const rootElement = normalizeContainer(containerOrId, defaultId);
+        const contextValue = { ...context, options };
 
         root = createRoot(rootElement);
         root.render(
-          <RendererContext.Provider value={context}>
+          <RendererContext.Provider value={contextValue}>
             <ApplicationView />
           </RendererContext.Provider>,
         );

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

@@ -1,7 +1,7 @@
 import { createRenderer, type AppOptions } from '@alilc/lowcode-renderer-core';
 import { FunctionComponent } from 'react';
 import { type LowCodeComponentProps, createComponentBySchema } from '../runtime/schema';
-import { RendererContext } from '../app/context';
+import { RendererContext } from '../api/context';
 
 interface Render {
   toComponent(): FunctionComponent<LowCodeComponentProps>;
@@ -12,10 +12,11 @@ export async function createComponent(options: AppOptions) {
     const { schema } = context;
 
     const LowCodeComponent = createComponentBySchema(schema.get('componentsTree')[0]);
+    const contextValue = { ...context, options };
 
     function Component(props: LowCodeComponentProps) {
       return (
-        <RendererContext.Provider value={context}>
+        <RendererContext.Provider value={contextValue}>
           <LowCodeComponent {...props} />
         </RendererContext.Provider>
       );

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

@@ -0,0 +1,14 @@
+import { type ComponentType, createContext, useContext } from 'react';
+import { type AppOptions, type RenderContext } from '@alilc/lowcode-renderer-core';
+
+export interface ReactAppOptions extends AppOptions {
+  faultComponent?: ComponentType<any>;
+}
+
+export const RendererContext = createContext<RenderContext & { options: ReactAppOptions }>(
+  undefined!,
+);
+
+RendererContext.displayName = 'RendererContext';
+
+export const useRendererContext = () => useContext(RendererContext);

packages/react-renderer/src/api/context.ts

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

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

@@ -1,10 +1,10 @@
-import { useRenderContext } from './context';
+import { useRendererContext } from '../api/context';
 import { getComponentByName } from '../runtime/schema';
 import { boosts } from './boosts';
 
 export function ApplicationView() {
-  const renderContext = useRenderContext();
-  const { schema } = renderContext;
+  const rendererContext = useRendererContext();
+  const { schema } = rendererContext;
   const appWrappers = boosts.getAppWrappers();
   const Outlet = boosts.getOutlet();
 
@@ -16,7 +16,7 @@ export function ApplicationView() {
 
   if (layoutConfig) {
     const componentName = layoutConfig.componentName;
-    const Layout = getComponentByName(componentName, renderContext);
+    const Layout = getComponentByName(componentName, rendererContext);
 
     if (Layout) {
       const layoutProps: any = layoutConfig.props ?? {};

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

@@ -1,7 +1,9 @@
 export * from './api/app';
 export * from './api/component';
-export { useRenderContext, defineRendererPlugin } from './app';
+export * from './api/context';
+export { defineRendererPlugin } from './app';
 export * from './router';
+export { LifecyclePhase } from '@alilc/lowcode-renderer-core';
 
 export type { Spec, ProCodeComponent, LowCodeComponent } from '@alilc/lowcode-shared';
 export type { PackageLoader, CodeScope, Plugin } from '@alilc/lowcode-renderer-core';