feat: support user agent config per sub (#1712)

* feat: add user agent support in profile configuration

* Introduced a new user agent field in profile settings, allowing users to specify a custom user agent.
* Updated relevant components and localization files to support the new user agent feature.
* Added a new pnpm workspace configuration for built dependencies.

* feat: enhance profile settings with user agent input and toggle functionality

* Added a user agent input field to the advanced profile settings.
* Implemented toggle icons for showing/hiding advanced settings.
* Updated layout to accommodate the new user agent input alongside the existing auth token field.

* chore: remove pnpm workspace configuration for built dependencies

src/main/config/profile.ts

@@ -248,6 +248,7 @@ export async function createProfile(item: Partial<IProfileItem>): Promise<IProfi
     allowFixedInterval: item.allowFixedInterval || false,
     autoUpdate: item.autoUpdate ?? false,
     authToken: item.authToken,
+    userAgent: item.userAgent,
     updated: new Date().getTime(),
     updateTimeout: item.updateTimeout || 5
   }
@@ -268,7 +269,7 @@ export async function createProfile(item: Partial<IProfileItem>): Promise<IProfi
   const baseOptions: Omit<FetchOptions, 'useProxy' | 'timeout'> = {
     url: item.url,
     mixedPort,
-    userAgent: userAgent || `mihomo.party/v${app.getVersion()} (clash.meta)`,
+    userAgent: item.userAgent || userAgent || `mihomo.party/v${app.getVersion()} (clash.meta)`,
     authToken: item.authToken,
     substore: newItem.substore || false
   }

src/renderer/src/components/profiles/edit-info-modal.tsx

