feat: add authentication token support

2025-12-26 20:50:30 +08:00 · 2025-12-01 07:56:07 +08:00 · 2025-12-01 07:56:07 +08:00 · f541b5ead1
commit f541b5ead1
parent 47fd7add5f
6 changed files with 160 additions and 100 deletions
--- a/src/main/config/profile.ts
+++ b/src/main/config/profile.ts
@ -142,6 +142,7 @@ export async function createProfile(item: Partial<IProfileItem>): Promise<IProfi
    useProxy: item.useProxy || false,
    allowFixedInterval: item.allowFixedInterval || false,
    autoUpdate: item.autoUpdate ?? false,
+    authToken: item.authToken,
    updated: new Date().getTime()
  } as IProfileItem
  switch (newItem.type) {
@ -159,14 +160,24 @@ export async function createProfile(item: Partial<IProfileItem>): Promise<IProfi
        } else {
          urlObj.searchParams.delete('proxy')
        }
+        const headers: Record<string, string> = {
+          'User-Agent': userAgent || `mihomo.party/v${app.getVersion()} (clash.meta)`
+        }
+        if (item.authToken) {
+          headers['Authorization'] = item.authToken
+        }
        res = await chromeRequest.get(urlObj.toString(), {
-          headers: {
-            'User-Agent': userAgent || `mihomo.party/v${app.getVersion()} (clash.meta)`
-          },
+          headers,
          responseType: 'text',
          timeout: subscriptionTimeout
        })
      } else {
+        const headers: Record<string, string> = {
+          'User-Agent': userAgent || `mihomo.party/v${app.getVersion()} (clash.meta)`
+        }
+        if (item.authToken) {
+          headers['Authorization'] = item.authToken
+        }
        res = await chromeRequest.get(item.url, {
          proxy: newItem.useProxy
            ? {
@ -175,9 +186,7 @@ export async function createProfile(item: Partial<IProfileItem>): Promise<IProfi
                port: mixedPort
              }
            : false,
-          headers: {
-            'User-Agent': userAgent || `mihomo.party/v${app.getVersion()} (clash.meta)`
-          },
+          headers,
          responseType: 'text',
          timeout: subscriptionTimeout
        })
--- a/src/renderer/src/components/profiles/edit-info-modal.tsx
+++ b/src/renderer/src/components/profiles/edit-info-modal.tsx
@ -91,6 +91,18 @@ const EditInfoModal: React.FC<Props> = (props) => {
                  }}
                />
              </SettingItem>
+              <SettingItem title={t('profiles.editInfo.authToken')}>
+                <Input
+                  size="sm"
+                  type="password"
+                  className={cn(inputWidth)}
+                  value={values.authToken || ''}
+                  onValueChange={(v) => {
+                    setValues({ ...values, authToken: v })
+                  }}
+                  placeholder={t('profiles.editInfo.authTokenPlaceholder')}
+                />
+              </SettingItem>
              <SettingItem title={t('profiles.editInfo.useProxy')}>
                <Switch
                  size="sm"
--- a/src/renderer/src/locales/en-US.json
+++ b/src/renderer/src/locales/en-US.json
@ -438,6 +438,8 @@
  "profiles.editInfo.title": "Edit Information",
  "profiles.editInfo.name": "Name",
  "profiles.editInfo.url": "Subscription URL",
+  "profiles.editInfo.authToken": "Authorization Token",
+  "profiles.editInfo.authTokenPlaceholder": "Bearer token or other auth header value",
  "profiles.editInfo.useProxy": "Use Proxy to Update",
  "profiles.editInfo.interval": "Upd. Interval",
  "profiles.editInfo.intervalPlaceholder": "e.g.: 30 or '0 * * * *'",
--- a/src/renderer/src/locales/zh-CN.json
+++ b/src/renderer/src/locales/zh-CN.json
@ -443,6 +443,8 @@
  "profiles.editInfo.title": "编辑信息",
  "profiles.editInfo.name": "名称",
  "profiles.editInfo.url": "订阅地址",
+  "profiles.editInfo.authToken": "授权令牌",
+  "profiles.editInfo.authTokenPlaceholder": "Bearer token 或其他认证头值",
  "profiles.editInfo.useProxy": "使用代理更新",
  "profiles.editInfo.interval": "更新间隔",
  "profiles.editInfo.intervalPlaceholder": "例如：30 或 '0 * * * *'",
