demo: custom channels megabranch

apps/tlon-mobile/ios/Podfile.lock

@@ -1161,6 +1161,12 @@ PODS:
     - React-Core
   - react-native-safe-area-context (4.9.0):
     - React-Core
+  - react-native-skia (1.5.3):
+    - glog
+    - RCT-Folly (= 2022.05.16.00)
+    - React
+    - React-callinvoker
+    - React-Core
   - react-native-webview (13.6.4):
     - glog
     - RCT-Folly (= 2022.05.16.00)
@@ -1465,6 +1471,7 @@ DEPENDENCIES:
   - react-native-get-random-values (from `../../../node_modules/react-native-get-random-values`)
   - "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-webview (from `../../../node_modules/react-native-webview`)
   - React-nativeconfig (from `../../../node_modules/react-native/ReactCommon`)
   - React-NativeModulesApple (from `../../../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios`)
@@ -1672,6 +1679,8 @@ EXTERNAL SOURCES:
     :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-webview:
     :path: "../../../node_modules/react-native-webview"
   React-nativeconfig:
@@ -1837,6 +1846,7 @@ SPEC CHECKSUMS:
   react-native-get-random-values: 21325b2244dfa6b58878f51f9aa42821e7ba3d06
   react-native-netinfo: 3aa5637c18834966e0c932de8ae1ae56fea20a97
   react-native-safe-area-context: b97eb6f9e3b7f437806c2ce5983f479f8eb5de4b
+  react-native-skia: 211686d244201306777e3b8d8396df0e5e38b96a
   react-native-webview: ad868affda04ff2b204de83546193bc0325a8280
   React-nativeconfig: 44cd3076b158c39cb6758f238cd3e65953e989c0
   React-NativeModulesApple: af58ca346cf42c3bb4dab9173b6edd0c83c2a21c
@@ -1880,7 +1890,7 @@ SPEC CHECKSUMS:
   sqlite3: f163dbbb7aa3339ad8fc622782c2d9d7b72f7e9c
   tentap: 2cf2e387dd284bf867010eb7d0f91618fb35b673
   UMAppLoader: 5df85360d65cabaef544be5424ac64672e648482
-  Yoga: fb61b2337c7688c81a137e5560b3cbb515289f91
+  Yoga: 4dbfeceb9bb0f62899d0a53d37a1ddd58898d3f2
 
 PODFILE CHECKSUM: 0cb7a78e5777e69c86c1bf4bb5135fd660376dbe
 

apps/tlon-mobile/package.json

@@ -57,6 +57,7 @@
     "@react-navigation/native-stack": "^6.9.13",
     "@shopify/flash-list": "1.6.3",
     "@tamagui/react-native-media-driver": "^1.116.12",
+    "@shopify/react-native-skia": "^1.3.9",
     "@tanstack/react-query": "~5.32.1",
     "@tloncorp/app": "workspace:*",
     "@tloncorp/editor": "workspace:*",

apps/tlon-mobile/src/App.main.tsx

@@ -17,6 +17,7 @@ import { useIsDarkMode } from '@tloncorp/app/hooks/useIsDarkMode';
 import { useMigrations } from '@tloncorp/app/lib/nativeDb';
 import { PlatformState } from '@tloncorp/app/lib/platformHelpers';
 import { Provider as TamaguiProvider } from '@tloncorp/app/provider';
+import { StorageProvider } from '@tloncorp/app/provider/StorageProvider';
 import { FeatureFlagConnectedInstrumentationProvider } from '@tloncorp/app/utils/perf';
 import { posthogAsync } from '@tloncorp/app/utils/posthog';
 import { QueryClientProvider, queryClient } from '@tloncorp/shared/api';
@@ -121,48 +122,52 @@ export default function ConnectedApp() {
   return (
     <ErrorBoundary>
       <FeatureFlagConnectedInstrumentationProvider>
-        <TamaguiProvider>
-          <ShipProvider>
-            <NavigationContainer
-              theme={isDarkMode ? DarkTheme : DefaultTheme}
-              ref={navigationContainerRef}
-            >
-              <BranchProvider>
-                <PostHogProvider
-                  client={posthogAsync}
-                  autocapture={{
-                    captureTouches: false,
-                  }}
-                  options={{
-                    enable:
-                      process.env.NODE_ENV !== 'test' ||
-                      !!process.env.POST_HOG_IN_DEV,
-                  }}
-                >
-                  <GestureHandlerRootView style={{ flex: 1 }}>
-                    <SafeAreaProvider>
-                      <MigrationCheck>
-                        <QueryClientProvider client={queryClient}>
-                          <SignupProvider>
-                            <PortalProvider>
-                              <App />
-                            </PortalProvider>
+        <StorageProvider>
+          <TamaguiProvider>
+            <ShipProvider>
+              <NavigationContainer
+                theme={isDarkMode ? DarkTheme : DefaultTheme}
+                ref={navigationContainerRef}
+              >
+                <BranchProvider>
+                  <PostHogProvider
+                    client={posthogAsync}
+                    autocapture={{
+                      captureTouches: false,
+                    }}
+                    options={{
+                      enable:
+                        process.env.NODE_ENV !== 'test' ||
+                        !!process.env.POST_HOG_IN_DEV,
+                    }}
+                  >
+                    <GestureHandlerRootView style={{ flex: 1 }}>
+                      <SafeAreaProvider>
+                        <MigrationCheck>
+                          <QueryClientProvider client={queryClient}>
+                            <SignupProvider>
+                              <PortalProvider>
+                                <App />
+                              </PortalProvider>
 
-                            {__DEV__ && (
-                              <DevTools
-                                navigationContainerRef={navigationContainerRef}
-                              />
-                            )}
-                          </SignupProvider>
-                        </QueryClientProvider>
-                      </MigrationCheck>
-                    </SafeAreaProvider>
-                  </GestureHandlerRootView>
-                </PostHogProvider>
-              </BranchProvider>
-            </NavigationContainer>
-          </ShipProvider>
-        </TamaguiProvider>
+                              {__DEV__ && (
+                                <DevTools
+                                  navigationContainerRef={
+                                    navigationContainerRef
+                                  }
+                                />
+                              )}
+                            </SignupProvider>
+                          </QueryClientProvider>
+                        </MigrationCheck>
+                      </SafeAreaProvider>
+                    </GestureHandlerRootView>
+                  </PostHogProvider>
+                </BranchProvider>
+              </NavigationContainer>
+            </ShipProvider>
+          </TamaguiProvider>
+        </StorageProvider>
       </FeatureFlagConnectedInstrumentationProvider>
     </ErrorBoundary>
   );