// Generated by orrery. Edit the diagram spec and re-render instead of editing this file. import { type SVGProps, useId } from "react"; export default function GitOpsDeliveryWithArgoCD(props: SVGProps) { const uid = useId().replace(/[^A-Za-z0-9_-]/g, ""); return ( GitOps delivery with Argo CD GitOps delivery with Argo CD. 16 components in 5 groups. Connections: Developer to Pull request (open PR); Pull request to GitHub Actions (merge); GitHub Actions to Container registry (push image); GitHub Actions to Config repository (bump image tag); Config repository to Argo CD (watch); Argo CD to Staging cluster (auto sync); Argo CD to Production cluster (manual sync); Ingress to Service; Service to Pods; Deployment to Pods; Ingress to Service; Service to Pods; Deployment to Pods; Grafana to Prometheus (query); Prometheus to Production cluster (scrape); Container registry to Staging cluster (pull image). GITOPS DELIVERY WITH ARGO CD Actions pushes the image and bumps its tag; Argo CD syncs staging, then production manually OPEN PR OPEN PR 1 1 MERGE MERGE 2 2 PUSH IMAGE PUSH IMAGE 3 3 BUMP IMAGE TAG BUMP IMAGE TAG 4 4 WATCH WATCH 5 5 AUTO SYNC AUTO SYNC 6 6 MANUAL SYNC MANUAL SYNC 7 7 QUERY SCRAPE PULL IMAGE APP REPOSITORY STAGING CLUSTER PRODUCTION CLUSTER NAMESPACE SHOP NAMESPACE SHOP DEVELOPER PULL REQUEST Review and checks GITHUB ACTIONS Build, test, push CONTAINER REGISTRY ghcr.io, pulled by both CONFIG REPOSITORY Kustomize overlays ARGO CD Watches config repo INGRESS SERVICE DEPLOYMENT PODS web x2 INGRESS SERVICE DEPLOYMENT PODS web x6 GRAFANA Dashboards PROMETHEUS Metrics and alerts DELIVERY AND TRAFFIC CREATES PODS VIA A REPLICASET MONITORING ); }