Add layer 4 protocol support to reverse proxy

src/contexts/ReverseProxiesProvider.tsx

@@ -54,6 +54,7 @@ type ReverseProxiesContextValue = {
 type OpenModalOptions = {
   proxy?: ReverseProxy;
   initialTab?: string;
+  initialEndpointMode?: "http" | "tls" | "tcp" | "udp";
   initialPeer?: Peer;
   initialNetwork?: Network;
   initialResource?: NetworkResource;
@@ -146,11 +147,15 @@ export default function ReverseProxiesProvider({
   const [modalInitialResource, setModalInitialResource] = useState<
     NetworkResource | undefined
   >();
+  const [modalInitialEndpointMode, setModalInitialEndpointMode] = useState<
+    "http" | "tls" | "tcp" | "udp" | undefined
+  >();
   const onSuccessRef = React.useRef<(() => void) | undefined>(undefined);
   const openModal = useCallback(
     (options?: OpenModalOptions) => {
       setCurrentProxy(options?.proxy);
       setInitialTab(options?.initialTab);
+      setModalInitialEndpointMode(options?.initialEndpointMode);
       setModalInitialPeer(options?.initialPeer ?? initialPeer);
       setModalInitialNetwork(options?.initialNetwork ?? initialNetwork);
       setModalInitialResource(options?.initialResource);
@@ -164,6 +169,7 @@ export default function ReverseProxiesProvider({
     setModalOpen(false);
     setCurrentProxy(undefined);
     setInitialTab(undefined);
+    setModalInitialEndpointMode(undefined);
     setModalInitialPeer(undefined);
     setModalInitialNetwork(undefined);
     setModalInitialResource(undefined);
@@ -491,6 +497,7 @@ export default function ReverseProxiesProvider({
           reverseProxy={currentProxy}
           domains={domains}
           initialTab={initialTab}
+          initialEndpointMode={modalInitialEndpointMode}
           initialPeer={modalInitialPeer}
           initialNetwork={modalInitialNetwork}
           initialResource={modalInitialResource}

src/interfaces/ReverseProxy.ts

@@ -1,7 +1,17 @@
+export enum ServiceMode {
+  HTTP = "http",
+  TCP = "tcp",
+  UDP = "udp",
+  TLS = "tls",
+}
+
 export interface ReverseProxy {
   id?: string;
   name: string;
   domain: string;
+  mode?: ServiceMode;
+  listen_port?: number;
+  port_auto_assigned?: boolean;
   proxy_cluster?: string;
   targets: ReverseProxyTarget[];
   enabled: boolean;
@@ -11,6 +21,12 @@ export interface ReverseProxy {
   meta?: ReverseProxyMeta;
 }
 
+export interface ProxyCluster {
+  address: string;
+  connected_proxies: number;
+  supports_custom_ports: boolean;
+}
+
 export interface ReverseProxyMeta {
   created_at: string;
   status: ReverseProxyStatus;
@@ -31,8 +47,10 @@ export type ServiceTargetOptionsPathRewrite = "preserve";
 export interface ServiceTargetOptions {
   skip_tls_verify?: boolean;
   request_timeout?: string;
+  session_idle_timeout?: string;
   path_rewrite?: ServiceTargetOptionsPathRewrite;
   custom_headers?: Record<string, string>;
+  proxy_protocol?: boolean;
 }
 
 export interface ReverseProxyTarget {
@@ -73,6 +91,7 @@ export interface ReverseProxyDomain {
   validated: boolean;
   type: ReverseProxyDomainType;
   target_cluster?: string;
+  supports_custom_ports?: boolean;
 }
 
 export enum ReverseProxyDomainType {
@@ -113,6 +132,14 @@ export interface ReverseProxyFlatTarget extends ReverseProxyTarget {
   proxy: ReverseProxy;
 }
 
+export function isL4Mode(mode?: ServiceMode): boolean {
+  return (
+    mode === ServiceMode.TCP ||
+    mode === ServiceMode.UDP ||
+    mode === ServiceMode.TLS
+  );
+}
+
 export const REVERSE_PROXY_DOCS_LINK =
   "https://docs.netbird.io/manage/reverse-proxy";