@common-stack/client-react 0.2.12 → 0.2.14

package/lib/route/react-navigation/get-navigation-utils.js

@@ -0,0 +1,78 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNavigation = exports.getSortedNavigations = void 0;
+const interfaces_1 = require("../../interfaces");
+const utils_1 = require("../../utils");
+const getSortedNavigations = (path, routeData) => {
+    const sortedRoutes = (0, utils_1.sortKeys)(routeData);
+    return getNavigation(path, sortedRoutes);
+};
+exports.getSortedNavigations = getSortedNavigations;
+function getNavigation(path, routeData) {
+    if (!path.startsWith('/')) {
+        throw new Error('Invalid path!');
+    }
+    let searchPath = path;
+    if (path[path.length - 1] !== '/') {
+        searchPath = path + '/';
+    }
+    const childrens = Object.keys(routeData).filter(menuPath => {
+        return menuPath.indexOf(searchPath) === 0 || menuPath === path;
+    });
+    const mappedMenuPaths = childrens.map(mPath => {
+        return Object.assign({ route: mPath, position: interfaces_1.IMenuPosition.MIDDLE }, routeData[mPath]);
+    });
+    const root = {
+        // just to satisfy types added following
+        // TOOD need to correct types so we don't have to enter them.
+        name: 'root',
+        position: interfaces_1.IMenuPosition.LOGO,
+    };
+    mappedMenuPaths.forEach(routeItem => {
+        const children = routeItem.route.split('/');
+        children.shift();
+        // if the route is `/` then add this correction.
+        if (routeItem.path === '/') {
+            children.shift();
+            children.push('/');
+        }
+        const depth = children.length;
+        let lastNode = root;
+        for (let i = 0; i < depth; i++) {
+            const lastIndex = (lastNode.children || []).findIndex(item => {
+                var _a;
+                const routePath = `${item._pathPrefix}${item.path}`;
+                if (routeItem.route.startsWith(routePath)) {
+                    // only if the parent path has `exact: false` allows to nested
+                    return routeItem.route[routePath.length] === '/' && ((_a = routeData[routePath]) === null || _a === void 0 ? void 0 : _a.exact) === false;
+                }
+            });
+            if (lastIndex === -1) {
+                break;
+            }
+            lastNode = lastNode.children[lastIndex];
+            const lastNodePath = `${lastNode._pathPrefix}${lastNode.path}`;
+            lastNode.exact = routeData[lastNodePath].hasOwnProperty('exact') ? routeData[lastNodePath].exact : false;
+        }
+        if (!lastNode.children) {
+            lastNode.children = [];
+        }
+        const { route: ignore, auth } = routeItem, rest = __rest(routeItem, ["route", "auth"]);
+        const pathParams = (0, utils_1.formatSlash)(routeItem.route);
+        lastNode.children.push(Object.assign(Object.assign(Object.assign({}, rest), pathParams), { exact: routeData[routeItem.route].hasOwnProperty('exact') ? routeData[routeItem.route].exact : true }));
+    });
+    return root.children;
+}
+exports.getNavigation = getNavigation;
+//# sourceMappingURL=get-navigation-utils.js.map

package/lib/route/react-navigation/get-navigation-utils.js.map

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

