Create Mural with Mural API on Card Due Date Reminder from Pipedream API

Pipedream makes it easy to connect APIs for Mural, Pipedream and 2,400+ other apps remarkably fast.

Trigger workflow on

Card Due Date Reminder from the Pipedream API

Next, do this

Create Mural with the Mural API

No credit card required

▶

Watch us build a workflow

8 min

Watch now ➜

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

Developers ♥ Pipedream

Getting Started#

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

Select this integration
Configure the Card Due Date Reminder trigger
1. Connect your Pipedream account
2. Connect your Pipedream account
3. Select a Board
4. Select a Time Before
Configure the Create Mural action
1. Connect your Mural account
2. Select a Workspace ID
3. Select a Room ID
4. Configure Title
5. Optional- Configure Background Color
6. Optional- Configure Height
7. Optional- Configure Width
8. Optional- Configure Infinite
9. Optional- Select a Timer Sound Theme
10. Optional- Select a Visitor Avatar Theme
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#

Card Due Date Reminder on Pipedream

Description:Emit new event at a specified time before a card is due.

Version:0.1.1

Key:trello-card-due-date-reminder

View on GitHub

Pipedream Overview#

Pipedream is an API that allows you to build applications that can connect to
various data sources and processes them in real-time. You can use Pipedream to
create applications that can perform ETL (Extract, Transform, and Load) tasks,
as well as to create data-driven workflows.

Some examples of applications you can build using the Pipedream API include:

An application that can extract data from a database, transform it, and then
load it into another database.
An application that can monitor a data source for changes, and then trigger a
workflow in response to those changes.
An application that can poll an API for new data, and then process that data
in real-time.

Trigger Code#

import taskScheduler from "../../../pipedream/sources/new-scheduled-tasks/new-scheduled-tasks.mjs";
import trello from "../../trello.app.mjs";
import ms from "ms";
import constants from "../../common/constants.mjs";
import sampleEmit from "./test-event.mjs";

export default {
  key: "trello-card-due-date-reminder",
  name: "Card Due Date Reminder", /* eslint-disable-line pipedream/source-name */
  description: "Emit new event at a specified time before a card is due.",
  version: "0.1.1",
  type: "source",
  dedupe: "unique",
  props: {
    pipedream: taskScheduler.props.pipedream,
    trello,
    db: "$.service.db",
    http: "$.interface.http",
    board: {
      propDefinition: [
        trello,
        "board",
      ],
    },
    timeBefore: {
      type: "string",
      label: "Time Before",
      description: "How far before the due time the event should trigger. For example, `5 minutes`, `10 minutes`, `1 hour`.",
      default: "5 minutes",
      options: constants.NOTIFICATION_TIMES,
      reloadProps: true,
    },
  },
  async additionalProps() {
    const props = {};
    if (this.timeBefore) {
      props.timer = {
        type: "$.interface.timer",
        description: "Poll the API to schedule alerts for any newly created events",
        default: {
          intervalSeconds: ms(this.timeBefore) / 1000,
        },
      };
    }
    return props;
  },
  hooks: {
    async deactivate() {
      const ids = this._getScheduledEventIds();
      if (!ids?.length) {
        return;
      }
      for (const id of ids) {
        if (await this.deleteEvent({
          body: {
            id,
          },
        })) {
          console.log("Cancelled scheduled event");
        }
      }
      this._setScheduledEventIds();
    },
  },
  methods: {
    ...taskScheduler.methods,
    generateMeta({
      id, name: summary,
    }, now) {
      return {
        id,
        summary,
        ts: now,
      };
    },
    _getScheduledEventIds() {
      return this.db.get("scheduledEventIds");
    },
    _setScheduledEventIds(ids) {
      this.db.set("scheduledEventIds", ids);
    },
    _getScheduledCardIds() {
      return this.db.get("scheduledCardIds");
    },
    _setScheduledCardIds(ids) {
      this.db.set("scheduledCardIds", ids);
    },
    _hasDeployed() {
      const result = this.db.get("hasDeployed");
      this.db.set("hasDeployed", true);
      return result;
    },
    emitEvent(card, now) {
      const meta = this.generateMeta(card, now);
      this.$emit(card, meta);
    },
  },
  async run(event) {
    const now = event.timestamp * 1000;

    // self subscribe only on the first time
    if (!this._hasDeployed()) {
      await this.selfSubscribe();
    }

    let scheduledEventIds = this._getScheduledEventIds() || [];

    // incoming scheduled event
    if (event.$channel === this.selfChannel()) {
      const remainingScheduledEventIds = scheduledEventIds.filter((id) => id !== event["$id"]);
      this._setScheduledEventIds(remainingScheduledEventIds);
      this.emitEvent(event, now);
      return;
    }

    // schedule new events
    const scheduledCardIds = this._getScheduledCardIds() || {};
    const cards = await this.trello.getCards({
      boardId: this.board,
    });

    for (const card of cards) {
      const dueDate = card.due
        ? new Date(card.due)
        : null;
      if (!dueDate || dueDate.getTime() < Date.now()) {
        delete scheduledCardIds[card.id];
        continue;
      }

      const later = new Date(dueDate.getTime() - ms(this.timeBefore));

      if (scheduledCardIds[card.id]) {
        // reschedule if card's due date has changed
        if (card.due !== scheduledCardIds[card.id].dueDate) {
          await this.deleteEvent({
            body: {
              id: scheduledCardIds[card.id].eventId,
            },
          });
          scheduledEventIds = scheduledEventIds
            .filter((id) => id !== scheduledCardIds[card.id].eventId);
        } else {
          continue;
        }
      }

      const scheduledEventId = this.emitScheduleEvent(card, later);
      scheduledEventIds.push(scheduledEventId);
      scheduledCardIds[card.id] = {
        eventId: scheduledEventId,
        dueDate: card.due,
      };
    }
    this._setScheduledEventIds(scheduledEventIds);
    this._setScheduledCardIds(scheduledCardIds);
  },
  sampleEmit,
};

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
Pipedream	`pipedream`	`app`	This component uses the Pipedream app.
Pipedream	`trello`	`app`	This component uses the Pipedream app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
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.
Board	`board`	`string`	Select a value from the drop down menu.
Time Before	`timeBefore`	`string`	Select a value from the drop down menu:`5 minutes10 minutes15 minutes30 minutes1 hour2 hours3 hours6 hours12 hours1 day2 days3 days1 week`