@@ -108,6 +108,17 @@ const EditInfoModal: React.FC<Props> = (props) => {
                   placeholder={t('profiles.editInfo.authTokenPlaceholder')}
                 />
               </SettingItem>
+              <SettingItem title={t('profiles.editInfo.userAgent')}>
+                <Input
+                  size="sm"
+                  className={cn(inputWidth)}
+                  value={values.userAgent || ''}
+                  onValueChange={(v) => {
+                    setValues({ ...values, userAgent: v || undefined })
+                  }}
+                  placeholder={t('profiles.editInfo.userAgentPlaceholder')}
+                />
+              </SettingItem>
               <SettingItem title={t('profiles.editInfo.useProxy')}>
                 <Switch
                   size="sm"

src/renderer/src/locales/en-US.json

@@ -496,6 +496,8 @@
   "profiles.editInfo.url": "Subscription URL",
   "profiles.editInfo.authToken": "Authorization Token",
   "profiles.editInfo.authTokenPlaceholder": "Bearer token or other auth header value",
+  "profiles.editInfo.userAgent": "User Agent",
+  "profiles.editInfo.userAgentPlaceholder": "Leave empty to use global User Agent",
   "profiles.editInfo.useProxy": "Use Proxy to Update",
   "profiles.editInfo.interval": "Upd. Interval",
   "profiles.editInfo.intervalPlaceholder": "e.g.: 30 or '0 * * * *'",

src/renderer/src/locales/fa-IR.json

@@ -471,6 +471,8 @@
   "profiles.editInfo.title": "ویرایش اطلاعات",
   "profiles.editInfo.name": "نام",
   "profiles.editInfo.url": "آدرس اشتراک",
+  "profiles.editInfo.userAgent": "User Agent",
+  "profiles.editInfo.userAgentPlaceholder": "برای استفاده از User Agent جهانی خالی بگذارید",
   "profiles.editInfo.useProxy": "استفاده از پراکسی برای به‌روزرسانی",
   "profiles.editInfo.interval": "فاصله به‌روزرسانی",
   "profiles.editInfo.fixedInterval": "فاصله به‌روزرسانی ثابت",

src/renderer/src/locales/ru-RU.json

@@ -473,6 +473,8 @@
   "profiles.editInfo.title": "Редактировать информацию",
   "profiles.editInfo.name": "Имя",
   "profiles.editInfo.url": "URL подписки",
+  "profiles.editInfo.userAgent": "User Agent",
+  "profiles.editInfo.userAgentPlaceholder": "Оставьте пустым для глобального User Agent",
   "profiles.editInfo.useProxy": "Использовать прокси для обновления",
   "profiles.editInfo.interval": "Интервал обн.",
   "profiles.editInfo.fixedInterval": "Фиксированный интервал обновления",

src/renderer/src/locales/zh-CN.json

@@ -501,6 +501,8 @@
   "profiles.editInfo.url": "订阅地址",
   "profiles.editInfo.authToken": "授权令牌",
   "profiles.editInfo.authTokenPlaceholder": "Bearer token 或其他认证头值",
+  "profiles.editInfo.userAgent": "User Agent",
+  "profiles.editInfo.userAgentPlaceholder": "留空则使用全局 User Agent",
   "profiles.editInfo.useProxy": "使用代理更新",
   "profiles.editInfo.interval": "更新间隔",
   "profiles.editInfo.intervalPlaceholder": "例如：30 或 '0 * * * *'",

src/renderer/src/locales/zh-TW.json

@@ -501,6 +501,8 @@
   "profiles.editInfo.url": "訂閱地址",
   "profiles.editInfo.authToken": "授權令牌",
   "profiles.editInfo.authTokenPlaceholder": "Bearer token 或其他認證頭值",
+  "profiles.editInfo.userAgent": "User Agent",
+  "profiles.editInfo.userAgentPlaceholder": "留空則使用全局 User Agent",
   "profiles.editInfo.useProxy": "使用代理更新",
   "profiles.editInfo.interval": "更新間隔",
   "profiles.editInfo.intervalPlaceholder": "例如：30 或 '0 * * * *'",

src/renderer/src/pages/profiles.tsx

@@ -18,7 +18,7 @@ import { useAppConfig } from '@renderer/hooks/use-app-config'
 import { getFilePath, readTextFile, subStoreCollections, subStoreSubs } from '@renderer/utils/ipc'
 import type { KeyboardEvent } from 'react'
 import { ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { MdContentPaste } from 'react-icons/md'
+import { MdContentPaste, MdUnfoldMore, MdUnfoldLess } from 'react-icons/md'
 import {
   DndContext,
   closestCenter,
@@ -53,6 +53,7 @@ const Profiles: React.FC = () => {
   const [sortedItems, setSortedItems] = useState(items)
   const [useProxy, setUseProxy] = useState(false)
   const [authToken, setAuthToken] = useState('')
+  const [userAgent, setUserAgent] = useState('')
   const [showAdvanced, setShowAdvanced] = useState(false)
   const [subStoreImporting, setSubStoreImporting] = useState(false)
   const [importing, setImporting] = useState(false)
@@ -135,10 +136,12 @@ const Profiles: React.FC = () => {
       type: 'remote',
       url,
       useProxy,
-      authToken: authToken || undefined
+      authToken: authToken || undefined,
+      userAgent: userAgent || undefined
     })
     setUrl('')
     setAuthToken('')
+    setUserAgent('')
     setImporting(false)
   }
   const pageRef = useRef<HTMLDivElement>(null)
@@ -300,7 +303,11 @@ const Profiles: React.FC = () => {
                 isIconOnly
                 onPress={() => setShowAdvanced(!showAdvanced)}
               >
-                🔑
+                {showAdvanced ? (
+                  <MdUnfoldLess className="text-lg" />
+                ) : (
+                  <MdUnfoldMore className="text-lg" />
+                )}
               </Button>
             </Tooltip>
             <Button
@@ -426,6 +433,7 @@ const Profiles: React.FC = () => {
             </Dropdown>
           </div>
           {showAdvanced && (
+            <div className="flex gap-2">
               <Input
                 size="sm"
                 type="password"
@@ -433,9 +441,17 @@ const Profiles: React.FC = () => {
                 value={authToken}
                 onValueChange={setAuthToken}
                 onKeyUp={handleInputKeyUp}
-              className="w-full"
+                className="flex-1"
-              startContent={<span className="text-default-400 text-sm">🔑</span>}
               />
+              <Input
+                size="sm"
+                placeholder={t('profiles.editInfo.userAgentPlaceholder')}
+                value={userAgent}
+                onValueChange={setUserAgent}
+                onKeyUp={handleInputKeyUp}
+                className="flex-1"
+              />
+            </div>
           )}
         </div>
         <Divider />

src/shared/types.d.ts

@@ -519,6 +519,7 @@ interface IProfileItem {
   allowFixedInterval?: boolean
   autoUpdate?: boolean
   authToken?: string
+  userAgent?: string
   updateTimeout?: number
 }