[Text] Convert HTML to Markdown with Formatting API on New Area Created from Mural API

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

Trigger workflow on

New Area Created from the Mural 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 Mural 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 Area Created trigger
1. Connect your Mural account
2. Configure timer
3. Select a Workspace ID
4. Select a Mural ID
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 Area Created on Mural

Description:Emit new event when a new area is created in the user's mural

Version:0.0.1

Key:mural-new-area

View on GitHub

Trigger Code#

import common from "../common/base.mjs";

export default {
  ...common,
  key: "mural-new-area",
  name: "New Area Created",
  description: "Emit new event when a new area is created in the user's mural",
  version: "0.0.1",
  type: "source",
  dedupe: "unique",
  props: {
    ...common.props,
    muralId: {
      propDefinition: [
        common.props.mural,
        "muralId",
        (c) => ({
          workspaceId: c.workspaceId,
        }),
      ],
    },
  },
  methods: {
    ...common.methods,
    getResourceFn() {
      return this.mural.listWidgets;
    },
    getArgs() {
      return {
        muralId: this.muralId,
        params: {
          type: "areas",
        },
      };
    },
    getSummary(item) {
      return `New Area Widget ID: ${item.id}`;
    },
  },
};

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
Mural	`mural`	`app`	This component uses the Mural 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.
Mural ID	`muralId`	`string`	Select a value from the drop down menu.

Trigger Authentication#

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

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

workspaces:readusers:readmurals:writemurals:readrooms:readidentity:readtemplates:read

About Mural#

Work better together with Mural's visual work platform.

Action#

[Text] Convert HTML to Markdown on Formatting

Description:Convert valid HTML to Markdown text

Version:0.0.6

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