Visualizes the story an artifact takes in the Red Hat build to release pipeline.
To setup a development environment, make sure you have npm
installed.
Once npm is installed:
- Run
npm install
to install the dev and production dependencies - Run
ng serve --open
to start the development server that uses your local Estuary API. - Once the development server is up, your browser will open up to
http://localhost:4200/
Run ng test
to execute the unit tests via Karma.
The "estuary-icons" font is generated using IcoMoon.
To modify the fonts:
- Navigate to the IcoMoon projects page
- Click on "Import Project"
- Select
estuary-icomoon.json
from the root of the repo - Click "Load" next to the loaded project called "Estuary"
- You'll now be at a page that shows the "Estuary" icon set
- Click on the hamburger button associated with the "Estuary" icon set and click on "Import to Set"
- Select the SVG you want to add and now your SVG will appear in the "Estuary" icon set
- Select the new icon in the "Estuary" icon set
- Click on "Generate Font"
- Click on the "Download" button and this will download a zip file with a "fonts" folder with four files
- Rename all those font files to be
estuary-icons.*
instead oficomoon.*
- Replace the "icomoon" ID with "estuary-icons" in the "estuary-icons.svg" file
- Add an entry in
src/styles.css
for your new icon as such (replacingfreshmaker
with your icon name and\e901
with the actual character code):.estuary-icon-freshmaker:before { content: "\e901"; }
- Replace the font files in
src/assets/fonts
with the new files - The new icon will now be ready to be used by using the class defined above
- Once you've tested things work properly, generate the updated JSON by going to the IcoMoon projects page](https://icomoon.io/app/#/projects) and clicking on "Download" next to the "Estuary" icon set
- Replace
estuary-icomoon.json
with the updated JSON file