feat(BAC-82): add generate&bootstrap script

.eslintignore

@@ -3,4 +3,4 @@ node_modules/
 babel.config.js
 webpack.config.js
 docs
-
+scripts/cli/build/

.gitignore

@@ -41,6 +41,10 @@ GoogleService-Info.plist
 scripts/doppler_variables.sh
 .env
 env.json
+.env*.local
 
 .vercel
-.env*.local
+
+# baca-cli build
+scripts/cli/build/
+scripts/cli/temp/

README.md

@@ -2,10 +2,10 @@
     <img src="assets/logo/logo-light.png" alt="Logo">
 </p>
 
-[![MIT License](https://img.shields.io/npm/l/@binarapps/expo-ts-template?style=flat-square)](https://github.com/tterb/atomic-design-ui/blob/master/LICENSEs)
-[![MIT License](https://img.shields.io/npm/v/@binarapps/expo-ts-template?style=flat-square)](https://img.shields.io/npm/v/@binarapps/expo-ts-template?style=flat-square)
-[![MIT License](https://img.shields.io/npm/dt/@binarapps/expo-ts-template?style=flat-square)](https://img.shields.io/npm/dt/@binarapps/expo-ts-template?style=flat-square)
-[![MIT License](https://img.shields.io/github/stars/binarapps/expo-ts-template?style=flat-square)](https://img.shields.io/github/stars/binarapps/expo-ts-template?style=flat-square)
+[![MIT License](https://img.shields.io/npm/l/@binarapps/baca-react-native-template?style=flat-square)](https://github.com/tterb/atomic-design-ui/blob/master/LICENSEs)
+[![MIT License](https://img.shields.io/npm/v/@binarapps/baca-react-native-template?style=flat-square)](https://img.shields.io/npm/v/@binarapps/baca-react-native-template?style=flat-square)
+[![MIT License](https://img.shields.io/npm/dt/@binarapps/baca-react-native-template?style=flat-square)](https://img.shields.io/npm/dt/@binarapps/baca-react-native-template?style=flat-square)
+[![MIT License](https://img.shields.io/github/stars/binarapps/baca-react-native-template?style=flat-square)](https://img.shields.io/github/stars/binarapps/baca-react-native-template?style=flat-square)
 [![runs with Expo Go](https://img.shields.io/badge/Runs%20with%20Expo%20Go-4630EB.svg?style=flat-square&logo=EXPO&labelColor=f3f3f3&logoColor=000)](https://expo.dev/client)
 
 # @binarapps/baca-react-native-template
@@ -18,7 +18,7 @@ This is a template to be used with react native and expo. It includes all the ne
 
 ## Documentation
 
-Check out our [documentation page](https://baca-docs.vercel.app/docs/bootstrap/intro), it contains:
+Check out our [documentation page](https://baca-docs.vercel.app/docs/overview), it contains:
 
 - Bootstrapping project - tutorial how to easy setup from scratch
 - Deploying app
@@ -28,15 +28,15 @@ Check out our [documentation page](https://baca-docs.vercel.app/docs/bootstrap/i
 
 ## Why to use?
 
-We know there are a lot of project starters for react native, but we have some good features:
+There are a lot of project starters for react native, we have some good features that other starters usually don't have:
 
 - Fully works with **EXPO GO**
   - Good for start of the project, later you can switch to expo-dev-client
 - Fully works on **WEB**
   - If you want to develop apps both on web and mobile this starter is good choice for you
-- **Code generators** (create new screen / create new component)
+- **Code generators** (create new screen / create new component and others)
 - **Fully + Strong typed**
-- **App deployment documentation** (currently in progress, but it will be added in near future)
+- **App deployment documentation**
 
 ## How it looks?
 
@@ -48,35 +48,38 @@ We know there are a lot of project starters for react native, but we have some g
 
 <!-- TODO: Add new recording -->
 
-[![expo-ts-template binarapps](https://img.youtube.com/vi/NmTd5nXXTLI/0.jpg)](https://www.youtube.com/watch?v=NmTd5nXXTLI)
+[![baca-react-native-template binarapps](https://img.youtube.com/vi/NmTd5nXXTLI/0.jpg)](https://www.youtube.com/watch?v=NmTd5nXXTLI)
 
 ## How to use?
 
-We have prepared a detailed documentation for how to run project with this template - **[Bootstrap docs](https://baca-docs.vercel.app/docs/bootstrap/intro)**
+We have prepared a detailed documentation for how to run project with this template - **[Bootstrap docs](https://baca-docs.vercel.app/docs/overview)**
 
 It's great for production project, but if you want to just test it, you can follow the quick steps (on the bottom).
 
 ### Quick steps:
 
-- `npx create-expo-app --template=@binarapps/expo-ts-template name_of_your_app`
+- `npx create-expo-app --template=@binarapps/baca-react-native-template name_of_your_app`
 - `cd name_of_your_app`
 - `yarn bootstrap` - the cli will ask you some questions about your app (you can fill all this data later)
 
 ## What's inside?
 
-[![MIT License](https://img.shields.io/npm/types/@binarapps/expo-ts-template?style=flat-square)](https://img.shields.io/npm/types/@binarapps/expo-ts-template?style=flat-square)
-[![MIT License](https://img.shields.io/github/package-json/dependency-version/binarapps/expo-ts-template/expo?style=flat-square)](https://img.shields.io/github/package-json/dependency-version/binarapps/expo-ts-template/expo?style=flat-square)
-[![MIT License](https://img.shields.io/github/package-json/dependency-version/binarapps/expo-ts-template/@react-navigation/native?style=flat-square)](https://img.shields.io/github/package-json/dependency-version/binarapps/expo-ts-template/@react-navigation/native?style=flat-square)
+[![MIT License](https://img.shields.io/npm/types/@binarapps/baca-react-native-template?style=flat-square)](https://img.shields.io/npm/types/@binarapps/baca-react-native-template?style=flat-square)
+[![MIT License](https://img.shields.io/github/package-json/dependency-version/binarapps/baca-react-native-template/expo?style=flat-square)](https://img.shields.io/github/package-json/dependency-version/binarapps/baca-react-native-template/expo?style=flat-square)
+[![MIT License](https://img.shields.io/github/package-json/dependency-version/binarapps/baca-react-native-template/@react-navigation/native?style=flat-square)](https://img.shields.io/github/package-json/dependency-version/binarapps/baca-react-native-template/@react-navigation/native?style=flat-square)
 
 ### Implemented custom features
 
+- custom cli
+  - run `yarn baca` to see available options
 - generators:
-  - create screen - `yarn generate:screen`
-  - create component - `yarn generate:component`
+  - `yarn baca generate` | `yarn g`
 - support of multiple environments
   - production, staging, qa
 - eas configuration
   - update, build, submit
+- deployment docs
+  - https://baca-docs.vercel.app/docs/overview
 - verifying code on pull request - pipelines
   - when creating pull request on github, there are tests, linters and types checks. If there will be some error you will be notified that something is wrong.
 - custom fonts
@@ -117,11 +120,11 @@ It's great for production project, but if you want to just test it, you can foll
 - [Reanimated v2](https://github.com/software-mansion/react-native-reanimated)
 - Axios + React query
   - Fetching data from backend
+- Jotai
+  - State management
 
 ## What is planned in the future?
 
-- add some state management tool - in progress
-- write docs (app deployment, app setup and more) - in progress
 - tutorial on how to use features
   - navigation
   - deepLinking
@@ -136,7 +139,6 @@ It's great for production project, but if you want to just test it, you can foll
   - Create sample app and document the process of deployment
 - Improve mock server logic
 - add commit lint
-- add script that display last update information (eas update)
 
 ### Implementations to add
 
@@ -157,13 +159,13 @@ Please adhere to this project's `code of conduct`.
 Clone the project
 
 ```bash
-  git clone https://github.com/binarapps/expo-ts-template.git
+  git clone https://github.com/binarapps/baca-react-native-template.git
 ```
 
 Go to the project directory
 
 ```bash
-  cd expo-ts-template
+  cd baca-react-native-template
 ```
 
 Install dependencies

docs/docs/OVERVIEW.md

@@ -0,0 +1,48 @@
+---
+id: overview
+slug: /overview
+title: Overview
+sidebar_position: 1
+tags:
+  - Bootstrap
+  - Getting started
+  - Project structure
+description: Bootstrap project structure, that is needed to start development your new project
+---
+
+# Overview
+
+**Welcome in BACA starter!**
+
+It is specialy designed to make react native apps development much easier and much faster.
+
+## Why to use?
+
+There are a lot of project starters for react native, we have some good features that other starters usually don't have:
+
+- Fully works with **EXPO GO**
+  - Good for start of the project, later you can switch to expo-dev-client
+- Fully works on **WEB**
+  - If you want to develop apps both on web and mobile this starter is good choice for you
+- **Code generators** (create new screen / create new component and others)
+- **Fully + Strong typed**
+- **App deployment documentation**
+
+## How to start?
+
+1. Create new app - follow [this docs](/docs/bootstrap/create-new-app)
+
+   - At this point you can start development
+   - When you will need to show app to testers or client go to next step
+
+2. Fill needed data to start deployment - follow [this docs](/docs/bootstrap/testing)
+
+   - This will make all required changes to the code base
+
+3. Prepare deployment - follow [this docs](/docs/deploy/intro)
+
+   - Thanks to this docs you will have possibility to automatically deploy app to testers and
+
+4. Send app to review and publish it on app stores
+
+   - We don't plan to make docs about that, but maybe in the future we will do that!

docs/docs/bootstrap/BOOTSTRAP_TESTING.mdx

@@ -1,7 +1,7 @@
 ---
 id: bootstrap-testing
 slug: /bootstrap/testing
-title: Bootstrap - testing
+title: Prepare for testing
 sidebar_position: 2
 tags:
   - Bootstrap
@@ -103,6 +103,16 @@ If you have some domain, for example: example.com, your bundle id could be: `com
   open your app when tapped. It is only available in standalone apps.
 </Details>
 
+<Details title="8. Apple team id (optional)">
+
+> **Optional step** - You can run the bootstrap script later
+
+This can be found in developer apple console.
+
+> Image will be added in future
+
+</Details>
+
 <Details title="You should have data like this:">
 
 You can generate this data and save it in some notepad or somewhere else.
@@ -115,7 +125,8 @@ You can generate this data and save it in some notepad or somewhere else.
   "slug": "expo_app_slug",
   "easProjectId": "xxx-xxx-xxx-xx",
   "scheme": "yourUrlScheme",
-  "adaptiveIconBackgroundColor": "#2E7AF0CC"
+  "adaptiveIconBackgroundColor": "#2E7AF0CC",
+  "appleTeamId": "1234XXXYYX"
 }
 ```
 </Details>
@@ -126,8 +137,15 @@ You can generate this data and save it in some notepad or somewhere else.
 
 ### **After you will collect all necessary data run this command:**
 
+> If you don't have some value you can use default value, bootstrap script is collecting current data from code, so you can run this script multiple times
+> **REMEBER** to have empty git repo because this script will do changes in your codebase
+
 ```sh
-yarn bootstrap:new_app
+yarn b
+
+## OR
+
+yarn baca bootstrap
 ```
 
 ## Potential issues

docs/docs/bootstrap/BOOTSTRAP_INTRO.mdx → docs/docs/bootstrap/CREATE_NEW_APP.mdx

@@ -1,10 +1,11 @@
 ---
 id: bootstrap
-slug: /bootstrap/intro
-title: Bootstrap - start development
+slug: /bootstrap/create-new-app
+title: Create new app
 sidebar_position: 1
 tags:
   - Bootstrap
+  - Create new app
   - Getting started
   - Project structure
 description: Bootstrap project structure, that is needed to start development your new project
@@ -16,7 +17,7 @@ import Details from '@site/src/components/Details'
 
 Bootstrap project structure, that is needed to start development
 
-## **What you need to do to start development?**
+## **What you need to do, to start development**
 
 ---
 
@@ -62,7 +63,12 @@ If you do not have expo account → register on your company email. In terminal
 eas register
 ```
 
-You will be redirected to expo registration page. If something is not right please make sure you have eas cli installed - `npm install -g eas-cli`
+You will be redirected to expo registration page. If something is not right please make sure you have eas cli installed
+
+```bash
+npm install -g eas-cli
+
+```
 
 Login to expo account on your local machine.
 
@@ -112,22 +118,28 @@ eas whoami
 
 ### Step 4.Sync project with code.
 
-Synchronize the newly created Expo Project to your app.
+Please gather this data:
+
+1. **app name** - you can add **display name** from previous step, or add anything you want here, this name will be displayed for users later
+2. **slug name** - created in 1-st point.
+3. **owner** - organization picked from the list in 1-st point
 
-In `app.json` file please insert the following:
+:::note
 
-1. **slug name** - created in 1-st point.
-2. **owner** - organization picked from the list in 1-st point
+If you will have issues with finding this values, please check [bootstrap testing docs](/docs/bootstrap/testing)
 
-```json
-{
-  "expo": {
-    "owner": "your_organization_name",
-    "slug": "your_app_name"
-  }
-}
+:::
+
+If you gather all this data please run this command:
+
+```bash
+yarn baca bootstrap --simple
 ```
 
+:::warning
+Please verify all changes made with the script
+:::
+
 ---
 
 ### Step 5. Make environment variables setup - [tutorial](/docs/doppler-config)

docs/docs/bootstrap/_category_.json

@@ -1,6 +1,6 @@
 {
   "label": "Start development",
-  "position": 1,
+  "position": 2,
   "collapsible": true,
   "collapsed": false,
   "link": {

docs/docs/deploy/_category_.json

@@ -1,6 +1,6 @@
 {
   "label": "Deployment",
-  "position": 2,
+  "position": 3,
   "collapsible": true,
   "collapsed": false,
   "link": {

docs/docs/tutorials/ICONS.md

@@ -40,4 +40,4 @@ It is added to the app as a font generated by [icomoon app](https://icomoon.io/a
 
 9. Generate new types for icons
 
-   - run script generating icon types `yarn generate:icon:types`
+   - run script generating icon types `yarn baca generate icon-types`

docs/docs/tutorials/NOTIFICATIONS_SETUP.md

@@ -21,7 +21,7 @@ Expo notifications are already preconfigured in this template. However, you stil
 ## Usage in expo dev client (expo run:\[android:ios\])
 
 1. Make sure you have created your account in [expo.dev](http://expo.dev).
-2. Follow [bootstrap](/docs/bootstrap/intro) docs
+2. Follow [bootstrap](/docs/bootstrap/create-new-app) docs
 3. Follow platform specific configuration.
 
 ### Android