Correct Color & Lighting with Claid AI API on New Reaction Added (Instant) from Slack API

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

Trigger workflow on

New Reaction Added (Instant) from the Slack API

Next, do this

Correct Color & Lighting with the Claid AI 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 Claid AI 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 Correct Color & Lighting action
1. Connect your Claid AI account
2. Configure File Path or URL
3. Configure Is Automated
4. Optional- Configure syncDir
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.2.0

Key:slack_v2-new-reaction-added

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 sampleEmit from "./test-event.mjs";

export default {
  ...common,
  key: "slack_v2-new-reaction-added",
  name: "New Reaction Added (Instant)",
  version: "1.2.0",
  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 promises = [
          this.slack.usersInfo({
            user: event.user,
          }),
        ];
        if (event.item_user) {
          promises.push(this.slack.usersInfo({
            user: event.item_user,
          }));
        }
        const responses = await Promise.all(promises);
        event.userInfo = responses[0].user;
        if (responses[1]) {
          event.itemUserInfo = responses[1].user;
        }
      }

      try {
        event.message = await this.getMessage({
          channel: event.item.channel,
          event_ts: event.item.ts,
        });
      } catch (err) {
        console.log("Error fetching message:", err);
      }

      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:

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#

Correct Color & Lighting on Claid AI

Description:Automatically adjusts the color and lighting of an image by applying HDR. The result is an enhancement of the dynamic range in dark or overexposed images. [See the documentation](https://docs.claid.ai/image-editing-api/image-operations/color-adjustments)

Version:0.1.2

Key:claid_ai-correct-color-lighting

View on GitHub

Claid AI Overview#

Claid AI API provides tools for image enhancement, including resizing, cropping, increasing resolution, and optimizing for web use. It's suitable for automating image processing tasks in applications like e-commerce, real estate, and content management. On Pipedream, you can create serverless workflows that use the Claid AI API to process images in response to various triggers, such as new file uploads or webhooks, and then pass the processed images to other services or store them.

Action Code#

import FormData from "form-data";
import urlExists from "url-exist";
import claidAi from "../../claid_ai.app.mjs";
import { getFileStreamAndMetadata } from "@pipedream/platform";

export default {
  key: "claid_ai-correct-color-lighting",
  name: "Correct Color & Lighting",
  description: "Automatically adjusts the color and lighting of an image by applying HDR. The result is an enhancement of the dynamic range in dark or overexposed images. [See the documentation](https://docs.claid.ai/image-editing-api/image-operations/color-adjustments)",
  version: "0.1.2",
  annotations: {
    destructiveHint: false,
    openWorldHint: true,
    readOnlyHint: false,
  },
  type: "action",
  props: {
    claidAi,
    image: {
      propDefinition: [
        claidAi,
        "image",
      ],
    },
    isAutomated: {
      type: "boolean",
      label: "Is Automated",
      description: "Whether you want the automated adjustment or manual for fine-tuning.",
      reloadProps: true,
    },
    syncDir: {
      type: "dir",
      accessMode: "read",
      sync: true,
      optional: true,
    },
  },
  async additionalProps() {
    const props = {};
    if (this.isAutomated) {
      props.is360 = {
        type: "boolean",
        label: "Is 360",
        description: "Whether the image is a 360 image or not",
        reloadProps: true,
        default: false,
      };
      props.hdr = {
        type: "integer",
        label: "HDR",
        description: "The intensity of the adjustment.",
      };
      if (this.is360) {
        props.hdr.label = "Intensity";
        props.stitching = {
          type: "boolean",
          label: "Stitching",
          description: "Whether the image will be stitched or not.",
        };
      }
    } else {
      props.exposure = {
        type: "string",
        label: "Exposure",
        description: "Decrease (-100) or increase (100) exposure.",
      };
      props.saturation = {
        type: "string",
        label: "Saturation",
        description: "Decrease (-100) or increase (100) saturation.",
      };
      props.contrast = {
        type: "string",
        label: "Contrast",
        description: "Decrease (-100) or increase (100) contrast.",
      };
      props.sharpness = {
        type: "integer",
        label: "Sharpness",
        description: "Increase sharpness.",
        min: 0,
        max: 100,
      };
    }
    return props;
  },
  async run({ $ }) {
    let imageUrl = this.image;
    let response = "";

    const operations = {
      adjustments: {
        exposure: parseInt(this.exposure),
        saturation: parseInt(this.saturation),
        contrast: parseInt(this.contrast),
        sharpness: this.sharpness,
      },
    };

    if (this.isAutomated) {
      operations.adjustments = {
        "hdr": this.hdr,
      };
      if (this.is360) {
        operations.adjustments.hdr = {
          "intensity": this.hdr,
          "stitching": this.stitching,
        };
      }
    }

    if (!await urlExists(this.image)) {
      const {
        stream, metadata,
      } = await getFileStreamAndMetadata(this.image);
      const formData = new FormData();
      formData.append("file", stream, {
        contentType: metadata.contentType,
        knownLength: metadata.size,
        filename: metadata.name,
      });
      formData.append("data", JSON.stringify({
        operations,
      }));

      response = await this.claidAi.uploadImage({
        $,
        data: formData,
        headers: formData.getHeaders(),
      });
    } else {
      response = await this.claidAi.editImage({
        $,
        data: {
          input: imageUrl,
          operations,
        },
      });
    }

    $.export("$summary", "Successfully adjusted color and lighting");
    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
Claid AI	`claidAi`	`app`	This component uses the Claid AI app.
File Path or URL	`image`	`string`	The image to process. Provide either a file URL or a path to a file in the `/tmp` directory (for example, `/tmp/myImage.jpg`)
Is Automated	`isAutomated`	`boolean`	Whether you want the automated adjustment or manual for fine-tuning.
syncDir	`syncDir`	`dir`

Correct Color & Lighting with Claid AI API on New Reaction Added (Instant) from Slack API

Pipedream makes it easy to connect APIs for Claid AI, 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