From 817c504df8c179a46ad3e7b9dc5ecedcea1f8fc9 Mon Sep 17 00:00:00 2001
From: jooooock <findsource@proton.me>
Date: Sat, 16 Nov 2024 10:29:24 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=9B=BE=E7=89=87=E4=BB=A3?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.vue                        | 11 -----------
 components/ArticleItem.vue     |  3 ++-
 components/DownloadSetting.vue | 14 ++++++++++++++
 components/Header.vue          |  5 +++--
 components/ProxySetting.vue    |  2 +-
 config/index.ts                |  2 ++
 pages/dashboard.vue            |  3 ++-
 pages/dashboard/album.vue      |  3 ++-
 pages/dashboard/settings.vue   |  2 ++
 public/register.js             | 20 --------------------
 public/sw.js                   | 17 -----------------
 public/unregister.js           | 15 ---------------
 12 files changed, 28 insertions(+), 69 deletions(-)
 create mode 100644 components/DownloadSetting.vue
 delete mode 100644 public/register.js
 delete mode 100644 public/sw.js
 delete mode 100644 public/unregister.js

diff --git a/app.vue b/app.vue
index cb3a26b..21754d1 100644
--- a/app.vue
+++ b/app.vue
@@ -13,24 +13,13 @@ const isDev = !import.meta.env.PROD
 const runtimeConfig = useRuntimeConfig()
 
 const websiteID = runtimeConfig.public.umamiWebsiteID
