Create Screenshot with screenshot.fyi API on New Transfer Event (Instant) from Brex API

Pipedream makes it easy to connect APIs for screenshot.fyi, Brex and 2,800+ other apps remarkably fast.

Trigger workflow on

New Transfer Event (Instant) from the Brex API

Next, do this

Create Screenshot with the screenshot.fyi 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 Brex trigger and screenshot.fyi action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Transfer Event (Instant) trigger
1. Connect your Brex account
2. Select one or more Events
Configure the Create Screenshot action
1. Connect your screenshot.fyi account
2. Configure URL
3. Optional- Configure Width
4. Optional- Configure Height
5. Optional- Configure Full Page
6. Optional- Select a Format
7. Optional- Configure Disable Cookie Banners
8. Optional- Configure Dark Mode
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 Transfer Event (Instant) on Brex

Description:Emit new event for new failed or processed events

Version:0.1.0

Key:brex-new-transfer-event

View on GitHub

Brex Overview#

The Brex API offers a powerful avenue for automating financial operations, providing programmatic access to a company's Brex account. Through the API, you can manage cards, view transactions, and handle rewards programmatically. When combined with Pipedream, the API's capabilities expand, allowing users to integrate Brex data with other apps, trigger workflows based on financial events, and streamline financial reporting and reconciliation processes.

Trigger Code#

import common from "./common.mjs";
import brexApp from "../../brex.app.mjs";

export default {
  ...common,
  dedupe: "unique",
  type: "source",
  key: "brex-new-transfer-event",
  name: "New Transfer Event (Instant)",
  description: "Emit new event for new failed or processed events",
  version: "0.1.0",
  props: {
    brexApp,
    ...common.props,
  },
};

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
Brex	`brexApp`	`app`	This component uses the Brex app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
N/A	`http`	`$.interface.http`	This 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.
Events	`events`	`string[]`	Select a value from the drop down menu:`TRANSFER_PROCESSEDTRANSFER_FAILED`

Trigger Authentication#

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

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

openidoffline_accessuserscardslocationsdepartmentsvendorstransactions.card.readonlytransactions.cash.readonlyaccounts.cash.readonlytransfershttps://onboarding.brexapis.com/referralsbudgets

About Brex#

Payments, Deposits, Cards

Action#

Create Screenshot on screenshot.fyi

Description:Takes a screenshot of a webpage using Screenshot.fyi. [See the documentation](https://www.screenshot.fyi/api-docs)

Version:0.0.2

Key:screenshot_fyi-create-screenshot

View on GitHub

Action Code#

import screenshot_fyi from "../../screenshot_fyi.app.mjs";

export default {
  key: "screenshot_fyi-create-screenshot",
  name: "Create Screenshot",
  description: "Takes a screenshot of a webpage using Screenshot.fyi. [See the documentation](https://www.screenshot.fyi/api-docs)",
  version: "0.0.2",
  annotations: {
    destructiveHint: false,
    openWorldHint: true,
    readOnlyHint: false,
  },
  type: "action",
  props: {
    screenshot_fyi,
    url: {
      type: "string",
      label: "URL",
      description: "The URL of the webpage to capture",
    },
    width: {
      type: "integer",
      label: "Width",
      description: "Width of the viewport in pixels. Default: `1440`",
      optional: true,
    },
    height: {
      type: "integer",
      label: "Height",
      description: "Height of the viewport in pixels. Default: `900`",
      optional: true,
    },
    fullPage: {
      type: "boolean",
      label: "Full Page",
      description: "Capture the full scrollable page. Default: `false`",
      optional: true,
    },
    format: {
      type: "string",
      label: "Format",
      description: "The format of the screenshot. Default: `jpg`",
      options: [
        "png",
        "jpg",
        "jpeg",
      ],
      optional: true,
    },
    disableCookieBanners: {
      type: "boolean",
      label: "Disable Cookie Banners",
      description: "Attempt to remove cookie consent banners. Default: `true`",
      optional: true,
    },
    darkMode: {
      type: "boolean",
      label: "Dark Mode",
      description: "Enable dark mode when taking the screenshot. Default: `false`",
      optional: true,
    },
  },
  async run({ $ }) {
    const response = await this.screenshot_fyi.takeScreenshot({
      $,
      params: {
        url: this.url,
        width: this.width,
        height: this.height,
        fullPage: this.fullPage,
        format: this.format,
        disableCookieBanners: this.disableCookieBanners,
        darkMode: this.darkMode,
      },
    });
    $.export("$summary", `Screenshot taken for ${this.url}`);
    return response;
  },
};

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.

Label	Prop	Type	Description
screenshot.fyi	`screenshot_fyi`	`app`	This component uses the screenshot.fyi app.
URL	`url`	`string`	The URL of the webpage to capture
Width	`width`	`integer`	Width of the viewport in pixels. Default: `1440`
Height	`height`	`integer`	Height of the viewport in pixels. Default: `900`
Full Page	`fullPage`	`boolean`	Capture the full scrollable page. Default: `false`
Format	`format`	`string`	Select a value from the drop down menu:`pngjpgjpeg`
Disable Cookie Banners	`disableCookieBanners`	`boolean`	Attempt to remove cookie consent banners. Default: `true`
Dark Mode	`darkMode`	`boolean`	Enable dark mode when taking the screenshot. Default: `false`