package/lib/route/react-navigation/get-navigation-utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/route/react-navigation/get-navigation-utils.test.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const get_navigation_utils_1 = require("./get-navigation-utils");
+const stack_1 = require("@react-navigation/stack");
+const bottom_tabs_1 = require("@react-navigation/bottom-tabs");
+const connector_native_1 = require("../../connector/connector.native");
+const MyComponent = () => { };
+describe('getRoutes utility with basic routes', () => {
+    const routerConfig1 = {
+        ['/']: {
+            exact: false,
+            container: (0, stack_1.createStackNavigator)(),
+            name: 'MainStack',
+            props: {
+                initialRouteName: 'Guest',
+                screenOptions: {
+                    headerShown: false,
+                },
+            },
+        },
+        ['//guest']: {
+            container: (0, bottom_tabs_1.createBottomTabNavigator)(),
+            exact: false,
+            name: 'Guest',
+            props: {
+                initialRouteName: 'Home',
+                screenOptions: {
+                    headerShown: false,
+                    tabBarLabel: 'About',
+                    // tabBarIcon: ({ color }) => <Ionicons name="person" size={24} color={color} />,
+                },
+            },
+        },
+        ['//guest/home']: {
+            name: 'Home',
+            props: {
+                initialParams: {},
+                component: MyComponent,
+                options: {
+                    headerShown: true,
+                    tabBarLabel: 'Home',
+                    headerTitle: 'Home',
+                    // tabBarIcon: ({ color }) => <Ionicons name="home" size={24} color={color} />,
+                },
+            },
+        },
+        ['//guest/about']: {
+            exact: false,
+            container: (0, stack_1.createStackNavigator)(),
+            name: 'About',
+            props: {
+                initialRouteName: 'Hello',
+            },
+        },
+        ['//guest/about/hello']: {
+            name: 'Hello',
+            props: {
+                initialParams: {},
+                component: MyComponent,
+                options: {
+                    headerTitle: 'About',
+                },
+            },
+        },
+        ['//guest/about/personalinfo']: {
+            name: 'Personal Info',
+            props: {
+                initialParams: { name: 'Test' },
+                component: MyComponent,
+                options: {
+                    headerTitle: 'Personal Info',
+                },
+            },
+        },
+        ['//setting']: {
+            name: 'Setting',
+            props: {
+                initialParams: {},
+                component: MyComponent,
+                options: {
+                    headerShown: true,
+                    headerTitle: 'Settings',
+                    headerBackTitle: 'Back',
+                },
+            },
+            exact: false,
+        },
+    };
+    it('getNavigation ', () => {
+        const Navigation = (0, get_navigation_utils_1.getNavigation)('/', routerConfig1);
+        expect(Navigation).toMatchSnapshot();
+    });
+    it('with feature', () => {
+        const feature = new connector_native_1.Feature({ routeConfig: routerConfig1 });
+        const Navigation = feature.getConfiguredRoutes2('/');
+        expect(Navigation).toMatchSnapshot();
+        const Render = feature.getRoutes2('/', 'MainStack');
+        expect(Render).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=get-navigation-utils.test.js.map

package/lib/route/react-navigation/get-navigation-utils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-navigation-utils.test.js","sourceRoot":"","sources":["../../../src/route/react-navigation/get-navigation-utils.test.tsx"],"names":[],"mappings":"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"}

package/lib/route/react-navigation/index.d.ts

@@ -0,0 +1,2 @@
+export * from './react-navigation-render';
+export * from './get-navigation-utils';

package/lib/route/react-navigation/index.js

@@ -0,0 +1,19 @@
+"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("./react-navigation-render"), exports);
+__exportStar(require("./get-navigation-utils"), exports);
+//# sourceMappingURL=index.js.map

package/lib/route/react-navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/route/react-navigation/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4DAA0C;AAC1C,yDAAuC"}

package/lib/route/react-navigation/react-navigation-orig.js

@@ -0,0 +1,44 @@
+// import React from 'react';
+// import { NavigatorItem, isStackOrTab } from './types';
+// const childrenToRoutes = (
+//     children: { [name: string]: NavigatorItem },
+//     parentNavigator: NavigatorItem,
+//     parentRouteName: string,
+// ) => Object.entries(children).map(([key, child]: any) => resolveRoute(key, child, parentNavigator, parentRouteName));
+// const resolveRoute = (
+//     routeName: string | null,
+//     route: any,
+//     // parentNavigator: NavigatorItem,
+//     parentNavigator: any,
+//     parentRouteName: string,
+// ) => {
+//     if (isStackOrTab(route)) {
+//         const navigatorRouteName = parentRouteName + (routeName === null ? '' : '.' + routeName);
+//         const navigator = (
+//             <route.container.Navigator
+//                 {...route.props}
+//                 key={navigatorRouteName}
+//                 children={childrenToRoutes(route.children, route, navigatorRouteName)}
+//             />
+//         );
+//         if (!parentNavigator) {
+//             return navigator;
+//         } else {
+//             return (
+//                 <parentNavigator.container.Screen
+//                     key={navigatorRouteName}
+//                     name={navigatorRouteName}
+//                     children={() => navigator}
+//                 />
+//             );
+//         }
+//     } else {
+//         const { component: C, ...rest } = route.props;
+//         const screenName = parentRouteName + '.' + routeName;
+//         return <parentNavigator.container.Screen {...rest} key={screenName} name={screenName} children={() => <C />} />;
+//     }
+// };
+// const resolveRootRoute = (rootRoute: NavigatorItem, rootRouteName: string) =>
+//     resolveRoute(null, rootRoute, null, rootRouteName);
+// export default resolveRootRoute;
+//# sourceMappingURL=react-navigation-orig.js.map

package/lib/route/react-navigation/react-navigation-orig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-navigation-orig.js","sourceRoot":"","sources":["../../../src/route/react-navigation/react-navigation-orig.tsx"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,yDAAyD;AAEzD,6BAA6B;AAC7B,mDAAmD;AACnD,sCAAsC;AACtC,+BAA+B;AAC/B,wHAAwH;AAExH,yBAAyB;AACzB,gCAAgC;AAChC,kBAAkB;AAClB,yCAAyC;AACzC,4BAA4B;AAC5B,+BAA+B;AAC/B,SAAS;AACT,iCAAiC;AACjC,oGAAoG;AACpG,8BAA8B;AAC9B,yCAAyC;AACzC,mCAAmC;AACnC,2CAA2C;AAC3C,yFAAyF;AACzF,iBAAiB;AACjB,aAAa;AACb,kCAAkC;AAClC,gCAAgC;AAChC,mBAAmB;AACnB,uBAAuB;AACvB,oDAAoD;AACpD,+CAA+C;AAC/C,gDAAgD;AAChD,iDAAiD;AACjD,qBAAqB;AACrB,iBAAiB;AACjB,YAAY;AACZ,eAAe;AACf,yDAAyD;AACzD,gEAAgE;AAChE,2HAA2H;AAC3H,QAAQ;AACR,KAAK;AAEL,gFAAgF;AAChF,0DAA0D;AAE1D,mCAAmC"}

package/lib/route/react-navigation/react-navigation-orig.test.js

@@ -0,0 +1,91 @@
+// import React from 'react';
+// // import { Ionicons } from '@expo/vector-icons';
+// import { createStackNavigator } from '@react-navigation/stack';
+// import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+// // import { NavigationContainer } from '@react-navigation/native';
+// import { RootAppNavigators } from './types';
+// import resolveRootRoute from './react-navigation-render1';
+// const SampleComponent = () => <></>
+// // export const Navigation = () => {
+// describe('react-navigation ', () => {
+//     const rootRoutes: RootAppNavigators = {
+//         MainStack: {
+//             container: createStackNavigator(),
+//             props: {
+//                 initialRouteName: 'Guest',
+//                 screenOptions: {
+//                     headerShown: false,
+//                 },
+//             },
+//             children: {
+//                 Guest: {
+//                     container: createBottomTabNavigator(),
+//                     props: {
+//                         initialRouteName: 'Home',
+//                         screenOptions: {
+//                             headerShown: false,
+//                             tabBarLabel: 'About',
+//                             // tabBarIcon: ({ color }) => <Ionicons name="person" size={24} color={color} />,
+//                         },
+//                     },
+//                     children: {
+//                         Home: {
+//                             props: {
+//                                 initialParams: {},
+//                                 component: SampleComponent,
+//                                 options: {
+//                                     headerShown: true,
+//                                     tabBarLabel: 'Home',
+//                                     headerTitle: 'Home',
+//                                     // tabBarIcon: ({ color }) => <Ionicons name="home" size={24} color={color} />,
+//                                 },
+//                             },
+//                         },
+//                         About: {
+//                             container: createStackNavigator(),
+//                             props: {
+//                                 initialRouteName: 'Hello',
+//                             },
+//                             children: {
+//                                 Hello: {
+//                                     props: {
+//                                         initialParams: {},
+//                                         component: SampleComponent,
+//                                         options: {
+//                                             headerTitle: 'About',
+//                                         },
+//                                     },
+//                                 },
+//                                 PersonalInfo: {
+//                                     props: {
+//                                         initialParams: { name: 'Test' },
+//                                         component: SampleComponent,
+//                                         options: {
+//                                             headerTitle: 'Personal Info',
+//                                         },
+//                                     },
+//                                 },
+//                             },
+//                         },
+//                     },
+//                 },
+//                 Setting: {
+//                     props: {
+//                         initialParams: {},
+//                         component: SampleComponent,
+//                         options: {
+//                             headerShown: true,
+//                             headerTitle: 'Settings',
+//                             headerBackTitle: 'Back',
+//                         },
+//                     },
+//                 },
+//             },
+//         },
+//     };
+//     const MainStack = resolveRootRoute(rootRoutes.MainStack, 'MainStack');
+//     it('test component', () => {
+//         expect(MainStack).toMatchSnapshot();
+//     })
+// })
+//# sourceMappingURL=react-navigation-orig.test.js.map

package/lib/route/react-navigation/react-navigation-orig.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-navigation-orig.test.js","sourceRoot":"","sources":["../../../src/route/react-navigation/react-navigation-orig.test.tsx"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,oDAAoD;AACpD,kEAAkE;AAClE,4EAA4E;AAC5E,qEAAqE;AACrE,+CAA+C;AAC/C,6DAA6D;AAE7D,sCAAsC;AACtC,uCAAuC;AACvC,wCAAwC;AACxC,8CAA8C;AAC9C,uBAAuB;AACvB,iDAAiD;AACjD,uBAAuB;AACvB,6CAA6C;AAC7C,mCAAmC;AACnC,0CAA0C;AAC1C,qBAAqB;AACrB,iBAAiB;AACjB,0BAA0B;AAC1B,2BAA2B;AAC3B,6DAA6D;AAC7D,+BAA+B;AAC/B,oDAAoD;AACpD,2CAA2C;AAC3C,kDAAkD;AAClD,oDAAoD;AACpD,gHAAgH;AAChH,6BAA6B;AAC7B,yBAAyB;AACzB,kCAAkC;AAClC,kCAAkC;AAClC,uCAAuC;AACvC,qDAAqD;AACrD,8DAA8D;AAC9D,6CAA6C;AAC7C,yDAAyD;AACzD,2DAA2D;AAC3D,2DAA2D;AAC3D,sHAAsH;AACtH,qCAAqC;AACrC,iCAAiC;AACjC,6BAA6B;AAC7B,mCAAmC;AACnC,iEAAiE;AACjE,uCAAuC;AACvC,6DAA6D;AAC7D,iCAAiC;AACjC,0CAA0C;AAC1C,2CAA2C;AAC3C,+CAA+C;AAC/C,6DAA6D;AAC7D,sEAAsE;AACtE,qDAAqD;AACrD,oEAAoE;AACpE,6CAA6C;AAC7C,yCAAyC;AACzC,qCAAqC;AACrC,kDAAkD;AAClD,+CAA+C;AAC/C,2EAA2E;AAC3E,sEAAsE;AACtE,qDAAqD;AACrD,4EAA4E;AAC5E,6CAA6C;AAC7C,yCAAyC;AACzC,qCAAqC;AACrC,iCAAiC;AACjC,6BAA6B;AAC7B,yBAAyB;AACzB,qBAAqB;AACrB,6BAA6B;AAC7B,+BAA+B;AAC/B,6CAA6C;AAC7C,sDAAsD;AACtD,qCAAqC;AACrC,iDAAiD;AACjD,uDAAuD;AACvD,uDAAuD;AACvD,6BAA6B;AAC7B,yBAAyB;AACzB,qBAAqB;AACrB,iBAAiB;AACjB,aAAa;AACb,SAAS;AAET,6EAA6E;AAC7E,mCAAmC;AACnC,+CAA+C;AAC/C,SAAS;AACT,KAAK"}

package/lib/route/react-navigation/react-navigation-render.d.ts

@@ -0,0 +1,2 @@
+declare const resolveRootRoute: (rootRoute: any, rootRouteName: string) => JSX.Element;
+export default resolveRootRoute;

package/lib/route/react-navigation/react-navigation-render.js

@@ -0,0 +1,43 @@
+"use strict";
+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 });
+const react_1 = __importDefault(require("react"));
+const types_1 = require("./types");
+const childrenToRoutes = (children, parentNavigator, parentRouteName) => {
+    return children.map((child) => resolveRoute(child.name, child, parentNavigator, parentRouteName));
+};
+const resolveRoute = (routeName, route, 
+// parentNavigator: NavigatorItem,
+parentNavigator, parentRouteName) => {
+    if ((0, types_1.isStackOrTab)(route)) {
+        const navigatorRouteName = parentRouteName + (routeName === null ? '' : '.' + routeName);
+        const navigator = (react_1.default.createElement(route.container.Navigator, Object.assign({}, route.props, { key: navigatorRouteName, children: childrenToRoutes(route.children, route, navigatorRouteName) })));
+        if (!parentNavigator) {
+            return navigator;
+        }
+        else {
+            return (react_1.default.createElement(parentNavigator.container.Screen, { key: navigatorRouteName, name: navigatorRouteName, children: () => navigator }));
+        }
+    }
+    else {
+        const _a = route.props, { component: C } = _a, rest = __rest(_a, ["component"]);
+        const screenName = parentRouteName + '.' + routeName;
+        return react_1.default.createElement(parentNavigator.container.Screen, Object.assign({}, rest, { key: screenName, name: screenName, children: () => react_1.default.createElement(C, null) }));
+    }
+};
+const resolveRootRoute = (rootRoute, rootRouteName) => resolveRoute(null, rootRoute, null, rootRouteName);
+exports.default = resolveRootRoute;
+//# sourceMappingURL=react-navigation-render.js.map

