@common-stack/client-react 0.6.1-alpha.4 → 1.0.1-alpha.1

package/lib/__tests__/fill-register-test.js

@@ -1,70 +1,45 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-require("jest");
-const react_client_feature_1 = require("../connector/react-client-feature");
+import * as React from 'react';
+import 'jest';
+import { Feature } from '../connector';
 describe('Test the registration and retrieval of React Slot Fill Components', () => {
-    const featureA = new react_client_feature_1.ReactClientFeature({
-        componentFillPluginIn: [
+    const featureA = new Feature({
+        componentFillPlugins: [
             {
                 name: 'test-1',
-                render: () => React.createElement("p", null, "Test 1"),
+                render: () => (React.createElement("p", null, "Test 1")),
             },
             {
                 name: 'test-2',
-                render: () => React.createElement("p", null, "Test 2"),
+                render: () => (React.createElement("p", null, "Test 2")),
             },
             {
                 name: 'test-3',
-                render: () => React.createElement("p", null, "Test 3"),
+                render: () => (React.createElement("p", null, "Test 3")),
             },
         ],
     });
-    const featureB = new react_client_feature_1.ReactClientFeature({
-        componentFillPluginIn: [
+    const featureB = new Feature({
+        componentFillPlugins: [
             {
                 name: 'test-4',
-                render: () => React.createElement("p", null, "Test 4"),
+                render: () => (React.createElement("p", null, "Test 4")),
             },
             {
                 name: 'test-5',
-                render: () => React.createElement("p", null, "Test 5"),
+                render: () => (React.createElement("p", null, "Test 5")),
             },
             {
                 name: 'test-6',
-                render: () => React.createElement("p", null, "Test 6"),
+                render: () => (React.createElement("p", null, "Test 6")),
             },
         ],
     });
     test('Should merge all Fills', () => {
-        const finalFeature = new react_client_feature_1.ReactClientFeature(featureA, featureB);
+        const finalFeature = new Feature(featureA, featureB);
         const mergedFills = finalFeature.getComponentFillPlugins();
         expect(mergedFills.length).toEqual(6);
-        mergedFills.forEach((i) => expect(typeof i).toEqual('object'));
-        mergedFills.forEach((i) => expect(typeof i.render).toEqual('function'));
+        mergedFills.forEach(i => expect(typeof i).toEqual('object'));
+        mergedFills.forEach(i => expect(typeof i.render).toEqual('function'));
     });
 });
 //# sourceMappingURL=fill-register-test.js.map

package/lib/__tests__/fill-register-test.js.map

@@ -1 +1 @@
-{"version":3,"file":"fill-register-test.js","sourceRoot":"","sources":["../../src/__tests__/fill-register-test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,gBAAc;AACd,4EAAkF;AAElF,QAAQ,CAAC,mEAAmE,EAAE,GAAG,EAAE;IAC/E,MAAM,QAAQ,GAAG,IAAI,yCAAO,CAAC;QACzB,qBAAqB,EAAE;YACnB;gBACI,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,GAAG,EAAE,CAAC,wCAAa;aAC9B;YACD;gBACI,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,GAAG,EAAE,CAAC,wCAAa;aAC9B;YACD;gBACI,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,GAAG,EAAE,CAAC,wCAAa;aAC9B;SACJ;KACJ,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,IAAI,yCAAO,CAAC;QACzB,qBAAqB,EAAE;YACnB;gBACI,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,GAAG,EAAE,CAAC,wCAAa;aAC9B;YACD;gBACI,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,GAAG,EAAE,CAAC,wCAAa;aAC9B;YACD;gBACI,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,GAAG,EAAE,CAAC,wCAAa;aAC9B;SACJ;KACJ,CAAC,CAAC;IAEH,IAAI,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,YAAY,GAAG,IAAI,yCAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACrD,MAAM,WAAW,GAAG,YAAY,CAAC,uBAAuB,EAAE,CAAC;QAC3D,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACtC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC/D,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
+{"version":3,"file":"fill-register-test.js","sourceRoot":"","sources":["../../src/__tests__/fill-register-test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,CAAC;AACd,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAC;AAGrC,QAAQ,CAAC,mEAAmE,EAAE,GAAG,EAAE;IAC/E,MAAM,QAAQ,GAAG,IAAI,OAAO,CAAC;QACzB,oBAAoB,EAAE;YAClB;gBACE,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,wCAAa,CAAC;aAC9B;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,wCAAa,CAAC;aAC9B;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,wCAAa,CAAC;aAC9B;SACJ;KACwB,CAAC,CAAC;IAE/B,MAAM,QAAQ,GAAG,IAAI,OAAO,CAAC;QACzB,oBAAoB,EAAE;YAClB;gBACI,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,wCAAa,CAAC;aAChC;YACD;gBACI,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,wCAAa,CAAC;aAChC;YACD;gBACI,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,wCAAa,CAAC;aAChC;SACJ;KACwB,CAAC,CAAC;IAE/B,IAAI,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,YAAY,GAAG,IAAI,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACrD,MAAM,WAAW,GAAG,YAAY,CAAC,uBAAuB,EAAE,CAAC;QAC3D,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACtC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC7D,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/lib/__tests__/helpers/sample-menu.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.menuData = void 0;
-exports.menuData = [
+export const menuData = [
     {
         name: 'dashboard',
         icon: 'dashboard',

package/lib/__tests__/helpers/sample-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"sample-menu.js","sourceRoot":"","sources":["../../../src/__tests__/helpers/sample-menu.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG;IACpB;QACI,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE;YACN,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE;YACtC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;YACpC,EAAE,IAAI,EAAE,WAAW,EAAE;SACxB;KACJ;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE;YACN,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE;YAC1C,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE;YACxC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE;SACxC;KACJ,EAAE;QACC,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE;YACN,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE;YAC1C,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE;YAC1C,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE;YACxC;gBACI,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE;oBACN,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE;oBACtC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE;oBACtC,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,cAAc,EAAE;iBACjD;aACJ;SACJ;KACJ,EAAE;QACC,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE;YACN,EAAE,IAAI,EAAE,OAAO,EAAE;YACjB,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE;SAC3C;KACJ,EAAE;QACC,IAAI,EAAE,gBAAgB;QACtB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE;YACN,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;YACpC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;SACjC;KACJ,EAAE;QACC,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE;YACN,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;YAC5B,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;YAC5B,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;YAC5B,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE;SACzD;KACJ;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,OAAO;QAClB,QAAQ,EAAE;YACN,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;YAChC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE;YACtC,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,iBAAiB,EAAE;SACvD;KACJ;CACJ,CAAC"}
+{"version":3,"file":"sample-menu.js","sourceRoot":"","sources":["../../../src/__tests__/helpers/sample-menu.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB;QACI,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE;YACN,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE;YACtC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;YACpC,EAAE,IAAI,EAAE,WAAW,EAAE;SACxB;KACJ;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE;YACN,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE;YAC1C,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE;YACxC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE;SACxC;KACJ,EAAE;QACC,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE;YACN,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE;YAC1C,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE;YAC1C,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE;YACxC;gBACI,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE;oBACN,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE;oBACtC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE;oBACtC,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,cAAc,EAAE;iBACjD;aACJ;SACJ;KACJ,EAAE;QACC,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE;YACN,EAAE,IAAI,EAAE,OAAO,EAAE;YACjB,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE;SAC3C;KACJ,EAAE;QACC,IAAI,EAAE,gBAAgB;QACtB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE;YACN,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;YACpC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;SACjC;KACJ,EAAE;QACC,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE;YACN,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;YAC5B,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;YAC5B,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;YAC5B,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE;SACzD;KACJ;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,OAAO;QAClB,QAAQ,EAAE;YACN,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;YAChC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE;YACtC,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,iBAAiB,EAAE;SACvD;KACJ;CACJ,CAAC"}

package/lib/__tests__/integrated-routes.test.js

@@ -1,43 +1,15 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const ReactDOMServer = __importStar(require("react-dom/server"));
-const StaticRouter_1 = __importDefault(require("react-router/StaticRouter"));
-const react_router_config_1 = require("react-router-config");
-const react_client_feature_1 = require("../connector/react-client-feature");
-const server_1 = require("@cdm-logger/server");
-const logger = server_1.ConsoleLogger.create('test', { level: 'trace' });
-require("jest");
+import * as React from 'react';
+import * as ReactDOMServer from 'react-dom/server';
+import StaticRouter from 'react-router/StaticRouter';
+import { renderRoutes, matchRoutes } from 'react-router-config';
+import { Feature } from '../connector';
+import { ConsoleLogger } from '@cdm-logger/server';
+const logger = ConsoleLogger.create('test', { level: 'trace' });
+import 'jest';
 describe('integration', () => {
     it('generates the same matches in renderRoutes and matchRoutes', () => {
         const rendered = [];
-        const Comp = ({ match, route: { routes } }) => (rendered.push(match), (0, react_router_config_1.renderRoutes)(routes));
+        const Comp = ({ match, route: { routes } }) => (rendered.push(match), renderRoutes(routes));
         const genRoutes = [
             {
                 ['/ghost']: { component: Comp },
@@ -55,12 +27,12 @@ describe('integration', () => {
                 path: '/pepper',
                 component: Comp,
                 exact: false,
-                children: [
+                routes: [
                     {
                         path: '/pepper/:type',
                         component: Comp,
                         exact: false,
-                        children: [
+                        routes: [
                             {
                                 path: '/pepper/:type/scoville',
                                 component: Comp,
@@ -71,16 +43,17 @@ describe('integration', () => {
                 ],
             },
         ];
-        const connector = new react_client_feature_1.ReactClientFeature({ routeConfigIn: genRoutes });
+        const connector = new Feature({ routeConfig: genRoutes });
         const connectorRoutes = connector.getConfiguredRoutes();
         expect(connectorRoutes).toMatchObject(result);
         const pathname = '/pepper/jalepeno';
-        const branch = (0, react_router_config_1.matchRoutes)(connectorRoutes, pathname);
-        ReactDOMServer.renderToString(React.createElement(StaticRouter_1.default, { location: pathname, context: {} }, (0, react_router_config_1.renderRoutes)(connectorRoutes)));
+        const branch = matchRoutes(connectorRoutes, pathname);
+        ReactDOMServer.renderToString(React.createElement(StaticRouter, { location: pathname, context: {} }, renderRoutes(connectorRoutes)));
         expect(branch).toMatchSnapshot();
-        expect(branch.length).toEqual(1);
-        expect(rendered.length).toEqual(1);
+        expect(branch.length).toEqual(2);
+        expect(rendered.length).toEqual(2);
         expect(branch[0].match).toEqual(rendered[0]);
+        expect(branch[1].match).toEqual(rendered[1]);
     });
 });
 //# sourceMappingURL=integrated-routes.test.js.map

package/lib/__tests__/integrated-routes.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"integrated-routes.test.js","sourceRoot":"","sources":["../../src/__tests__/integrated-routes.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iEAAmD;AACnD,6EAAqD;AACrD,6DAAgE;AAChE,4EAAkF;AAClF,+CAA2E;AAE3E,MAAM,MAAM,GAAsB,sBAAa,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;AACnF,gBAAc;AAEd,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;QAClE,MAAM,QAAQ,GAAG,EAAE,CAAC;QAEpB,MAAM,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAC3C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAA,kCAAY,EAAC,MAAM,CAAC,CAC7C,CAAC;QAEF,MAAM,SAAS,GAAG;YACd;gBACI,CAAC,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;gBAC/B,CAAC,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9C,CAAC,eAAe,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAG,KAAK,EAAE,KAAK,EAAC;gBACpD,CAAC,wBAAwB,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;aAChE;SACJ,CAAC;QACF,MAAM,MAAM,GAAG;YACX;gBACI,IAAI,EAAE,QAAQ;gBACd,SAAS,EAAE,IAAI;aAClB;YACD;gBACI,IAAI,EAAE,SAAS;gBACf,SAAS,EAAE,IAAI;gBACf,KAAK,EAAE,KAAK;gBACZ,QAAQ,EAAE;oBACN;wBACI,IAAI,EAAE,eAAe;wBACrB,SAAS,EAAE,IAAI;wBACf,KAAK,EAAE,KAAK;wBACZ,QAAQ,EAAE;4BACN;gCACI,IAAI,EAAE,wBAAwB;gCAC9B,SAAS,EAAE,IAAI;gCACf,KAAK,EAAE,KAAK;6BACf;yBACJ;qBACJ;iBACJ;aACJ;SACJ,CAAC;QACF,MAAM,SAAS,GAAG,IAAI,yCAAO,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC;QAC5D,MAAM,eAAe,GAAG,SAAS,CAAC,mBAAmB,EAAE,CAAC;QACxD,MAAM,CAAC,eAAe,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC9C,MAAM,QAAQ,GAAG,kBAAkB,CAAC;QACpC,MAAM,MAAM,GAAG,IAAA,iCAAW,EAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;QACtD,cAAc,CAAC,cAAc,CACzB,oBAAC,sBAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,IACxC,IAAA,kCAAY,EAAC,eAAe,CAAC,CACnB,CAClB,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,EAAE,CAAC;QACjC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACjC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACnC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AAEP,CAAC,CAAC,CAAC"}
+{"version":3,"file":"integrated-routes.test.js","sourceRoot":"","sources":["../../src/__tests__/integrated-routes.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAC;AACnD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,aAAa,EAA0B,MAAM,oBAAoB,CAAC;AAE3E,MAAM,MAAM,GAAsB,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;AACnF,OAAO,MAAM,CAAC;AAEd,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;QAClE,MAAM,QAAQ,GAAG,EAAE,CAAC;QAEpB,MAAM,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAC3C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAC7C,CAAC;QAEF,MAAM,SAAS,GAAG;YACd;gBACI,CAAC,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;gBAC/B,CAAC,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9C,CAAC,eAAe,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAG,KAAK,EAAE,KAAK,EAAC;gBACpD,CAAC,wBAAwB,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;aAChE;SACJ,CAAC;QACF,MAAM,MAAM,GAAG;YACX;gBACI,IAAI,EAAE,QAAQ;gBACd,SAAS,EAAE,IAAI;aAClB;YACD;gBACI,IAAI,EAAE,SAAS;gBACf,SAAS,EAAE,IAAI;gBACf,KAAK,EAAE,KAAK;gBACZ,MAAM,EAAE;oBACJ;wBACI,IAAI,EAAE,eAAe;wBACrB,SAAS,EAAE,IAAI;wBACf,KAAK,EAAE,KAAK;wBACZ,MAAM,EAAE;4BACJ;gCACI,IAAI,EAAE,wBAAwB;gCAC9B,SAAS,EAAE,IAAI;gCACf,KAAK,EAAE,KAAK;6BACf;yBACJ;qBACJ;iBACJ;aACJ;SACJ,CAAC;QACF,MAAM,SAAS,GAAG,IAAI,OAAO,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;QAC1D,MAAM,eAAe,GAAG,SAAS,CAAC,mBAAmB,EAAE,CAAC;QACxD,MAAM,CAAC,eAAe,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC9C,MAAM,QAAQ,GAAG,kBAAkB,CAAC;QACpC,MAAM,MAAM,GAAG,WAAW,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;QACtD,cAAc,CAAC,cAAc,CACzB,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,IACxC,YAAY,CAAC,eAAe,CAAC,CACnB,CAClB,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,EAAE,CAAC;QACjC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACjC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACnC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7C,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AAEP,CAAC,CAAC,CAAC"}

package/lib/__tests__/router-render.test.js

@@ -1,61 +1,18 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.logger = void 0;
-const React = __importStar(require("react"));
-const ReactDOMServer = __importStar(require("react-dom/server"));
-const react_router_1 = __importDefault(require("react-router"));
-const react_router_config_1 = require("react-router-config");
-const react_client_feature_1 = require("../connector/react-client-feature");
-const server_1 = require("@cdm-logger/server");
-require("jest");
-exports.logger = server_1.ConsoleLogger.create('test', { level: 'trace' });
-const { StaticRouter } = react_router_1.default;
+import * as React from 'react';
+import * as ReactDOMServer from 'react-dom/server';
+import Router from 'react-router';
+import { renderRoutes } from 'react-router-config';
+import { Feature } from '../connector';
+import { ConsoleLogger } from '@cdm-logger/server';
+import 'jest';
+export const logger = ConsoleLogger.create('test', { level: 'trace' });
+const { StaticRouter } = Router;
 describe('renderRoutes', () => {
     let renderedRoutes;
     let renderedExtraProps;
-    const Comp = (_a) => {
-        var { route, route: { routes } } = _a, extraProps = __rest(_a, ["route", "route"]);
-        return (renderedRoutes.push(route),
-            renderedExtraProps.push(extraProps),
-            (0, react_router_config_1.renderRoutes)(routes));
-    };
+    const Comp = ({ route, route: { routes }, ...extraProps }) => (renderedRoutes.push(route),
+        renderedExtraProps.push(extraProps),
+        renderRoutes(routes));
     beforeEach(() => {
         renderedRoutes = [];
         renderedExtraProps = [];
@@ -70,8 +27,8 @@ describe('renderRoutes', () => {
             },
         ];
         const routes = [routeToMatch];
-        const connector = new react_client_feature_1.ReactClientFeature({ routeConfigIn: genRoutes });
-        ReactDOMServer.renderToString(React.createElement(StaticRouter, { location: "/path", context: {} }, (0, react_router_config_1.renderRoutes)(routes)));
+        const connector = new Feature({ routeConfig: genRoutes });
+        ReactDOMServer.renderToString(React.createElement(StaticRouter, { location: "/path", context: {} }, renderRoutes(routes)));
         expect(renderedRoutes.length).toEqual(1);
         expect(renderedRoutes[0]).toEqual(routeToMatch);
     });

package/lib/__tests__/router-render.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"router-render.test.js","sourceRoot":"","sources":["../../src/__tests__/router-render.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iEAAmD;AACnD,gEAAkC;AAClC,6DAAgE;AAChE,4EAAkF;AAClF,+CAA2E;AAE3E,gBAAc;AAED,QAAA,MAAM,GAAsB,sBAAa,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;AAC1F,MAAM,EAAE,YAAY,EAAE,GAAG,sBAAM,CAAC;AAEhC,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,IAAI,cAAc,CAAC;IACnB,IAAI,kBAAkB,CAAC;IACvB,MAAM,IAAI,GAAG,CAAC,EAA2C,EAAE,EAAE;YAA/C,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,OAAiB,EAAZ,UAAU,cAAzC,kBAA2C,CAAF;QAAO,OAAA,CAC5D,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;YAC1B,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;YACnC,IAAA,kCAAY,EAAC,MAAM,CAAC,CACrB,CAAA;KAAA,CAAC;IAEF,UAAU,CAAC,GAAG,EAAE;QACd,cAAc,GAAG,EAAE,CAAC;QACpB,kBAAkB,GAAG,EAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,YAAY,GAAG;YACnB,SAAS,EAAE,IAAI;SAChB,CAAC;QACF,MAAM,SAAS,GAAG;YAChB;gBACE,CAAC,OAAO,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;aAC/B;SACF,CAAC;QACF,MAAM,MAAM,GAAG,CAAC,YAAY,CAAC,CAAC;QAE9B,MAAM,SAAS,GAAG,IAAI,yCAAO,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC;QAE5D,cAAc,CAAC,cAAc,CAC3B,oBAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAE,EAAE,IACvC,IAAA,kCAAY,EAAC,MAAa,CAAC,CACf,CAChB,CAAC;QACF,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACzC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,gFAAgF;IAChF,6BAA6B;IAC7B,2BAA2B;IAC3B,SAAS;IACT,qCAAqC;IACrC,8DAA8D;IAE9D,qCAAqC;IACrC,uDAAuD;IACvD,iDAAiD;IACjD,2BAA2B;IAC3B,SAAS;IACT,oDAAoD;IACpD,6EAA6E;IAC7E,MAAM;AACR,CAAC,CAAC,CAAC"}
+{"version":3,"file":"router-render.test.js","sourceRoot":"","sources":["../../src/__tests__/router-render.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAC;AACnD,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,YAAY,EAAe,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,aAAa,EAA0B,MAAM,oBAAoB,CAAC;AAE3E,OAAO,MAAM,CAAC;AAEd,MAAM,CAAC,MAAM,MAAM,GAAsB,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;AAC1F,MAAM,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;AAEhC,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,IAAI,cAAc,CAAC;IACnB,IAAI,kBAAkB,CAAC;IACvB,MAAM,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE,CAAC,CAC5D,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;QAC1B,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;QACnC,YAAY,CAAC,MAAM,CAAC,CACrB,CAAC;IAEF,UAAU,CAAC,GAAG,EAAE;QACd,cAAc,GAAG,EAAE,CAAC;QACpB,kBAAkB,GAAG,EAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,YAAY,GAAG;YACnB,SAAS,EAAE,IAAI;SAChB,CAAC;QACF,MAAM,SAAS,GAAG;YAChB;gBACE,CAAC,OAAO,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;aAC/B;SACF,CAAC;QACF,MAAM,MAAM,GAAG,CAAC,YAAY,CAAC,CAAC;QAE9B,MAAM,SAAS,GAAG,IAAI,OAAO,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;QAE1D,cAAc,CAAC,cAAc,CAC3B,oBAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAE,EAAE,IACvC,YAAY,CAAC,MAAa,CAAC,CACf,CAChB,CAAC;QACF,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACzC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,gFAAgF;IAChF,6BAA6B;IAC7B,2BAA2B;IAC3B,SAAS;IACT,qCAAqC;IACrC,8DAA8D;IAE9D,qCAAqC;IACrC,uDAAuD;IACvD,iDAAiD;IACjD,2BAA2B;IAC3B,SAAS;IACT,oDAAoD;IACpD,6EAA6E;IAC7E,MAAM;AACR,CAAC,CAAC,CAAC"}

package/lib/connector/base-connector.d.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { AbstractFeature } from '@common-stack/client-core';
+import { FeatureParam, IReactFeature } from '../interfaces';
+export declare abstract class BaseFeature extends AbstractFeature implements IReactFeature {
+    componentFillPlugins: any;
+    hydrate: FeatureParam['hydrate'];
+    beforeSSR: FeatureParam['beforeSSR'];
+    routerFactory: any;
+    route: any;
+    routeConfig: any;
+    menuConfig: any;
+    authWrapper: (ele: React.ReactElement, props: Record<string, any>) => void;
+    constructor(feature?: FeatureParam, ...features: FeatureParam[]);
+    protected abstract renderRoutes: any;
+    protected abstract renderRoutes2: any;
+    protected abstract getSortedRoutes: any;
+    protected abstract getSortedRoutes2: any;
+    /**
+     * Get the routes
+     * @deprecated
+     */
+    getRoutes(searchPath?: any): any;
+    /**
+     * Get the routes2
+     * @param searchPath
+     */
+    getRoutes2(searchPath?: string, searchName?: string): any;
+    /**
+     * Get menus
+     * @deprecated
+     */
+    getMenus(sortByPriority?: boolean): any;
+    /**
+     * get configured routes.
+     */
+    getConfiguredRoutes(searchPath?: string): any;
+    getConfiguredRoutes2(searchPath?: string): any;
+    /**
+     * get configured menus.
+     * Note: It overwrites the any duplicate key with latest loaded key.
+     * TODO: Find a way to warn when there are duplicate keys.
+     */
+    getConfiguredMenus(searchPath?: string): import("../interfaces").IMenuItem[];
+    get navItems(): any;
+    get navItemsRight(): any;
+    getWrappedRoot(root: React.ReactNode, req?: any): React.ReactNode;
+    getDataRoot(root: any): any;
+    registerLanguages(monaco: any): void;
+    private registerComponentFillPlugins;
+    getComponentFillPlugins(): import("../plugin-area").WorbenchExtension[];
+    private sortMenusByPriority;
+    private sortMenus;
+}

package/lib/connector/base-connector.js

@@ -0,0 +1,129 @@
+import * as React from 'react';
+import { AbstractFeature } from '@common-stack/client-core';
+import { find, sortBy } from 'lodash-es';
+import { getMenus } from '../route/old/get-menus';
+import { getPlugin, getPlugins, registerPlugin } from '../plugin-area';
+import { beforeSSR, combine, hydrate } from '../utils';
+const getFirst = (features, extractor) => extractor(find(features, (res) => extractor(res)) || {});
+export class BaseFeature extends AbstractFeature {
+    constructor(feature, 
+    // tslint:disable:trailing-comma
+    ...features) {
+        super(feature, ...features);
+        this.sortMenusByPriority = (menus) => {
+            return sortBy(menus, (obj) => parseInt(obj.priority, 10));
+        };
+        this.sortMenus = (sortByPriority, menus) => {
+            if (sortByPriority) {
+                const menuData = this.sortMenusByPriority(menus);
+                return menuData.map(menu => {
+                    return {
+                        ...menu,
+                        children: menu.children && this.sortMenus(sortByPriority, menu.children),
+                    };
+                });
+            }
+            else {
+                return menus;
+            }
+        };
+        // this.logger = makeLogger(Feature.name);
+        // Navigation
+        this.routerFactory = combine(arguments, (arg) => arg.routerFactory)
+            .slice(-1)
+            .pop();
+        this.route = combine(arguments, (arg) => arg.route);
+        this.routeConfig = combine(arguments, (arg) => arg.routeConfig);
+        this.menuConfig = combine(arguments, (arg) => arg.menuConfig);
+        this.componentFillPlugins = this.registerComponentFillPlugins(combine(arguments, (arg) => arg.componentFillPlugins));
+        this.authWrapper = getFirst(arguments, (arg) => arg.authWrapper);
+        this.hydrate = hydrate(combine(arguments, (arg) => arg.hydrate));
+        this.beforeSSR = beforeSSR(combine(arguments, (arg) => arg.beforeSSR));
+    }
+    /**
+     * Get the routes
+     * @deprecated
+     */
+    getRoutes(searchPath) {
+        const configuredRoutes = this.getConfiguredRoutes(searchPath);
+        const solidRoutes = this.route.map((component, idx) => React.cloneElement(component, { key: component.props.path }));
+        return this.renderRoutes(configuredRoutes, solidRoutes);
+    }
+    /**
+     * Get the routes2
+     * @param searchPath
+     */
+    getRoutes2(searchPath = '/', searchName) {
+        const configuredRoutes = this.getConfiguredRoutes2(searchPath);
+        return this.renderRoutes2(configuredRoutes, searchName);
+    }
+    /**
+     * Get menus
+     * @deprecated
+     */
+    getMenus(sortByPriority = true) {
+        const menus = this.getConfiguredMenus();
+        return this.sortMenus(sortByPriority, menus);
+    }
+    /**
+     * get configured routes.
+     */
+    getConfiguredRoutes(searchPath = '/') {
+        return this.getSortedRoutes(searchPath, Object.assign({}, ...this.routeConfig), this.authWrapper);
+    }
+    getConfiguredRoutes2(searchPath = '/') {
+        return this.getSortedRoutes2(searchPath, Object.assign({}, ...this.routeConfig), this.authWrapper);
+    }
+    /**
+     * get configured menus.
+     * Note: It overwrites the any duplicate key with latest loaded key.
+     * TODO: Find a way to warn when there are duplicate keys.
+     */
+    getConfiguredMenus(searchPath = '/') {
+        const routes = Object.assign({}, ...this.menuConfig);
+        return getMenus(searchPath, { ...routes });
+    }
+    get navItems() {
+        return this.navItem.map((component, idx) => React.cloneElement(component, {
+            key: component.key ? component.key : idx + this.navItem.length,
+        }));
+    }
+    get navItemsRight() {
+        return this.navItemsRight.map((component, idx) => React.cloneElement(component, {
+            key: component.key ? component.key : idx + this.navItems.length,
+        }));
+    }
+    getWrappedRoot(root, req) {
+        let nestedRoot = root;
+        for (const componentFactory of this.rootComponentFactory) {
+            nestedRoot = React.cloneElement(componentFactory(req), {}, nestedRoot);
+        }
+        return nestedRoot;
+    }
+    getDataRoot(root) {
+        let nestedRoot = root;
+        for (const component of this.dataRootComponent) {
+            nestedRoot = React.createElement(component, {}, nestedRoot);
+        }
+        return nestedRoot;
+    }
+    registerLanguages(monaco) {
+        for (const func of this.languagesFuncs) {
+            func(monaco);
+        }
+    }
+    registerComponentFillPlugins(plugins) {
+        plugins.forEach((i) => {
+            const { name } = i;
+            const isFound = !!getPlugin(name);
+            if (!isFound) {
+                registerPlugin(name, i);
+            }
+        });
+        return plugins;
+    }
+    getComponentFillPlugins() {
+        return getPlugins();
+    }
+}
+//# sourceMappingURL=base-connector.js.map

package/lib/connector/base-connector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-connector.js","sourceRoot":"","sources":["../../src/connector/base-connector.tsx"],"names":[],"mappings":"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"}

package/lib/connector/connector.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { IReactFeature } from '../interfaces';
+import { BaseFeature } from './base-connector';
+export declare class Feature extends BaseFeature implements IReactFeature {
+    protected renderRoutes: (routes: any, solidRoutes: any, extraProps?: {}, switchProps?: {}) => import("react").JSX.Element;
+    protected renderRoutes2: (args: any) => import("react").JSX.Element;
+    protected getSortedRoutes: (path: string, routeData: import("../interfaces").IRouteData, authWrapper?: (ele: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, props: Record<string, any>) => void) => any;
+    protected getSortedRoutes2: (path: string, routeData: import("../interfaces").IRouteData, authWrapper?: (ele: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, props: Record<string, any>) => void) => any;
+}

package/lib/connector/connector.js

@@ -0,0 +1,14 @@
+import { BaseFeature } from './base-connector';
+import { renderRoutes } from '../route/old/render';
+import { renderRoutes2 } from '../route/render-routes';
+import { getSortedRoutes } from '../route/get-routes';
+export class Feature extends BaseFeature {
+    constructor() {
+        super(...arguments);
+        this.renderRoutes = renderRoutes;
+        this.renderRoutes2 = (args) => renderRoutes2({ routes: args });
+        this.getSortedRoutes = getSortedRoutes;
+        this.getSortedRoutes2 = getSortedRoutes;
+    }
+}
+//# sourceMappingURL=connector.js.map

package/lib/connector/connector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connector.js","sourceRoot":"","sources":["../../src/connector/connector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,OAAO,OAAQ,SAAQ,WAAW;IAAxC;;QACc,iBAAY,GAAG,YAAY,CAAC;QAC5B,kBAAa,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1D,oBAAe,GAAG,eAAe,CAAC;QAClC,qBAAgB,GAAG,eAAe,CAAC;IAEjD,CAAC;CAAA"}

package/lib/connector/connector.native.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { IReactFeature } from '../interfaces';
+import { BaseFeature } from './base-connector';
+export declare class Feature extends BaseFeature implements IReactFeature {
+    protected renderRoutes: (args: any) => import("react").JSX.Element;
+    protected renderRoutes2: (arg1: any, arg2: any) => import("react").JSX.Element;
+    protected getSortedRoutes: (path: string, routeData: import("../interfaces").IRouteData, authWrapper?: (ele: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, props: Record<string, any>) => void) => any;
+    protected getSortedRoutes2: (path: string, routeData: import("../interfaces").IRouteData, authWrapper?: (component: import("react").FC<{}>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => any;
+}

package/lib/connector/connector.native.js

@@ -0,0 +1,15 @@
+import { BaseFeature } from './base-connector';
+import { renderRoutes } from '../route/index.native';
+import renderNavigation from '../route/react-navigation/react-navigation-render';
+import { getSortedRoutes } from '../route/get-routes';
+import { getSortedNavigations } from '../route/react-navigation/get-navigation-utils';
+export class Feature extends BaseFeature {
+    constructor() {
+        super(...arguments);
+        this.renderRoutes = (args) => renderRoutes({ routes: args });
+        this.renderRoutes2 = (arg1, arg2) => renderNavigation(arg1[0], arg2);
+        this.getSortedRoutes = getSortedRoutes;
+        this.getSortedRoutes2 = getSortedNavigations;
+    }
+}
+//# sourceMappingURL=connector.native.js.map

package/lib/connector/connector.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connector.native.js","sourceRoot":"","sources":["../../src/connector/connector.native.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,gBAAgB,MAAM,mDAAmD,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AAEtF,MAAM,OAAO,OAAQ,SAAQ,WAAW;IAAxC;;QACc,iBAAY,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACxD,kBAAa,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAChE,oBAAe,GAAG,eAAe,CAAC;QAClC,qBAAgB,GAAG,oBAAoB,CAAC;IACtD,CAAC;CAAA"}

package/lib/connector/connector.test.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Feature } from './connector';
+import { Route } from 'react-router-dom';
+import 'jest';
+describe('Test Feature', () => {
+    it('test Connector with router', () => {
+        const feature = new Feature({ route: React.createElement(Route, { exact: true, path: "/", component: () => React.createElement("div", null, "test") }) });
+        console.log(feature);
+    });
+});
+//# sourceMappingURL=connector.test.js.map

package/lib/connector/connector.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connector.test.js","sourceRoot":"","sources":["../../src/connector/connector.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,MAAM,CAAC;AAEd,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAE1B,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QAClC,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,EAAE,KAAK,EAAE,oBAAC,KAAK,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,EAAE,CAAC,wCAAe,GAAI,EAAE,CAAC,CAAC;QAC1G,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACzB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/lib/connector/index.d.ts

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

package/lib/connector/index.js

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

package/lib/connector/index.js.map

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

package/lib/index.d.ts

@@ -1,6 +1,5 @@
 export { ClientTypes } from '@common-stack/client-core';
-export * from './connector/react-client-feature';
-export * from './connector/monaco-connector';
+export * from './connector';
 export * from './router-factory';
 export * from './route';
 export * from './route/root-navigation';