Access Shader Assets with Shadertoy API on New or Updated Company from HubSpot API

Pipedream makes it easy to connect APIs for Shadertoy, HubSpot and 2,200+ other apps remarkably fast.

Trigger workflow on

New or Updated Company from the HubSpot API

Next, do this

Access Shader Assets with the Shadertoy 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 HubSpot trigger and Shadertoy action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New or Updated Company trigger
1. Connect your HubSpot account
2. Configure timer
3. Configure info
4. Optional- Select one or more Additional properties to retrieve
5. Optional- Configure New Only
Configure the Access Shader Assets action
1. Connect your Shadertoy account
2. Configure Asset Source
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 or Updated Company on HubSpot

Description:Emit new event for each new or updated company in Hubspot.

Version:0.0.1

Key:hubspot-new-or-updated-company

View on GitHub

HubSpot Overview#

The HubSpot API enables developers to integrate into HubSpots CRM, CMS, Conversations, and other features. It allows for automated management of contacts, companies, deals, and marketing campaigns, enabling custom workflows, data synchronization, and task automation. This streamlines operations and boosts customer engagement, with real-time updates for rapid response to market changes.

Trigger Code#

import common from "../common/common.mjs";
import {
  DEFAULT_LIMIT, DEFAULT_COMPANY_PROPERTIES,
} from "../../common/constants.mjs";
import sampleEmit from "./test-event.mjs";

export default {
  ...common,
  key: "hubspot-new-or-updated-company",
  name: "New or Updated Company",
  description: "Emit new event for each new or updated company in Hubspot.",
  version: "0.0.1",
  dedupe: "unique",
  type: "source",
  props: {
    ...common.props,
    info: {
      type: "alert",
      alertType: "info",
      content: `Properties:\n\`${DEFAULT_COMPANY_PROPERTIES.join(", ")}\``,
    },
    properties: {
      propDefinition: [
        common.props.hubspot,
        "companyProperties",
        () => ({
          excludeDefaultProperties: true,
        }),
      ],
      label: "Additional properties to retrieve",
    },
    newOnly: {
      type: "boolean",
      label: "New Only",
      description: "Emit events only for new companies",
      default: false,
      optional: true,
    },
  },
  methods: {
    ...common.methods,
    getTs(company) {
      return this.isNew
        ? Date.parse(company.createdAt)
        : Date.parse(company.updatedAt);
    },
    generateMeta(company) {
      const {
        id,
        properties,
      } = company;
      const ts = this.getTs(company);
      return {
        id: this.newOnly
          ? id
          : `${id}-${ts}`,
        summary: properties.name,
        ts,
      };
    },
    isRelevant(company, updatedAfter) {
      return this.getTs(company) > updatedAfter;
    },
    getParams() {
      const { properties = [] } = this;
      return {
        data: {
          limit: DEFAULT_LIMIT,
          sorts: [
            {
              propertyName: "hs_lastmodifieddate",
              direction: "DESCENDING",
            },
          ],
          properties: [
            ...DEFAULT_COMPANY_PROPERTIES,
            ...properties,
          ],
        },
        object: "companies",
      };
    },
    async processResults(after, params) {
      await this.searchCRM(params, after);
    },
  },
  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
HubSpot	`hubspot`	`app`	This component uses the HubSpot app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
	`timer`	`$.interface.timer`
Additional properties to retrieve	`properties`	`string[]`	Select a value from the drop down menu.
New Only	`newOnly`	`boolean`	Emit events only for new companies

Trigger Authentication#

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

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

business-intelligencecrm.lists.readcrm.lists.writecrm.objects.companies.readcrm.objects.companies.writecrm.objects.contacts.readcrm.objects.contacts.writecrm.objects.deals.readcrm.objects.deals.writecrm.objects.quotes.readcrm.objects.quotes.writecrm.objects.owners.readcrm.schemas.companies.readcrm.schemas.companies.writecrm.schemas.contacts.readcrm.schemas.contacts.writecrm.schemas.deals.readcrm.schemas.deals.writecrm.schemas.quotes.readconversations.readcrm.importfilesformsforms-uploaded-filesintegration-syncoauthtimeline

About HubSpot#

HubSpot's CRM platform contains the marketing, sales, service, operations, and website-building software you need to grow your business.

Action#

Access Shader Assets on Shadertoy

Description:Accesses an asset from source. [See the documentation](https://www.shadertoy.com/howto)

Version:0.0.1

Key:shadertoy-access-assets

View on GitHub

Shadertoy Overview#

The Shadertoy API opens a window to a universe of visual creations by providing programmatic access to a wealth of shaders created by the Shadertoy community. These shaders are snippets of GLSL code that produce stunning graphics and visual effects. In Pipedream, you can leverage this API to trigger workflows that interact with these shaders, such as retrieving shader information, displaying shader visuals, or even monitoring the latest creations. By combining Shadertoy API with Pipedream's capability to connect to numerous other services, your creative and technical projects can flourish with dynamic, visually rich content.

Action Code#

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

export default {
  key: "shadertoy-access-assets",
  name: "Access Shader Assets",
  description: "Accesses an asset from source. [See the documentation](https://www.shadertoy.com/howto)",
  version: "0.0.1",
  type: "action",
  props: {
    app,
    assetSource: {
      type: "string",
      label: "Asset Source",
      description: "The source to the specific asset",
    },
  },
  async run({ $ }) {
    const response = await this.app.getShaderAsset({
      $,
      assetSource: this.assetSource,
    });

    $.export("$summary", `Successfully accessed asset "${this.assetSource}"`);

    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
Shadertoy	`app`	`app`	This component uses the Shadertoy app.
Asset Source	`assetSource`	`string`	The source to the specific asset

Access Shader Assets with Shadertoy API on New or Updated Company from HubSpot API

Pipedream makes it easy to connect APIs for Shadertoy, HubSpot and 2,200+ other apps remarkably fast.

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Developers ♥ Pipedream

1-24of2,200+apps by most popular

1
-
24
of
2,200+
apps by most popular