Resize Image with FileStack API on Contact Created from Mailjet API

Pipedream makes it easy to connect APIs for FileStack, Mailjet and 2,800+ other apps remarkably fast.

Trigger workflow on

Contact Created from the Mailjet API

Next, do this

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

Select this integration
Configure the Contact Created trigger
1. Connect your Mailjet account
2. Configure Polling schedule
Configure the Resize Image action
1. Connect your FileStack account
2. Configure Uploaded Image URL
3. Optional- Configure Output File Name
4. Configure Width
5. Configure Height
6. Optional- Select a Mode
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#

Contact Created on Mailjet

Description:Emit new event when a contact is created. [See the docs here](https://dev.mailjet.com/email/reference/contacts/contact-list/#v3_get_contactslist)

Version:0.0.4

Key:mailjet-contact-created

View on GitHub

Mailjet Overview#

Mailjet's API offers the power to craft, send, and track emails with finesse. You can wield it to automate email sequences, synchronize email lists with your databases, and send transactional emails with personalized content. It's a playground for creating tailored email campaigns and dissecting campaign performance with rich analytics.

Trigger Code#

import common from "../common/base.mjs";

export default {
  ...common,
  key: "mailjet-contact-created",
  name: "Contact Created",
  description: "Emit new event when a contact is created. [See the docs here](https://dev.mailjet.com/email/reference/contacts/contact-list/#v3_get_contactslist)",
  type: "source",
  version: "0.0.4",
  dedupe: "unique",
  methods: {
    ...common.methods,
    getResourceFn() {
      return this.mailjetApp.listContacts;
    },
    getResourceProperty() {
      return "CreatedAt";
    },
    getTimestamp(resource) {
      return Date.parse(resource.CreatedAt || new Date());
    },
    getModelName() {
      return "Contact";
    },
    getAction() {
      return "created";
    },
  },
};

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
Mailjet	`mailjetApp`	`app`	This component uses the Mailjet app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
Polling schedule	`timer`	`$.interface.timer`	How often to poll the MailJet API

Trigger Authentication#

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

You can get your API and Secret Keys in the API Key Management page in your Mailjet account.

About Mailjet#

Mailjet is an easy-to-use all-in-one e-mail platform. With our transactional and marketing e-mail solution, it’s never been easier to get your emails into the inbox!

Action#

Resize Image on FileStack

Description:Resizes an uploaded image to specified width and height. [See the documentation](https://www.filestack.com/docs/api/processing/#resize)

Version:0.0.2

Key:filestack-resize-image

View on GitHub

FileStack Overview#

The FileStack API allows for robust file handling and manipulation in the cloud. With this API, you can upload files from any URL or device, transform and convert media files, and deliver content with speed and reliability. When leveraged through Pipedream, the FileStack API becomes a potent tool for automating file workflows, integrating with numerous other services, and handling complex file operations without the need for server infrastructure.

Action Code#

import common from "../common/common.mjs";

export default {
  ...common,
  key: "filestack-resize-image",
  name: "Resize Image",
  description:
    "Resizes an uploaded image to specified width and height. [See the documentation](https://www.filestack.com/docs/api/processing/#resize)",
  version: "0.0.2",
  annotations: {
    destructiveHint: false,
    openWorldHint: true,
    readOnlyHint: false,
  },
  type: "action",
  props: {
    ...common.props,
    width: {
      type: "integer",
      label: "Width",
      description: "The width to resize the image to, in pixels.",
      min: 1,
      max: 10000,
    },
    height: {
      type: "integer",
      label: "Height",
      description: "The height to resize the image to, in pixels.",
      min: 1,
      max: 10000,
    },
    mode: {
      type: "string",
      label: "Mode",
      description:
        "The possible methods by which the image should fit the specified dimensions.",
      optional: true,
      options: [
        {
          value: "clip",
          label:
            "Preserving the aspect ratio, resize the image to be as large as possible while ensuring its dimensions are less than or equal to both those specified",
        },
        {
          value: "crop",
          label:
            "Preserving the aspect ratio, ensure the image covers both provided dimensions by clipping/cropping to fit",
        },
        {
          value: "max",
          label:
            "Do not enlarge if the dimensions of the provided image are already less than the specified width or height",
        },
        {
          value: "scale",
          label:
            "Ignore the aspect ratio of the provided image and stretch to both provided dimensions",
        },
      ],
    },
  },
  methods: {
    ...common.methods,
    getSummary() {
      return `Image resized successfully to ${this.width}x${this.height}`;
    },
    getTransformations() {
      const transformations = [
        `resize=height:${this.height}`,
        `width:${this.width}`,
      ];
      if (this.mode) transformations.push(`,fit:${this.mode}`);
      return transformations.join();
    },
  },
};

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
FileStack	`filestack`	`app`	This component uses the FileStack app.
Uploaded Image URL	`uploadedImageUrl`	`string`	The URL of an image uploaded to FileStack (you can use the Upload Image action). Example: `https://cdn.filestackcontent.com/pdn7PhZdT02GoYZCVYeF`
Output File Name	`outputFilename`	`string`	If specified, the resulting image will be written to this filename in the `tmp` folder; otherwise, the raw data will be returned
Width	`width`	`integer`	The width to resize the image to, in pixels.
Height	`height`	`integer`	The height to resize the image to, in pixels.
Mode	`mode`	`string`	Select a value from the drop down menu:`{ "value": "clip", "label": "Preserving the aspect ratio, resize the image to be as large as possible while ensuring its dimensions are less than or equal to both those specified" }{ "value": "crop", "label": "Preserving the aspect ratio, ensure the image covers both provided dimensions by clipping/cropping to fit" }{ "value": "max", "label": "Do not enlarge if the dimensions of the provided image are already less than the specified width or height" }{ "value": "scale", "label": "Ignore the aspect ratio of the provided image and stretch to both provided dimensions" }`

Action Authentication#

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

You can get your API Key on the Dashboard under My Apps.

About FileStack#

The #1 File Handling Service for Developers.

More Ways to Connect FileStack + Mailjet#

Other Popular Integrations#

Rotate Image with FileStack API on Contact Created from Mailjet API

Mailjet + FileStack

Try it

Upload Image with FileStack API on Contact Created from Mailjet API

Mailjet + FileStack

Try it

Filter Image with FileStack API on Contact Created from Mailjet API

Mailjet + FileStack

Try it

Popular Triggers#

Contact Created from the Mailjet API

Emit new event when a contact is created. See the docs here

Try it

Popular Actions#

Create Contact with the Mailjet API

Add a new unique contact to your global contact list and select its exclusion status. See the docs here

Try it

List Contacts with the Mailjet API

Retrieve details for all contact lists - name, subscriber count, creation timestamp, deletion status. See the docs here

Try it

Send Message with the Mailjet API

Send a message via Send API v3. Send API v3 is built mainly for speed, allowing you to send up to 100 messages in a single API call. See the docs here

Try it

Update Contact with the Mailjet API

Update the user-given name and exclusion status of a specific contact. See the docs here

Try it

Filter Image with the FileStack API

Applies filters such as sharpening, blurring, sepia, monochrome, and more, to an uploaded image. See the documentation

Try it