From ab95c59dbcedb0e350e42386bca929b2e200c8b8 Mon Sep 17 00:00:00 2001
From: purocean <purocean@gmail.com>
Date: Thu, 10 Apr 2025 21:12:13 +0800
Subject: [PATCH] refactor: replace iframe with link to npmjs homepage for
 extension details

---
 src/renderer/components/ExtensionManager.vue | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/renderer/components/ExtensionManager.vue b/src/renderer/components/ExtensionManager.vue
index 4c03b306..bfcdd795 100644
--- a/src/renderer/components/ExtensionManager.vue
+++ b/src/renderer/components/ExtensionManager.vue
@@ -158,14 +158,11 @@
             </div>
             <div class="content-wrapper">
               <group-tabs class="x-tabs" size="small" :tabs="contentTypes" v-model="contentType" />
-              <template v-if="useNpmjsReadmePage">
-                <div v-show="iframeLoaded" class="content">
-                  <iframe
-                    @load="iframeOnload"
-                    sandbox="allow-scripts allow-popups allow-same-origin"
-                    referrerpolicy="no-referrer"
-                    :src="`/api/proxy?url=https://www.npmjs.com/package/${currentExtension.id}`"
-                  />
+              <template v-if="showHomePageLink">
+                <div class="content" style="text-align: center; padding-top: 10em">
+                  <a :href="`https://www.npmjs.com/package/${currentExtension.id}`" target="_blank" rel="noopener noreferrer">
+                    {{ `https://www.npmjs.com/package/${currentExtension.id}` }}
+                  </a>
                 </div>
                 <div v-if="!iframeLoaded" class="placeholder">{{ $t('loading') }}</div>
               </template>
@@ -339,7 +336,7 @@ const reloadRequired = computed(() => {
   return dirty.value || extensions.value.some(item => item.dirty)
 })
 
-const useNpmjsReadmePage = computed(() => {
+const showHomePageLink = computed(() => {
   return !!(currentExtension.value &&
     currentExtension.value.dist.unpackedSize &&
     contentType.value === 'readme' &&