release(billets-app): 📦 v1.6.8

apps/billets-app/App.tsx

@@ -4,8 +4,9 @@ import { useColorSchemeStorage } from '@/lib/storage'
 import { CommonScreenLayout } from '@/ui'
 import { colors, ColorScheme } from '@coldsurfers/ocean-road'
 import { ColorSchemeProvider, Spinner, Text, useColorScheme } from '@coldsurfers/ocean-road/native'
+import { LogLevel, PerformanceProfiler, RenderPassReport } from '@shopify/react-native-performance'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import React, { memo, PropsWithChildren, Suspense, useEffect, useMemo, useState } from 'react'
+import React, { memo, PropsWithChildren, Suspense, useCallback, useEffect, useMemo, useState } from 'react'
 import { Platform, useColorScheme as rnUseColorScheme, StatusBar, View } from 'react-native'
 import BootSplash from 'react-native-bootsplash'
 import codePush, { DownloadProgress, RemotePackage } from 'react-native-code-push'
@@ -139,25 +140,41 @@ const App = () => {
     return systemColorScheme ?? 'light'
   }, [storageColorSchemeValue, systemColorScheme])
 
+  const onReportPrepared = useCallback((report: RenderPassReport) => {
+    console.log('render report', report)
+    // monorail.produce(convertReportToMonorailObject(report));
+  }, [])
+
+  const errorHandler = useCallback((error: Error) => {
+    console.error(error)
+  }, [])
+
   return (
-    <SafeAreaProvider>
-      <GestureHandlerRootView style={{ flex: 1 }}>
-        <ColorSchemeProvider initialColorScheme={initialColorScheme}>
-          <GlobalErrorBoundaryRegistry>
-            <AppSystemColorSwitcher />
-            <QueryClientProvider client={queryClient}>
-              <Suspense fallback={<GlobalSuspenseFallback />}>
-                <AuthContextProvider>
-                  <BootSplashAwaiter>
-                    <AppContainer />
-                  </BootSplashAwaiter>
-                </AuthContextProvider>
-              </Suspense>
-            </QueryClientProvider>
-          </GlobalErrorBoundaryRegistry>
-        </ColorSchemeProvider>
-      </GestureHandlerRootView>
-    </SafeAreaProvider>
+    <PerformanceProfiler
+      onReportPrepared={onReportPrepared}
+      errorHandler={errorHandler}
+      logLevel={LogLevel.Debug}
+      enabled={__DEV__}
+    >
+      <SafeAreaProvider>
+        <GestureHandlerRootView style={{ flex: 1 }}>
+          <ColorSchemeProvider initialColorScheme={initialColorScheme}>
+            <GlobalErrorBoundaryRegistry>
+              <AppSystemColorSwitcher />
+              <QueryClientProvider client={queryClient}>
+                <Suspense fallback={<GlobalSuspenseFallback />}>
+                  <AuthContextProvider>
+                    <BootSplashAwaiter>
+                      <AppContainer />
+                    </BootSplashAwaiter>
+                  </AuthContextProvider>
+                </Suspense>
+              </QueryClientProvider>
+            </GlobalErrorBoundaryRegistry>
+          </ColorSchemeProvider>
+        </GestureHandlerRootView>
+      </SafeAreaProvider>
+    </PerformanceProfiler>
   )
 }
 

apps/billets-app/android/app/build.gradle

@@ -97,8 +97,8 @@ android {
         applicationId "com.fstvllife.android"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 16
-        versionName "1.6.7"
+        versionCode 17
+        versionName "1.6.8"
         resValue "string", "CodePushDeploymentKey", project.env.get("ANDROID_CODE_PUSH_DEPLOYMENT_KEY") ?: ""
     }
 

apps/billets-app/android/app/src/main/java/com/fstvllife/android/MainApplication.kt

@@ -10,8 +10,8 @@ import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
 import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
 import com.facebook.react.defaults.DefaultReactNativeHost
 import com.facebook.soloader.SoLoader
-import org.wonday.orientation.OrientationActivityLifecycle
 import com.microsoft.codepush.react.CodePush
+import com.shopify.reactnativeperformance.ReactNativePerformance
 
 class MainApplication : Application(), ReactApplication {
 
@@ -40,12 +40,12 @@ class MainApplication : Application(), ReactApplication {
     get() = getDefaultReactHost(applicationContext, reactNativeHost)
 
   override fun onCreate() {
-    super.onCreate()
-    SoLoader.init(this, false)
-//    registerActivityLifecycleCallbacks(OrientationActivityLifecycle.getInstance());
-    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
-      // If you opted-in for the New Architecture, we load the native entry point for this app.
-      load()
-    }
+      ReactNativePerformance.onAppStarted()
+      super.onCreate()
+      SoLoader.init(this, false)
+      if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+        // If you opted-in for the New Architecture, we load the native entry point for this app.
+        load()
+      }
   }
 }

