Create Branch with GitHub API on New Lead from Visitor Queue API

Pipedream makes it easy to connect APIs for GitHub, Visitor Queue and 1400+ other apps remarkably fast.

Trigger workflow on

New Lead from the Visitor Queue API

Next, do this

Create Branch with the GitHub API

No credit card required

▶

Watch us build a workflow

7 min

Watch now ➜

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

Developers ♥ Pipedream

Getting Started#

This integration creates a workflow with a Visitor Queue trigger and GitHub action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Lead trigger
1. Connect your Visitor Queue account
2. Configure Polling interval
3. Select a Data Views
Configure the Create Branch action
1. Connect your GitHub account
2. Select a Repository
3. Configure Branch Name
4. Optional- Select a Source Branch
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 Lead on Visitor Queue

Description:Emit new event when a new Waiver sign is received. [See docs here](https://docs.visitorqueue.com/#4f021159-baae-e19d-bb7f-91a915e5b4ea)

Version:0.0.3

Key:visitor_queue-new-lead

View on GitHub

Visitor Queue Overview#

The Visitor Queue API is an application programming interface that simplifies
website visitor data capture, lead collection, and automation. With this API,
website owners can design, develop, and deploy more successful online
applications and experiences.

Using the Visitor Queue API, website owners can take full advantage of their
website visitor data to improve customer acquisition, sales, and more.

Examples of things you can achieve with the Visitor Queue API:

Something as simple as captures form information and send a tailored message
to the customer.
Generate leads with an interactive web form.
Track visitor behavior on a website and send user-specific alerts.
Create and populate visitor profiles to measure user engagement.
Automatically invite visitors to join a mailing list, schedule personalized
messages, or integrate with APIs and databases.
Trigger custom, automated sales campaigns from visitor behavior.
Detect, identify, and flag malicious website activity.
Gather usage data in order to optimize the website experience for visitors.
Create bespoke data visualizations and analytics to analyze the performance
and effectiveness of campaigns.

Trigger Code#

import moment from "moment";
import visitor_queue from "../../visitor_queue.app.mjs";
import { DEFAULT_POLLING_SOURCE_TIMER_INTERVAL } from "@pipedream/platform";

export default {
  key: "visitor_queue-new-lead",
  name: "New Lead",
  description: "Emit new event when a new Waiver sign is received. [See docs here](https://docs.visitorqueue.com/#4f021159-baae-e19d-bb7f-91a915e5b4ea)",
  version: "0.0.3",
  dedupe: "unique",
  type: "source",
  props: {
    visitor_queue,
    db: "$.service.db",
    timer: {
      label: "Polling interval",
      description: "Pipedream will poll the Visitor Queue API on this schedule",
      type: "$.interface.timer",
      default: {
        intervalSeconds: DEFAULT_POLLING_SOURCE_TIMER_INTERVAL,
      },
    },
    dataViews: {
      propDefinition: [
        visitor_queue,
        "dataViews",
      ],
    },
  },
  methods: {
    _getLastTime() {
      return this.db.get("lastTime");
    },
    _setLastTime(lastTime) {
      this.db.set("lastTime", lastTime);
    },
    getDataToEmit({
      id, name, last_visited_at,
    }) {
      return {
        id,
        summary: `New lead (${name})`,
        ts: new Date(last_visited_at).getTime(),
      };
    },
    async processEvent({
      params, lastTime,
    }) {
      const records = this.visitor_queue.paginate({
        fn: this.visitor_queue.listLeads,
        params,
      });

      for await (const record of records) {
        if (moment(record.last_visited_at).isAfter(lastTime))
          this._setLastTime(record.last_visited_at);

        this.$emit(record, this.getDataToEmit(record));
      }
    },
  },
  hooks: {
    async activate() {
      const lastTime = this._getLastTime();
      const leads = await this.visitor_queue.listLeads({
        params: {
          ga_view_id: this.dataViews,
          min_date: lastTime,
          per_page: 20,
        },
      });

      for (const lead of leads) {
        if (!lastTime || moment(lastTime).isAfter(lead.last_visited_at)) {
          this._setLastTime(lead.last_visited_at);
        }
        this.$emit(lead, this.getDataToEmit(lead));
      }
    },
  },
  async run() {
    const lastTime = this._getLastTime();
    const params = {
      ga_view_id: this.dataViews,
      min_date: lastTime,
    };

    return this.processEvent({
      params,
      lastTime,
    });
  },
};

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
Visitor Queue	`visitor_queue`	`app`	This component uses the Visitor Queue app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
Polling interval	`timer`	`$.interface.timer`	Pipedream will poll the Visitor Queue API on this schedule
Data Views	`dataViews`	`string`	Select a value from the drop down menu.

Trigger Authentication#

Visitor Queue uses API keys for authentication. When you connect your Visitor Queue account, Pipedream securely stores the keys so you can easily authenticate to Visitor Queue APIs in both code and no-code steps.

To get your API Key, go to the integrations page and in the "Utilize the Visitor Queue API" card, click "Generate API Key".

About Visitor Queue#

Visitor Queue is an advanced B2B lead generation software that identifies the name, contact details & user data of the businesses that visit your website.

Action#

Create Branch on GitHub

Description:Create a new branch in a Github repo. [See docs here](https://docs.github.com/en/rest/git/refs?apiVersion=2022-11-28#create-a-reference)

Version:0.0.4

Key:github-create-branch

View on GitHub

Action Code#

import { ConfigurationError } from "@pipedream/platform";
import github from "../../github.app.mjs";

export default {
  key: "github-create-branch",
  name: "Create Branch",
  description: "Create a new branch in a Github repo. [See docs here](https://docs.github.com/en/rest/git/refs?apiVersion=2022-11-28#create-a-reference)",
  version: "0.0.4",
  type: "action",
  props: {
    github,
    repoFullname: {
      propDefinition: [
        github,
        "repoFullname",
      ],
    },
    branchName: {
      label: "Branch Name",
      description: "The name of the new branch that will be crated",
      type: "string",
    },
    branchSha: {
      label: "Source Branch",
      description: "The source branch that will be used to create the new branch",
      propDefinition: [
        github,
        "branch",
        (c) => ({
          repoFullname: c.repoFullname,
        }),
      ],
      optional: true,
    },
  },
  async run({ $ }) {
    if (this.branchSha) {
      this.branchSha = this.branchSha.split("/")[0];
    } else {
      const branches = await this.github.getBranches({
        repoFullname: this.repoFullname,
      });

      const masterBranch = branches.filter((branch) => branch.name === "master" || branch.name === "main");

      if (masterBranch.length) this.branchSha = masterBranch[0].commit.sha;
    }

    if (!this.branchSha) {
      throw new ConfigurationError("Is required to select one source branch");
    }

    const response = await this.github.createBranch({
      repoFullname: this.repoFullname,
      data: {
        ref: `refs/heads/${this.branchName}`,
        sha: this.branchSha,
      },
    });

    $.export("$summary", `Successfully created branch with ID ${response.object.sha}.`);

    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
GitHub	`github`	`app`	This component uses the GitHub app.
Repository	`repoFullname`	`string`	Select a value from the drop down menu.
Branch Name	`branchName`	`string`	The name of the new branch that will be crated
Source Branch	`branchSha`	`string`	Select a value from the drop down menu.

Action Authentication#

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

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

repoadmin:orgadmin:public_keyadmin:org_hookgistprojectnotificationsuserwrite:discussionwrite:packagesread:packagesadmin:repo_hook

Create Branch with GitHub API on New Lead from Visitor Queue API

Pipedream makes it easy to connect APIs for GitHub, Visitor Queue and 1400+ other apps remarkably fast.

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

Developers ♥ Pipedream

1-12of1400+apps by most popular

1
-
12
of
1400+
apps by most popular