@celljs/react 3.8.0 → 3.9.0

package/esm/browser/resolver/index.d.ts

@@ -0,0 +1,2 @@
+export * from './resolver-protocol.js';
+export * from './path-resolver.js';

package/esm/browser/resolver/index.js

@@ -0,0 +1,3 @@
+export * from './resolver-protocol.js';
+export * from './path-resolver.js';
+//# sourceMappingURL=index.js.map

package/esm/browser/resolver/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/browser/resolver/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC"}

package/esm/browser/resolver/path-resolver.d.ts

@@ -0,0 +1,5 @@
+import { PathResolver } from './resolver-protocol.js';
+export declare class PathResolverImpl implements PathResolver {
+    protected readonly path: string;
+    resolve(...parts: string[]): string;
+}

package/esm/browser/resolver/path-resolver.js

@@ -0,0 +1,25 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { PathResolver } from './resolver-protocol.js';
+import { Value, Component, UrlUtil } from '@celljs/core';
+let PathResolverImpl = class PathResolverImpl {
+    resolve(...parts) {
+        return UrlUtil.join(this.path, ...parts.filter(v => !!v));
+    }
+};
+__decorate([
+    Value('cell.react.path'),
+    __metadata("design:type", String)
+], PathResolverImpl.prototype, "path", void 0);
+PathResolverImpl = __decorate([
+    Component(PathResolver)
+], PathResolverImpl);
+export { PathResolverImpl };
+//# sourceMappingURL=path-resolver.js.map

package/esm/browser/resolver/path-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"path-resolver.js","sourceRoot":"","sources":["../../../src/browser/resolver/path-resolver.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGlD,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;IAKzB,OAAO,CAAC,GAAG,KAAe;QACtB,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,CAAC;CACJ,CAAA;AALsB;IADlB,KAAK,CAAC,iBAAiB,CAAC;;8CACO;AAHvB,gBAAgB;IAD5B,SAAS,CAAC,YAAY,CAAC;GACX,gBAAgB,CAQ5B"}

package/esm/browser/resolver/resolver-protocol.d.ts

@@ -0,0 +1,4 @@
+export declare const PathResolver: unique symbol;
+export interface PathResolver {
+    resolve(...parts: string[]): string;
+}

package/esm/browser/resolver/resolver-protocol.js

@@ -0,0 +1,2 @@
+export const PathResolver = Symbol('PathResolver');
+//# sourceMappingURL=resolver-protocol.js.map

package/esm/browser/resolver/resolver-protocol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolver-protocol.js","sourceRoot":"","sources":["../../../src/browser/resolver/resolver-protocol.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC"}

package/esm/browser/router/index.d.ts

@@ -0,0 +1,5 @@
+export * from './router-protocol.js';
+export * from './route-metadata-provider.js';
+export * from './router.js';
+export * from './route-metadata-converter-provider.js';
+export * from './route-metadata-converter.js';

package/esm/browser/router/index.js

@@ -0,0 +1,6 @@
+export * from './router-protocol.js';
+export * from './route-metadata-provider.js';
+export * from './router.js';
+export * from './route-metadata-converter-provider.js';
+export * from './route-metadata-converter.js';
+//# sourceMappingURL=index.js.map

package/esm/browser/router/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/browser/router/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,UAAU,CAAC;AACzB,cAAc,qCAAqC,CAAC;AACpD,cAAc,4BAA4B,CAAC"}

package/esm/browser/router/route-metadata-converter-provider.d.ts

@@ -0,0 +1,6 @@
+import { RouteMetadataConverterProvider, RouteMetadataConverter } from './router-protocol.js';
+export declare class RouteMetadataConverterProviderImpl implements RouteMetadataConverterProvider {
+    protected prioritized: RouteMetadataConverter[];
+    protected readonly routeMetadataConverters: RouteMetadataConverter[];
+    provide(): RouteMetadataConverter[];
+}

package/esm/browser/router/route-metadata-converter-provider.js

