2025-12-15 20:57:47 +01:00
|
|
|
# deploy-pages
|
|
|
|
|
This action deploys a static HTML site to PageUp
|
|
|
|
|
|
|
|
|
|
<!-- [](https://github.com/actions/javascript-action/actions/workflows/linter.yml)
|
|
|
|
|
[](https://github.com/actions/javascript-action/actions/workflows/ci.yml)
|
|
|
|
|
[](https://github.com/actions/javascript-action/actions/workflows/check-dist.yml)
|
|
|
|
|
[](https://github.com/actions/javascript-action/actions/workflows/codeql-analysis.yml) -->
|
|
|
|
|
[](./badges/coverage.svg)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## Usage
|
|
|
|
|
See [action.yml](action.yml) for the various `inputs` this action supports.
|
|
|
|
|
This action deploys a static HTML site present in directory specified by `${{ inputs.build_folder }}` (`dist/` by default).
|
|
|
|
|
We recommend this action to be used in a dedicated job:
|
|
|
|
|
|
|
|
|
|
```yaml
|
|
|
|
|
jobs:
|
|
|
|
|
build:
|
|
|
|
|
steps:
|
2025-12-15 21:03:10 +01:00
|
|
|
# <Not provided for brevity>
|
|
|
|
|
# At a minimum this job should compile a static site to some folder
|
|
|
|
|
|
2025-12-15 20:57:47 +01:00
|
|
|
- name: Deploy to PageUp
|
|
|
|
|
uses: nna/deploy-pageup@v1 # or specific "vX.X.X" version tag for this action
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
# Development info
|
|
|
|
|
|
|
|
|
|
## 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 (20.x or later should work!). If you are
|
|
|
|
|
> using a version manager like [`nodenv`](https://github.com/nodenv/nodenv) or
|
|
|
|
|
> [`fnm`](https://github.com/Schniz/fnm), this template has a `.node-version`
|
|
|
|
|
> file at the root of the repository that can be used to automatically switch to
|
|
|
|
|
> the correct version when you `cd` into the repository. Additionally, this
|
|
|
|
|
> `.node-version` file is used by GitHub Actions in any `actions/setup-node`
|
|
|
|
|
> actions.
|
|
|
|
|
|
|
|
|
|
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 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/main/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
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
> This step is important! It will run [`rollup`](https://rollupjs.org/) 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.
|
|
|
|
|
|
|
|
|
|
1. (Optional) Test your action locally
|
|
|
|
|
|
|
|
|
|
The [`@github/local-action`](https://github.com/github/local-action) utility
|
|
|
|
|
can be used to test your action locally. It is a simple command-line tool
|
|
|
|
|
that "stubs" (or simulates) the GitHub Actions Toolkit. This way, you can run
|
|
|
|
|
your JavaScript action locally without having to commit and push your changes
|
|
|
|
|
to a repository.
|
|
|
|
|
|
|
|
|
|
The `local-action` utility can be run in the following ways:
|
|
|
|
|
- Visual Studio Code Debugger
|
|
|
|
|
|
|
|
|
|
Make sure to review and, if needed, update
|
|
|
|
|
[`.vscode/launch.json`](./.vscode/launch.json)
|
|
|
|
|
|
|
|
|
|
- Terminal/Command Prompt
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
# npx @github/local action <action-yaml-path> <entrypoint> <dotenv-file>
|
|
|
|
|
npx @github/local-action . src/main.js .env
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
You can provide a `.env` file to the `local-action` CLI to set environment
|
|
|
|
|
variables used by the GitHub Actions Toolkit. For example, setting inputs and
|
|
|
|
|
event payload data used by your action. For more information, see the example
|
|
|
|
|
file, [`.env.example`](./.env.example), and the
|
|
|
|
|
[GitHub Actions Documentation](https://docs.github.com/en/actions/learn-github-actions/variables#default-environment-variables).
|
|
|
|
|
|
|
|
|
|
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/main/docs/action-versioning.md)
|
|
|
|
|
in the GitHub Actions toolkit.
|
|
|
|
|
|
|
|
|
|
## 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/main/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: Test Local Action
|
|
|
|
|
id: test-action
|
|
|
|
|
uses: actions/javascript-action@v1 # Commit with the `v1` tag
|
|
|
|
|
with:
|
|
|
|
|
milliseconds: 1000
|
|
|
|
|
|
|
|
|
|
- name: Print Output
|
|
|
|
|
id: output
|
|
|
|
|
run: echo "${{ steps.test-action.outputs.time }}"
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## Dependency License Management
|
|
|
|
|
|
|
|
|
|
This template includes a GitHub Actions workflow,
|
|
|
|
|
[`licensed.yml`](./.github/workflows/licensed.yml), that uses
|
|
|
|
|
[Licensed](https://github.com/licensee/licensed) to check for dependencies with
|
|
|
|
|
missing or non-compliant licenses. This workflow is initially disabled. To
|
|
|
|
|
enable the workflow, follow the below steps.
|
|
|
|
|
|
|
|
|
|
1. Open [`licensed.yml`](./.github/workflows/licensed.yml)
|
|
|
|
|
1. Uncomment the following lines:
|
|
|
|
|
|
|
|
|
|
```yaml
|
|
|
|
|
# pull_request:
|
|
|
|
|
# branches:
|
|
|
|
|
# - main
|
|
|
|
|
# push:
|
|
|
|
|
# branches:
|
|
|
|
|
# - main
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
1. Save and commit the changes
|
|
|
|
|
|
|
|
|
|
Once complete, this workflow will run any time a pull request is created or
|
|
|
|
|
changes pushed directly to `main`. If the workflow detects any dependencies with
|
|
|
|
|
missing or non-compliant licenses, it will fail the workflow and provide details
|
|
|
|
|
on the issue(s) found.
|
|
|
|
|
|
|
|
|
|
### Updating Licenses
|
|
|
|
|
|
|
|
|
|
Whenever you install or update dependencies, you can use the Licensed CLI to
|
|
|
|
|
update the licenses database. To install Licensed, see the project's
|
|
|
|
|
[Readme](https://github.com/licensee/licensed?tab=readme-ov-file#installation).
|
|
|
|
|
|
|
|
|
|
To update the cached licenses, run the following command:
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
licensed cache
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
To check the status of cached licenses, run the following command:
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
licensed status
|
|
|
|
|
```
|