feat: add profile and subscribe template functions for streamlined creation

Ayideyia · Ayideyia · commit 901e4894d528 · 2025-12-03T13:52:51.000+08:00
diff --git a/frontend/src/stores/profiles.ts b/frontend/src/stores/profiles.ts
@@ -4,8 +4,9 @@ import { parse } from 'yaml'
 
 import { ReadFile, WriteFile } from '@/bridge'
 import { ProfilesFilePath } from '@/constant/app'
+import * as Defaults from '@/constant/profile'
 import { useAppSettingsStore } from '@/stores'
-import { ignoredError, eventBus, stringifyNoFolding, migrateProfiles } from '@/utils'
+import { ignoredError, eventBus, stringifyNoFolding, migrateProfiles, sampleID } from '@/utils'
 
 export const useProfilesStore = defineStore('profiles', () => {
   const appSettingsStore = useAppSettingsStore()
@@ -67,6 +68,21 @@ export const useProfilesStore = defineStore('profiles', () => {
 
   const getProfileById = (id: string) => profiles.value.find((v) => v.id === id)
 
+  const getProfileTemplate = (name = ''): IProfile => {
+    return {
+      id: sampleID(),
+      name: name,
+      log: Defaults.DefaultLog(),
+      experimental: Defaults.DefaultExperimental(),
+      inbounds: Defaults.DefaultInbounds(),
+      outbounds: Defaults.DefaultOutbounds(),
+      route: Defaults.DefaultRoute(),
+      dns: Defaults.DefaultDns(),
+      mixin: Defaults.DefaultMixin(),
+      script: Defaults.DefaultScript(),
+    }
+  }
+
   return {
     profiles,
     currentProfile,
@@ -76,5 +92,6 @@ export const useProfilesStore = defineStore('profiles', () => {
     editProfile,
     deleteProfile,
     getProfileById,
+    getProfileTemplate,
   }
 })
diff --git a/frontend/src/stores/subscribes.ts b/frontend/src/stores/subscribes.ts
@@ -48,35 +48,7 @@ export const useSubscribesStore = defineStore('subscribes', () => {
   }
 
   const importSubscribe = async (name: string, url: string) => {
-    const id = sampleID()
-    await addSubscribe({
-      id: id,
-      name: name,
-      upload: 0,
-      download: 0,
-      total: 0,
-      expire: 0,
-      updateTime: 0,
-      type: 'Http',
-      url: url,
-      website: '',
-      path: `data/subscribes/${id}.json`,
-      include: '',
-      exclude: '',
-      includeProtocol: '',
-      excludeProtocol: DefaultExcludeProtocols,
-      proxyPrefix: '',
-      disabled: false,
-      inSecure: false,
-      requestMethod: RequestMethod.Get,
-      requestTimeout: 15,
-      header: {
-        request: {},
-        response: {},
-      },
-      proxies: [],
-      script: DefaultSubscribeScript,
-    })
+    await addSubscribe(getSubscribeTemplate(name, { url }))
   }
 
   const deleteSubscribe = async (id: string) => {
@@ -255,6 +227,38 @@ export const useSubscribesStore = defineStore('subscribes', () => {
 
   const getSubscribeById = (id: string) => subscribes.value.find((v) => v.id === id)
 
+  const getSubscribeTemplate = (name = '', options: { url?: string } = {}): Subscription => {
+    const id = sampleID()
+    return {
+      id: id,
+      name: name,
+      upload: 0,
+      download: 0,
+      total: 0,
+      expire: 0,
+      updateTime: 0,
+      type: 'Http',
+      url: options.url || '',
+      website: '',
+      path: `data/subscribes/${id}.json`,
+      include: '',
+      exclude: '',
+      includeProtocol: '',
+      excludeProtocol: DefaultExcludeProtocols,
+      proxyPrefix: '',
+      disabled: false,
+      inSecure: false,
+      requestMethod: RequestMethod.Get,
+      requestTimeout: 15,
+      header: {
+        request: {},
+        response: {},
+      },
+      proxies: [],
+      script: DefaultSubscribeScript,
+    }
+  }
+
   return {
     subscribes,
     setupSubscribes,
@@ -266,5 +270,6 @@ export const useSubscribesStore = defineStore('subscribes', () => {
     updateSubscribes,
     getSubscribeById,
     importSubscribe,
+    getSubscribeTemplate,
   }
 })
diff --git a/frontend/src/views/HomeView/components/QuickStart.vue b/frontend/src/views/HomeView/components/QuickStart.vue
@@ -2,17 +2,11 @@
 import { h, inject, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import { DefaultSubscribeScript } from '@/constant/app'
-import { DefaultExcludeProtocols } from '@/constant/kernel'
-import * as Defaults from '@/constant/profile'
-import { RequestMethod } from '@/enums/app'
 import { useProfilesStore, useAppSettingsStore, useSubscribesStore } from '@/stores'
 import { message, sampleID } from '@/utils'
 
 import Button from '@/components/Button/index.vue'
 
-import type { Subscription } from '@/types/app'
-
 const { t } = useI18n()
 const subscribeStore = useSubscribesStore()
 const profilesStore = useProfilesStore()
@@ -26,70 +20,30 @@ const handleCancel = inject('cancel') as any
 const handleSubmit = inject('submit') as any
 
 const handleSave = async () => {
-  const subscribeID = sampleID()
-
   if (!name.value) {
     name.value = sampleID()
   }
 
-  const subscribe: Subscription = {
-    id: subscribeID,
-    name: name.value,
-    url: url.value,
-    upload: 0,
-    download: 0,
-    total: 0,
-    expire: 0,
-    updateTime: 0,
-    type: 'Http',
-    website: '',
-    path: `data/subscribes/${subscribeID}.json`,
-    include: '',
-    exclude: '',
-    includeProtocol: '',
-    excludeProtocol: DefaultExcludeProtocols,
-    proxyPrefix: '',
-    disabled: false,
-    inSecure: false,
-    requestMethod: RequestMethod.Get,
-    requestTimeout: 15,
-    header: {
-      request: {},
-      response: {},
-    },
-    proxies: [],
-    script: DefaultSubscribeScript,
-  }
+  const sub = subscribeStore.getSubscribeTemplate(name.value, { url: url.value })
 
   loading.value = true
 
   try {
-    await subscribeStore.addSubscribe(subscribe)
-    await subscribeStore.updateSubscribe(subscribeID)
+    await subscribeStore.addSubscribe(sub)
+    await subscribeStore.updateSubscribe(sub.id)
   } catch (error: any) {
     loading.value = false
     console.log(error)
     message.error(error)
-    subscribeStore.deleteSubscribe(subscribeID)
+    subscribeStore.deleteSubscribe(sub.id)
     return
   }
 
-  const profile: IProfile = {
-    id: sampleID(),
-    name: name.value,
-    log: Defaults.DefaultLog(),
-    experimental: Defaults.DefaultExperimental(),
-    inbounds: Defaults.DefaultInbounds(),
-    outbounds: Defaults.DefaultOutbounds(),
-    route: Defaults.DefaultRoute(),
-    dns: Defaults.DefaultDns(),
-    mixin: Defaults.DefaultMixin(),
-    script: Defaults.DefaultScript(),
-  }
+  const profile = profilesStore.getProfileTemplate(name.value)
 
   if (profile.outbounds[0] && profile.outbounds[1]) {
-    profile.outbounds[0].outbounds.push({ id: subscribeID, tag: subscribeID, type: 'Subscription' })
-    profile.outbounds[1].outbounds.push({ id: subscribeID, tag: subscribeID, type: 'Subscription' })
+    profile.outbounds[0].outbounds.push({ id: sub.id, tag: sub.id, type: 'Subscription' })
+    profile.outbounds[1].outbounds.push({ id: sub.id, tag: sub.id, type: 'Subscription' })
   }
 
   await profilesStore.addProfile(profile)
diff --git a/frontend/src/views/ProfilesView/components/ProfileForm.vue b/frontend/src/views/ProfilesView/components/ProfileForm.vue
@@ -2,9 +2,8 @@
 import { ref, inject, computed, useTemplateRef, type Ref, h } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import * as Defaults from '@/constant/profile'
 import { useProfilesStore } from '@/stores'
-import { deepClone, generateConfig, message, sampleID, alert } from '@/utils'
+import { deepClone, generateConfig, message, alert } from '@/utils'
 
 import Button from '@/components/Button/index.vue'
 import Dropdown from '@/components/Dropdown/index.vue'
@@ -37,11 +36,14 @@ const props = withDefaults(defineProps<Props>(), {
   step: Step.Name,
 })
 
-const loading = ref(false)
+const { t } = useI18n()
 const inboundsRef = useTemplateRef('inboundsRef')
 const outboundsRef = useTemplateRef('outboundsRef')
 const routeRef = useTemplateRef('routeRef')
 const dnsRef = useTemplateRef('dnsRef')
+const profilesStore = useProfilesStore()
+
+const loading = ref(false)
 const currentStep = ref(props.step)
 
 const stepItems = [
@@ -54,18 +56,7 @@ const stepItems = [
   { title: 'profile.step.mixin-script' },
 ] as const
 
-const profile = ref<IProfile>({
-  id: sampleID(),
-  name: '',
-  log: Defaults.DefaultLog(),
-  experimental: Defaults.DefaultExperimental(),
-  inbounds: Defaults.DefaultInbounds(),
-  outbounds: Defaults.DefaultOutbounds(),
-  route: Defaults.DefaultRoute(),
-  dns: Defaults.DefaultDns(),
-  mixin: Defaults.DefaultMixin(),
-  script: Defaults.DefaultScript(),
-})
+const profile = ref<IProfile>(profilesStore.getProfileTemplate())
 
 const inboundOptions = computed(() =>
   profile.value.inbounds.map((v) => ({ label: v.tag, value: v.id })),
@@ -99,9 +90,6 @@ const mixinAndScriptConfig = computed({
   },
 })
 
-const { t } = useI18n()
-const profilesStore = useProfilesStore()
-
 const handleCancel = inject('cancel') as any
 const handleSubmit = inject('submit') as any
 const handlePrevStep = () => currentStep.value--
diff --git a/frontend/src/views/SubscribesView/components/SubscribeForm.vue b/frontend/src/views/SubscribesView/components/SubscribeForm.vue
@@ -2,12 +2,10 @@
 import { ref, inject, computed, h } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import { DefaultSubscribeScript, RequestMethodOptions } from '@/constant/app'
-import { DefaultExcludeProtocols } from '@/constant/kernel'
-import { RequestMethod } from '@/enums/app'
+import { RequestMethodOptions } from '@/constant/app'
 import { useBool } from '@/hooks'
 import { useSubscribesStore } from '@/stores'
-import { deepClone, sampleID, message } from '@/utils'
+import { deepClone, message } from '@/utils'
 
 import Button from '@/components/Button/index.vue'
 
@@ -19,47 +17,20 @@ interface Props {
 
 const props = defineProps<Props>()
 
-const loading = ref(false)
+const { t } = useI18n()
+const [showMore, toggleShowMore] = useBool(false)
+const subscribeStore = useSubscribesStore()
 
-const sub = ref<Subscription>({
-  id: sampleID(),
-  name: '',
-  upload: 0,
-  download: 0,
-  total: 0,
-  expire: 0,
-  updateTime: 0,
-  type: 'Http',
-  url: '',
-  website: '',
-  path: `data/subscribes/${sampleID()}.json`,
-  include: '',
-  exclude: '',
-  includeProtocol: '',
-  excludeProtocol: DefaultExcludeProtocols,
-  proxyPrefix: '',
-  disabled: false,
-  inSecure: false,
-  requestMethod: RequestMethod.Get,
-  requestTimeout: 15,
-  header: {
-    request: {},
-    response: {},
-  },
-  proxies: [],
-  script: DefaultSubscribeScript,
-})
+const loading = ref(false)
+const sub = ref<Subscription>(subscribeStore.getSubscribeTemplate())
 
 const isManual = computed(() => sub.value.type === 'Manual')
 const isRemote = computed(() => sub.value.type === 'Http')
 
-const { t } = useI18n()
-const [showMore, toggleShowMore] = useBool(false)
-const subscribeStore = useSubscribesStore()
-
 const handleCancel = inject('cancel') as any
+const handleSubmit = inject('submit') as any
 
-const handleSubmit = async () => {
+const handleSave = async () => {
   loading.value = true
 
   try {
@@ -68,7 +39,7 @@ const handleSubmit = async () => {
     } else {
       await subscribeStore.addSubscribe(sub.value)
     }
-    handleCancel()
+    await handleSubmit()
   } catch (error: any) {
     console.error(error)
     message.error(error)
@@ -101,7 +72,7 @@ const modalSlots = {
         type: 'primary',
         loading: loading.value,
         disabled: !sub.value.name || !sub.value.path || (!sub.value.url && !isManual.value),
-        onClick: handleSubmit,
+        onClick: handleSave,
       },
       () => t('common.save'),
     ),
