adding more register usage

src/view/com/post-thread/PostRepostedBy/PostRepostedBy.tsx

@@ -4,18 +4,14 @@ import {ActivityIndicator, FlatList, StyleSheet, Text, View} from 'react-native'
 import {
   RepostedByViewModel,
   RepostedByViewItemModel,
-} from '../../../state/models/reposted-by-view'
-import {UserAvatar} from '../util/UserAvatar'
-import {ErrorMessage} from '../util/ErrorMessage'
-import {Link} from '../util/Link'
-import {useStores} from '../../../state'
-import {s, colors} from '../../lib/styles'
+} from '../../../../state/models/reposted-by-view'
+import {UserAvatar} from '../../util/UserAvatar'
+import {ErrorMessage} from '../../util/ErrorMessage'
+import {Link} from '../../util/Link'
+import {useStores} from '../../../../state'
+import {s, colors} from '../../../lib/styles'
 
-export const PostRepostedBy = observer(function PostRepostedBy({
-  uri,
-}: {
-  uri: string
-}) {
+export default observer(function PostRepostedBy({uri}: {uri: string}) {
   const store = useStores()
   const [view, setView] = useState<RepostedByViewModel | undefined>()
 

src/view/com/post-thread/PostRepostedBy/index.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import {View, ActivityIndicator, StyleSheet} from 'react-native'
+import {register} from 'react-native-bundle-splitter'
+
+export const PostRepostedBy = register({
+  loader: () => import('./PostRepostedBy'),
+  placeholder: () => (
+    <View style={styles.loading}>
+      <ActivityIndicator />
+    </View>
+  ),
+})
+
+const styles = StyleSheet.create({
+  loading: {flex: 1, justifyContent: 'center'},
+})

src/view/com/post-thread/PostThread/PostThread.tsx

@@ -4,12 +4,12 @@ import {ActivityIndicator, FlatList, Text, View} from 'react-native'
 import {
   PostThreadViewModel,
   PostThreadViewPostModel,
-} from '../../../state/models/post-thread-view'
-import {useStores} from '../../../state'
-import {PostThreadItem} from './PostThreadItem'
-import {ErrorMessage} from '../util/ErrorMessage'
+} from '../../../../state/models/post-thread-view'
+import {useStores} from '../../../../state'
+import {PostThreadItem} from '../PostThreadItem'
+import {ErrorMessage} from '../../util/ErrorMessage'
 
-export const PostThread = observer(function PostThread({
+export default observer(function PostThread({
   uri,
   view,
 }: {

src/view/com/post-thread/PostThread/index.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import {View, ActivityIndicator, StyleSheet} from 'react-native'
+import {register} from 'react-native-bundle-splitter'
+
+export const PostThread = register({
+  loader: () => import('./PostThread'),
+  placeholder: () => (
+    <View style={styles.loading}>
+      <ActivityIndicator />
+    </View>
+  ),
+})
+
+const styles = StyleSheet.create({
+  loading: {flex: 1, justifyContent: 'center'},
+})

src/view/com/post-thread/PostThreadItem/PostThreadItem.tsx

@@ -2,27 +2,27 @@ import React, {useMemo, useState} from 'react'
 import {observer} from 'mobx-react-lite'
 import {StyleSheet, Text, View} from 'react-native'
 import Clipboard from '@react-native-clipboard/clipboard'
-import {AtUri} from '../../../third-party/uri'
-import * as PostType from '../../../third-party/api/src/client/types/app/bsky/feed/post'
+import {AtUri} from '../../../../third-party/uri'
+import * as PostType from '../../../../third-party/api/src/client/types/app/bsky/feed/post'
 import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
-import {PostThreadViewPostModel} from '../../../state/models/post-thread-view'
-import {Link} from '../util/Link'
-import {RichText} from '../util/RichText'
-import {PostDropdownBtn} from '../util/DropdownBtn'
-import * as Toast from '../util/Toast'
-import {UserAvatar} from '../util/UserAvatar'
-import {s, colors} from '../../lib/styles'
-import {ago, pluralize} from '../../../lib/strings'
-import {useStores} from '../../../state'
-import {PostMeta} from '../util/PostMeta'
-import {PostEmbeds} from '../util/PostEmbeds'
-import {PostCtrls} from '../util/PostCtrls'
-import {ComposePrompt} from '../composer/Prompt'
+import {PostThreadViewPostModel} from '../../../../state/models/post-thread-view'
+import {Link} from '../../util/Link'
+import {RichText} from '../../util/RichText'
+import {PostDropdownBtn} from '../../util/DropdownBtn'
+import * as Toast from '../../util/Toast'
+import {UserAvatar} from '../../util/UserAvatar'
+import {s, colors} from '../../../lib/styles'
+import {ago, pluralize} from '../../../../lib/strings'
+import {useStores} from '../../../../state'
+import {PostMeta} from '../../util/PostMeta'
+import {PostEmbeds} from '../../util/PostEmbeds'
+import {PostCtrls} from '../../util/PostCtrls'
+import {ComposePrompt} from '../../composer/Prompt'
 
 const PARENT_REPLY_LINE_LENGTH = 8
 const REPLYING_TO_LINE_LENGTH = 6
 
-export const PostThreadItem = observer(function PostThreadItem({
+export default observer(function PostThreadItem({
   item,
   onPostReply,
 }: {

src/view/com/post-thread/PostThreadItem/index.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import {View, ActivityIndicator, StyleSheet} from 'react-native'
+import {register} from 'react-native-bundle-splitter'
+
+export const PostThreadItem = register({
+  loader: () => import('./PostThreadItem'),
+  placeholder: () => (
+    <View style={styles.loading}>
+      <ActivityIndicator />
+    </View>
+  ),
+})
+
+const styles = StyleSheet.create({
+  loading: {flex: 1, justifyContent: 'center'},
+})

src/view/com/post-thread/PostVotedBy/PostVotedBy.tsx

@@ -4,14 +4,14 @@ import {ActivityIndicator, FlatList, StyleSheet, Text, View} from 'react-native'
 import {
   VotesViewModel,
   VotesViewItemModel,
-} from '../../../state/models/votes-view'
-import {Link} from '../util/Link'
-import {ErrorMessage} from '../util/ErrorMessage'
-import {UserAvatar} from '../util/UserAvatar'
-import {useStores} from '../../../state'
-import {s, colors} from '../../lib/styles'
+} from '../../../../state/models/votes-view'
+import {Link} from '../../util/Link'
+import {ErrorMessage} from '../../util/ErrorMessage'
+import {UserAvatar} from '../../util/UserAvatar'
+import {useStores} from '../../../../state'
+import {s, colors} from '../../../lib/styles'
 
-export const PostVotedBy = observer(function PostVotedBy({
+export default observer(function PostVotedBy({
   uri,
   direction,
 }: {

src/view/com/post-thread/PostVotedBy/index.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import {View, ActivityIndicator, StyleSheet} from 'react-native'
+import {register} from 'react-native-bundle-splitter'
+
+export const PostVotedBy = register({
+  loader: () => import('./PostVotedBy'),
+  placeholder: () => (
+    <View style={styles.loading}>
+      <ActivityIndicator />
+    </View>
+  ),
+})
+
+const styles = StyleSheet.create({
+  loading: {flex: 1, justifyContent: 'center'},
+})