nocodb/packages/nc-gui/store/webhooks.ts

import type { FilterReqType, HookReqType, HookType } from 'nocodb-sdk'
import { acceptHMRUpdate, defineStore } from 'pinia'

export const useWebhooksStore = defineStore('webhooksStore', () => {
  const hooks = ref<HookType[]>([])

  const isHooksLoading = ref(true)

  const { $api, $e } = useNuxtApp()

  const router = useRouter()

  const route = router.currentRoute

  const { getMeta } = useMetas()
  const { activeTable } = toRefs(useTablesStore())

  const createWebhookUrl = computed(() => {
    return navigateToWebhookRoute({
      openCreatePage: true,
    })
  })

  const webhookMainUrl = computed(() => {
    return navigateToWebhookRoute({
      openMainPage: true,
    })
  })

  async function loadHooksList() {
    isHooksLoading.value = true
    try {
      const hookList = (await $api.dbTableWebhook.list(activeTable.value?.id as string)).list

      hooks.value = hookList.map((hook) => {
        hook.notification = parseProp(hook.notification)
        return hook
      })
    } catch (e: any) {
      message.error(await extractSdkResponseErrorMsg(e))
    } finally {
      isHooksLoading.value = false
    }
  }

  async function deleteHook(id: string) {
    const index = hooks.value.findIndex((hook) => hook.id === id)

    try {
      if (id) {
        await $api.dbTableWebhook.delete(id)
        hooks.value.splice(index, 1)
      } else {
        hooks.value.splice(index, 1)
      }

      if (!hooks.value.length) {
        hooks.value = []
      }
    } catch (e: any) {
      message.error(await extractSdkResponseErrorMsg(e))
    } finally {
      await getMeta(activeTable.value.id!, true)
    }
  }

  async function copyHook(hook: HookType) {
    try {
      const newHook = await $api.dbTableWebhook.create(hook.fk_model_id!, {
        ...hook,
        title: generateUniqueTitle(`${hook.title} copy`, hooks.value, 'title', '_', true),
        active: hook.event === 'manual',
      } as HookReqType)

      if (newHook) {
        $e('a:webhook:copy')
        // create the corresponding filters
        const hookFilters = (await $api.dbTableWebhookFilter.read(hook.id!, {})).list
        for (const hookFilter of hookFilters) {
          await $api.dbTableWebhookFilter.create(newHook.id!, {
            comparison_op: hookFilter.comparison_op,
            comparison_sub_op: hookFilter.comparison_sub_op,
            fk_column_id: hookFilter.fk_column_id,
            fk_parent_id: hookFilter.fk_parent_id,
            is_group: hookFilter.is_group,
            logical_op: hookFilter.logical_op,
            value: hookFilter.value,
          } as FilterReqType)
        }
        newHook.notification = parseProp(newHook.notification)
        hooks.value = [newHook, ...hooks.value]
      }
    } catch (e: any) {
      message.error(await extractSdkResponseErrorMsg(e))
    } finally {
      await getMeta(activeTable.value.id!, true)
    }
  }

  async function saveHooks({ hook: _hook, ogHook }: { hook: HookType; ogHook: HookType }) {
    if (!activeTable.value) throw new Error('activeTable is not defined')

    if (typeof _hook.notification === 'string') {
      _hook.notification = JSON.parse(_hook.notification)
    }
    let hook = _hook as Omit<HookType, 'notification'> & {
      notification: Record<string, any>
      eventOperation?: string
      condition: boolean
    }

    try {
      let res
      if (hook.id) {
        res = await $api.dbTableWebhook.update(hook.id, {
          ...hook,
          notification: {
            ...hook.notification,
            payload: hook.notification.payload,
          },
        })
      } else {
        res = await $api.dbTableWebhook.create(activeTable.value!.id!, {
          ...hook,
          notification: {
            ...hook.notification,
            payload: hook.notification.payload,
          },
        } as HookReqType)

        hooks.value.push(res)
      }

      if (res && typeof res.notification === 'string') {
        res.notification = JSON.parse(res.notification)
      }

      if (!hook.id && res) {
        hook = { ...hook, ...res } as any
      }

      // Webhook details updated successfully
      hooks.value = hooks.value.map((h) => {
        if (h.id === hook.id) {
          return hook
        }
        return h
      })
    } catch (e: any) {
      message.error(await extractSdkResponseErrorMsg(e))
      console.error(e)

      if (ogHook) {
        hooks.value = hooks.value.map((h) => {
          if (h.id === ogHook.id) {
            return ogHook
          }
          return h
        })
      }
    } finally {
      await getMeta(activeTable.value.id!, true)
    }

    $e('a:webhook:add', {
      operation: hook.operation,
      condition: hook.condition,
      notification: hook.notification.type,
    })

    return hook
  }

  function navigateToWebhookRoute({
    hookId,
    openCreatePage,
    openMainPage,
  }: {
    hookId?: string
    openCreatePage?: Boolean
    openMainPage?: Boolean
  }) {
    const { activeView } = useViewsStore()
    if (!activeView) throw new Error('activeView is not defined')

    if (!openMainPage && !openCreatePage && !hookId) throw new Error('hook id is not defined')

    return {
      name: 'index-typeOrId-baseId-index-index-viewId-viewTitle-slugs',
      params: {
        typeOrId: route.value.params.typeOrId,
        baseId: route.value.params.baseId,
        viewId: route.value.params.viewId,
        viewTitle: activeView.id,
        slugs: openMainPage ? ['webhook'] : ['webhook', openCreatePage ? 'create' : hookId!],
      },
    }
  }

  const navigateToWebhook = async ({
    hookId,
    openCreatePage,
    openMainPage,
  }: {
    hookId?: string
    openCreatePage?: Boolean
    openMainPage?: Boolean
  }) => {
    const { activeView } = useViewsStore()
    if (!activeView) return

    await router.push(
      navigateToWebhookRoute({
        hookId,
        openCreatePage,
        openMainPage,
      }),
    )
  }

  return {
    hooks,
    loadHooksList,
    deleteHook,
    copyHook,
    saveHooks,
    navigateToWebhook,
    createWebhookUrl,
    webhookMainUrl,
    isHooksLoading,
    navigateToWebhookRoute,
  }
})

if (import.meta.hot) {
  import.meta.hot.accept(acceptHMRUpdate(useWebhooksStore as any, import.meta.hot))
}