@@ -0,0 +1,32 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component, Autowired, Prioritizeable, Optional } from '@celljs/core';
+import { RouteMetadataConverterProvider, RouteMetadataConverter } from './router-protocol.js';
+let RouteMetadataConverterProviderImpl = class RouteMetadataConverterProviderImpl {
+    constructor() {
+        this.routeMetadataConverters = [];
+    }
+    provide() {
+        if (!this.prioritized) {
+            this.prioritized = Prioritizeable.prioritizeAllSync(this.routeMetadataConverters).map(c => c.value);
+        }
+        return this.prioritized;
+    }
+};
+__decorate([
+    Autowired(RouteMetadataConverter),
+    Optional(),
+    __metadata("design:type", Array)
+], RouteMetadataConverterProviderImpl.prototype, "routeMetadataConverters", void 0);
+RouteMetadataConverterProviderImpl = __decorate([
+    Component(RouteMetadataConverterProvider)
+], RouteMetadataConverterProviderImpl);
+export { RouteMetadataConverterProviderImpl };
+//# sourceMappingURL=route-metadata-converter-provider.js.map

package/esm/browser/router/route-metadata-converter-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-metadata-converter-provider.js","sourceRoot":"","sources":["../../../src/browser/router/route-metadata-converter-provider.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,EAAE,8BAA8B,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAGpF,IAAM,kCAAkC,GAAxC,MAAM,kCAAkC;IAAxC;QAKgB,4BAAuB,GAA6B,EAAE,CAAC;IAS9E,CAAC;IAPG,OAAO;QACH,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACpB,IAAI,CAAC,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACxG,CAAC;QACD,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;CAEJ,CAAA;AATsB;IADlB,SAAS,CAAC,sBAAsB,CAAC;IAAE,QAAQ,EAAE;;mFAC4B;AALjE,kCAAkC;IAD9C,SAAS,CAAC,8BAA8B,CAAC;GAC7B,kCAAkC,CAc9C"}

package/esm/browser/router/route-metadata-converter.d.ts

@@ -0,0 +1,10 @@
+import { PathResolver } from '../resolver/index.js';
+import { RouteMetadata, RouteMetadataConverter } from './router-protocol.js';
+export declare class DefaultRouteMetadataConverter implements RouteMetadataConverter {
+    readonly priority: number;
+    protected readonly pathResolver: PathResolver;
+    protected readonly defaultLayout: React.ComponentType;
+    protected readonly routes: any;
+    convert(metadata: RouteMetadata): RouteMetadata;
+    protected getMergedConfig(routeMetadata: RouteMetadata): RouteMetadata;
+}

package/esm/browser/router/route-metadata-converter.js

@@ -0,0 +1,48 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Autowired, Component, Value } from '@celljs/core';
+import { DEFAULT_LAYOUT } from '../layout/index.js';
+import { PathResolver } from '../resolver/index.js';
+import { RouteMetadataConverter } from './router-protocol.js';
+let DefaultRouteMetadataConverter = class DefaultRouteMetadataConverter {
+    constructor() {
+        this.priority = 500;
+    }
+    convert(metadata) {
+        if (metadata.path) {
+            metadata.path = this.pathResolver.resolve(metadata.path);
+        }
+        metadata.layout = metadata.layout || this.defaultLayout;
+        return metadata;
+    }
+    getMergedConfig(routeMetadata) {
+        if (!this.routes || !routeMetadata.path) {
+            return routeMetadata;
+        }
+        return { ...routeMetadata, ...this.routes[routeMetadata.path] };
+    }
+};
+__decorate([
+    Autowired(PathResolver),
+    __metadata("design:type", Object)
+], DefaultRouteMetadataConverter.prototype, "pathResolver", void 0);
+__decorate([
+    Autowired(DEFAULT_LAYOUT),
+    __metadata("design:type", Object)
+], DefaultRouteMetadataConverter.prototype, "defaultLayout", void 0);
+__decorate([
+    Value('cell.react.router.routes'),
+    __metadata("design:type", Object)
+], DefaultRouteMetadataConverter.prototype, "routes", void 0);
+DefaultRouteMetadataConverter = __decorate([
+    Component(RouteMetadataConverter)
+], DefaultRouteMetadataConverter);
+export { DefaultRouteMetadataConverter };
+//# sourceMappingURL=route-metadata-converter.js.map

