fix(ui): показывать частичные сбои опроса VXLAN
This commit is contained in:
1 parent
4dc2ee2129
commit
e163a9ed9d
9 files changed
+118
-39
No files matched your search
@@ -38,6 +38,7 @@ interface BackendServer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
interface VxlanApiResponse {
|
interface VxlanApiResponse {
|
||||||
|
failures?: Array<{ serverId: string; serverName?: string; error: string }>
|
||||||
tunnels: VxlanTunnel[]
|
tunnels: VxlanTunnel[]
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -139,6 +140,7 @@ function VxlanPageContent({ selectedServerId, selectedTunnelId, allTunnelsHref,
|
|||||||
const [liveTunnels, setLiveTunnels] = useState<VxlanTunnel[]>([])
|
const [liveTunnels, setLiveTunnels] = useState<VxlanTunnel[]>([])
|
||||||
const [liveServers, setLiveServers] = useState<Server[]>([])
|
const [liveServers, setLiveServers] = useState<Server[]>([])
|
||||||
const [loading, setLoading] = useState(true)
|
const [loading, setLoading] = useState(true)
|
||||||
|
const [failures, setFailures] = useState<NonNullable<VxlanApiResponse["failures"]>>([])
|
||||||
const [hasLoaded, setHasLoaded] = useState(false)
|
const [hasLoaded, setHasLoaded] = useState(false)
|
||||||
const loadEpoch = useRef(0)
|
const loadEpoch = useRef(0)
|
||||||
useEffect(() => () => { loadEpoch.current += 1 }, [backendUrl, isLive])
|
useEffect(() => () => { loadEpoch.current += 1 }, [backendUrl, isLive])
|
||||||
@@ -156,7 +158,12 @@ function VxlanPageContent({ selectedServerId, selectedTunnelId, allTunnelsHref,
|
|||||||
])
|
])
|
||||||
if (epoch !== loadEpoch.current) return
|
if (epoch !== loadEpoch.current) return
|
||||||
if (!Array.isArray(tunnelsRes?.tunnels) || !Array.isArray(serversRes)) throw new Error("Некорректный ответ загрузки VXLAN")
|
if (!Array.isArray(tunnelsRes?.tunnels) || !Array.isArray(serversRes)) throw new Error("Некорректный ответ загрузки VXLAN")
|
||||||
setLiveTunnels(tunnelsRes.tunnels)
|
const nextFailures = tunnelsRes.failures ?? []
|
||||||
|
if (!Array.isArray(nextFailures) || nextFailures.some(f => !f || typeof f.serverId !== "string" || typeof f.error !== "string")) throw new Error("Некорректный ответ загрузки VXLAN")
|
||||||
|
const failedIds = new Set(nextFailures.map(f => f.serverId))
|
||||||
|
const enabledIds = new Set(serversRes.filter(s => s.enabled).map(s => String(s.id)))
|
||||||
|
setLiveTunnels(previous => [...tunnelsRes.tunnels.filter(t => !failedIds.has(t.serverId)), ...previous.filter(t => failedIds.has(t.serverId) && enabledIds.has(t.serverId))])
|
||||||
|
setFailures(nextFailures)
|
||||||
setHasLoaded(true)
|
setHasLoaded(true)
|
||||||
setLiveServers(serversRes.filter((s) => s.enabled).map(mapBackendServer))
|
setLiveServers(serversRes.filter((s) => s.enabled).map(mapBackendServer))
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
@@ -224,6 +231,8 @@ function VxlanPageContent({ selectedServerId, selectedTunnelId, allTunnelsHref,
|
|||||||
)
|
)
|
||||||
}, [search, scopedTunnels, serverById])
|
}, [search, scopedTunnels, serverById])
|
||||||
|
|
||||||
|
const failedServerIds = useMemo(() => isLive ? failures.map(f => f.serverId) : [], [isLive, failures])
|
||||||
|
const scopedFailures = failures.filter(f => effectiveServerId === ALL_SERVERS_ID || f.serverId === effectiveServerId)
|
||||||
const upCount = scopedTunnels.filter((t) => t.status === "up").length
|
const upCount = scopedTunnels.filter((t) => t.status === "up").length
|
||||||
const vnis = new Set(scopedTunnels.map((t) => t.vni)).size
|
const vnis = new Set(scopedTunnels.map((t) => t.vni)).size
|
||||||
|
|
||||||
@@ -261,6 +270,13 @@ function VxlanPageContent({ selectedServerId, selectedTunnelId, allTunnelsHref,
|
|||||||
}
|
}
|
||||||
>
|
>
|
||||||
<div className="flex flex-col gap-5">
|
<div className="flex flex-col gap-5">
|
||||||
|
{isLive && scopedFailures.length > 0 && <ContextAlert variant="warning" role="alert">
|
||||||
|
<ContextTitle>Не все устройства ответили</ContextTitle>
|
||||||
|
<ContextDescription>
|
||||||
|
<p>Не удалось опросить: {scopedFailures.map(f => f.serverName ?? f.serverId).join(", ")}. Для этих устройств сохранены последние данные; текущее состояние туннелей неизвестно.</p>
|
||||||
|
<Button variant="outline" size="sm" disabled={loading} onClick={() => void loadLive()}>Повторить опрос</Button>
|
||||||
|
</ContextDescription>
|
||||||
|
</ContextAlert>}
|
||||||
{selectedTunnelId !== null && (
|
{selectedTunnelId !== null && (
|
||||||
<ContextAlert variant={liveError || ((!isLive || !loading) && !selectedTunnel) ? "warning" : "info"} role="status" aria-label="VXLAN по ссылке">
|
<ContextAlert variant={liveError || ((!isLive || !loading) && !selectedTunnel) ? "warning" : "info"} role="status" aria-label="VXLAN по ссылке">
|
||||||
<ContextTitle className="line-clamp-none wrap-anywhere">{selectedTunnel ? "Выбран VXLAN: " + selectedTunnel.name : "VXLAN по ссылке"}</ContextTitle>
|
<ContextTitle className="line-clamp-none wrap-anywhere">{selectedTunnel ? "Выбран VXLAN: " + selectedTunnel.name : "VXLAN по ссылке"}</ContextTitle>
|
||||||
@@ -283,7 +299,7 @@ function VxlanPageContent({ selectedServerId, selectedTunnelId, allTunnelsHref,
|
|||||||
)}
|
)}
|
||||||
{isLive && loading && <p role="status" className="text-sm text-muted-foreground">{hasLoaded ? "Обновление VXLAN…" : "Загрузка VXLAN…"}</p>}
|
{isLive && loading && <p role="status" className="text-sm text-muted-foreground">{hasLoaded ? "Обновление VXLAN…" : "Загрузка VXLAN…"}</p>}
|
||||||
{isLive && liveError && hasLoaded && <p className="text-sm text-muted-foreground">Показаны последние полученные данные; они могут быть устаревшими.</p>}
|
{isLive && liveError && hasLoaded && <p className="text-sm text-muted-foreground">Показаны последние полученные данные; они могут быть устаревшими.</p>}
|
||||||
{selectedTunnelId === null && isLive && !loading && displayTunnels.length === 0 && !liveError && (
|
{selectedTunnelId === null && isLive && !loading && displayTunnels.length === 0 && !liveError && scopedFailures.length === 0 && (
|
||||||
<div className="rounded-md border border-border bg-muted/30 px-4 py-6 text-center text-sm text-muted-foreground">
|
<div className="rounded-md border border-border bg-muted/30 px-4 py-6 text-center text-sm text-muted-foreground">
|
||||||
На опрошенных серверах нет VXLAN-интерфейсов
|
На опрошенных серверах нет VXLAN-интерфейсов
|
||||||
</div>
|
</div>
|
||||||
@@ -300,28 +316,28 @@ function VxlanPageContent({ selectedServerId, selectedTunnelId, allTunnelsHref,
|
|||||||
{
|
{
|
||||||
id: "tunnels",
|
id: "tunnels",
|
||||||
label: "Туннелей",
|
label: "Туннелей",
|
||||||
value: isLive && !hasLoaded ? "—" : scopedTunnels.length,
|
value: isLive && (!hasLoaded || scopedFailures.length > 0) ? "—" : scopedTunnels.length,
|
||||||
icon: <NetworkIcon className="size-4" />,
|
icon: <NetworkIcon className="size-4" />,
|
||||||
iconClassName: "text-muted-foreground",
|
iconClassName: "text-muted-foreground",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "up",
|
id: "up",
|
||||||
label: "Активных",
|
label: "Активных",
|
||||||
value: isLive && !hasLoaded ? "—" : upCount,
|
value: isLive && (!hasLoaded || scopedFailures.length > 0) ? "—" : upCount,
|
||||||
icon: <LayersIcon className="size-4" />,
|
icon: <LayersIcon className="size-4" />,
|
||||||
iconClassName: "text-success",
|
iconClassName: "text-success",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "vni",
|
id: "vni",
|
||||||
label: "Уникальных VNI",
|
label: "Уникальных VNI",
|
||||||
value: isLive && !hasLoaded ? "—" : vnis,
|
value: isLive && (!hasLoaded || scopedFailures.length > 0) ? "—" : vnis,
|
||||||
icon: <LayersIcon className="size-4" />,
|
icon: <LayersIcon className="size-4" />,
|
||||||
iconClassName: "text-info",
|
iconClassName: "text-info",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "servers",
|
id: "servers",
|
||||||
label: "Серверов",
|
label: "Серверов",
|
||||||
value: isLive && !hasLoaded ? "—" : new Set(scopedTunnels.map((t) => t.serverId)).size,
|
value: isLive && (!hasLoaded || scopedFailures.length > 0) ? "—" : new Set(scopedTunnels.map((t) => t.serverId)).size,
|
||||||
icon: <NetworkIcon className="size-4" />,
|
icon: <NetworkIcon className="size-4" />,
|
||||||
iconClassName: "text-primary",
|
iconClassName: "text-primary",
|
||||||
},
|
},
|
||||||
@@ -348,6 +364,7 @@ function VxlanPageContent({ selectedServerId, selectedTunnelId, allTunnelsHref,
|
|||||||
/>
|
/>
|
||||||
<VxlanDataGrid
|
<VxlanDataGrid
|
||||||
tunnels={filtered}
|
tunnels={filtered}
|
||||||
|
failedServerIds={failedServerIds}
|
||||||
servers={displayServers}
|
servers={displayServers}
|
||||||
onExport={setExportTunnel}
|
onExport={setExportTunnel}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -2,21 +2,24 @@ import { eq } from "drizzle-orm"
|
|||||||
import type { FastifyPluginAsyncZod } from "@fastify/type-provider-zod"
|
import type { FastifyPluginAsyncZod } from "@fastify/type-provider-zod"
|
||||||
import { db } from "../db/index.js"
|
import { db } from "../db/index.js"
|
||||||
import { servers } from "../db/schema.js"
|
import { servers } from "../db/schema.js"
|
||||||
import { listVxlanTunnels, listVxlanTunnelsForServer } from "../services/vxlan-live.js"
|
import { listVxlanResult, listVxlanTunnelsForServer } from "../services/vxlan-live.js"
|
||||||
import { ServerIdParamSchema, type ServerIdParams } from "../types/server.js"
|
import { ServerIdParamSchema, type ServerIdParams } from "../types/server.js"
|
||||||
|
|
||||||
const vxlanRoutes: FastifyPluginAsyncZod = async (app) => {
|
const vxlanRoutes: FastifyPluginAsyncZod = async (app) => {
|
||||||
app.get("/vxlan", async (_req, reply) => {
|
app.get("/vxlan", async (_req, reply) => {
|
||||||
const tunnels = await listVxlanTunnels()
|
return reply.send(await listVxlanResult())
|
||||||
return reply.send({ tunnels })
|
|
||||||
})
|
})
|
||||||
|
|
||||||
app.get("/servers/:id/vxlan", { schema: { params: ServerIdParamSchema } }, async (req, reply) => {
|
app.get("/servers/:id/vxlan", { schema: { params: ServerIdParamSchema } }, async (req, reply) => {
|
||||||
const params = req.params as ServerIdParams
|
const params = req.params as ServerIdParams
|
||||||
const server = (await db.select().from(servers).where(eq(servers.id, params.id)).limit(1))[0]
|
const server = (await db.select().from(servers).where(eq(servers.id, params.id)).limit(1))[0]
|
||||||
if (!server) return reply.status(404).send({ error: "Server not found" })
|
if (!server) return reply.status(404).send({ error: "Server not found" })
|
||||||
|
try {
|
||||||
const tunnels = await listVxlanTunnelsForServer(server)
|
const tunnels = await listVxlanTunnelsForServer(server)
|
||||||
return reply.send({ tunnels })
|
return reply.send({ tunnels })
|
||||||
|
} catch {
|
||||||
|
return reply.status(502).send({ error: "Не удалось опросить VXLAN на сервере" })
|
||||||
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import assert from "node:assert/strict"
|
import assert from "node:assert/strict"
|
||||||
import { mapVxlanRow } from "./vxlan-live.js"
|
import { mapVxlanRow, pollVxlanServers } from "./vxlan-live.js"
|
||||||
|
|
||||||
const server = {
|
const server = {
|
||||||
id: 7,
|
id: 7,
|
||||||
@@ -41,3 +41,16 @@ assert.deepEqual(row.remoteVteps, ["10.0.1.1", "10.0.2.1"])
|
|||||||
assert.equal(row.vtepIp, "10.0.0.1")
|
assert.equal(row.vtepIp, "10.0.0.1")
|
||||||
|
|
||||||
console.log("vxlan-live.test.ts: ok")
|
console.log("vxlan-live.test.ts: ok")
|
||||||
|
|
||||||
|
const mixed = await pollVxlanServers([server, { ...server, id: 8, name: "failed" }], async s => {
|
||||||
|
if (s.id === 8) throw new Error("device unavailable")
|
||||||
|
return [row]
|
||||||
|
})
|
||||||
|
assert.deepEqual(mixed.tunnels, [row])
|
||||||
|
assert.deepEqual(mixed.failures, [{ serverId: "8", serverName: "failed", error: "device unavailable" }])
|
||||||
|
const empty = await pollVxlanServers([server], async () => [])
|
||||||
|
assert.deepEqual(empty, { tunnels: [], failures: [] })
|
||||||
|
const failed = await pollVxlanServers([server], async () => { throw new Error("all failed") })
|
||||||
|
assert.equal(failed.tunnels.length, 0)
|
||||||
|
assert.equal(failed.failures.length, 1)
|
||||||
|
console.log("vxlan polling: mixed/empty/all-failed ok")
|
||||||
@@ -93,33 +93,36 @@ async function fetchVxlanForServer(server: ServerRow): Promise<VxlanTunnelLive[]
|
|||||||
const client = MikrotikClient.fromServer(server)
|
const client = MikrotikClient.fromServer(server)
|
||||||
const [vxRaw, vtepRaw] = await Promise.all([
|
const [vxRaw, vtepRaw] = await Promise.all([
|
||||||
client.get<RosVxlan[]>("/interface/vxlan"),
|
client.get<RosVxlan[]>("/interface/vxlan"),
|
||||||
client.get<RosVxlanVtep[]>("/interface/vxlan/vteps").catch(() => [] as RosVxlanVtep[]),
|
client.get<RosVxlanVtep[]>("/interface/vxlan/vteps"),
|
||||||
])
|
])
|
||||||
const list = Array.isArray(vxRaw) ? vxRaw : []
|
if (!Array.isArray(vxRaw) || !Array.isArray(vtepRaw)) throw new Error("Некорректный ответ VXLAN устройства")
|
||||||
const vteps = Array.isArray(vtepRaw) ? vtepRaw : []
|
const list = vxRaw
|
||||||
|
const vteps = vtepRaw
|
||||||
return list.map((vx, idx) => mapVxlanRow(server, vx, vteps, idx))
|
return list.map((vx, idx) => mapVxlanRow(server, vx, vteps, idx))
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function listVxlanTunnels(): Promise<VxlanTunnelLive[]> {
|
export async function pollVxlanServers(
|
||||||
|
serverRows: ServerRow[],
|
||||||
|
fetchServer: (server: ServerRow) => Promise<VxlanTunnelLive[]> = fetchVxlanForServer,
|
||||||
|
): Promise<{ tunnels: VxlanTunnelLive[]; failures: Array<{ serverId: string; serverName: string; error: string }> }> {
|
||||||
|
const results = await Promise.all(serverRows.map(async server => {
|
||||||
|
try { return { tunnels: await fetchServer(server), failures: [] } }
|
||||||
|
catch (error) { return { tunnels: [], failures: [{ serverId: String(server.id), serverName: server.name, error: error instanceof Error ? error.message : String(error) }] } }
|
||||||
|
}))
|
||||||
|
return { tunnels: results.flatMap(result => result.tunnels), failures: results.flatMap(result => result.failures) }
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function listVxlanResult() {
|
||||||
const enabledServers = await db.select().from(servers).where(eq(servers.enabled, true))
|
const enabledServers = await db.select().from(servers).where(eq(servers.enabled, true))
|
||||||
const results = await Promise.all(
|
return pollVxlanServers(enabledServers)
|
||||||
enabledServers.map(async (server) => {
|
}
|
||||||
try {
|
|
||||||
return await fetchVxlanForServer(server)
|
export async function listVxlanTunnels(): Promise<VxlanTunnelLive[]> {
|
||||||
} catch {
|
return (await listVxlanResult()).tunnels
|
||||||
return [] as VxlanTunnelLive[]
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
)
|
|
||||||
return results.flat()
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function listVxlanTunnelsForServer(server: ServerRow): Promise<VxlanTunnelLive[]> {
|
export async function listVxlanTunnelsForServer(server: ServerRow): Promise<VxlanTunnelLive[]> {
|
||||||
try {
|
return fetchVxlanForServer(server)
|
||||||
return await fetchVxlanForServer(server)
|
|
||||||
} catch {
|
|
||||||
return []
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function countVxlanTunnels(): Promise<number> {
|
export async function countVxlanTunnels(): Promise<number> {
|
||||||
|
|||||||
@@ -37,10 +37,11 @@ import {
|
|||||||
interface VxlanDataGridProps {
|
interface VxlanDataGridProps {
|
||||||
tunnels: VxlanTunnel[]
|
tunnels: VxlanTunnel[]
|
||||||
servers: Server[]
|
servers: Server[]
|
||||||
|
failedServerIds?: string[]
|
||||||
onExport: (tunnel: VxlanTunnel) => void
|
onExport: (tunnel: VxlanTunnel) => void
|
||||||
}
|
}
|
||||||
|
|
||||||
function VxlanDataGrid({ tunnels, servers, onExport }: VxlanDataGridProps) {
|
function VxlanDataGrid({ tunnels, servers, onExport, failedServerIds = [] }: VxlanDataGridProps) {
|
||||||
const serverMap = useMemo(
|
const serverMap = useMemo(
|
||||||
() => new Map(servers.map((s) => [s.id, s])),
|
() => new Map(servers.map((s) => [s.id, s])),
|
||||||
[servers],
|
[servers],
|
||||||
@@ -61,7 +62,7 @@ function VxlanDataGrid({ tunnels, servers, onExport }: VxlanDataGridProps) {
|
|||||||
<span
|
<span
|
||||||
className={cn(
|
className={cn(
|
||||||
"size-2 rounded-full shrink-0 mt-1.5",
|
"size-2 rounded-full shrink-0 mt-1.5",
|
||||||
t.status === "up" ? "bg-emerald-500" : "bg-red-500",
|
failedServerIds.includes(t.serverId) ? "bg-muted-foreground" : t.status === "up" ? "bg-emerald-500" : "bg-red-500",
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
<div className="min-w-0">
|
<div className="min-w-0">
|
||||||
@@ -180,12 +181,14 @@ function VxlanDataGrid({ tunnels, servers, onExport }: VxlanDataGridProps) {
|
|||||||
<span
|
<span
|
||||||
className={cn(
|
className={cn(
|
||||||
"text-[11px] font-mono px-2 py-0.5 rounded border whitespace-nowrap",
|
"text-[11px] font-mono px-2 py-0.5 rounded border whitespace-nowrap",
|
||||||
row.original.status === "up"
|
failedServerIds.includes(row.original.serverId)
|
||||||
|
? "bg-muted text-muted-foreground border-border"
|
||||||
|
: row.original.status === "up"
|
||||||
? "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20"
|
? "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20"
|
||||||
: "bg-red-500/10 text-red-500 border-red-500/20",
|
: "bg-red-500/10 text-red-500 border-red-500/20",
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
{row.original.status === "up" ? "UP" : "DOWN"}
|
{failedServerIds.includes(row.original.serverId) ? "Неизвестно" : row.original.status === "up" ? "UP" : "DOWN"}
|
||||||
</span>
|
</span>
|
||||||
),
|
),
|
||||||
meta: {
|
meta: {
|
||||||
@@ -251,7 +254,7 @@ function VxlanDataGrid({ tunnels, servers, onExport }: VxlanDataGridProps) {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
[onExport, serverMap],
|
[onExport, serverMap, failedServerIds],
|
||||||
)
|
)
|
||||||
|
|
||||||
const table = useTable({
|
const table = useTable({
|
||||||
|
|||||||
+2
-2
@@ -80,7 +80,7 @@ flowchart LR
|
|||||||
|
|
||||||
## Текущая точка продолжения
|
## Текущая точка продолжения
|
||||||
|
|
||||||
По журналу этапы 0–8 завершены в границах локальной приёмки; внешние ограничения сохраняются. Этап 9 начат (блоки 9.1–9.22 — операции IPsec/GRE и состояния VXLAN); этапы 10–12 не начаты. Этап 11 разделён: 11А — пользователи, контейнеры, сертификаты, резервирование; 11Б — оповещения, сбор данных, интеграции, релизы, настройки.
|
По журналу этапы 0–8 завершены в границах локальной приёмки; внешние ограничения сохраняются. Этап 9 начат (блоки 9.1–9.23 — операции IPsec/GRE и частичные сбои VXLAN); этапы 10–12 не начаты. Этап 11 разделён: 11А — пользователи, контейнеры, сертификаты, резервирование; 11Б — оповещения, сбор данных, интеграции, релизы, настройки.
|
||||||
|
|
||||||
Подробные планы: [этап 6](ux-ui-stage-6.md), [этап 7](ux-ui-stage-7.md), [этап 8 и итоговая матрица](ux-ui-stage-8.md), [этап 9](ux-ui-stage-9.md).
|
Подробные планы: [этап 6](ux-ui-stage-6.md), [этап 7](ux-ui-stage-7.md), [этап 8 и итоговая матрица](ux-ui-stage-8.md), [этап 9](ux-ui-stage-9.md).
|
||||||
|
|
||||||
@@ -88,7 +88,7 @@ flowchart LR
|
|||||||
|
|
||||||
Ближайший оставшийся объём:
|
Ближайший оставшийся объём:
|
||||||
|
|
||||||
1. Этап 9: карта разделов и схема сохранены; удаление, импорт, создание, переключение, контекст экспорта и выбор пира WireGuard исправлены в 9.1–9.7; в 9.8 проверено подтверждение восстановления. В 9.9 исправлены разметка и сохранение подтверждения при ошибке у всех шести потребителей. В 9.10 исправлены ошибки и поздние ответы загрузки истории WireGuard. В 9.11 подтверждение восстановления проверено у остальных пяти потребителей. В 9.12 обработаны ошибка/повтор/поздние ответы истории IPsec. В 9.13 подключены ошибка/повтор/защита поздних ответов остальных четырёх разделов и общая валидация ревизий всех шести. В 9.14 исправлены подтверждение инициализации IPsec, сохранение формы и защита повторной отправки. В 9.15 проверены создание/редактирование пользователей IPsec и сохранение формы. В 9.16 проверены получение/повторный экспорт сертификатов, поздние ответы и соответствие отображаемого пароля архиву. В 9.17 подтверждены ответы удаления четырёх типов объектов IPsec и исправлен диалог повторов. В 9.18 исправлено подтверждение сохранения peer IPsec и поведение формы. В 9.19 исправлено подтверждение удаления GRE и сохранение диалога при ошибке. В 9.20 исправлено подтверждение включения/выключения GRE и защита повторов. В 9.21 исправлены подтверждение создания/сохранения GRE и защита формы. В 9.22 исправлены контейнер ответа, первоначальные KPI и сохранение данных при ошибке VXLAN. Далее — частичные сбои backend VXLAN и данные по устройству, затем Firewall/Filters; загрузка данных IPsec и общая приёмка остаются открытыми.
|
1. Этап 9: карта разделов и схема сохранены; удаление, импорт, создание, переключение, контекст экспорта и выбор пира WireGuard исправлены в 9.1–9.7; в 9.8 проверено подтверждение восстановления. В 9.9 исправлены разметка и сохранение подтверждения при ошибке у всех шести потребителей. В 9.10 исправлены ошибки и поздние ответы загрузки истории WireGuard. В 9.11 подтверждение восстановления проверено у остальных пяти потребителей. В 9.12 обработаны ошибка/повтор/поздние ответы истории IPsec. В 9.13 подключены ошибка/повтор/защита поздних ответов остальных четырёх разделов и общая валидация ревизий всех шести. В 9.14 исправлены подтверждение инициализации IPsec, сохранение формы и защита повторной отправки. В 9.15 проверены создание/редактирование пользователей IPsec и сохранение формы. В 9.16 проверены получение/повторный экспорт сертификатов, поздние ответы и соответствие отображаемого пароля архиву. В 9.17 подтверждены ответы удаления четырёх типов объектов IPsec и исправлен диалог повторов. В 9.18 исправлено подтверждение сохранения peer IPsec и поведение формы. В 9.19 исправлено подтверждение удаления GRE и сохранение диалога при ошибке. В 9.20 исправлено подтверждение включения/выключения GRE и защита повторов. В 9.21 исправлены подтверждение создания/сохранения GRE и защита формы. В 9.22 исправлены контейнер ответа, первоначальные KPI и сохранение данных при ошибке VXLAN. В 9.23 backend сообщает частичные сбои VXLAN, UI сохраняет данные неответивших устройств и показывает неизвестное состояние. Далее — валидация payload и тесты гонок VXLAN, затем Firewall/Filters; загрузка данных IPsec и общая приёмка остаются открытыми.
|
||||||
2. Сохранять контекст устройства, введённые значения при ошибке и подтверждать результат операций по API; локальные моки проверяют клиентские сценарии, реальные сетевые операции требуют тестового окружения.
|
2. Сохранять контекст устройства, введённые значения при ошибке и подтверждать результат операций по API; локальные моки проверяют клиентские сценарии, реальные сетевые операции требуют тестового окружения.
|
||||||
3. В этапе 12 выполнить полный аудит доступности (скринридер, контраст), производительности и сквозную регрессию. Ограничения этапа 8 — удалённые серверы месячного каталога, отсутствие экспорта и автоматического переподключения SSE — остаются явно зафиксированными, без заявления о реализации.
|
3. В этапе 12 выполнить полный аудит доступности (скринридер, контраст), производительности и сквозную регрессию. Ограничения этапа 8 — удалённые серверы месячного каталога, отсутствие экспорта и автоматического переподключения SSE — остаются явно зафиксированными, без заявления о реализации.
|
||||||
|
|
||||||
|
|||||||
+10
-1
@@ -25,12 +25,21 @@
|
|||||||
| 6 | Навигация и дашборд | Завершён 2026-09-20 в границах локальной приёмки; ограничения ниже |
|
| 6 | Навигация и дашборд | Завершён 2026-09-20 в границах локальной приёмки; ограничения ниже |
|
||||||
| 7 | Серверы и мониторинг: детали, формы, URL-контекст, права | Завершён в границах локальной приёмки 2026-09-23; внешние ограничения ниже |
|
| 7 | Серверы и мониторинг: детали, формы, URL-контекст, права | Завершён в границах локальной приёмки 2026-09-23; внешние ограничения ниже |
|
||||||
| 8 | Трафик и статистика | Завершён 2026-09-28 в границах локальной приёмки; ограничения в блоке 8.13 |
|
| 8 | Трафик и статистика | Завершён 2026-09-28 в границах локальной приёмки; ограничения в блоке 8.13 |
|
||||||
| 9 | VPN, Firewall и Filters | В работе: блоки 9.1–9.22 — операции IPsec/GRE и состояния VXLAN |
|
| 9 | VPN, Firewall и Filters | В работе: блоки 9.1–9.23 — операции IPsec/GRE и частичные сбои VXLAN |
|
||||||
| 10 | Маршрутизация, диагностика, карта и терминал | Не начат |
|
| 10 | Маршрутизация, диагностика, карта и терминал | Не начат |
|
||||||
| 11А | Пользователи, контейнеры, сертификаты и резервные копии | Не начат |
|
| 11А | Пользователи, контейнеры, сертификаты и резервные копии | Не начат |
|
||||||
| 11Б | Оповещения, сбор данных, интеграции, релизы и настройки | Не начат |
|
| 11Б | Оповещения, сбор данных, интеграции, релизы и настройки | Не начат |
|
||||||
| 12 | Итоговая доступность, адаптивность, производительность и регрессия | Не начат |
|
| 12 | Итоговая доступность, адаптивность, производительность и регрессия | Не начат |
|
||||||
|
|
||||||
|
## Блок 9.23 — частичные сбои VXLAN (2026-09-30)
|
||||||
|
|
||||||
|
- Общий API VXLAN возвращает tunnels/failures; неответившие устройства не маскируются пустыми списками. Сбой VTEP или повреждённый массив устройства также считается ошибкой опроса. Endpoint отдельного устройства возвращает 502 при ошибке вместо успешного пустого ответа.
|
||||||
|
- Существующая listVxlanTunnels остаётся совместимым списковым wrapper для счётчика. Сам countVxlanTunnels по-прежнему подменяет тайм-аут/ошибку нулём: исправление этой внешней сводки не включено в блок.
|
||||||
|
- UI заменяет данные успешно опрошенных устройств, сохраняет последние записи недоступных включённых серверов, показывает предупреждение и повтор. Недоступные строки имеют нейтральный статус «Неизвестно», KPI выбранного неполного среза — «—». Первичный частичный сбой не показывает успешное пустое состояние. Полная валидация записей и timestamp свежести пока не добавлены.
|
||||||
|
- Серверные проверки агрегации прошли: смешанный результат, успешный пустой список, сбой всех устройств. Прошли 13 разных E2E VXLAN (12 общих и 2 профильных во втором прогоне с одним повтором). TypeScript frontend/backend и lint изменённых frontend-файлов прошли. Diff-check проверен перед коммитом. Последний production build — 9.21; повторная сборка не выполнялась.
|
||||||
|
- Далее: общая валидация payload VXLAN и защита/проверка гонок загрузки; затем Firewall/Filters. Кнопка «Новый VXLAN» и запись конфигурации не реализованы существующим backend, не считать их выполненными. Реальные устройства/JWT не проверены; этап 9 открыт.
|
||||||
|
- Блок начат при 8% расхода пятичасовой и 1% недельной квоты. Локальный коммит без push; чужие изменения сохранены.
|
||||||
|
|
||||||
## Блок 9.22 — состояния загрузки VXLAN (2026-09-30)
|
## Блок 9.22 — состояния загрузки VXLAN (2026-09-30)
|
||||||
|
|
||||||
- Ответ без массивов tunnels/servers отклоняется вместо подмены пустым списком. Первоначальная ошибка показывает неизвестные KPI (—); успешный пустой список остаётся допустимым. При ошибке обновления сохраняются последние данные с пояснением об устаревании; загрузка объявляется через status.
|
- Ответ без массивов tunnels/servers отклоняется вместо подмены пустым списком. Первоначальная ошибка показывает неизвестные KPI (—); успешный пустой список остаётся допустимым. При ошибке обновления сохраняются последние данные с пояснением об устаревании; загрузка объявляется через status.
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
# Этап 9: VPN и сетевые операции
|
# Этап 9: VPN и сетевые операции
|
||||||
|
|
||||||
Статус: начат 2026-09-28, выполнены блоки 9.1–9.22. Основа — существующие ReUI PRO/base-nova, Frame, ServerTileRail, DataGrid и формы. Правила применения сетевой конфигурации не меняем.
|
Статус: начат 2026-09-28, выполнены блоки 9.1–9.23. Основа — существующие ReUI PRO/base-nova, Frame, ServerTileRail, DataGrid и формы. Правила применения сетевой конфигурации не меняем.
|
||||||
|
|
||||||
## Схема и референсы принятого плана
|
## Схема и референсы принятого плана
|
||||||
|
|
||||||
@@ -129,3 +129,7 @@ PATCH требует ok=true; замок блокирует повтор, ожи
|
|||||||
## Блок 9.22 — загрузка VXLAN (2026-09-30)
|
## Блок 9.22 — загрузка VXLAN (2026-09-30)
|
||||||
|
|
||||||
Повреждённый контейнер не превращается в пустой список; KPI до успеха неизвестны, ошибка обновления сохраняет данные. Добавлена защита поколением запроса. Прошли 11 E2E в двух прогонах, lint/TypeScript чистые. Далее — частичные сбои опроса VXLAN на backend и сохранение данных по устройству. Полная схема туннеля, отдельные тесты гонок и реальный RouterOS ещё не проверены; последний build — 9.21.
|
Повреждённый контейнер не превращается в пустой список; KPI до успеха неизвестны, ошибка обновления сохраняет данные. Добавлена защита поколением запроса. Прошли 11 E2E в двух прогонах, lint/TypeScript чистые. Далее — частичные сбои опроса VXLAN на backend и сохранение данных по устройству. Полная схема туннеля, отдельные тесты гонок и реальный RouterOS ещё не проверены; последний build — 9.21.
|
||||||
|
|
||||||
|
## Блок 9.23 — частичный сбой VXLAN (2026-09-30)
|
||||||
|
|
||||||
|
API возвращает failures, одиночный endpoint — 502 при сбое; VTEP не маскируется пустым списком. UI сохраняет последние туннели устройства, показывает неизвестное состояние и повтор. Проверены серверная агрегация и 13 E2E, frontend/backend TypeScript и frontend lint прошли. Далее — схема payload и гонки загрузки VXLAN. Счётчик countVxlanTunnels всё ещё возвращает ноль при ошибке, timestamp и запись VXLAN не реализованы; реальные устройства не проверены.
|
||||||
@@ -20,7 +20,7 @@ async function setup(page: Page, url: string, failed = 0) {
|
|||||||
: path === "/api/uptime/speed-probes" ? { probes: [] }
|
: path === "/api/uptime/speed-probes" ? { probes: [] }
|
||||||
: path === "/api/uptime/speed-test/runs" ? { runs: [] }
|
: path === "/api/uptime/speed-test/runs" ? { runs: [] }
|
||||||
: path === "/api/bgp/sessions" ? []
|
: path === "/api/bgp/sessions" ? []
|
||||||
: path === "/api/vxlan" ? { tunnels }
|
: path === "/api/vxlan" ? { tunnels: control.partial ? tunnels.filter(t => t.serverId === "1") : tunnels, failures: control.partial ? [{ serverId: "2", serverName: "Второй сервер", error: "offline" }] : [] }
|
||||||
: path === "/api/filters/gre-tunnels" ? { tunnels: [] }
|
: path === "/api/filters/gre-tunnels" ? { tunnels: [] }
|
||||||
: path === "/api/wireguard" ? { interfaces: [], peers: [] }
|
: path === "/api/wireguard" ? { interfaces: [], peers: [] }
|
||||||
: path === "/api/traffic/servers" ? { servers: [] }
|
: path === "/api/traffic/servers" ? { servers: [] }
|
||||||
@@ -131,3 +131,30 @@ for (const initiallyFailed of [true, false]) {
|
|||||||
await expect(page.getByText("Ошибка загрузки:", { exact: false })).toHaveCount(0)
|
await expect(page.getByText("Ошибка загрузки:", { exact: false })).toHaveCount(0)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
test("VXLAN: частичный сбой сохраняет туннели и неизвестный статус", async ({ page }) => {
|
||||||
|
const control = await setup(page, "/vxlan?server=2")
|
||||||
|
const rows = page.locator("tr[data-row-id]")
|
||||||
|
await expect(rows).toHaveCount(2)
|
||||||
|
control.partial = true
|
||||||
|
await page.getByRole("button", { name: "Обновить", exact: true }).click()
|
||||||
|
await expect(page.getByRole("alert").filter({ hasText: "Не все устройства ответили" })).toContainText("Второй сервер")
|
||||||
|
await expect(rows).toHaveCount(2)
|
||||||
|
await expect(rows.first()).toContainText("Неизвестно")
|
||||||
|
await expect(page.getByLabel("Сводка VXLAN")).toContainText("—")
|
||||||
|
control.partial = false
|
||||||
|
await page.getByRole("button", { name: "Повторить опрос" }).click()
|
||||||
|
await expect(page.getByText("Не все устройства ответили", { exact: true })).toHaveCount(0)
|
||||||
|
await expect(rows.first()).toContainText("DOWN")
|
||||||
|
})
|
||||||
|
|
||||||
|
test("VXLAN: первый частичный сбой не выглядит пустым устройством", async ({ page }) => {
|
||||||
|
const control = await setup(page, "/vxlan?server=2")
|
||||||
|
await expect(page.locator("tr[data-row-id]")).toHaveCount(2)
|
||||||
|
control.partial = true
|
||||||
|
await page.reload()
|
||||||
|
await expect(page.getByText("Не все устройства ответили", { exact: true })).toBeVisible()
|
||||||
|
await expect(page.locator("tr[data-row-id]")).toHaveCount(0)
|
||||||
|
await expect(page.getByText("На опрошенных серверах нет VXLAN-интерфейсов", { exact: true })).toHaveCount(0)
|
||||||
|
await expect(page.getByLabel("Сводка VXLAN")).toContainText("—")
|
||||||
|
})
|
||||||
Reference in new issue
Block a user