Create Tileset with Mapbox API on New Order (Instant) from Printful (OAuth) API

Pipedream makes it easy to connect APIs for Mapbox, Printful (OAuth) and 3,000+ other apps remarkably fast.

Trigger workflow on

New Order (Instant) from the Printful (OAuth) API

Next, do this

Create Tileset with the Mapbox 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 Printful (OAuth) trigger and Mapbox action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Order (Instant) trigger
1. Connect your Printful (OAuth) account
Configure the Create Tileset action
1. Connect your Mapbox account
2. Configure Username
3. Configure Tileset Name
4. Configure File Path or URL
5. Configure Recipe
6. Optional- Configure Description
7. Optional- Configure Private
8. Optional- Configure syncDir
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 Order (Instant) on Printful (OAuth)

Description:Emit new event on each created order.

Version:0.0.1

Key:printful_oauth-new-order

View on GitHub

Printful (OAuth) Overview#

The Printful (OAuth) API on Pipedream allows you to automate and integrate Printful's on-demand printing and warehousing services into your custom workflows. From syncing e-commerce orders to generating custom notifications on order status updates, you can tailor the Printful API to fit seamlessly into your business processes. This integration is ideal for e-commerce businesses looking to streamline their operations, especially for those who want to synchronize their storefronts with Printful's production pipeline without extensive manual oversight.

Trigger Code#

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

export default {
  ...common,
  name: "New Order (Instant)",
  version: "0.0.1",
  key: "printful_oauth-new-order",
  description: "Emit new event on each created order.",
  type: "source",
  dedupe: "unique",
  methods: {
    ...common.methods,
    getWebhookEventType() {
      return "order_created";
    },
    async deploy() {
      const orders = await this.printful_oauth.getOrders({
        params: {
          limit: 10,
        },
      });

      orders.reverse().forEach(this.emitEvent);
    },
    emitEvent(body) {
      const data = body?.data?.order ?? body;

      this.$emit(data, {
        id: data.id,
        summary: `New order created with id ${data.id}`,
        ts: Date.parse(data.created),
      });
    },
  },
};

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
Printful (OAuth)	`printful_oauth`	`app`	This component uses the Printful (OAuth) 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.

Trigger Authentication#

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

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

ordersstores_listsync_productsfile_librarywebhooks

About Printful (OAuth)#

Easy print-on-demand drop shipping and fulfillment warehouse services. Connect your account using OAuth.

Action#

Create Tileset on Mapbox

Description:Uploads and creates a new tileset from a data source. [See the documentation](https://docs.mapbox.com/api/maps/mapbox-tiling-service/)

Version:0.1.2

Key:mapbox-create-tileset

View on GitHub

Mapbox Overview#

The Mapbox API offers a suite of tools for developers to integrate location-based services into their applications. With Pipedream, you can leverage Mapbox's capabilities to create complex automations and workflows, like real-time mapping, geocoding, and route optimization. Whether you're managing delivery routes, analyzing spatial data, or personalizing user experiences based on location, Mapbox provides the geographical intelligence that, when combined with Pipedream's serverless platform, can turn these ideas into efficient, automated processes.

Action Code#

import mapbox from "../../mapbox.app.mjs";
import { getFileStreamAndMetadata } from "@pipedream/platform";
import FormData from "form-data";

export default {
  key: "mapbox-create-tileset",
  name: "Create Tileset",
  description: "Uploads and creates a new tileset from a data source. [See the documentation](https://docs.mapbox.com/api/maps/mapbox-tiling-service/)",
  version: "0.1.2",
  annotations: {
    destructiveHint: false,
    openWorldHint: true,
    readOnlyHint: false,
  },
  type: "action",
  props: {
    mapbox,
    username: {
      type: "string",
      label: "Username",
      description: "The Mapbox username of the account for which to create a tileset source",
    },
    tilesetName: {
      type: "string",
      label: "Tileset Name",
      description: "A unique name for the tileset source to be created. Limited to 32 characters. The only allowed special characters are `-` (hyphen) and `_` (underscore)",
    },
    filePath: {
      type: "string",
      label: "File Path or URL",
      description: "A tileset source file. Provide either a file URL or a path to a file in the `/tmp` directory (for example, `/tmp/myFile.txt`)",
    },
    recipe: {
      type: "object",
      label: "Recipe",
      description: "A recipe that describes how the GeoJSON data you uploaded should be transformed into tiles. A tileset source is raw geographic data formatted as [line-delimited GeoJSON](https://en.wikipedia.org/wiki/JSON_streaming#Line-delimited_JSON), or a supported [raster file format](https://docs.mapbox.com/mapbox-tiling-service/raster/supported-file-formats/). For more information on how to create and format recipes, see the [Recipe reference](https://docs.mapbox.com/mapbox-tiling-service/reference/) and [Recipe examples](https://docs.mapbox.com/mapbox-tiling-service/examples/).",
    },
    description: {
      type: "string",
      label: "Description",
      description: "A description of the tileset",
      optional: true,
    },
    private: {
      type: "boolean",
      label: "Private",
      description: "Describes whether the tileset must be used with an access token from your Mapbox account. Default is `true`.",
      optional: true,
    },
    syncDir: {
      type: "dir",
      accessMode: "read",
      sync: true,
      optional: true,
    },
  },
  async run({ $ }) {
    // Create Tileset Source
    try {
      const fileData = new FormData();
      const {
        stream, metadata,
      } = await getFileStreamAndMetadata(this.filePath);
      fileData.append("file", stream, {
        contentType: metadata.contentType,
        knownLength: metadata.size,
        filename: metadata.name,
      });

      await this.mapbox.createTilesetSource({
        $,
        username: this.username,
        id: this.tilesetName,
        data: fileData,
        headers: fileData.getHeaders(),
      });
    } catch (e) {
      throw new Error(`Error uploading file: \`${this.filePath}\`. Error: ${e}`);
    }

    const recipe = typeof this.recipe === "string"
      ? JSON.parse(this.recipe)
      : this.recipe;

    // Validate Recipe
    const {
      valid, errors,
    } = await this.mapbox.validateRecipe({
      $,
      data: recipe,
    });

    if (!valid) {
      throw new Error(`Error validating recipe: ${errors}`);
    }

    // Create Tileset
    const response = await this.mapbox.createTileset({
      $,
      tilesetId: `${this.username}.${this.tilesetName}`,
      data: {
        recipe,
        name: this.tilesetName,
        description: this.description,
        private: this.private,
      },
    });

    $.export("$summary", `Created tileset ${this.tilesetName}`);
    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
Mapbox	`mapbox`	`app`	This component uses the Mapbox app.
Username	`username`	`string`	The Mapbox username of the account for which to create a tileset source
Tileset Name	`tilesetName`	`string`	A unique name for the tileset source to be created. Limited to 32 characters. The only allowed special characters are `-` (hyphen) and `_` (underscore)
File Path or URL	`filePath`	`string`	A tileset source file. Provide either a file URL or a path to a file in the `/tmp` directory (for example, `/tmp/myFile.txt`)
Recipe	`recipe`	`object`	A recipe that describes how the GeoJSON data you uploaded should be transformed into tiles. A tileset source is raw geographic data formatted as line-delimited GeoJSON, or a supported raster file format. For more information on how to create and format recipes, see the Recipe reference and Recipe examples
Description	`description`	`string`	A description of the tileset
Private	`private`	`boolean`	Describes whether the tileset must be used with an access token from your Mapbox account. Default is `true`.
syncDir	`syncDir`	`dir`