Extract Data From URL with Automatic Data Extraction API on New Reaction Added (Instant) from Slack API

Pipedream makes it easy to connect APIs for Automatic Data Extraction, Slack and 2,400+ other apps remarkably fast.

Trigger workflow on

New Reaction Added (Instant) from the Slack API

Next, do this

Extract Data From URL with the Automatic Data Extraction 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 Slack trigger and Automatic Data Extraction action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Reaction Added (Instant) trigger
1. Connect your Slack account
2. Optional- Select one or more Channels
3. Configure slackApphook
4. Optional- Configure Ignore Bots
5. Optional- Select one or more Icon (emoji)
6. Optional- Configure Include User Data
Configure the Extract Data From URL action
1. Connect your Automatic Data Extraction account
2. Configure URL
3. Select a Page Type
4. Optional- Configure Meta
5. Optional- Configure Article Body Raw
6. Optional- Configure Full HTML
7. Optional- Configure Custom HTML
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 Reaction Added (Instant) on Slack

Description:Emit new event when a member has added an emoji reaction to a message

Version:1.1.23

Key:slack-new-reaction-added

View on GitHub

Slack Overview#

The Pipedream Slack app enables you to build event-driven workflows that interact with the Slack API. Once you authorize the Pipedream 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 Slack app 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!

Trigger Code#

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

