Create or Update Event with Zoho Calendar API on New Webhook Event (Instant) from Supabase API

Pipedream makes it easy to connect APIs for Zoho Calendar, Supabase and 2,000+ other apps remarkably fast.

Trigger workflow on

New Webhook Event (Instant) from the Supabase API

Next, do this

Create or Update Event with the Zoho Calendar API

No credit card required

▶

Watch us build a workflow

8 min

Watch now ➜

Trusted by 800,000+ developers from startups to Fortune 500 companies

Developers ♥ Pipedream

Getting Started#

This integration creates a workflow with a Supabase trigger and Zoho Calendar action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Webhook Event (Instant) trigger
1. Connect your Supabase account
2. Configure Table
3. Optional- Configure Row Identifier
Configure the Create or Update Event action
1. Connect your Zoho Calendar account
2. Select a Calendar ID
3. Optional- Select a Event ID
4. Configure Start Time
5. Configure End Time
6. Optional- Configure Title
7. Optional- Configure Description
8. Optional- Select a Timezone
9. Optional- Configure Is Private
10. Optional- Configure Is All Day
11. Optional- Configure Location
12. Optional- Configure URL
13. Optional- Configure Guest Attendees
14. Optional- Configure View Attendees
15. Optional- Configure Invite Attendees
16. Optional- Configure Edit Attendees
Deploy the workflow
Send a test event to validate your setup
Turn on the trigger

Details#

This integration uses pre-built, source-available components from Pipedream's GitHub repo. These components are developed by Pipedream and the community, and verified and maintained by Pipedream.

To contribute an update to an existing component or create a new component, create a PR on GitHub. If you're new to Pipedream component development, you can start with quickstarts for trigger span and action development, and then review the component API reference.

Trigger#

New Webhook Event (Instant) on Supabase

