Native Platforms (#5)

Author: TheUltDev

.vscode/settings.json

@@ -6,6 +6,7 @@
     "client": "mobile",
     "guides": "content",
     "native": "target",
+    "targets": "target",
     "android-tv": "android",
     "visionos": "macos",
     "tvos": "macos",

client/babel.config.js

@@ -1,12 +1,16 @@
+/** @type {import('@babel/core').ConfigAPI} */
+
 module.exports = {
   presets: [
     ["@rnx-kit/babel-preset-metro-react-native", {
       additionalPlugins: [
         'macros',
         'tsconfig-paths-module-resolver',
+        'react-exo/babel-plugin-iconify-extract',
+        'react-exo/babel-plugin-iconify-transform',
         ['@rnx-kit/babel-plugin-import-path-remapper', {
           test: (path) => path.startsWith('react-exo/'),
-          remap: (_, path) => `${__dirname}/node_modules/react-exo/gen/cjs/${path}`,
+          remap: (_, path) => `${__dirname}/node_modules/react-exo/gen/native/${path}`,
         }],
       ]
     }]

client/index.html

@@ -15,18 +15,30 @@
       font-feature-settings: 'liga' 1, 'calt' 1;
     }
 
+    html, body, #root {
+      height: 100%;
+      width: 100%;
+      margin: 0;
+      display: flex;
+      background: #fff;
+    }
+
+    @media (prefers-color-scheme: dark) {
+      html, body, #root {
+        background: #000;
+      }
+    }
+
     @supports (font-variation-settings: normal) {
       :root {
         font-family: __FONT_NAME__Variable, sans-serif;
       }
     }
 
-    html, body, #root {
-      height: 100%;
-      width: 100%;
-      margin: 0;
-      display: flex;
-      background: #000;
+    @media (prefers-reduced-motion: no-preference) {
+      html {
+        scroll-behavior: smooth;
+      }
     }
   </style>
 </head>

client/ios/Podfile.lock

@@ -1,6 +1,17 @@
 PODS:
+  - BEMCheckBox (1.4.1)
   - boost (1.83.0)
+  - BVLinearGradient (2.8.3):
+    - React-Core
   - DoubleConversion (1.1.6)
+  - FasterImage (1.4.3):
+    - FasterImage/Nuke (= 1.4.3)
+    - FasterImage/NukeUI (= 1.4.3)
+    - React-Core
+  - FasterImage/Nuke (1.4.3):
+    - React-Core
+  - FasterImage/NukeUI (1.4.3):
+    - React-Core
   - FBLazyVector (0.73.6)
   - FBReactNativeSpec (0.73.6):
     - RCT-Folly (= 2022.05.16.00)
@@ -11,6 +22,10 @@ PODS:
     - ReactCommon/turbomodule/core (= 0.73.6)
   - fmt (6.2.1)
   - glog (0.3.5)
+  - HMSegmentedControl (1.5.6)
+  - MMKV (1.3.5):
+    - MMKVCore (~> 1.3.5)
+  - MMKVCore (1.3.5)
   - RCT-Folly (2022.05.16.00):
     - boost
     - DoubleConversion
@@ -852,10 +867,41 @@ PODS:
   - React-Mapbuffer (0.73.6):
     - glog
     - React-debug
+  - react-native-get-random-values (1.11.0):
+    - React-Core
+  - react-native-mmkv (2.12.2):
+    - glog
+    - MMKV (>= 1.3.3)
+    - RCT-Folly (= 2022.05.16.00)
+    - React-Core
+  - react-native-netinfo (11.3.1):
+    - React-Core
+  - react-native-safe-area-context (4.9.0):
+    - React-Core
+  - react-native-skia (1.2.3):
+    - glog
+    - RCT-Folly (= 2022.05.16.00)
+    - React
+    - React-callinvoker
+    - React-Core
+  - react-native-skia-skottie (2.1.0):
+    - React
+    - React-Core
+    - react-native-skia
+    - SSZipArchive
+  - react-native-slider (4.5.2):
+    - glog
+    - RCT-Folly (= 2022.05.16.00)
+    - React-Core
   - react-native-unistyles (2.7.1):
     - glog
     - RCT-Folly (= 2022.05.16.00)
     - React-Core
+  - react-native-video (5.2.1):
+    - React-Core
+    - react-native-video/Video (= 5.2.1)
+  - react-native-video/Video (5.2.1):
+    - React-Core
   - React-nativeconfig (0.73.6)
   - React-NativeModulesApple (0.73.6):
     - glog
