chore: portal feature flag for webhook custom headers & destination filter (#599)

* feat: implement portal ui config

* chore: setup eslint & prettier for portal

* chore: gofmt

* docs: generate config

Author: alexluong

docs/pages/references/configuration.mdx

@@ -87,6 +87,8 @@ Global configurations are provided through env variables or a YAML file. ConfigM
 | `OTEL_SERVICE_NAME` | The service name reported to OpenTelemetry. If set, OpenTelemetry will be enabled. | `nil` | No |
 | `PORTAL_BRAND_COLOR` | Primary brand color (hex code) for theming the Outpost Portal (e.g., '#6122E7'). Also referred to as Accent Color in some contexts. | `nil` | No |
 | `PORTAL_DISABLE_OUTPOST_BRANDING` | If true, disables Outpost branding in the portal. | `false` | No |
+| `PORTAL_ENABLE_DESTINATION_FILTER` | If true, enables destination filter UI in the portal. | `false` | No |
+| `PORTAL_ENABLE_WEBHOOK_CUSTOM_HEADERS` | If true, enables custom headers UI for webhook destinations in the portal. | `false` | No |
 | `PORTAL_FAVICON_URL` | URL for the favicon to be used in the Outpost Portal. | `nil` | No |
 | `PORTAL_FORCE_THEME` | Force a specific theme for the Outpost Portal (e.g., 'light', 'dark'). | `nil` | No |
 | `PORTAL_LOGO` | URL for the light-mode logo to be displayed in the Outpost Portal. | `nil` | No |
@@ -434,6 +436,12 @@ portal:
   # If true, disables Outpost branding in the portal.
   disable_outpost_branding: false
 
+  # If true, enables destination filter UI in the portal.
+  enable_destination_filter: false
+
+  # If true, enables custom headers UI for webhook destinations in the portal.
+  enable_webhook_custom_headers: false
+
   # URL for the favicon to be used in the Outpost Portal.
   favicon_url: ""
 

internal/config/portal.go

@@ -8,33 +8,37 @@ import (
 )
 
 type PortalConfig struct {
-	ProxyURL               string `yaml:"proxy_url" env:"PORTAL_PROXY_URL" desc:"URL to proxy the Outpost Portal through. If set, Outpost serves the portal assets, and this URL is used as the base. Must be a valid URL." required:"N"`
-	RefererURL             string `yaml:"referer_url" env:"PORTAL_REFERER_URL" desc:"The URL where the user is redirected when the JWT token is expired or when the user clicks 'back'. Required if the Outpost Portal is enabled/used." required:"C"`
-	FaviconURL             string `yaml:"favicon_url" env:"PORTAL_FAVICON_URL" desc:"URL for the favicon to be used in the Outpost Portal." required:"N"`
-	BrandColor             string `yaml:"brand_color" env:"PORTAL_BRAND_COLOR" desc:"Primary brand color (hex code) for theming the Outpost Portal (e.g., '#6122E7'). Also referred to as Accent Color in some contexts." required:"N"`
-	Logo                   string `yaml:"logo" env:"PORTAL_LOGO" desc:"URL for the light-mode logo to be displayed in the Outpost Portal." required:"N"`
-	LogoDark               string `yaml:"logo_dark" env:"PORTAL_LOGO_DARK" desc:"URL for the dark-mode logo to be displayed in the Outpost Portal." required:"N"`
-	OrgName                string `yaml:"org_name" env:"PORTAL_ORGANIZATION_NAME" desc:"Organization name displayed in the Outpost Portal." required:"N"`
-	ForceTheme             string `yaml:"force_theme" env:"PORTAL_FORCE_THEME" desc:"Force a specific theme for the Outpost Portal (e.g., 'light', 'dark')." required:"N"`
-	DisableOutpostBranding bool   `yaml:"disable_outpost_branding" env:"PORTAL_DISABLE_OUTPOST_BRANDING" desc:"If true, disables Outpost branding in the portal." required:"N"`
+	ProxyURL                   string `yaml:"proxy_url" env:"PORTAL_PROXY_URL" desc:"URL to proxy the Outpost Portal through. If set, Outpost serves the portal assets, and this URL is used as the base. Must be a valid URL." required:"N"`
+	RefererURL                 string `yaml:"referer_url" env:"PORTAL_REFERER_URL" desc:"The URL where the user is redirected when the JWT token is expired or when the user clicks 'back'. Required if the Outpost Portal is enabled/used." required:"C"`
+	FaviconURL                 string `yaml:"favicon_url" env:"PORTAL_FAVICON_URL" desc:"URL for the favicon to be used in the Outpost Portal." required:"N"`
+	BrandColor                 string `yaml:"brand_color" env:"PORTAL_BRAND_COLOR" desc:"Primary brand color (hex code) for theming the Outpost Portal (e.g., '#6122E7'). Also referred to as Accent Color in some contexts." required:"N"`
+	Logo                       string `yaml:"logo" env:"PORTAL_LOGO" desc:"URL for the light-mode logo to be displayed in the Outpost Portal." required:"N"`
+	LogoDark                   string `yaml:"logo_dark" env:"PORTAL_LOGO_DARK" desc:"URL for the dark-mode logo to be displayed in the Outpost Portal." required:"N"`
+	OrgName                    string `yaml:"org_name" env:"PORTAL_ORGANIZATION_NAME" desc:"Organization name displayed in the Outpost Portal." required:"N"`
+	ForceTheme                 string `yaml:"force_theme" env:"PORTAL_FORCE_THEME" desc:"Force a specific theme for the Outpost Portal (e.g., 'light', 'dark')." required:"N"`
+	DisableOutpostBranding     bool   `yaml:"disable_outpost_branding" env:"PORTAL_DISABLE_OUTPOST_BRANDING" desc:"If true, disables Outpost branding in the portal." required:"N"`
+	EnableDestinationFilter    bool   `yaml:"enable_destination_filter" env:"PORTAL_ENABLE_DESTINATION_FILTER" desc:"If true, enables destination filter UI in the portal." required:"N" default:"false"`
+	EnableWebhookCustomHeaders bool   `yaml:"enable_webhook_custom_headers" env:"PORTAL_ENABLE_WEBHOOK_CUSTOM_HEADERS" desc:"If true, enables custom headers UI for webhook destinations in the portal." required:"N" default:"false"`
 }
 
 // GetPortalConfig returns the portal configuration with all necessary fields
 func (c *Config) GetPortalConfig() portal.PortalConfig {
 	return portal.PortalConfig{
 		ProxyURL: c.Portal.ProxyURL,
 		Configs: map[string]string{
-			"PROXY_URL":                c.Portal.ProxyURL,
-			"REFERER_URL":              c.Portal.RefererURL,
-			"FAVICON_URL":              c.Portal.FaviconURL,
-			"BRAND_COLOR":              c.Portal.BrandColor,
-			"LOGO":                     c.Portal.Logo,
-			"LOGO_DARK":                c.Portal.LogoDark,
-			"ORGANIZATION_NAME":        c.Portal.OrgName,
-			"FORCE_THEME":              c.Portal.ForceTheme,
-			"TOPICS":                   strings.Join(c.Topics, ","),
-			"DISABLE_OUTPOST_BRANDING": strconv.FormatBool(c.Portal.DisableOutpostBranding),
-			"DISABLE_TELEMETRY":        strconv.FormatBool(c.DisableTelemetry),
+			"PROXY_URL":                     c.Portal.ProxyURL,
+			"REFERER_URL":                   c.Portal.RefererURL,
+			"FAVICON_URL":                   c.Portal.FaviconURL,
+			"BRAND_COLOR":                   c.Portal.BrandColor,
+			"LOGO":                          c.Portal.Logo,
+			"LOGO_DARK":                     c.Portal.LogoDark,
+			"ORGANIZATION_NAME":             c.Portal.OrgName,
+			"FORCE_THEME":                   c.Portal.ForceTheme,
+			"TOPICS":                        strings.Join(c.Topics, ","),
+			"DISABLE_OUTPOST_BRANDING":      strconv.FormatBool(c.Portal.DisableOutpostBranding),
+			"DISABLE_TELEMETRY":             strconv.FormatBool(c.DisableTelemetry),
+			"ENABLE_DESTINATION_FILTER":     strconv.FormatBool(c.Portal.EnableDestinationFilter),
+			"ENABLE_WEBHOOK_CUSTOM_HEADERS": strconv.FormatBool(c.Portal.EnableWebhookCustomHeaders),
 		},
 	}
 }

internal/portal/.prettierrc

@@ -0,0 +1 @@
+{}

internal/portal/eslint.config.js

@@ -0,0 +1,26 @@
+import js from "@eslint/js";
+import tseslint from "typescript-eslint";
+import reactHooks from "eslint-plugin-react-hooks";
+import eslintConfigPrettier from "eslint-config-prettier";
+
+export default tseslint.config(
+  { ignores: ["dist", "node_modules"] },
+  {
+    files: ["**/*.{ts,tsx}"],
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    plugins: {
+      "react-hooks": reactHooks,
+    },
+    rules: {
+      // Disable most rules - minimal config for formatting only
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/ban-ts-comment": "off",
+      "@typescript-eslint/no-empty-object-type": "off",
+      // Only keep basic react-hooks rule, disable strict ones
+      "react-hooks/rules-of-hooks": "error",
+      "react-hooks/exhaustive-deps": "off",
+    },
+  },
+  eslintConfigPrettier,
+);