akanealw/caddy-proxy-manager
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

better UI for dns pinning

Browse Source
This commit is contained in:
fuomag9
2026-02-22 10:00:52 +01:00
parent bb8a0d1023
commit 32f232ebee
1 changed files with 64 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
src/components/proxy-hosts/UpstreamDnsResolutionFields.tsx
View File

@@ -1,4 +1,6 @@
import { Alert, Box, MenuItem, Stack, TextField, Typography } from "@mui/material";
import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
import { Alert, Box, Collapse, IconButton, MenuItem, Stack, TextField, Typography } from "@mui/material";
import { useState } from "react";
import type { ProxyHost } from "@/src/lib/models/proxy-hosts";
type ResolutionMode = "inherit" | "enabled" | "disabled";
@@ -24,6 +26,10 @@ export function UpstreamDnsResolutionFields({
}) {
const mode = toResolutionMode(upstreamDnsResolution?.enabled);
const family = toFamilyMode(upstreamDnsResolution?.family);
const [expanded, setExpanded] = useState(mode !== "inherit" || family !== "inherit");
const summary = mode === "inherit" && family === "inherit"
? "Using global upstream DNS pinning defaults"
: `Override: ${mode === "inherit" ? "inherit mode" : mode}, ${family === "inherit" ? "inherit family" : family}`;
return (
<Box
@@ -37,40 +43,63 @@ export function UpstreamDnsResolutionFields({
>
<input type="hidden" name="upstream_dns_resolution_present" value="1" />
<Stack spacing={2}>
<Typography variant="subtitle1" fontWeight={600}>
Upstream DNS Pinning
</Typography>
<TextField
name="upstream_dns_resolution_mode"
label="Resolution Mode"
select
defaultValue={mode}
helperText="Inherit uses the global setting. Enabled/Disabled overrides per host."
size="small"
fullWidth
>
<MenuItem value="inherit">Inherit Global</MenuItem>
<MenuItem value="enabled">Enabled</MenuItem>
<MenuItem value="disabled">Disabled</MenuItem>
</TextField>
<TextField
name="upstream_dns_resolution_family"
label="Address Family Preference"
select
defaultValue={family}
helperText="Both resolves AAAA + A with IPv6 preferred ordering."
size="small"
fullWidth
>
<MenuItem value="inherit">Inherit Global</MenuItem>
<MenuItem value="both">Both (Prefer IPv6)</MenuItem>
<MenuItem value="ipv6">IPv6 only</MenuItem>
<MenuItem value="ipv4">IPv4 only</MenuItem>
</TextField>
<Alert severity="info">
When enabled, hostname upstreams are resolved during config apply and written to Caddy as concrete IP dials. If this handler has
multiple different HTTPS upstream hostnames, HTTPS pinning is skipped for those HTTPS upstreams to avoid SNI mismatch.
</Alert>
<Stack direction="row" alignItems="center" justifyContent="space-between">
<Box>
<Typography variant="subtitle1" fontWeight={600}>
Upstream DNS Pinning
</Typography>
<Typography variant="body2" color="text.secondary">
{summary}
</Typography>
</Box>
<IconButton
size="small"
aria-label={expanded ? "Collapse upstream DNS pinning options" : "Expand upstream DNS pinning options"}
onClick={() => setExpanded(prev => !prev)}
sx={{
transform: expanded ? "rotate(180deg)" : "rotate(0deg)",
transition: "transform 0.2s ease"
}}
>
<ExpandMoreIcon fontSize="small" />
</IconButton>
</Stack>
<Collapse in={expanded} timeout="auto" unmountOnExit={false}>
<Stack spacing={2}>
<TextField
name="upstream_dns_resolution_mode"
label="Resolution Mode"
select
defaultValue={mode}
helperText="Inherit uses the global setting. Enabled/Disabled overrides per host."
size="small"
fullWidth
>
<MenuItem value="inherit">Inherit Global</MenuItem>
<MenuItem value="enabled">Enabled</MenuItem>
<MenuItem value="disabled">Disabled</MenuItem>
</TextField>
<TextField
name="upstream_dns_resolution_family"
label="Address Family Preference"
select
defaultValue={family}
helperText="Both resolves AAAA + A with IPv6 preferred ordering."
size="small"
fullWidth
>
<MenuItem value="inherit">Inherit Global</MenuItem>
<MenuItem value="both">Both (Prefer IPv6)</MenuItem>
<MenuItem value="ipv6">IPv6 only</MenuItem>
<MenuItem value="ipv4">IPv4 only</MenuItem>
</TextField>
<Alert severity="info">
When enabled, hostname upstreams are resolved during config apply and written to Caddy as concrete IP dials. If this handler has
multiple different HTTPS upstream hostnames, HTTPS pinning is skipped for those HTTPS upstreams to avoid SNI mismatch.
</Alert>
</Stack>
</Collapse>
</Stack>
</Box>
);