This is the frontend application for Insights Inventory. It is based on the insights-frontend-starter-app.

1. Make sure you have Node.js and npm installed
2. Run script to patch your /etc/hosts
3. Make sure you are using Red Hat proxy

1. Install dependencies with npm install
2. Run development server with npm run start:proxy:beta
3. Local version of the app will be available at https://stage.foo.redhat.com:1337/preview/insights/inventory/

If you want to see changes made in inventory table in another application you will have to run both inventory and desired application. We'll take for example insights-advisor-frontend application as app that uses system detail.

Open new terminal and navigate to desired application (for instance insights-advisor-frontend) and run it (make sure to run it on a different port):

npm run start:proxy -- --port=8003

Run the Inventory application with proxy enabled and list of additional applications:

LOCAL_API=advisor:8003~https npm run start:proxy

Or, if you want to run Advisor and, for instance, Vulnerability, then just add a new entry to LOCAL_API:

LOCAL_API=advisor:8003~https,vulnerability:8004

There is an npm script that runs the build, JS and CSS linters and unit tests. The script can be invoked by npm run verify

Inventory frontend has support for https://github.com/stoplightio/prism CLI. The CLI reads the OpenAPI schema, spins up a localhost server and serves dynamically generated responses for Inventory API endpoints (/hosts, /groups, etc.).

1. Verify package.json config section for the correct URL to OpenAPI schema (contains remote URL by default).
2. Verify dev.webpack.config.js customProxy settings. There you can specify which endpoints to proxy and modify request/response headers.
3. Run npm run mock-server to start the mock server. The fist output must list the endpoints that are generated by the localhost server.
4. In another terminal, run npm run start:mock or npm run start:mock:beta to start the webpack server either in stage-stable or stabe-beta environment. The scripts set the MOCK variable to true and the customProxy is enabled.

We are serving inventory through federated modules, this means both inventory table and inventory detail is served to you in runtime. No need to install and rebuild when something changes in inventory.

These applications import InventoryTable component through federated modules:

• vulnerability-ui
• insights-remediations-frontend
• sed-frontend
• tasks-frontend
• compliance-frontend
• patchman-ui
• malware-detection-frontend
• drift-frontend
• ros-frontend
• insights-advisor-frontend
• edge-frontend

• Components
  • inventory
    • props table
    • props detail
    • custom fetch function
    • hide filters
    • general info tab
  • inventory_header