feat: 支持 GitHub 加速代理(后端需 >= 2.19.97)

Author: xream

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.15.57",
+  "version": "2.15.60",
   "private": true,
   "scripts": {
     "dev": "vite --host",

src/assets/icons/githubProxy.svg

@@ -591,12 +591,14 @@ export default {
       haveNotDownload: "Not download yet",
       githubUser: "Please input GitHub username",
       gistToken: "Please input Gist Token",
+      githubProxy: "Please input GitHub Proxy",
       defaultUserAgent: "Please input Default User-Agent",
       defaultProxy: "Please input Default Proxy/Policy",
       defaultTimeout: "Default Timeout (in milliseconds, default: 8000)",
       cacheThreshold: "Cache Threshold (in KB, default: 1024)",
       noGithubUser: "Not set GitHub username",
       noGistToken: "Not set Gist Token",
+      noGithubProxy: "Not set GitHub Proxy",
       noDefaultUserAgent: "Not set default user-agent",
       noDefaultProxy: "Not set default proxy/policy",
       noDefaultTimeout: "Not set default timeout",

src/locales/en.ts

@@ -586,12 +586,14 @@ export default {
       haveNotDownload: '暂无下载记录',
       githubUser: '请输入 GitHub 用户名',
       gistToken: '请输入 GitHub 令牌',
+      githubProxy: '请输入 GitHub 加速代理',
       defaultUserAgent: '请输入默认 User-Agent',
       defaultProxy: '请输入默认代理/策略',
       defaultTimeout: '默认超时(单位: 毫秒, 默认: 8000)',
       cacheThreshold: '缓存阈值(单位: KB, 默认: 1024)',
       noGithubUser: '未配置 GitHub 用户名',
       noGistToken: '未配置 GitHub 令牌',
+      noGithubProxy: '未配置 GitHub 加速代理',
       noDefaultUserAgent: '未配置默认 User-Agent',
       noDefaultProxy: '未配置默认代理/策略',
       noDefaultTimeout: '未配置默认超时',

src/locales/zh.ts

@@ -15,6 +15,7 @@ export const useSettingsStore = defineStore("settingsStore", {
     return {
       syncPlatform: "",
       gistToken: "",
+      githubProxy: "",
       githubUser: "",
       defaultUserAgent: "",
       defaultProxy: "",
@@ -58,6 +59,7 @@ export const useSettingsStore = defineStore("settingsStore", {
       if (res?.data?.status === "success" && res?.data?.data) {
         this.syncPlatform = res.data.data.syncPlatform || "";
         this.gistToken = res.data.data.gistToken || "";
+        this.githubProxy = res.data.data.githubProxy || "";
         this.githubUser = res.data.data.githubUser || "";
         this.defaultProxy = res.data.data.defaultProxy || "";
         this.defaultUserAgent = res.data.data.defaultUserAgent || "";
@@ -100,6 +102,7 @@ export const useSettingsStore = defineStore("settingsStore", {
       if (res?.data?.status === "success" && res?.data?.data) {
         this.syncPlatform = res.data.data.syncPlatform || "";
         this.gistToken = res.data.data.gistToken || "";
+        this.githubProxy = res.data.data.githubProxy || "";
         this.githubUser = res.data.data.githubUser || "";
         this.defaultProxy = res.data.data.defaultProxy || "";
         this.defaultUserAgent = res.data.data.defaultUserAgent || "";

src/store/settings.ts

@@ -11,6 +11,7 @@ interface SettingsBase {
 interface SettingsPostData {
   syncPlatform?: string;
   gistToken?: string;
+  githubProxy?: string;
   githubUser?: string;
   defaultProxy?: string;
   defaultUserAgent?: string;

src/types/store/settings.d.ts

@@ -173,6 +173,18 @@
             input-align="left"
             :left-icon="iconKey"
           />
+          <nut-input
+            v-if="storageType !== 'manual'"
+            class="input"
+            v-model="githubProxyInput"
+            :disabled="!isEditing"
+            :placeholder="$t(`myPage.placeholder.githubProxy`)"
+            type="text"
+            input-align="left"
+            :left-icon="icongithubProxy"
+            right-icon="tips"
+            @click-right-icon="githubProxyTips"
+          />
           <nut-input
             class="input"
             v-model="proxyInput"
@@ -275,6 +287,7 @@ import avatar from "@/assets/icons/avatar.svg?url";
 import iconKey from "@/assets/icons/key-solid.png";
 import iconUser from "@/assets/icons/user-solid.png";
 import iconProxy from "@/assets/icons/proxy.svg";
+import icongithubProxy from "@/assets/icons/githubProxy.svg";
 import iconUA from "@/assets/icons/user-agent.svg";
 import iconMax from "@/assets/icons/max.svg";
 import iconTimeout from "@/assets/icons/timeout.svg";
@@ -298,7 +311,7 @@ const router = useRouter();
 const { showNotify } = useAppNotifyStore();
 const { currentUrl: host } = useHostAPI();
 const settingsStore = useSettingsStore();
-const { githubUser, gistToken, syncTime, avatarUrl, defaultUserAgent, defaultProxy, defaultTimeout, cacheThreshold, syncPlatform } =
+const { githubUser, gistToken, syncTime, avatarUrl, defaultUserAgent, defaultProxy, defaultTimeout, cacheThreshold, syncPlatform, githubProxy } =
   storeToRefs(settingsStore);
 
 const displayAvatar = computed(() => {
@@ -330,6 +343,7 @@ const onClickAbout = () => {
 const syncPlatformInput = ref("");
 const userInput = ref("");
 const tokenInput = ref("");
+const githubProxyInput = ref("");
 const uaInput = ref("");
 const proxyInput = ref("");
 const timeoutInput = ref("");
@@ -347,6 +361,7 @@ const toggleEditMode = async () => {
       syncPlatform: syncPlatformInput.value,
       githubUser: userInput.value,
       gistToken: tokenInput.value,
+      githubProxy: githubProxyInput.value,
       defaultUserAgent: uaInput.value,
       defaultProxy: proxyInput.value,
       defaultTimeout: timeoutInput.value,
@@ -357,6 +372,7 @@ const toggleEditMode = async () => {
     syncPlatformInput.value = syncPlatform.value;
     userInput.value = githubUser.value;
     tokenInput.value = gistToken.value;
+    githubProxyInput.value = githubProxy.value;
     uaInput.value = defaultUserAgent.value;
     proxyInput.value = defaultProxy.value;
     timeoutInput.value = defaultTimeout.value;
@@ -400,6 +416,7 @@ const toggleSyncPlatform = () => {
 const setDisplayInfo = () => {
   syncPlatformInput.value = syncPlatform.value || "";
   userInput.value = githubUser.value || "";
+  githubProxyInput.value = githubProxy.value || "";
   tokenInput.value = gistToken.value
     ? `${gistToken.value.slice(0, 6)}************`
     : "";
@@ -550,6 +567,18 @@ const downloadBtn = () => {
     lockScroll: false,
   });
 }
+const githubProxyTips = () => {
+  Dialog({
+      title: '请填写完整 GitHub 加速代理地址',
+      content: '后端需 >= 2.19.97\n\n1. 仅用于上传/下载 Gist 和获取 GitHub 头像\n\n2. 请填写完整 如 https://a.com\n\n3. 需支持代理 https://api.github.com\n\n测试方式:\n浏览器打开\nhttps://a.com/https://api.github.com/users/xream\n有正常的响应\n\n4. 使用此方式时, 自行注意安全隐私问题',
+      popClass: 'auto-dialog',
+      textAlign: 'left',
+      okText: 'OK',
+      noCancelBtn: true,
+      closeOnPopstate: true,
+      lockScroll: false,
+    });
+};
 const proxyTips = () => {
   Dialog({
       title: '通过代理/节点/策略进行下载',