package/esm/browser/router/route-metadata-converter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-metadata-converter.js","sourceRoot":"","sources":["../../../src/browser/router/route-metadata-converter.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAiB,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,IAAM,6BAA6B,GAAnC,MAAM,6BAA6B;IAAnC;QACM,aAAQ,GAAW,GAAG,CAAC;IA0BpC,CAAC;IAfG,OAAO,CAAC,QAAuB;QAC3B,IAAI,QAAQ,CAAC,IAAI,EAAE,CAAC;YAChB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC7D,CAAC;QACD,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,IAAI,CAAC,aAAa,CAAC;QACxD,OAAO,QAAQ,CAAC;IACpB,CAAC;IAES,eAAe,CAAC,aAA4B;QAClD,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;YACtC,OAAO,aAAa,CAAC;QACzB,CAAC;QAED,OAAO,EAAE,GAAG,aAAa,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;IACpE,CAAC;CACJ,CAAA;AAvBsB;IADlB,SAAS,CAAC,YAAY,CAAC;;mEACsB;AAG3B;IADlB,SAAS,CAAC,cAAc,CAAC;;oEAC4B;AAGnC;IADlB,KAAK,CAAC,0BAA0B,CAAC;;6DACH;AAVtB,6BAA6B;IADzC,SAAS,CAAC,sBAAsB,CAAC;GACrB,6BAA6B,CA2BzC"}

package/esm/browser/router/route-metadata-provider.d.ts

@@ -0,0 +1,9 @@
+import { RouteMetadataProvider, RouteMetadata, RouteMetadataConverterProvider } from './router-protocol.js';
+export declare class RouteMetadataProviderImpl implements RouteMetadataProvider {
+    protected prioritized: RouteMetadata[];
+    protected readonly routeMetadatas: RouteMetadata[];
+    protected readonly routeMetadataConverterProvider: RouteMetadataConverterProvider;
+    provide(): RouteMetadata[];
+    protected parseRouteMetadatas(): RouteMetadata[];
+    protected sort(list: RouteMetadata[]): RouteMetadata[];
+}

package/esm/browser/router/route-metadata-provider.js

@@ -0,0 +1,46 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component, Autowired, Prioritizeable } from '@celljs/core';
+import { RouteMetadataProvider, RouteMetadataConverterProvider, ROUTE_METADATA } from './router-protocol.js';
+let RouteMetadataProviderImpl = class RouteMetadataProviderImpl {
+    provide() {
+        if (!this.prioritized) {
+            this.prioritized = this.parseRouteMetadatas();
+        }
+        return this.prioritized;
+    }
+    parseRouteMetadatas() {
+        const list = [];
+        for (const routeMetadata of this.routeMetadatas) {
+            let parsed = routeMetadata;
+            for (const converter of this.routeMetadataConverterProvider.provide()) {
+                parsed = converter.convert(parsed);
+            }
+            list.push(parsed);
+        }
+        return this.sort(list);
+    }
+    sort(list) {
+        return Prioritizeable.prioritizeAllSync(list).map(c => c.value);
+    }
+};
+__decorate([
+    Autowired(ROUTE_METADATA),
+    __metadata("design:type", Array)
+], RouteMetadataProviderImpl.prototype, "routeMetadatas", void 0);
+__decorate([
+    Autowired(RouteMetadataConverterProvider),
+    __metadata("design:type", Object)
+], RouteMetadataProviderImpl.prototype, "routeMetadataConverterProvider", void 0);
+RouteMetadataProviderImpl = __decorate([
+    Component(RouteMetadataProvider)
+], RouteMetadataProviderImpl);
+export { RouteMetadataProviderImpl };
+//# sourceMappingURL=route-metadata-provider.js.map