@@ -1025,18 +1071,60 @@ PODS:
     - React-Core
     - React-cxxreact
     - ReactCommon/turbomodule/core
+  - ReactNativeNavigation (7.39.1):
+    - HMSegmentedControl
+    - React-Core
+    - React-CoreModules
+    - React-RCTImage
+    - React-RCTText
+    - ReactNativeNavigation/Core (= 7.39.1)
+  - ReactNativeNavigation/Core (7.39.1):
+    - HMSegmentedControl
+    - React-Core
+    - React-CoreModules
+    - React-RCTImage
+    - React-RCTText
+  - ReactNativeUiLib (4.1.3):
+    - React
   - ReactTestApp-DevSupport (3.7.0):
     - React-Core
     - React-jsi
   - ReactTestApp-Resources (1.0.0-dev)
+  - rive-react-native (7.0.0):
+    - React-Core
+    - RiveRuntime (= 5.10.0)
+  - RiveRuntime (5.10.0)
+  - RNBootSplash (5.5.2):
+    - React-Core
+  - RNCCheckbox (0.5.17):
+    - BEMCheckBox (~> 1.4)
+    - React-Core
+  - RNCPicker (2.7.5):
+    - React-Core
+  - RNGestureHandler (2.16.0):
+    - glog
+    - RCT-Folly (= 2022.05.16.00)
+    - React-Core
+  - RNReanimated (3.8.1):
+    - glog
+    - RCT-Folly (= 2022.05.16.00)
+    - React-Core
+    - ReactCommon/turbomodule/core
+  - RNScreens (3.30.1):
+    - glog
+    - RCT-Folly (= 2022.05.16.00)
+    - React-Core
   - RNSVG (15.1.0):
     - React-Core
   - SocketRocket (0.6.1)
+  - SSZipArchive (2.4.3)
   - Yoga (1.14.0)
 
 DEPENDENCIES:
   - boost (from `../node_modules/react-native/third-party-podspecs/boost.podspec`)
+  - BVLinearGradient (from `../node_modules/react-native-linear-gradient`)
   - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`)
+  - "FasterImage (from `../node_modules/@candlefinance/faster-image`)"
   - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`)
   - FBReactNativeSpec (from `../node_modules/react-native/React/FBReactNativeSpec`)
   - glog (from `../node_modules/react-native/third-party-podspecs/glog.podspec`)
@@ -1063,7 +1151,15 @@ DEPENDENCIES:
   - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector-modern`)
   - React-logger (from `../node_modules/react-native/ReactCommon/logger`)
   - React-Mapbuffer (from `../node_modules/react-native/ReactCommon`)
+  - react-native-get-random-values (from `../node_modules/react-native-get-random-values`)
+  - react-native-mmkv (from `../node_modules/react-native-mmkv`)
+  - "react-native-netinfo (from `../node_modules/@react-native-community/netinfo`)"
+  - react-native-safe-area-context (from `../node_modules/react-native-safe-area-context`)
+  - "react-native-skia (from `../node_modules/@shopify/react-native-skia`)"
+  - react-native-skia-skottie (from `../node_modules/react-native-skottie`)
+  - "react-native-slider (from `../node_modules/@react-native-community/slider`)"
   - react-native-unistyles (from `../node_modules/react-native-unistyles`)
+  - react-native-video (from `../node_modules/react-native-video`)
   - React-nativeconfig (from `../node_modules/react-native/ReactCommon`)
   - React-NativeModulesApple (from `../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios`)
   - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`)
@@ -1085,21 +1181,40 @@ DEPENDENCIES:
   - React-utils (from `../node_modules/react-native/ReactCommon/react/utils`)
   - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
   - "ReactNativeHost (from `../../node_modules/.pnpm/react-native-test-app@3.7.0_@callstack+react-native-visionos@0.73.10_react-native-macos@0.73._kudraiqpsikfmmfmsseu2enccm/node_modules/@rnx-kit/react-native-host`)"
+  - ReactNativeNavigation (from `../node_modules/react-native-navigation`)
+  - ReactNativeUiLib (from `../node_modules/react-native-ui-lib`)
   - ReactTestApp-DevSupport (from `../node_modules/react-native-test-app`)
   - ReactTestApp-Resources (from `..`)