apps/billets-app/app.config.js

@@ -61,4 +61,4 @@ const appConfig = {
   },
 }
 
-module.exports = appConfig
+export default appConfig

apps/billets-app/ios/FstvlLifeApp.xcodeproj/project.pbxproj

@@ -600,7 +600,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.6.7;
+				MARKETING_VERSION = 1.6.8;
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",
@@ -632,7 +632,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.6.7;
+				MARKETING_VERSION = 1.6.8;
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",
@@ -923,7 +923,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.6.7;
+				MARKETING_VERSION = 1.6.8;
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",

apps/billets-app/ios/FstvlLifeApp/AppDelegate.mm

@@ -7,12 +7,13 @@
 
 #import <Firebase.h>
 #import "RNBootSplash.h"
-//#import "Orientation.h"
+#import <ReactNativePerformance/ReactNativePerformance.h>
 
 @implementation AppDelegate
 
 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
 {
+  [ReactNativePerformance onAppStarted];
   [FIRApp configure];
   self.moduleName = @"FstvlLifeApp";
   // You can add your custom initial props in the dictionary below.

apps/billets-app/ios/Podfile.lock

@@ -7,6 +7,29 @@ PODS:
     - AppAuth/Core
   - Base64 (1.1.2)
   - boost (1.84.0)
+  - callstack-repack (5.0.0-rc.10):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - JWTDecode (~> 3.0.0)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SwiftyRSA (~> 1.7)
+    - Yoga
   - CodePush (9.0.0):
     - Base64 (~> 1.1)
     - JWT (~> 3.0.0-beta.12)
@@ -169,6 +192,7 @@ PODS:
   - hermes-engine/Pre-built (0.75.3)
   - JWT (3.0.0-beta.14):
     - Base64 (~> 1.1.2)
+  - JWTDecode (3.0.1)
   - libwebp (1.3.2):
     - libwebp/demux (= 1.3.2)
     - libwebp/mux (= 1.3.2)
@@ -1738,6 +1762,8 @@ PODS:
     - React-logger (= 0.75.3)
     - React-perflogger (= 0.75.3)
     - React-utils (= 0.75.3)
+  - ReactNativePerformance (4.1.2):
+    - React-Core
   - RNAppleAuthentication (2.4.0):
     - React-Core
   - RNBootSplash (6.2.6):
@@ -1941,10 +1967,14 @@ PODS:
     - SDWebImage/Core (~> 5.10)
   - SocketRocket (0.7.0)
   - SSZipArchive (2.5.5)
+  - SwiftyRSA (1.7.0):
+    - SwiftyRSA/ObjC (= 1.7.0)
+  - SwiftyRSA/ObjC (1.7.0)
   - Yoga (0.0.0)
 
 DEPENDENCIES:
   - boost (from `../../../node_modules/react-native/third-party-podspecs/boost.podspec`)
+  - "callstack-repack (from `../../../node_modules/@callstack/repack`)"
   - CodePush (from `../../../node_modules/react-native-code-push`)
   - DoubleConversion (from `../../../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`)
   - FBLazyVector (from `../../../node_modules/react-native/Libraries/FBLazyVector`)
@@ -2019,6 +2049,7 @@ DEPENDENCIES:
   - React-utils (from `../../../node_modules/react-native/ReactCommon/react/utils`)
   - ReactCodegen (from `build/generated/ios`)
   - ReactCommon/turbomodule/core (from `../../../node_modules/react-native/ReactCommon`)
+  - "ReactNativePerformance (from `../../../node_modules/@shopify/react-native-performance`)"
   - "RNAppleAuthentication (from `../../../node_modules/@invertase/react-native-apple-authentication`)"
   - RNBootSplash (from `../../../node_modules/react-native-bootsplash`)
   - "RNCClipboard (from `../../../node_modules/@react-native-clipboard/clipboard`)"
@@ -2063,6 +2094,7 @@ SPEC REPOS:
     - GTMAppAuth
     - GTMSessionFetcher
     - JWT
+    - JWTDecode
     - libwebp
     - MMKV
     - MMKVCore
@@ -2073,10 +2105,13 @@ SPEC REPOS:
     - SDWebImageWebPCoder
     - SocketRocket
     - SSZipArchive
+    - SwiftyRSA
 
 EXTERNAL SOURCES:
   boost:
     :podspec: "../../../node_modules/react-native/third-party-podspecs/boost.podspec"
+  callstack-repack:
+    :path: "../../../node_modules/@callstack/repack"
   CodePush:
     :path: "../../../node_modules/react-native-code-push"
   DoubleConversion:
@@ -2214,6 +2249,8 @@ EXTERNAL SOURCES:
     :path: build/generated/ios
   ReactCommon:
     :path: "../../../node_modules/react-native/ReactCommon"
+  ReactNativePerformance:
+    :path: "../../../node_modules/@shopify/react-native-performance"
   RNAppleAuthentication:
     :path: "../../../node_modules/@invertase/react-native-apple-authentication"
   RNBootSplash:
@@ -2259,6 +2296,7 @@ SPEC CHECKSUMS:
   AppAuth: 501c04eda8a8d11f179dbe8637b7a91bb7e5d2fa
   Base64: cecfb41a004124895a7bcee567a89bae5a89d49b
   boost: 4cb898d0bf20404aab1850c656dcea009429d6c1
+  callstack-repack: bcb221c6d821b62cc0e2e0dd20278fad09a15e37
   CodePush: ea174f879b85dff65380bee54243bbe523ea16b2
   DoubleConversion: 76ab83afb40bddeeee456813d9c04f67f78771b5
   FBLazyVector: 7b438dceb9f904bd85ca3c31d64cce32a035472b
@@ -2284,6 +2322,7 @@ SPEC CHECKSUMS:
   GTMSessionFetcher: 3a63d75eecd6aa32c2fc79f578064e1214dfdec2
   hermes-engine: 8d2103d6c0176779aea4e25df6bb1410f9946680
   JWT: ef71dfb03e1f842081e64dc42eef0e164f35d251
+  JWTDecode: 2eed97c2fa46ccaf3049a787004eedf0be474a87
   libwebp: 1786c9f4ff8a279e4dac1e8f385004d5fc253009
   MMKV: f7d1d5945c8765f97f39c3d121f353d46735d801
   MMKVCore: c04b296010fcb1d1638f2c69405096aac12f6390
@@ -2352,6 +2391,7 @@ SPEC CHECKSUMS:
   React-utils: 211020f1a54caa72455ccf55853b064e590f564b
   ReactCodegen: c553d76baaa1d2ded9f5145a3e5cdd4b3467798b
   ReactCommon: d5e70af52fb05bd546fd7f002c549f57116c59e4
+  ReactNativePerformance: ab7dee4c4862623d72c1530a9fc71b55458edf71
   RNAppleAuthentication: e00c76acb03351f5544373c78fa7f359bef6d5d3
   RNBootSplash: 107e51392c11c000af0fdcbd90336203068e5e5e
   RNCClipboard: 69ab8e51324d5b351f6ba72bbdb72478087a2c64
@@ -2375,6 +2415,7 @@ SPEC CHECKSUMS:
   SDWebImageWebPCoder: 908b83b6adda48effe7667cd2b7f78c897e5111d
   SocketRocket: abac6f5de4d4d62d24e11868d7a2f427e0ef940d
   SSZipArchive: c69881e8ac5521f0e622291387add5f60f30f3c4
+  SwiftyRSA: 8c6dd1ea7db1b8dc4fb517a202f88bb1354bc2c6
   Yoga: 33604ac44957ebe3f30f15b4cd0a3f96634e624a
 
 PODFILE CHECKSUM: 251d16daf60694f87f9e77bbffc7e5631eee0d39

apps/billets-app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coldsurfers/billets-app",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "private": true,
   "scripts": {
     "android": "react-native run-android",
@@ -50,6 +50,7 @@
     "@react-navigation/bottom-tabs": "^6.5.11",
     "@react-navigation/native": "^6.1.9",
     "@react-navigation/native-stack": "^6.9.17",
+    "@shopify/react-native-performance": "^4.1.2",
     "@tanstack/react-query": "*",
     "@uidotdev/usehooks": "^2.4.1",
     "date-fns": "^2.29.3",
@@ -88,10 +89,14 @@
     "@babel/core": "^7.20.0",
     "@babel/preset-env": "^7.20.0",
     "@babel/runtime": "^7.20.0",
+    "@callstack/repack": "5.0.0-rc.10",
+    "@callstack/repack-plugin-reanimated": "5.0.0-rc.6",
     "@react-native/babel-preset": "0.75.3",
     "@react-native/eslint-config": "0.75.3",
     "@react-native/metro-config": "0.75.3",
     "@react-native/typescript-config": "0.75.3",
+    "@rspack/core": "^1.2.2",
+    "@swc/helpers": "^0.5.15",
     "@tanstack/eslint-plugin-query": "^5.58.1",
     "@types/lodash.uniqby": "^4",
     "@types/ngeohash": "*",
@@ -102,6 +107,7 @@
     "@typescript-eslint/parser": "^5.29.0",
     "babel-jest": "^29.6.3",
     "babel-plugin-module-resolver": "^5.0.2",
+    "babel-plugin-syntax-hermes-parser": "^0.26.0",
     "detox": "^19.8.1",
     "eslint": "8.57.0",
     "eslint-config-prettier": "^9.1.0",

apps/billets-app/react-native.config.js

@@ -4,4 +4,5 @@ module.exports = {
     android: {},
   },
   assets: ['./assets/fonts/'],
+  commands: require('@callstack/repack/commands/rspack'),
 }