--- a/src/renderer/src/pages/profiles.tsx
+++ b/src/renderer/src/pages/profiles.tsx
@ -7,7 +7,8 @@ import {
  DropdownItem,
  DropdownMenu,
  DropdownTrigger,
-  Input
+  Input,
+  Tooltip
 } from '@heroui/react'
 import BasePage from '@renderer/components/base/base-page'
 import ProfileItem from '@renderer/components/profiles/profile-item'
@ -50,6 +51,8 @@ const Profiles: React.FC = () => {
  const navigate = useNavigate()
  const [sortedItems, setSortedItems] = useState(items)
  const [useProxy, setUseProxy] = useState(false)
+  const [authToken, setAuthToken] = useState('')
+  const [showAdvanced, setShowAdvanced] = useState(false)
  const [subStoreImporting, setSubStoreImporting] = useState(false)
  const [importing, setImporting] = useState(false)
  const [updating, setUpdating] = useState(false)
@ -125,8 +128,15 @@ const Profiles: React.FC = () => {
  }, [subs, collections])
  const handleImport = async (): Promise<void> => {
    setImporting(true)
-    await addProfileItem({ name: '', type: 'remote', url, useProxy })
+    await addProfileItem({
+      name: '',
+      type: 'remote',
+      url,
+      useProxy,
+      authToken: authToken || undefined
+    })
    setUrl('')
+    setAuthToken('')
    setImporting(false)
  }
  const pageRef = useRef<HTMLDivElement>(null)
@ -225,68 +235,79 @@ const Profiles: React.FC = () => {
      }
    >
      <div className="sticky profiles-sticky top-0 z-40 bg-background">
-        <div className="flex p-2">
-          <Input
-            size="sm"
-            placeholder={t('profiles.input.placeholder')}
-            value={url}
-            onValueChange={setUrl}
-            onKeyUp={handleInputKeyUp}
-            endContent={
-              <>
-                <Button
-                  size="md"
-                  isIconOnly
-                  variant="light"
-                  onPress={() => {
-                    navigator.clipboard.readText().then((text) => {
-                      setUrl(text)
-                    })
-                  }}
-                  className="mr-2"
-                >
-                  <MdContentPaste className="text-lg" />
-                </Button>
-                <Checkbox
-                  className="whitespace-nowrap"
-                  checked={useProxy}
-                  onValueChange={setUseProxy}
-                >
-                  {t('profiles.useProxy')}
-                </Checkbox>
-              </>
-            }
-          />
+        <div className="flex flex-col gap-2 p-2">
+          <div className="flex gap-2">
+            <Input
+              size="sm"
+              placeholder={t('profiles.input.placeholder')}
+              value={url}
+              onValueChange={setUrl}
+              onKeyUp={handleInputKeyUp}
+              className="flex-1"
+              endContent={
+                <>
+                  <Button
+                    size="md"
+                    isIconOnly
+                    variant="light"
+                    onPress={() => {
+                      navigator.clipboard.readText().then((text) => {
+                        setUrl(text)
+                      })
+                    }}
+                    className="mr-2"
+                  >
+                    <MdContentPaste className="text-lg" />
+                  </Button>
+                  <Checkbox
+                    className="whitespace-nowrap"
+                    checked={useProxy}
+                    onValueChange={setUseProxy}
+                  >
+                    {t('profiles.useProxy')}
+                  </Checkbox>
+                </>
+              }
+            />