+  - rive-react-native (from `../node_modules/rive-react-native`)
+  - RNBootSplash (from `../node_modules/react-native-bootsplash`)
+  - "RNCCheckbox (from `../node_modules/@react-native-community/checkbox`)"
+  - "RNCPicker (from `../node_modules/@react-native-picker/picker`)"
+  - RNGestureHandler (from `../node_modules/react-native-gesture-handler`)
+  - RNReanimated (from `../node_modules/react-native-reanimated`)
+  - RNScreens (from `../node_modules/react-native-screens`)
   - RNSVG (from `../node_modules/react-native-svg`)
   - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
 
 SPEC REPOS:
   trunk:
+    - BEMCheckBox
     - fmt
+    - HMSegmentedControl
+    - MMKV
+    - MMKVCore
+    - RiveRuntime
     - SocketRocket
+    - SSZipArchive
 
 EXTERNAL SOURCES:
   boost:
     :podspec: "../node_modules/react-native/third-party-podspecs/boost.podspec"
+  BVLinearGradient:
+    :path: "../node_modules/react-native-linear-gradient"
   DoubleConversion:
     :podspec: "../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec"
+  FasterImage:
+    :path: "../node_modules/@candlefinance/faster-image"
   FBLazyVector:
     :path: "../node_modules/react-native/Libraries/FBLazyVector"
   FBReactNativeSpec:
@@ -1148,8 +1263,24 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon/logger"
   React-Mapbuffer:
     :path: "../node_modules/react-native/ReactCommon"
+  react-native-get-random-values:
+    :path: "../node_modules/react-native-get-random-values"
+  react-native-mmkv:
+    :path: "../node_modules/react-native-mmkv"
+  react-native-netinfo:
+    :path: "../node_modules/@react-native-community/netinfo"
+  react-native-safe-area-context:
+    :path: "../node_modules/react-native-safe-area-context"
+  react-native-skia:
+    :path: "../node_modules/@shopify/react-native-skia"
+  react-native-skia-skottie:
+    :path: "../node_modules/react-native-skottie"
+  react-native-slider:
+    :path: "../node_modules/@react-native-community/slider"
   react-native-unistyles:
     :path: "../node_modules/react-native-unistyles"
+  react-native-video:
+    :path: "../node_modules/react-native-video"
   React-nativeconfig:
     :path: "../node_modules/react-native/ReactCommon"
   React-NativeModulesApple:
@@ -1192,22 +1323,46 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon"
   ReactNativeHost:
     :path: "../../node_modules/.pnpm/react-native-test-app@3.7.0_@callstack+react-native-visionos@0.73.10_react-native-macos@0.73._kudraiqpsikfmmfmsseu2enccm/node_modules/@rnx-kit/react-native-host"
+  ReactNativeNavigation:
+    :path: "../node_modules/react-native-navigation"
+  ReactNativeUiLib:
+    :path: "../node_modules/react-native-ui-lib"
   ReactTestApp-DevSupport:
     :path: "../node_modules/react-native-test-app"
   ReactTestApp-Resources:
     :path: ".."
+  rive-react-native:
+    :path: "../node_modules/rive-react-native"
+  RNBootSplash:
+    :path: "../node_modules/react-native-bootsplash"
+  RNCCheckbox:
+    :path: "../node_modules/@react-native-community/checkbox"
+  RNCPicker:
+    :path: "../node_modules/@react-native-picker/picker"
+  RNGestureHandler:
+    :path: "../node_modules/react-native-gesture-handler"
+  RNReanimated:
+    :path: "../node_modules/react-native-reanimated"
+  RNScreens:
+    :path: "../node_modules/react-native-screens"
   RNSVG:
     :path: "../node_modules/react-native-svg"
   Yoga:
     :path: "../node_modules/react-native/ReactCommon/yoga"
 
 SPEC CHECKSUMS:
+  BEMCheckBox: 5ba6e37ade3d3657b36caecc35c8b75c6c2b1a4e
   boost: d3f49c53809116a5d38da093a8aa78bf551aed09
+  BVLinearGradient: 880f91a7854faff2df62518f0281afb1c60d49a3
   DoubleConversion: fea03f2699887d960129cc54bba7e52542b6f953
