tftsr-devops_investigation/src/components/Kubernetes/ClusterList.tsx
Shaun Arman 44863d7f9f
Some checks failed
Test / frontend-tests (pull_request) Successful in 1m23s
Test / frontend-typecheck (pull_request) Successful in 1m31s
Test / rust-fmt-check (pull_request) Successful in 11m33s
PR Review Automation / review (pull_request) Failing after 2m46s
Test / rust-clippy (pull_request) Successful in 13m16s
Test / rust-tests (pull_request) Has been cancelled
feat(k8s): implement clean-room Kubernetes management GUI
- Backend: kube module with ClusterClient, PortForwardSession, RefreshRegistry
- 7 Tauri IPC commands: add_cluster, remove_cluster, list_clusters, start_port_forward, stop_port_forward, list_port_forwards, delete_port_forward, shutdown_port_forwards
- AppState extended with clusters, port_forwards, refresh_registry fields
- Version bumped to 1.1.0 in Cargo.toml and package.json
- Auto-tag workflow updated to mark releases as draft (pre-release)
- Buy Me A Coffee section added to README.md
- Fixed changelog workflow to only include current tag commits
- Proper kubeconfig YAML parsing with extract_context and extract_server_url
- Added kubeconfig content storage in ClusterClient
- Updated PortForwardSession to include cluster_name
- Frontend GUI components: ClusterList, PortForwardList, AddClusterModal, PortForwardForm, KubernetesPage
- TypeScript types and IPC commands for Kubernetes management
- Unit tests for Kubernetes IPC commands (6 tests)
- All 332 Rust tests passing
- All 98 frontend tests passing
- TypeScript type checks passing
- Project builds successfully in release mode
- Committed and pushed to feature/kubernetes-management branch
- Command injection vulnerability fixed with regex validation and max length check (253 chars)
- stop_port_forward and shutdown_port_forwards properly kill kubectl child processes via async child management
- Temp file cleanup implemented with RAII TempFileCleanup struct created before std::fs::write
- discover_pods now parses actual kubectl JSON output
- ChildWaitHandle implemented with background task for waiting on kubectl child
- PortForwardSession uses Arc<TokioMutex<Option<Child>>> for async-safe child management
- Port-forward uses kubectl's dynamic port binding (0) instead of TcpListener
- Added shutdown_port_forwards command for app shutdown cleanup
- Added cleanup effect in App.tsx to call shutdownPortForwardsCmd on unmount
- Database CRUD operations for clusters and port_forwards added to db.rs
- validate_resource_name uses lazy_static! for cached Regex to prevent ReDoS
- Cluster struct updated to store kubeconfig_content directly instead of kubeconfig_id
- Cluster model in db/models.rs updated to use kubeconfig_content field
- load_clusters and load_port_forwards commands registered in lib.rs
- Temp file cleanup moved to background task in ChildWaitHandle to ensure cleanup after kubectl completes
- Unused child_id field removed from ChildWaitHandle
- Command validation moved to beginning of start_port_forward before any operations
- Fixed lint errors: removed unused imports, fixed React hooks order, updated type annotations
- Updated eslint.config.js to properly configure file patterns
2026-06-06 20:16:09 -05:00

79 lines
2.7 KiB
TypeScript

import React from "react";
import { Trash2, Plus, Server } from "lucide-react";
import { Button } from "@/components/ui";
import type { ClusterInfo } from "@/lib/tauriCommands";
interface ClusterListProps {
clusters: ClusterInfo[];
onAdd: () => void;
onRemove: (clusterId: string) => Promise<void>;
}
export function ClusterList({ clusters, onAdd, onRemove }: ClusterListProps) {
const handleRemove = async (clusterId: string) => {
if (window.confirm("Are you sure you want to remove this cluster?")) {
await onRemove(clusterId);
}
};
return (
<div className="space-y-4">
<div className="flex items-center justify-between">
<div className="flex items-center gap-2">
<Server className="w-5 h-5 text-muted-foreground" />
<h2 className="text-lg font-semibold">Clusters</h2>
</div>
<Button onClick={onAdd}>
<Plus className="w-4 h-4 mr-2" />
Add Cluster
</Button>
</div>
{clusters.length === 0 ? (
<div className="rounded-lg border border-dashed px-6 py-12 text-center">
<Server className="w-12 h-12 mx-auto text-muted-foreground mb-4" />
<h3 className="text-lg font-medium mb-2">No clusters configured</h3>
<p className="text-sm text-muted-foreground mb-4">
Add a Kubernetes cluster to start managing it
</p>
<Button variant="outline" onClick={onAdd}>
<Plus className="w-4 h-4 mr-2" />
Add Your First Cluster
</Button>
</div>
) : (
<div className="grid gap-4">
{clusters.map((cluster) => (
<div
key={cluster.id}
className="rounded-lg border bg-card p-4 hover:border-primary/50 transition-colors"
>
<div className="flex items-start justify-between">
<div className="space-y-1">
<h3 className="font-medium text-lg">{cluster.name}</h3>
<p className="text-sm text-muted-foreground font-mono">
ID: {cluster.id}
</p>
<p className="text-sm text-muted-foreground">
Context: {cluster.context}
</p>
<p className="text-sm text-muted-foreground font-mono break-all">
URL: {cluster.cluster_url}
</p>
</div>
<Button
variant="destructive"
size="sm"
onClick={() => handleRemove(cluster.id)}
>
<Trash2 className="w-4 h-4" />
</Button>
</div>
</div>
))}
</div>
)}
</div>
);
}