Dynamic configuration screens were designed in a React TypeScript project using Envoy’s proto files. These screens allow users to create, update configurations for Envoy resources such as listeners, clusters, endpoints, HCM etc. directly through the UI.
Create, edit, and share Envoy filters seamlessly. This allows you to manage filters efficiently and reuse them across multiple configurations.
Displays upstream and downstream dependencies for all Envoy resources. This includes main resources along with their associated TypedConfig and ConfigDiscovery dependencies.
Provides a detailed view of all resources associated with a specific listener within the current snapshot. This feature enables visualization of the entire configuration data stored in the snapshot, allowing for in-depth inspection and debugging of Envoy configurations.
A quick start feature was implemented to simplify the creation of Envoy configurations. This wizard-like structure enables users to generate both basic Envoy configurations and more advanced Envoy setups by providing minimal input. It automatically generates all necessary resources, streamlining the configuration process and reducing manual effort.
All components in the system, including the gRPC server, are designed to operate in a fully distributed manner. This setup ensures high scalability, modularity, and flexibility. Each component communicates efficiently using clearly defined protocols, enabling independent operation and seamless integration across the architecture.