# deploy-pages This action deploys a static HTML site to PageUp [![Coverage](./badges/coverage.svg)](./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: # # At a minimum this job should compile a static site to some folder - 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 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 ```