package/lib/route/react-navigation/react-navigation-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-navigation-render.js","sourceRoot":"","sources":["../../../src/route/react-navigation/react-navigation-render.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,mCAAsD;AAEtD,MAAM,gBAAgB,GAAG,CACrB,QAA8C,EAC9C,eAA8B,EAC9B,eAAuB,EACzB,EAAE;IACA,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;AACtG,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,CACjB,SAAwB,EACxB,KAAU;AACV,kCAAkC;AAClC,eAAoB,EACpB,eAAuB,EACzB,EAAE;IACA,IAAI,IAAA,oBAAY,EAAC,KAAK,CAAC,EAAE;QACrB,MAAM,kBAAkB,GAAG,eAAe,GAAG,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC;QACzF,MAAM,SAAS,GAAG,CACd,8BAAC,KAAK,CAAC,SAAS,CAAC,SAAS,oBAClB,KAAK,CAAC,KAAK,IACf,GAAG,EAAE,kBAAkB,EACvB,QAAQ,EAAE,gBAAgB,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,kBAAkB,CAAC,IACvE,CACL,CAAC;QACF,IAAI,CAAC,eAAe,EAAE;YAClB,OAAO,SAAS,CAAC;SACpB;aAAM;YACH,OAAO,CACH,8BAAC,eAAe,CAAC,SAAS,CAAC,MAAM,IAC7B,GAAG,EAAE,kBAAkB,EACvB,IAAI,EAAE,kBAAkB,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,GAC3B,CACL,CAAC;SACL;KACJ;SAAM;QACH,MAAM,KAA4B,KAAK,CAAC,KAAK,EAAvC,EAAE,SAAS,EAAE,CAAC,OAAyB,EAApB,IAAI,cAAvB,aAAyB,CAAc,CAAC;QAC9C,MAAM,UAAU,GAAG,eAAe,GAAG,GAAG,GAAG,SAAS,CAAC;QACrD,OAAO,8BAAC,eAAe,CAAC,SAAS,CAAC,MAAM,oBAAK,IAAI,IAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,8BAAC,CAAC,OAAG,IAAI,CAAC;KACnH;AACL,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,SAAc,EAAE,aAAqB,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;AAEvH,kBAAe,gBAAgB,CAAC"}

