feat: Add inline support and missing translations

src/renderer/src/components/profiles/profile-item.tsx

@@ -256,7 +256,7 @@ const ProfileItem: React.FC<Props> = (props) => {
                       await patchAppConfig({ profileDisplayDate: 'update' })
                     }}
                   >
-                    {extra.expire ? dayjs.unix(extra.expire).format('YYYY-MM-DD') : '长期有效'}
+                    {extra.expire ? dayjs.unix(extra.expire).format('YYYY-MM-DD') : t('profiles.neverExpire')}
                   </Button>
                 ) : (
                   <Button

src/renderer/src/components/resources/proxy-provider.tsx

@@ -15,13 +15,15 @@ import { MdEditDocument } from 'react-icons/md'
 import dayjs from '@renderer/utils/dayjs'
 import { calcTraffic } from '@renderer/utils/calc'
 import { getHash } from '@renderer/utils/hash'
-
+import { useTranslation } from 'react-i18next'
 const ProxyProvider: React.FC = () => {
+  const { t } = useTranslation()
   const [showDetails, setShowDetails] = useState({
     show: false,
     path: '',
     type: '',
-    title: ''
+    title: '',
+    privderType: ''
   })
   useEffect(() => {
     if (showDetails.title) {
@@ -90,10 +92,11 @@ const ProxyProvider: React.FC = () => {
           path={showDetails.path}
           type={showDetails.type}
           title={showDetails.title}
-          onClose={() => setShowDetails({ show: false, path: '', type: '', title: '' })}
+          privderType={showDetails.privderType}
+          onClose={() => setShowDetails({ show: false, path: '', type: '', title: '', privderType: '' })}
         />
       )}
-      <SettingItem title="代理集合" divider>
+      <SettingItem title={t('resources.proxyProviders.title')} divider>
         <Button
           size="sm"
           color="primary"
@@ -103,7 +106,7 @@ const ProxyProvider: React.FC = () => {
             })
           }}
         >
-          更新全部
+          {t('resources.proxyProviders.updateAll')}
         </Button>
       </SettingItem>
       {providers.map((provider, index) => (
@@ -124,12 +127,13 @@ const ProxyProvider: React.FC = () => {
               </Button> */}
               <Button
                 isIconOnly
-                title={provider.vehicleType == 'File' ? '编辑' : '查看'}
+                title={provider.vehicleType == 'File' ? t('common.editor.edit') : t('common.viewer.view')}
                 className="ml-2"
                 size="sm"
                 onPress={() => {
                   setShowDetails({
                     show: false,
+                    privderType: 'proxy-providers',
                     path: provider.name,
                     type: provider.vehicleType,
                     title: provider.name
@@ -144,7 +148,7 @@ const ProxyProvider: React.FC = () => {
               </Button>
               <Button
                 isIconOnly
-                title="更新"
+                title={t('common.updater.update')}
                 className="ml-2"
                 size="sm"
                 onPress={() => {
@@ -169,7 +173,7 @@ const ProxyProvider: React.FC = () => {
               <div className="h-[32px] leading-[32px] text-foreground-500">
                 {provider.subscriptionInfo.Expire
                   ? dayjs.unix(provider.subscriptionInfo.Expire).format('YYYY-MM-DD')
-                  : '长期有效'}
+                  : t('profiles.neverExpire')}
               </div>
             </SettingItem>
           )}

src/renderer/src/components/resources/rule-provider.tsx

@@ -14,14 +14,17 @@ import { IoMdRefresh } from 'react-icons/io'
 import { CgLoadbarDoc } from 'react-icons/cg'
 import { MdEditDocument } from 'react-icons/md'
 import dayjs from '@renderer/utils/dayjs'
+import { useTranslation } from 'react-i18next'
 
 const RuleProvider: React.FC = () => {
+  const { t } = useTranslation()
   const [showDetails, setShowDetails] = useState({
     show: false,
     path: '',
     type: '',
     title: '',
-    format: ''
+    format: '',
+    privderType: ''
   })
   useEffect(() => {
     if (showDetails.title) {
@@ -89,10 +92,11 @@ const RuleProvider: React.FC = () => {
           type={showDetails.type}
           title={showDetails.title}
           format={showDetails.format}
-          onClose={() => setShowDetails({ show: false, path: '', type: '', title: '', format: '' })}
+          privderType={showDetails.privderType}
+          onClose={() => setShowDetails({ show: false, path: '', type: '', title: '', format: '', privderType: '' })}
         />
       )}
-      <SettingItem title="规则集合" divider>
+      <SettingItem title={t('resources.ruleProviders.title')} divider>
         <Button
           size="sm"
           color="primary"
@@ -102,7 +106,7 @@ const RuleProvider: React.FC = () => {
             })
           }}
         >
-          更新全部
+          {t('resources.ruleProviders.updateAll')}
         </Button>
       </SettingItem>
       {providers.map((provider, index) => (
@@ -120,12 +124,13 @@ const RuleProvider: React.FC = () => {
               {provider.format !== 'MrsRule' && (
                 <Button
                   isIconOnly
-                  title={provider.vehicleType == 'File' ? '编辑' : '查看'}
+                  title={provider.vehicleType == 'File' ? t('common.editor.edit') : t('common.viewer.view')}
                   className="ml-2"
                   size="sm"
                   onPress={() => {
                     setShowDetails({
                       show: false,
+                      privderType: 'rule-providers',
                       path: provider.name,
                       type: provider.vehicleType,
                       title: provider.name,
@@ -142,7 +147,7 @@ const RuleProvider: React.FC = () => {
               )}
               <Button
                 isIconOnly
-                title="更新"
+                title={t('common.updater.update')}
                 className="ml-2"
                 size="sm"
                 onPress={() => {

src/renderer/src/components/resources/viewer.tsx

@@ -2,6 +2,8 @@ import { Modal, ModalContent, ModalHeader, ModalBody, ModalFooter, Button } from
 import React, { useEffect, useState } from 'react'
 import { BaseEditor } from '../base/base-editor'
 import { getFileStr, setFileStr } from '@renderer/utils/ipc'
+import yaml from 'js-yaml'
+import { useTranslation } from 'react-i18next'
 type Language = 'yaml' | 'javascript' | 'css' | 'json' | 'text'
 
 interface Props {
@@ -9,15 +11,37 @@ interface Props {
   path: string
   type: string
   title: string
+  privderType: string
   format?: string
 }
 const Viewer: React.FC<Props> = (props) => {
-  const { type, path, title, format, onClose } = props
+  const { t } = useTranslation()
+  const { type, path, title, format, privderType, onClose } = props
   const [currData, setCurrData] = useState('')
-  const language: Language = !format || format === 'YamlRule' ? 'yaml' : 'text'
+  let language: Language = !format || format === 'YamlRule' ? 'yaml' : 'text'
 
   const getContent = async (): Promise<void> => {
-    setCurrData(await getFileStr(path))
+    let fileContent: React.SetStateAction<string>
+    if (type === 'Inline') {
+      fileContent = await getFileStr('config.yaml')
+      language = 'yaml'
+    } else {
+      fileContent = await getFileStr(path)
+    }
+    try {
+      const parsedYaml = yaml.load(fileContent)
+      if (privderType === 'proxy-providers') {
+        setCurrData(yaml.dump({
+          'proxies': parsedYaml[privderType][title].payload
+        }))
+      } else {
+        setCurrData(yaml.dump({
+          'rules': parsedYaml[privderType][title].payload
+        }))
+      }
+    } catch (error) {
+      setCurrData(fileContent)
+    }
   }
 
   useEffect(() => {
@@ -46,7 +70,7 @@ const Viewer: React.FC<Props> = (props) => {
         </ModalBody>
         <ModalFooter className="pt-0">
           <Button size="sm" variant="light" onPress={onClose}>
-            关闭
+            {t('common.close')}
           </Button>
           {type == 'File' && (
             <Button
@@ -57,7 +81,7 @@ const Viewer: React.FC<Props> = (props) => {
                 onClose()
               }}
             >
-              保存
+              {t('common.save')}
             </Button>
           )}
         </ModalFooter>

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

@@ -350,6 +350,9 @@
   "profiles.traffic.remainingDays": "{{days}} days",
   "profiles.traffic.lastUpdate": "Last updated: {{time}}",
   "profiles.notification.importSuccess": "Subscription imported successfully",
+  "resources.proxyProviders.title": "Proxy Providers",
+  "resources.proxyProviders.updateAll": "Update All",
+  "resources.ruleProviders.title": "Rule Providers",
   "outbound.title": "Outbound Mode",
   "outbound.modes.rule": "Rule",
   "outbound.modes.global": "Global",

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

@@ -350,6 +350,9 @@
   "profiles.openFile": "打开文件",
   "profiles.home": "主页",
   "profiles.notification.importSuccess": "订阅导入成功",
+  "resources.proxyProviders.title": "代理集合",
+  "resources.proxyProviders.updateAll": "更新全部",
+  "resources.ruleProviders.title": "规则集合",
   "outbound.title": "出站模式",
   "outbound.modes.rule": "规则",
   "outbound.modes.global": "全局",