feat: initial kube-vip Headlamp plugin

Headlamp plugin providing visibility into kube-vip virtual IP and load
balancer deployments. Features:

- Overview dashboard with deployment status, VIP mode, leader election
- Services page with LoadBalancer VIP assignments and detail panels
- Nodes page showing kube-vip pod status and leader designation
- Configuration page with DaemonSet config, IP pools, leases
- Service detail section injected into native Headlamp Service views

Read-only plugin — no cluster write operations. Uses standard K8s
resources (no CRDs): Services, Nodes, Pods, DaemonSets, Leases,
ConfigMaps with kube-vip.io/* annotations.

74 tests across 7 test files. All tsc/lint/format/test checks pass.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
DevContainer User
2026-03-04 00:23:08 +00:00
commit 3b9d007e8b
37 changed files with 22722 additions and 0 deletions
+128
View File
@@ -0,0 +1,128 @@
/**
* headlamp-kube-vip-plugin — entry point.
*
* Registers sidebar entries, routes, and detail view sections for
* kube-vip virtual IP and load balancer visibility in Headlamp.
*/
import {
registerDetailsViewSection,
registerRoute,
registerSidebarEntry,
} from '@kinvolk/headlamp-plugin/lib';
import React from 'react';
import { KubeVipDataProvider } from './api/KubeVipDataContext';
import ConfigPage from './components/ConfigPage';
import NodesPage from './components/NodesPage';
import OverviewPage from './components/OverviewPage';
import ServiceDetailSection from './components/ServiceDetailSection';
import ServicesPage from './components/ServicesPage';
// ---------------------------------------------------------------------------
// Sidebar entries
// ---------------------------------------------------------------------------
registerSidebarEntry({
parent: null,
name: 'kube-vip',
label: 'kube-vip',
url: '/kube-vip',
icon: 'mdi:ip-network',
});
registerSidebarEntry({
parent: 'kube-vip',
name: 'kube-vip-overview',
label: 'Overview',
url: '/kube-vip',
icon: 'mdi:view-dashboard',
});
registerSidebarEntry({
parent: 'kube-vip',
name: 'kube-vip-services',
label: 'Services',
url: '/kube-vip/services',
icon: 'mdi:lan',
});
registerSidebarEntry({
parent: 'kube-vip',
name: 'kube-vip-nodes',
label: 'Nodes',
url: '/kube-vip/nodes',
icon: 'mdi:server',
});
registerSidebarEntry({
parent: 'kube-vip',
name: 'kube-vip-config',
label: 'Configuration',
url: '/kube-vip/config',
icon: 'mdi:cog',
});
// ---------------------------------------------------------------------------
// Routes
// ---------------------------------------------------------------------------
registerRoute({
path: '/kube-vip',
sidebar: 'kube-vip-overview',
name: 'kube-vip-overview',
exact: true,
component: () => (
<KubeVipDataProvider>
<OverviewPage />
</KubeVipDataProvider>
),
});
registerRoute({
path: '/kube-vip/services',
sidebar: 'kube-vip-services',
name: 'kube-vip-services',
exact: true,
component: () => (
<KubeVipDataProvider>
<ServicesPage />
</KubeVipDataProvider>
),
});
registerRoute({
path: '/kube-vip/nodes',
sidebar: 'kube-vip-nodes',
name: 'kube-vip-nodes',
exact: true,
component: () => (
<KubeVipDataProvider>
<NodesPage />
</KubeVipDataProvider>
),
});
registerRoute({
path: '/kube-vip/config',
sidebar: 'kube-vip-config',
name: 'kube-vip-config',
exact: true,
component: () => (
<KubeVipDataProvider>
<ConfigPage />
</KubeVipDataProvider>
),
});
// ---------------------------------------------------------------------------
// Detail view section — Service pages (LoadBalancer type)
// ---------------------------------------------------------------------------
registerDetailsViewSection(({ resource }) => {
if (resource?.kind !== 'Service') return null;
return (
<KubeVipDataProvider>
<ServiceDetailSection resource={resource} />
</KubeVipDataProvider>
);
});