Generate Multi-Format Images/Videos with Abyssale API on New User Mention (Instant) from Slack API

Pipedream makes it easy to connect APIs for Abyssale, Slack and 2,900+ other apps remarkably fast.

Trigger workflow on

New User Mention (Instant) from the Slack API

Next, do this

Generate Multi-Format Images/Videos with the Abyssale 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 Abyssale action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New User Mention (Instant) trigger
1. Connect your Slack account
2. Optional- Select one or more Channels
3. Configure slackApphook
4. Select a User
5. Optional- Configure Keyword
6. Optional- Configure Ignore Bots
Configure the Generate Multi-Format Images/Videos action
1. Connect your Abyssale account
2. Select a Template ID
3. Select one or more Template Format Names
4. Configure Elements
5. Optional- Configure Callback URL
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 User Mention (Instant) on Slack

Description:Emit new event when a username or specific keyword is mentioned in a channel

Version:0.1.0

Key:slack_v2-new-user-mention

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!

Trigger Code#

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

export default {
  ...common,
  key: "slack_v2-new-user-mention",
  name: "New User Mention (Instant)",
  version: "0.1.0",
  description: "Emit new event when a username or specific keyword is mentioned in a channel",
  type: "source",
  dedupe: "unique",
  props: {
    ...common.props,
    conversations: {
      propDefinition: [
        common.props.slack,
        "conversation",
        () => ({
          types: [
            sharedConstants.CHANNEL_TYPE.PUBLIC,
            sharedConstants.CHANNEL_TYPE.PRIVATE,
          ],
        }),
      ],
      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() {
        return this.conversations || [
          "message",
        ];
      },
    },
    user: {
      propDefinition: [
        common.props.slack,
        "user",
      ],
    },
    keyword: {
      propDefinition: [
        common.props.slack,
        "keyword",
      ],
      optional: true,
    },
    ignoreBot: {
      propDefinition: [
        common.props.slack,
        "ignoreBot",
      ],
    },
  },
  methods: {
    ...common.methods,
    getSummary() {
      return "New mention received";
    },
    async processEvent(event) {
      const {
        type: msgType,
        subtype,
        bot_id: botId,
        text,
        blocks = [],
      } = event;
      const [
        {
          elements: [
            { elements = [] } = {},
          ] = [],
        } = {},
      ] = blocks;

      if (msgType !== "message") {
        console.log(`Ignoring event with unexpected type "${msgType}"`);
        return;
      }

      // This source is designed to just emit an event for each new message received.
      // Due to inconsistencies with the shape of message_changed and message_deleted
      // events, we are ignoring them for now. If you want to handle these types of
      // events, feel free to change this code!!
      if (subtype && !constants.ALLOWED_SUBTYPES.includes(subtype)) {
        console.log(`Ignoring message with subtype. "${subtype}"`);
        return;
      }

      if ((this.ignoreBot) && (subtype === constants.SUBTYPE.BOT_MESSAGE || botId)) {
        return;
      }

      let emitEvent = false;
      if (elements) {
        let userMatch = false;
        for (const item of elements) {
          if (item.user_id && item.user_id === this.user) {
            userMatch = true;
            break;
          }
        }
        if (userMatch && (!this.keyword || text.indexOf(this.keyword) !== -1)) {
          emitEvent = true;
        }
      }
      if (subtype === constants.SUBTYPE.PD_HISTORY_MESSAGE) {
        emitEvent = true;
      }

      if (emitEvent) {
        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`
User	`user`	`string`	Select a value from the drop down menu.
Keyword	`keyword`	`string`	Keyword to monitor
Ignore Bots	`ignoreBot`	`boolean`	Ignore messages from bots

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:

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

About Slack#

Slack is the AI-powered platform for work bringing all of your conversations, apps, and customers together in one place. Around the world, Slack is helping businesses of all sizes grow and send productivity through the roof.

Action#

Generate Multi-Format Images/Videos on Abyssale

Description:Generates multiple images and videos from a template. [See the documentation](https://api-reference.abyssale.com/#tag/Images/paths/~1async~1banner-builder~1%7BtemplateId%7D~1generate/post)

Version:0.0.2

Key:abyssale-generate-multi-format-images-videos

View on GitHub

Abyssale Overview#

The Abyssale API enables automatic generation of banners and images tailored for various digital platforms. Through Pipedream, you can harness this capability within your workflows, dynamically producing visuals for marketing campaigns, social media, or personalized user content. Integrating Abyssale with Pipedream allows for the automation of image creation based on triggers or schedules, data enrichment from different sources, and connecting with various apps to streamline digital asset management and deployment.

Action Code#

import abyssale from "../../abyssale.app.mjs";
import utils from "../../common/utils.mjs";

export default {
  key: "abyssale-generate-multi-format-images-videos",
  name: "Generate Multi-Format Images/Videos",
  description: "Generates multiple images and videos from a template. [See the documentation](https://api-reference.abyssale.com/#tag/Images/paths/~1async~1banner-builder~1%7BtemplateId%7D~1generate/post)",
  version: "0.0.2",
  annotations: {
    destructiveHint: false,
    openWorldHint: true,
    readOnlyHint: false,
  },
  type: "action",
  props: {
    abyssale,
    templateId: {
      propDefinition: [
        abyssale,
        "templateId",
      ],
    },
    templateFormatNames: {
      type: "string[]",
      label: "Template Format Names",
      description: "The names of the template formats",
      propDefinition: [
        abyssale,
        "templateFormatName",
        (c) => ({
          templateId: c.templateId,
        }),
      ],
    },
    elements: {
      propDefinition: [
        abyssale,
        "elements",
      ],
    },
    callbackUrl: {
      type: "string",
      label: "Callback URL",
      description: "The URL that will be called once the generation of your export is done",
      optional: true,
    },
  },
  methods: {
    generateMultiFormatImagesVideos({
      templateId, ...args
    }) {
      return this.abyssale.post({
        path: `/async/banner-builder/${templateId}/generate`,
        ...args,
      });
    },
  },
  async run({ $ }) {
    const {
      generateMultiFormatImagesVideos,
      templateId,
      templateFormatNames,
      elements,
      callbackUrl,
    } = this;

    const response = await generateMultiFormatImagesVideos({
      templateId,
      data: {
        template_format_names: templateFormatNames,
        elements: utils.parseElements(elements),
        callback_url: callbackUrl,
      },
    });

    $.export("$summary", `Successfully generated image with ID: \`${response.generation_request_id}\``);

    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
Abyssale	`abyssale`	`app`	This component uses the Abyssale app.
Template ID	`templateId`	`string`	Select a value from the drop down menu.
Template Format Names	`templateFormatNames`	`string[]`	Select a value from the drop down menu.
Elements	`elements`	`object`	A dictionary containing all elements with properties you would like to override form the default template. Keys correspond to element names in the layer eg. `bg_image` and `title`. Values correspond to the properties you would like to override eg. For `title` key the value could be `{ "payload": "Hello World" }`. See the documentation
Callback URL	`callbackUrl`	`string`	The URL that will be called once the generation of your export is done

Action Authentication#

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

To retrieve your API keys,

Navigate to your Abyssale account and sign in
Go to “Settings” > “API Key”

About Abyssale#

Generate banners for social media & online advertising in minutes – No design skills required.

More Ways to Connect Abyssale + Slack#

Other Popular Integrations#

Generate Image with Abyssale API on New Saved Message (Instant) from Slack v2 API

Slack + Abyssale

Generate Multi-Format Images/Videos with Abyssale API on New User Mention (Instant) from Slack API

Pipedream makes it easy to connect APIs for Abyssale, Slack and 2,900+ other apps remarkably fast.

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

Developers ♥ Pipedream

1-24of2,900+apps by most popular

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