← Google Drive + Browserless integrations

Generate PDF from HTML String with Browserless API on New Files (Instant) from Google Drive API

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

Trigger workflow on
New Files (Instant) from the Google Drive 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 Google Drive 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 Files (Instant) trigger
    1. Connect your Google Drive account
    2. Select a Drive
    3. Optional- Configure Watch for changes to file properties
    4. Configure Push notification renewal schedule
    5. Optional- Select one or more Folders
  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 new event any time a new file is added in your linked Google Drive
Version:0.0.15
Key:google_drive-new-files-instant

Google Drive Overview

Using the Google Drive API, you can build applications that:

  • Create and manage files and folders
  • Download and upload files
  • Share and organize files
  • Search for files
  • Track changes to files
  • And much more!

Trigger Code

import common from "../common-webhook.mjs";
import {
  GOOGLE_DRIVE_NOTIFICATION_ADD,
  GOOGLE_DRIVE_NOTIFICATION_CHANGE,
} from "../../constants.mjs";

export default {
  ...common,
  key: "google_drive-new-files-instant",
  name: "New Files (Instant)",
  description: "Emit new event any time a new file is added in your linked Google Drive",
  version: "0.0.15",
  type: "source",
  dedupe: "unique",
  props: {
    ...common.props,
    folders: {
      type: "string[]",
      label: "Folders",
      description:
        "(Optional) The folders you want to watch for changes. Leave blank to watch for any new file in the Drive.",
      optional: true,
      default: [],
      options({ prevContext }) {
        const { nextPageToken } = prevContext;
        const baseOpts = {
          q: "mimeType = 'application/vnd.google-apps.folder'",
        };
        const opts = this.isMyDrive()
          ? baseOpts
          : {
            ...baseOpts,
            corpora: "drive",
            driveId: this.getDriveId(),
            includeItemsFromAllDrives: true,
            supportsAllDrives: true,
          };
        return this.googleDrive.listFilesOptions(nextPageToken, opts);
      },
    },
  },
  hooks: {
    ...common.hooks,
    async activate() {
      await common.hooks.activate.bind(this)();
      this._setLastFileCreatedTime(Date.now());
    },
  },
  methods: {
    ...common.methods,
    _getLastFileCreatedTime() {
      return this.db.get("lastFileCreatedTime");
    },
    _setLastFileCreatedTime(lastFileCreatedTime) {
      this.db.set("lastFileCreatedTime", lastFileCreatedTime);
    },
    shouldProcess(file) {
      const watchedFolders = new Set(this.folders);
      return (
        watchedFolders.size == 0 ||
        (file.parents && file.parents.some((p) => watchedFolders.has(p)))
      );
    },
    getUpdateTypes() {
      return [
        GOOGLE_DRIVE_NOTIFICATION_ADD,
        GOOGLE_DRIVE_NOTIFICATION_CHANGE,
      ];
    },
    async processChanges(changedFiles) {
      const lastFileCreatedTime = this._getLastFileCreatedTime();
      let maxCreatedTime = lastFileCreatedTime;

      for (const file of changedFiles) {
        const fileInfo = await this.googleDrive.getFile(file.id);
        const createdTime = Date.parse(fileInfo.createdTime);
        if (
          !this.shouldProcess(fileInfo) ||
          createdTime < lastFileCreatedTime
        ) {
          continue;
        }

        this.$emit(fileInfo, {
          summary: `New File: ${fileInfo.name}`,
          id: file.id,
          ts: createdTime,
        });

        maxCreatedTime = Math.max(createdTime, maxCreatedTime);
        this._setLastFileCreatedTime(maxCreatedTime);
      }
    },
  },
};

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
Google DrivegoogleDriveappThis component uses the Google Drive app.
N/Adb$.service.dbThis component uses $.service.db to maintain state between component invocations.
N/Ahttp$.interface.httpThis component uses $.interface.http to generate a unique URL when the component is first instantiated. Each request to the URL will trigger the run() method of the component.
DrivedrivestringSelect a value from the drop down menu.
Watch for changes to file propertieswatchForPropertiesChangesboolean

Watch for changes to file properties
in addition to changes to content. Defaults to false, watching for only changes to content.

Push notification renewal scheduletimer$.interface.timer

The Google Drive API requires occasional renewal of push notification subscriptions. This runs in the background, so you should not need to modify this schedule.

Foldersfoldersstring[]Select a value from the drop down menu.

Trigger Authentication

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

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

emailprofilehttps://www.googleapis.com/auth/drivehttps://www.googleapis.com/auth/drive.readonly

About Google Drive

Internet-related services and products

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 + Google Drive

Take a Screenshot with Browserless API on Changes to Specific Files from Google Drive API
Google Drive + Browserless
 
Try it
Take a Screenshot with Browserless API on New Files (Instant) from Google Drive API
Google Drive + Browserless
 
Try it
Take a Screenshot with Browserless API on New or Modified Comments from Google Drive API
Google Drive + Browserless
 
Try it
Take a Screenshot with Browserless API on New or Modified Files from Google Drive API
Google Drive + Browserless
 
Try it
Take a Screenshot with Browserless API on New or Modified Folders from Google Drive API
Google Drive + Browserless
 
Try it
Changes to Specific Files from the Google Drive API

Watches for changes to specific files, emitting an event any time a change is made to one of those files. To watch for changes to shared drive files, use the Changes to Specific Files (Shared Drive) source instead.

 
Try it
Changes to Specific Files (Shared Drive) from the Google Drive API

Watches for changes to specific files in a shared drive, emitting an event any time a change is made to one of those files

 
Try it
New Files (Instant) from the Google Drive API

Emit new event any time a new file is added in your linked Google Drive

 
Try it
New or Modified Comments from the Google Drive API

Emits a new event any time a file comment is added, modified, or deleted in your linked Google Drive

 
Try it
New or Modified Files from the Google Drive API

Emits a new event any time any file in your linked Google Drive is added, modified, or deleted

 
Try it
Add File Sharing Preference with the Google Drive API

Add a sharing permission to the sharing preferences of a file and provide a sharing URL. See the docs for more information

 
Try it
Copy File with the Google Drive API

Create a copy of the specified file. See the docs for more information

 
Try it
Create a New File with the Google Drive API

Create a new file from a URL or /tmp/filepath. See the docs for more information

 
Try it
Create Folder with the Google Drive API

Create a new empty folder. See the docs for more information

 
Try it
Create New File From Template with the Google Drive API

Create a new google doc file from template. See documentation

 
Try it