Add MastodonAttachment type

src/entities/MastodonAttachment.ts

@@ -0,0 +1,15 @@
+export interface MastodonAttachment {
+  id: string;
+  type: string;
+  url: string;
+  preview_url?: string;
+  remote_url?: string | null;
+  description?: string;
+  blurhash?: string | null;
+  meta?: {
+    original?: {
+      width?: number;
+      height?: number;
+    };
+  };
+}

src/entities/MastodonStatus.ts

@@ -1,4 +1,5 @@
 import { MastodonAccount } from '@/entities/MastodonAccount.ts';
+import { MastodonAttachment } from '@/entities/MastodonAttachment.ts';
 import { PreviewCard } from '@/entities/PreviewCard.ts';
 
 export interface MastodonStatus {
@@ -24,16 +25,7 @@ export interface MastodonStatus {
   pinned: boolean;
   reblog: MastodonStatus | null;
   application: unknown;
-  media_attachments: {
+  media_attachments: MastodonAttachment[];
-    type: string;
-    preview_url?: string;
-    meta?: {
-      original?: {
-        width?: number;
-        height?: number;
-      };
-    };
-  }[];
   mentions: unknown[];
   tags: unknown[];
   emojis: unknown[];

src/views/mastodon/attachments.ts

@@ -1,7 +1,10 @@
+import { MastodonAttachment } from '@/entities/MastodonAttachment.ts';
 import { getUrlMediaType } from '@/utils/media.ts';
 
 /** Render Mastodon media attachment. */
-function renderAttachment(media: { id?: string; data: string[][] }) {
+function renderAttachment(
+  media: { id?: string; data: string[][] },
+): (MastodonAttachment & { cid?: string }) | undefined {
   const { id, data: tags } = media;
 
   const url = tags.find(([name]) => name === 'url')?.[1];

src/views/mastodon/statuses.ts

@@ -2,6 +2,7 @@ import { NostrEvent } from '@nostrify/nostrify';
 import { nip19 } from 'nostr-tools';
 
 import { Conf } from '@/config.ts';
+import { MastodonAttachment } from '@/entities/MastodonAttachment.ts';
 import { MastodonMention } from '@/entities/MastodonMention.ts';
 import { MastodonStatus } from '@/entities/MastodonStatus.ts';
 import { type DittoEvent } from '@/interfaces/DittoEvent.ts';
@@ -119,7 +120,9 @@ async function renderStatus(event: DittoEvent, opts: RenderStatusOpts): Promise<
     pinned: Boolean(pinEvent),
     reblog: null,
     application: null,
-    media_attachments: media.map((m) => renderAttachment({ data: m })).filter(Boolean),
+    media_attachments: media.map((m) => renderAttachment({ data: m })).filter((m): m is MastodonAttachment =>
+      Boolean(m)
+    ),
     mentions,
     tags: [],
     emojis: renderEmojis(event),