package/esm/browser/router/route-metadata-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-metadata-provider.js","sourceRoot":"","sources":["../../../src/browser/router/route-metadata-provider.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAiB,8BAA8B,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGlH,IAAM,yBAAyB,GAA/B,MAAM,yBAAyB;IAUlC,OAAO;QACH,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAClD,CAAC;QACD,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAES,mBAAmB;QACzB,MAAM,IAAI,GAAoB,EAAE,CAAC;QACjC,KAAK,MAAM,aAAa,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YAC9C,IAAI,MAAM,GAAG,aAAa,CAAC;YAC3B,KAAK,MAAM,SAAS,IAAI,IAAI,CAAC,8BAA8B,CAAC,OAAO,EAAE,EAAE,CAAC;gBACpE,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACvC,CAAC;YACD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC;QAED,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAE3B,CAAC;IAES,IAAI,CAAC,IAAqB;QAChC,OAAO,cAAc,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACpE,CAAC;CACJ,CAAA;AA7BsB;IADlB,SAAS,CAAC,cAAc,CAAC;;iEACyB;AAGhC;IADlB,SAAS,CAAC,8BAA8B,CAAC;;iFACwC;AARzE,yBAAyB;IADrC,SAAS,CAAC,qBAAqB,CAAC;GACpB,yBAAyB,CAkCrC"}

package/esm/browser/router/router-protocol.d.ts

@@ -0,0 +1,23 @@
+export declare const ROUTER: unique symbol;
+export declare const ROUTE_METADATA: unique symbol;
+export declare const RouteMetadataProvider: unique symbol;
+export declare const RouteMetadataConverter: unique symbol;
+export declare const RouteMetadataConverterProvider: unique symbol;
+export interface RouteMetadata {
+    caseSensitive?: boolean;
+    index?: boolean;
+    path?: string;
+    component?: React.ComponentType;
+    layout?: React.ComponentType;
+    priority?: number;
+}
+export interface RouteMetadataConverter {
+    readonly priority: number;
+    convert(metadata: RouteMetadata): RouteMetadata;
+}
+export interface RouteMetadataConverterProvider {
+    provide(): RouteMetadataConverter[];
+}
+export interface RouteMetadataProvider {
+    provide(): RouteMetadata[];
+}

package/esm/browser/router/router-protocol.js

@@ -0,0 +1,6 @@
+export const ROUTER = Symbol('Router');
+export const ROUTE_METADATA = Symbol('ROUTE_METADATA');
+export const RouteMetadataProvider = Symbol('RouteMetadataProvider');
+export const RouteMetadataConverter = Symbol('RouteMetadataConverter');
+export const RouteMetadataConverterProvider = Symbol('RouteMetadataConverterProvider');
+//# sourceMappingURL=router-protocol.js.map

package/esm/browser/router/router-protocol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-protocol.js","sourceRoot":"","sources":["../../../src/browser/router/router-protocol.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAC;AACrE,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,wBAAwB,CAAC,CAAC;AACvE,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,gCAAgC,CAAC,CAAC"}

package/esm/browser/router/router.d.ts

@@ -0,0 +1,2 @@
+export default class {
+}

package/esm/browser/router/router.js

@@ -0,0 +1,52 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import * as React from 'react';
+import { RouteMetadataProvider } from './router-protocol.js';
+import { useRoutes, BrowserRouter, HashRouter, MemoryRouter } from 'react-router-dom';
+import { Router } from '../annotation/index.js';
+import { ConfigUtil, ContainerUtil } from '@celljs/core';
+const routerMap = {
+    browser: BrowserRouter,
+    hash: HashRouter,
+    memory: MemoryRouter
+};
+const RouteComponent = () => {
+    const element = useRoutes(buildRoutes());
+    return element;
+};
+const RouterComponent = () => {
+    const routerType = ConfigUtil.get('cell.react.router.type');
+    return React.createElement(routerMap[routerType], {}, React.createElement(RouteComponent));
+};
+const buildRoutes = () => {
+    const routeMetadataProvider = ContainerUtil.get(RouteMetadataProvider);
+    return routeMetadataProvider.provide().map(metadata => {
+        // eslint-disable-next-line no-null/no-null
+        let element;
+        if (metadata.component) {
+            if (metadata.layout) {
+                element = React.createElement(metadata.layout, {}, React.createElement(metadata.component));
+            }
+            else {
+                element = React.createElement(metadata.component);
+            }
+        }
+        return {
+            path: metadata.path,
+            index: metadata.index,
+            caseSensitive: metadata.caseSensitive,
+            element
+        };
+    });
+};
+let default_1 = class {
+};
+default_1 = __decorate([
+    Router(RouterComponent, false)
+], default_1);
+export default default_1;
+//# sourceMappingURL=router.js.map

