Translate Text with Translate.com API on New Alert Received from VisualPing API

Pipedream makes it easy to connect APIs for Translate.com, VisualPing and 2,000+ other apps remarkably fast.

Trigger workflow on

New Alert Received from the VisualPing API

Next, do this

Translate Text with the Translate.com API

No credit card required

▶

Watch us build a workflow

4 min

Watch now ➜

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

Developers ♥ Pipedream

Getting Started#

This integration creates a workflow with a VisualPing trigger and Translate.com action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Alert Received trigger
1. Connect your VisualPing account
2. Configure timer
3. Select a Workspace ID
4. Select a Job ID
Configure the Translate Text action
1. Connect your Translate.com account
2. Select a Source language
3. Select a Translation language
4. Configure Text
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 Alert Received on VisualPing

Description:Emit new event when a change alert is sent.

Version:0.0.1

Key:visualping-new-alert-received

View on GitHub

VisualPing Overview#

VisualPing is a tool that lets you monitor web pages for changes. Using its API with Pipedream, you can automate reactions to those changes. For instance, you can set up workflows that notify you or your team when specific parts of a web page update, or use changes to trigger downstream actions in other apps. Pipedream's serverless platform enables you to connect VisualPing with a vast array of apps to create custom, automated workflows without writing a lot of code.

Trigger Code#

import { DEFAULT_POLLING_SOURCE_TIMER_INTERVAL } from "@pipedream/platform";
import visualping from "../../app/visualping.app.mjs";

export default {
  name: "New Alert Received",
  version: "0.0.1",
  key: "visualping-new-alert-received",
  description: "Emit new event when a change alert is sent.",
  type: "source",
  dedupe: "unique",
  props: {
    visualping,
    db: "$.service.db",
    timer: {
      type: "$.interface.timer",
      static: {
        intervalSeconds: DEFAULT_POLLING_SOURCE_TIMER_INTERVAL,
      },
    },
    workspaceId: {
      propDefinition: [
        visualping,
        "workspaceId",
      ],
    },
    jobId: {
      propDefinition: [
        visualping,
        "jobId",
        (c) => ({
          workspaceId: c.workspaceId,
        }),
      ],
    },
  },
  methods: {
    emitEvent(data) {
      this.$emit(data, {
        id: data.process_id,
        summary: `New alert sent with ID ${data.process_id}`,
        ts: Date.parse(data.process_created),
      });
    },
  },
  async run() {
    const { history: events } = await this.visualping.getJob({
      workspaceId: this.workspaceId,
      jobId: this.jobId,
    });

    events.reverse().filter((event) => event.notification_send)
      .forEach(this.emitEvent);
  },
};

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
VisualPing	`visualping`	`app`	This component uses the VisualPing app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
	`timer`	`$.interface.timer`
Workspace ID	`workspaceId`	`string`	Select a value from the drop down menu.
Job ID	`jobId`	`string`	Select a value from the drop down menu.

Trigger Authentication#

VisualPing uses OAuth authentication. When you connect your VisualPing account, Pipedream will open a popup window where you can sign into VisualPing and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any VisualPing API.

Pipedream requests the following authorization scopes when you connect your account:

About VisualPing#

Website change detection, monitoring and alerting

Action#

Translate Text on Translate.com

Description:Translante a text using machine. [See the documentation](https://translation-api.translate.com/api/documentation?_gl=1*1qes1da*_ga*MTMwNzkzMTg3OC4xNjk1NDE3MDIy*_ga_T51KL347BB*MTY5NTQxNzAyMS4xLjAuMTY5NTQxNzAyMS42MC4wLjA.#/Machine Translation)

Version:0.0.1

Key:translate_com-translate-text

View on GitHub

Translate.com Overview#

The Translate.com API on Pipedream enables you to automate translation tasks, making it simpler to handle multilingual content and communication. With this API, you can dynamically translate text between languages, detect the language of input text, or even integrate machine translation into your services or workflows. Pipedream’s serverless platform connects the Translate.com API with hundreds of other apps to streamline your processes, such as automatically translating customer support tickets, social media posts, or updating multilingual content in real-time.

Action Code#

import app from "../../translate_com.app.mjs";

export default {
  name: "Translate Text",
  version: "0.0.1",
  key: "translate_com-translate-text",
  description: "Translante a text using machine. [See the documentation](https://translation-api.translate.com/api/documentation?_gl=1*1qes1da*_ga*MTMwNzkzMTg3OC4xNjk1NDE3MDIy*_ga_T51KL347BB*MTY5NTQxNzAyMS4xLjAuMTY5NTQxNzAyMS42MC4wLjA.#/Machine Translation)",
  type: "action",
  props: {
    app,
    sourceLanguage: {
      label: "Source language",
      description: "The language of the source text",
      propDefinition: [
        app,
        "language",
      ],
    },
    translationLanguage: {
      type: "string",
      label: "Translation language",
      description: "The translation language",
      propDefinition: [
        app,
        "language",
      ],
    },
    text: {
      type: "string",
      label: "Text",
      description: "Text to be translated",
    },
  },
  async run({ $ }) {
    const response = await this.app.translateText({
      $,
      data: {
        source_language: this.sourceLanguage,
        translation_language: this.translationLanguage,
        text: this.text,
      },
    });

    if (response) {
      $.export("$summary", "Successfully translated text");
    }

    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
Translate.com	`app`	`app`	This component uses the Translate.com app.
Source language	`sourceLanguage`	`string`	Select a value from the drop down menu.
Translation language	`translationLanguage`	`string`	Select a value from the drop down menu.
Text	`text`	`string`	Text to be translated