export default {
  ...common,
  key: "slack-new-reaction-added",
  name: "New Reaction Added (Instant)",
  version: "1.1.23",
  description: "Emit new event when a member has added an emoji reaction to a message",
  type: "source",
  dedupe: "unique",
  props: {
    ...common.props,
    conversations: {
      propDefinition: [
        common.props.slack,
        "conversation",
      ],
      type: "string[]",
      label: "Channels",
      description: "Select one or more channels to monitor for new messages.",
      optional: true,
    },
    // eslint-disable-next-line pipedream/props-description,pipedream/props-label
    slackApphook: {
      type: "$.interface.apphook",
      appProp: "slack",
      async eventNames() {
        if (this.conversations?.length) {
          const conversations = [];
          for (const conversation of this.conversations) {
            conversations.push(`reaction_added:${conversation}`);
          }
          return conversations;
        }

        return [
          "reaction_added",
        ];
      },
    },
    ignoreBot: {
      propDefinition: [
        common.props.slack,
        "ignoreBot",
      ],
    },
    iconEmoji: {
      propDefinition: [
        common.props.slack,
        "icon_emoji",
      ],
      description: "Select one or more emojis to use as a filter. E.g. `fire, email`",
      type: "string[]",
      optional: true,
    },
    includeUserData: {
      label: "Include User Data",
      description: "Include user object in the response. Default `false`",
      type: "boolean",
      optional: true,
      default: false,
    },
  },
  methods: {
    ...common.methods,
    getSummary() {
      return "New reaction added";
    },
    async processEvent(event) {
      let iconEmojiParsed = [];

      try {
        iconEmojiParsed = typeof this.iconEmoji === "string" ?
          JSON.parse(this.iconEmoji) :
          this.iconEmoji;
      } catch (error) {
        iconEmojiParsed = this.iconEmoji.replace(/\s+/g, "").split(",");
      }

      if (
        ((this.ignoreBot) && (event.subtype == "bot_message" || event.bot_id)) ||
        (iconEmojiParsed?.length > 0 && !iconEmojiParsed.includes(event.reaction))
      ) {
        return;
      }

      if (this.includeUserData) {
        const userResponse = await this.slack.usersInfo({
          user: event.user,
        });
        const itemUserResponse = await this.slack.usersInfo({
          user: event.user,
        });

        event.userInfo = userResponse.user;
        event.itemUserInfo = itemUserResponse.user;
      }

      event.message = await this.getMessage({
        channel: event.item.channel,
        event_ts: event.item.ts,
      });

      return event;
    },
  },
  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
Slack	`slack`	`app`	This component uses the Slack app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
Channels	`conversations`	`string[]`	Select a value from the drop down menu.
	`slackApphook`	`$.interface.apphook`
Ignore Bots	`ignoreBot`	`boolean`	Ignore messages from bots
Icon (emoji)	`iconEmoji`	`string[]`	Select a value from the drop down menu.
Include User Data	`includeUserData`	`boolean`	Include user object in the response. Default `false`

Trigger 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:

bookmarks:writecalls:readcalls:writechannels:historychannels:readchannels:writednd:readdnd:writeemoji:readfiles:readgroups:historygroups:readgroups:writeim:historyim:readim:writelinks:readlinks:writempim:historympim:readmpim:writepins:readpins:writereactions:readreactions:writereminders:readreminders:writeremote_files:readremote_files:sharestars:readstars:writeteam:readusergroups:readusergroups:writeusers:readusers:read.emailusers:writechat:write:botchat:write:usercommandsfiles:write:userusers.profile:writeusers.profile:readsearch:read

About Slack#

Slack is a channel-based messaging platform. With Slack, people can work together more effectively, connect all their software tools and services, and find the information they need to do their best work — all within a secure, enterprise-grade environment.

Action#

Extract Data From URL on Automatic Data Extraction

Description:Extract data from a specified URL [See the docs here](https://docs.zyte.com/automatic-extraction-integrations.html#node-js)

Version:0.0.1

Key:automatic_data_extraction-extract-data-from-url

View on GitHub

Automatic Data Extraction Overview#

The Automatic Data Extraction API by Zyte specializes in extracting structured data from web pages. When incorporated into Pipedream workflows, this API allows you to automate the process of gathering web data, which can feed into various tasks such as market research, price monitoring, or even lead generation. By triggering workflows with new data inputs, processing and storing the extracted data, and connecting to other apps, Pipedream amplifies the API's utility.

Action Code#

import automaticDataExtraction from "../../automatic_data_extraction.app.mjs";
import { PAGE_TYPES } from "../../common/constants.mjs";
import { clearObj } from "../../common/utils.mjs";

export default {
  key: "automatic_data_extraction-extract-data-from-url",
  name: "Extract Data From URL",
  version: "0.0.1",
  description: "Extract data from a specified URL [See the docs here](https://docs.zyte.com/automatic-extraction-integrations.html#node-js)",
  type: "action",
  props: {
    automaticDataExtraction,
    url: {
      type: "string",
      label: "URL",
      description: "URL of web page to extract from. Must be a valid `http://` or `https:// URL`.",
    },
    pageType: {
      type: "string",
      label: "Page Type",
      description: "Type of extraction to perform.",
      options: PAGE_TYPES,
    },
    meta: {
      type: "string",
      label: "Meta",
      description: "User UTF-8 string, which will be passed through the extraction pipeline and returned in the query result. Max size 4 Kb.",
      optional: true,
    },
    articleBodyRaw: {
      type: "boolean",
      label: "Article Body Raw",
      description: "Whether or not to include article HTML in article extractions. True by default. Setting this to false can reduce response size significantly if HTML is not required.",
      optional: true,
    },
    fullHtml: {
      type: "boolean",
      label: "Full HTML",
      description: "Include the full, raw HTML of the target web page in the query result. This is a premium feature that is disabled by default. [Open a support ticket](https://support.zyte.com/support/tickets/new) if you wish to have it enabled for your account.",
      optional: true,
    },
    customHtml: {
      type: "string",
      label: "Custom HTML",
      description: "HTML source to be scraped. Extraction will be done from the provided HTML with additional resources (images, CSS, etc.) downloaded from the provided url. JavaScript processing will be disabled. The String should be UTF-8 encoded. The maximum length is 2,000,000 characters, longer requests will be rejected.",
      optional: true,
    },
  },
  async run({ $ }) {
    const {
      automaticDataExtraction,
      ...data
    } = this;

    const response = await automaticDataExtraction.extractData({
      $,
      data: JSON.stringify([
        clearObj(data),
      ]),
    });

    $.export("$summary", "The data was successfully extracted!");
    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
Automatic Data Extraction	`automaticDataExtraction`	`app`	This component uses the Automatic Data Extraction app.
URL	`url`	`string`	URL of web page to extract from. Must be a valid `http://` or `https:// URL`.
Page Type	`pageType`	`string`	Select a value from the drop down menu:`articlearticleListcommentsforumPostsjobPostingproductproductListrealEstatereviewsvehicle`
Meta	`meta`	`string`	User UTF-8 string, which will be passed through the extraction pipeline and returned in the query result. Max size 4 Kb.
Article Body Raw	`articleBodyRaw`	`boolean`	Whether or not to include article HTML in article extractions. True by default. Setting this to false can reduce response size significantly if HTML is not required.
Full HTML	`fullHtml`	`boolean`	Include the full, raw HTML of the target web page in the query result. This is a premium feature that is disabled by default. Open a support ticket if you wish to have it enabled for your account.
Custom HTML	`customHtml`	`string`	HTML source to be scraped. Extraction will be done from the provided HTML with additional resources (images, CSS, etc.) downloaded from the provided url. JavaScript processing will be disabled. The String should be UTF-8 encoded. The maximum length is 2,000,000 characters, longer requests will be rejected.

Action Authentication#

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

To retrieve your API Key,

Navigate to your Automatic Data Extraction API account at Zyte and sign in
Go to “Automatic Extraction” > “API Access”

Extract Data From URL with Automatic Data Extraction API on New Reaction Added (Instant) from Slack API

Pipedream makes it easy to connect APIs for Automatic Data Extraction, Slack 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