[Text] Convert HTML to Markdown with Formatting API on New Comment from Wordpress.com API

Pipedream makes it easy to connect APIs for Formatting, Wordpress.com and 2,900+ other apps remarkably fast.

Trigger workflow on

New Comment from the Wordpress.com API

Next, do this

[Text] Convert HTML to Markdown with the Formatting 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 Wordpress.com trigger and Formatting action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Comment trigger
1. Connect your Wordpress.com account
2. Select a Site ID or Domain
3. Optional- Select a Post ID
4. Optional- Configure Maximum Comments to Fetch
5. Configure Timer
Configure the [Text] Convert HTML to Markdown action
1. Connect your Formatting account
2. Configure Input
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 Comment on Wordpress.com

Description:Emit new event for each new comment added since the last run. If no new comments, emit nothing.

Version:0.0.2

Key:wordpress_com-new-comment

View on GitHub

Wordpress.com Overview#

The Wordpress.com API empowers developers to extend and integrate their website's capabilities with custom automations and connections to a multitude of apps. Through Pipedream's serverless platform, you have the ability to automate content management tasks such as posting new articles, managing comments, and synchronizing users. This can streamline content workflows, enhance user engagement, and keep your site's data in sync with other services like social media, email marketing platforms, and analytics tools.

Trigger Code#

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

export default {
  key: "wordpress_com-new-comment",
  name: "New Comment",
  description: "Emit new event for each new comment added since the last run. If no new comments, emit nothing.",
  version: "0.0.2",
  type: "source",
  dedupe: "unique",
  methods: {
    getWordpressComments($) {
      return this.wordpress.getWordpressComments({
        $,
        site: this.site,
        postId: this.postId,
        number: this.number,
      });
    },
  },
  props: {
    wordpress,
    db: "$.service.db",
    site: {
      propDefinition: [
        wordpress,
        "siteId",
      ],
    },
    postId: {
      propDefinition: [
        wordpress,
        "postId",
        (c) => ({
          site: c.site,
        }),
      ],
      description: "Enter a specific post ID to fetch comments for only that post. Leave empty to fetch all comments.",
      optional: true,
    },
    number: {
      type: "integer",
      label: "Maximum Comments to Fetch",
      description: "The number of most recent comments to fetch each time the source runs",
      default: 10,
      optional: true,
      min: 1,
      max: 100,
    },
    timer: {
      type: "$.interface.timer",
      label: "Timer",
      description: "How often to poll WordPress for new comments.",
      default: {
        intervalSeconds: DEFAULT_POLLING_SOURCE_TIMER_INTERVAL,
      },
    },
  },
  hooks: {
    async activate() {

      const {
        wordpress,
        db,
      } = this;

      await this.db.set("lastCommentId", null); //reset

      const response = await this.getWordpressComments();

      const comments = response.comments || [];

      await wordpress.initialize(comments, db, "lastCommentId");
    },
  },

  async run({ $ }) {

    const {
      wordpress,
      db,
    } = this;

    const response = await this.getWordpressComments({
      $,
    });

    const comments = response.comments || [];
    const lastCommentId = Number(await db.get("lastCommentId"));

    if (!lastCommentId)  await wordpress.initialize(comments, db, "lastCommentId");

    let maxCommentIdTracker = lastCommentId;
    const newComments = [];

    for (const comment of comments) {
      if (Number(comment.ID) > lastCommentId) {
        newComments.push(comment);
        if (Number(comment.ID) > maxCommentIdTracker) {
          maxCommentIdTracker = comment.ID;
        }
      }
    }

    for (const comment of newComments.reverse()) {
      this.$emit(comment, {
        id: comment.ID,
        summary: comment.author?.name || "Anonymous Comment",
        ts: comment.date && +new Date(comment.date),
      });
    }

    // Update last seen comment ID
    if (newComments.length > 0) {
      await db.set("lastCommentId", maxCommentIdTracker);
      console.log(`Checked for new comments. Emitted ${newComments.length} comment(s).`);
    } else {
      console.log("No new comments found.");
    }
  },
};

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
Wordpress.com	`wordpress`	`app`	This component uses the Wordpress.com app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
Site ID or Domain	`site`	`string`	Select a value from the drop down menu.
Post ID	`postId`	`string`	Select a value from the drop down menu.
Maximum Comments to Fetch	`number`	`integer`	The number of most recent comments to fetch each time the source runs
Timer	`timer`	`$.interface.timer`	How often to poll WordPress for new comments.

Trigger Authentication#

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

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

global

About Wordpress.com#

Hosted Wordpress

Action#

[Text] Convert HTML to Markdown on Formatting

Description:Convert valid HTML to Markdown text

Version:0.0.7

Key:formatting-convert-html-to-markdown

View on GitHub

Action Code#

import { defineAction } from "@pipedream/types";
import { parseHTML } from "linkedom";
import showdown from "showdown";
import app from "../../app/formatting.app.mjs";
export default defineAction({
    name: "[Text] Convert HTML to Markdown",
    description: "Convert valid HTML to Markdown text",
    key: "formatting-convert-html-to-markdown",
    version: "0.0.7",
    annotations: {
        destructiveHint: false,
        openWorldHint: true,
        readOnlyHint: true,
    },
    type: "action",
    props: {
        app,
        input: {
            label: "Input",
            description: "HTML string to be converted to Markdown",
            type: "string",
        },
    },
    async run({ $ }) {
        const { input } = this;
        const converter = new showdown.Converter();
        const dom = parseHTML("");
        const result = converter.makeMarkdown(input, dom.window.document);
        $.export("$summary", "Successfully converted to Markdown");
        return result;
    },
});