Analyze Image with Imagga API on New Email Created from Stripo API

Pipedream makes it easy to connect APIs for Imagga, Stripo and 2,700+ other apps remarkably fast.

Trigger workflow on

New Email Created from the Stripo API

Next, do this

Analyze Image with the Imagga 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 Stripo trigger and Imagga action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Email Created trigger
1. Connect your Stripo account
2. Configure timer
3. Optional- Configure Query
Configure the Analyze Image action
1. Connect your Imagga account
2. Configure File Path or URL
3. Select a Image Process Type
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 Email Created on Stripo

Description:Emit new event when a new email is created in Stripo. [See the documentation](https://api.stripo.email/reference/findemails)

Version:0.0.1

Key:stripo-new-email-created

View on GitHub

Stripo Overview#

The Stripo API lets you automate email design, creation, and management processes, streamlining your workflow within Pipedream. With Stripo, you can create email templates, customize them, and export directly to various email services. Pipedream, with its serverless execution model, can trigger workflows based on numerous events, such as webhook invocations, email events, or schedule timers. By combining Stripo with Pipedream, you can craft dynamic email campaigns, auto-generate personalized emails from templates, and synchronize your email designs with other platforms or databases effortlessly.

Trigger Code#

import stripo from "../../stripo.app.mjs";
import { DEFAULT_POLLING_SOURCE_TIMER_INTERVAL } from "@pipedream/platform";
import sampleEmit from "./test-event.mjs";

export default {
  key: "stripo-new-email-created",
  name: "New Email Created",
  description: "Emit new event when a new email is created in Stripo. [See the documentation](https://api.stripo.email/reference/findemails)",
  version: "0.0.1",
  type: "source",
  dedupe: "unique",
  props: {
    stripo,
    db: "$.service.db",
    timer: {
      type: "$.interface.timer",
      default: {
        intervalSeconds: DEFAULT_POLLING_SOURCE_TIMER_INTERVAL,
      },
    },
    query: {
      propDefinition: [
        stripo,
        "query",
      ],
    },
  },
  methods: {
    _getLastTs() {
      return this.db.get("lastTs") || 0;
    },
    _setLastTs(lastTs) {
      this.db.set("lastTs", lastTs);
    },
    generateMeta(email) {
      return {
        id: email.emailId,
        summary: `New Email: ${email.name}`,
        ts: Date.parse(email.updatedTime),
      };
    },
    async processEvent(max) {
      const lastTs = this._getLastTs();

      const results = this.stripo.paginate({
        fn: this.stripo.listEmails,
        params: {
          queryStr: this.query,
          sortingColumn: "createdTime",
          sortingAsc: false,
        },
        max,
      });

      const emails = [];
      for await (const item of results) {
        const ts = Date.parse(item.updatedTime);
        if (ts >= lastTs) {
          emails.push(item);
        }
      }

      if (!emails.length) {
        return;
      }

      this._setLastTs(Date.parse(emails[0].updatedTime));

      emails.reverse().forEach((email) => {
        const meta = this.generateMeta(email);
        this.$emit(email, meta);
      });
    },
  },
  hooks: {
    async deploy() {
      await this.processEvent(25);
    },
  },
  async run() {
    await this.processEvent();
  },
  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
Stripo	`stripo`	`app`	This component uses the Stripo app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
	`timer`	`$.interface.timer`
Query	`query`	`string`	The query to search for

Trigger Authentication#

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

To retrieve your API key,

Navigate to your Stripo and sign in
Go to “Workspace” > “Projects”
Click one of your projects, then scroll down to “REST API".

About Stripo#

Stripo is an email design platform. We help you build high-quality emails of any complexity, including ones with AMP, real-time, and interactive content.

Action#

Analyze Image on Imagga

Description:Assign a category to a single image based on its visual content. [See the documentation](https://docs.imagga.com/?shell#categories-categorizer_id)

Version:1.0.0

Key:imagga-analyze-image

View on GitHub

Imagga Overview#

The Imagga API is a powerful image recognition tool that enables you to automate the process of analyzing and tagging images. With its AI-driven capabilities, you can extract a wealth of information from visual content. It offers features such as categorization, color extraction, and auto-tagging, making it incredibly useful for building workflows that require image analysis.

Action Code#

import { prepareAdditionalProps } from "../../common/constants.mjs";
import { prepareFile } from "../../common/utils.mjs";
import imagga from "../../imagga.app.mjs";

export default {
  key: "imagga-analyze-image",
  name: "Analyze Image",
  description: "Assign a category to a single image based on its visual content. [See the documentation](https://docs.imagga.com/?shell#categories-categorizer_id)",
  version: "1.0.0",
  type: "action",
  props: {
    imagga,
    imageFile: {
      propDefinition: [
        imagga,
        "imageFile",
      ],
    },
    imageProcessType: {
      propDefinition: [
        imagga,
        "imageProcessType",
      ],
      reloadProps: true,
    },
  },
  async additionalProps() {
    return prepareAdditionalProps({
      props: imagga.propDefinitions,
      type: this.imageProcessType,
    });
  },
  async run({ $ }) {
    const {
      imagga,
      imageFile,
      language = [],
      saveIndex,
      saveId,
      extractOverallColors,
      extractObjectColors,
      deterministic,
      verbose,
      threshold,
      decreaseParents,
      categorizerId,
      overallCount,
      separatedCount,
      imageProcessType,
      taggerId,
      ...params
    } = this;

    const file = await prepareFile({
      imageFile,
      imagga,
    });

    if (typeof extractOverallColors === "boolean") params.extract_overall_colors = +extractOverallColors;
    if (typeof extractObjectColors === "boolean") params.extract_object_colors = +extractObjectColors;
    if (typeof deterministic === "boolean") params.deterministic = +deterministic;
    if (typeof verbose === "boolean") params.verbose = +verbose;
    if (typeof decreaseParents === "boolean") params["decrease_parents"] = +decreaseParents;
    if (threshold) params.threshold = parseFloat(threshold);

    const response = await imagga.analyzeImage({
      $,
      taggerId,
      imageProcessType,
      categorizerId,
      params: {
        ...params,
        ...file,
        overall_count: overallCount,
        separated_count: separatedCount,
        language: language.toString(),
        save_index: saveIndex,
        save_id: saveId,
      },
    });

    $.export("$summary", "Image successfully assigned!");
    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
Imagga	`imagga`	`app`	This component uses the Imagga app.
File Path or URL	`imageFile`	`string`	The image to process. Provide either a file URL or a path to a file in the `/tmp` directory (for example, `/tmp/myFile.txt`)
Image Process Type	`imageProcessType`	`string`	Select a value from the drop down menu:`{ "label": "Tags", "value": "tags" }{ "label": "Categories", "value": "categories" }{ "label": "Colors", "value": "colors" }`