add boosplash, fake adapter network

Author: maximcoding

.bundle/config

@@ -0,0 +1,5 @@
+SENTRY_DSN=
+CODEPUSH_KEY_IOS=
+CODEPUSH_KEY_ANDROID=
+USE_MOCK_API=1
+API_URL=

.env

@@ -1,4 +1,5 @@
-API_URL=
+API_URL=http://localhost:3000
 SENTRY_DSN=
 CODEPUSH_KEY_IOS=
 CODEPUSH_KEY_ANDROID=
+USE_MOCK_API=true

.env.example

@@ -1,72 +1,57 @@
-// FILE: App.tsx
-// ROOT ENTRY POINT
-// -------------------------------------------------------
-// WRAPS:
-//   - ThemeProvider (light/dark)
-//   - i18n initialization (side-effect import)
-//   - React Query (persisted via MMKV)
-//   - NavigationContainer
-//   - RootNavigator
-//   - OfflineBanner
-// -------------------------------------------------------
-
-import React from 'react';
+import React, { useEffect } from 'react';
+import BootSplash from 'react-native-bootsplash';
 import { NavigationContainer } from '@react-navigation/native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { StatusBar, StyleSheet } from 'react-native';
 
-// THEME
 import { ThemeProvider } from '@/core/theme/ThemeProvider';
-
-// i18n (auto-init via side-effect)
 import '@/core/i18n/i18n';
 
-// NAVIGATION ROOT + helpers
 import RootNavigator from '@/app/navigation/root/root-navigator';
 import { navigationRef } from '@/app/navigation/helpers/navigation-helpers';
 import { useBackButtonHandler } from '@/app/navigation/helpers/use-back-handler';
 import { ROUTES } from '@/app/navigation/routes';
 
-// REACT QUERY (persisted)
-import { PersistQueryClientProvider } from '@tanstack/react-query-persist-client';
-import { createQueryClient } from '@/infra/query/client/query-client';
-import { mmkvPersister } from '@/infra/query/persistence/mmkv-persister';
-
-// OFFLINE/SYNC: wire QueryClient + tag maps + NetInfo bridge
-import { initNetInfoBridge } from '@/infra/network/netinfo';
-import {
-  setQueryClientForSync,
-  setTagMapsForSync,
-} from '@/infra/offline/sync-engine';
+import { QueryProvider } from '@/infra/query/client/provider';
 import { authKeys } from '@/features/auth/api/keys';
 import { userKeys } from '@/features/user/api/keys';
-
-// Global offline UI
 import { OfflineBanner } from '@/app/components/OfflineBanner';
 