package/lib/route/react-navigation/react-navigation-render.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/route/react-navigation/react-navigation-render.test.js

@@ -0,0 +1,101 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+// import { Ionicons } from '@expo/vector-icons';
+const stack_1 = require("@react-navigation/stack");
+const bottom_tabs_1 = require("@react-navigation/bottom-tabs");
+const react_navigation_render_1 = __importDefault(require("./react-navigation-render"));
+const SampleComponent = () => react_1.default.createElement(react_1.default.Fragment, null);
+// export const Navigation = () => {
+describe('react-navigation ', () => {
+    const rootRoutes = [
+        {
+            container: (0, stack_1.createStackNavigator)(),
+            name: 'MainStack',
+            props: {
+                initialRouteName: 'Guest',
+                screenOptions: {
+                    headerShown: false,
+                },
+            },
+            children: [
+                {
+                    name: 'Guest',
+                    container: (0, bottom_tabs_1.createBottomTabNavigator)(),
+                    props: {
+                        initialRouteName: 'Home',
+                        screenOptions: {
+                            headerShown: false,
+                            tabBarLabel: 'About',
+                            // tabBarIcon: ({ color }) => <Ionicons name="person" size={24} color={color} />,
+                        },
+                    },
+                    children: [
+                        {
+                            name: 'Home',
+                            props: {
+                                initialParams: {},
+                                component: SampleComponent,
+                                options: {
+                                    headerShown: true,
+                                    tabBarLabel: 'Home',
+                                    headerTitle: 'Home',
+                                    // tabBarIcon: ({ color }) => <Ionicons name="home" size={24} color={color} />,
+                                },
+                            },
+                        },
+                        {
+                            name: 'About',
+                            container: (0, stack_1.createStackNavigator)(),
+                            props: {
+                                initialRouteName: 'Hello',
+                            },
+                            children: [
+                                {
+                                    name: 'Hello',
+                                    props: {
+                                        initialParams: {},
+                                        component: SampleComponent,
+                                        options: {
+                                            headerTitle: 'About',
+                                        },
+                                    },
+                                },
+                                {
+                                    name: 'PersonalInfo',
+                                    props: {
+                                        initialParams: { name: 'Test' },
+                                        component: SampleComponent,
+                                        options: {
+                                            headerTitle: 'Personal Info',
+                                        },
+                                    },
+                                },
+                            ],
+                        },
+                    ],
+                },
+                {
+                    name: 'Setting',
+                    props: {
+                        initialParams: {},
+                        component: SampleComponent,
+                        options: {
+                            headerShown: true,
+                            headerTitle: 'Settings',
+                            headerBackTitle: 'Back',
+                        },
+                    },
+                },
+            ],
+        },
+    ];
+    const MainStack = (0, react_navigation_render_1.default)(rootRoutes[0], 'MainStack');
+    it('test component', () => {
+        expect(MainStack).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=react-navigation-render.test.js.map

package/lib/route/react-navigation/react-navigation-render.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-navigation-render.test.js","sourceRoot":"","sources":["../../../src/route/react-navigation/react-navigation-render.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iDAAiD;AACjD,mDAA+D;AAC/D,+DAAyE;AAGzE,wFAAyD;AAEzD,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,6DAAK,CAAA;AACnC,oCAAoC;AACpC,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAC/B,MAAM,UAAU,GAAG;QACf;YACI,SAAS,EAAE,IAAA,4BAAoB,GAAE;YACjC,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE;gBACH,gBAAgB,EAAE,OAAO;gBACzB,aAAa,EAAE;oBACX,WAAW,EAAE,KAAK;iBACrB;aACJ;YACD,QAAQ,EAAE;gBACN;oBACI,IAAI,EAAE,OAAO;oBACb,SAAS,EAAE,IAAA,sCAAwB,GAAE;oBACrC,KAAK,EAAE;wBACH,gBAAgB,EAAE,MAAM;wBACxB,aAAa,EAAE;4BACX,WAAW,EAAE,KAAK;4BAClB,WAAW,EAAE,OAAO;4BACpB,iFAAiF;yBACpF;qBACJ;oBACD,QAAQ,EAAE;wBACN;4BACI,IAAI,EAAE,MAAM;4BACZ,KAAK,EAAE;gCACH,aAAa,EAAE,EAAE;gCACjB,SAAS,EAAE,eAAe;gCAC1B,OAAO,EAAE;oCACL,WAAW,EAAE,IAAI;oCACjB,WAAW,EAAE,MAAM;oCACnB,WAAW,EAAE,MAAM;oCACnB,+EAA+E;iCAClF;6BACJ;yBACJ;wBACD;4BACI,IAAI,EAAE,OAAO;4BACb,SAAS,EAAE,IAAA,4BAAoB,GAAE;4BACjC,KAAK,EAAE;gCACH,gBAAgB,EAAE,OAAO;6BAC5B;4BACD,QAAQ,EAAE;gCACN;oCACI,IAAI,EAAE,OAAO;oCACb,KAAK,EAAE;wCACH,aAAa,EAAE,EAAE;wCACjB,SAAS,EAAE,eAAe;wCAC1B,OAAO,EAAE;4CACL,WAAW,EAAE,OAAO;yCACvB;qCACJ;iCACJ;gCACD;oCACI,IAAI,EAAE,cAAc;oCACpB,KAAK,EAAE;wCACH,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;wCAC/B,SAAS,EAAE,eAAe;wCAC1B,OAAO,EAAE;4CACL,WAAW,EAAE,eAAe;yCAC/B;qCACJ;iCACJ;6BACJ;yBACJ;qBACJ;iBACJ;gBACD;oBACI,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE;wBACH,aAAa,EAAE,EAAE;wBACjB,SAAS,EAAE,eAAe;wBAC1B,OAAO,EAAE;4BACL,WAAW,EAAE,IAAI;4BACjB,WAAW,EAAE,UAAU;4BACvB,eAAe,EAAE,MAAM;yBAC1B;qBACJ;iBACJ;aACJ;SACJ;KACJ,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,iCAAgB,EAAC,UAAU,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;IAC/D,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE;QACtB,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;IACxC,CAAC,CAAC,CAAA;AACN,CAAC,CAAC,CAAA"}

package/lib/route/react-navigation/routes.d.ts

@@ -0,0 +1,11 @@
+export interface INavigationProps {
+    container: any;
+    props: {
+        options: any;
+        initialRouteName: string;
+        component: any;
+    };
+    children: {
+        [key: string]: INavigationProps;
+    }[];
+}

package/lib/route/react-navigation/routes.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=routes.js.map

package/lib/route/react-navigation/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.js","sourceRoot":"","sources":["../../../src/route/react-navigation/routes.ts"],"names":[],"mappings":""}

package/lib/route/react-navigation/types.d.ts

@@ -0,0 +1,28 @@
+import { ComponentProps } from 'react';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import { createStackNavigator } from '@react-navigation/stack';
+interface Navigator<T extends (...args: any) => any> {
+    container: ReturnType<T>;
+    props: Omit<ComponentProps<ReturnType<T>['Navigator']>, 'name' | 'children'>;
+    children: (NavigatorItem & {
+        name: string;
+    })[];
+}
+export declare type TabNavigator = Navigator<typeof createBottomTabNavigator>;
+export declare type StackNavigationNavigator = Navigator<typeof createStackNavigator>;
+interface StackNavigationScreen {
+    props: Omit<ComponentProps<ReturnType<typeof createStackNavigator>['Screen']>, 'name'> & {
+        component: any;
+    };
+}
+interface TabNavigationScreen {
+    props: Omit<ComponentProps<ReturnType<typeof createBottomTabNavigator>['Screen']>, 'name'> & {
+        component: any;
+    };
+}
+export declare type NavigatorItem = StackNavigationNavigator | StackNavigationScreen | TabNavigator | TabNavigationScreen;
+export declare type RootAppNavigators = {
+    [routeName: string]: NavigatorItem;
+};
+export declare const isStackOrTab: (s: NavigatorItem) => s is Navigator<any>;
+export {};

package/lib/route/react-navigation/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isStackOrTab = void 0;
+const isStackOrTab = (s) => s.hasOwnProperty('children');
+exports.isStackOrTab = isStackOrTab;
+//# sourceMappingURL=types.js.map

package/lib/route/react-navigation/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/route/react-navigation/types.tsx"],"names":[],"mappings":";;;AA2BO,MAAM,YAAY,GAAG,CAAC,CAAgB,EAAuB,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;AAAvF,QAAA,YAAY,gBAA2E"}

package/lib/route/render-routes.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IRouterRederOptions } from '../interfaces/new-router';
 declare function renderRoutes(opts: IRouterRederOptions): JSX.Element;
 export { renderRoutes as renderRoutes2 };

package/lib/route/render-routes.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -47,8 +51,8 @@ function wrapInitialPropsFetch(route, opts) {
     const { component } = route, restRouteParams = __rest(route, ["component"]);
     let Component = route.component;
     function ComponentWithInitialPropsFetch(props) {
-        const [initialProps, setInitialProps] = react_1.useState(() => window.g_initialProps);
-        react_1.useEffect(() => {
+        const [initialProps, setInitialProps] = (0, react_1.useState)(() => window.g_initialProps);
+        (0, react_1.useEffect)(() => {
             /**
              * 1. 首次渲染时，此时 window.g_initialProps 变量存在，不需要再走一次 getInitialProps，这样一次 SSR 就走了 2 次 getInitialProps
              * 2. 但是路由切换时，window.getInitialProps 会被赋为 null，这时候就走 getInitialProps 逻辑
@@ -110,7 +114,7 @@ function render({ route, opts, props, }) {
         if (wrappers) {
             let len = wrappers.length - 1;
             while (len >= 0) {
-                ret = react_1.createElement(wrappers[len], newProps, ret);
+                ret = (0, react_1.createElement)(wrappers[len], newProps, ret);
                 len -= 1;
             }
         }