Skip to main content

Event Types

Each message sent through Svix has an associated event type. Event types are identifiers denoting the type of message being sent. Because they are the primary way for webhook consumers to configure what events they are interested in receiving, we highly recommend including an event catalog that describes each event type and provides sample payloads in your documentation. To make it easy for webhook consumers to find and subscribe to the right events, Svix automatically generates an event catalog. See more about publishing your event catalog here.

Event types are just a string, for example: user.signup, invoice.paid and workflow.completed.

Webhook consumers can choose which events are sent to which endpoint. By default, all messages are sent to all endpoints. Though when adding or editing endpoints, users can choose to only subscribe to some of the event types for this particular endpoint.

Bulk Create

It's recommended to add the event types you are going to use ahead of time. You can do it by importing them from an OpenAPI spec or bulk creating them from code.

What your users will see

This is how choosing event types look like in the pre-built application portal:

Management UI screenshot

Event Type Format

Event types have a pattern defined a ^[a-zA-Z0-9\\-_.]+$, meaning it can contain any of the following characters:

  • A through Z (uppercase or lowercase)
  • 0 through 9
  • Special characters: -, _, .
Style guide

We recommend you use period-delimited event type names (e.g. <group>.<event>). If you do, the App Portal UI will logically group them for your users and make it easier for them to subscribe an endpoint to all events in a particular group of event types.

Using event types

You can add, edit, and delete event types in the dashboard or through the API below.

import { Svix } from "svix";

const svix = new Svix("AUTH_TOKEN");
const eventType = await svix.eventType.create({
name: "user.signup",
description: "A user has signed up",
});

Event Type Schema

One of the best ways to help your users integrate with you is by defining schemas for your event types. Event type schemas allow your users to anticipate the shape of the message body they will receive as well as introduce guardrails for each data type.

Schemas can be created using our visual schema editor, or by providing your own JSONSchema (Draft 7) spec either in the UI or the API.

schema-editor-basic

Once you have a schema defined, your users will be able to view the schema definition as well as an example event from the Event Catalog in the App Portal.

schema-preview

To learn more about creating schemas, check out our guide on adding your first event type schema.

Schema validation

Svix doesn't enforce the event type schema when creating a message. There are a few reasons to why we do it, though the main one is that we would much rather send a message with a bad schema, than block messages because the schema was slightly wrong. This is especially true for more strict schemas like ones that enforce some fields follow a specific regex (a potentially minor violation).

Additionally, since the payload is fully controlled by our customers (you), it's very easy to verify the schema on the sender side, before sending to Svix, which ensures people get exactly the level of validation they expect.

We do however love schemas and think they are super important, so we plan on adding an automatic SDK generator that will have type checked and validated schemas for you client side, so that bad schemas will fail at compile time, not run time!

Import event types from an OpenAPI specification

The OpenAPI specification is a formal standard for describing HTTP APIs. Some people write these by hand, and some automatically generate these from the web framework of their choice.

If you already have an OpenAPI specification, you can upload it to Svix which will automatically create event types for you based on the webhooks section (or x-webhooks for OpenAPI 3.0).

In addition to the standard features supported by the OpenAPI spec, Svix also supports a couple of extensions: x-svix-feature-flag and x-svix-group-name which let you set the feature flag and group name on the event type respectively as follows:

"webhooks": {
"pet.new": {
"post": {
"operationId": "pet.new",
"x-svix-feature-flag": "beta-feature-a",
"x-svix-group-name": "group-name-1",
"requestBody": {
...
}
}
}
}

If your API spec has a webhooks section (or x-webhooks) you can continue to the next sections to learn how to upload it. If you need help with adding the webhooks section to your OpenAPI spec, please refer to the Generating an OpenAPI spec section.

From the dashboard

Your first option for uploading your OpenAPI spec is by uploading it from the Svix dashboard. Once uploaded you'll be faced with this preview which will give you the opportunity to review the added event types before saving them.

event-type-openapi

The event description, schema and examples will be used to create the Svix event type, using the path id as the event type name. If you use choose the name of an already existing event type, it will be updated with the new values.

Using the API

The API includes an endpoint which helps keep your event-types in sync with a JSON OpenAPI Spec. Event types and their schemas are generated from webhooks or x-webhooks top-level key of the spec, just like with the UI importer.

When the event type already exists, it'll be updated with the latest description and schema, otherwise a new event type will be created.


const spec = loadOpenapiFromFile("openapi.json");
await svix.eventType.importOpenApi({ spec });

Using the Github Action

Svix also provides a Github Action to upload your OpenAPI spec and automatically create or update your event types as part of your CI/CD pipeline.

- name: Upload Event Types to Svix
uses: svix/svix-event-type-import-action@v1.0.0
with:
openapi-file: 'path/to/your/openapi-spec.yml' # can be a .json too
svix-api-key: ${{ secrets.SVIX_API_KEY }}

Bulk creating event types from code

The easiest way to bulk-create event types is by just writing a simple script to load a pipe delimited CSV file or a JSON file with the event types and make the API requests.

Here is an example CSV file (without headers) of events:

user.created|A user has been created
user.removed|A user has been removed
user.changed|A user has changed

Here are some example scripts for processing the above file:

