feat(triggers): add Vercel webhook triggers with automatic registration

apps/sim/blocks/blocks/vercel.ts

@@ -1,6 +1,7 @@
 import { VercelIcon } from '@/components/icons'
 import type { BlockConfig } from '@/blocks/types'
 import { AuthMode, IntegrationType } from '@/blocks/types'
+import { getTrigger } from '@/triggers'
 
 export const VercelBlock: BlockConfig = {
  type: 'vercel',
@@ -15,6 +16,19 @@ export const VercelBlock: BlockConfig = {
  bgColor: '#171717',
  icon: VercelIcon,
  authMode: AuthMode.ApiKey,
+ triggers: {
+ enabled: true,
+ available: [
+ 'vercel_deployment_created',
+ 'vercel_deployment_ready',
+ 'vercel_deployment_error',
+ 'vercel_deployment_canceled',
+ 'vercel_project_created',
+ 'vercel_project_removed',
+ 'vercel_domain_created',
+ 'vercel_webhook',
+ ],
+ },
  subBlocks: [
  {
  id: 'operation',
@@ -649,6 +663,16 @@ export const VercelBlock: BlockConfig = {
  },
  mode: 'advanced',
  },
+
+ // === Trigger subBlocks ===
+ ...getTrigger('vercel_deployment_created').subBlocks,
+ ...getTrigger('vercel_deployment_ready').subBlocks,
+ ...getTrigger('vercel_deployment_error').subBlocks,
+ ...getTrigger('vercel_deployment_canceled').subBlocks,
+ ...getTrigger('vercel_project_created').subBlocks,
+ ...getTrigger('vercel_project_removed').subBlocks,
+ ...getTrigger('vercel_domain_created').subBlocks,
+ ...getTrigger('vercel_webhook').subBlocks,
  ],
  tools: {
  access: [

apps/sim/lib/webhooks/providers/registry.ts

@@ -30,6 +30,7 @@ import { twilioVoiceHandler } from '@/lib/webhooks/providers/twilio-voice'
 import { typeformHandler } from '@/lib/webhooks/providers/typeform'
 import type { WebhookProviderHandler } from '@/lib/webhooks/providers/types'
 import { verifyTokenAuth } from '@/lib/webhooks/providers/utils'
+import { vercelHandler } from '@/lib/webhooks/providers/vercel'
 import { webflowHandler } from '@/lib/webhooks/providers/webflow'
 import { whatsappHandler } from '@/lib/webhooks/providers/whatsapp'
 
@@ -64,6 +65,7 @@ const PROVIDER_HANDLERS: Record<string, WebhookProviderHandler> = {
  twilio: twilioHandler,
  twilio_voice: twilioVoiceHandler,
  typeform: typeformHandler,
+ vercel: vercelHandler,
  webflow: webflowHandler,
  whatsapp: whatsappHandler,
 }

apps/sim/lib/webhooks/providers/vercel.ts

@@ -0,0 +1,226 @@
+import crypto from 'crypto'
+import { createLogger } from '@sim/logger'
+import { safeCompare } from '@/lib/core/security/encryption'
+import { getNotificationUrl, getProviderConfig } from '@/lib/webhooks/providers/subscription-utils'
+import type {
+ DeleteSubscriptionContext,
+ FormatInputContext,
+ FormatInputResult,
+ SubscriptionContext,
+ SubscriptionResult,
+ WebhookProviderHandler,
+} from '@/lib/webhooks/providers/types'
+import { createHmacVerifier } from '@/lib/webhooks/providers/utils'
+
+const logger = createLogger('WebhookProvider:Vercel')
+
+export const vercelHandler: WebhookProviderHandler = {
+ verifyAuth: createHmacVerifier({
+ configKey: 'webhookSecret',
+ headerName: 'x-vercel-signature',
+ validateFn: (secret, signature, body) => {
+ const hash = crypto.createHmac('sha1', secret).update(body, 'utf8').digest('hex')
+ return safeCompare(hash, signature)
+ },
+ providerLabel: 'Vercel',
+ }),
+
+ async createSubscription(ctx: SubscriptionContext): Promise<SubscriptionResult | undefined> {
+ const { webhook, requestId } = ctx
+ try {
+ const providerConfig = getProviderConfig(webhook)
+ const apiKey = providerConfig.apiKey as string | undefined
+ const triggerId = providerConfig.triggerId as string | undefined
+ const teamId = providerConfig.teamId as string | undefined
+ const filterProjectIds = providerConfig.filterProjectIds as string | undefined
+
+ if (!apiKey) {
+ throw new Error(
+ 'Vercel Access Token is required. Please provide your access token in the trigger configuration.'
+ )
+ }
+
+ const eventTypeMap: Record<string, string[] | undefined> = {
+ vercel_deployment_created: ['deployment.created'],
+ vercel_deployment_ready: ['deployment.ready'],
+ vercel_deployment_error: ['deployment.error'],
+ vercel_deployment_canceled: ['deployment.canceled'],
+ vercel_project_created: ['project.created'],
+ vercel_project_removed: ['project.removed'],
+ vercel_domain_created: ['domain.created'],
+ vercel_webhook: undefined,
+ }
+
+ if (triggerId && !(triggerId in eventTypeMap)) {
+ logger.warn(
+ `[${requestId}] Unknown triggerId for Vercel: ${triggerId}, defaulting to all events`,
+ { triggerId, webhookId: webhook.id }
+ )
+ }
+
+ const events = eventTypeMap[triggerId ?? '']
+ const notificationUrl = getNotificationUrl(webhook)
+
+ logger.info(`[${requestId}] Creating Vercel webhook`, {
+ triggerId,
+ events,
+ hasTeamId: !!teamId,
+ hasProjectIds: !!filterProjectIds,
+ webhookId: webhook.id,
+ })
+
+ /**
+ * Vercel requires an explicit events list — there is no "subscribe to all" option.
+ * For the generic webhook trigger, we subscribe to the most commonly useful events.
+ * Full list: https://vercel.com/docs/webhooks/webhooks-api#event-types
+ */
+ const requestBody: Record<string, unknown> = {
+ url: notificationUrl,
+ events: events || [
+ 'deployment.created',
+ 'deployment.ready',
+ 'deployment.succeeded',
+ 'deployment.error',
+ 'deployment.canceled',
+ 'deployment.promoted',
+ 'project.created',
+ 'project.removed',
+ 'domain.created',
+ 'edge-config.created',
+ 'edge-config.deleted',
+ ],
+ }
+
+ if (filterProjectIds) {
+ const projectIds = String(filterProjectIds)
+ .split(',')
+ .map((id: string) => id.trim())
+ .filter(Boolean)
+ if (projectIds.length > 0) {
+ requestBody.projectIds = projectIds
+ }
+ }
+
+ const apiUrl = teamId
+ ? `https://api.vercel.com/v1/webhooks?teamId=${encodeURIComponent(teamId)}`
+ : 'https://api.vercel.com/v1/webhooks'
+
+ const vercelResponse = await fetch(apiUrl, {
+ method: 'POST',
+ headers: {
+ Authorization: `Bearer ${apiKey}`,
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify(requestBody),
+ })
+
+ const responseBody = (await vercelResponse.json().catch(() => ({}))) as Record<
+ string,
+ unknown
+ >
+
+ if (!vercelResponse.ok) {
+ const errorObj = responseBody.error as Record<string, unknown> | undefined
+ const errorMessage =
+ (errorObj?.message as string) ||
+ (responseBody.message as string) ||
+ 'Unknown Vercel API error'
+
+ let userFriendlyMessage = 'Failed to create webhook subscription in Vercel'
+ if (vercelResponse.status === 401 || vercelResponse.status === 403) {
+ userFriendlyMessage =
+ 'Invalid or insufficient Vercel Access Token. Please verify your token has the correct permissions.'
+ } else if (errorMessage && errorMessage !== 'Unknown Vercel API error') {
+ userFriendlyMessage = `Vercel error: ${errorMessage}`
+ }
+
+ throw new Error(userFriendlyMessage)
+ }
+
+ const externalId = responseBody.id as string | undefined
+ if (!externalId) {
+ throw new Error('Vercel webhook creation succeeded but no webhook ID was returned')
+ }
+
+ logger.info(
+ `[${requestId}] Successfully created webhook in Vercel for webhook ${webhook.id}.`,
+ { vercelWebhookId: externalId }
+ )
+
+ return {
+ providerConfigUpdates: {
+ externalId,
+ webhookSecret: (responseBody.secret as string) || '',
+ },
+ }
+ } catch (error: unknown) {
+ const err = error as Error
+ logger.error(
+ `[${requestId}] Exception during Vercel webhook creation for webhook ${webhook.id}.`,
+ { message: err.message, stack: err.stack }
+ )
+ throw error
+ }
+ },
+
+ async deleteSubscription(ctx: DeleteSubscriptionContext): Promise<void> {
+ const { webhook, requestId } = ctx
+ try {
+ const config = getProviderConfig(webhook)
+ const apiKey = config.apiKey as string | undefined
+ const externalId = config.externalId as string | undefined
+ const teamId = config.teamId as string | undefined
+
+ if (!apiKey || !externalId) {
+ logger.warn(
+ `[${requestId}] Missing apiKey or externalId for Vercel webhook deletion ${webhook.id}, skipping cleanup`
+ )
+ return
+ }
+
+ const apiUrl = teamId
+ ? `https://api.vercel.com/v1/webhooks/${encodeURIComponent(externalId)}?teamId=${encodeURIComponent(teamId)}`
+ : `https://api.vercel.com/v1/webhooks/${encodeURIComponent(externalId)}`
+
+ const response = await fetch(apiUrl, {
+ method: 'DELETE',
+ headers: {
+ Authorization: `Bearer ${apiKey}`,
+ },
+ })
+
+ if (!response.ok && response.status !== 404) {
+ logger.warn(
+ `[${requestId}] Failed to delete Vercel webhook (non-fatal): ${response.status}`
+ )
+ } else {
+ await response.body?.cancel()
+ logger.info(`[${requestId}] Successfully deleted Vercel webhook ${externalId}`)
+ }
+ } catch (error) {
+ logger.warn(`[${requestId}] Error deleting Vercel webhook (non-fatal)`, error)
+ }
+ },
+
+ async formatInput(ctx: FormatInputContext): Promise<FormatInputResult> {
+ const body = ctx.body as Record<string, unknown>
+ const payload = (body.payload || {}) as Record<string, unknown>
+
+ return {
+ input: {
+ type: body.type || '',
+ id: body.id || '',
+ createdAt: body.createdAt || 0,
+ region: body.region || null,
+ payload,
+ deployment: payload.deployment || null,
+ project: payload.project || null,
+ team: payload.team || null,
+ user: payload.user || null,
+ target: payload.target || null,
+ plan: payload.plan || null,
+ domain: payload.domain || null,
+ },
+ }
+ },
+}

apps/sim/triggers/registry.ts

@@ -169,6 +169,16 @@ import { telegramWebhookTrigger } from '@/triggers/telegram'
 import { twilioVoiceWebhookTrigger } from '@/triggers/twilio_voice'
 import { typeformWebhookTrigger } from '@/triggers/typeform'
 import type { TriggerRegistry } from '@/triggers/types'
+import {
+ vercelDeploymentCanceledTrigger,
+ vercelDeploymentCreatedTrigger,
+ vercelDeploymentErrorTrigger,
+ vercelDeploymentReadyTrigger,
+ vercelDomainCreatedTrigger,
+ vercelProjectCreatedTrigger,
+ vercelProjectRemovedTrigger,
+ vercelWebhookTrigger,
+} from '@/triggers/vercel'
 import {
  webflowCollectionItemChangedTrigger,
  webflowCollectionItemCreatedTrigger,
@@ -305,6 +315,14 @@ export const TRIGGER_REGISTRY: TriggerRegistry = {
  whatsapp_webhook: whatsappWebhookTrigger,
  google_forms_webhook: googleFormsWebhookTrigger,
  twilio_voice_webhook: twilioVoiceWebhookTrigger,
+ vercel_deployment_created: vercelDeploymentCreatedTrigger,
+ vercel_deployment_ready: vercelDeploymentReadyTrigger,
+ vercel_deployment_error: vercelDeploymentErrorTrigger,
+ vercel_deployment_canceled: vercelDeploymentCanceledTrigger,
+ vercel_project_created: vercelProjectCreatedTrigger,
+ vercel_project_removed: vercelProjectRemovedTrigger,
+ vercel_domain_created: vercelDomainCreatedTrigger,
+ vercel_webhook: vercelWebhookTrigger,
  webflow_collection_item_created: webflowCollectionItemCreatedTrigger,
  webflow_collection_item_changed: webflowCollectionItemChangedTrigger,
  webflow_collection_item_deleted: webflowCollectionItemDeletedTrigger,

apps/sim/triggers/vercel/deployment_canceled.ts

@@ -0,0 +1,37 @@
+import { VercelIcon } from '@/components/icons'
+import { buildTriggerSubBlocks } from '@/triggers'
+import type { TriggerConfig } from '@/triggers/types'
+import {
+ buildDeploymentOutputs,
+ buildVercelExtraFields,
+ vercelSetupInstructions,
+ vercelTriggerOptions,
+} from '@/triggers/vercel/utils'
+
+/**
+ * Vercel Deployment Canceled Trigger
+ */
+export const vercelDeploymentCanceledTrigger: TriggerConfig = {
+ id: 'vercel_deployment_canceled',
+ name: 'Vercel Deployment Canceled',
+ provider: 'vercel',
+ description: 'Trigger workflow when a deployment is canceled',
+ version: '1.0.0',
+ icon: VercelIcon,
+
+ subBlocks: buildTriggerSubBlocks({
+ triggerId: 'vercel_deployment_canceled',
+ triggerOptions: vercelTriggerOptions,
+ setupInstructions: vercelSetupInstructions('Deployment Canceled'),
+ extraFields: buildVercelExtraFields('vercel_deployment_canceled'),
+ }),
+
+ outputs: buildDeploymentOutputs(),
+
+ webhook: {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ },
+}

apps/sim/triggers/vercel/deployment_created.ts

@@ -0,0 +1,40 @@
+import { VercelIcon } from '@/components/icons'
+import { buildTriggerSubBlocks } from '@/triggers'
+import type { TriggerConfig } from '@/triggers/types'
+import {
+ buildDeploymentOutputs,
+ buildVercelExtraFields,
+ vercelSetupInstructions,
+ vercelTriggerOptions,
+} from '@/triggers/vercel/utils'
+
+/**
+ * Vercel Deployment Created Trigger
+ *
+ * This is the PRIMARY trigger - it includes the dropdown for selecting trigger type.
+ */
+export const vercelDeploymentCreatedTrigger: TriggerConfig = {
+ id: 'vercel_deployment_created',
+ name: 'Vercel Deployment Created',
+ provider: 'vercel',
+ description: 'Trigger workflow when a new deployment is created',
+ version: '1.0.0',
+ icon: VercelIcon,
+
+ subBlocks: buildTriggerSubBlocks({
+ triggerId: 'vercel_deployment_created',
+ triggerOptions: vercelTriggerOptions,
+ includeDropdown: true,
+ setupInstructions: vercelSetupInstructions('Deployment Created'),
+ extraFields: buildVercelExtraFields('vercel_deployment_created'),
+ }),
+
+ outputs: buildDeploymentOutputs(),
+
+ webhook: {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ },
+}