package/esm/browser/router/router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","sourceRoot":"","sources":["../../../src/browser/router/router.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAe,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,aAAa;IACtB,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,YAAY;CACvB,CAAC;AAEF,MAAM,cAAc,GAAG,GAAG,EAAE;IACxB,MAAM,OAAO,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC;IACzC,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IACzB,MAAM,UAAU,GAAG,UAAU,CAAC,GAAG,CAAqB,wBAAwB,CAAC,CAAC;IAChF,OAAO,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;AAC/F,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,GAAkB,EAAE;IACpC,MAAM,qBAAqB,GAAG,aAAa,CAAC,GAAG,CAAwB,qBAAqB,CAAC,CAAC;IAC9F,OAAO,qBAAqB,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;QAClD,2CAA2C;QAC3C,IAAI,OAA+B,CAAC;QACpC,IAAI,QAAQ,CAAC,SAAS,EAAE,CAAC;YACrB,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;gBAClB,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;YAChG,CAAC;iBAAM,CAAC;gBACJ,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YACtD,CAAC;QACL,CAAC;QACD,OAAO;YACH,IAAI,EAAE,QAAQ,CAAC,IAAI;YACnB,KAAK,EAAE,QAAQ,CAAC,KAAK;YACrB,aAAa,EAAE,QAAQ,CAAC,aAAa;YACrC,OAAO;SACV,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAGa,gBAAA;CAAQ,CAAA;AAAR;IADd,MAAM,CAAC,eAAe,EAAE,KAAK,CAAC;aACR"}

package/esm/browser/shell/index.d.ts

@@ -0,0 +1 @@
+export * from './shell.js';

package/esm/browser/shell/index.js

@@ -0,0 +1,2 @@
+export * from './shell.js';
+//# sourceMappingURL=index.js.map

package/esm/browser/shell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/browser/shell/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/esm/browser/shell/shell.d.ts

@@ -0,0 +1,6 @@
+import { ApplicationShell } from '@celljs/core/lib/browser';
+import * as React from 'react';
+export declare class Shell implements ApplicationShell {
+    protected readonly app: React.ComponentType;
+    attach(host: HTMLElement): void;
+}

package/esm/browser/shell/shell.js

@@ -0,0 +1,28 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { ApplicationShell } from '@celljs/core/lib/browser';
+import { Component, Autowired } from '@celljs/core';
+import { createRoot } from 'react-dom/client';
+import * as React from 'react';
+import { APP } from '../app/index.js';
+let Shell = class Shell {
+    attach(host) {
+        createRoot(host).render(React.createElement(this.app));
+    }
+};
+__decorate([
+    Autowired(APP),
+    __metadata("design:type", Object)
+], Shell.prototype, "app", void 0);
+Shell = __decorate([
+    Component({ id: ApplicationShell, rebind: true })
+], Shell);
+export { Shell };
+//# sourceMappingURL=shell.js.map

package/esm/browser/shell/shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell.js","sourceRoot":"","sources":["../../../src/browser/shell/shell.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAGtB,IAAM,KAAK,GAAX,MAAM,KAAK;IAKd,MAAM,CAAC,IAAiB;QACpB,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3D,CAAC;CACJ,CAAA;AALsB;IADlB,SAAS,CAAC,GAAG,CAAC;;kCAC6B;AAHnC,KAAK;IADjB,SAAS,CAAC,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;GACrC,KAAK,CAQjB"}

package/esm/browser/slot/index.d.ts

@@ -0,0 +1 @@
+export * from './slot.js';

package/esm/browser/slot/index.js

@@ -0,0 +1,2 @@
+export * from './slot.js';
+//# sourceMappingURL=index.js.map

package/esm/browser/slot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/browser/slot/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/esm/browser/slot/slot.d.ts

@@ -0,0 +1,3 @@
+export declare function Slot({ area }: {
+    area: string;
+}): JSX.Element;

package/esm/browser/slot/slot.js

@@ -0,0 +1,16 @@
+import { ContainerUtil } from '@celljs/core';
+import * as React from 'react';
+import { WidgetManager } from '@celljs/widget';
+const { useState, useEffect } = React;
+export function Slot({ area }) {
+    const [nodes, setNodes] = useState([]);
+    useEffect(() => {
+        const load = async () => {
+            const widgetManager = ContainerUtil.get(WidgetManager);
+            setNodes(await widgetManager.render(area));
+        };
+        load();
+    }, [area]);
+    return (React.createElement(React.Fragment, null, nodes.map(n => n)));
+}
+//# sourceMappingURL=slot.js.map

package/esm/browser/slot/slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../../src/browser/slot/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;AAEtC,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAoB;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE;YACpB,MAAM,aAAa,GAAG,aAAa,CAAC,GAAG,CAAiC,aAAa,CAAC,CAAC;YACvF,QAAQ,CAAC,MAAM,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/C,CAAC,CAAC;QACF,IAAI,EAAE,CAAC;IACX,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CAAC,0CAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAI,CAAC,CAAC;AACtC,CAAC"}

package/esm/browser/widget/index.d.ts

@@ -0,0 +1 @@
+export * from './widget-factory.js';

package/esm/browser/widget/index.js

@@ -0,0 +1,2 @@
+export * from './widget-factory.js';
+//# sourceMappingURL=index.js.map

package/esm/browser/widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/browser/widget/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/esm/browser/widget/widget-factory.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { AbstractWidgetFactory, WidgetModel } from '@celljs/widget';
+export declare class DecoratorWidgetFactory extends AbstractWidgetFactory<React.ReactNode> {
+    protected doRender(widgetModel: WidgetModel): Promise<React.ReactNode>;
+}

package/esm/browser/widget/widget-factory.js

@@ -0,0 +1,20 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component } from '@celljs/core';
+import * as React from 'react';
+import { AbstractWidgetFactory, WidgetFactory } from '@celljs/widget';
+let DecoratorWidgetFactory = class DecoratorWidgetFactory extends AbstractWidgetFactory {
+    async doRender(widgetModel) {
+        const component = widgetModel.matedata.component;
+        return React.createElement(component, { key: widgetModel.id, ...widgetModel.props });
+    }
+};
+DecoratorWidgetFactory = __decorate([
+    Component(WidgetFactory)
+], DecoratorWidgetFactory);
+export { DecoratorWidgetFactory };
+//# sourceMappingURL=widget-factory.js.map

package/esm/browser/widget/widget-factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-factory.js","sourceRoot":"","sources":["../../../src/browser/widget/widget-factory.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAe,MAAM,gBAAgB,CAAC;AAG5E,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,qBAAsC;IAEpE,KAAK,CAAC,QAAQ,CAAC,WAAwB;QAC7C,MAAM,SAAS,GAAG,WAAW,CAAC,QAAS,CAAC,SAAS,CAAC;QAClD,OAAO,KAAK,CAAC,aAAa,CAAC,SAAS,EAAG,EAAE,GAAG,EAAE,WAAW,CAAC,EAAE,EAAG,GAAG,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;IAC3F,CAAC;CAEJ,CAAA;AAPY,sBAAsB;IADlC,SAAS,CAAC,aAAa,CAAC;GACZ,sBAAsB,CAOlC"}

package/esm/package.json

