From 833079d495963baaaa4aa49f7dece115892a569f Mon Sep 17 00:00:00 2001
From: keven1024 <keven@fudaoyuan.icu>
Date: Fri, 1 May 2026 21:24:45 +0800
Subject: [PATCH] feat(front): enhance NotifyConfigField component to support
 parsing of cURL commands and add body field for webhook configuration

---
 .../Preprocessing/NotifyConfigField.vue       | 39 ++++++++++++++++---
 1 file changed, 34 insertions(+), 5 deletions(-)

diff --git a/front/components/Preprocessing/NotifyConfigField.vue b/front/components/Preprocessing/NotifyConfigField.vue
index 8c6de63..7a48c31 100644
--- a/front/components/Preprocessing/NotifyConfigField.vue
+++ b/front/components/Preprocessing/NotifyConfigField.vue
@@ -8,14 +8,14 @@ import InputGroupField from '../Field/InputGroupField.vue'
 import InputField from '../Field/InputField.vue'
 import KvInputField from '../Field/KvInputGroupField.vue'
 import TextareaField from '../Field/TextareaField.vue'
+import { parseCurl } from 'sweet-curl-parser'
 
 interface WebhookItem {
     id: string
     url: string
     method: 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE'
-    headers: Record<string, any>
-    bodyType: 'none' | 'form-data' | 'raw'
-    body: string
+    headers: [string, string][]
+    body?: string
 }
 
 const { t } = useI18n()
@@ -67,7 +67,30 @@ const expandedAdvanced = ref<Set<number>>(new Set())
                         />
                     </div>
                     <div class="flex-1">
-                        <InputField :name="`notify_webhooks.${index}.url`" :label="t('page.shareOptions.notify.webhookUrl')" rules="required|url" />
+                        <InputField
+                            :name="`notify_webhooks.${index}.url`"
+                            :label="t('page.shareOptions.notify.webhookUrl')"
+                            rules="required|url"
+                            @blur="
+                                (e: FocusEvent) => {
+                                    const input = (e?.target as HTMLInputElement)?.value
+                                    if (!input.startsWith('curl ')) return
+                                    try {
+                                        const { success, data } = parseCurl(input) || {}
+                                        if (!success) return
+                                        const { url, method, headers, body } = data || {}
+                                        setFieldValue(`notify_webhooks.${index}.url`, url?.fullUrl)
+                                        setFieldValue(`notify_webhooks.${index}.method`, method?.toUpperCase())
+                                        setFieldValue(
+                                            `notify_webhooks.${index}.headers`,
+                                            headers?.map((h: any) => [h.name, h.value])
+                                        )
+                                        if (body) setFieldValue(`notify_webhooks.${index}.body`, body)
+                                        expandedAdvanced = new Set([...expandedAdvanced, index])
+                                    } catch {}
+                                }
+                            "
+                        />
                     </div>
                     <Button
                         type="button"
@@ -127,6 +150,12 @@ const expandedAdvanced = ref<Set<number>>(new Set())
                             },
                         }"
                     />
+                    <TextareaField
+                        :name="`notify_webhooks.${index}.body`"
+                        :label="t('page.shareOptions.notify.webhookBody')"
+                        :rows="4"
+                        placeholder='{"key": "value"}'
+                    />
                 </div>
             </div>
             <div class="flex justify-start">
@@ -136,7 +165,7 @@ const expandedAdvanced = ref<Set<number>>(new Set())
                     @click="
                         setFieldValue('notify_webhooks', [
                             ...((values.notify_webhooks as WebhookItem[]) || []),
-                            { url: '', method: 'POST', headers: [] },
+                            { url: '', method: 'POST', headers: [], body: '' },
                         ])
                     "
                 >