From 8efd63575d2a250ac8b67c909706103df9c2643a Mon Sep 17 00:00:00 2001
From: luna <luna@wvvw.me>
Date: Fri, 3 Jan 2025 10:23:03 +1030
Subject: [PATCH] fix: embedded lists

---
 .../PostEmbed/app-bsky-embed-record-view.tsx  | 21 ++++++++++++-------
 src/lib/bluesky/types/BSkyPostEmbed.ts        | 14 +++++++++++++
 2 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/src/components/PostEmbed/app-bsky-embed-record-view.tsx b/src/components/PostEmbed/app-bsky-embed-record-view.tsx
index dbb88b4..3c64a5d 100644
--- a/src/components/PostEmbed/app-bsky-embed-record-view.tsx
+++ b/src/components/PostEmbed/app-bsky-embed-record-view.tsx
@@ -10,6 +10,8 @@ import { NotImplementedBox } from '@/components/ui/NotImplementedBox';
 import { Image } from '@/components/ui/Image';
 import { Link } from '@/components/ui/Link';
 import { useTranslation } from 'react-i18next';
+import { HeartIcon } from 'lucide-react';
+import { FormattedText } from '../ui/FormattedText';
 
 export const AppBskyEmbedRecordView = ({ embed }: { embed: BSkyPostEmbed }) => {
   const { t } = useTranslation('post');
@@ -59,17 +61,20 @@ export const AppBskyEmbedRecordView = ({ embed }: { embed: BSkyPostEmbed }) => {
           </div>
         </div>
       )}
-      {embed.record.$type === 'app.bsky.graph.defs#starterPackViewBasic' ? (
+      {embed.record.$type === 'app.bsky.graph.defs#starterPackViewBasic' && (
         <div className="text-gray-800 dark:text-gray-200">
           <NotImplementedBox type={embed.$type} data={embed.record} />
         </div>
-      ) : (
-        <p className="text-gray-800 dark:text-gray-200">
-          {embed.record.facets ? (
-            <FacetedText text={embed.record.value.text} facets={embed.record.facets} key={embed.record.uri} />
-          ) : (
-            embed.record.value.text
-          )}
+      )}
+      {embed.record.$type === 'app.bsky.feed.defs#generatorView' && (
+        <p className="text-gray-800 dark:text-gray-200 flex flex-col gap-2">
+          <div>
+            <Image type="avatar" src={embed.record.avatar} classNames={{ image: 'w-10 h-10 rounded-full' }} />
+          </div>
+          <FormattedText text={embed.record.description} />
+          <div className="flex flex-row gap-2">
+            <HeartIcon /> liked by {embed.record.likeCount} people
+          </div>
         </p>
       )}
     </div>
diff --git a/src/lib/bluesky/types/BSkyPostEmbed.ts b/src/lib/bluesky/types/BSkyPostEmbed.ts
index 3b3f642..94e43c3 100644
--- a/src/lib/bluesky/types/BSkyPostEmbed.ts
+++ b/src/lib/bluesky/types/BSkyPostEmbed.ts
@@ -115,6 +115,20 @@ export const BSkyPostEmbed = Type.Recursive((Self) => {
           indexedAt: Type.String(),
           $type: Type.Literal('app.bsky.graph.defs#starterPackViewBasic'),
         }),
+        Type.Object({
+          uri: Type.String(),
+          cid: Type.String(),
+          did: Type.String(),
+          creator: BSkyAuthor,
+          displayName: Type.String(),
+          description: Type.String(),
+          avatar: Type.String(),
+          likeCount: Type.Number(),
+          labels: Type.Array(BSkyPostLabel),
+          viewer: Type.Object({}),
+          indexedAt: Type.String(),
+          $type: Type.Literal('app.bsky.feed.defs#generatorView'),
+        }),
       ]),
     }),
     Type.Object({