Skip to content

RedHatInsights/patchman-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Build Status semantic-release GitHub release codecov Commitizen friendly

Patchman UI

Patch is one of the applications for console.redhat.com. It allows users to display and manage available patches for their registered systems. This repository containes source code for the frontend part of the application which uses the REST API available from Patchman Engine.

First time setup

  1. Make sure you have Node.js version >= 18 installed
  2. Run script to patch your /etc/hosts
  3. Make sure you are using Red Hat proxy if working against the stage environment.

Running locally

  1. Make sure you are connected to the Red Hat VPN
  2. Install dependencies with npm install
  3. Run development server with npm run start:proxy and select desired environment (stage-preview is recommended)
  4. Local version of the app will be available at URL printed out to the console (https://stage.foo.redhat.com:1337/preview/insights/patch/ if you selected stage-preview)

Testing

Cypress and Jest are used as the testing frameworks

  • npm run test - run all Jest tests
  • npm run test:ct - open Cypress in the component testing mode.
  • npm run lint - run linter
  • npm run coverage - generate lect coverage information after running the tests

Deploying

The app uses containerized builds which are configured in app-interface.

Environment Available at Deployed version
stage preview https://console.stage.redhat.com/preview master branch
stage stable https://console.stage.redhat.com master branch
production preview https://console.redhat.com/preview up to the commit configured in app-interface
production stable https://console.redhat.com up to the commit configured in app-interface

Design System

This project uses Patternfly React.

Insights Components

This app imports components from Insights Front-end Components library. ESI tags are used to import Insights Chrome which takes care of the header, sidebar, and footer.