Create or update file contents with GitHub API on New Field from Airtable API

Pipedream makes it easy to connect APIs for GitHub, Airtable and 1,600+ other apps remarkably fast.

Trigger workflow on

New Field from the Airtable API

Next, do this

Create or update file contents with the GitHub API

No credit card required

▶

Watch us build a workflow

7 min

Watch now ➜

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

Developers ♥ Pipedream

Getting Started#

This integration creates a workflow with a Airtable 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 Field trigger
1. Connect your Airtable account
2. Configure timer
3. Select a Base
4. Select a Table
Configure the Create or update file contents action
1. Connect your GitHub account
2. Select a Repository
3. Configure Path
4. Configure File content
5. Configure Commit message
6. Optional- Configure 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 Field on Airtable

Description:Emit new event for each new field created in a table

Version:0.0.1

Key:airtable_oauth-new-field

View on GitHub

Trigger Code#

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

export default {
  name: "New Field",
  description: "Emit new event for each new field created in a table",
  key: "airtable_oauth-new-field",
  version: "0.0.1",
  type: "source",
  props: {
    ...common.props,
    tableId: {
      propDefinition: [
        common.props.airtable,
        "tableId",
        ({ baseId }) => ({
          baseId,
        }),
      ],
      description: "The table ID to watch for changes.",
    },
  },
  methods: {
    _getFieldIds() {
      return this.db.get("fieldIds") || [];
    },
    _setFieldIds(fieldIds) {
      this.db.set("fieldIds", fieldIds);
    },
  },
  async run() {
    const fieldIds = this._getFieldIds();

    const { tables } = await this.airtable.listTables({
      baseId: this.baseId,
    });
    const { fields } = tables.find(({ id }) => id === this.tableId);

    for (const field of fields) {
      if (fieldIds.includes(field.id)) {
        continue;
      }
      fieldIds.push(field.id);
      this.$emit(field, {
        id: field.id,
        summary: field.name,
        ts: Date.now(),
      });
    }

    this._setFieldIds(fieldIds);
  },
};

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
Airtable	`airtable`	`app`	This component uses the Airtable app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
	`timer`	`$.interface.timer`
Base	`baseId`	`string`	Select a value from the drop down menu.
Table	`tableId`	`string`	Select a value from the drop down menu.

Trigger Authentication#

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

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

data.records:readdata.records:writedata.recordComments:readdata.recordComments:writeschema.bases:readschema.bases:writewebhook:manageuser.email:read

About Airtable#

Connect everything. Achieve anything. Accelerate work and unlock potential with powerful apps that connect your data, workflows and teams.

Action#

Create or update file contents on GitHub

Description:Create or update a file in a repository. This will replace an existing file. [See docs here](https://docs.github.com/en/rest/repos/contents#create-or-update-file-contents)

Version:0.0.9

Key:github-create-or-update-file-contents

View on GitHub

Action Code#

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

export default {
  key: "github-create-or-update-file-contents",
  name: "Create or update file contents",
  description: "Create or update a file in a repository. This will replace an existing file. [See docs here](https://docs.github.com/en/rest/repos/contents#create-or-update-file-contents)",
  version: "0.0.9",
  type: "action",
  props: {
    github,
    repoFullname: {
      propDefinition: [
        github,
        "repoFullname",
      ],
    },
    path: {
      label: "Path",
      description:
        "The full path of the file to create. *If the file already exists, it will be updated.* Example: `path/to/file.txt`",
      type: "string",
    },
    fileContent: {
      label: "File content",
      description: "The raw contents of the file. *If the file already exists, the entire file will be overwritten.*",
      type: "string",
    },
    commitMessage: {
      label: "Commit message",
      description: "The commit message for this change.",
      type: "string",
      default: "Pipedream - {{steps.trigger.context.workflow_name}} ({{steps.trigger.context.workflow_id}})",
    },
    branch: {
      label: "Branch",
      description:
        "The branch name. Defaults to the repository’s default branch (usually `master`)",
      type: "string",
      optional: true,
    },
  },
  async run({ $ }) {

    const response = await this.github.createOrUpdateFileContent({
      repoFullname: this.repoFullname,
      path: this.path,
      commitMessage: this.commitMessage,
      fileContent: this.fileContent,
      branch: this.branch,
    });

    $.export("$summary", `Successfully set contents of ${this.path}${this.branch
      ? ` on branch ${this.branch}`
      : ""}.`);

    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.
Path	`path`	`string`	The full path of the file to create. If the file already exists, it will be updated. Example: `path/to/file.txt`
File content	`fileContent`	`string`	The raw contents of the file. If the file already exists, the entire file will be overwritten.
Commit message	`commitMessage`	`string`	The commit message for this change.
Branch	`branch`	`string`	The branch name. Defaults to the repository’s default branch (usually `master`)

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 or update file contents with GitHub API on New Field from Airtable API

Pipedream makes it easy to connect APIs for GitHub, Airtable and 1,600+ other apps remarkably fast.

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

Developers ♥ Pipedream

1-12of1,600+apps by most popular

1
-
12
of
1,600+
apps by most popular