Compare Image with Diffchecker API on New Work Created (Instant) from DevRev API

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

Trigger workflow on

New Work Created (Instant) from the DevRev API

Next, do this

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

Select this integration
Configure the New Work Created (Instant) trigger
1. Connect your DevRev account
Configure the Compare Image action
1. Connect your Diffchecker account
2. Optional- Select a Input Type
3. 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 Work Created (Instant) on DevRev

Description:Emit new event when a new work item is created in DevRev.

Version:0.0.2

Key:devrev-new-work-created

View on GitHub

DevRev Overview#

The DevRev API bridges the gap between developers and customers, enabling teams to interact with customer data, handle support issues, and integrate with various development workflows. Within Pipedream, you can wield this API to automate tasks like syncing customer feedback with your issue trackers, updating CRM records, or triggering custom notifications based on customer interactions.

Trigger Code#

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

export default {
  ...common,
  key: "devrev-new-work-created",
  name: "New Work Created (Instant)",
  description: "Emit new event when a new work item is created in DevRev.",
  version: "0.0.2",
  type: "source",
  dedupe: "unique",
  methods: {
    ...common.methods,
    getEventTypes() {
      return [
        "work_created",
      ];
    },
    getItem(body) {
      return body.work_created.work;
    },
    generateMeta(work) {
      return {
        id: work.id,
        summary: work.title,
        ts: Date.parse(work.created_date),
      };
    },
  },
  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
DevRev	`devrev`	`app`	This component uses the DevRev 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#

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

Generate a Personal Access Token (PAT)

In the DevRev app, go to the relevant dev org.
Go to Settings > Account > Personal Access Token.
Click New token and follow the workflow to create your PAT.

As the token value is not retrievable later, we recommend using descriptive names for PATs as it can help you differentiate between multiple PATs.

Copy the PAT and store it securely. Once you go to another page, you cannot retrieve this PAT again.

About DevRev#

DevRev is a platform for managing developer-customer relationships that allow developers to build, support, and grow their businesses.

Action#

Compare Image on Diffchecker

Description:Compares two images and returns the result.

Version:1.0.1

Key:diffchecker-compare-image

View on GitHub

Diffchecker Overview#

The Diffchecker API allows you to compare differences between texts, images, PDFs, and other files programmatically, providing an automated way to spot changes or inconsistencies. Leveraging this API within Pipedream workflows can automate diff tasks, alerting you to changes, syncing content across platforms, or maintaining consistency in code or document versions. Pipedream's ability to connect to various services and trigger workflows based on numerous events makes it an excellent tool for integrating Diffchecker in a variety of scenarios.

Action Code#

import FormData from "form-data";
import { getFileStreamAndMetadata } from "@pipedream/platform";
import diffchecker from "../../diffchecker.app.mjs";

export default {
  key: "diffchecker-compare-image",
  name: "Compare Image",
  description: "Compares two images and returns the result.",
  version: "1.0.1",
  type: "action",
  props: {
    diffchecker,
    inputType: {
      type: "string",
      label: "Input Type",
      description: "Specifies the request content-type.",
      options: [
        {
          label: "application/json",
          value: "json",
        },
        {
          label: "multipart/form-data",
          value: "form",
        },
      ],
      reloadProps: true,
      optional: true,
    },
    syncDir: {
      type: "dir",
      accessMode: "read",
      sync: true,
      optional: true,
    },
  },
  async additionalProps() {
    const props = {};
    if (this.inputType) {
      let label;
      let description = "Image you want to compare. ";

      switch (this.inputType) {
      case "json" :
        label = "Data URI";
        description += "Provide Data Image URI [Click here for further information](https://en.wikipedia.org/wiki/Data_URI_scheme).";
        break;
      case "form" :
        label = "(File Path Or Url)";
        description += "Provide either a file URL or a path to a file in the `/tmp` directory (for example, `/tmp/example.jpg`).";
        break;
      }

      props.leftImage = {
        type: "string",
        label: `Left Image ${label}`,
        description: `Left ${description}`,
      };
      props.rightImage = {
        type: "string",
        label: `Right Image ${label}`,
        description: `Right ${description}`,
      };
    }
    return props;
  },
  async run({ $ }) {
    let formData = new FormData();
    const objToSend = {
      inputType: this.inputType,
      outputType: "json",
    };

    let leftStream;
    let rightStream;

    switch (this.inputType) {
    case "form" :
      [
        leftStream,
        rightStream,
      ] = await Promise.all([
        getFileStreamAndMetadata(this.leftImage),
        getFileStreamAndMetadata(this.rightImage),
      ]);
      formData.append("left_image", leftStream.stream, {
        contentType: leftStream.metadata.contentType,
        knownLength: leftStream.metadata.size,
        filename: leftStream.metadata.name,
      });
      formData.append("right_image", rightStream.stream, {
        contentType: rightStream.metadata.contentType,
        knownLength: rightStream.metadata.size,
        filename: rightStream.metadata.name,
      });
      objToSend.data = formData;
      objToSend.headers = formData.getHeaders();
      break;
    case "json" :
      objToSend.data = {
        left_image: this.leftImage.replace(/(\r\n|\n|\r)/gm, ""),
        right_image: this.rightImage.replace(/(\r\n|\n|\r)/gm, ""),
      };
    }
    const response = await this.diffchecker.compareImages(objToSend);
    $.export("$summary", "Successfully compared images");
    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
Diffchecker	`diffchecker`	`app`	This component uses the Diffchecker app.
Input Type	`inputType`	`string`	Select a value from the drop down menu:`{ "label": "application/json", "value": "json" }{ "label": "multipart/form-data", "value": "form" }`
syncDir	`syncDir`	`dir`