[Text] Convert Markdown to HTML with Formatting API on New Action Performed from PostHog API

Pipedream makes it easy to connect APIs for Formatting, PostHog and 2,400+ other apps remarkably fast.

Trigger workflow on

New Action Performed from the PostHog 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 PostHog 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 Action Performed trigger
1. Connect your PostHog account
2. Configure timer
3. Select a Organization ID
4. Select a Project ID
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 Action Performed on PostHog

Description:Emit new event when an action is performed in a project. [See the documentation](https://posthog.com/docs/api/query#post-api-projects-project_id-query)

Version:0.0.1

Key:posthog-new-action-performed

View on GitHub

PostHog Overview#

The PostHog API lets you track events, update user properties, and extract analytics to understand user behavior within your applications. Integrating this API into Pipedream workflows allows you to automate actions based on event data, sync user properties across platforms, and trigger alerts or notifications.

Trigger Code#

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

export default {
  key: "posthog-new-action-performed",
  name: "New Action Performed",
  description: "Emit new event when an action is performed in a project. [See the documentation](https://posthog.com/docs/api/query#post-api-projects-project_id-query)",
  version: "0.0.1",
  type: "source",
  dedupe: "unique",
  props: {
    posthog,
    db: "$.service.db",
    timer: {
      type: "$.interface.timer",
      default: {
        intervalSeconds: DEFAULT_POLLING_SOURCE_TIMER_INTERVAL,
      },
    },
    organizationId: {
      propDefinition: [
        posthog,
        "organizationId",
      ],
    },
    projectId: {
      propDefinition: [
        posthog,
        "projectId",
        (c) => ({
          organizationId: c.organizationId,
        }),
      ],
    },
  },
  hooks: {
    async deploy() {
      await this.processEvent(25);
    },
  },
  methods: {
    _getLastTs() {
      return this.db.get("lastTs");
    },
    _setLastTs(lastTs) {
      this.db.set("lastTs", lastTs);
    },
    emitEvent(event) {
      const meta = this.generateMeta(event);
      this.$emit(event, meta);
    },
    generateMeta(event) {
      return {
        id: event.uuid,
        summary: `New ${event.event} event`,
        ts: Date.parse(event.timestamp),
      };
    },
    buildQuery(limit) {
      const lastTs = this._getLastTs();
      let query = "SELECT * FROM events";
      if (lastTs) {
        query += ` WHERE timestamp > '${lastTs}'`;
      }
      query += " ORDER BY timestamp DESC";
      if (limit) {
        query += ` LIMIT ${limit}`;
      }
      return query;
    },
    formatEvents(columns, results) {
      return results.map((result) => {
        const values = {};
        for (let i = 0; i < columns.length; i++) {
          values[columns[i]] = result[i];
        }
        return values;
      });
    },
    async processEvent(limit) {
      const {
        columns, results,
      } = await this.posthog.createQuery({
        projectId: this.projectId,
        data: {
          query: {
            kind: "HogQLQuery",
            query: this.buildQuery(limit),
          },
        },
      });
      const events = this.formatEvents(columns, results);
      if (!events?.length) {
        return;
      }
      this._setLastTs(events[0].timestamp.slice(0, 19));
      events.reverse().forEach((event) => this.emitEvent(event));
    },
  },
  async run() {
    await this.processEvent();
  },
};

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
PostHog	`posthog`	`app`	This component uses the PostHog app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
	`timer`	`$.interface.timer`
Organization ID	`organizationId`	`string`	Select a value from the drop down menu.
Project ID	`projectId`	`string`	Select a value from the drop down menu.

Trigger Authentication#

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

To retrieve your API Key,

Navigate to your PostHog account and sign in
Click on your name/avatar on the top right
Click the gear next to your name to access “Account settings“
Scroll down to “Personal API Keys”

About PostHog#

Product Analytics? Session Recording? Feature Flags? Experiments? PostHog does that. Open source, backed by @ycombinator

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;
    },
});