+  FasterImage: 60d0750ddbcefff0070c4c17309c2d1d6cc650f0
   FBLazyVector: f64d1e2ea739b4d8f7e4740cde18089cd97fe864
   FBReactNativeSpec: 5679157b361a2fa5d4f65905761ef320f1b92e18
   fmt: ff9d55029c625d3757ed641535fd4a75fedc7ce9
   glog: c5d68082e772fa1c511173d6b30a9de2c05a69a2
+  HMSegmentedControl: 34c1f54d822d8308e7b24f5d901ec674dfa31352
+  MMKV: 506311d0494023c2f7e0b62cc1f31b7370fa3cfb
+  MMKVCore: 9e2e5fd529b64a9fe15f1a7afb3d73b2e27b4db9
   RCT-Folly: 7169b2b1c44399c76a47b5deaaba715eeeb476c0
   RCTRequired: ca1d7414aba0b27efcfa2ccd37637edb1ab77d96
   RCTTypeSafety: 678e344fb976ff98343ca61dc62e151f3a042292
@@ -1229,7 +1384,15 @@ SPEC CHECKSUMS:
   React-jsinspector: 85583ef014ce53d731a98c66a0e24496f7a83066
   React-logger: 3eb80a977f0d9669468ef641a5e1fabbc50a09ec
   React-Mapbuffer: 84ea43c6c6232049135b1550b8c60b2faac19fab
+  react-native-get-random-values: 21325b2244dfa6b58878f51f9aa42821e7ba3d06
+  react-native-mmkv: 1fdc81aa70c1aba09370718e6a63a09cbbbac8d2
+  react-native-netinfo: bdb108d340cdb41875c9ced535977cac6d2ff321
+  react-native-safe-area-context: b97eb6f9e3b7f437806c2ce5983f479f8eb5de4b
+  react-native-skia: 3ac80cc6de9c33e0a02b3a7b66c29dc6b6286211
+  react-native-skia-skottie: 3a451dd09dbc2c8d82d8ccaf4e93817ad5bbbf55
+  react-native-slider: 7a39874fc1fcdfee48e448fa72cce0a8f2c7c5d6
   react-native-unistyles: 431618e5d043547ae250d89a77abe77562f3c3c7
+  react-native-video: c26780b224543c62d5e1b2a7244a5cd1b50e8253
   React-nativeconfig: b4d4e9901d4cabb57be63053fd2aa6086eb3c85f
   React-NativeModulesApple: ae99dc0e80c9027f54572c45635449fbdc36e4f1
   React-perflogger: 5f49905de275bac07ac7ea7f575a70611fa988f2
@@ -1251,10 +1414,21 @@ SPEC CHECKSUMS:
   React-utils: d16c1d2251c088ad817996621947d0ac8167b46c
   ReactCommon: 447281ad2034ea3252bf81a60d1f77d5afb0b636
   ReactNativeHost: 6cd1ed318d4137d8e067702461d466c0d0e67422
+  ReactNativeNavigation: 86a23855d2ccc74ad3e59bff1595c2d4b76ed8cc
+  ReactNativeUiLib: e23a2b3d196aaaf561694cf76385c1ff3055bdc2
   ReactTestApp-DevSupport: 0a10a887d4de1b16dee5d836998da6b9b90bf535
   ReactTestApp-Resources: 857244f3a23f2b3157b364fa06cf3e8866deff9c
+  rive-react-native: 125db990f050d72c76aa37dc6c5cfaaf89f66086
+  RiveRuntime: a859cd24f1100d924a5229567228063dd8a19a93
+  RNBootSplash: 878e64bcbebe59550e5a9d0edb6745d716d5f463
+  RNCCheckbox: a3ca9978cb0846b981d28da4e9914bd437403d77
+  RNCPicker: 3e2c37a8328f368ce14da050cdc8231deb5fc9f9
+  RNGestureHandler: bc2cdb2dc42facdf34992ae364b8a728e19a3686
+  RNReanimated: 929813524b7ba8614a309d6a4c5ff73a759d7854
+  RNScreens: b6b64d956af3715adbfe84808694ae82d3fec74f
   RNSVG: 50cf2c7018e57cf5d3522d98d0a3a4dd6bf9d093
   SocketRocket: f32cd54efbe0f095c4d7594881e52619cfe80b17
+  SSZipArchive: fe6a26b2a54d5a0890f2567b5cc6de5caa600aef
   Yoga: d17d2cc8105eed528474683b42e2ea310e1daf61
 
 PODFILE CHECKSUM: 9a5fd18d267f61986357ae2b5b67b9af2623b84b