workin

Author: maximcoding

App.tsx

@@ -1,33 +1,72 @@
-/**
- * FILE: App.tsx
- * ROOT ENTRY POINT
- * -------------------------------------------------------
- * WRAPS:
- *   - ThemeProvider (light/dark)
- *   - i18n initialization
- *   - NavigationContainer
- *   - RootNavigator
- * -------------------------------------------------------
- */
+// 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 { NavigationContainer } from '@react-navigation/native';
 
 // THEME
 import { ThemeProvider } from '@/core/theme/ThemeProvider';
 
-// i18n (auto-init)
+// i18n (auto-init via side-effect)
 import '@/core/i18n/i18n';
-import RootNavigator from './src/app/navigation/root/root-navigator';
 
-// NAVIGATION ROOT
+// 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 { 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();
 
 export default function App() {
+  // Android back button handling (exit only on root tabs)
+  useBackButtonHandler(routeName => {
+    return routeName === ROUTES.HOME_TABS || routeName === ROUTES.TAB_HOME;
+  });
+
   return (
     <ThemeProvider>
-      <NavigationContainer>
-        <RootNavigator />
-      </NavigationContainer>
+      <PersistQueryClientProvider
+        client={queryClient}
+        persistOptions={{ persister: mmkvPersister }}
+      >
+        {/* Global offline status banner */}
+        <OfflineBanner />
+
+        <NavigationContainer ref={navigationRef}>
+          <RootNavigator />
+        </NavigationContainer>
+      </PersistQueryClientProvider>
     </ThemeProvider>
   );
 }

android/gradle.properties

@@ -1,44 +1,31 @@
 # Project-wide Gradle settings.
 
-# IDE (e.g. Android Studio) users:
-# Gradle settings configured through the IDE *will override*
-# any settings specified in this file.
+# Specifies the JVM arguments used for the daemon process.
+org.gradle.jvmargs=-Xmx4096m -XX:MaxMetaspaceSize=1024m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8
 
-# For more details on how to configure your build environment visit
-# http://www.gradle.org/docs/current/userguide/build_environment.html
+# Gradle optimizations
+org.gradle.parallel=true
+org.gradle.configureondemand=true
+org.gradle.daemon=true
+org.gradle.caching=true
 
-# Specifies the JVM arguments used for the daemon process.
-# The setting is particularly useful for tweaking memory settings.
-# Default value: -Xmx512m -XX:MaxMetaspaceSize=256m
-org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m
-
-# When configured, Gradle will run in incubating parallel mode.
-# This option should only be used with decoupled projects. More details, visit
-# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
-# org.gradle.parallel=true
-
-# AndroidX package structure to make it clearer which packages are bundled with the
-# Android operating system, and which are packaged with your app's APK
-# https://developer.android.com/topic/libraries/support-library/androidx-rn
+# AndroidX package structure
 android.useAndroidX=true
+android.enableJetifier=true
 
-# Use this property to specify which architecture you want to build.
-# You can also override it from the CLI using
-# ./gradlew <task> -PreactNativeArchitectures=x86_64
-reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
+# React Native architectures
+reactNativeArchitectures=arm64-v8a,x86,x86_64
 
-# Use this property to enable support to the new architecture.
-# This will allow you to use TurboModules and the Fabric render in
-# your application. You should enable this flag either if you want
-# to write custom TurboModules/Fabric components OR use libraries that
-# are providing them.
+# New Architecture (required for RN 0.82)
 newArchEnabled=true
 
-# Use this property to enable or disable the Hermes JS engine.
-# If set to false, you will be using JSC instead.
+# Hermes JS engine
 hermesEnabled=true
 
-# Use this property to enable edge-to-edge display support.
-# This allows your app to draw behind system bars for an immersive UI.
-# Note: Only works with ReactActivity and should not be used with custom Activity.
+# Edge-to-edge display
 edgeToEdgeEnabled=false
+
+# Additional Android settings
+android.defaults.buildfeatures.buildconfig=true
+android.nonTransitiveRClass=false
+android.nonFinalResIds=false

docs/TODO.md

@@ -0,0 +1,30 @@
+
+New react components
+ 1. <Activity> - wrapper which show / hide elements but remains the state
+ 2. <Suspense> - loading until promise is resolved ( TanQuery )
+ 3. <ErrorBoundary> - catch errors in child components and show fallback UI
+ 4. <Portal> - render children into a DOM node that exists outside the DOM hierarchy of the parent component
+ 5. <LazyLoad> - load components only when they are visible in viewport
+ 
+
+Advanced typescript features
+ 1. Conditional types 
+ 2. Mapped types
+ 3. infer
+ 4. Generics
+    5. Utility Types
+     a. Exclude - exclude specific types from union (type A = Exclude<"a" | "b" | "c", "a">)
+     b. Extract - extract specific types from union (type B = Extract<"a" | "b" | "c", "a" | "c">)
+     c. NonNullable - exclude null and undefined from type (type C = NonNullable<string | number | null | undefined>)
+     d. Pick - pick specific fields from type (user: Pick<User, "name" | "age")
+     d. Omit - remove specific fields from type (user: Omit<User, "password">)
+     e. Record - create object type with specific keys and values type (Record<string, number>)
+     f. Partial - make all fields optional (user: Partial<User>)
+     g. Required - make all fields required (user: Required<User>)
+     h. Readonly - make all fields readonly (user: Readonly<User>) - Object.freeze()
+     i. ReturnType - get return type of function ()
+     j. Parameters - get parameters type of function
+     k. keyof - get keys of type as union
+     k. Extract - extract specific types from union (type B = Extract<User, "name" | "age">)
+     l. Exclude - exclude specific types from union 
+