From eb38afec571cace08bc8094162f5ac66facfab5c Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Fri, 14 Jun 2024 12:38:06 +0800
Subject: [PATCH] feat: add referrerpolicy for image

Signed-off-by: Ryan Wang <i@ryanc.cc>
---
 packages/hyperlink-card/index.html                   |  1 +
 packages/hyperlink-card/src/hyperlink-inline-card.ts |  1 +
 packages/hyperlink-card/src/themes/grid-card.ts      |  1 +
 packages/hyperlink-card/src/themes/regular-card.ts   | 12 ++++++++++--
 packages/hyperlink-card/src/themes/small-card.ts     |  1 +
 5 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/packages/hyperlink-card/index.html b/packages/hyperlink-card/index.html
index 8c04e71..f7e781c 100644
--- a/packages/hyperlink-card/index.html
+++ b/packages/hyperlink-card/index.html
@@ -68,5 +68,6 @@
     <hyperlink-card href="https://github.com/tanstack/query"></hyperlink-card>
     <hyperlink-card href="https://www.halo.run/store/apps/app-gFkMn"></hyperlink-card>
     <hyperlink-card href="https://bbs.halo.run/"></hyperlink-card>
+    <hyperlink-card href="https://www.bilibili.com/video/BV1tD421M75i/"></hyperlink-card>
   </body>
 </html>
diff --git a/packages/hyperlink-card/src/hyperlink-inline-card.ts b/packages/hyperlink-card/src/hyperlink-inline-card.ts
index 58e6e79..c769be6 100644
--- a/packages/hyperlink-card/src/hyperlink-inline-card.ts
+++ b/packages/hyperlink-card/src/hyperlink-inline-card.ts
@@ -60,6 +60,7 @@ export class HyperlinkInlineCard extends LitElement {
           ? html`<img
               class="size-4 rounded-sm"
               src=${this.siteData.icon || this.siteData.image || ''}
+              referrerpolicy="no-referrer"
             />`
           : ''}
         <span>${this.siteData.title || this.href}</span>
diff --git a/packages/hyperlink-card/src/themes/grid-card.ts b/packages/hyperlink-card/src/themes/grid-card.ts
index 484817a..107772c 100644
--- a/packages/hyperlink-card/src/themes/grid-card.ts
+++ b/packages/hyperlink-card/src/themes/grid-card.ts
@@ -31,6 +31,7 @@ export class HyperlinkGridCard extends LitElement {
             <img
               class="rounded-lg size-full object-cover aspect-16/9"
               src=${this.siteData?.image || this.siteData?.icon || ''}
+              referrerpolicy="no-referrer"
             />
           </div>`
         : ''}
diff --git a/packages/hyperlink-card/src/themes/regular-card.ts b/packages/hyperlink-card/src/themes/regular-card.ts
index 48e9ff0..8933384 100644
--- a/packages/hyperlink-card/src/themes/regular-card.ts
+++ b/packages/hyperlink-card/src/themes/regular-card.ts
@@ -28,12 +28,20 @@ export class HyperlinkRegularCard extends LitElement {
         : ''}
       ${this.siteData?.image
         ? html`<div class="aspect-16/9 w-full sm:w-56 flex-none z-[1]">
-            <img class="rounded-lg size-full object-cover" src=${this.siteData?.image} />
+            <img
+              class="rounded-lg size-full object-cover"
+              src=${this.siteData?.image}
+              referrerpolicy="no-referrer"
+            />
           </div>`
         : ''}
       ${!this.siteData?.image && this.siteData?.icon
         ? html`<div class="aspect-square w-full sm:w-18 flex-none z-[1]">
-            <img class="rounded-lg size-full object-cover" src=${this.siteData?.icon} />
+            <img
+              class="rounded-lg size-full object-cover"
+              src=${this.siteData?.icon}
+              referrerpolicy="no-referrer"
+            />
           </div>`
         : ''}
 
diff --git a/packages/hyperlink-card/src/themes/small-card.ts b/packages/hyperlink-card/src/themes/small-card.ts
index 4758171..31ca3f5 100644
--- a/packages/hyperlink-card/src/themes/small-card.ts
+++ b/packages/hyperlink-card/src/themes/small-card.ts
@@ -16,6 +16,7 @@ export class HyperlinkSmallCard extends LitElement {
               <img
                 class="rounded-lg size-full object-cover"
                 src=${this.siteData.icon || this.siteData?.image || ''}
+                referrerpolicy="no-referrer"
               />
             </div>`
           : ''}