Hybrid Committed Spend UI

React.js app for Red Hat Hybrid Committed Spend.

User interface is based on Patternfly.

Submit issues in Jira.

Requirements

• NodeJS v20.15+
• npm v10.8+
• Podman

After installing Podman, create and start your VM.

podman machine init
podman machine start

Setup hosts entries (do this once)

Edit the /etc/hosts file and add the following entries

127.0.0.1 prod.foo.redhat.com
127.0.0.1 stage.foo.redhat.com

Alternatively, run the patch-etc-hosts.sh script from the insights-proxy repo

sudo bash scripts/patch-etc-hosts.sh

Getting Started

1. Install requirements listed above.
2. Setup /etc/hosts entries listed above.
3. Clone the repository, and open a terminal in the base of this project.
4. Run the command npm install to install all the dependencies.

Building

npm build

Testing

npm test

Running Hybrid Committed Spend UI against a hosted Billing API, using webpack proxy

Note that this approach currently supports the Insights stage-beta, stage-stable, prod-beta, and prod-stable environments.

1. Start development server

npm start

Follow the prompts that follow.

• Do you want to use local api? no
• Which platform environment you want to use stage
• Which Chrome environment you want to use? beta

2. Open the following URL

https://stage.foo.redhat.com:1337/beta/business-services/hybrid-committed-spend

Running Hybrid Committed Spend UI with local Cloud Services Backend

Refer to the serving files locally section of cloud services config for more details

1. Serve files locally from Cloud Services Backend repo

make dev-static-node

2. Start development server in Hybrid Committed Spend repo

npm start:csb

Releasing Hybrid Committed Spend UI

This release doc describes how to release Hybrid Committed Spend UI to each staging environment.