Some checks failed
PR Review Automation / review (pull_request) Has been cancelled
Test / frontend-typecheck (pull_request) Has been cancelled
Test / rust-clippy (pull_request) Has been cancelled
Test / frontend-tests (pull_request) Has been cancelled
Test / rust-fmt-check (pull_request) Has been cancelled
Test / rust-tests (pull_request) Has been cancelled
Complete overhaul of the Kubernetes management page from a basic config panel into a full Lens-style IDE shell with 26 resource types, real-time data, and a comprehensive test suite. Layout & navigation: - Rewrite KubernetesPage as a Lens v5-style shell: collapsible sidebar (Workloads / Services & Networking / Config & Storage / Access Control / Cluster), top hotbar with cluster+namespace selectors, Ctrl+K command palette - All 26 resource types now accessible via sidebar navigation (previously 5) New resource types (Rust + TypeScript + React): - StorageClasses, NetworkPolicies, ResourceQuotas, LimitRanges - 4 new Tauri commands registered in generate_handler![] Component implementations (replacing stubs with real IPC): - Terminal: full xterm.js with multi-tab sessions and exec_pod IPC - YamlEditor: Monaco editor with YAML syntax highlighting - MetricsChart: recharts LineChart/BarChart - ClusterOverview: live node/pod/deployment/namespace counts - ClusterDetails: real kubeconfig + node data - PodDetail, DeploymentDetail, ServiceDetail, ConfigMapDetail, SecretDetail: all connected to real IPC data, zero hardcoded values - CreateResourceModal, EditResourceModal: wired to createResourceCmd / editResourceCmd - RbacViewer: live data from 4 RBAC IPC commands - RbacEditor: create roles/cluster-roles via YAML editor - CommandPalette: 12 real navigation commands, keyboard nav Dependencies added: xterm@5, xterm-addon-fit, xterm-addon-web-links, @monaco-editor/react@4, recharts@2 Tooling: - Replace eslint-plugin-react (incompatible with ESLint 10) with @eslint-react/eslint-plugin; fix eslint.config.js for flat config - Fix pre-existing hoisting lint errors in Security.tsx, PortForwardForm.tsx - Fix eventBus.ts: replace all `any` generics with `unknown` Tests: 251 passing across 35 test files (was 94/19) - 16 new test files covering all new and fixed components (TDD) - npx tsc --noEmit: 0 errors - cargo clippy -- -D warnings: 0 warnings - cargo fmt --check: passes - eslint src/ --max-warnings 0: 0 issues
116 lines
3.2 KiB
TypeScript
116 lines
3.2 KiB
TypeScript
import { invoke } from "@tauri-apps/api/core";
|
|
|
|
export type EventCallback<T = unknown> = (data: T) => void;
|
|
|
|
export interface EventUnsubscribe {
|
|
(): void;
|
|
}
|
|
|
|
export interface EventBus {
|
|
on<T = unknown>(event: string, callback: EventCallback<T>): EventUnsubscribe;
|
|
off<T = unknown>(event: string, callback: EventCallback<T>): void;
|
|
emit<T = unknown>(event: string, data?: T): void;
|
|
once<T = unknown>(event: string, callback: EventCallback<T>): EventUnsubscribe;
|
|
}
|
|
|
|
class SimpleEventBus implements EventBus {
|
|
private events: Record<string, Set<EventCallback<unknown>>> = {};
|
|
private onceEvents: Record<string, Set<EventCallback<unknown>>> = {};
|
|
|
|
on<T = unknown>(event: string, callback: EventCallback<T>): EventUnsubscribe {
|
|
if (!this.events[event]) {
|
|
this.events[event] = new Set();
|
|
}
|
|
this.events[event].add(callback as EventCallback<unknown>);
|
|
return () => this.off(event, callback);
|
|
}
|
|
|
|
off<T = unknown>(event: string, callback: EventCallback<T>): void {
|
|
if (this.events[event]) {
|
|
this.events[event].delete(callback as EventCallback<unknown>);
|
|
}
|
|
}
|
|
|
|
emit<T = unknown>(event: string, data?: T): void {
|
|
const callbacks = this.events[event];
|
|
if (callbacks) {
|
|
callbacks.forEach((callback) => callback(data as unknown));
|
|
}
|
|
|
|
const onceCallbacks = this.onceEvents[event];
|
|
if (onceCallbacks) {
|
|
onceCallbacks.forEach((callback) => callback(data as unknown));
|
|
delete this.onceEvents[event];
|
|
}
|
|
}
|
|
|
|
once<T = unknown>(event: string, callback: EventCallback<T>): EventUnsubscribe {
|
|
if (!this.onceEvents[event]) {
|
|
this.onceEvents[event] = new Set();
|
|
}
|
|
this.onceEvents[event].add(callback as EventCallback<unknown>);
|
|
|
|
return () => {
|
|
if (this.onceEvents[event]) {
|
|
this.onceEvents[event].delete(callback as EventCallback<unknown>);
|
|
}
|
|
};
|
|
}
|
|
}
|
|
|
|
export const eventBus: EventBus = new SimpleEventBus();
|
|
|
|
export async function subscribeToK8sEvents(
|
|
clusterId: string,
|
|
namespace: string,
|
|
resourceType: string,
|
|
callback: EventCallback<unknown>
|
|
): Promise<EventUnsubscribe> {
|
|
try {
|
|
const unsubscribeId = await invoke<string>("subscribe_to_k8s_events", {
|
|
clusterId,
|
|
namespace,
|
|
resourceType,
|
|
});
|
|
|
|
const handler = (data: unknown) => {
|
|
callback(data);
|
|
};
|
|
|
|
eventBus.on(`k8s:${clusterId}:${namespace}:${resourceType}`, handler);
|
|
|
|
return () => {
|
|
eventBus.off(`k8s:${clusterId}:${namespace}:${resourceType}`, handler);
|
|
invoke<void>("unsubscribe_from_k8s_events", { unsubscribeId });
|
|
};
|
|
} catch (error) {
|
|
console.error("Failed to subscribe to K8s events:", error);
|
|
return () => {};
|
|
}
|
|
}
|
|
|
|
export async function subscribeToAllEvents(
|
|
clusterId: string,
|
|
callback: EventCallback<unknown>
|
|
): Promise<EventUnsubscribe> {
|
|
try {
|
|
const unsubscribeId = await invoke<string>("subscribe_to_all_k8s_events", {
|
|
clusterId,
|
|
});
|
|
|
|
const handler = (data: unknown) => {
|
|
callback(data);
|
|
};
|
|
|
|
eventBus.on(`k8s:${clusterId}:all`, handler);
|
|
|
|
return () => {
|
|
eventBus.off(`k8s:${clusterId}:all`, handler);
|
|
invoke<void>("unsubscribe_from_k8s_events", { unsubscribeId });
|
|
};
|
|
} catch (error) {
|
|
console.error("Failed to subscribe to all K8s events:", error);
|
|
return () => {};
|
|
}
|
|
}
|