-          <Button
-            size="sm"
-            color="primary"
-            className="ml-2"
-            isDisabled={isUrlEmpty}
-            isLoading={importing}
-            onPress={handleImport}
-          >
-            {t('profiles.import')}
-          </Button>
-          {useSubStore && (
-            <Dropdown
-              onOpenChange={() => {
-                mutateSubs()
-                mutateCollections()
-              }}
+            <Tooltip content={t('profiles.editInfo.authToken')} placement="bottom">
+              <Button
+                size="sm"
+                variant={showAdvanced ? 'solid' : 'light'}
+                isIconOnly
+                onPress={() => setShowAdvanced(!showAdvanced)}
+              >
+                🔑
+              </Button>
+            </Tooltip>
+            <Button
+              size="sm"
+              color="primary"
+              isDisabled={isUrlEmpty}
+              isLoading={importing}
+              onPress={handleImport}
            >
-              <DropdownTrigger>
-                <Button
-                  isLoading={subStoreImporting}
-                  title="Sub-Store"
-                  className="ml-2 substore-import"
-                  size="sm"
-                  isIconOnly
-                  color="primary"
-                >
-                  <SubStoreIcon className="text-lg" />
-                </Button>
-              </DropdownTrigger>
+              {t('profiles.import')}
+            </Button>
+            {useSubStore && (
+              <Dropdown
+                onOpenChange={() => {
+                  mutateSubs()
+                  mutateCollections()
+                }}
+              >
+                <DropdownTrigger>
+                  <Button
+                    isLoading={subStoreImporting}
+                    title="Sub-Store"
+                    className="substore-import"
+                    size="sm"
+                    isIconOnly
+                    color="primary"
+                  >
+                    <SubStoreIcon className="text-lg" />
+                  </Button>
+                </DropdownTrigger>
              <DropdownMenu
                className="max-h-[calc(100vh-200px)] overflow-y-auto"
                onAction={async (key) => {
@ -342,40 +363,53 @@ const Profiles: React.FC = () => {
                  </DropdownItem>
                ))}
              </DropdownMenu>
-            </Dropdown>
-          )}
-          <Dropdown>
-            <DropdownTrigger>
-              <Button className="ml-2 new-profile" size="sm" isIconOnly color="primary">
-                <FaPlus />
-              </Button>
-            </DropdownTrigger>
-            <DropdownMenu
-              onAction={async (key) => {
-                if (key === 'open') {
-                  try {
-                    const files = await getFilePath(['yml', 'yaml'])
-                    if (files?.length) {
-                      const content = await readTextFile(files[0])
-                      const fileName = files[0].split('/').pop()?.split('\\').pop()
-                      await addProfileItem({ name: fileName, type: 'local', file: content })
+              </Dropdown>
+            )}
+            <Dropdown>
+              <DropdownTrigger>
+                <Button className="new-profile" size="sm" isIconOnly color="primary">
+                  <FaPlus />
+                </Button>
+              </DropdownTrigger>
+              <DropdownMenu
+                onAction={async (key) => {
+                  if (key === 'open') {
+                    try {
+                      const files = await getFilePath(['yml', 'yaml'])
+                      if (files?.length) {
+                        const content = await readTextFile(files[0])
+                        const fileName = files[0].split('/').pop()?.split('\\').pop()
+                        await addProfileItem({ name: fileName, type: 'local', file: content })
+                      }
+                    } catch (e) {
+                      alert(e)
                    }
-                  } catch (e) {
-                    alert(e)
+                  } else if (key === 'new') {
+                    await addProfileItem({
+                      name: t('profiles.newProfile'),
+                      type: 'local',
+                      file: 'proxies: []\nproxy-groups: []\nrules: []'
+                    })
                  }
-                } else if (key === 'new') {
-                  await addProfileItem({
-                    name: t('profiles.newProfile'),
-                    type: 'local',
-                    file: 'proxies: []\nproxy-groups: []\nrules: []'
-                  })
-                }
-              }}
-            >
-              <DropdownItem key="open">{t('profiles.open')}</DropdownItem>
-              <DropdownItem key="new">{t('profiles.new')}</DropdownItem>
-            </DropdownMenu>
-          </Dropdown>
+                }}
+              >
+                <DropdownItem key="open">{t('profiles.open')}</DropdownItem>
+                <DropdownItem key="new">{t('profiles.new')}</DropdownItem>
+              </DropdownMenu>
+            </Dropdown>
+          </div>
+          {showAdvanced && (
+            <Input
+              size="sm"
+              type="password"
+              placeholder={t('profiles.editInfo.authTokenPlaceholder')}
+              value={authToken}
+              onValueChange={setAuthToken}
+              onKeyUp={handleInputKeyUp}
+              className="w-full"
+              startContent={<span className="text-default-400 text-sm">🔑</span>}
+            />
+          )}
        </div>
        <Divider />
      </div>
--- a/src/shared/types.d.ts
+++ b/src/shared/types.d.ts
@ -492,6 +492,7 @@ interface IProfileItem {
  substore?: boolean
  allowFixedInterval?: boolean
  autoUpdate?: boolean
+  authToken?: string
 }

 interface ISubStoreSub {