← Asana

New Tag Added To Task (Instant) from Asana API

Pipedream makes it easy to connect APIs for Asana and 700+ other apps remarkably fast.

Trigger workflow on
New Tag Added To Task (Instant) from the Asana API
Next, do this
Connect to 700+ APIs using code and no-code building blocks
No credit card required
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

Trigger a workflow on New Tag Added To Task (Instant) with Asana API. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

  1. Configure the New Tag Added To Task (Instant) trigger
    1. Connect your Asana account
    2. Optional- Select a Workspace
    3. Select a Project
    4. Select one or more Tasks
  2. Add steps to connect to 700+ APIs using code and no-code building blocks
  3. Deploy the workflow
  4. Send a test event to validate your setup
  5. Turn on the trigger

Details

This is a pre-built, open source component from Pipedream's GitHub repo. The component is 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.

New Tag Added To Task (Instant) on Asana
Description:Emit new event for each new tag added to a task.
Version:0.1.0
Key:asana-tag-added-to-task

Code

import common from "../common/common.mjs";
const { asana } = common.props;

export default {
  ...common,
  key: "asana-tag-added-to-task",
  type: "source",
  name: "New Tag Added To Task (Instant)",
  description: "Emit new event for each new tag added to a task.",
  version: "0.1.0",
  props: {
    ...common.props,
    project: {
      label: "Project",
      description: "Gid of a project.",
      type: "string",
      propDefinition: [
        asana,
        "projects",
        (c) => ({
          workspace: c.workspace,
        }),
      ],
    },
    tasks: {
      propDefinition: [
        asana,
        "tasks",
        (c) => ({
          projects: c.project,
        }),
      ],
    },
  },
  methods: {
    ...common.methods,
    getWebhookFilter() {
      return {
        filters: [
          {
            action: "added",
            resource_type: "task",
          },
        ],
        resource: this.project,
      };
    },
    async emitEvent(event) {
      const { body } = event;
      if (!body || !body.events) return;

      const tasks = this.db.get("tasks");

      for (const e of body.events) {
        if (e.parent.resource_type !== "tag") continue;

        if (!tasks || tasks.length <= 0 || Object.keys(tasks).length <= 0 ||
          tasks.includes(e.resource.gid)) {
          const task = await this.asana.getTask(e.resource.gid);
          const tag = await this.asana.getTag(e.parent.gid);

          this.$emit(tag, {
            id: tag.gid,
            summary: `${tag.name} added to ${task.name}`,
            ts: Date.now(),
          });
        }
      }
    },
  },
};

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
AsanaasanaappThis component uses the Asana 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.
WorkspaceworkspacestringSelect a value from the drop down menu.
ProjectprojectstringSelect a value from the drop down menu.
Taskstasksstring[]Select a value from the drop down menu.

Authentication

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

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

About Asana

Manage your team's work, projects, & tasks online

About Pipedream

Stop writing boilerplate code, struggling with authentication and managing infrastructure. Start connecting APIs with code-level control when you need it — and no code when you don't.

Into to Pipedream
Watch us build a workflow
Watch us build a workflow
7 min
Watch now ➜
"The past few weeks, I truly feel like the clichéd 10x engineer."
@heyellieday