import { Svix } from "svix";
import fs from "fs";
import readline from "readline";

const svix = new Svix("AUTH_TOKEN");

async function execute() {
const fileStream = fs.createReadStream("./data.csv");

const data = readline.createInterface({
input: fileStream,
crlfDelay: Infinity,
});

for await (const lineItr of data) {
const line = lineItr.split("|");
const eventType = await svix.eventType.create({
name: line[0],
description: line[1],
});
}
}

execute();

Publishing your Event Catalog

By default, your event types are only accessible to users from within an authenticated session on the Application Portal.

If you would like to have them publicly accessible, you can enable the "Make Public" setting from the Event Catalog configuration screen in the Dashboard settings.

Enabling this setting will cause your event types to be statically served on svix.com. You can link or embed that site within your own documentation.

event-catalog-config

Configuration Options

  • Make Public: Whether or not the Event Catalog will be publicly accessible from svix.com.
  • Display Name: Required to make your Event Catalog public. The display name will be shown in the heading of the published page. It should be the name of your company or product.

Using a custom domain

It is also possible to have the Event Catalog served from your own domain (e.g. webhooks.example.com) instead of the default www.svix.com.

To set this up, please set the following record on your DNS provider:

  • Type: CNAME
  • Name: webhooks (or whatever subdomain you would like to use)
  • Value: event-types.svix.com

And let us know once you do so that we can activate it on our end.

What it looks like

event-catalog-published

Event type feature flags

When introducing new features in your application it can be useful to only expose them to a select set of users.

Event types can be hidden from users by setting a feature flag on them. If a feature flag is set on an event type users won't see the event type in the Event Catalog and the API, unless they have an authorization token that explicitly allows them.

A feature flag is an arbitrary string that you can set at event type creation time. You can also remove or add back the feature flag by updating an existing event type. Feature flags follow the same naming rules as the event type name itself: ^[a-zA-Z0-9\\-_.]+$.

Here's how you can create an event type with a feature flag:

import { Svix } from "svix";

const svix = new Svix("AUTH_TOKEN");
const eventType = await svix.eventType.create({
name: "user.signup",
description: "A user has signed up",
featureFlag: "beta-feature-a",
});

If a user tries to retrieve this newly created event type they will get a not-found error. To give them access you need to give them an access token that explicitly allows them to see event types with the feature flag set during creation.

const svix = new Svix("AUTH_TOKEN");
const dashboard = await svix.authentication.appPortalAccess("app_Xzx8bQeOB1D1XEYmAJaRGoj0", {
featureFlags: ["beta-feature-a"]
});
// A URL that automatically logs user into the dashboard
console.log(dashboard.url);

A user with this newly minted dashboard access token will be able to see this new event type.

Once you're ready to release this new event type to all of your users simply remove the feature flag from it.

const svix = new Svix("AUTH_TOKEN");
await svix.eventType.update("user.signup", { featureFlag: null });
Important

Keep in mind that endpoints with no event type filtering will receive all messages regardless of feature flags. Also, users with knowledge of a feature flag-gated event type can subscribe to that event type regardless of feature flags. Feature flags only impact event types' visibility in the catalog and the API, not their deliverability.

Appendix

Generating an OpenAPI spec

While most web frameworks support generating OpenAPI specs, not all of them support generating the new webhooks section (added in OpenAPI 3.1).

If your framework of choice already support webhooks you are probably good to go, just make sure that it generates it correctly. Here's an example of how a pet.new event type should look like in your OpenAPI file:

"webhooks": {
"pet.new": {
"post": {
"operationId": "pet.new",
"description": "A new pet has been added",
"x-svix-feature-flag": "beta-feature-a", // Optional field
"x-svix-group-name": "group-name-1", // Optional field
"requestBody": {
"content": {
"application/json": {
"schema": {
"type": "object",
"properties": {
"name": {
"type": "string"
},
"tag": {
"type": "integer"
}
}
},
"example": {
"name": "Buddy",
"tag": 1234
}
}
}
}
}
}
}

If your framework doesn't support generating a webhooks section, or if your webhooks section is not generated correctly, you can resort to generating the section yourself using a simple post-processing script that adds the webhooks section to your spec.

One alternative is to write the section manually and then have code to inject it into the OpenAPI spec. A better alternative is to use your web framework's auto-generation to do some of the heavy lifting for you.

You can make your web framework generate the types for you by creating a dummy model that includes all of your submodels. Here is a Python example:

class PetNewEvent(pydantic.BaseModel):
"""A new pet has been added"""

event_type = "pet.new"
foo: str
bar: str

...

class WebhookTypes(BaseModel):
"""All of the webhook types that we support"""

a1: PetNewEvent
a2: PetChangedEvent
a3: PetDeletedEvent

This will generate the schemas for all of your event types. Once you have those, you can write a script to generate the webhooks for you, or you can generate it manually. The result should look something like this:

"webhooks": {
"pet.new": {
"post": {
"operationId": "pet.new",
"description": "A new pet has been added",
"requestBody": {
"content": {
"application/json": {
"schema": {
"$ref": "#/components/schemas/PetNewEvent"
},
"example": {
"event_type": "pet.new",
"foo": "Example 1",
"bar": "Example 2",
}
}
}
}
}
}
// ...
}