New Card in Column (Classic Projects)

import common from "../common/common-webhook.mjs"; import constants from "../common/constants.mjs"; import { getRelevantHeaders } from "../common/utils.mjs"; export default { ...common, key: "github-new-card-in-column", name: "New Card in Column (Classic Projects)", description: "Emit new event when a (classic) project card is created or moved to a specific column. For Projects V2 use `New Issue with Status` trigger. [More information here](https://docs.github.com/en/issues/organizing-your-work-with-project-boards/tracking-work-with-project-boards/adding-issues-and-pull-requests-to-a-project-board)", version: "1.0.8", type: "source", props: { ...common.props, project: { propDefinition: [ common.props.github, "project", (c) => ({ repoFullname: c.repoFullname, }), ], }, column: { propDefinition: [ common.props.github, "column", (c) => ({ project: c.project, }), ], withLabel: true, }, }, methods: { ...common.methods, getWebhookEvents() { return [ "project_card", ]; }, getThisColumnLabel() { if (typeof this.column === "object") { return this.column.label; } return this.column; }, getThisColumnValue() { if (typeof this.column === "object") { return this.column.value; } return this.column; }, isCardInThisColumn(card) { const { column_id: columnId } = card; return columnId === this.getThisColumnValue(); }, generateMeta(card) { return { id: card.id, summary: `New card in ${this.getThisColumnLabel()}: ${card.note}`, ts: Date.parse(card.updated_at), }; }, async loadHistoricalEvents() { const cards = await this.github.getProjectCards({ columnId: this.getThisColumnValue(), per_page: constants.HISTORICAL_EVENTS, }); for (const card of cards) { await this.processCard({ card, }); } }, async processCard({ card, headers = {}, }) { const meta = this.generateMeta(card); const issue = await this.github.getIssueFromProjectCard({ repoFullname: this.repoFullname, cardId: card.id, }); this.$emit({ card, issue, ...getRelevantHeaders(headers), }, meta); }, }, async run(event) { const { headers, body: { project_card: card }, } = event; if (!card) { console.log("No card in event. Skipping event."); return; } if (!this.isCardInThisColumn(card)) { console.log(`Card not in ${this.getThisColumnLabel()}. Skipping...`); return; } await this.processCard({ card, headers, }); }, };

Label	Prop	Type	Description
GitHub	`github`	`app`	This component uses the GitHub app.
Repository	`repoFullname`	`string`	Select a value from the drop down menu.
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.
Project	`project`	`integer`	Select a value from the drop down menu.
Column	`column`	`integer`	Select a value from the drop down menu.

Label

Prop

Type

Description

GitHub

github

app

This component uses the GitHub app.

Repository

repoFullname

string

Select a value from the drop down menu.

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.

Project

project

integer

Select a value from the drop down menu.

Column

column

integer

Select a value from the drop down menu.