Upload a Gif with Giphy API on New Project Created from ProWorkflow API

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

Trigger workflow on

New Project Created from the ProWorkflow API

Next, do this

Upload a Gif with the Giphy 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 ProWorkflow trigger and Giphy action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Project Created trigger
1. Connect your ProWorkflow account
Configure the Upload a Gif action
1. Connect your Giphy account
2. Configure URL
3. Optional- Configure Tags
4. Optional- Configure Username
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 Project Created on ProWorkflow

Description:Emit new event when a new project is created. [See the docs](https://api.proworkflow.net/?documentation#gettingstartedgetfields).

Version:0.0.1

Key:proworkflow-new-project-created

View on GitHub

ProWorkflow Overview#

The ProWorkflow API offers a powerhouse of project management and workflow automation capabilities. With Pipedream, you can leverage these abilities to create custom integrations that boost productivity and streamline operations. By tapping into ProWorkflow's endpoints, you can automate project creation, task assignments, time tracking, and report generation. This API dovetails neatly with other apps on Pipedream, allowing you to create multifaceted workflows that respond in real-time to external triggers, such as emails, form submissions, and calendar events.

Trigger Code#

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

export default {
  ...common,
  key: "proworkflow-new-project-created",
  name: "New Project Created",
  description: "Emit new event when a new project is created. [See the docs](https://api.proworkflow.net/?documentation#gettingstartedgetfields).",
  type: "source",
  version: "0.0.1",
  dedupe: "unique",
  methods: {
    ...common.methods,
    getEventName() {
      return constants.EVENT_NAME.NEWPROJECT;
    },
    generateMeta(event) {
      return {
        id: event.id,
        summary: `New Project: ${event.project.id}`,
        ts: Date.parse(event.project.lastmodified),
      };
    },
  },
};

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
ProWorkflow	`app`	`app`	This component uses the ProWorkflow app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
N/A	`http`	`$.interface.http`	This component uses `$.interface.http` to generate a unique URL when the component is first instantiated. Each request to the URL will trigger the `run()` method of the component.

Trigger Authentication#

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

ProWorkflow requires their users enter their account API key as well as username (or email) and password in order to connect to their API. For more info, refer to ProWorkflow's documentation

Get your API key in the main ProWorkflow application
Pipedream recommends using a strong and unique password for your ProWorkflow account

About ProWorkflow#

Leading project, task and time management software! ProWorkflow is an online project management software that enables you to keep accurate time-keeping records, organize, plan, and delegate jobs and tasks whilst using the timeline to have an overview of company activity.

Action#

Upload a Gif on Giphy

Description:Uploads a Gif or video file up to 100MB programmatically on GIPHY.com [See the docs here](https://developers.giphy.com/docs/api/endpoint#upload).

Version:0.0.1

Key:giphy-upload-gif

View on GitHub

Giphy Overview#

The Giphy API provides programmatic access to Giphy's vast library of animated GIFs, allowing you to search, share, and explore this rich visual content. Leveraging Pipedream, you can harness the power of Giphy to add engaging visuals to your applications, automate the delivery of GIFs in response to events, or enrich your social media interactions with dynamic imagery. It opens up fun and expressive ways to inject personality into chatbots, forums, or any platform that could use a splash of animated flair.

Action Code#

import giphyApp from "../../giphy.app.mjs";
import FormData from "form-data";

export default {
  name: "Upload a Gif",
  description: "Uploads a Gif or video file up to 100MB programmatically on GIPHY.com [See the docs here](https://developers.giphy.com/docs/api/endpoint#upload).",
  key: "giphy-upload-gif",
  version: "0.0.1",
  type: "action",
  props: {
    giphyApp,
    imgUrl: {
      type: "string",
      label: "URL",
      description: "The URL for the image or video you wish to upload.",
    },
    tags: {
      type: "string",
      label: "Tags",
      description: "A comma delimited list of tags to be applied to the upload.",
      optional: true,
    },
    username: {
      type: "string",
      label: "Username",
      description: "Your assigned username (required for approved apps only).",
      optional: true,
    },
  },
  async run({ $ }) {
    const {
      imgUrl,
      tags,
      username,
    } = this;

    const formData = new FormData();
    formData.append("source_image_url", imgUrl);
    if (tags) {
      formData.append("tags", tags);
    }
    if (username) {
      formData.append("username", username);
    }

    const res = await this.giphyApp.uploadGif(formData, $);
    $.export("$summary", "Gif successfully uploaded");
    return res;
  },
};

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
Giphy	`giphyApp`	`app`	This component uses the Giphy app.
URL	`imgUrl`	`string`	The URL for the image or video you wish to upload.
Tags	`tags`	`string`	A comma delimited list of tags to be applied to the upload.
Username	`username`	`string`	Your assigned username (required for approved apps only).

Upload a Gif with Giphy API on New Project Created from ProWorkflow API

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

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

Developers ♥ Pipedream

1-24of2,800+apps by most popular

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