update dependencies (#407)

thecodingmachine · Feb 19, 2024 · 676bce4 · 676bce4
1 parent d331618
commit 676bce4
Show file tree

Hide file tree

Showing 38 changed files with 2,502 additions and 2,337 deletions.
diff --git a/documentation/docs/01-Getting Started.mdx b/documentation/docs/01-Getting Started.mdx
@@ -25,16 +25,15 @@ If you find value in this boilerplate, consider giving us a star. It would brigh
 
 ## Features
 
-| Features                                                               | Description                                                                                                                                                                                                            |
-| ---------------------------------------------------------------------- |----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [`Javascript or TypeScript`](/docs/installation#using-the-boilerplate) | Every project, developer, team, and experience is unique. That's why you have the freedom to select either a JavaScript or TypeScript codebase. [The choice is yours!](/docs/installation#using-the-boilerplate)       |
+| Features                                                               | Description                                                                                                                                                                                                                                     |
+| ---------------------------------------------------------------------- |------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| [`Javascript or TypeScript`](/docs/installation#using-the-boilerplate) | Every project, developer, team, and experience is unique. That's why you have the freedom to select either a JavaScript or TypeScript codebase. [The choice is yours!](/docs/installation#using-the-boilerplate)                                |
 | [`Navigation`](/docs/navigate)                                         | With [React Navigation](https://reactnavigation.org/), we offer a swift start to your navigation structure through a robust dependency. Check out the details in our [navigation structure documentation](/docs/navigate#navigation-structure). |
-| [`Data fetching`](/docs/data-fetching)️                                 | Leveraging [TanStackQuery](https://react-query.tanstack.com/), data fetching has never been this effortless.                                                                                                                                         |
-| [`Internationalization`](/docs/internationalization)                                          | Our application is fully prepared for multilingual support, all thanks to [React i18next](https://react.i18next.com/).                                                                                                                        |
-| [`Multi theming`](/docs/theming/how-to-use)                            | Without any extra dependencies, we offer an easy-to-use and maintainable theme configuration                                                                                                                           |
-| [`Safe synchrone storage`](/docs/storage)                              | With [React Native MMKV](https://github.com/mrousavy/react-native-mmkv), storing data becomes a breeze, and it can be done securely.                                                                                                                             |
-| [`Environment`](/docs/environment)                                     | The app comes pre-installed with all the necessary tools for handling simple environment variables                                                                                                                     |
-| [`Debug`](/docs/debugging)                                             | The app comes pre-installed with all the necessary tools for debugging, including [Flipper](https://fbflipper.com/) and [Navigation DevTools](https://www.npmjs.com/package/@react-navigation/devtools).               |
+| [`Data fetching`](/docs/data-fetching)️                                 | Leveraging [TanStackQuery](https://react-query.tanstack.com/), data fetching has never been this effortless.                                                                                                                                    |
+| [`Internationalization`](/docs/internationalization)                   | Our application is fully prepared for multilingual support, all thanks to [React i18next](https://react.i18next.com/).                                                                                                                          |
+| [`Multi theming`](/docs/theming/how-to-use)                            | Without any extra dependencies, we offer an easy-to-use and maintainable theme configuration                                                                                                                                                    |
+| [`Safe synchrone storage`](/docs/storage)                              | With [React Native MMKV](https://github.com/mrousavy/react-native-mmkv), storing data becomes a breeze, and it can be done securely.                                                                                                            |
+| [`Environment`](/docs/environment)                                     | The app comes pre-installed with all the necessary tools for handling simple environment variables                                                                                                                                              |
 
 
 ## Dependencies

diff --git a/documentation/docs/04-Guides/04-Theming/02-Configuration.md b/documentation/docs/04-Guides/04-Theming/02-Configuration.md
@@ -11,14 +11,15 @@ keywords: [theme, theming, configuration, config, colors, fonts, gutters, spacin
 The idea behind the theme configuration is to have a single source of truth for all the theme related values.
 This is why the theme configuration is a simple object with the following structure:
 
-| Key                | Type                                                                            | Description                                                                                                  |
-|--------------------|---------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------|
-| `fonts`            | [`FontConfig`](/docs/theming/api-reference#fontconfig)                          | Define colors and sizes to generate associated styles (`color` and `fontSize`)                               |
-| `gutters`          | [`GuttersConfig`](/docs/theming/api-reference#guttersconfig)                    | Define sizes to generate associated styles (`padding` and `margin`)                                          |
-| `backgrounds`      | `Record<string, string>`                                                        | Define colors generate associated styles (`backgroundColor`)                                                 |
-| `borders`          | [`BordersConfig`](/docs/theming/api-reference#bordersconfig)                    | Define colors, sizes and radius to generate associated styles (`borderColor`, `borderRadius`, `borderWidth`) |
-| `navigationColors` | [`NavigationColorsConfig`](/docs/theming/api-reference#navigationcolorsconfig)  | Define colors override ReactNavigation theme colors                                                          |
-| `variants`         | [`VariantsConfig`](/docs/theming/api-reference#variantsconfig)                  | Define a new theme based on the previous values                                                              |
+| Key                | Type                                                                           | Description                                                                                                  |
+|--------------------|--------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------|
+| `colors`           | [`colorConfig`](/docs/theming/api-reference#colorconfig)                       | Define global colors                                                                                         |
+| `fonts`            | [`FontConfig`](/docs/theming/api-reference#fontconfig)                         | Define colors and sizes to generate associated styles (`color` and `fontSize`)                               |
+| `gutters`          | [`GuttersConfig`](/docs/theming/api-reference#guttersconfig)                   | Define sizes to generate associated styles (`padding` and `margin`)                                          |
+| `backgrounds`      | `Record<string, string>`                                                       | Define colors generate associated styles (`backgroundColor`)                                                 |
+| `borders`          | [`BordersConfig`](/docs/theming/api-reference#bordersconfig)                   | Define colors, sizes and radius to generate associated styles (`borderColor`, `borderRadius`, `borderWidth`) |
+| `navigationColors` | [`NavigationColorsConfig`](/docs/theming/api-reference#navigationcolorsconfig) | Define colors override ReactNavigation theme colors                                                          |
+| `variants`         | [`VariantsConfig`](/docs/theming/api-reference#variantsconfig)                 | Define a new theme based on the previous values                                                              |
 
 ## Variants
 A variant is a new theme based on the previous values.

diff --git a/documentation/docs/04-Guides/04-Theming/04-API.md b/documentation/docs/04-Guides/04-Theming/04-API.md
@@ -8,6 +8,12 @@ keywords: [theme, theming, configuration, config, api, reference, api reference]
 
 ## Theme Configuration
 
+### ColorConfig
+
+| Key      | Type                   | Description          |
+|----------|------------------------|----------------------|
+| `colors` | Record<string, string> | Define global colors |
+
 ### FontConfig
 
 | Key      | Type                   | Description                                     |

diff --git a/documentation/docs/04-Guides/07-Debugging.mdx b/documentation/docs/04-Guides/07-Debugging.mdx
diff --git a/documentation/src/components/Flipper.tsx b/documentation/src/components/Flipper.tsx
diff --git a/documentation/static/img/flipper.png b/documentation/static/img/flipper.png
diff --git a/template/Gemfile b/template/Gemfile
@@ -3,5 +3,7 @@ source 'https://rubygems.org'
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
 ruby ">= 2.6.10"
 
-gem 'cocoapods', '~> 1.13'
-gem 'activesupport', '>= 6.1.7.3', '< 7.1.0'
+# Cocoapods 1.15 introduced a bug which break the build. We will remove the upper
+# bound in the template on Cocoapods with next React Native release.
+gem 'cocoapods', '>= 1.13', '< 1.15'
+gem 'activesupport', '>= 6.1.7.5', '< 7.1.0'
diff --git a/template/android/app/build.gradle b/template/android/app/build.gradle
@@ -1,4 +1,5 @@
 apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
 apply plugin: "com.facebook.react"
 
 /**
@@ -35,7 +36,7 @@ react {
     //   The name of the generated asset file containing your JS bundle
     // bundleAssetName = "MyApplication.android.bundle"
     //
-    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.ts'
+    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
     // entryFile = file("../js/MyApplication.android.js")
     //
     //   A list of extra flags to pass to the 'bundle' commands.
@@ -70,8 +71,8 @@ def jscFlavor = 'org.webkit:android-jsc:+'
 
 android {
     ndkVersion rootProject.ext.ndkVersion
-
-    compileSdkVersion rootProject.ext.compileSdkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
+    compileSdk rootProject.ext.compileSdkVersion
 
     namespace "com.boilerplate"
     defaultConfig {
@@ -106,13 +107,8 @@ android {
 dependencies {
     // The version of react-native is set by the React Native Gradle Plugin
     implementation("com.facebook.react:react-android")
+    implementation("com.facebook.react:flipper-integration")
 
-    debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}")
-    debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
-        exclude group:'com.squareup.okhttp3', module:'okhttp'
-    }
-
-    debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}")
     if (hermesEnabled.toBoolean()) {
         implementation("com.facebook.react:hermes-android")
     } else {

diff --git a/template/android/app/src/debug/AndroidManifest.xml b/template/android/app/src/debug/AndroidManifest.xml
@@ -2,12 +2,8 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools">
 
-    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
-
     <application
         android:usesCleartextTraffic="true"
         tools:targetApi="28"
-        tools:ignore="GoogleAppIndexingWarning">
-        <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" android:exported="false" />
-    </application>
+        tools:ignore="GoogleAppIndexingWarning"/>
 </manifest>
diff --git a/template/android/app/src/debug/java/com/boilerplate/ReactNativeFlipper.java b/template/android/app/src/debug/java/com/boilerplate/ReactNativeFlipper.java
diff --git a/template/android/app/src/main/AndroidManifest.xml b/template/android/app/src/main/AndroidManifest.xml
@@ -1,27 +1,27 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
 
-    <uses-permission android:name="android.permission.INTERNET" />
+  <uses-permission android:name="android.permission.INTERNET" />
 
-    <application
+  <application
       android:name=".MainApplication"
       android:label="@string/app_name"
       android:icon="@mipmap/ic_launcher"
       android:roundIcon="@mipmap/ic_launcher_round"
       android:allowBackup="false"
       android:theme="@style/AppTheme"
-    >
-      <activity
-          android:name=".MainActivity"
-          android:label="@string/app_name"
-          android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
-          android:launchMode="singleTask"
-          android:theme="@style/SplashTheme"
-          android:windowSoftInputMode="adjustResize"
-          android:exported="true">
-        <intent-filter>
-          <action android:name="android.intent.action.MAIN" />
-          <category android:name="android.intent.category.LAUNCHER" />
-        </intent-filter>
-      </activity>
-    </application>
+  >
+    <activity
+        android:name=".MainActivity"
+        android:label="@string/app_name"
+        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
+        android:launchMode="singleTask"
+        android:theme="@style/SplashTheme"
+        android:windowSoftInputMode="adjustResize"
+        android:exported="true">
+      <intent-filter>
+        <action android:name="android.intent.action.MAIN" />
+        <category android:name="android.intent.category.LAUNCHER" />
+      </intent-filter>
+    </activity>
+  </application>
 </manifest>