@computools/react-native-template-controller 0.0.2 → 0.0.4

package/template/android/app/build.gradle

@@ -153,6 +153,7 @@ dependencies {
     implementation("com.facebook.react:react-android")
 
     implementation("androidx.swiperefreshlayout:swiperefreshlayout:1.0.0")
+    implementation("androidx.core:core-splashscreen:1.0.0")
 
     debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}")
     debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {

package/template/android/app/src/main/AndroidManifest.xml

@@ -8,7 +8,7 @@
       android:icon="@mipmap/ic_launcher"
       android:roundIcon="@mipmap/ic_launcher_round"
       android:allowBackup="false"
-      android:theme="@style/AppTheme">
+      android:theme="@style/BootTheme">
       <activity
         android:name=".MainActivity"
         android:label="@string/app_name"

package/template/android/app/src/main/java/com/reactnativetemplate/MainActivity.java

@@ -1,6 +1,8 @@
 package com.reactnativetemplate;
 
+import android.os.Bundle;
 import com.facebook.react.ReactActivity;
+import com.zoontek.rnbootsplash.RNBootSplash;
 import com.facebook.react.ReactActivityDelegate;
 import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint;
 import com.facebook.react.defaults.DefaultReactActivityDelegate;
@@ -16,6 +18,12 @@ public class MainActivity extends ReactActivity {
     return "ReactNativeTemplate";
   }
 
+  @Override
+  protected void onCreate(Bundle savedInstanceState) {
+    RNBootSplash.init(this);
+    super.onCreate(savedInstanceState);
+  }
+
   /**
    * Returns the instance of the {@link ReactActivityDelegate}. Here we use a util class {@link
    * DefaultReactActivityDelegate} which allows you to easily enable Fabric and Concurrent React

package/template/android/app/src/main/res/drawable/launch_screen.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item
+        android:drawable="@color/primary"/>
+    <item
+        android:width="109dp"
+        android:height="109dp"
+        android:gravity="center">
+        <bitmap android:src="@mipmap/logo" />
+    </item>
+</layer-list>

package/template/android/app/src/main/res/values/colors.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="primary">#cdff3a</color>
+</resources>

package/template/android/app/src/main/res/values/styles.xml

@@ -6,4 +6,9 @@
         <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
     </style>
 
+    <style name="BootTheme" parent="Theme.SplashScreen">
+        <item name="windowSplashScreenBackground">@color/primary</item>
+        <item name="windowSplashScreenAnimatedIcon">@drawable/launch_screen</item>
+        <item name="postSplashScreenTheme">@style/AppTheme</item>
+    </style>
 </resources>

package/template/babel.config.js

@@ -1,3 +1,20 @@
 module.exports = {
   presets: ['module:metro-react-native-babel-preset'],
+  plugins: [
+    [
+      'module-resolver',
+      {
+        extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],
+        root: ['./src'],
+        alias: {
+          '*': '.',
+          '@app': './src/app',
+          '@config': './src/app/config',
+          '@infra': './src/app/infrastructure',
+          '@types': './src/app/types',
+          '@ui-kit': './src/app/ui-kit',
+        },
+      },
+    ],
+  ],
 };

package/template/index.js

@@ -1,9 +1,6 @@
-/**
- * @format
- */
-
 import {AppRegistry} from 'react-native';
-import App from './App';
+
+import {Main} from './src/Main';
 import {name as appName} from './app.json';
 
-AppRegistry.registerComponent(appName, () => App);
+AppRegistry.registerComponent(appName, () => Main);

package/template/ios/ReactNativeTemplate/AppDelegate.mm

@@ -1,4 +1,5 @@
 #import "AppDelegate.h"
+#import "RNBootSplash.h"
 
 #import <React/RCTBundleURLProvider.h>
 
@@ -10,8 +11,10 @@
   // You can add your custom initial props in the dictionary below.
   // They will be passed down to the ViewController used by React Native.
   self.initialProps = @{};
+  [super application:application didFinishLaunchingWithOptions:launchOptions];
+  [RNBootSplash initWithStoryboard:@"LaunchScreen" rootView:self.window.rootViewController.view];
 
-  return [super application:application didFinishLaunchingWithOptions:launchOptions];
+  return YES;
 }
 
 - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge

package/template/ios/ReactNativeTemplate/Images.xcassets/AppIcon.appiconset/Contents.json

