Add Emoji Reaction with Slack API on New Event Received (Instant) from Shortcut API

Pipedream makes it easy to connect APIs for Slack, Shortcut and 3,000+ other apps remarkably fast.

Trigger workflow on

New Event Received (Instant) from the Shortcut API

Next, do this

Add Emoji Reaction with the Slack 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 Shortcut trigger and Slack action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Event Received (Instant) trigger
1. Connect your Shortcut account
2. Optional- Select a Issue Type
3. Optional- Configure Name
4. Optional- Select one or more Workflow State IDs
5. Optional- Select one or more Label IDs
Configure the Add Emoji Reaction action
1. Connect your Slack account
2. Select a Channel
3. Configure Message Timestamp
4. Select a Icon (emoji)
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 Event Received (Instant) on Shortcut

Description:Emit new event when a new webhook event is received. [See the documentation](https://developer.shortcut.com/api/rest/v3#Create-Generic-Integration)

Version:0.0.1

Key:shortcut-new-event-received

View on GitHub

Shortcut Overview#

The Shortcut (formerly Clubhouse.io) API empowers teams to automate project management tasks, streamline workflows, and integrate with other tools seamlessly. Using the API through Pipedream, you can trigger actions based on project updates, synchronize data across platforms, and manipulate Shortcut resources like stories, epics, and sprints programmatically. This ability to interact with Shortcut entities opens up a plethora of automation possibilities, optimizing the development cycle and communication pathways.

Trigger Code#

import common from "../common/base.mjs";
import sampleEmit from "./test-event.mjs";

export default {
  ...common,
  key: "shortcut-new-event-received",
  name: "New Event Received (Instant)",
  description: "Emit new event when a new webhook event is received. [See the documentation](https://developer.shortcut.com/api/rest/v3#Create-Generic-Integration)",
  version: "0.0.1",
  type: "source",
  dedupe: "unique",
  props: {
    ...common.props,
    issueType: {
      type: "string",
      label: "Issue Type",
      description: "Filter events by issue type. Defaults to both `story` and `epic`.",
      options: [
        "story",
        "epic",
      ],
      optional: true,
    },
    name: {
      type: "string",
      label: "Name",
      description: "Filter events by name. Will match any part of the name.",
      optional: true,
    },
    workflowStateIds: {
      propDefinition: [
        common.props.shortcut,
        "workflowStateId",
      ],
      type: "integer[]",
      label: "Workflow State IDs",
      description: "Filter events by workflow state IDs",
      optional: true,
    },
    labelIds: {
      propDefinition: [
        common.props.shortcut,
        "labelIds",
      ],
    },
  },
  methods: {
    ...common.methods,
    generateMeta(body) {
      return {
        id: body.id,
        summary: `New ${body.actions[0].entity_type} event received`,
        ts: Date.parse(body.changed_at),
      };
    },
    async processEvent(body) {
      const type = body.actions[0].entity_type;
      if (this.issueType && this.issueType !== type) {
        return;
      }
      if (this.name && !body.actions[0].name?.toLowerCase().includes(this.name.toLowerCase())) {
        return;
      }

      const method = type === "story"
        ? "searchStories"
        : type === "epic"
          ? "searchEpics"
          : null;

      if (!method) {
        return;
      }

      const issue = (await this.shortcut.callWithRetry(method, {
        query: `id:${body.actions[0].id}`,
        page_size: 1,
      })).data.data[0];

      if (this.workflowStateIds && !this.workflowStateIds.includes(issue.workflow_state_id)) {
        return;
      }
      if (this.labelIds && !issue.label_ids.some((id) => this.labelIds.includes(id))) {
        return;
      }

      const meta = this.generateMeta(body);
      this.$emit({
        body,
        issue,
      }, meta);
    },
  },
  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
Shortcut	`shortcut`	`app`	This component uses the Shortcut 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.
Issue Type	`issueType`	`string`	Select a value from the drop down menu:`storyepic`
Name	`name`	`string`	Filter events by name. Will match any part of the name.
Workflow State IDs	`workflowStateIds`	`integer[]`	Select a value from the drop down menu.
Label IDs	`labelIds`	`integer[]`	Select a value from the drop down menu.

Trigger Authentication#

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

About Shortcut#

Project management platform

Action#

Add Emoji Reaction on Slack

Description:Add an emoji reaction to a message. [See the documentation](https://api.slack.com/methods/reactions.add)

Version:0.0.17

Key:slack_v2-add-emoji-reaction

View on GitHub

Slack Overview#

The Pipedream app for Slack enables you to build event-driven workflows that interact with the Slack API. Once you authorize the app's access to your workspace, you can use Pipedream workflows to perform common Slack actions or write your own code against the Slack API.

The Pipedream app for Slack is not a typical app. You don't interact with it directly as a bot, and it doesn't add custom functionality to your workspace out of the box. It makes it easier to automate anything you'd typically use the Slack API for, using Pipedream workflows.

Automate posting updates to your team channels
Create a bot to answer common questions
Integrate with your existing tools and services
And much more!

Action Code#

import slack from "../../slack_v2.app.mjs";

export default {
  key: "slack_v2-add-emoji-reaction",
  name: "Add Emoji Reaction",
  description: "Add an emoji reaction to a message. [See the documentation](https://api.slack.com/methods/reactions.add)",
  version: "0.0.17",
  annotations: {
    destructiveHint: false,
    openWorldHint: true,
    readOnlyHint: false,
  },
  type: "action",
  props: {
    slack,
    conversation: {
      propDefinition: [
        slack,
        "conversation",
      ],
      description: "Channel where the message to add reaction to was posted.",
    },
    timestamp: {
      propDefinition: [
        slack,
        "messageTs",
      ],
      description: "Timestamp of the message to add reaction to. e.g. `1403051575.000407`.",
    },
    icon_emoji: {
      propDefinition: [
        slack,
        "icon_emoji",
      ],
      description: "Provide an emoji to use as the icon for this reaction. E.g. `fire`",
      optional: false,
    },
  },
  async run({ $ }) {
    const response = await this.slack.addReactions({
      channel: this.conversation,
      timestamp: this.timestamp,
      name: this.icon_emoji,
    });
    $.export("$summary", `Successfully added ${this.icon_emoji} emoji reaction.`);
    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
Slack	`slack`	`app`	This component uses the Slack app.
Channel	`conversation`	`string`	Select a value from the drop down menu.
Message Timestamp	`timestamp`	`string`	Timestamp of the message to add reaction to. e.g. `1403051575.000407`.
Icon (emoji)	`icon_emoji`	`string`	Select a value from the drop down menu.

Action Authentication#

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

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

chat:writechat:write.customizechat:write.publicfiles:read

Add Emoji Reaction with Slack API on New Event Received (Instant) from Shortcut API

Pipedream makes it easy to connect APIs for Slack, Shortcut and 3,000+ other apps remarkably fast.

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

Developers ♥ Pipedream

1-24of3,000+apps by most popular

1
-
24
of
3,000+
apps by most popular