@common-stack/client-react 0.5.1-alpha.4 → 0.6.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 connector_1 = require("../connector");
+const react_client_feature_1 = require("../connector/react-client-feature");
 describe('Test the registration and retrieval of React Slot Fill Components', () => {
-    const featureA = new connector_1.Feature({
-        componentFillPlugins: [
+    const featureA = new react_client_feature_1.ReactClientFeature({
+        componentFillPluginIn: [
             {
                 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 connector_1.Feature({
-        componentFillPlugins: [
+    const featureB = new react_client_feature_1.ReactClientFeature({
+        componentFillPluginIn: [
             {
                 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 connector_1.Feature(featureA, featureB);
+        const finalFeature = new react_client_feature_1.ReactClientFeature(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,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"}
+{"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"}

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

@@ -30,7 +30,7 @@ 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 connector_1 = require("../connector");
+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");
@@ -55,12 +55,12 @@ describe('integration', () => {
                 path: '/pepper',
                 component: Comp,
                 exact: false,
-                routes: [
+                children: [
                     {
                         path: '/pepper/:type',
                         component: Comp,
                         exact: false,
-                        routes: [
+                        children: [
                             {
                                 path: '/pepper/:type/scoville',
                                 component: Comp,
@@ -71,17 +71,16 @@ describe('integration', () => {
                 ],
             },
         ];
-        const connector = new connector_1.Feature({ routeConfig: genRoutes });
+        const connector = new react_client_feature_1.ReactClientFeature({ routeConfigIn: 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)));
         expect(branch).toMatchSnapshot();
-        expect(branch.length).toEqual(2);
-        expect(rendered.length).toEqual(2);
+        expect(branch.length).toEqual(1);
+        expect(rendered.length).toEqual(1);
         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,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,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,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,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;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"}
+{"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"}

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

@@ -42,7 +42,7 @@ 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 connector_1 = require("../connector");
+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' });
@@ -70,7 +70,7 @@ describe('renderRoutes', () => {
             },
         ];
         const routes = [routeToMatch];
-        const connector = new connector_1.Feature({ routeConfig: genRoutes });
+        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)));
         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,4CAAuC;AACvC,+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,mBAAO,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;QAE1D,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,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"}

package/lib/connector/base-react-client-feature.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { ApolloClientFeature } from '@common-stack/client-core';
+import { IPlugin, IReactClientFeature, IReactClientFeatureShape, RootComponentFactory } from '../interfaces/react-client-feature';
+import { IMenuData, IRouteData } from '../interfaces';
+export declare abstract class BaseReactClientFeature extends ApolloClientFeature implements IReactClientFeature {
+    readonly sidebarSegmentsIn?: any[];
+    readonly routerFactoryIn?: any[];
+    readonly routeConfigIn?: IRouteData[];
+    readonly stylesIn?: string[];
+    readonly scriptsIn?: string[];
+    readonly rootComponentFactoryIn?: RootComponentFactory[];
+    readonly dataRootComponentIn?: React.ComponentType<{}>[];
+    readonly navItemIn?: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    readonly navItemRightIn?: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    protected abstract renderRoutes: any;
+    protected abstract getSortedRoutes: any;
+    constructor(...modules: IReactClientFeatureShape[]);
+    getRoutes(searchPath: string, searchName?: string): any;
+    getMenus(sortByPriority: boolean): any;
+    getConfiguredRoutes(searchPath?: string): any;
+    getComponentFillPlugins(): import("../plugin-area").WorbenchExtension[];
+    menuConfigIn?: IMenuData[];
+    componentFillPluginIn?: IPlugin[];
+    authWrapperIn?: (ele: React.ReactElement<any, string | React.JSXElementConstructor<any>>, props: Record<string, any>) => void;
+    getDataRoot(root: React.ReactElement<any, string | React.JSXElementConstructor<any>>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    getWrappedRoot(root: React.ReactElement<any, string | React.JSXElementConstructor<any>>, req?: Request): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    private registerComponentFillPlugins;
+    private getConfiguredMenus;
+    private sortMenusByPriority;
+    private sortMenus;
+}

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

@@ -23,19 +23,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseFeature = void 0;
+exports.BaseReactClientFeature = 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");
-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);
+class BaseReactClientFeature extends client_core_1.ApolloClientFeature {
+    constructor(...modules) {
+        super(...modules);
         this.sortMenusByPriority = (menus) => {
             return (0, lodash_1.sortBy)(menus, (obj) => parseInt(obj.priority, 10));
         };
@@ -50,88 +46,36 @@ class BaseFeature extends client_core_1.AbstractFeature {
                 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);
+        (0, fractal_objects_1.foldTo)(this, modules);
     }
-    /**
-     * Get the routes
-     * @deprecated
-     */
-    getRoutes(searchPath) {
+    getRoutes(searchPath, searchName) {
         const configuredRoutes = this.getConfiguredRoutes(searchPath);
-        const solidRoutes = this.route.map((component, idx) => React.cloneElement(component, { key: component.props.path }));
-        return this.renderRoutes(configuredRoutes, solidRoutes);
+        return this.renderRoutes(configuredRoutes, searchName);
     }
-    /**
-     * Get the routes2
-     * @param searchPath
-     */
-    getRoutes2(searchPath = '/', searchName) {
-        const configuredRoutes = this.getConfiguredRoutes2(searchPath);
-        return this.renderRoutes2(configuredRoutes, searchName);
-    }
-    /**
-     * Get menus
-     * @deprecated
-     */
-    getMenus(sortByPriority = true) {
+    getMenus(sortByPriority) {
         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 (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,
-        }));
+        return this.getSortedRoutes(searchPath, Object.assign({}, ...this.routeConfigIn), this.authWrapperIn);
     }
-    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;
+    getComponentFillPlugins() {
+        this.registerComponentFillPlugins(this.componentFillPluginIn);
+        return (0, plugin_area_1.getPlugins)();
     }
     getDataRoot(root) {
         let nestedRoot = root;
-        for (const component of this.dataRootComponent) {
+        for (const component of this.dataRootComponentIn) {
             nestedRoot = React.createElement(component, {}, nestedRoot);
         }
         return nestedRoot;
     }
-    registerLanguages(monaco) {
-        for (const func of this.languagesFuncs) {
-            func(monaco);
+    getWrappedRoot(root, req) {
+        let nestedRoot = root;
+        for (const componentFactory of this.rootComponentFactoryIn) {
+            nestedRoot = React.cloneElement(componentFactory(req), {}, nestedRoot);
         }
+        return nestedRoot;
     }
     registerComponentFillPlugins(plugins) {
         plugins.forEach((i) => {
@@ -143,9 +87,9 @@ class BaseFeature extends client_core_1.AbstractFeature {
         });
         return plugins;
     }
-    getComponentFillPlugins() {
-        return (0, plugin_area_1.getPlugins)();
+    getConfiguredMenus(searchPath = '/') {
+        new Error('Need to be figured');
     }
 }
-exports.BaseFeature = BaseFeature;
-//# sourceMappingURL=base-connector.js.map
+exports.BaseReactClientFeature = BaseReactClientFeature;
+//# sourceMappingURL=base-react-client-feature.js.map

package/lib/connector/base-react-client-feature.js.map

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

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

@@ -0,0 +1,19 @@
+import { ApolloClientFeature } from '@common-stack/client-core';
+import { IMonacoClientFeature, IMonacoClientFeatureShape } from '../interfaces/monaco-feature';
+declare class MonacoClientFeature extends ApolloClientFeature implements IMonacoClientFeature {
+    readonly languagesFuncs?: any;
+    readonly leftMainPanelItems?: any;
+    readonly middleMainPanelItems?: any;
+    readonly middleMainPanelItemsProps?: any;
+    readonly leftFooterItems?: any;
+    readonly rightFooterItems?: any;
+    readonly middleLowerPanelItems?: any;
+    constructor(...modules: IMonacoClientFeatureShape[]);
+    get leftMainPanel(): any;
+    get middleMainPanel(): any;
+    get leftFooter(): any;
+    get rightFooter(): any;
+    get middleLowerPanel(): any;
+    registerLanguages(monaco: any): void;
+}
+export { MonacoClientFeature };

package/lib/connector/monaco-connector.js

@@ -0,0 +1,76 @@
+"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 });
+exports.MonacoClientFeature = void 0;
+const React = __importStar(require("react"));
+const client_core_1 = require("@common-stack/client-core");
+const fractal_objects_1 = require("fractal-objects");
+const lodash_1 = require("lodash");
+class MonacoClientFeature extends client_core_1.ApolloClientFeature {
+    constructor(...modules) {
+        super(...modules);
+        (0, fractal_objects_1.foldTo)(this, modules);
+    }
+    get leftMainPanel() {
+        return (0, lodash_1.merge)({}, ...(this.leftMainPanelItems || []));
+    }
+    get middleMainPanel() {
+        const panelObj = (0, lodash_1.merge)({}, ...(this.middleMainPanelItems || []));
+        const withProps = {};
+        Object.keys(panelObj).forEach(key => {
+            const props = this.middleMainPanelItemsProps.filter(el => !!el[key]);
+            let mergedProps = [];
+            props.forEach(el => {
+                const insideEl = el[key];
+                Object.keys(insideEl).forEach(item => {
+                    if (mergedProps[item]) {
+                        mergedProps[item] = [...mergedProps[item], ...insideEl[item]];
+                    }
+                    else {
+                        mergedProps = Object.assign(Object.assign({}, mergedProps), { [item]: insideEl[item] });
+                    }
+                });
+            });
+            return withProps[key] = React.cloneElement(panelObj[key], mergedProps);
+        });
+        return withProps;
+    }
+    get leftFooter() {
+        return this.leftFooterItems;
+    }
+    get rightFooter() {
+        return this.rightFooterItems;
+    }
+    get middleLowerPanel() {
+        return (0, lodash_1.merge)({}, ...(this.middleLowerPanelItems || []));
+    }
+    registerLanguages(monaco) {
+        for (const func of this.languagesFuncs) {
+            func(monaco);
+        }
+    }
+}
+exports.MonacoClientFeature = MonacoClientFeature;
+//# sourceMappingURL=monaco-connector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"monaco-connector.js","sourceRoot":"","sources":["../../src/connector/monaco-connector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,2DAAgE;AAChE,qDAAyC;AACzC,mCAA+B;AAG/B,MAAM,mBAAoB,SAAQ,iCAAmB;IASjD,YAAY,GAAG,OAAoC;QAC/C,KAAK,CAAC,GAAG,OAAO,CAAC,CAAC;QAClB,IAAA,wBAAM,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC1B,CAAC;IAGD,IAAI,aAAa;QACb,OAAO,IAAA,cAAK,EAAC,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,kBAAkB,IAAI,EAAE,CAAC,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,eAAe;QACf,MAAM,QAAQ,GAAG,IAAA,cAAK,EAAC,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,oBAAoB,IAAI,EAAE,CAAC,CAAC,CAAC;QACjE,MAAM,SAAS,GAAG,EAAS,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAChC,MAAM,KAAK,GAAG,IAAI,CAAC,yBAAyB,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;YACrE,IAAI,WAAW,GAAG,EAAE,CAAC;YACrB,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;gBACf,MAAM,QAAQ,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;gBACzB,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;oBACjC,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE;wBACnB,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;qBACjE;yBAAM;wBACH,WAAW,mCAAQ,WAAW,KAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAE,CAAC;qBAC5D;gBACL,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YACH,OAAO,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,YAAY,CACtC,QAAQ,CAAC,GAAG,CAAC,EACb,WAAW,CACd,CAAC;QACN,CAAC,CAAC,CAAC;QACH,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,IAAI,UAAU;QACV,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IAED,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;IAED,IAAI,gBAAgB;QAChB,OAAO,IAAA,cAAK,EAAC,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,qBAAqB,IAAI,EAAE,CAAC,CAAC,CAAC;IAC5D,CAAC;IAEM,iBAAiB,CAAC,MAAM;QAC3B,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,cAAc,EAAE;YACpC,IAAI,CAAC,MAAM,CAAC,CAAC;SAChB;IACL,CAAC;CACJ;AAEQ,kDAAmB"}

package/lib/connector/react-client-feature.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { BaseReactClientFeature } from './base-react-client-feature';
+import { IReactClientFeature } from '../interfaces/react-client-feature';
+export declare class ReactClientFeature extends BaseReactClientFeature implements IReactClientFeature {
+    protected renderRoutes: (args: any) => JSX.Element;
+    protected getSortedRoutes: (path: string, routeData: import("..").IRouteData, authWrapper?: (ele: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, props: Record<string, any>) => void) => any;
+}

package/lib/connector/react-client-feature.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactClientFeature = void 0;
+const render_routes_1 = require("../route/render-routes");
+const get_routes_1 = require("../route/get-routes");
+const base_react_client_feature_1 = require("./base-react-client-feature");
+class ReactClientFeature extends base_react_client_feature_1.BaseReactClientFeature {
+    constructor() {
+        super(...arguments);
+        this.renderRoutes = (args) => (0, render_routes_1.renderRoutes2)({ routes: args });
+        this.getSortedRoutes = get_routes_1.getSortedRoutes;
+    }
+}
+exports.ReactClientFeature = ReactClientFeature;
+//# sourceMappingURL=react-client-feature.js.map

package/lib/connector/react-client-feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-client-feature.js","sourceRoot":"","sources":["../../src/connector/react-client-feature.tsx"],"names":[],"mappings":";;;AAAA,0DAAuD;AACvD,oDAAsD;AACtD,2EAAqE;AAGrE,MAAa,kBAAmB,SAAQ,kDAAsB;IAA9D;;QACc,iBAAY,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAA,6BAAa,EAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACzD,oBAAe,GAAG,4BAAe,CAAC;IAChD,CAAC;CAAA;AAHD,gDAGC"}

package/lib/connector/react-client-feature.native.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { BaseReactClientFeature } from './base-react-client-feature';
+import { IReactClientFeature } from '../interfaces/react-client-feature';
+export declare class ReactClientFeature extends BaseReactClientFeature implements IReactClientFeature {
+    protected renderRoutes: (arg1: any, arg2: any) => JSX.Element;
+    protected getSortedRoutes: (path: string, routeData: import("..").IRouteData, authWrapper?: (component: import("react").FC<{}>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => any;
+}

package/lib/connector/react-client-feature.native.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactClientFeature = void 0;
+const base_react_client_feature_1 = require("./base-react-client-feature");
+const get_navigation_utils_1 = require("../route/react-navigation/get-navigation-utils");
+const react_navigation_render_1 = __importDefault(require("../route/react-navigation/react-navigation-render"));
+class ReactClientFeature extends base_react_client_feature_1.BaseReactClientFeature {
+    constructor() {
+        super(...arguments);
+        this.renderRoutes = (arg1, arg2) => (0, react_navigation_render_1.default)(arg1[0], arg2);
+        this.getSortedRoutes = get_navigation_utils_1.getSortedNavigations;
+    }
+}
+exports.ReactClientFeature = ReactClientFeature;
+//# sourceMappingURL=react-client-feature.native.js.map

package/lib/connector/react-client-feature.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-client-feature.native.js","sourceRoot":"","sources":["../../src/connector/react-client-feature.native.tsx"],"names":[],"mappings":";;;;;;AAAA,2EAAqE;AACrE,yFAAsF;AACtF,gHAAiF;AAGjF,MAAa,kBAAmB,SAAQ,kDAAsB;IAA9D;;QACc,iBAAY,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAA,iCAAgB,EAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAC/D,oBAAe,GAAG,2CAAoB,CAAC;IACrD,CAAC;CAAA;AAHD,gDAGC"}

package/lib/connector/react-client-feature.test.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("jest");
+describe('Test Feature', () => {
+    it('test Connector with router', () => {
+        // const feature = new ReactClientFeature({ routeConfigIn: <Route exact={true} path="/" component={() => <div>test</div>} /> });
+        // console.log(feature);
+    });
+});
+//# sourceMappingURL=react-client-feature.test.js.map

package/lib/connector/react-client-feature.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-client-feature.test.js","sourceRoot":"","sources":["../../src/connector/react-client-feature.test.tsx"],"names":[],"mappings":";;AAIA,gBAAc;AAEd,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAE1B,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QAClC,gIAAgI;QAChI,wBAAwB;IAC5B,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/lib/index.d.ts

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

package/lib/index.js

@@ -17,7 +17,8 @@ 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"), exports);
+__exportStar(require("./connector/react-client-feature"), exports);
+__exportStar(require("./connector/monaco-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,8CAA4B;AAC5B,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,mEAAiD;AACjD,+DAA6C;AAC7C,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/connector.native';
+export * from './connector/react-client-feature.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/connector.native"), exports);
+__exportStar(require("./connector/react-client-feature.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,+DAA6C;AAC7C,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,0EAAwD;AACxD,gEAA8C;AAC9C,uDAAqC;AACrC,2EAAyD;AACzD,0CAAwB;AACxB,+CAA6B;AAC7B,6DAA2C;AAC3C,4DAA0C;AAC1C,8CAA4B"}

package/lib/interfaces/extended-feature.d.ts

@@ -1,50 +0,0 @@
-import * as React from 'react';
-import { IFeature } from '@common-stack/client-core';
-import { IMappedData, IRouteData } from './router';
-import { IMenuData } from './menu';
-import { ComponentElement } from 'react';
-export interface IPlugin {
-    name: string;
-    icon?: string | ComponentElement<any, any> | Function;
-    render: React.FC<any>;
-}
-export declare type IReactFeature = IFeature & IReactModuleShape & {
-    readonly getRouter: any;
-    /**
-     * @returns client-side React route components list
-     */
-    readonly getRoutes: any;
-    readonly getConfiguredRoutes: any;
-    readonly getMenus: any;
-    readonly getConfiguredMenus: any;
-    readonly routeConfig: IRouteData;
-    readonly menuConfig: IMappedData;
-    componentFillPlugins: IPlugin[];
-    /**
-     * React component of all fill of each plugin.
-     */
-    getComponentFillPlugins(): IPlugin[];
-    /**
-     * Authentication Wrapper for secured routes
-     */
-    readonly authWrapper?: (ele: React.ReactElement, props: Record<string, any>) => void;
-};
-export declare type IReactModuleShape = {
-    /**
-     * @param route Route list
-     */
-    readonly route?: any;
-    /**
-     * @param routeConfig Custom route data to create React Routers
-     */
-    readonly routeConfig?: IRouteData | IRouteData[];
-    /**
-     * @param menuConfig Menu data to create side menu
-     */
-    readonly menuConfig?: IMenuData | IMenuData[];
-    readonly componentFillPlugins?: IPlugin[];
-    /**
-     * Authentication Wrapper for secured routes
-     */
-    readonly authWrapper?: (ele: React.ReactElement, props: Record<string, any>) => void;
-};