@common-stack/client-react 0.6.1-alpha.4 → 3.0.1-alpha.0

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

@@ -25,46 +25,46 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 require("jest");
-const react_client_feature_1 = require("../connector/react-client-feature");
+const connector_1 = require("../connector");
 describe('Test the registration and retrieval of React Slot Fill Components', () => {
-    const featureA = new react_client_feature_1.ReactClientFeature({
-        componentFillPluginIn: [
+    const featureA = new connector_1.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 connector_1.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 connector_1.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,6CAA+B;AAC/B,gBAAc;AACd,4CAAqC;AAGrC,QAAQ,CAAC,mEAAmE,EAAE,GAAG,EAAE;IAC/E,MAAM,QAAQ,GAAG,IAAI,mBAAO,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,mBAAO,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,mBAAO,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__/integrated-routes.test.js

@@ -22,22 +22,19 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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' });
+const server_1 = require("react-router-dom/server");
+const react_router_dom_1 = require("react-router-dom");
+const connector_1 = require("../connector");
+const server_2 = require("@cdm-logger/server");
+const logger = server_2.ConsoleLogger.create('test', { level: 'trace' });
 require("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), (0, react_router_dom_1.renderMatches)(routes));
         const genRoutes = [
             {
                 ['/ghost']: { component: Comp },
@@ -55,12 +52,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 +68,17 @@ describe('integration', () => {
                 ],
             },
         ];
-        const connector = new react_client_feature_1.ReactClientFeature({ routeConfigIn: genRoutes });
+        const connector = new connector_1.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 = (0, react_router_dom_1.matchRoutes)(connectorRoutes, pathname);
+        ReactDOMServer.renderToString(React.createElement(server_1.StaticRouter, { location: pathname }, (0, react_router_dom_1.renderMatches)(connectorRoutes)));
         expect(branch).toMatchSnapshot();
-        expect(branch.length).toEqual(1);
-        expect(rendered.length).toEqual(1);
-        expect(branch[0].match).toEqual(rendered[0]);
+        expect(branch.length).toEqual(2);
+        expect(rendered.length).toEqual(2);
+        expect(branch[0].pathname).toEqual(rendered[0]);
+        expect(branch[1].pathname).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,6CAA+B;AAC/B,iEAAmD;AACnD,oDAAuD;AACvD,uDAA8D;AAC9D,4CAAuC;AACvC,+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,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAA,gCAAa,EAAC,MAAM,CAAC,CAAC,CAAC;QAE7F,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,EAAE,KAAK,EAAE,KAAK,EAAE;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,mBAAO,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,IAAA,8BAAW,EAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;QACtD,cAAc,CAAC,cAAc,CACzB,oBAAC,qBAAY,IAAC,QAAQ,EAAE,QAAQ,IAC3B,IAAA,gCAAa,EAAC,eAAe,CAAC,CACpB,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,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QAChD,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

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

@@ -33,20 +33,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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");
+const server_1 = require("react-router-dom/server");
+const react_router_dom_1 = require("react-router-dom");
+const connector_1 = require("../connector");
+const server_2 = require("@cdm-logger/server");
 require("jest");
-exports.logger = server_1.ConsoleLogger.create('test', { level: 'trace' });
-const { StaticRouter } = react_router_1.default;
+exports.logger = server_2.ConsoleLogger.create('test', { level: 'trace' });
 describe('renderRoutes', () => {
     let renderedRoutes;
     let renderedExtraProps;
@@ -54,7 +50,7 @@ describe('renderRoutes', () => {
         var { route, route: { routes } } = _a, extraProps = __rest(_a, ["route", "route"]);
         return (renderedRoutes.push(route),
             renderedExtraProps.push(extraProps),
-            (0, react_router_config_1.renderRoutes)(routes));
+            (0, react_router_dom_1.renderMatches)(routes));
     };
     beforeEach(() => {
         renderedRoutes = [];
@@ -70,8 +66,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 connector_1.Feature({ routeConfig: genRoutes });
+        ReactDOMServer.renderToString(React.createElement(server_1.StaticRouter, { location: "/path" }, (0, react_router_dom_1.renderMatches)(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,6CAA+B;AAC/B,iEAAmD;AACnD,oDAAuD;AACvD,uDAAiD;AACjD,4CAAuC;AACvC,+CAA2E;AAE3E,gBAAc;AAED,QAAA,MAAM,GAAsB,sBAAa,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;AAE1F,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,gCAAa,EAAC,MAAM,CAAC,CACtB,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,mBAAO,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;QAE1D,cAAc,CAAC,cAAc,CAC3B,oBAAC,qBAAY,IAAC,QAAQ,EAAC,OAAO,IAC3B,IAAA,gCAAa,EAAC,MAAa,CAAC,CAChB,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, IModuleShape } from '@common-stack/client-core';
+import { IReactFeature, IReactModuleShape } from '../interfaces';
+type FeatureParam = IModuleShape & IReactModuleShape;
+export declare abstract class BaseFeature extends AbstractFeature implements IReactFeature {
+    componentFillPlugins: any;
+    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;
+}
+export {};

package/lib/connector/{base-react-client-feature.js → base-connector.js}

@@ -23,22 +23,19 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseReactClientFeature = void 0;
+exports.BaseFeature = void 0;
 const React = __importStar(require("react"));
-const fractal_objects_1 = require("fractal-objects");
 const client_core_1 = require("@common-stack/client-core");
+const get_menus_1 = require("../route/old/get-menus");
 const lodash_1 = require("lodash");
 const plugin_area_1 = require("../plugin-area");
-class BaseReactClientFeature extends client_core_1.ApolloClientFeature {
-    constructor(...modules) {
-        super(...modules);
-        this.sidebarSegmentsIn = [];
-        this.routerFactoryIn = [];
-        this.routeConfigIn = [];
-        this.stylesIn = [];
-        this.scriptsIn = [];
-        this.navItemIn = [];
-        this.navItemRightIn = [];
+const combine = (features, extractor) => (0, lodash_1.without)((0, lodash_1.union)(...(0, lodash_1.map)(features, res => (0, lodash_1.castArray)(extractor(res)))), undefined);
+const getFirst = (features, extractor) => extractor((0, lodash_1.find)(features, (res) => extractor(res)) || {});
+class BaseFeature extends client_core_1.AbstractFeature {
+    constructor(feature, 
+    // tslint:disable:trailing-comma
+    ...features) {
+        super(feature, ...features);
         this.sortMenusByPriority = (menus) => {
             return (0, lodash_1.sortBy)(menus, (obj) => parseInt(obj.priority, 10));
         };
@@ -53,37 +50,89 @@ class BaseReactClientFeature extends client_core_1.ApolloClientFeature {
                 return menus;
             }
         };
-        (0, fractal_objects_1.foldTo)(this, modules);
+        // 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);
     }
-    getRoutes(searchPath, searchName) {
+    /**
+     * Get the routes
+     * @deprecated
+     */
+    getRoutes(searchPath) {
         const configuredRoutes = this.getConfiguredRoutes(searchPath);
-        return this.renderRoutes(configuredRoutes, searchName);
+        const solidRoutes = this.route.map((component, idx) => React.cloneElement(component, { key: component.props.path }));
+        return this.renderRoutes(configuredRoutes, solidRoutes);
     }
-    getMenus(sortByPriority) {
+    /**
+     * 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.routeConfigIn), this.authWrapperIn);
+        return this.getSortedRoutes(searchPath, Object.assign({}, ...this.routeConfig), this.authWrapper);
     }
-    getComponentFillPlugins() {
-        this.registerComponentFillPlugins(this.componentFillPluginIn);
-        return (0, plugin_area_1.getPlugins)();
+    getConfiguredRoutes2(searchPath = '/') {
+        return this.getSortedRoutes2(searchPath, Object.assign({}, ...this.routeConfig), this.authWrapper);
     }
-    getDataRoot(root) {
+    /**
+     * 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 (0, get_menus_1.getMenus)(searchPath, Object.assign({}, 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 component of this.dataRootComponentIn || []) {
-            nestedRoot = React.createElement(component, {}, nestedRoot);
+        for (const componentFactory of this.rootComponentFactory) {
+            nestedRoot = React.cloneElement(componentFactory(req), {}, nestedRoot);
         }
         return nestedRoot;
     }
-    getWrappedRoot(root, req) {
+    getDataRoot(root) {
         let nestedRoot = root;
-        for (const componentFactory of this.rootComponentFactoryIn || []) {
-            nestedRoot = React.cloneElement(componentFactory(req), {}, nestedRoot);
+        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;
@@ -94,9 +143,9 @@ class BaseReactClientFeature extends client_core_1.ApolloClientFeature {
         });
         return plugins;
     }
-    getConfiguredMenus(searchPath = '/') {
-        new Error('Need to be figured');
+    getComponentFillPlugins() {
+        return (0, plugin_area_1.getPlugins)();
     }
 }
-exports.BaseReactClientFeature = BaseReactClientFeature;
-//# sourceMappingURL=base-react-client-feature.js.map
+exports.BaseFeature = BaseFeature;
+//# 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,10 @@
+/// <reference types="react" />
+import { IReactFeature } from '../interfaces';
+import { BaseFeature } from './base-connector';
+import { renderRoutes2 } from '../route/render-routes';
+export declare class Feature extends BaseFeature implements IReactFeature {
+    protected renderRoutes: (routes: any, solidRoutes: any, extraProps?: {}) => import("react").JSX.Element;
+    protected renderRoutes2: typeof renderRoutes2;
+    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,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Feature = void 0;
+const base_connector_1 = require("./base-connector");
+const render_1 = require("../route/old/render");
+const render_routes_1 = require("../route/render-routes");
+const get_routes_1 = require("../route/get-routes");
+class Feature extends base_connector_1.BaseFeature {
+    constructor() {
+        super(...arguments);
+        this.renderRoutes = render_1.renderRoutes;
+        this.renderRoutes2 = render_routes_1.renderRoutes2;
+        this.getSortedRoutes = get_routes_1.getSortedRoutes;
+        this.getSortedRoutes2 = get_routes_1.getSortedRoutes;
+    }
+}
+exports.Feature = Feature;
+//# 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,qDAA+C;AAC/C,gDAAmD;AACnD,0DAAuD;AACvD,oDAAsD;AAEtD,MAAa,OAAQ,SAAQ,4BAAW;IAAxC;;QACc,iBAAY,GAAG,qBAAY,CAAC;QAC5B,kBAAa,GAAG,6BAAa,CAAC;QAC9B,oBAAe,GAAG,4BAAe,CAAC;QAClC,qBAAgB,GAAG,4BAAe,CAAC;IAEjD,CAAC;CAAA;AAND,0BAMC"}

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,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Feature = void 0;
+const base_connector_1 = require("./base-connector");
+const index_native_1 = require("../route/index.native");
+const react_navigation_render_1 = __importDefault(require("../route/react-navigation/react-navigation-render"));
+const get_routes_1 = require("../route/get-routes");
+const get_navigation_utils_1 = require("../route/react-navigation/get-navigation-utils");
+class Feature extends base_connector_1.BaseFeature {
+    constructor() {
+        super(...arguments);
+        this.renderRoutes = (args) => (0, index_native_1.renderRoutes)({ routes: args });
+        this.renderRoutes2 = (arg1, arg2) => (0, react_navigation_render_1.default)(arg1[0], arg2);
+        this.getSortedRoutes = get_routes_1.getSortedRoutes;
+        this.getSortedRoutes2 = get_navigation_utils_1.getSortedNavigations;
+    }
+}
+exports.Feature = Feature;
+//# 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,qDAA+C;AAC/C,wDAAqD;AACrD,gHAAiF;AACjF,oDAAsD;AACtD,yFAAsF;AAEtF,MAAa,OAAQ,SAAQ,4BAAW;IAAxC;;QACc,iBAAY,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAA,2BAAY,EAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACxD,kBAAa,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAA,iCAAgB,EAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAChE,oBAAe,GAAG,4BAAe,CAAC;QAClC,qBAAgB,GAAG,2CAAoB,CAAC;IACtD,CAAC;CAAA;AALD,0BAKC"}

package/lib/{application/config.js → connector/connector.test.js}

@@ -23,16 +23,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.config = void 0;
-const envalid = __importStar(require("envalid"));
-const { str, bool, num } = envalid;
-// export const config = envalid.cleanEnv(process.env, {
-//     NODE_ENV: str({ default: 'production', choices: ['production', 'staging', 'development', 'test'] }),
-//     LOCAL_GRAPHQL_URL: str({ default: __GRAPHQL_URL__ }),
-//     GRAPHQL_URL: str({ devDefault: __GRAPHQL_URL__ }),
-// });
-exports.config = {
-    LOCAL_GRAPHQL_URL: 'http://localhost',
-    GRAPHQL_URL: 'http://localhost',
-};
-//# sourceMappingURL=config.js.map
+const React = __importStar(require("react"));
+const connector_1 = require("./connector");
+const react_router_dom_1 = require("react-router-dom");
+require("jest");
+describe('Test Feature', () => {
+    it('test Connector with router', () => {
+        const feature = new connector_1.Feature({ route: React.createElement(react_router_dom_1.Route, { path: "/", element: 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,6CAA+B;AAC/B,2CAAsC;AACtC,uDAAyC;AAEzC,gBAAc;AAEd,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAE1B,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QAClC,MAAM,OAAO,GAAG,IAAI,mBAAO,CAAC,EAAE,KAAK,EAAE,oBAAC,wBAAK,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,wCAAe,GAAI,EAAE,CAAC,CAAC;QACrF,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,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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./connector"), exports);
+//# 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,8CAA4B"}

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';

package/lib/index.js

@@ -17,8 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ClientTypes = void 0;
 var client_core_1 = require("@common-stack/client-core");
 Object.defineProperty(exports, "ClientTypes", { enumerable: true, get: function () { return client_core_1.ClientTypes; } });
-__exportStar(require("./connector/react-client-feature"), exports);
-__exportStar(require("./connector/monaco-connector"), exports);
+__exportStar(require("./connector"), exports);
 __exportStar(require("./router-factory"), exports);
 __exportStar(require("./route"), exports);
 __exportStar(require("./route/root-navigation"), exports);

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,yDAAwD;AAA/C,0GAAA,WAAW,OAAA;AACpB,mEAAiD;AACjD,+DAA6C;AAC7C,mDAAiC;AACjC,0CAAwB;AACxB,0DAAwC;AACxC,0CAAwB;AACxB,+CAA6B;AAC7B,gDAA8B;AAC9B,4DAA0C;AAC1C,8CAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,yDAAwD;AAA/C,0GAAA,WAAW,OAAA;AACpB,8CAA4B;AAC5B,mDAAiC;AACjC,0CAAwB;AACxB,0DAAwC;AACxC,0CAAwB;AACxB,+CAA6B;AAC7B,gDAA8B;AAC9B,4DAA0C;AAC1C,8CAA4B"}

package/lib/index.native.d.ts

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

package/lib/index.native.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ClientTypes = void 0;
 var client_core_1 = require("@common-stack/client-core");
 Object.defineProperty(exports, "ClientTypes", { enumerable: true, get: function () { return client_core_1.ClientTypes; } });
-__exportStar(require("./connector/react-client-feature.native"), exports);
+__exportStar(require("./connector/connector.native"), exports);
 __exportStar(require("./router-factory/index.native"), exports);
 __exportStar(require("./route/index.native"), exports);
 __exportStar(require("./route/react-navigation/root-navigation"), exports);

package/lib/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","sourceRoot":"","sources":["../src/index.native.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,yDAAwD;AAA/C,0GAAA,WAAW,OAAA;AACpB,0EAAwD;AACxD,gEAA8C;AAC9C,uDAAqC;AACrC,2EAAyD;AACzD,0CAAwB;AACxB,+CAA6B;AAC7B,6DAA2C;AAC3C,4DAA0C;AAC1C,8CAA4B"}
+{"version":3,"file":"index.native.js","sourceRoot":"","sources":["../src/index.native.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,yDAAwD;AAA/C,0GAAA,WAAW,OAAA;AACpB,+DAA6C;AAC7C,gEAA8C;AAC9C,uDAAqC;AACrC,2EAAyD;AACzD,0CAAwB;AACxB,+CAA6B;AAC7B,6DAA2C;AAC3C,4DAA0C;AAC1C,8CAA4B"}