@@ -1,53 +1 @@
-{
-  "images" : [
-    {
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "20x20"
-    },
-    {
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "20x20"
-    },
-    {
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "29x29"
-    },
-    {
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "29x29"
-    },
-    {
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "40x40"
-    },
-    {
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "40x40"
-    },
-    {
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "60x60"
-    },
-    {
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "60x60"
-    },
-    {
-      "idiom" : "ios-marketing",
-      "scale" : "1x",
-      "size" : "1024x1024"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}
+{"images":[{"size":"60x60","expected-size":"180","filename":"180.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"3x"},{"size":"40x40","expected-size":"80","filename":"80.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"2x"},{"size":"40x40","expected-size":"120","filename":"120.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"3x"},{"size":"60x60","expected-size":"120","filename":"120.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"2x"},{"size":"57x57","expected-size":"57","filename":"57.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"1x"},{"size":"29x29","expected-size":"58","filename":"58.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"2x"},{"size":"29x29","expected-size":"29","filename":"29.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"1x"},{"size":"29x29","expected-size":"87","filename":"87.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"3x"},{"size":"57x57","expected-size":"114","filename":"114.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"2x"},{"size":"20x20","expected-size":"40","filename":"40.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"2x"},{"size":"20x20","expected-size":"60","filename":"60.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"3x"},{"size":"1024x1024","filename":"1024.png","expected-size":"1024","idiom":"ios-marketing","folder":"Assets.xcassets/AppIcon.appiconset/","scale":"1x"},{"size":"40x40","expected-size":"80","filename":"80.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"ipad","scale":"2x"},{"size":"72x72","expected-size":"72","filename":"72.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"ipad","scale":"1x"},{"size":"76x76","expected-size":"152","filename":"152.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"ipad","scale":"2x"},{"size":"50x50","expected-size":"100","filename":"100.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"ipad","scale":"2x"},{"size":"29x29","expected-size":"58","filename":"58.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"ipad","scale":"2x"},{"size":"76x76","expected-size":"76","filename":"76.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"ipad","scale":"1x"},{"size":"29x29","expected-size":"29","filename":"29.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"ipad","scale":"1x"},{"size":"50x50","expected-size":"50","filename":"50.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"ipad","scale":"1x"},{"size":"72x72","expected-size":"144","filename":"144.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"ipad","scale":"2x"},{"size":"40x40","expected-size":"40","filename":"40.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"ipad","scale":"1x"},{"size":"83.5x83.5","expected-size":"167","filename":"167.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"ipad","scale":"2x"},{"size":"20x20","expected-size":"20","filename":"20.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"ipad","scale":"1x"},{"size":"20x20","expected-size":"40","filename":"40.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"ipad","scale":"2x"}]}

package/template/ios/ReactNativeTemplate/Images.xcassets/Contents.json

@@ -1,6 +1,6 @@
 {
   "info" : {
-    "version" : 1,
-    "author" : "xcode"
+    "author" : "xcode",
+    "version" : 1
   }
 }

package/template/ios/ReactNativeTemplate/Images.xcassets/computools-logo.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "computools-logo-1.svg",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "computools-logo.svg",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "computools-logo-2.svg",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

package/template/ios/ReactNativeTemplate/Images.xcassets/computools-logo.imageset/computools-logo-1.svg

@@ -0,0 +1,3 @@
+<svg width="56" height="44" viewBox="0 0 56 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M54.3485 30.1903C53.2313 29.0731 51.5588 29.0165 48.6969 29.0131C45.7596 28.992 44.6468 28.4123 43.513 27.2785C42.3625 26.1291 41.7783 24.9852 41.7783 21.929C41.7783 18.8506 41.7483 17.1315 40.6012 15.9832C39.424 14.8072 37.6227 14.8061 34.6376 14.8061C31.6525 14.8061 29.8501 14.8061 28.674 15.9832C27.498 17.1604 27.4968 18.9761 27.4957 21.9801C27.4946 24.9841 26.906 26.1302 25.7622 27.274C24.6628 28.3735 23.6077 28.9398 20.8903 29.002C18.7569 28.9554 17.4176 28.6755 16.0161 27.274C14.8934 26.1513 14.317 25.053 14.2837 22.1856C14.3137 19.2982 14.8912 18.1954 16.0161 17.0693C17.1666 15.9199 18.3094 15.3358 21.3667 15.3358C24.0453 15.3358 25.7455 15.2658 26.8527 14.1586C28.031 12.9815 28.031 11.2002 28.031 7.96628C28.031 4.7324 28.031 2.9511 26.8527 1.77393C25.6745 0.596766 23.8765 0.600098 20.8892 0.600098C17.9018 0.600098 16.1028 0.600098 14.9256 1.77838C13.7484 2.95665 13.7484 4.70908 13.7484 7.90298V8.3794C13.7395 10.9492 13.6574 12.5861 12.5935 13.65C11.6251 14.6195 10.2502 14.7905 7.53609 14.8061H6.84978C3.9746 14.8061 2.28881 14.8727 1.17828 15.9843C0 17.1615 0 18.9428 0 22.1767C0 25.4106 0 27.1919 1.17828 28.369C2.28881 29.4796 3.97127 29.544 6.842 29.5473H7.47279C9.95261 29.5595 11.5351 29.6439 12.5935 30.7023C13.7451 31.8539 13.7495 33.6163 13.7495 36.8102V36.8435C13.7495 39.7898 13.8062 41.4567 14.9267 42.5783C16.1039 43.7544 17.9052 43.7555 20.8903 43.7555C23.8754 43.7555 25.6778 43.7555 26.8538 42.5783C28.0299 41.4011 28.0321 39.6187 28.0321 36.3849V36.175C28.0377 33.4941 28.0965 31.7961 29.1882 30.7045C30.251 29.6406 31.889 29.5584 34.4577 29.5495H34.6154C37.2984 29.5495 38.9986 29.6139 40.0903 30.7045C41.1531 31.7684 41.2353 33.4064 41.2453 35.9762V36.4515C41.2453 39.6432 41.253 41.4089 42.4224 42.5783C43.5918 43.7477 45.4009 43.7555 48.386 43.7555C51.3711 43.7555 53.1735 43.7555 54.3496 42.5783C55.5256 41.4011 55.5267 39.6165 55.5267 36.3826C55.5267 33.1488 55.5267 31.3686 54.3485 30.1903Z" fill="black"/>
+</svg>

package/template/ios/ReactNativeTemplate/Images.xcassets/computools-logo.imageset/computools-logo-2.svg

@@ -0,0 +1,3 @@
+<svg width="56" height="44" viewBox="0 0 56 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M54.3485 30.1903C53.2313 29.0731 51.5588 29.0165 48.6969 29.0131C45.7596 28.992 44.6468 28.4123 43.513 27.2785C42.3625 26.1291 41.7783 24.9852 41.7783 21.929C41.7783 18.8506 41.7483 17.1315 40.6012 15.9832C39.424 14.8072 37.6227 14.8061 34.6376 14.8061C31.6525 14.8061 29.8501 14.8061 28.674 15.9832C27.498 17.1604 27.4968 18.9761 27.4957 21.9801C27.4946 24.9841 26.906 26.1302 25.7622 27.274C24.6628 28.3735 23.6077 28.9398 20.8903 29.002C18.7569 28.9554 17.4176 28.6755 16.0161 27.274C14.8934 26.1513 14.317 25.053 14.2837 22.1856C14.3137 19.2982 14.8912 18.1954 16.0161 17.0693C17.1666 15.9199 18.3094 15.3358 21.3667 15.3358C24.0453 15.3358 25.7455 15.2658 26.8527 14.1586C28.031 12.9815 28.031 11.2002 28.031 7.96628C28.031 4.7324 28.031 2.9511 26.8527 1.77393C25.6745 0.596766 23.8765 0.600098 20.8892 0.600098C17.9018 0.600098 16.1028 0.600098 14.9256 1.77838C13.7484 2.95665 13.7484 4.70908 13.7484 7.90298V8.3794C13.7395 10.9492 13.6574 12.5861 12.5935 13.65C11.6251 14.6195 10.2502 14.7905 7.53609 14.8061H6.84978C3.9746 14.8061 2.28881 14.8727 1.17828 15.9843C0 17.1615 0 18.9428 0 22.1767C0 25.4106 0 27.1919 1.17828 28.369C2.28881 29.4796 3.97127 29.544 6.842 29.5473H7.47279C9.95261 29.5595 11.5351 29.6439 12.5935 30.7023C13.7451 31.8539 13.7495 33.6163 13.7495 36.8102V36.8435C13.7495 39.7898 13.8062 41.4567 14.9267 42.5783C16.1039 43.7544 17.9052 43.7555 20.8903 43.7555C23.8754 43.7555 25.6778 43.7555 26.8538 42.5783C28.0299 41.4011 28.0321 39.6187 28.0321 36.3849V36.175C28.0377 33.4941 28.0965 31.7961 29.1882 30.7045C30.251 29.6406 31.889 29.5584 34.4577 29.5495H34.6154C37.2984 29.5495 38.9986 29.6139 40.0903 30.7045C41.1531 31.7684 41.2353 33.4064 41.2453 35.9762V36.4515C41.2453 39.6432 41.253 41.4089 42.4224 42.5783C43.5918 43.7477 45.4009 43.7555 48.386 43.7555C51.3711 43.7555 53.1735 43.7555 54.3496 42.5783C55.5256 41.4011 55.5267 39.6165 55.5267 36.3826C55.5267 33.1488 55.5267 31.3686 54.3485 30.1903Z" fill="black"/>
+</svg>

package/template/ios/ReactNativeTemplate/Images.xcassets/computools-logo.imageset/computools-logo.svg

@@ -0,0 +1,3 @@
+<svg width="56" height="44" viewBox="0 0 56 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M54.3485 30.1903C53.2313 29.0731 51.5588 29.0165 48.6969 29.0131C45.7596 28.992 44.6468 28.4123 43.513 27.2785C42.3625 26.1291 41.7783 24.9852 41.7783 21.929C41.7783 18.8506 41.7483 17.1315 40.6012 15.9832C39.424 14.8072 37.6227 14.8061 34.6376 14.8061C31.6525 14.8061 29.8501 14.8061 28.674 15.9832C27.498 17.1604 27.4968 18.9761 27.4957 21.9801C27.4946 24.9841 26.906 26.1302 25.7622 27.274C24.6628 28.3735 23.6077 28.9398 20.8903 29.002C18.7569 28.9554 17.4176 28.6755 16.0161 27.274C14.8934 26.1513 14.317 25.053 14.2837 22.1856C14.3137 19.2982 14.8912 18.1954 16.0161 17.0693C17.1666 15.9199 18.3094 15.3358 21.3667 15.3358C24.0453 15.3358 25.7455 15.2658 26.8527 14.1586C28.031 12.9815 28.031 11.2002 28.031 7.96628C28.031 4.7324 28.031 2.9511 26.8527 1.77393C25.6745 0.596766 23.8765 0.600098 20.8892 0.600098C17.9018 0.600098 16.1028 0.600098 14.9256 1.77838C13.7484 2.95665 13.7484 4.70908 13.7484 7.90298V8.3794C13.7395 10.9492 13.6574 12.5861 12.5935 13.65C11.6251 14.6195 10.2502 14.7905 7.53609 14.8061H6.84978C3.9746 14.8061 2.28881 14.8727 1.17828 15.9843C0 17.1615 0 18.9428 0 22.1767C0 25.4106 0 27.1919 1.17828 28.369C2.28881 29.4796 3.97127 29.544 6.842 29.5473H7.47279C9.95261 29.5595 11.5351 29.6439 12.5935 30.7023C13.7451 31.8539 13.7495 33.6163 13.7495 36.8102V36.8435C13.7495 39.7898 13.8062 41.4567 14.9267 42.5783C16.1039 43.7544 17.9052 43.7555 20.8903 43.7555C23.8754 43.7555 25.6778 43.7555 26.8538 42.5783C28.0299 41.4011 28.0321 39.6187 28.0321 36.3849V36.175C28.0377 33.4941 28.0965 31.7961 29.1882 30.7045C30.251 29.6406 31.889 29.5584 34.4577 29.5495H34.6154C37.2984 29.5495 38.9986 29.6139 40.0903 30.7045C41.1531 31.7684 41.2353 33.4064 41.2453 35.9762V36.4515C41.2453 39.6432 41.253 41.4089 42.4224 42.5783C43.5918 43.7477 45.4009 43.7555 48.386 43.7555C51.3711 43.7555 53.1735 43.7555 54.3496 42.5783C55.5256 41.4011 55.5267 39.6165 55.5267 36.3826C55.5267 33.1488 55.5267 31.3686 54.3485 30.1903Z" fill="black"/>
+</svg>

package/template/ios/ReactNativeTemplate/LaunchScreen.storyboard

@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="15702" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
-    <device id="retina4_7" orientation="portrait" appearance="light"/>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="19529" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
+    <device id="retina6_0" orientation="portrait" appearance="light"/>
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="15704"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="19519"/>
         <capability name="Safe area layout guides" minToolsVersion="9.0"/>
         <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
@@ -13,30 +13,36 @@
             <objects>
                 <viewController id="01J-lp-oVM" sceneMemberID="viewController">
                     <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
-                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <rect key="frame" x="0.0" y="0.0" width="390" height="844"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="ReactNativeTemplate" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="GJd-Yh-RWb">
-                                <rect key="frame" x="0.0" y="202" width="375" height="43"/>
-                                <fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
-                                <nil key="highlightedColor"/>
-                            </label>
                             <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Powered by React Native" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="MN2-I3-ftu">
-                                <rect key="frame" x="0.0" y="626" width="375" height="21"/>
+                                <rect key="frame" x="0.0" y="769" width="390" height="21"/>
                                 <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                 <nil key="highlightedColor"/>
                             </label>
+                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="computools-logo" translatesAutoresizingMaskIntoConstraints="NO" id="d8w-3P-QVH">
+                                <rect key="frame" x="75" y="400" width="240" height="44"/>
+                            </imageView>
+                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="ReactNativeTemplate" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="GJd-Yh-RWb">
+                                <rect key="frame" x="18.333333333333343" y="449" width="353.66666666666663" height="43"/>
+                                <fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
+                                <nil key="highlightedColor"/>
+                            </label>
                         </subviews>
-                        <color key="backgroundColor" systemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>
+                        <viewLayoutGuide key="safeArea" id="Bcu-3y-fUS"/>
+                        <color key="backgroundColor" red="0.80392156862745101" green="1" blue="0.22745098039215686" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <constraints>
+                            <constraint firstItem="GJd-Yh-RWb" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="6ZD-50-NTJ"/>
+                            <constraint firstItem="GJd-Yh-RWb" firstAttribute="top" secondItem="d8w-3P-QVH" secondAttribute="bottom" constant="5" id="GA2-MH-f6B"/>
+                            <constraint firstItem="d8w-3P-QVH" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="centerY" id="Jbt-1b-JS1"/>
                             <constraint firstItem="Bcu-3y-fUS" firstAttribute="bottom" secondItem="MN2-I3-ftu" secondAttribute="bottom" constant="20" id="OZV-Vh-mqD"/>
-                            <constraint firstItem="Bcu-3y-fUS" firstAttribute="centerX" secondItem="GJd-Yh-RWb" secondAttribute="centerX" id="Q3B-4B-g5h"/>
+                            <constraint firstItem="d8w-3P-QVH" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" constant="75" id="Pzx-75-cYn"/>
+                            <constraint firstItem="d8w-3P-QVH" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="TPt-kB-SaP"/>
                             <constraint firstItem="MN2-I3-ftu" firstAttribute="centerX" secondItem="Bcu-3y-fUS" secondAttribute="centerX" id="akx-eg-2ui"/>
                             <constraint firstItem="MN2-I3-ftu" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" id="i1E-0Y-4RG"/>
-                            <constraint firstItem="GJd-Yh-RWb" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="bottom" multiplier="1/3" constant="1" id="moa-c2-u7t"/>
-                            <constraint firstItem="GJd-Yh-RWb" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" symbolic="YES" id="x7j-FC-K8j"/>
+                            <constraint firstItem="Bcu-3y-fUS" firstAttribute="trailing" secondItem="d8w-3P-QVH" secondAttribute="trailing" constant="75" id="sDl-Gh-Nsu"/>
                         </constraints>
-                        <viewLayoutGuide key="safeArea" id="Bcu-3y-fUS"/>
                     </view>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
@@ -44,4 +50,7 @@
             <point key="canvasLocation" x="52.173913043478265" y="375"/>
         </scene>
     </scenes>
+    <resources>
+        <image name="computools-logo" width="56" height="44"/>
+    </resources>
 </document>

package/template/ios/build/generated/ios/React-Codegen.podspec.json

@@ -1 +1 @@
-{"name":"React-Codegen","version":"0.71.2","summary":"Temp pod for generated files for React Native","homepage":"https://facebook.com/","license":"Unlicense","authors":"Facebook","compiler_flags":"-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32 -Wno-documentation -Wno-nullability-completeness -std=c++17","source":{"git":""},"header_mappings_dir":"./","platforms":{"ios":"11.0"},"source_files":"**/*.{h,mm,cpp}","pod_target_xcconfig":{"HEADER_SEARCH_PATHS":"\"$(PODS_ROOT)/boost\" \"$(PODS_ROOT)/RCT-Folly\" \"${PODS_ROOT}/Headers/Public/React-Codegen/react/renderer/components\" \"$(PODS_ROOT)/Headers/Private/React-Fabric\" \"$(PODS_ROOT)/Headers/Private/React-RCTFabric\""},"dependencies":{"FBReactNativeSpec":[],"React-jsiexecutor":[],"RCT-Folly":[],"RCTRequired":[],"RCTTypeSafety":[],"React-Core":[],"React-jsi":[],"ReactCommon/turbomodule/bridging":[],"ReactCommon/turbomodule/core":[],"hermes-engine":[]}}
+{"name":"React-Codegen","version":"0.71.7","summary":"Temp pod for generated files for React Native","homepage":"https://facebook.com/","license":"Unlicense","authors":"Facebook","compiler_flags":"-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32 -Wno-documentation -Wno-nullability-completeness -std=c++17","source":{"git":""},"header_mappings_dir":"./","platforms":{"ios":"12.4"},"source_files":"**/*.{h,mm,cpp}","pod_target_xcconfig":{"HEADER_SEARCH_PATHS":"\"$(PODS_ROOT)/boost\" \"$(PODS_ROOT)/RCT-Folly\" \"${PODS_ROOT}/Headers/Public/React-Codegen/react/renderer/components\" \"$(PODS_ROOT)/Headers/Private/React-Fabric\" \"$(PODS_ROOT)/Headers/Private/React-RCTFabric\""},"dependencies":{"FBReactNativeSpec":[],"React-jsiexecutor":[],"RCT-Folly":[],"RCTRequired":[],"RCTTypeSafety":[],"React-Core":[],"React-jsi":[],"ReactCommon/turbomodule/bridging":[],"ReactCommon/turbomodule/core":[],"hermes-engine":[]}}

package/template/package.json

@@ -10,20 +10,37 @@
     "test": "jest"
   },
   "dependencies": {
+    "@hookform/resolvers": "2.9.11",
+    "@react-navigation/native": "6.1.6",
+    "@react-navigation/native-stack": "6.9.12",
+    "axios": "1.3.4",
+    "mobx": "6.9.0",
+    "mobx-react-lite": "3.4.3",
     "react": "18.2.0",
-    "react-native": "0.71.2"
+    "react-hook-form": "7.43.5",
+    "react-native": "0.71.7",
+    "react-native-bootsplash": "4.5.3",
+    "react-native-mmkv": "2.6.3",
+    "react-native-safe-area-context": "4.5.0",
+    "react-native-screens": "3.20.0",
+    "react-native-svg": "13.8.0",
+    "yup": "1.0.2"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@babel/preset-env": "^7.20.0",
     "@babel/runtime": "^7.20.0",
+    "@computools/eslint-config-react-native": "1.0.17",
     "@react-native-community/eslint-config": "^3.2.0",
     "@tsconfig/react-native": "^2.0.2",
     "@types/jest": "^29.2.1",
     "@types/react": "^18.0.24",
     "@types/react-test-renderer": "^18.0.0",
+    "@typescript-eslint/parser": "5.53.0",
     "babel-jest": "^29.2.1",
+    "babel-plugin-module-resolver": "5.0.0",
     "eslint": "^8.19.0",
+    "eslint-import-resolver-babel-module": "5.3.2",
     "jest": "^29.2.1",
     "metro-react-native-babel-preset": "0.73.7",
     "prettier": "^2.4.1",

package/template/src/Main.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+import {App} from '@infra/App';
+
+export const Main = () => <App />;

package/template/src/app/config/http.ts

@@ -0,0 +1,67 @@
+import axios, {type AxiosInstance} from 'axios';
+
+import {AnyJson} from '../types/any-json';
+
+export interface RequestConfig {
+  auth?: {username: string; password: string};
+  params?: AnyJson;
+}
+
+export interface Headers {
+  [header: string]: string | number;
+}
+
+export class Http {
+  private baseURL: string;
+  private headers: Headers;
+  private axiosInstance: AxiosInstance;
+
+  public constructor(baseURL: string = '', headers: Headers = {}) {
+    this.baseURL = baseURL;
+    this.headers = headers;
+    this.axiosInstance = axios.create({baseURL, headers});
+  }
+
+  public setBaseURL(baseURL: string) {
+    this.baseURL = baseURL;
+    this.createAxiosInstance();
+  }
+
+  public addBearerToken(token: string) {
+    this.addHeader('Authorization', `Bearer ${token}`);
+  }
+
+  public addHeader(header: string, value: string | number) {
+    this.headers[header] = value;
+    this.createAxiosInstance();
+  }
+
+  public cleanHeaders() {
+    this.headers = {};
+    this.createAxiosInstance();
+  }
+
+  public async get<T>(url: string, config?: RequestConfig) {
+    const response = await this.axiosInstance.get<T>(url, config);
+    return response.data;
+  }
+
+  public async post<T>(url: string, data?: AnyJson) {
+    const response = await this.axiosInstance.post<T>(url, data);
+    return response.data;
+  }
+
+  public async put<T>(url: string, data?: AnyJson) {
+    const response = await this.axiosInstance.put<T>(url, data);
+    return response.data;
+  }
+
+  public async delete<T>(url: string, config?: RequestConfig) {
+    const response = await this.axiosInstance.delete<T>(url, config);
+    return response.data;
+  }
+
+  private createAxiosInstance() {
+    this.axiosInstance = axios.create({baseURL: this.baseURL, headers: this.headers});
+  }
+}

package/template/src/app/config/injector.ts

@@ -0,0 +1,13 @@
+type AnyClass<T> = abstract new (...args: never[]) => T;
+
+export class Injector {
+  private map: Map<Object, InstanceType<typeof Object>> = new Map();
+
+  public get = <C extends AnyClass<Object>>(key: C) => this.map.get(key) as InstanceType<C>;
+
+  public set = <C extends AnyClass<Object>>(key: C, value: InstanceType<C>) => {
+    this.map.set(key, value);
+  };
+}
+
+export const injector = new Injector();

package/template/src/app/config/memory.ts

@@ -0,0 +1,22 @@
+import {MMKV} from 'react-native-mmkv';
+
+export abstract class Memory {
+  public abstract save: <T>(key: string, value: T) => void;
+
+  public abstract remove: (key: string) => void;
+
+  public abstract get: <T>(key: string) => T | null;
+}
+
+export class MMKVMemory implements Memory {
+  private storage: MMKV = new MMKV();
+
+  public save = <T>(key: string, value: T) => this.storage.set(key, JSON.stringify(value));
+
+  public remove = (key: string) => this.storage.delete(key);
+
+  public get = <T>(key: string) => {
+    const data = this.storage.getString(key);
+    return typeof data === 'string' ? (JSON.parse(data) as T) : null;
+  };
+}

package/template/src/app/infrastructure/App.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import RNBootSplash from 'react-native-bootsplash';
+import {NavigationContainer} from '@react-navigation/native';
+
+import {initLogic} from './init-logic';
+import {MainStack} from './MainStack.navigation';
+
+export const App = () => {
+  React.useEffect(() => {
+    try {
+      initLogic();
+    } finally {
+      RNBootSplash.hide();
+    }
+  });
+
+  return (
+    <NavigationContainer>
+      <MainStack />
+    </NavigationContainer>
+  );
+};

package/template/src/app/infrastructure/MainStack.navigation.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import {createNativeStackNavigator} from '@react-navigation/native-stack';
+
+import {MainStackRoutes, MainStackParamsList} from './MainStackRoutes.routes';
+import {SignUp} from './auth/screens/sign-up/SignUp.screen';
+import {Onboarding} from './onboarding/Onboarding.screen';
+import {Login} from './auth/screens/login/Login.screen';
+
+const RootStack = createNativeStackNavigator<MainStackParamsList>();
+
+export const MainStack: React.FC = () => (
+  <RootStack.Navigator screenOptions={{headerShown: false, gestureEnabled: true}} initialRouteName={MainStackRoutes.Onboarding}>
+    <RootStack.Screen name={MainStackRoutes.Onboarding} component={Onboarding} />
+    <RootStack.Screen name={MainStackRoutes.Login} component={Login} />
+    <RootStack.Screen name={MainStackRoutes.SignUp} component={SignUp} />
+  </RootStack.Navigator>
+);