多维表格
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

63 lines
1.1 KiB

<script setup lang="ts">
import type { HookTestReqType, HookType } from 'nocodb-sdk'
interface Props {
hook: HookType
}
const { hook } = defineProps<Props>()
const { t } = useI18n()
const { $api } = useNuxtApp()
const meta = inject(MetaInj, ref())
const sampleData = ref()
watch(
() => hook?.operation,
async () => {
await loadSampleData()
},
)
async function loadSampleData() {
sampleData.value = await $api.dbTableWebhook.samplePayloadGet(
meta?.value?.id as string,
hook?.operation || 'insert',
hook.version!,
)
}
async function testWebhook() {
try {
await $api.dbTableWebhook.test(
meta.value?.id as string,
{
hook,
payload: sampleData.value,
} as HookTestReqType,
)
// Webhook tested successfully
message.success(t('msg.success.webhookTested'))
} catch (e: any) {
message.error(await extractSdkResponseErrorMsg(e))
}
}
defineExpose({
testWebhook,
})
onMounted(async () => {
await loadSampleData()
})
</script>
<template>
<div class="mb-4 font-weight-medium">Sample Payload</div>
<LazyMonacoEditor v-model="sampleData" class="min-h-60 max-h-80" />
</template>