Trigger Authentication#

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

About Pipedream#

Integration platform for developers

Action#

Create Mural on Mural

Description:Create a new mural within a specified workspace. [See the documentation](https://developers.mural.co/public/reference/createmural)

Version:0.0.1

Key:mural-create-mural

View on GitHub

Action Code#

import mural from "../../mural.app.mjs";

export default {
  key: "mural-create-mural",
  name: "Create Mural",
  description: "Create a new mural within a specified workspace. [See the documentation](https://developers.mural.co/public/reference/createmural)",
  version: "0.0.1",
  type: "action",
  props: {
    mural,
    workspaceId: {
      propDefinition: [
        mural,
        "workspaceId",
      ],
    },
    roomId: {
      propDefinition: [
        mural,
        "roomId",
        (c) => ({
          workspaceId: c.workspaceId,
        }),
      ],
    },
    title: {
      type: "string",
      label: "Title",
      description: "The title of the Mural.",
    },
    backgroundColor: {
      type: "string",
      label: "Background Color",
      description: "The background color of the mural. Example: `#FAFAFAFF`",
      optional: true,
    },
    height: {
      type: "integer",
      label: "Height",
      description: "The height of the mural in px",
      optional: true,
    },
    width: {
      type: "integer",
      label: "Width",
      description: "The width of the mural in px",
      optional: true,
    },
    infinite: {
      type: "boolean",
      label: "Infinite",
      description: "When `true`, this indicates that the mural canvas is borderless and grows as you add widgets to it.",
      optional: true,
    },
    timerSoundTheme: {
      type: "string",
      label: "Timer Sound Theme",
      description: "The timer sound theme for the mural",
      options: [
        "airplane",
        "cello",
        "cuckoo",
      ],
      optional: true,
    },
    visitorAvatarTheme: {
      type: "string",
      label: "Visitor Avatar Theme",
      description: "The visitor avatar theme for the mural",
      options: [
        "animals",
        "music",
        "travel",
      ],
      optional: true,
    },
  },
  async run({ $ }) {
    const response = await this.mural.createMural({
      $,
      data: {
        roomId: this.roomId,
        title: this.title,
        backgroundColor: this.backgroundColor,
        height: this.height,
        width: this.width,
        infinite: this.infinite,
        timerSoundTheme: this.timerSoundTheme,
        visitorAvatarTheme: this.visitorAvatarTheme,
      },
    });
    $.export("$summary", `Successfully created mural "${this.title}"`);
    return response;
  },
};

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
Mural	`mural`	`app`	This component uses the Mural app.
Workspace ID	`workspaceId`	`string`	Select a value from the drop down menu.
Room ID	`roomId`	`string`	Select a value from the drop down menu.
Title	`title`	`string`	The title of the Mural.
Background Color	`backgroundColor`	`string`	The background color of the mural. Example: `#FAFAFAFF`
Height	`height`	`integer`	The height of the mural in px
Width	`width`	`integer`	The width of the mural in px
Infinite	`infinite`	`boolean`	When `true`, this indicates that the mural canvas is borderless and grows as you add widgets to it.
Timer Sound Theme	`timerSoundTheme`	`string`	Select a value from the drop down menu:`airplanecellocuckoo`
Visitor Avatar Theme	`visitorAvatarTheme`	`string`	Select a value from the drop down menu:`animalsmusictravel`

Action Authentication#

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

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

workspaces:readusers:readmurals:writemurals:readrooms:readidentity:readtemplates:read

About Mural#

Work better together with Mural's visual work platform.

More Ways to Connect Mural + Pipedream#

Other Popular Integrations#

Create Mural with Mural API on New Scheduled Tasks from Pipedream API

Pipedream + Mural

Create Mural with Mural API on Card Due Date Reminder from Pipedream API

Pipedream makes it easy to connect APIs for Mural, Pipedream and 2,400+ other apps remarkably fast.

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

Developers ♥ Pipedream

1-24of2,400+apps by most popular

1
-
24
of
2,400+
apps by most popular