Integration Graph UI (Angular)

---

Code Status

---

Code Coverage

---

This Angular application dynamically visualizes the EIP components published by Spring Integration via the /integrationgraph endpoint.

---

🌐 Demo:
https://hassen-bennour.github.io/spring-integration-graph-viewer/

---

How to visualize a Spring Integration graph?

Refer to our Wiki guide →

---

Features

• Dynamic data fetch from /integrationgraph endpoint
• Multiple D3 visualizations: tree, force-directed, curved, indented, arc, tidy tree
• Interactive UI: pan/zoom, tooltips (coming soon), click for details (coming soon)
• EIP pattern images fetched from enterpriseintegrationpatterns.com (coming soon)
• Search & filter (highlighting for now, filters coming soon) by component name, type, class, pattern category
• Unit tests (Jasmine / Karma) with coverage report
• E2E tests (Cypress, headless & CI-ready)
• Dockerized frontend

---

Installation

# NPM
cd spring-integration-graph-viewer
npm install
npm start

Then open http://localhost:4200.

---

Building for Production

cd spring-integration-graph-viewer
npm run build -- --configuration production

→ The production build will be in dist/spring-integration-graph-viewer/browser.

---

Testing

Unit tests & HTML coverage

cd spring-integration-graph-viewer
npm test

→ Coverage report in coverage/spring-integration-graph-viewer/index.html.

E2E (Cypress)

cd spring-integration-graph-viewer
npm run e2e

---

Docker Deployment

Build & Run

# Frontend
cd spring-integration-graph-viewer
docker build -t spring-integration-graph-viewer-frontend .
docker run -p 80:80 spring-integration-graph-viewer-frontend

GitHub Container Registry (GHCR)

docker pull ghcr.io/hassen-bennour/spring-integration-graph-viewer:main

---

Maven Integration

cd spring-integration-graph-viewer
./mvn clean install

---

Contributing

Please see CONTRIBUTING.md for details on how to contribute.

---

License

This project is licensed under the Apache 2.0 License.

---

Changelog

See CHANGELOG.md for release notes and version history.

---

Code of Conduct

This project adheres to a Code of Conduct. Please read and follow it.

---

Kubernetes Deployment (Helm)

Prerequisites

• kubectl configured for your cluster
• helm installed (install guide)

Install

git clone https://github.com/Hassen-BENNOUR/spring-integration-graph-viewer.git
cd spring-integration-graph-viewer/chart/spring-integration-graph-viewer
helm install spring-integration-graph-viewer .

Upgrade & Uninstall

helm upgrade spring-integration-graph-viewer .
helm uninstall spring-integration-graph-viewer

Access

kubectl port-forward svc/spring-integration-graph-viewer 8080:80
# then visit http://localhost:8080

---

Suggestions for Improvement

1. Badge Consistency
2. Table of Contents
3. Simplify "Getting Started"
4. Add UI Screenshots
5. Document Env Variables
6. Live Demo Badge
7. API Contract
8. Versioning