-// Create client once
-const queryClient = createQueryClient();
-setQueryClientForSync(queryClient);
-setTagMapsForSync([authKeys.tagMap, userKeys.tagMap]);
-initNetInfoBridge();
+import { setTransport } from '@/infra/transport/transport';
+import { mockAdapter } from '@/infra/transport/adapters/mock.adapter';
+import { restAdapter } from '@/infra/transport/adapters/rest.adapter';
+import { flags } from '@/core/config/constants';
 
 export default function App() {
-  // Android back button handling (exit only on root tabs)
-  useBackButtonHandler(routeName => {
-    return routeName === ROUTES.HOME_TABS || routeName === ROUTES.TAB_HOME;
-  });
+  useEffect(() => {
+    setTransport(flags.USE_MOCK ? mockAdapter : restAdapter);
+  }, []);
 
-  return (
-    <ThemeProvider>
-      <PersistQueryClientProvider
-        client={queryClient}
-        persistOptions={{ persister: mmkvPersister }}
-      >
-        {/* Global offline status banner */}
-        <OfflineBanner />
+  useBackButtonHandler(
+    routeName =>
+      routeName === ROUTES.HOME_TABS || routeName === ROUTES.TAB_HOME,
+  );
 
-        <NavigationContainer ref={navigationRef}>
-          <RootNavigator />
-        </NavigationContainer>
-      </PersistQueryClientProvider>
-    </ThemeProvider>
+  return (
+    <GestureHandlerRootView style={styles.flex}>
+      <SafeAreaProvider>
+        <StatusBar barStyle="dark-content" />
+        <ThemeProvider>
+          <QueryProvider tagMaps={[authKeys.tagMap, userKeys.tagMap]}>
+            <OfflineBanner />
+
+            <NavigationContainer
+              ref={navigationRef}
+              onReady={() => BootSplash.hide({ fade: true })}
+            >
+              <RootNavigator />
+            </NavigationContainer>
+          </QueryProvider>
+        </ThemeProvider>
+      </SafeAreaProvider>
+    </GestureHandlerRootView>
   );
 }
+
+const styles = StyleSheet.create({ flex: { flex: 1 } });

App.tsx

@@ -2,52 +2,38 @@ apply plugin: "com.android.application"
 apply plugin: "org.jetbrains.kotlin.android"
 apply plugin: "com.facebook.react"
 
+// ✅ react-native-config MUST be applied AFTER com.android.application plugin
+apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"
+
+// (optional) only if you really need per-variant files
+project.ext.envConfigFiles = [
+    debug  : ".env",
+    release: ".env"
+]
 /**
  * This is the configuration block to customize your React Native Android app.
  * By default you don't need to apply any configuration, just uncomment the lines you need.
  */
 react {
     /* Folders */
-    //   The root of your project, i.e. where "package.json" lives. Default is '../..'
     // root = file("../../")
-    //   The folder where the react-native NPM package is. Default is ../../node_modules/react-native
     // reactNativeDir = file("../../node_modules/react-native")
-    //   The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
     // codegenDir = file("../../node_modules/@react-native/codegen")
-    //   The cli.js file which is the React Native CLI entrypoint. Default is ../../node_modules/react-native/cli.js
     // cliFile = file("../../node_modules/react-native/cli.js")
 
     /* Variants */
-    //   The list of variants to that are debuggable. For those we're going to
-    //   skip the bundling of the JS bundle and the assets. By default is just 'debug'.
-    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
     // debuggableVariants = ["liteDebug", "prodDebug"]
 
     /* Bundling */
-    //   A list containing the node command and its flags. Default is just 'node'.
     // nodeExecutableAndArgs = ["node"]
-    //
-    //   The command to run when bundling. By default is 'bundle'
     // bundleCommand = "ram-bundle"
-    //
-    //   The path to the CLI configuration file. Default is empty.
     // bundleConfig = file(../rn-cli.config.js)
-    //
-    //   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.js'
     // entryFile = file("../js/MyApplication.android.js")
-    //
-    //   A list of extra flags to pass to the 'bundle' commands.
-    //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
     // extraPackagerArgs = []
 
     /* Hermes Commands */
-    //   The hermes compiler command to run. By default it is 'hermesc'
     // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
-    //
-    //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
     // hermesFlags = ["-O", "-output-source-map"]
 
     /* Autolinking */
@@ -61,17 +47,12 @@ def enableProguardInReleaseBuilds = false
 
 /**
  * The preferred build flavor of JavaScriptCore (JSC)
- *
- * For example, to use the international variant, you can use:
- * `def jscFlavor = io.github.react-native-community:jsc-android-intl:2026004.+`
- *
- * The international variant includes ICU i18n library and necessary data
- * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
- * give correct results when using with locales other than en-US. Note that
- * this variant is about 6MiB larger per architecture than default.
  */
 def jscFlavor = 'io.github.react-native-community:jsc-android:2026004.+'
 
+// ✅ make hermesEnabled safe even if gradle.properties doesn't define it
+def hermesEnabled = (project.findProperty("hermesEnabled") ?: "true")
+
 android {
     ndkVersion rootProject.ext.ndkVersion
     buildToolsVersion rootProject.ext.buildToolsVersion
@@ -85,6 +66,7 @@ android {
         versionCode 1
         versionName "1.0"
     }
+
     signingConfigs {
         debug {
             storeFile file('debug.keystore')
@@ -93,13 +75,12 @@ android {
             keyPassword 'android'
         }
     }
+
     buildTypes {
         debug {
             signingConfig signingConfigs.debug
         }
         release {
-            // Caution! In production, you need to generate your own keystore file.
-            // see https://reactnative.dev/docs/signed-apk-android.
             signingConfig signingConfigs.debug
             minifyEnabled enableProguardInReleaseBuilds
             proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"

android/app/build.gradle

@@ -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
-      android:name=".MainApplication"
+  <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"
+    android:usesCleartextTraffic="${usesCleartextTraffic}"
+    android:supportsRtl="true">
+    <activity
+      android:name=".MainActivity"
       android:label="@string/app_name"
-      android:icon="@mipmap/ic_launcher"
-      android:roundIcon="@mipmap/ic_launcher_round"
-      android:allowBackup="false"
-      android:theme="@style/AppTheme"
-      android:usesCleartextTraffic="${usesCleartextTraffic}"
-      android:supportsRtl="true">
-      <activity
-        android:name=".MainActivity"
-        android:label="@string/app_name"
-        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
-        android:launchMode="singleTask"
-        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>
+      android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
+      android:launchMode="singleTask"
+      android:windowSoftInputMode="adjustResize"
+      android:exported="true"
+      android:theme="@style/BootTheme">
+      <intent-filter>
+        <action android:name="android.intent.action.MAIN" />
+        <category android:name="android.intent.category.LAUNCHER" />
+      </intent-filter>
+    </activity>
+  </application>
 </manifest>

android/app/src/main/AndroidManifest.xml

@@ -1,22 +1,23 @@
 package com.reactnativestarter
 
+import android.os.Bundle
 import com.facebook.react.ReactActivity
 import com.facebook.react.ReactActivityDelegate
 import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
 import com.facebook.react.defaults.DefaultReactActivityDelegate
+import com.zoontek.rnbootsplash.RNBootSplash
 
 class MainActivity : ReactActivity() {
 
-  /**
-   * Returns the name of the main component registered from JavaScript. This is used to schedule
-   * rendering of the component.
-   */
   override fun getMainComponentName(): String = "ReactNativeStarter"
 
-  /**
-   * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]
-   * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]
-   */
+  override fun onCreate(savedInstanceState: Bundle?) {
+    RNBootSplash.init(this, R.style.BootTheme) // <- bootsplash theme name
+    super.onCreate(savedInstanceState)
+    // если вдруг используешь react-native-screens и шаблон требует:
+    // super.onCreate(null)
+  }
+
   override fun createReactActivityDelegate(): ReactActivityDelegate =
-      DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
+    DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
 }