@@ -0,0 +1,3 @@
+{
+	"type": "module"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@celljs/react",
-  "version": "3.8.0",
+  "version": "3.9.0",
   "description": "",
   "keywords": [
     "cell-component"
@@ -18,20 +18,21 @@
   "typings": "lib/browser/index.d.ts",
   "files": [
     "lib",
+    "esm",
     "src",
     "cell.yml",
     "cell-cdn.yml"
   ],
   "scripts": {
-    "build": "tsc -b",
-    "clean": "rm -rf lib *.tsbuildinfo",
+    "build": "tsc -b && bun ../../scripts/build-esm.ts",
+    "clean": "rm -rf lib esm *.tsbuildinfo",
     "test": "bun test --preload reflect-metadata ./lib",
     "watch": "tsc -b -w --preserveWatchOutput"
   },
   "dependencies": {
-    "@celljs/cli-common": "3.8.0",
-    "@celljs/core": "3.8.0",
-    "@celljs/widget": "3.8.0",
+    "@celljs/cli-common": "3.9.0",
+    "@celljs/core": "3.9.0",
+    "@celljs/widget": "3.9.0",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
     "@types/react-router-dom": "^5.3.3",
@@ -55,9 +56,90 @@
     "tslib": "^2.8.0"
   },
   "devDependencies": {
-    "@celljs/cli-service": "3.8.0"
+    "@celljs/cli-service": "3.9.0"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "exports": {
+    ".": {
+      "webpack": "./lib/browser/index.js",
+      "import": "./esm/browser/index.js",
+      "default": "./lib/browser/index.js"
+    },
+    "./package.json": "./package.json",
+    "./lib/hooks/*.js": "./lib/hooks/*.js",
+    "./lib/hooks/*": "./lib/hooks/*.js",
+    "./lib/browser": {
+      "webpack": "./lib/browser/index.js",
+      "import": "./esm/browser/index.js",
+      "default": "./lib/browser/index.js"
+    },
+    "./lib/browser/annotation": {
+      "webpack": "./lib/browser/annotation/index.js",
+      "import": "./esm/browser/annotation/index.js",
+      "default": "./lib/browser/annotation/index.js"
+    },
+    "./lib/browser/app": {
+      "webpack": "./lib/browser/app/index.js",
+      "import": "./esm/browser/app/index.js",
+      "default": "./lib/browser/app/index.js"
+    },
+    "./lib/browser/context": {
+      "webpack": "./lib/browser/context/index.js",
+      "import": "./esm/browser/context/index.js",
+      "default": "./lib/browser/context/index.js"
+    },
+    "./lib/browser/icon": {
+      "webpack": "./lib/browser/icon/index.js",
+      "import": "./esm/browser/icon/index.js",
+      "default": "./lib/browser/icon/index.js"
+    },
+    "./lib/browser/layout": {
+      "webpack": "./lib/browser/layout/index.js",
+      "import": "./esm/browser/layout/index.js",
+      "default": "./lib/browser/layout/index.js"
+    },
+    "./lib/browser/locale": {
+      "webpack": "./lib/browser/locale/index.js",
+      "import": "./esm/browser/locale/index.js",
+      "default": "./lib/browser/locale/index.js"
+    },
+    "./lib/browser/resolver": {
+      "webpack": "./lib/browser/resolver/index.js",
+      "import": "./esm/browser/resolver/index.js",
+      "default": "./lib/browser/resolver/index.js"
+    },
+    "./lib/browser/router": {
+      "webpack": "./lib/browser/router/index.js",
+      "import": "./esm/browser/router/index.js",
+      "default": "./lib/browser/router/index.js"
+    },
+    "./lib/browser/shell": {
+      "webpack": "./lib/browser/shell/index.js",
+      "import": "./esm/browser/shell/index.js",
+      "default": "./lib/browser/shell/index.js"
+    },
+    "./lib/browser/slot": {
+      "webpack": "./lib/browser/slot/index.js",
+      "import": "./esm/browser/slot/index.js",
+      "default": "./lib/browser/slot/index.js"
+    },
+    "./lib/browser/widget": {
+      "webpack": "./lib/browser/widget/index.js",
+      "import": "./esm/browser/widget/index.js",
+      "default": "./lib/browser/widget/index.js"
+    },
+    "./lib/*.js": {
+      "webpack": "./lib/*.js",
+      "import": "./esm/*.js",
+      "default": "./lib/*.js"
+    },
+    "./lib/*": {
+      "webpack": "./lib/*.js",
+      "import": "./esm/*.js",
+      "default": "./lib/*.js"
+    },
+    "./*": "./*"
   }
 }