feat: display ipfs media

Author: evavirseda

Diff for: packages/shared/components/MediaDisplay.svelte

@@ -31,7 +31,7 @@
 </script>
 
 <div class="h-full w-full object-cover">
-    {#if htmlTag === ParentMimeType.Image}
+    {#if htmlTag === ParentMimeType.Image || htmlTag === ParentMimeType.Text}
         <img {src} {alt} loading="lazy" class="w-full h-full object-cover" />
     {:else if htmlTag === ParentMimeType.Video}
         <video

Diff for: packages/shared/components/NftImageOrIconBox.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-    import { INft } from '@core/nfts'
-    import { NftSize } from 'shared/components/enums'
+    import { INft, ParentMimeType } from '@core/nfts'
     import { MediaPlaceholder, NftMedia } from 'shared/components'
-    import { ParentMimeType } from '@core/nfts'
+    import { NftSize } from 'shared/components/enums'
 
     export let nft: INft | null = null
     export let size: NftSize = NftSize.Medium
@@ -18,7 +17,7 @@
     class:medium={size === NftSize.Medium}
     class:large={size === NftSize.Large}
 >
-    {#if parentType === ParentMimeType.Image && nft}
+    {#if (parentType === ParentMimeType.Image && nft) || (parentType === ParentMimeType.Text && nft)}
         <NftMedia {nft} {useCaching}>
             <placeholder-wrapper
                 slot="placeholder"

Diff for: packages/shared/lib/core/nfts/actions/downloadNextNftInQueue.ts

@@ -1,6 +1,7 @@
 import { Platform } from '@core/app'
 import { get } from 'svelte/store'
 import { downloadingNftId, nftDownloadQueue, removeNftFromDownloadQueue } from '../stores'
+import { getIpfsUri } from '../utils'
 
 export async function downloadNextNftInQueue(): Promise<void> {
     const nextDownload = get(nftDownloadQueue)?.[0]
@@ -9,8 +10,15 @@ export async function downloadNextNftInQueue(): Promise<void> {
     }
 
     try {
-        const { downloadUrl, path, nft, accountIndex } = nextDownload
+        // eslint-disable-next-line prefer-const
+        let { downloadUrl, path, nft, accountIndex } = nextDownload
         downloadingNftId.set(nft.id)
+        const ipfsUri = await getIpfsUri({ hash: downloadUrl })
+
+        if (ipfsUri) {
+            downloadUrl = ipfsUri
+        }
+
         await Platform.downloadNft(downloadUrl, path, nft.id, accountIndex)
     } catch (error) {
         downloadingNftId.set(undefined)

Diff for: packages/shared/lib/core/nfts/actions/updateNftInAllAccountNfts.ts

@@ -1,14 +1,20 @@
 import { allAccountNfts } from '../stores'
-import { INft } from '../interfaces'
+import { getIpfsUri } from '../utils'
 
-export function updateNftInAllAccountNfts(accountIndex: number, nftId: string, partialNft: Partial<INft>): void {
+export function updateNftInAllAccountNfts(accountIndex: number, nftId: string): void {
     allAccountNfts.update((state) => {
         if (!state[accountIndex]) {
             state[accountIndex] = []
         }
         const nft = state[accountIndex].find((_nft) => _nft.id === nftId)
         if (nft) {
-            Object.assign(nft, { ...nft, ...partialNft })
+            const downloadUrl = nft.downloadUrl
+            void getIpfsUri({ hash: downloadUrl }).then((ipfsUri) => {
+                if (ipfsUri) {
+                    nft.downloadUrl = ipfsUri
+                    nft.composedUrl = ipfsUri
+                }
+            })
         }
         return state
     })