Description:Emit new event for every `insert`, `update`, or `delete` operation in a table. This source requires user configuration using the Supabase website. More information in the README. [Also see documentation here](https://supabase.com/docs/guides/database/webhooks#creating-a-webhook)

Version:0.0.2

Key:supabase-new-webhook-event

View on GitHub

Supabase Overview#

Supabase is a real-time backend-as-a-service that provides developers with a suite of tools to quickly build and scale their applications. It offers database storage, authentication, instant APIs, and real-time subscriptions. With the Supabase API, you can perform CRUD operations on your database, manage users, and listen to database changes in real time. When integrated with Pipedream, you can automate workflows that react to these database events, synchronize data across multiple services, or streamline user management processes.

Trigger Code#

import base from "../common/base.mjs";
import constants from "../../common/constants.mjs";

export default {
  key: "supabase-new-webhook-event",
  name: "New Webhook Event (Instant)",
  description: "Emit new event for every `insert`, `update`, or `delete` operation in a table. This source requires user configuration using the Supabase website. More information in the README. [Also see documentation here](https://supabase.com/docs/guides/database/webhooks#creating-a-webhook)",
  version: "0.0.2",
  type: "source",
  props: {
    ...base.props,
    http: {
      type: "$.interface.http",
    },
  },
  hooks: {
    async deploy() {
      const client = await this.supabase._client();
      const query = client
        .from(this.table)
        .select()
        .range(0, constants.HISTORICAL_EVENT_LIMIT);
      const { data } = await query;
      for (const row of data) {
        this.$emit({
          record: row,
        }, {
          summary: "Historical row in table",
        });
      }
    },
  },
  async run(event) {
    const { body: data } = event;
    let summary = `New ${data.type} event in table`;
    if (data.record?.[this.rowIdentifier]) {
      summary = `${summary}: ${data.record[this.rowIdentifier]}`;
    }
    this.$emit(data, {
      summary,
    });
  },
};

Trigger Configuration#

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI and CLI.

Label	Prop	Type	Description
Supabase	`supabase`	`app`	This component uses the Supabase app.
Table	`table`	`string`	The name of the table to watch for new rows
Row Identifier	`rowIdentifier`	`string`	The column name to use as the row identifier
N/A	`http`	`$.interface.http`	This component uses `$.interface.http` to generate a unique URL when the component is first instantiated. Each request to the URL will trigger the `run()` method of the component.

Trigger Authentication#

Supabase uses API keys for authentication. When you connect your Supabase account, Pipedream securely stores the keys so you can easily authenticate to Supabase APIs in both code and no-code steps.

Supabase provides a Service Key to get started. You can find the service_role in the API Settings page.

Finding the Supabase subdomain

About Supabase#

Supabase is an open source Firebase alternative.

Action#

Create or Update Event on Zoho Calendar

Description:Create or update a event in a particular calendar of the user. [See the documentation](https://www.zoho.com/calendar/help/api/post-create-event.html)

Version:0.0.3

Key:zoho_calendar-create-or-update-event

View on GitHub

Zoho Calendar Overview#

Zoho Calendar API allows for the integration and manipulation of calendar events, giving you the power to automate workflows involving scheduling, reminders, and event management right within Pipedream. With this API, you can create, read, update, or delete events, and also respond to invites. By leveraging Pipedream's capabilities, you can connect Zoho Calendar with various other services to streamline your calendar management and synchronize events with other apps, or trigger actions based on calendar events.

Action Code#

import app from "../../zoho_calendar.app.mjs";
import { TIME_ZONES } from "../common/constants.mjs";

export default {
  key: "zoho_calendar-create-or-update-event",
  name: "Create or Update Event",
  description: "Create or update a event in a particular calendar of the user. [See the documentation](https://www.zoho.com/calendar/help/api/post-create-event.html)",
  version: "0.0.3",
  type: "action",
  props: {
    app,
    calendarId: {
      propDefinition: [
        app,
        "calendarId",
      ],
    },
    eventId: {
      propDefinition: [
        app,
        "eventId",
        (c) => ({
          calendarId: c.calendarId,
        }),
      ],
    },
    startTime: {
      type: "string",
      label: "Start Time",
      description: "The start time of the event, The format should be`yyyyMMddTHHmmssZ` in GMT format or `yyyyMMdd`. e.g. `20230715T112200Z`",
    },
    endTime: {
      type: "string",
      label: "End Time",
      description: "The end time of the event, The format should be`yyyyMMddTHHmmssZ` in GMT format or `yyyyMMdd`. e.g. `20230715T132200Z`",
    },
    title: {
      type: "string",
      label: "Title",
      description: "The title of the event",
      optional: true,
    },
    description: {
      type: "string",
      label: "Description",
      description: "The description of the event",
      optional: true,
    },
    timezone: {
      type: "string",
      label: "Timezone",
      description: "The timezone of the event",
      optional: true,
      options: TIME_ZONES,
    },
    isPrivate: {
      type: "boolean",
      label: "Is Private",
      description: "Whether the event is private or not",
      optional: true,
    },
    isAllDay: {
      type: "boolean",
      label: "Is All Day",
      description: "Whether the event is all day or not",
      optional: true,
    },
    location: {
      type: "string",
      label: "Location",
      description: "The location of the event",
      optional: true,
    },
    url: {
      type: "string",
      label: "URL",
      description: "The URL of the event",
      optional: true,
    },
    guestAttendees: {
      type: "string[]",
      label: "Guest Attendees",
      description: "This param is used to include attendees with guest permissions. provide one email for each attendees, e.g. `['user1@domain.com', 'user2@domain.com']`",
      optional: true,
    },
    viewAttendees: {
      type: "string[]",
      label: "View Attendees",
      description: "This param is used to include attendees with viewing permissions. provide one email for each attendees, e.g. `['user1@domain.com', 'user2@domain.com']`",
      optional: true,
    },
    inviteAttendees: {
      type: "string[]",
      label: "Invite Attendees",
      description: "This param is used to include attendees with inviting permissions. provide one email for each attendees, e.g. `['user1@domain.com', 'user2@domain.com']`",
      optional: true,
    },
    editAttendees: {
      type: "string[]",
      label: "Edit Attendees",
      description: "This param is used to include attendees with editing permissions. provide one email for each attendees, e.g. `['user1@domain.com', 'user2@domain.com']`",
      optional: true,
    },
  },
  methods: {
    formatAttendees(attendees, permission) {
      return (attendees || []).map((email) => ({
        email,
        permission,
      }));
    },
    async getEtag($, calendarId, eventId) {
      if (eventId) {
        const { events } = await this.app.getEvent({
          $,
          calendarId,
          eventId,
        });
        console.log(events);
        return events[0]?.etag;
      }
      return undefined;
    },
  },
  async run({ $ }) {
    const {
      eventId,
      calendarId,
    } = this;

    const etag = await this.getEtag($, calendarId, eventId);

    const attendees = [];
    attendees.push(...this.formatAttendees(this.guestAttendees, 0));
    attendees.push(...this.formatAttendees(this.viewAttendees, 1));
    attendees.push(...this.formatAttendees(this.inviteAttendees, 2));
    attendees.push(...this.formatAttendees(this.editAttendees, 3));

    const data = {
      dateandtime: {
        start: this.startTime,
        end: this.endTime,
        timezone: this.timezone,
      },
      title: this.title,
      description: this.description,
      isprivate: this.isPrivate,
      isallday: this.isAllDay,
      location: this.location,
      url: this.url,
      etag,
      attendees: attendees.length
        ? attendees
        : undefined,
    };

    const method = eventId
      ? "updateEvent"
      : "createEvent";

    const result = await this.app[method]({
      $,
      calendarId,
      eventId,
      data,
    });
    $.export("$summary", `Successfully persisted calendar with UID: ${result?.events[0]?.uid}`);
    return result;
  },
};

Action Configuration#

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI.

Label	Prop	Type	Description
Zoho Calendar	`app`	`app`	This component uses the Zoho Calendar app.
Calendar ID	`calendarId`	`string`	Select a value from the drop down menu.
Event ID	`eventId`	`string`	Select a value from the drop down menu.
Start Time	`startTime`	`string`	The start time of the event, The format should be`yyyyMMddTHHmmssZ` in GMT format or `yyyyMMdd`. e.g. `20230715T112200Z`
End Time	`endTime`	`string`	The end time of the event, The format should be`yyyyMMddTHHmmssZ` in GMT format or `yyyyMMdd`. e.g. `20230715T132200Z`
Title	`title`	`string`	The title of the event
Description	`description`	`string`	The description of the event
Timezone	`timezone`	`string`	Select a value from the drop down menu:`{ "label": "(GMT-11:00) Midway Island, Samoa", "value": "Pacific/Midway" }{ "label": "(GMT-10:00) Hawaii", "value": "Pacific/Honolulu" }{ "label": "(GMT-8:00) Alaska", "value": "America/Juneau" }{ "label": "(GMT-7:00) Dawson, Yukon", "value": "America/Dawson" }{ "label": "(GMT-7:00) Arizona", "value": "America/Phoenix" }{ "label": "(GMT-7:00) Tijuana", "value": "America/Tijuana" }{ "label": "(GMT-7:00) Pacific Time", "value": "America/Los_Angeles" }{ "label": "(GMT-6:00) Mountain Time", "value": "America/Boise" }{ "label": "(GMT-6:00) Chihuahua, La Paz, Mazatlan", "value": "America/Chihuahua" }{ "label": "(GMT-6:00) Saskatchewan", "value": "America/Regina" }{ "label": "(GMT-6:00) Central America", "value": "America/Belize" }{ "label": "(GMT-5:00) Central Time", "value": "America/Chicago" }{ "label": "(GMT-5:00) Guadalajara, Mexico City, Monterrey", "value": "America/Mexico_City" }{ "label": "(GMT-5:00) Bogota, Lima, Quito", "value": "America/Bogota" }{ "label": "(GMT-4:00) Eastern Time", "value": "America/Detroit" }{ "label": "(GMT-4:00) Caracas, La Paz", "value": "America/Caracas" }{ "label": "(GMT-3:00) Santiago", "value": "America/Santiago" }{ "label": "(GMT-3:00) Brasilia", "value": "America/Sao_Paulo" }{ "label": "(GMT-3:00) Montevideo", "value": "America/Montevideo" }{ "label": "(GMT-3:00) Buenos Aires, Georgetown", "value": "America/Argentina/Buenos_Aires" }{ "label": "(GMT-3:00) Asuncion", "value": "America/Asuncion" }{ "label": "(GMT-2:30) Newfoundland and Labrador", "value": "America/St_Johns" }{ "label": "(GMT-2:00) Greenland", "value": "America/Godthab" }{ "label": "(GMT-1:00) Cape Verde Islands", "value": "Atlantic/Cape_Verde" }{ "label": "(GMT+0:00) Azores", "value": "Atlantic/Azores" }{ "label": "(GMT+0:00) UTC", "value": "Etc/GMT" }{ "label": "(GMT+0:00) Casablanca, Monrovia", "value": "Africa/Casablanca" }{ "label": "(GMT+1:00) Edinburgh, London", "value": "Europe/London" }{ "label": "(GMT+1:00) Dublin", "value": "Europe/Dublin" }{ "label": "(GMT+1:00) Lisbon", "value": "Europe/Lisbon" }{ "label": "(GMT+1:00) Canary Islands", "value": "Atlantic/Canary" }{ "label": "(GMT+1:00) West Central Africa", "value": "Africa/Algiers" }{ "label": "(GMT+2:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague", "value": "Europe/Belgrade" }{ "label": "(GMT+2:00) Sarajevo, Skopje, Warsaw, Zagreb", "value": "Europe/Sarajevo" }{ "label": "(GMT+2:00) Brussels, Copenhagen, Madrid, Paris", "value": "Europe/Brussels" }{ "label": "(GMT+2:00) Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna", "value": "Europe/Amsterdam" }{ "label": "(GMT+2:00) Cairo", "value": "Africa/Cairo" }{ "label": "(GMT+2:00) Harare, Pretoria", "value": "Africa/Harare" }{ "label": "(GMT+3:00) Bucharest", "value": "Europe/Bucharest" }{ "label": "(GMT+3:00) Helsinki, Kiev, Riga, Sofia, Tallinn, Vilnius", "value": "Europe/Helsinki" }{ "label": "(GMT+3:00) Athens, Minsk", "value": "Europe/Athens" }{ "label": "(GMT+3:00) Jerusalem", "value": "Asia/Jerusalem" }{ "label": "(GMT+3:00) Istanbul, Moscow, St. Petersburg, Volgograd", "value": "Europe/Moscow" }{ "label": "(GMT+3:00) Kuwait, Riyadh", "value": "Asia/Kuwait" }{ "label": "(GMT+3:00) Nairobi", "value": "Africa/Nairobi" }{ "label": "(GMT+3:00) Baghdad", "value": "Asia/Baghdad" }{ "label": "(GMT+3:30) Tehran", "value": "Asia/Tehran" }{ "label": "(GMT+4:00) Abu Dhabi, Muscat", "value": "Asia/Dubai" }{ "label": "(GMT+4:00) Baku, Tbilisi, Yerevan", "value": "Asia/Baku" }{ "label": "(GMT+4:30) Kabul", "value": "Asia/Kabul" }{ "label": "(GMT+5:00) Ekaterinburg", "value": "Asia/Yekaterinburg" }{ "label": "(GMT+5:00) Islamabad, Karachi, Tashkent", "value": "Asia/Karachi" }{ "label": "(GMT+5:30) Chennai, Kolkata, Mumbai, New Delhi", "value": "Asia/Kolkata" }{ "label": "(GMT+5:30) Sri Jayawardenepura", "value": "Asia/Colombo" }{ "label": "(GMT+5:45) Kathmandu", "value": "Asia/Kathmandu" }{ "label": "(GMT+6:00) Astana, Dhaka", "value": "Asia/Dhaka" }{ "label": "(GMT+6:00) Almaty, Novosibirsk", "value": "Asia/Almaty" }{ "label": "(GMT+6:30) Yangon Rangoon", "value": "Asia/Rangoon" }{ "label": "(GMT+7:00) Bangkok, Hanoi, Jakarta", "value": "Asia/Bangkok" }{ "label": "(GMT+7:00) Krasnoyarsk", "value": "Asia/Krasnoyarsk" }{ "label": "(GMT+8:00) Beijing, Chongqing, Hong Kong SAR, Urumqi", "value": "Asia/Shanghai" }{ "label": "(GMT+8:00) Kuala Lumpur, Singapore", "value": "Asia/Kuala_Lumpur" }{ "label": "(GMT+8:00) Taipei", "value": "Asia/Taipei" }{ "label": "(GMT+8:00) Perth", "value": "Australia/Perth" }{ "label": "(GMT+8:00) Irkutsk, Ulaanbaatar", "value": "Asia/Irkutsk" }{ "label": "(GMT+9:00) Seoul", "value": "Asia/Seoul" }{ "label": "(GMT+9:00) Osaka, Sapporo, Tokyo", "value": "Asia/Tokyo" }{ "label": "(GMT+9:30) Darwin", "value": "Australia/Darwin" }{ "label": "(GMT+10:00) Yakutsk", "value": "Asia/Yakutsk" }{ "label": "(GMT+10:00) Brisbane", "value": "Australia/Brisbane" }{ "label": "(GMT+10:00) Vladivostok", "value": "Asia/Vladivostok" }{ "label": "(GMT+10:00) Guam, Port Moresby", "value": "Pacific/Guam" }{ "label": "(GMT+10:30) Adelaide", "value": "Australia/Adelaide" }{ "label": "(GMT+11:00) Canberra, Melbourne, Sydney", "value": "Australia/Sydney" }{ "label": "(GMT+11:00) Hobart", "value": "Australia/Hobart" }{ "label": "(GMT+11:00) Magadan, Solomon Islands, New Caledonia", "value": "Asia/Magadan" }{ "label": "(GMT+12:00) Kamchatka, Marshall Islands", "value": "Asia/Kamchatka" }{ "label": "(GMT+12:00) Fiji Islands", "value": "Pacific/Fiji" }{ "label": "(GMT+13:00) Auckland, Wellington", "value": "Pacific/Auckland" }{ "label": "(GMT+13:00) Nuku'alofa", "value": "Pacific/Tongatapu" }`
Is Private	`isPrivate`	`boolean`	Whether the event is private or not
Is All Day	`isAllDay`	`boolean`	Whether the event is all day or not
Location	`location`	`string`	The location of the event
URL	`url`	`string`	The URL of the event
Guest Attendees	`guestAttendees`	`string[]`	This param is used to include attendees with guest permissions. provide one email for each attendees, e.g. `['user1@domain.com', 'user2@domain.com']`
View Attendees	`viewAttendees`	`string[]`	This param is used to include attendees with viewing permissions. provide one email for each attendees, e.g. `['user1@domain.com', 'user2@domain.com']`
Invite Attendees	`inviteAttendees`	`string[]`	This param is used to include attendees with inviting permissions. provide one email for each attendees, e.g. `['user1@domain.com', 'user2@domain.com']`
Edit Attendees	`editAttendees`	`string[]`	This param is used to include attendees with editing permissions. provide one email for each attendees, e.g. `['user1@domain.com', 'user2@domain.com']`

Action Authentication#

Zoho Calendar uses OAuth authentication. When you connect your Zoho Calendar account, Pipedream will open a popup window where you can sign into Zoho Calendar and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any Zoho Calendar API.

Pipedream requests the following authorization scopes when you connect your account:

ZohoCalendar.calendar.ALLZohoCalendar.event.READZohoCalendar.event.UPDATEZohoCalendar.event.CREATE

About Zoho Calendar#

Zoho Calendar is an online business calendar that makes scheduling easy for you.

More Ways to Connect Zoho Calendar + Supabase#

Other Popular Integrations#

Create or Update Event with Zoho Calendar API on New Row Added from Supabase API

Supabase + Zoho Calendar

Try it

List Events with Zoho Calendar API on New Row Added from Supabase API

Supabase + Zoho Calendar

Try it

List Events with Zoho Calendar API on New Webhook Event (Instant) from Supabase API

Supabase + Zoho Calendar

Try it

Create event using Smart Add with Zoho Calendar API on New Row Added from Supabase API

Supabase + Zoho Calendar

Try it

Create event using Smart Add with Zoho Calendar API on New Webhook Event (Instant) from Supabase API

Supabase + Zoho Calendar

Try it

Popular Triggers#

New Row Added from the Supabase API

Emit new event for every new row added in a table. See documentation here

Try it

New Webhook Event (Instant) from the Supabase API

Emit new event for every insert, update, or delete operation in a table. This source requires user configuration using the Supabase website. More information in the README. Also see documentation here

Try it

New Event Created from the Zoho Calendar API

Emit new item when a new event is created. See the documentation

Try it

New Updated Event from the Zoho Calendar API

Emit new item when an event is updated. See the documentation

Try it