-console.log(websiteID)
 
 if (!useLoginAccount().value) {
   navigateTo('/login', {replace: true})
 }
 
 useHead({
-  meta: [
-    {
-      name: 'referrer',
-      content: 'no-referrer',
-      tagPriority: -20,
-    }
-  ],
   script: [
-    {
-      src: '/unregister.js',
-    },
     websiteID ?
     {
       src: 'https://cloud.umami.is/script.js',
diff --git a/components/ArticleItem.vue b/components/ArticleItem.vue
index 5c43a48..d49c1ac 100644
--- a/components/ArticleItem.vue
+++ b/components/ArticleItem.vue
@@ -3,7 +3,7 @@
     <img v-if="isDeleted" src="~/assets/deleted.png" alt="" class="absolute z-10 size-[100px] right-0 top-64 translate-x-full drop-shadow-[-116px_0_red]">
     <div v-if="cover" class="h-60 overflow-hidden" :style="{backgroundColor: themeColor(coverTheme!)}">
       <img
-          :src="cover"
+          :src="IMAGE_REFERER_PROXY + '?url=' + cover"
           loading="lazy"
           alt=""
           class="object-contain size-full group-hover:scale-110 ease-in-out transition duration-300">
@@ -46,6 +46,7 @@ import {saveAs} from 'file-saver'
 import {Loader} from 'lucide-vue-next';
 import {formatTimeStamp, downloadArticleHTML, packHTMLAssets, formatItemShowType} from "~/utils";
 import type {AppMsgAlbumInfo, RGB} from "~/types/types";
+import {IMAGE_REFERER_PROXY} from '~/config'
 
 
 interface Props {
diff --git a/components/DownloadSetting.vue b/components/DownloadSetting.vue
new file mode 100644
index 0000000..c29bd1c
--- /dev/null
+++ b/components/DownloadSetting.vue
@@ -0,0 +1,14 @@
+<template>
+  <UCard class="mx-4 mt-10">
+    <template #header>
+      <h3 class="text-2xl font-semibold">下载选项</h3>
+      <p class="text-sm text-slate-10 font-serif">配置文章下载选项</p>
+    </template>
+
+    <div class="flex space-x-10"></div>
+  </UCard>
+</template>
+
+<script setup lang="ts">
+
+</script>
diff --git a/components/Header.vue b/components/Header.vue
index ee8381f..9b94bee 100644
--- a/components/Header.vue
+++ b/components/Header.vue
@@ -26,7 +26,7 @@
       </a>
     </div>
     <div v-if="loginAccount" class="flex flex-col sm:flex-row items-center sm:space-x-2 ml-5">
-      <img v-if="loginAccount.avatar" :src="loginAccount.avatar" alt="" class="rounded-full size-10">
+      <img v-if="loginAccount.avatar" :src="IMAGE_REFERER_PROXY + '?url=' + loginAccount.avatar" alt="" class="rounded-full size-10">
       <span v-if="loginAccount.nickname">{{loginAccount.nickname}}</span>
     </div>
   </header>
@@ -45,7 +45,7 @@
               :class="{active: account.fakeid === activeAccount?.fakeid}"
               @click="selectAccount(account)"
           >
-            <img v-if="account.type !== 'author'" class="size-20 mr-2" :src="account.round_head_img" alt="">
+            <img v-if="account.type !== 'author'" class="size-20 mr-2" :src="IMAGE_REFERER_PROXY + '?url=' + account.round_head_img" alt="">
             <div class="flex-1">
               <div class="flex justify-between">
                 <p class="font-semibold">{{ account.nickname }}</p>
@@ -80,6 +80,7 @@ import {Loader, ArrowRightLeft} from "lucide-vue-next";
 import {packHTMLAssets} from "~/utils";
 import {ACCOUNT_LIST_PAGE_SIZE, ACCOUNT_TYPE} from "~/config";
 import {getAccountList} from "~/apis";
+import {IMAGE_REFERER_PROXY} from '~/config'
 
 
 const loginAccount = useLoginAccount()
diff --git a/components/ProxySetting.vue b/components/ProxySetting.vue
index b01dd5e..029aa8f 100644
--- a/components/ProxySetting.vue
+++ b/components/ProxySetting.vue
@@ -1,5 +1,5 @@
 <template>
-  <UCard class="mx-4 mt-4">
+  <UCard class="mx-4 mt-10">
     <template #header>
       <h3 class="text-2xl font-semibold">私有代理</h3>
       <p class="text-sm text-slate-10 font-serif">配置的私有代理地址仅供您本人使用</p>
diff --git a/config/index.ts b/config/index.ts
index 2df75e4..4f93224 100644
--- a/config/index.ts
+++ b/config/index.ts
@@ -33,6 +33,8 @@ export const AVAILABLE_PROXY_LIST: string[] = [
     'https://wproxy-10.deno.dev/',
 ]
 
+export const IMAGE_REFERER_PROXY = 'https://clear-alligator-17.deno.dev'
+
 /**
  * 扫码状态
  */
diff --git a/pages/dashboard.vue b/pages/dashboard.vue
index 4c0e453..5818f34 100644
--- a/pages/dashboard.vue
+++ b/pages/dashboard.vue
@@ -31,7 +31,7 @@
         <!-- footer -->
         <footer v-if="loginAccount" class="flex flex-col space-y-2 pt-3 border-t">
           <div class="flex items-center space-x-2">
-            <img v-if="loginAccount.avatar" :src="loginAccount.avatar" alt="" class="rounded-full size-10">
+            <img v-if="loginAccount.avatar" :src="IMAGE_REFERER_PROXY + '?url=' + loginAccount.avatar" alt="" class="rounded-full size-10">
             <UTooltip v-if="loginAccount.nickname" class="flex-1 overflow-hidden"
                       :popper="{ placement: 'top-start', offsetDistance: 16 }">
               <template #text>
@@ -86,6 +86,7 @@
 import {Album, ChartNoAxesCombined, Download, Globe, Settings} from 'lucide-vue-next';
 import {formatDistance} from "date-fns";
 import type {LogoutResponse} from "~/types/types";
+import {IMAGE_REFERER_PROXY} from '~/config'
 
 
 const route = useRoute()
diff --git a/pages/dashboard/album.vue b/pages/dashboard/album.vue
index 16d492a..3b5f8ec 100644
--- a/pages/dashboard/album.vue
+++ b/pages/dashboard/album.vue
@@ -107,7 +107,7 @@
                   </h3>
                   <time class="text-sm text-slate-10">{{ formatAlbumTime(+article.create_time) }}</time>
                 </div>
-                <img class="size-16 ml-4 flex-shrink-0" :src="article.cover_img_1_1" alt="">
+                <img class="size-16 ml-4 flex-shrink-0" :src="IMAGE_REFERER_PROXY + '?url=' + article.cover_img_1_1" alt="">
               </li>
             </ul>
             <div v-element-visibility="onElementVisibility"></div>
@@ -131,6 +131,7 @@ import type {AppMsgAlbumResult, ArticleItem, BaseInfo} from "~/types/album";
 import {vElementVisibility} from "@vueuse/components"
 import {useDownloadAlbum} from '~/composables/useBatchDownload'
 import {formatAlbumTime} from "~/utils/album";
+import {IMAGE_REFERER_PROXY} from '~/config'
 
 
 useHead({
diff --git a/pages/dashboard/settings.vue b/pages/dashboard/settings.vue
index 19b48e8..211ff1b 100644
--- a/pages/dashboard/settings.vue
+++ b/pages/dashboard/settings.vue
@@ -6,12 +6,14 @@
     <div class="flex-1 overflow-scroll">
       <CredentialSetting />
       <ProxySetting />
+      <DownloadSetting />
       <div class="h-[30vh]"></div>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
+
 useHead({
   title: '设置 | 微信公众号文章导出'
 });
diff --git a/public/register.js b/public/register.js
deleted file mode 100644
index 034d3e1..0000000
--- a/public/register.js
+++ /dev/null
@@ -1,20 +0,0 @@
-async function registerServiceWorker() {
-    if ("serviceWorker" in navigator) {
-        try {
-            const registration = await navigator.serviceWorker.register('/sw.js', {
-                scope: '/'
-            })
-            if (registration.installing) {
-                console.log("Service worker installing");
-            } else if (registration.waiting) {
-                console.log("Service worker installed");
-            } else if (registration.active) {
-                console.log("Service worker active");
-            }
-        } catch (error) {
-            console.error(`Registration failed with ${error}`)
-        }
-    }
-}
-
-registerServiceWorker()
diff --git a/public/sw.js b/public/sw.js
deleted file mode 100644
index 0029596..0000000
--- a/public/sw.js
+++ /dev/null
@@ -1,17 +0,0 @@
-const domains = [
-    'mmbiz.qpic.cn',
-    'mmbiz.qlogo.cn',
-    'wx.qlogo.cn',
-]
-
-self.addEventListener('fetch', function (event) {
-    const url = new URL(event.request.url)
-    if (domains.includes(url.host)) {
-        event.respondWith(
-            fetch(url.href, {
-                referrer: "",
-                mode: 'no-cors'
-            })
-        );
-    }
-});
diff --git a/public/unregister.js b/public/unregister.js
deleted file mode 100644
index 73d5730..0000000
--- a/public/unregister.js
+++ /dev/null
@@ -1,15 +0,0 @@
-async function unregisterServiceWorker() {
-    if ("serviceWorker" in navigator) {
-        try {
-            navigator.serviceWorker.getRegistrations().then(registrations => {
-                for (const registration of registrations) {
-                    registration.unregister();
-                }
-            });
-        } catch (error) {
-            console.error(`UnRegistration failed with ${error}`)
-        }
-    }
-}
-
-unregisterServiceWorker()