generated from actions/javascript-action
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
e52b14f
commit f239ec9
Showing
1 changed file
with
25 additions
and
196 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,205 +1,34 @@ | ||
# Create a JavaScript Action | ||
# Post a message to a Sphinx Bot | ||
|
||
[![GitHub Super-Linter](https://github.com/actions/javascript-action/actions/workflows/linter.yml/badge.svg)](https://github.com/super-linter/super-linter) | ||
![CI](https://github.com/actions/javascript-action/actions/workflows/ci.yml/badge.svg) | ||
## Inputs | ||
|
||
Use this template to bootstrap the creation of a JavaScript action. :rocket: | ||
### `tribe_url` | ||
**Required** URL of your Tribe. | ||
|
||
This template includes compilation support, tests, a validation workflow, | ||
publishing, and versioning guidance. | ||
### `bot_id` | ||
**Required** ID of your BOT | ||
|
||
If you are new, there's also a simpler introduction in the | ||
[Hello world JavaScript action repository](https://github.com/actions/hello-world-javascript-action). | ||
### `bot_secret` | ||
**Required** BOT Secret | ||
|
||
## Create Your Own Action | ||
### `chat_uuid` | ||
**Required** CHAT_UUID | ||
|
||
To create your own action, you can use this repository as a template! Just | ||
follow the below instructions: | ||
### `bot_message` | ||
**Required** Message to send to the Bot | ||
|
||
1. Click the **Use this template** button at the top of the repository | ||
1. Select **Create a new repository** | ||
1. Select an owner and name for your new repository | ||
1. Click **Create repository** | ||
1. Clone your new repository | ||
## Outputs | ||
JSON response from the Bot | ||
|
||
> [!IMPORTANT] | ||
> | ||
> Make sure to remove or update the [`CODEOWNERS`](./CODEOWNERS) file! For | ||
> details on how to use this file, see | ||
> [About code owners](https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-code-owners). | ||
## Example usage | ||
|
||
## Initial Setup | ||
|
||
After you've cloned the repository to your local machine or codespace, you'll | ||
need to perform some initial setup steps before you can develop your action. | ||
|
||
> [!NOTE] | ||
> | ||
> You'll need to have a reasonably modern version of | ||
> [Node.js](https://nodejs.org) handy. If you are using a version manager like | ||
> [`nodenv`](https://github.com/nodenv/nodenv) or | ||
> [`nvm`](https://github.com/nvm-sh/nvm), you can run `nodenv install` in the | ||
> root of your repository to install the version specified in | ||
> [`package.json`](./package.json). Otherwise, 20.x or later should work! | ||
1. :hammer_and_wrench: Install the dependencies | ||
|
||
```bash | ||
npm install | ||
``` | ||
|
||
1. :building_construction: Package the JavaScript for distribution | ||
|
||
```bash | ||
npm run bundle | ||
``` | ||
|
||
1. :white_check_mark: Run the tests | ||
|
||
```bash | ||
$ npm test | ||
PASS ./index.test.js | ||
✓ throws invalid number (3ms) | ||
✓ wait 500 ms (504ms) | ||
✓ test runs (95ms) | ||
... | ||
``` | ||
|
||
## Update the Action Metadata | ||
|
||
The [`action.yml`](action.yml) file defines metadata about your action, such as | ||
input(s) and output(s). For details about this file, see | ||
[Metadata syntax for GitHub Actions](https://docs.github.com/en/actions/creating-actions/metadata-syntax-for-github-actions). | ||
|
||
When you copy this repository, update `action.yml` with the name, description, | ||
inputs, and outputs for your action. | ||
|
||
## Update the Action Code | ||
|
||
The [`src/`](./src/) directory is the heart of your action! This contains the | ||
source code that will be run when your action is invoked. You can replace the | ||
contents of this directory with your own code. | ||
|
||
There are a few things to keep in mind when writing your action code: | ||
|
||
- Most GitHub Actions toolkit and CI/CD operations are processed asynchronously. | ||
In `main.js`, you will see that the action is run in an `async` function. | ||
|
||
```javascript | ||
const core = require('@actions/core') | ||
//... | ||
async function run() { | ||
try { | ||
//... | ||
} catch (error) { | ||
core.setFailed(error.message) | ||
} | ||
} | ||
``` | ||
|
||
For more information about the GitHub Actions toolkit, see the | ||
[documentation](https://github.com/actions/toolkit/blob/master/README.md). | ||
|
||
So, what are you waiting for? Go ahead and start customizing your action! | ||
|
||
1. Create a new branch | ||
|
||
```bash | ||
git checkout -b releases/v1 | ||
``` | ||
|
||
1. Replace the contents of `src/` with your action code | ||
1. Add tests to `__tests__/` for your source code | ||
1. Format, test, and build the action | ||
|
||
```bash | ||
npm run all | ||
``` | ||
|
||
> [!WARNING] | ||
> | ||
> This step is important! It will run [`ncc`](https://github.com/vercel/ncc) | ||
> to build the final JavaScript action code with all dependencies included. | ||
> If you do not run this step, your action will not work correctly when it is | ||
> used in a workflow. This step also includes the `--license` option for | ||
> `ncc`, which will create a license file for all of the production node | ||
> modules used in your project. | ||
|
||
1. Commit your changes | ||
|
||
```bash | ||
git add . | ||
git commit -m "My first action is ready!" | ||
``` | ||
|
||
1. Push them to your repository | ||
|
||
```bash | ||
git push -u origin releases/v1 | ||
``` | ||
|
||
1. Create a pull request and get feedback on your action | ||
1. Merge the pull request into the `main` branch | ||
|
||
Your action is now published! :rocket: | ||
|
||
For information about versioning your action, see | ||
[Versioning](https://github.com/actions/toolkit/blob/master/docs/action-versioning.md) | ||
in the GitHub Actions toolkit. | ||
|
||
## Validate the Action | ||
|
||
You can now validate the action by referencing it in a workflow file. For | ||
example, [`ci.yml`](./.github/workflows/ci.yml) demonstrates how to reference an | ||
action in the same repository. | ||
|
||
```yaml | ||
steps: | ||
- name: Checkout | ||
id: checkout | ||
uses: actions/checkout@v3 | ||
- name: Test Local Action | ||
id: test-action | ||
uses: ./ | ||
with: | ||
milliseconds: 1000 | ||
- name: Print Output | ||
id: output | ||
run: echo "${{ steps.test-action.outputs.time }}" | ||
``` | ||
|
||
For example workflow runs, check out the | ||
[Actions tab](https://github.com/actions/javascript-action/actions)! :rocket: | ||
|
||
## Usage | ||
|
||
After testing, you can create version tag(s) that developers can use to | ||
reference different stable versions of your action. For more information, see | ||
[Versioning](https://github.com/actions/toolkit/blob/master/docs/action-versioning.md) | ||
in the GitHub Actions toolkit. | ||
|
||
To include the action in a workflow in another repository, you can use the | ||
`uses` syntax with the `@` symbol to reference a specific branch, tag, or commit | ||
hash. | ||
|
||
```yaml | ||
steps: | ||
- name: Checkout | ||
id: checkout | ||
uses: actions/checkout@v4 | ||
- name: Run my Action | ||
id: run-action | ||
uses: actions/javascript-action@v1 # Commit with the `v1` tag | ||
with: | ||
milliseconds: 1000 | ||
- name: Print Output | ||
id: output | ||
run: echo "${{ steps.run-action.outputs.time }}" | ||
``` | ||
```yml | ||
- name: Notify Sphinx Bot | ||
uses: stakwork/sphinx-bot-ga@v0.1.0 | ||
with: | ||
tribe_url: ${{ secrets.TRIBE_URL }} | ||
bot_id: ${{ secrets.BOT_ID }} | ||
bot_secret: ${{ secrets.BOT_SECRET }} | ||
chat_uuid: ${{ secrets.CHAT_UUID }} | ||
bot_message: This works! | ||
``` |