support new profile

changelog.md

@@ -5,6 +5,7 @@
 ### New Features
 
 - 支持使用外部编辑器打开文件
+- 支持新建订阅/覆写
 - 添加窗口置顶按钮
 - 允许禁用系统标题栏
 - 重写连接页面

src/main/utils/template.ts

@@ -2,6 +2,7 @@ export const defaultConfig: IAppConfig = {
   core: 'mihomo',
   silentStart: false,
   appTheme: 'system',
+  useWindowFrame: true,
   proxyInTray: true,
   maxLogDays: 7,
   proxyCols: 'auto',

src/renderer/src/App.tsx

@@ -104,7 +104,7 @@ const App: React.FC = () => {
         // ignore
       }
     }
-  }, [appTheme])
+  }, [appTheme, systemTheme])
 
   const onDragEnd = async (event: DragEndEvent): Promise<void> => {
     const { active, over } = event

src/renderer/src/components/base/base-page.tsx

@@ -36,7 +36,7 @@ const BasePage = forwardRef<HTMLDivElement, Props>((props, ref) => {
       <div className="sticky top-0 z-40 h-[49px] w-full bg-background">
         <div className="app-drag p-2 flex justify-between h-[48px]">
           <div className="title h-full text-lg leading-[32px]">{props.title}</div>
-          <div style={{ marginRight: overlayWidth }} className="header h-full">
+          <div style={{ marginRight: overlayWidth }} className="header flex gap-2 h-full">
             {props.header}
           </div>
         </div>

src/renderer/src/pages/override.tsx

@@ -1,4 +1,12 @@
-import { Button, Divider, Input } from '@nextui-org/react'
+import {
+  Button,
+  Divider,
+  Dropdown,
+  DropdownItem,
+  DropdownMenu,
+  DropdownTrigger,
+  Input
+} from '@nextui-org/react'
 import BasePage from '@renderer/components/base/base-page'
 import { getFilePath, readTextFile } from '@renderer/utils/ipc'
 import { useEffect, useRef, useState } from 'react'
@@ -14,6 +22,7 @@ import {
 import { SortableContext } from '@dnd-kit/sortable'
 import { useOverrideConfig } from '@renderer/hooks/use-override-config'
 import OverrideItem from '@renderer/components/override/override-item'
+import { FaPlus } from 'react-icons/fa6'
 
 const Override: React.FC = () => {
   const {
@@ -115,7 +124,7 @@ const Override: React.FC = () => {
         <>
           <Button
             size="sm"
-            className="app-nodrag mr-2"
+            className="app-nodrag"
             onPress={() => {
               open('https://mihomo.party/guides/function/override/yaml/')
             }}
@@ -165,12 +174,17 @@ const Override: React.FC = () => {
           >
             导入
           </Button>
-          <Button
+          <Dropdown>
-            size="sm"
+            <DropdownTrigger>
-            color="primary"
+              <Button className="ml-2" size="sm" isIconOnly color="primary">
-            className="ml-2"
+                <FaPlus />
-            onPress={() => {
+              </Button>
-              getFilePath(['js', 'yaml']).then(async (files) => {
+            </DropdownTrigger>
+            <DropdownMenu
+              onAction={async (key) => {
+                if (key === 'open') {
+                  try {
+                    const files = await getFilePath(['js', 'yaml'])
                     if (files?.length) {
                       const content = await readTextFile(files[0])
                       const fileName = files[0].split('/').pop()?.split('\\').pop()
@@ -181,11 +195,31 @@ const Override: React.FC = () => {
                         ext: fileName?.endsWith('.js') ? 'js' : 'yaml'
                       })
                     }
+                  } catch (e) {
+                    alert(e)
+                  }
+                } else if (key === 'new-yaml') {
+                  await addOverrideItem({
+                    name: '新建YAML',
+                    type: 'local',
+                    file: '# https://mihomo.party/guides/function/override/yaml/',
+                    ext: 'yaml'
                   })
+                } else if (key === 'new-js') {
+                  await addOverrideItem({
+                    name: '新建JS',
+                    type: 'local',
+                    file: '// https://mihomo.party/guides/function/override/js/\nfunction main(config) {\n  return config\n}',
+                    ext: 'js'
+                  })
+                }
               }}
             >
-            打开
+              <DropdownItem key="open">打开</DropdownItem>
-          </Button>
+              <DropdownItem key="new-yaml">新建 YAML</DropdownItem>
+              <DropdownItem key="new-js">新建 JavaScript</DropdownItem>
+            </DropdownMenu>
+          </Dropdown>
         </div>
         <Divider />
       </div>

src/renderer/src/pages/profiles.tsx

@@ -1,4 +1,13 @@
-import { Button, Checkbox, Divider, Input } from '@nextui-org/react'
+import {
+  Button,
+  Checkbox,
+  Divider,
+  Dropdown,
+  DropdownItem,
+  DropdownMenu,
+  DropdownTrigger,
+  Input
+} from '@nextui-org/react'
 import BasePage from '@renderer/components/base/base-page'
 import ProfileItem from '@renderer/components/profiles/profile-item'
 import { useProfileConfig } from '@renderer/hooks/use-profile-config'
@@ -14,6 +23,7 @@ import {
   DragEndEvent
 } from '@dnd-kit/core'
 import { SortableContext } from '@dnd-kit/sortable'
+import { FaPlus } from 'react-icons/fa6'
 
 const Profiles: React.FC = () => {
   const {
@@ -101,6 +111,16 @@ const Profiles: React.FC = () => {
       ref={pageRef}
       title="订阅管理"
       header={
+        <>
+          <Button
+            size="sm"
+            className="app-nodrag"
+            onPress={async () => {
+              open('https://mihomo.party/ads/airport/')
+            }}
+          >
+            订阅推荐
+          </Button>
           <Button
             size="sm"
             className="app-nodrag"
@@ -122,6 +142,7 @@ const Profiles: React.FC = () => {
           >
             更新全部订阅
           </Button>
+        </>
       }
     >
       <div className="sticky top-0 z-40 bg-background">
@@ -165,11 +186,15 @@ const Profiles: React.FC = () => {
           >
             导入
           </Button>
-          <Button
+          <Dropdown>
-            size="sm"
+            <DropdownTrigger>
-            color="primary"
+              <Button className="ml-2" size="sm" isIconOnly color="primary">
-            className="ml-2"
+                <FaPlus />
-            onPress={async () => {
+              </Button>
+            </DropdownTrigger>
+            <DropdownMenu
+              onAction={async (key) => {
+                if (key === 'open') {
                   try {
                     const files = await getFilePath(['yml', 'yaml'])
                     if (files?.length) {
@@ -180,10 +205,19 @@ const Profiles: React.FC = () => {
                   } catch (e) {
                     alert(e)
                   }
+                } else if (key === 'new') {
+                  await addProfileItem({
+                    name: '新建订阅',
+                    type: 'local',
+                    file: 'proxies: []\nproxy-groups: []\nrules: []'
+                  })
+                }
               }}
             >
-            打开
+              <DropdownItem key="open">打开</DropdownItem>
-          </Button>
+              <DropdownItem key="new">新建</DropdownItem>
+            </DropdownMenu>
+          </Dropdown>
         </div>
         <Divider />
       </div>

src/renderer/src/pages/proxies.tsx

@@ -110,10 +110,11 @@ const Proxies: React.FC = () => {
     <BasePage
       title="代理组"
       header={
-        <div className="app-nodrag">
+        <>
           <Button
             size="sm"
             isIconOnly
+            className="app-nodrag"
             onPress={() => {
               patchAppConfig({
                 proxyDisplayOrder:
@@ -136,7 +137,7 @@ const Proxies: React.FC = () => {
           <Button
             size="sm"
             isIconOnly
-            className="ml-2"
+            className="app-nodrag"
             onPress={() => {
               patchAppConfig({
                 proxyDisplayMode: proxyDisplayMode === 'simple' ? 'full' : 'simple'
@@ -149,7 +150,7 @@ const Proxies: React.FC = () => {
               <CgDetailsLess size={20} title="简洁信息" />
             )}
           </Button>
-        </div>
+        </>
       }
     >
       <div className="h-[calc(100vh-50px)]">

src/renderer/src/pages/settings.tsx

@@ -18,7 +18,7 @@ const Settings: React.FC = () => {
             isIconOnly
             size="sm"
             title="官方文档"
-            className="app-nodrag mr-2"
+            className="app-nodrag"
             onPress={() => {
               window.open('https://mihomo.party')
             }}