From f3ab8a81731a1063d36ddee198dd8e4cf40c2af0 Mon Sep 17 00:00:00 2001
From: Denis Tingaikin <denis.tingajkin@xored.com>
Date: Fri, 31 Jan 2025 05:57:54 +0300
Subject: [PATCH] add retry for preview image (#7845)

Signed-off-by: denis-tingaikin <denis.tingajkin@xored.com>
---
 .../components/LinkPreviewPresenter.svelte    | 28 +++++++++++++++++--
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/plugins/attachment-resources/src/components/LinkPreviewPresenter.svelte b/plugins/attachment-resources/src/components/LinkPreviewPresenter.svelte
index 6c2495ceb2..823bf1f970 100644
--- a/plugins/attachment-resources/src/components/LinkPreviewPresenter.svelte
+++ b/plugins/attachment-resources/src/components/LinkPreviewPresenter.svelte
@@ -13,7 +13,7 @@
 // limitations under the License.
 // -->
 <script lang="ts">
-  import { getJsonOrEmpty, type LinkPreviewDetails, canDisplayLinkPreview } from '@hcengineering/presentation'
+  import { getJsonOrEmpty, type LinkPreviewDetails } from '@hcengineering/presentation'
   import { type Attachment } from '@hcengineering/attachment'
   import { type WithLookup } from '@hcengineering/core'
   import { Spinner } from '@hcengineering/ui'
@@ -22,12 +22,27 @@
 
   export let attachment: WithLookup<Attachment>
   let useDefaultIcon = false
+  let retryCount = 0
   let viewModel: LinkPreviewDetails
+  let previewImageSrc: string | undefined
+
+  function refreshPreviewImage (): void {
+    if (viewModel?.image === undefined) {
+      return
+    }
+    if (retryCount > 3) {
+      previewImageSrc = undefined
+      return
+    }
+    retryCount++
+    previewImageSrc = `${viewModel.image}#${Date.now()}`
+  }
 
   onMount(() => {
     void getJsonOrEmpty(attachment.file, attachment.name)
       .then((res) => {
         viewModel = res as LinkPreviewDetails
+        refreshPreviewImage()
       })
       .catch((err) => {
         console.error(err)
@@ -63,9 +78,16 @@
           {#if viewModel.description}
             {viewModel.description}
           {/if}
-          {#if viewModel.image}
+          {#if previewImageSrc}
             <a target="_blank" href={viewModel.url}>
-              <img src={viewModel.image} class="round-image" alt="link-preview" />
+              <img
+                src={previewImageSrc}
+                class="round-image"
+                alt="link-preview"
+                on:error={() => {
+                  refreshPreviewImage()
+                }}
+              />
             </a>
           {/if}
         </div>