ui

Argo CD UI

Web UI for Argo CD.

Getting started

1. Install NodeJS and pnpm. On macOS with Homebrew, running brew install node pnpm will accomplish this.
2. Run pnpm install --frozen-lockfile to install local prerequisites.
3. Run pnpm start to launch the webpack dev UI server.
4. Run pnpm build to bundle static resources into the ./dist directory.

To build a Docker image, run IMAGE_NAMESPACE=yourimagerepo IMAGE_TAG=latest pnpm docker.

To do the same and push to a Docker registry, run IMAGE_NAMESPACE=yourimagerepo IMAGE_TAG=latest DOCKER_PUSH=true pnpm docker.

Pre-commit Checks

Make sure your code passes the lint checks:

pnpm lint --fix

If you are using VSCode, add this configuration to .vscode/settings.json in the root of this repository to identify and fix lint issues automatically before you save file.

Install Eslint Extension in VSCode.

.vscode/settings.json

{
  "eslint.format.enable": true,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": "always"
    },
    "eslint.workingDirectories": [
        {
            "directory": "./ui",
            "!cwd": false
        }
    ],
    "eslint.useFlatConfig": true
}