← Airtable + Browserless integrations

Generate PDF from HTML String with Browserless API on New Records from Airtable API

Pipedream makes it easy to connect APIs for Browserless, Airtable and 1000+ other apps remarkably fast.

Trigger workflow on
New Records from the Airtable API
Next, do this
Generate PDF from HTML String with the Browserless API
No credit card required
Into to Pipedream
Watch us build a workflow
Watch us build a workflow
7 min
Watch now ➜
Trusted by 250,000+ developers from startups to Fortune 500 companies:
Trusted by 250,000+ developers from startups to Fortune 500 companies

Developers Pipedream

Getting Started

This integration creates a workflow with a Airtable trigger and Browserless action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

  1. Select this integration
  2. Configure the New Records trigger
    1. Connect your Airtable account
    2. Configure timer
    3. Select a Base
    4. Select a Table
  3. Configure the Generate PDF from HTML String action
    1. Connect your Browserless account
    2. Configure HTML String
  4. Deploy the workflow
  5. Send a test event to validate your setup
  6. Turn on the trigger

Details

This integration uses pre-built, open source 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

Description:Emit an event for each new record in a table
Version:0.1.1
Key:airtable-new-records

Airtable Overview

Using the Airtable API, you can build applications that can:

  • Create and manage databases
  • Add, update, and delete records
  • Search for records
  • Sort and filter records
  • Display records in a variety of ways
  • Import and export data

Trigger Code

import moment from "moment";
import axios from "axios";

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

export default {
  ...common,
  name: "New Records",
  description: "Emit an event for each new record in a table",
  key: "airtable-new-records",
  version: "0.1.1",
  type: "source",
  props: {
    ...common.props,
    tableId: {
      propDefinition: [
        common.props.airtable,
        "tableId",
        ({ baseId }) => ({
          baseId,
        }),
      ],
    },
  },
  async run() {
    const {
      baseId,
      tableId,
      viewId,
    } = this;

    const config = {
      url: `https://api.airtable.com/v0/${encodeURIComponent(baseId)}/${encodeURIComponent(tableId)}`,
      params: {},
      headers: {
        Authorization: `Bearer ${this.airtable.$auth.api_key}`,
      },
    };

    const lastTimestamp = this.db.get("lastTimestamp");
    config.params.filterByFormula = `CREATED_TIME() > "${lastTimestamp}"`;

    const { data } = await axios(config);

    if (!data.records.length) {
      console.log("No new records.");
      return;
    }

    const metadata = {
      baseId,
      tableId,
      viewId,
    };

    let maxTimestamp;
    let recordCount = 0;
    for (const record of data.records) {
      record.metadata = metadata;

      this.$emit(record, {
        ts: moment(record.createdTime).valueOf(),
        summary: JSON.stringify(record.fields),
        id: record.id,
      });
      if (!maxTimestamp || moment(record.createdTime).valueOf() > moment(maxTimestamp).valueOf()) {
        maxTimestamp = record.createdTime;
      }
      recordCount++;
    }
    console.log(`Emitted ${recordCount} new records(s).`);
    this.db.set("lastTimestamp", maxTimestamp);
  },
};

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.
LabelPropTypeDescription
AirtableairtableappThis component uses the Airtable app.
N/Adb$.service.dbThis component uses $.service.db to maintain state between component invocations.
timer$.interface.timer
BasebaseIdstringSelect a value from the drop down menu.
TabletableIdstringSelect a value from the drop down menu.

Trigger Authentication

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

Visit your account settings, copy your API key, and enter it below. If you only need to read data from Airtable, and not modify it, you can generate a read-only API key.


get airtable api key

About Airtable

Looks like a spreadsheet, acts like a database.

Action

Description:See https://docs.browserless.io/docs/pdf.html
Version:0.2.1
Key:browserless-convert-html-to-pdf

Browserless Overview

Browserless allows you to build websites and applications that can be used
without a web browser. This means that you can create apps that can be used
offline, or that can be used on devices that don't have a web browser
installed.

Some examples of things that you can build using Browserless are:

  • A website that can be used without a web browser
  • An app that can be used offline
  • A app that can be used on devices that don't have a web browser installed

Action Code

// legacy_hash_id: a_B0ip1E
import axios from "axios";

export default {
  key: "browserless-convert-html-to-pdf",
  name: "Generate PDF from HTML String",
  description: "See https://docs.browserless.io/docs/pdf.html",
  version: "0.2.1",
  type: "action",
  props: {
    browserless: {
      type: "app",
      app: "browserless",
    },
    html: {
      type: "string",
      label: "HTML String",
      description: "HTML to render as a PDF",
    },
  },
  async run({ $ }) {
    const { html } = this;

    const { data } = await axios({
      method: "POST",
      url: `https://chrome.browserless.io/pdf?token=${this.browserless.$auth.api_key}`,
      headers: {
        "Cache-Control": "no-cache",
        "Content-Type": "application/json",
      },
      data: {
        html,
        options: {
          displayHeaderFooter: true,
          printBackground: false,
          format: "Letter",
        },
      },
    });

    $.export("pdf", Buffer.from(data, "binary").toString("base64"));
  },
};

Action Configuration

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI.

LabelPropTypeDescription
BrowserlessbrowserlessappThis component uses the Browserless app.
HTML Stringhtmlstring

HTML to render as a PDF

Action Authentication

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

Sign-up for a browserless account, it will create a unique token that allows service interaction.

About Browserless

Powerful browser automation built for developers

More Ways to Connect Browserless + Airtable

Take a Screenshot with Browserless API on New, Modified or Deleted Records from Airtable API
Airtable + Browserless
 
Try it
Take a Screenshot with Browserless API on New or Modified Records in View from Airtable API
Airtable + Browserless
 
Try it
Take a Screenshot with Browserless API on New or Modified Records from Airtable API
Airtable + Browserless
 
Try it
Take a Screenshot with Browserless API on New Records in View from Airtable API
Airtable + Browserless
 
Try it
Take a Screenshot with Browserless API on New Records from Airtable API
Airtable + Browserless
 
Try it
New or Modified Records from the Airtable API

Emit an event for each new or modified record in a table

 
Try it
New or Modified Records in View from the Airtable API

Emit an event for each new or modified record in a view

 
Try it
New Records from the Airtable API

Emit an event for each new record in a table

 
Try it
New Records in View from the Airtable API

Emit an event for each new record in a view

 
Try it
New, Modified or Deleted Records from the Airtable API

Emits an event each time a record is added, updated, or deleted in an Airtable table. Supports tables up to 10,000 records

 
Try it
Create single record with the Airtable API

Adds a record to a table.

 
Try it
Create Multiple Records with the Airtable API

Create one or more records in a table by passing an array of objects containing field names and values as key/value pairs.

 
Try it
List Records with the Airtable API

Retrieve records from a table with automatic pagination. Optionally sort and filter results.

 
Try it
List Records in View with the Airtable API

Retrieve records in a view with automatic pagination. Optionally sort and filter results.

 
Try it
Update record with the Airtable API

Update a single record in a table by Record ID.

 
Try it