sigh, kind of there

src/components/dms/MessageItem.tsx

@@ -6,12 +6,17 @@ import {
   TextStyle,
   View,
 } from 'react-native'
-import {ChatBskyConvoDefs, RichText as RichTextAPI} from '@atproto/api'
+import {
+  AppBskyEmbedRecord,
+  ChatBskyConvoDefs,
+  RichText as RichTextAPI,
+} from '@atproto/api'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
 import {ConvoItem} from '#/state/messages/convo/types'
 import {useSession} from '#/state/session'
+import {PostEmbeds} from 'view/com/util/post-embeds'
 import {TimeElapsed} from 'view/com/util/TimeElapsed'
 import {atoms as a, useTheme} from '#/alf'
 import {ActionsWrapper} from '#/components/dms/ActionsWrapper'
@@ -107,6 +112,11 @@ let MessageItem = ({
             interactiveStyle={a.underline}
             enableTags
           />
+
+          {item.message.embed &&
+            AppBskyEmbedRecord.isView(item.message.embed) && (
+              <PostEmbeds embed={item.message.embed} moderation={undefined} />
+            )}
         </View>
       </ActionsWrapper>
 

src/screens/Messages/Conversation/MessagesList.tsx

@@ -17,7 +17,6 @@ import {AppBskyEmbedRecord, AppBskyRichtextFacet, RichText} from '@atproto/api'
 import {PostView} from '@atproto/api/dist/client/types/app/bsky/feed/defs'
 
 import {shortenLinks} from '#/lib/strings/rich-text-manip'
-import {logger} from '#/logger'
 import {isIOS, isNative} from '#/platform/detection'
 import {isConvoActive, useConvoActive} from '#/state/messages/convo'
 import {ConvoItem, ConvoStatus} from '#/state/messages/convo/types'
@@ -274,7 +273,7 @@ export function MessagesList({
       await rt.detectFacets(getAgent())
       rt = shortenLinks(rt)
 
-      const {facets, embed} = handleFacets(rt, getPost)
+      const {facets, embed} = await handleFacets(rt, getPost)
 
       if (!hasScrolled) {
         setHasScrolled(true)
@@ -368,7 +367,7 @@ export function MessagesList({
   )
 }
 
-function handleFacets(
+async function handleFacets(
   rt: RichText,
   getPost: ({uri}: {uri: string}) => Promise<PostView>,
 ) {
@@ -376,18 +375,17 @@ function handleFacets(
   let embed: AppBskyEmbedRecord.Main | undefined
   if (rt.facets) {
     for (const facet of rt.facets) {
-      if (AppBskyRichtextFacet.isMention(facet)) {
+      let skip = false
-        if (facet.did) {
+      for (const feature of facet.features) {
-          facets.push(facet)
+        if (AppBskyRichtextFacet.isMention(feature)) {
-        }
+          if (!feature.did) {
-      } else {
+            skip = true
-        if (
+            break
-          AppBskyRichtextFacet.isLink(facet) &&
+          }
-          isBskyPostUrl(facet.uri) &&
+        } else if (AppBskyRichtextFacet.isLink(feature)) {
-          !embed
+          if (isBskyPostUrl(feature.uri)) {
-        ) {
+            const post = await getPostAsQuote(getPost, feature.uri)
-          getPostAsQuote(getPost, facet.uri).then(
+            if (post) {
-            post => {
               embed = {
                 $type: 'app.bsky.embed.record',
                 record: {
@@ -395,14 +393,12 @@ function handleFacets(
                   cid: post.cid,
                 },
               }
-            },
+            }
-            err => {
+          }
-              logger.error('Failed to fetch post for quote embedding', {
-                message: err.toString(),
-              })
-            },
-          )
         }
+      }
+
+      if (!skip) {
         facets.push(facet)
       }
     }