mirror of https://github.com/nocodb/nocodb
Pranav C
2 years ago
committed by
GitHub
44 changed files with 2413 additions and 702 deletions
@ -0,0 +1,183 @@ |
|||||||
|
<script setup lang="ts"> |
||||||
|
import type { HookLogType, HookType } from 'nocodb-sdk' |
||||||
|
import { AutomationLogLevel, extractSdkResponseErrorMsg, onBeforeMount, parseProp, timeAgo, useApi, useGlobal } from '#imports' |
||||||
|
|
||||||
|
interface Props { |
||||||
|
hook: HookType |
||||||
|
} |
||||||
|
|
||||||
|
const props = defineProps<Props>() |
||||||
|
|
||||||
|
const { api, isLoading } = useApi() |
||||||
|
|
||||||
|
const hookLogs = ref<HookLogType[]>([]) |
||||||
|
|
||||||
|
const activeKey = ref() |
||||||
|
|
||||||
|
const { appInfo } = useGlobal() |
||||||
|
|
||||||
|
let totalRows = $ref(0) |
||||||
|
|
||||||
|
const currentPage = $ref(1) |
||||||
|
|
||||||
|
const currentLimit = $ref(10) |
||||||
|
|
||||||
|
const showLogs = computed( |
||||||
|
() => |
||||||
|
!( |
||||||
|
appInfo.value.automationLogLevel === AutomationLogLevel.OFF || |
||||||
|
(appInfo.value.automationLogLevel === AutomationLogLevel.ALL && !appInfo.value.ee) |
||||||
|
), |
||||||
|
) |
||||||
|
|
||||||
|
async function loadHookLogs(page = currentPage, limit = currentLimit) { |
||||||
|
try { |
||||||
|
// cater empty records |
||||||
|
page = page || 1 |
||||||
|
const { list, pageInfo } = await api.dbTableWebhookLogs.list(props.hook.id!, { |
||||||
|
offset: limit * (page - 1), |
||||||
|
limit, |
||||||
|
}) |
||||||
|
hookLogs.value = parseHookLog(list) |
||||||
|
totalRows = pageInfo.totalRows ?? 0 |
||||||
|
} catch (e: any) { |
||||||
|
message.error(await extractSdkResponseErrorMsg(e)) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
function parseHookLog(hookLogs: any) { |
||||||
|
for (const hookLog of hookLogs) { |
||||||
|
if (hookLog?.response) { |
||||||
|
hookLog.response = parseProp(hookLog.response) |
||||||
|
} |
||||||
|
if (hookLog?.response?.config?.data) { |
||||||
|
hookLog.response.config.data = parseProp(hookLog.response.config.data) |
||||||
|
} |
||||||
|
if (hookLog?.payload) { |
||||||
|
hookLog.payload = parseProp(hookLog.payload) |
||||||
|
} |
||||||
|
if (hookLog?.notification) { |
||||||
|
hookLog.notification = parseProp(hookLog.notification) |
||||||
|
} |
||||||
|
} |
||||||
|
return hookLogs |
||||||
|
} |
||||||
|
|
||||||
|
onBeforeMount(async () => { |
||||||
|
if (showLogs.value) { |
||||||
|
await loadHookLogs(currentPage, currentLimit) |
||||||
|
} |
||||||
|
}) |
||||||
|
</script> |
||||||
|
|
||||||
|
<template> |
||||||
|
<a-skeleton v-if="isLoading" /> |
||||||
|
<div v-else> |
||||||
|
<a-card class="!mb-[20px]" :body-style="{ padding: '10px' }"> |
||||||
|
<span v-if="appInfo.automationLogLevel === AutomationLogLevel.OFF"> |
||||||
|
The NC_AUTOMATION_LOG_LEVEL is set to “OFF”, no logs will be displayed. |
||||||
|
</span> |
||||||
|
<span v-if="appInfo.automationLogLevel === AutomationLogLevel.ERROR"> |
||||||
|
The NC_AUTOMATION_LOG_LEVEL is set to “ERROR”, only error logs will be displayed. |
||||||
|
</span> |
||||||
|
<span v-if="appInfo.automationLogLevel === AutomationLogLevel.ALL"> |
||||||
|
<span v-if="appInfo.ee"> |
||||||
|
The NC_AUTOMATION_LOG_LEVEL is set to “ALL”, both error and success logs will be displayed. |
||||||
|
</span> |
||||||
|
<span v-else> Upgrade to Enterprise Edition to show all the logs. </span> |
||||||
|
</span> |
||||||
|
<span> |
||||||
|
For additional configuration options, please refer the documentation |
||||||
|
<a href="https://docs.nocodb.com/developer-resources/webhooks#call-log" target="_blank">here</a>. |
||||||
|
</span> |
||||||
|
</a-card> |
||||||
|
|
||||||
|
<div v-if="showLogs"> |
||||||
|
<a-empty v-if="!hookLogs.length" /> |
||||||
|
<a-layout v-else> |
||||||
|
<a-layout-content> |
||||||
|
<a-collapse v-model:activeKey="activeKey" class="nc-hook-log-collapse"> |
||||||
|
<a-collapse-panel v-for="(hookLog, idx) of hookLogs" :key="idx"> |
||||||
|
<template #header> |
||||||
|
<div class="w-full cursor-pointer"> |
||||||
|
<div class="font-weight-medium flex"> |
||||||
|
<div class="flex-1"> |
||||||
|
{{ hookLog.type }}: records.{{ hookLog.event }}.{{ hookLog.operation }} ({{ timeAgo(hookLog.created_at) }}) |
||||||
|
</div> |
||||||
|
|
||||||
|
<div v-if="hookLog.type === 'Email'"> |
||||||
|
<div v-if="hookLog.error_message" class="mx-1 px-2 py-1 text-white rounded text-xs bg-red-500">ERROR</div> |
||||||
|
<div v-else class="mx-1 px-2 py-1 text-white rounded text-xs bg-green-500">OK</div> |
||||||
|
</div> |
||||||
|
<div |
||||||
|
v-else |
||||||
|
class="mx-1 px-2 py-1 text-white rounded bg-red-500 text-xs" |
||||||
|
:class="{ '!bg-green-500': hookLog.response?.status === 200 }" |
||||||
|
> |
||||||
|
{{ hookLog.response?.status }} |
||||||
|
{{ hookLog.response?.statusText || (hookLog.response?.status === 200 ? 'OK' : 'ERROR') }} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div v-if="hookLog.type === 'URL'"> |
||||||
|
<span class="font-weight-medium text-primary"> |
||||||
|
{{ hookLog.payload.method }} |
||||||
|
</span> |
||||||
|
{{ hookLog.payload.path }} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<div v-if="hookLog.error_message" class="mb-4"> |
||||||
|
{{ hookLog.error_message }} |
||||||
|
</div> |
||||||
|
|
||||||
|
<div v-if="hookLog.type !== 'Email'"> |
||||||
|
<div v-if="hookLog?.response?.config?.headers" class="nc-hook-log-request"> |
||||||
|
<div class="nc-hook-pre-title">Request</div> |
||||||
|
<pre class="nc-hook-pre">{{ hookLog.response.config.headers }}</pre> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div v-if="hookLog?.response?.headers" class="nc-hook-log-response"> |
||||||
|
<div class="nc-hook-pre-title">Response</div> |
||||||
|
<pre class="nc-hook-pre">{{ hookLog.response.headers }}</pre> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div v-if="hookLog?.response?.config?.data" class="nc-hook-log-payload"> |
||||||
|
<div class="nc-hook-pre-title">Payload</div> |
||||||
|
<pre class="nc-hook-pre">{{ hookLog.response.config.data }}</pre> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div v-else> |
||||||
|
<div v-if="hookLog?.payload" class="nc-hook-log-payload"> |
||||||
|
<div class="nc-hook-pre-title">Payload</div> |
||||||
|
<pre class="nc-hook-pre">{{ hookLog.payload }}</pre> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</a-collapse-panel> |
||||||
|
</a-collapse> |
||||||
|
</a-layout-content> |
||||||
|
<a-layout-footer class="!bg-white text-center"> |
||||||
|
<a-pagination |
||||||
|
v-model:current="currentPage" |
||||||
|
:page-size="currentLimit" |
||||||
|
:total="totalRows" |
||||||
|
show-less-items |
||||||
|
@change="loadHookLogs" |
||||||
|
/> |
||||||
|
</a-layout-footer> |
||||||
|
</a-layout> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<style scoped lang="scss"> |
||||||
|
.nc-hook-log-collapse { |
||||||
|
.nc-hook-pre-title { |
||||||
|
@apply font-bold mb-2; |
||||||
|
} |
||||||
|
.nc-hook-pre { |
||||||
|
@apply bg-gray-100; |
||||||
|
padding: 10px; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,35 @@ |
|||||||
|
import { MetaTable } from '../../utils/globals'; |
||||||
|
import type { Knex } from 'knex'; |
||||||
|
|
||||||
|
const up = async (knex: Knex) => { |
||||||
|
if (knex.client.config.client === 'mssql') { |
||||||
|
await knex.schema.alterTable(MetaTable.HOOK_LOGS, (table) => { |
||||||
|
table.dropColumn('response'); |
||||||
|
}); |
||||||
|
await knex.schema.alterTable(MetaTable.HOOK_LOGS, (table) => { |
||||||
|
table.text('response'); |
||||||
|
}); |
||||||
|
} else if (knex.client.config.client !== 'sqlite3') { |
||||||
|
await knex.schema.alterTable(MetaTable.HOOK_LOGS, (table) => { |
||||||
|
table.text('response').alter(); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
await knex.schema.alterTable(MetaTable.HOOKS, (table) => { |
||||||
|
table.string('version'); |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
const down = async (knex) => { |
||||||
|
if (knex.client.config.client !== 'sqlite3') { |
||||||
|
await knex.schema.alterTable(MetaTable.HOOK_LOGS, (table) => { |
||||||
|
table.boolean('response').alter(); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
await knex.schema.alterTable(MetaTable.HOOKS, (table) => { |
||||||
|
table.dropColumn('version'); |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
export { up, down }; |
||||||
@ -0,0 +1,13 @@ |
|||||||
|
import { MetaTable } from '../utils/globals'; |
||||||
|
import type { NcUpgraderCtx } from './NcUpgrader'; |
||||||
|
|
||||||
|
export default async function ({ ncMeta }: NcUpgraderCtx) { |
||||||
|
const actions = []; |
||||||
|
const hooks = await ncMeta.metaList2(null, null, MetaTable.HOOKS); |
||||||
|
for (const hook of hooks) { |
||||||
|
actions.push( |
||||||
|
ncMeta.metaUpdate(null, null, MetaTable.HOOKS, { version: 'v1' }, hook.id) |
||||||
|
); |
||||||
|
} |
||||||
|
await Promise.all(actions); |
||||||
|
} |
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue