Formatting - [Text] Convert HTML to Markdown with Pipedream Utils API on New Light State from Philips Hue API

Pipedream makes it easy to connect APIs for Pipedream Utils, Philips Hue and 2,900+ other apps remarkably fast.

Trigger workflow on

New Light State from the Philips Hue API

Next, do this

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

Select this integration
Configure the New Light State trigger
1. Connect your Philips Hue account
2. Configure timer
3. Configure Username
4. Optional- Select a Light ID
5. Optional- Select a Group ID
Configure the Formatting - [Text] Convert HTML to Markdown action
1. Connect your Pipedream Utils 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 Light State on Philips Hue

Description:Emit new event when the state of a light changes (e.g., turned on/off, brightness adjusted, color changed). [See the documentation](https://developers.meethue.com/develop/hue-api-v2/api-reference/#resource_light__id__put)

Version:0.0.1

Key:philips_hue-new-light-state

View on GitHub

Philips Hue Overview#

The Philips Hue API offers rich control over Philips Hue smart lighting systems. Via Pipedream, you can automate your lighting based on various triggers – think syncing lights with the sun's cycle, changing color to indicate new emails, or even integrating with motion sensors for a smart-home experience. With Pipedream's capabilities to connect to countless services, the possibilities of creating personalized lighting scenarios are vast, limited only by your imagination and the availability of triggers or events from other services and devices.

Trigger Code#

import common from "../common/base.mjs";
import { ConfigurationError } from "@pipedream/platform";
import sampleEmit from "./test-event.mjs";

export default {
  ...common,
  key: "philips_hue-new-light-state",
  name: "New Light State",
  description: "Emit new event when the state of a light changes (e.g., turned on/off, brightness adjusted, color changed). [See the documentation](https://developers.meethue.com/develop/hue-api-v2/api-reference/#resource_light__id__put)",
  version: "0.0.1",
  type: "source",
  dedupe: "unique",
  props: {
    ...common.props,
    lightId: {
      propDefinition: [
        common.props.philipsHue,
        "lightId",
        (c) => ({
          username: c.username,
        }),
      ],
      optional: true,
    },
    groupId: {
      propDefinition: [
        common.props.philipsHue,
        "groupId",
        (c) => ({
          username: c.username,
        }),
      ],
      optional: true,
    },
  },
  hooks: {
    deploy() {
      if ((!this.lightId && !this.groupId) || (this.lightId && this.groupId)) {
        throw new ConfigurationError("Must specify exactly one of Light ID or Group ID");
      }
    },
  },
  methods: {
    ...common.methods,
    getSummary(item) {
      return `${this.lightId
        ? "Light"
        : "Group"} with ID ${item.id} changed ${item.propertyChanged} state`;
    },
  },
  async run() {
    const previousData = this._getPreviousData();
    const args = {
      username: this.username,
    };
    const { data } = this.lightId
      ? await this.philipsHue.getLight({
        ...args,
        lightId: this.lightId,
      })
      : await this.philipsHue.getGroup({
        ...args,
        groupId: this.groupId,
      });

    for (const item of data) {
      const itemData = {
        on: item?.on,
        brightness: item?.dimming?.brightness,
        color: item?.color?.xy,
      };
      if (
        previousData[item.id]
        && JSON.stringify(previousData[item.id]) === JSON.stringify(itemData)
      ) {
        continue;
      }
      item.propertyChanged = !previousData[item.id] || previousData[item.id].on !== itemData.on
        ? "on/off"
        : previousData[item.id].brightness !== itemData.brightness
          ? "brightness"
          : "color";

      this.emitEvent(item);

      previousData[item.id] = itemData;
    }

    this._setPreviousData(previousData);
  },
  sampleEmit,
};

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
Philips Hue	`philipsHue`	`app`	This component uses the Philips Hue app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
	`timer`	`$.interface.timer`
Username	`username`	`string`	The username to use. See the documentation for information on how to create an authorized username
Light ID	`lightId`	`string`	Select a value from the drop down menu.
Group ID	`groupId`	`string`	Select a value from the drop down menu.

Trigger Authentication#

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

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

About Philips Hue#

Smart light lets you do more. Whether that’s creating the perfect atmosphere for a relaxing night in or bringing the thrill of the theater into your living room, Philips Hue helps you think larger than light.

Action#

Formatting - [Text] Convert HTML to Markdown on Pipedream Utils

Description:Convert valid HTML to Markdown text

Version:0.0.7

Key:pipedream_utils-convert-html-to-markdown

View on GitHub

Pipedream Utils Overview#

The Pipedream Utils app is a set of pre-built functions that streamline common tasks in your workflows. It acts like a Swiss Army knife for developers, providing essential tools such as format conversion, date manipulation, and text processing. By leveraging these functions, you can reduce the boilerplate code needed for routine operations, speeding up the development of intricate automations. The Helper Functions API can be a game changer when it comes to tasks like parsing dates in user-friendly formats, encoding and decoding data, or generating UUIDs, making them more efficient and less error-prone.

Action Code#

import { parseHTML } from "linkedom";
import showdown from "showdown";
import pipedream_utils from "../../pipedream_utils.app.mjs";
export default {
  name: "Formatting - [Text] Convert HTML to Markdown",
  description: "Convert valid HTML to Markdown text",
  key: "pipedream_utils-convert-html-to-markdown",
  version: "0.0.7",
  annotations: {
    destructiveHint: false,
    openWorldHint: false,
    readOnlyHint: true,
  },
  type: "action",
  props: {
    pipedream_utils,
    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;
  },
};