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

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

Trigger workflow on

New Comment from the Wordpress.com API

Next, do this

[Text] Convert Markdown to HTML 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
Configure the [Text] Convert Markdown to HTML 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.1

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";

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.1",
  type: "source",
  dedupe: "unique",
  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,
    },
  },
  async run({ $ }) {
    const warnings = [];

    const {
      wordpress,
      db,
      site,
      postId,
      number,
    } = this;

    warnings.push(...wordpress.checkDomainOrId(site));

    let response;
    try {
      response = await wordpress.getWordpressComments({
        $,
        site,
        postId,
        number,
      });

    } catch (error) {
      wordpress.throwCustomError("Failed to fetch comments from WordPress:", error, warnings);
    }

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

    // First run: Initialize cursor
    if (!lastCommentId) {
      if (!comments.length) {
        console.log("No comments found on first run. Source initialized with no cursor.");
        return;
      }

      const newest = comments[0]?.ID;
      if (!newest) {
        throw new Error("Failed to initialize: The latest comment does not have a valid ID.");
      }

      await db.set("lastCommentId", newest);
      console.log(`Initialized lastCommentId on first run with comment ID ${newest}.`);
      return;
    }

    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.");
    }

    if (warnings.length > 0) {
      console.log("Warnings:\n- " + warnings.join("\n- "));
    };
  },
};

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

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 Markdown to HTML on Formatting

Description:Convert Markdown text to HTML

Version:0.0.6

Key:formatting-convert-markdown-to-html

View on GitHub

Action Code#

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