nx-react-native-cli 1.0.16 → 1.0.18

package/templates/apps/mobile/src/utils/log.util.ts

@@ -0,0 +1,40 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable no-console */
+/* global __DEV__ */
+import SimpleToast from 'react-native-simple-toast';
+
+export const devLog = (message?: any, ...optionalParams: any[]) => {
+  if (__DEV__) {
+    console.log(message, ...optionalParams);
+  }
+};
+
+export const logToast = (message?: any, ...optionalParams: any[]) => {
+  if (__DEV__) {
+    devLog(message, ...optionalParams);
+    SimpleToast.show(message, SimpleToast.SHORT);
+  }
+};
+
+export const toast = (message: string) => {
+  SimpleToast.show(message, SimpleToast.SHORT);
+};
+
+export function comingSoon() {
+  toast('Feature coming soon');
+}
+
+export const prettyJSON = (obj: any) => JSON.stringify(obj, null, 2);
+
+export const startTimer = () => Date.now();
+
+export const endTimer = (startTime: number, label = 'total duration', enableDebug = false) => {
+  const endTime = Date.now();
+  const duration = endTime - startTime;
+
+  if (enableDebug) {
+    devLog(`${label}: ${duration}ms`);
+  }
+
+  return duration;
+};

package/templates/apps/mobile/src/utils/route.util.ts

@@ -0,0 +1,48 @@
+/* eslint-disable max-params */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { CommonActions, NavigationState, ParamListBase, Route } from '@react-navigation/native';
+
+export function getPreviousRouteName(navigationState: NavigationState<ParamListBase>) {
+  const routes = navigationState.routes;
+  const currentIndex = navigationState.index;
+
+  if (currentIndex > 0) {
+    return routes[currentIndex - 1].name;
+  }
+
+  return null;
+}
+
+export function getCurrentRouteName(navigation: any) {
+  return navigation.getState().routes[navigation.getState().index].name;
+}
+
+export function navigationPop(navigation: any, frequency = 2) {
+  navigation.dispatch((state: any) => {
+    const routes = state.routes.slice(0, -frequency);
+
+    return CommonActions.reset({
+      ...state,
+      index: routes.length - 1,
+      routes,
+    });
+  });
+}
+
+export function navigationNavigateAndReset(
+  navigation: any,
+  routeName: string,
+  frequency = 1,
+  params?: any,
+) {
+  navigation.dispatch((state: any) => {
+    const routes = state.routes.slice(0, -frequency);
+    routes.push({ name: routeName, params });
+
+    return CommonActions.reset({
+      ...state,
+      index: routes.length - 1,
+      routes,
+    });
+  });
+}

package/templates/apps/mobile/test-setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-native/extend-expect';

package/templates/apps/mobile/tsconfig.spec.json

@@ -0,0 +1,20 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "include": [
+    "jest.config.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.d.ts"
+  ]
+}

package/templates/apps/mobile/src/components/atoms/Button/outlined-button.component.tsx

@@ -1,59 +0,0 @@
-import React from 'react';
-import {
-  ActivityIndicator,
-  StyleProp,
-  TextStyle,
-  TouchableOpacity,
-  TouchableOpacityProps,
-  View,
-  ViewStyle,
-} from 'react-native';
-
-import { colors, disabledInputStyle, tw } from '../../../tailwind';
-import { DefaultComponentProps } from '../../../types/component.type';
-import { Text } from '../Text';
-
-type Props = DefaultComponentProps &
-  TouchableOpacityProps & {
-    buttonStyle?: StyleProp<ViewStyle>;
-    children?: React.ReactNode;
-    isLoading?: boolean;
-    textStyle?: StyleProp<TextStyle>;
-    title?: string;
-  };
-
-const ACTIVE_OPACITY = 0.5;
-
-export function OutlinedButton(props: Props): JSX.Element {
-  const {
-    activeOpacity = ACTIVE_OPACITY,
-    buttonStyle,
-    children,
-    isDisabled = false,
-    isLoading = false,
-    style,
-    textStyle,
-    title = 'Button',
-    ...rest
-  } = props;
-  const disabled = isDisabled || isLoading;
-  const display = children ? (
-    children
-  ) : (
-    <Text style={[tw`text-primary-700 font-medium`, textStyle]}>{title}</Text>
-  );
-
-  return (
-    <TouchableOpacity activeOpacity={activeOpacity} disabled={disabled} style={[style]} {...rest}>
-      <View
-        style={[
-          tw`border-primary-700 items-center justify-center rounded-md border-2 bg-white p-4`,
-          buttonStyle,
-          disabledInputStyle(disabled),
-        ]}
-      >
-        {isLoading ? <ActivityIndicator color={colors.primary[100]} /> : display}
-      </View>
-    </TouchableOpacity>
-  );
-}

package/templates/apps/mobile/src/components/atoms/Text/index.ts

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

package/templates/apps/mobile/src/screens/LoginScreen/login.screen.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-
-import { ScreenContainer, Text } from '../../components';
-import { PublicScreenProps, Screens } from '../../routes';
-import { tw } from '../../tailwind';
-
-export function LoginScreen(props: PublicScreenProps<Screens.LOGIN>) {
-  return (
-    <ScreenContainer style={tw`bg-gray-50`}>
-      <Text>Login</Text>
-    </ScreenContainer>
-  );
-}